@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#ad1719;}
::-webkit-scrollbar-thumb:window-inactive { background:#ad1719; }
::-webkit-scrollbar-thumb:vertical:hover { background:#ad1719; }

body { background:#fff; font-size:16px; font-family:'PINGFANG REGULAR';  color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button, select{ font-size:16px; font-family:'PINGFANG REGULAR'; -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#ad1719; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:87.5%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


@font-face {
	font-family: 'PINGFANG REGULAR';
	src: url('../fonts/PINGFANG REGULAR.TTF');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: "iconfont"; /* Project id 3419886 */
  src: url('../fonts/iconfont.woff2?t=1653204525737') format('woff2'),
       url('../fonts/iconfont.woff?t=1653204525737') format('woff'),
       url('../fonts/iconfont.ttf?t=1653204525737') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'en_b';
  src: url("../fonts/GOTHAM-BOLD.woff");
  font-weight: normal;
  font-style: normal;
}


/**index**/
.cnHead{ width:100%; position:absolute; left:0; top:0; z-index:99; border-bottom:1px rgba(255,255,255,.2) solid; transition:all .3s ease;}
.cnHead.topFix{ background:#ad1719; position:fixed;}
.cnHead-logo{ width:19%; min-height:96px; padding:21px 0 25px 0; border-right:1px rgba(255,255,255,.2) solid;}

.cnHead-nav li{ float:left; position:relative;}
.cnHead-nav li a.far{ line-height:96px; color:#fff; display:inline-block; padding:0 1.56vw;}
.cnHead-nav li:hover a.far{ background:#ad1719;}
.cnHead-nav li .subNav{ background:rgba(0,0,0,.7); width:100%; position:absolute; right:0; font-size:0; top:100%; text-align:center; padding:5px 0; border-top:5px #e5bd6e solid; display:none; }
.cnHead-nav li .subNav a{ line-height:25px; padding:5px 0; display:block; vertical-align:top; font-size:14px; color:#fff;}
.cnHead-nav li .subNav a:hover{ background:#ad1719; color:#fff;}

.cnHead-srhBtn{ width:32px; height:32px; line-height:30px; text-align:center; color:#fff; font-size:14px; cursor:pointer; margin:32px 0 0 1.56vw; border:1px #fff solid; border-radius:50%; transition:all 0.4s ease; display:none;}
.cnHead-srhBtn:hover{ background:#ad1719;}
.cnHead-search { background-color:#fff; width:100%; padding:20px 65px 20px 110px; position:fixed; left:0; top:0; z-index:9999; transition:all .5s ease; transform:translateY(-120%);  box-shadow:0 1px 3px rgba(0, 0, 0, 0.12);}
.cnHead-search.on { transform:none; }
.cnHead-search .srh-box { position:relative; width:60%; padding-left:80px; padding-right:40px; margin:50px auto 0; }
.cnHead-search .sea-tit{ line-height:40px; margin-bottom:10px; color:#666; }
.cnHead-search .sea-form{ display:block; width:100%; position:relative; }
.cnHead-search .sea-form .sinpt{ background-color:transparent; width:100%; padding:20px 60px 20px 0; display:block; line-height:25px; font-size:24px; color:#d1060b; border-bottom:2px solid #d1060b;}
.cnHead-search .sea-form .sbtn{ background:none; position:absolute; line-height:65px; top:0; right:0; width:40px; font-size:24px; color:#d1060b; cursor:pointer; font-weight:bold; }
.cnHead-search .srh-close{ position:absolute; right:65px; top:20px; font-size:30px; line-height:1; cursor:pointer; color:#d1060b; transition:all 0.4s;}
.cnHead-search .srh-close:hover{ transform:rotate(180deg);}


.cnIndex-page{ width:100%; height:100vh; position:relative; overflow:hidden;}
.cnIndex-page div.active .cnAbout-honor{ animation-name:fadeInRight; animation-duration:1s;}
.cnIndex-page div.active .cnAbout-info{ animation-name:fadeInRight; animation-duration:2s;}
.cnIndex-page div.active .cnAbout-infoTitle .cn{ animation-name:fadeInUp; animation-duration:1s;}
.cnIndex-page div.active .cnAbout-infoTitle .en{ animation-name:fadeInUp; animation-duration:2s;}
.cnIndex-page div.active .cnAbout-infoTitle .mo{ animation-name:fadeInUp; animation-duration:3s;}
.cnIndex-page div.active .cnAbout-infoText{ animation-name:fadeInUp; animation-duration:2s;}

.cnIndex-page div.active .cnBusiness-thumb li .word .wt{ animation-name:fadeInLeft; animation-duration:1s;}
.cnIndex-page div.active .cnBusiness-thumb li .word .we{ animation-name:fadeInLeft; animation-duration:1.5s;}
.cnIndex-page div.active .cnBusiness-thumb li .word .wc{ animation-name:fadeInLeft; animation-duration:2s;}
.cnIndex-page div.active .cnBusiness-thumb li .word .wm{ animation-name:fadeInLeft; animation-duration:2.5s;}
.cnIndex-page div.active .cnBusiness-thumb li .pic{ animation-name:fadeInRight; animation-duration:1.5s;}
.cnIndex-page div.active .cnBusiness-tab li{ animation-name:fadeInUp; animation-duration:1s;}
.cnIndex-page div.active .cnBusiness-tab li:nth-child(2){ animation-duration:1.5s;}
.cnIndex-page div.active .cnBusiness-tab li:nth-child(3){ animation-duration:2s;}
.cnIndex-page div.active .cnBusiness-tab li:nth-child(4){ animation-duration:2.5s;}
.cnIndex-page div.active .cnBusiness-tab li:nth-child(5){ animation-duration:3s;}
.cnIndex-page div.active .cnBusiness-tab li:nth-child(6){ animation-duration:3.5s;}
.cnIndex-page div.active .cnBusiness-tab li:nth-child(7){ animation-duration:4s;}

.cnIndex-page div.active .cnNews-left .title{ animation-name:fadeInLeft; animation-duration:1s;}
.cnIndex-page div.active .cnNews-left .menu{ animation-name:fadeInLeft; animation-duration:1.5s;}
.cnIndex-page div.active .cnNews-left .more{ animation-name:fadeInLeft; animation-duration:2s;}
.cnIndex-page div.active .cnNews-right-list li{ animation-name:fadeInUp; animation-duration:0.5s;}
.cnIndex-page div.active .cnNews-right-list li:nth-child(2){ animation-duration:1s;}
.cnIndex-page div.active .cnNews-right-list li:nth-child(3){ animation-duration:1.5s;}
.cnIndex-page div.active .cnNews-right-list li:nth-child(4){ animation-duration:2s;}
.cnIndex-page div.active .cnNews-right-list li:nth-child(5){ animation-duration:2.5s;}
.cnIndex-page div.active .cnNews-right-list li:nth-child(6){ animation-duration:3s;}
.cnIndex-page div.active .cnNews-right-list li:nth-child(7){ animation-duration:3.5s;}


.cnBanner{ position:relative; width:100%; height:100vh; overflow:hidden;}
.cnBanner li{ position:relative;}
.cnBanner li .picBox{ position:relative;overflow:hidden; width:100%; height:100vh;}
.cnBanner li .pic{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; transition:ease 1s;}
.cnBanner li .txtBox{ width:100%; color:#fff; position:absolute; left:0; top:36%; z-index:2; text-align:center;}
.cnBanner li .txtBox .t-boxt{ opacity:0; transition:ease 1s; transform:translateY(100px);}
.cnBanner li.swiper-slide-active .t-boxt, .cnBanner li.swiper-slide-duplicate-active .t-boxt{ transform:translateY(0); opacity:1; transition-delay:1s;}
.cnBanner .swiper-pagination{  bottom:2.6vw !important;}
.cnBanner .swiper-pagination-bullet{ background:#fff; width:66px; height:3px; margin:0 5px!important; transition:all 0.4s; opacity:.4; border-radius:0;}
.cnBanner .swiper-pagination-bullet-active{ background:#ad1719; opacity:1; }
.cnBanner .mouse{  color:#fff;  position:absolute; bottom:2.08vw; font-size:14px; right:6.25%; text-align:center; z-index:10;}
.cnBanner .mouse i{ width:26px; height:46px; display:inline-block; position:relative; margin-bottom:15px; border-radius:14px; vertical-align:top; border:2px #fff solid;}
.cnBanner .mouse i:before{ content:''; background:#fff; width:2px; height:10px; position:absolute; left:50%; margin-left:-1px; top:13px; animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}

@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.cnAbout{ background-image:url(../images/cnAbout-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-top:15.93vw; text-align:right; font-size:0;}
.cnAbout-honor{ background:#004caa; color:#fff !important; width:220px; font-size:18px; padding:30px 0 34px 34px; line-height:1; display:inline-block; vertical-align:top; text-align:left;}
.cnAbout-honor .t{ font-size:24px; padding:20px 0 30px 0;}
.cnAbout-honor .iconfont{ width:60px; height:60px; line-height:58px; text-align:center; display:inline-block; position:relative; z-index:1; border:1px #fff solid; border-radius:50%; transition:all 0.6s ease; }
.cnAbout-honor .iconfont:before{ content:''; background:#ad1719; width:0; height:0; position:absolute; left:50%; top:50%; z-index:-1; transform:translate(-50%,-50%); transition:all 0.6s ease; border-radius:50%;}
.cnAbout-honor:hover .iconfont{ transform:rotate(45deg);}
.cnAbout-honor:hover .iconfont:before{ width:100%; height:100%;}

.cnAbout-info{ background:#fff; width:50%; padding:4.68vw 5.2vw 3.125vw 3.125vw; display:inline-block; vertical-align:top; text-align:left;}
.cnAbout-infoTitle{ max-width:33%;}
.cnAbout-infoTitle .cn{ font-size:36px; line-height:1; padding-bottom:16px; position:relative;}
.cnAbout-infoTitle .cn:before{ content:''; background:#012a70; width:26px; height:2px; position:absolute; left:0; bottom:0;}
.cnAbout-infoTitle .en{ font-size:42px; line-height:48px; color:#e1e1e1; text-transform:uppercase; margin-top:10px;}
.cnAbout-infoTitle .mo{ display:block; text-align:center; font-size:14px; margin-top:2.86vw;}
.cnAbout-infoTitle .mo .iconfont{ background:#ad1719; width:60px; height:60px; line-height:60px; text-align:center; display:inline-block; position:relative; z-index:1; margin-bottom:15px; font-size:20px; color:#fff; border-radius:50%; transition:all 0.6s ease; }
.cnAbout-infoTitle .mo:hover .iconfont{ transform:rotate(45deg);}
.cnAbout-infoText{ max-width:67%; font-size:16px; line-height:34px; max-height:238px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden;}


.cnBusiness-thumb{ width:100%; height:100%; position:relative;}
.cnBusiness-thumb li{width: 100%; height:100%; position:absolute; top:0; left:0; display:none; z-index:9;}
.cnBusiness-thumb li:first-child{ display:block;}
.cnBusiness-thumb li:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.cnBusiness-thumb li .pic{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; position:absolute; left:0; top:0;animation-name:fadeInRight; animation-duration:0.5s; }
.cnBusiness-thumb li .word{ width:35.41%; padding-left:6.25%; color:#fff; padding-top:13.5vw; position:relative; z-index:2; animation-name:fadeInLeft; animation-duration:0.7s;}
.cnBusiness-thumb li .word .wt{ font-size:36px; line-height:1; font-weight:bold;}
.cnBusiness-thumb li .word .we{ font-size:14px; margin-top:15px; text-transform:uppercase; font-weight:bold;}
.cnBusiness-thumb li .word .wc{ line-height:34px; max-height:68px; margin-top:2.08vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cnBusiness-thumb li .word .wm{ display:block; margin-top:3.64vw; line-height:60px; color:#fff; font-size:14px;}
.cnBusiness-thumb li .word .wm .iconfont{ background:#ad1719; width:60px; text-align:center; display:inline-block; position:relative; z-index:1; margin-right:15px; font-size:20px; color:#fff; border-radius:50%; transition:all 0.6s ease; }
.cnBusiness-thumb li .word .wm:hover .iconfont{ transform:rotate(45deg);}

.cnBusiness-tab{ width:100%; position:absolute; left:0; bottom:6.5vw; z-index:100;}
.cnBusiness-tab .w{ display:flex;}
.cnBusiness-tab li{ width:calc(100%/7); text-align:center; color:#fff; padding:20px 0; line-height:1; font-size:20px; margin-left:-1px; position:relative; z-index:1; overflow:hidden; border:1px solid rgba(255,255,255,.5); cursor:pointer;}
.cnBusiness-tab li:before{ content:''; background:#ad1719; width:100%; height:100%; position:absolute; left:0; top:100%; z-index:-1; transition:all 0.5s ease;}
.cnBusiness-tab li .iconfont{ font-size:38px; display:inline-block; vertical-align:top; margin-bottom:15px; transition:all 0.6s ease;}
.cnBusiness-tab li.active:before, .cnBusiness-tab li:hover:before{ top:0;}
.cnBusiness-tab li:hover .iconfont{ -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg);}



.cnNews{ background:#288ac8; position:relative; width:100%; height:100%;}
.cnNews .w{ height:100%;}
.cnNews-left{ width:19%; height:100%; padding-top:11.97vw; border-right:1px solid rgba(255,255,255,.2);}
.cnNews-left .title .en{ font-size:30px; text-transform:uppercase; line-height:1; color:#fff;}
.cnNews-left .title .cn{ font-size:36px; line-height:1; margin-top:15px; color:#fff; font-weight:bold;}
.cnNews-left .menu{ padding-top:6.77vw;}
.cnNews-left .menu a{ font-size:18px; display:block; color:#fff; margin-top:1.25vw; padding-bottom:15px; position:relative;}
.cnNews-left .menu a:before{ content:''; background:#fff; width:0; height:1px; position:absolute; left:0; bottom:0; transition:all 0.4s ease;}
.cnNews-left .menu a.on:before, .cnNews-left .menu a:hover:before{ width:70px; }
.cnNews-left .more{ color:#fff; display:block; margin-top:8.55vw; line-height:60px;}
.cnNews-left .more > i{ background:#fff; width:60px; line-height:60px; text-align:center; display:inline-block; vertical-align:top; position:relative; z-index:1; font-size:20px; color:#ad1719; border-radius:50%; transition:all 0.6s ease; margin-right:20px;}
.cnNews-left .more:hover i{ transform:rotate(45deg);}
.cnNews-right{ width:81%; padding-top:9.11vw;}
.cnNews-right-list{ display:none;}
.cnNews-right-list:first-child{ display:block;}
.cnNews-right-list li{ margin-top:1.875vw; overflow:hidden; position:relative; transition:all 0.3s ease; padding-left:3.385vw;}
.cnNews-right-list li:before{ content:''; background:rgba(255,255,255,.2); width:0; height:1px; position:absolute; left:0; bottom:0; transition:all 1s ease;}
.cnNews-right-list li .pic{ width:26%; position:absolute; right:0; top:0; overflow:hidden; transition:all 0.4s; }
.cnNews-right-list li .pic span{  background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; display:inline-block; transition:ease .6s;}
.cnNews-right-list li .word{ width:100%;}
.cnNews-right-list li .word .t{ font-size:18px; padding-left:25px; line-height:1; color:#fff; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.cnNews-right-list li .word .t:before{ content:''; background:#fff; width:6px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; border-radius:50%;}
.cnNews-right-list li .word .t span{ float:right; font-size:16px; color:rgba(255,255,255,.8);}
.cnNews-right-list li .word .c{ line-height:30px; color:#fff; height:0; visibility:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; transition:ease .6s;}
.cnNews-right-list li .word .m { font-size:14px; line-height:0; overflow:hidden; visibility:hidden; padding:0 58px; color:#fff; display:none; transition:all 0.4s ease; }
.cnNews-right-list li .word .m:hover{ background:#ad1719; color:#fff; border-color:#ad1719;}
.cnNews-right-list li.active { padding-bottom:2.96vw; }
.cnNews-right-list li.active:before{ width:100%;}
.cnNews-right-list li.active .pic { height:calc(100% - 2.96vw);}
.cnNews-right-list li.active .word{ width:74%;  padding-right:4vw;}
.cnNews-right-list li.active .word .t{ padding-left:0; font-size:24px; line-height:1; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cnNews-right-list li.active .word .t span{ display:none;}
.cnNews-right-list li.active .word .t:before{ display:none;}
.cnNews-right-list li.active .word .c{ height:60px; visibility:visible; margin-top:20px;}
.cnNews-right-list li.active .word .m{ line-height:46px; display:inline-block; visibility:visible; margin-top:30px; border:1px #fff solid;}
.cnNews-right-list li:hover .t{ opacity:.8;}


.cnFooter{ background:#1e1e1e; padding:4.42vw 0 8.85vw 0;}
.cnFooter-contact{ width:26%; font-size:14px; color:#fff; line-height:26px;}
.cnFooter-contact .f-logo{ padding-bottom:3.125vw;}
.cnFooter-nav{ width:65%; display:flex;}
.cnFooter-nav dl{display: inline-block; flex:1;}
.cnFooter-nav dl dt a{ font-size:18px; display:block; color:#fff; padding-bottom:5px;}
.cnFooter-nav dl dt a:hover{ color:#ad1719;}
.cnFooter-nav dl dd a{ display:block; margin-top:1.04vw; font-size:14px; color:rgba(255,255,255,.5);}
.cnFooter-nav dl dd a:hover{ color:#fff;}
.cnFooter-code{ width:8.2%; text-align:center; font-size:14px; color:#fff; padding:13px; border:1px solid #434343;}
.cnFooter-code img{  margin-bottom:12px;}


/**新闻中心**/
.pbanner{ position:relative;}
.pbanner-pic{ background-position: center; background-size: cover; width:100%; height: 500px; display:block;}
.pbanner-text{ width:84%; max-width:1500px; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:5;}
.pbanner-text .msg { position:absolute; left:13%; bottom:-60px; min-width:150px; }
.pbanner-text .msg > div { position:relative; z-index:5; animation-duration:1.6s; margin-bottom:40px; }
.pbanner-text .msg .cn{ letter-spacing:3px; white-space:nowrap; font-size:40px; font-weight:bold; color:#fff; }
.pbanner-text .msg .en { white-space:nowrap; text-transform:uppercase; font-size:12px; color:#fff; }
.pbanner-text .msg .bg { background-color:#ad1719; position:absolute; z-index:2; height:100%; width:90%; left:-60%; top:-30px; box-shadow:0 20px 30px -4px rgb(173,23,25,.4); }
.pbanner-text .msg .bg > em { font-family:'en_b'; width:100%;  height:120px; line-height:120px; font-size:160px; opacity:0.1; color:#fff; position:absolute; bottom:0; text-align:center; font-style:normal;}
.pbanner-text .msg .go-down { background-color:#fff; width:70px; height:70px; line-height:70px; display:inline-block; text-align:center; color:#9a9a9a; font-size:24px; position:relative; z-index:5; cursor:default; box-shadow:0 5px 10px rgba(0, 0, 0, 0.12); }


.pmain{ padding:120px 0 80px 0;}
.pmain .w{ width:74%; max-width:1200px;}
.pmain-page{ text-align:center; padding-top:70px;}
.pmain-page a{ display:inline-block; line-height:40px; padding:0 15px; color:#495262;}
.pmain-page .nowpage{ font-size:20px; font-weight:bold; display:inline-block; line-height:40px; padding:0 15px; color:#ad1719;}
.pmain-page a:hover{ color:#ad1719;}


.pnews-list li{ margin-top:50px;}
.pnews-list li:first-child{ margin-top:0;}
.pnews-list li a{ display:flex; justify-content:space-between; padding:40px 50px; align-items:center; border:1px solid #eee; transition: all 0.3s ease-out; }
.pnews-list li .date{ font-family:'en_b'; color:#9a9a9a; font-size:15px; text-align:right;}
.pnews-list li .date .mc{ font-size:30px; color:#ad1719; display:block;}
.pnews-list li .photo { overflow:hidden; width:30%; max-width:280px; }
.pnews-list li .photo .pic { background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; position:relative; transition:all 0.3s; }
.pnews-list li .photo img.w-h { width:100%; opacity:0; }
.pnews-list li .word { width:50%; }
.pnews-list li .word .t{ font-size:20px; margin-bottom:16px; font-weight:bold; line-height:28px; max-height:56px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition:all 0.3s ease-out; }
.pnews-list li .word .c { color:#333; font-size:15px; line-height:28px; max-height:56px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pnews-list li .gobtn { background-color:#e5e5e5; width:60px; height:60px; line-height:60px; font-size:20px; text-align:center; display:inline-block; color:#fff; border-radius:50%; transition: all 0.5s ease-out; }
.pnews-list li:hover a { box-shadow:0 26px 50px -6px rgb(97 105 113 / 30%); transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); }
.pnews-list li:hover:hover .photo .pic { transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); }
.pnews-list li:hover:hover .word .t{ color:#ad1719; }
.pnews-list li:hover:hover .gobtn{ background-color:#ad1719; transform:translateX(6px); -webkit-transform:translateX(6px); -moz-transform:translateX(6px); -o-transform:translateX(6px); -ms-transform:translateX(6px); }


.pnews-details-head{ padding-bottom:50px; border-bottom:1px solid #eee;}
.pnews-details-head .title{ font-size:30px; font-weight:bold; margin-bottom:14px; line-height:1.5;}
.pnews-details-head .date{ font-size:15px; color:#9a9a9a;}
.pnews-details-head .date b{ font-family:'en_b'; font-size:18px; color:#333;}
.pnews-details-parent{ line-height:2; font-size:15px; padding:60px 0;}
.pnews-details-page{ font-family:'en_b'; font-size:18px; text-align:center; padding-top:50px; color:#9a9a9a; border-top:1px solid #eee;}
.pnews-details-page a.prev, .pnews-details-page a.next{  margin:0 20px; color:#9a9a9a;}
.pnews-details-page a:hover{ color:#ad1719;}
.pnews-details-page a.return{ background:#ad1719; display:inline-block; width:120px; height:50px; line-height:50px; font-size:15px; margin-top:50px; text-align:center; color:#fff; font-weight:bold; box-shadow:0px 11px 50px -6px rgb(0,0,0,.3); }


/**通知公告**/
.pnotice-list li{ margin-top:50px;}
.pnotice-list li:first-child{ margin-top:0;}
.pnotice-list li a{ display:flex; justify-content:space-between; padding:40px 50px; align-items:center; border:1px solid #eee; transition:all 0.3s ease-out; }
.pnotice-list li .date{ color:#9a9a9a; text-align:right; font-size:15px;}
.pnotice-list li .date .d{ color:#ad1719; font-size:20px; font-weight:bold;}
.pnotice-list li .word{ width:70%;}
.pnotice-list li .word .t{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnotice-list li .view .iconfont{ background-color:#e5e5e5; width:50px; height:50px; line-height:50px; font-size:20px; text-align:center; display:inline-block; color:#fff; border-radius:50%; transition: all 0.5s ease-out; }
.pnotice-list li a:hover{ box-shadow:0 26px 50px -6px rgba(97, 105, 113, 0.3); transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px);-ms-transform:translateY(-5px); border-color:transparent;}
.pnotice-list li a:hover .view > i{ background-color:#ad1719; transform:translateX(3px); -webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px); }


/**人才招聘**/
.pjob-list li{ display:flex; justify-content:space-between; padding:40px 50px; align-items:flex-start; border:1px solid #eee; margin-top:50px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
.pjob-list li .date{ color:#9a9a9a; font-size:15px;}
.pjob-list li .date .n{ font-weight:bold; margin-bottom:10px; display:block;}
.pjob-list li .date .n > b{ font-size:28px; color:#ad1719;}
.pjob-list li .word{ width:70%; color:#9a9a9a; line-height:2; font-size:15px;}
.pjob-list li .word .wt{ font-size:20px; font-weight:bold; margin-bottom:20px; color:#333; line-height:1.5;}
.pjob-list li .word .wb{ margin-bottom:24px;}
.pjob-list li .word .t{ font-size:14px; font-weight:bold; color:#333;}

.pjob-list li .go-down { height:30px; display:flex; justify-content:flex-start; align-items:center; }
.pjob-list li .go-down > div { height:30px; position:relative; width:40px; overflow:hidden; }
.pjob-list li .go-down > div > span { position:absolute; top:0; left:0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; display:inline-block; }
.pjob-list li .go-down > div > span em { display:block; line-height:30px; white-space:nowrap; font-style:normal; }
.pjob-list li .go-down > i { background-color:#e5e5e5; width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; color:#fff; display:inline-block; font-size:18px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
.pjob-list li .go-down:hover > i { background-color:#ad1719; transform:translateX(3px); -webkit-transform:translateX(3px); -moz-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px); }
.pjob-list li .go-down.on > div > span { transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.pjob-list li .go-down.on > i { background-color:#ad1719; transform:translateX(3px) rotate(90deg); -webkit-transform:translateX(3px) rotate(90deg); -moz-transform:translateX(3px) rotate(90deg); -o-transform:translateX(3px) rotate(90deg); -ms-transform:translateX(3px) rotate(90deg); }
.pjob-list li:hover { box-shadow:0 26px 50px -6px rgb(97 105 113 / 30%); transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); border-color:transparent; }



/**业务范围**/
.pbusiness-list li{ background-color:#f4f4f4; margin:0 0 120px 20%; height:350px; }
.pbusiness-list li:last-child{ margin-bottom:0;}
.pbusiness-list li .layout-table-cell { display:table-cell; vertical-align:middle; }
.pbusiness-list li .pic { background-color:#e6e6e6; text-align:center; width:470px; height:100%; float:left; position:relative; display:table; }
.pbusiness-list li .pic::before { content:''; display:block; position:absolute; width:0; height:0; border-top:175px solid transparent; border-bottom:175px solid #e6e6e6; border-left:65px solid transparent; border-right:65px solid #e6e6e6; left:-128px; top:0; }
.pbusiness-list li .pic::after { content:''; display:block; position:absolute; width:0; height:0; border-top:175px solid #e6e6e6; border-bottom:175px solid transparent; border-left:65px solid #e6e6e6; border-right:65px solid transparent; right:-128px; top:0; }
.pbusiness-list li .txt {  width:560px;  height:100%; display:table; margin-left:670px; color:#848484; }
.pbusiness-list li .txt .t{ font-size:28px; font-weight:bold; }
.pbusiness-list li .txt .c{ line-height:28px; max-height:112px; margin:40px 0; text-indent:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.pbusiness-list li .txt .m{ font-size:14px;}
.pbusiness-list li:nth-child(even) { margin:0 20% 120px 0; }
.pbusiness-list li:nth-child(even) .pic { float:right; }
.pbusiness-list li:nth-child(even) .txt { margin-left:320px; }


/**关于川能**/
/*.pabout-honor{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}*/
.pabout-honor-left{ width:50%; position:relative;}
.pabout-honor-left .h-bg { width:80%; margin:auto; display:block; }
.pabout-honor-left .cap { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; top:180px; }
.pabout-honor-right{ width:50%; display:flex; align-items:center; justify-content:center;}
.pabout-honor-right ul { width:100%; padding-left:20%; }
.pabout-honor-right li { margin:20px 0; position:relative; }
.pabout-honor-right li > div { transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
.pabout-honor-right li > div > em { color:#9a9a9a; display:inline-block; width:50px; position:relative; font-style:normal; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
.pabout-honor-right li > div > em:after { content:""; background-color:#9a9a9a; position:absolute; top:0; bottom:0; margin:auto; height:1px; width:80px; right:20px; opacity:0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px);-o-transform:translateX(10px); -ms-transform:translateX(10px); }
.pabout-honor-right li > div > span { font-size:18px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
.pabout-honor-right li:hover > div { transform:translateX(-50px); -webkit-transform:translateX(-50px); -moz-transform:translateX(-50px); -o-transform:translateX(-50px); -ms-transform:translateX(-50px); }
.pabout-honor-right li:hover > div > em { width:150px; }
.pabout-honor-right li:hover > div > em:after { opacity:1; transition-delay:0.3s; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); -ms-transform:translateX(0px); }
.pabout-honor-right li:hover > div > span { color:#ad1719; font-weight:bold; }

.pabout-organ{ line-height:2; color:#666;}
.pabout-culture li { display:flex; align-items:center; margin:120px 0; position:relative; z-index:10; pointer-events:none; }
.pabout-culture li .left { width:300px; position:absolute; height:100%; z-index:5; }
.pabout-culture li .left .arr-bg { position:absolute; left:50%; top:50%; display:inline-block; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); }
.pabout-culture li .left .arr-bg > small { display:inline-block; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
.pabout-culture li .left .arr-bg > small > i:nth-of-type(1) { font-size: 200px; color:#fff; display:inline-block; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; pointer-events:auto; text-shadow:0 13px 30px rgb(99 112 127 / 55%); }
.pabout-culture li .left .arr-bg > small > i:nth-of-type(2) { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 0; color: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.pabout-culture li .left .arr-bg .bg-con { width:100%; position: absolute; top: 50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width:100%; text-align:center; }
.pabout-culture li .left .arr-bg .bg-con > i { font-size: 50px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.pabout-culture li .right { position: relative; z-index: 6; pointer-events: auto; }
.pabout-culture li .right h3 { font-weight: bold; font-size: 30px; }
.pabout-culture li .right p { margin-bottom: 18px; color: #9a9a9a; line-height: 2; }
.pabout-culture li .right h3, .pabout-culture li .right p { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.pabout-culture li .right .line { height: 1px; width: 100%; position: relative; background: linear-gradient(90deg, #cacaca 50%, rgba(202, 202, 202, 0) 100%); display: block; }
.pabout-culture li .right .line > small { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; display: inline-block; background: linear-gradient(90deg, #ad1719 50%, rgba(13, 68, 134, 0) 100%); }
.pabout-culture li .right .line > small:before { content: ""; position: absolute; bottom: 1px; background-color: #ad1719; width: 38px; height: 4px; box-sizing: border-box; }
.pabout-culture li .right .line > small:after { content: attr(data-text); position: absolute; top: 10px; font-size: 20px; color: #ad1719; font-family: en_b; text-transform: uppercase; letter-spacing: 0; }
.pabout-culture li:nth-child(2n+1) { width: calc(50% - 150px); margin-left: calc(50% + 150px); justify-content: flex-start; }
.pabout-culture li:nth-child(2n+1) .left { text-align: left; left: -300px; right: auto; }
.pabout-culture li:nth-child(2n+1) .left .arr-bg > small > i:nth-of-type(2) { right: 14px; }
.pabout-culture li:nth-child(2n+1) .right p { padding-right: 100px; }
.pabout-culture li:nth-child(2n+1) .right .line > small { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); }
.pabout-culture li:nth-child(2n+1) .right .line > small:before { left: 0; }
.pabout-culture li:nth-child(2n+1) .right .line > small:after { left: 0; }
.pabout-culture li:nth-child(2n+1) .other { font-family:en_b; pointer-events:none; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: -1; color: rgba(51, 51, 51, 0.05); font-size: 500px; left: -25%; opacity: 0; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
.pabout-culture li:hover { z-index: 8; }
.pabout-culture li:hover .left .arr-bg > small { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.pabout-culture li:hover .left .arr-bg > small > i:nth-of-type(1) { color: #ad1719; }
.pabout-culture li:hover .left .arr-bg > small > i:nth-of-type(2) { opacity: 1; }
.pabout-culture li:hover .left .arr-bg .bg-con > em { opacity: 0; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; }
.pabout-culture li:hover .right h3 { color: #ad1719; }
.pabout-culture li:hover .right p { color: #ad1719; }
.pabout-culture li:hover .right .line > small { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; }
.pabout-culture li:hover .left .arr-bg .bg-con > i { color: #fff; }
.pabout-culture li:nth-child(2n+1):hover .other { left: -30%; opacity: 1; }
.pabout-culture li:nth-child(2n+2) { width: calc(50% - 150px); justify-content: flex-end; }
.pabout-culture li:nth-child(2n+2) .other { font-family: en_b; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: -1; color: rgba(51, 51, 51, 0.05); font-size: 500px; right: -25%; opacity: 0; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; }
.pabout-culture li:nth-child(2n+2) .left { text-align: right; right: -300px; left: auto; }
.pabout-culture li:nth-child(2n+2) .left .arr-bg > small > i:nth-of-type(1) { transform: scaleX(-1); }
.pabout-culture li:nth-child(2n+2) .left .arr-bg > small > i:nth-of-type(2) { transform: scaleX(-1) translateY(-50%); left: 14px; }
.pabout-culture li:nth-child(2n+2) .right { text-align: right; padding-right: 10px; }
.pabout-culture li:nth-child(2n+2) .right p { padding-left: 100px; }
.pabout-culture li:nth-child(2n+2) .right .line { background: linear-gradient(270deg, #cacaca 50%, rgba(202, 202, 202, 0) 100%); }
.pabout-culture li:nth-child(2n+2) .right .line > small { transform: translateX(-5px); -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -o-transform: translateX(-5px); -ms-transform: translateX(-5px); background: linear-gradient(270deg, #ad1719 50%, rgba(13, 68, 134, 0) 100%); }
.pabout-culture li:nth-child(2n+2) .right .line > small:before { right: 0; }
.pabout-culture li:nth-child(2n+2) .right .line > small:after { right: 0; }
.pabout-culture li:nth-child(2n+2):hover .other { right: -30%; opacity: 1; }



/**联系我们**/
.pcontact{ padding:120px 0 80px 0;}
.pcontact .w{ width:1200px;}
.pcontact-title{ font-size:30px; font-weight:bold; line-height:1; padding-bottom:25px;}
.pcontact-inner{ width:47.6%;}
.pcontact-inner dl{ margin-top:50px;}
.pcontact-inner dl dt { float:left; width:60px; margin-right:28px;}
.pcontact-inner dl dt .iconfont{ background:#ad1719; width:60px; height:60px; line-height:60px; text-align:center;  font-size:30px; color:#fff; display:inline-block; border-radius:50%;}
.pcontact-inner dl dd{ float:left; padding-top:7px;}
.pcontact-inner dl dd .t{ font-weight:bold; font-size:18px; line-height:1; margin-bottom:10px; text-transform:capitalize; }
.pcontact-inner dl dd .code{ max-width:140px; padding:5px; box-shadow:0 0 7px rgba(0,0,0,.1);}

.pcontact-filed{ width:46.8%; padding-top:40px;}
.pcontact-filed li{ position:relative; margin-top:25px;}
.pcontact-filed li label{ background:#f7f7f7; min-width:90px; line-height:60px; text-align:right; position:absolute; left:0; top:0; z-index:1;}
.pcontact-filed li .inpt{ background:#f7f7f7; width:100%; height:60px; vertical-align:top; line-height:28px; padding:16px 0 16px 90px; color:#d5d5d5;}
.pcontact-filed li .inpt::-webkit-input-placeholder { color:#d5d5d5;}
.pcontact-filed li .area{ background:#f7f7f7; width:100%; height:185px; vertical-align:top; line-height:28px; padding:16px 15px 16px 90px; color:#d5d5d5; resize:none;}
.pcontact-filed li .area::-webkit-input-placeholder { color:#d5d5d5;}
.pcontact-filed li .sbtn{ background:#ad1719; width:200px; height:50px; line-height:50px; text-align:center; display:inline-block; vertical-align:top; color:#fff; margin-top:25px; cursor:pointer; transition:all 0.4s; }
.pcontact-filed li .sbtn:hover{ background:#b6181d;}


/**工程案例**/
.pcase-list { display:flex; flex-wrap:wrap;}
.pcase-list li{ background:#fff; width:47.4%; margin-right:5.2%; float:left; border-radius:5px; margin-top:5%; display:inline-block; overflow:hidden; }	
.pcase-list li:nth-child(2n+2){ margin-right:0;}
.pcase-list li .img-wrap{ max-height:426px; overflow:hidden;}
.pcase-list li .img-wrap img{ width:100%; display:block; transition:all 0.4s; }
.pcase-list li .txts-wrap{ padding:20px;}
.pcase-list li .txts-wrap .t{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pcase-list li .txts-wrap .c{ color:#666; margin-top:15px; line-height:30px;}
.pcase-list li:hover{ box-shadow: 0 5px 20px rgb(0 0 0 / 10%)}
.pcase-list li:hover img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}



.pabout-honor{ margin-left:-30px; position:relative;}
.pabout-honor li{ background:#fff; width:calc(25% - 30px); margin:30px 0 0 30px; float:left; display:inline-block;}
.pabout-honor li .pic{ height:200px; display:flex; justify-content:center; align-items:center; box-shadow:0 0 10px rgba(0,0,0,.15);}
.pabout-honor li .pic img{ max-height:100%;}
.pabout-honor li .tit{ margin-top:15px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }



.Mobile-menu{ background:#ad1719; width:300px; height:100%; position:fixed; z-index:998; top:0; left:-100%; overflow-y:auto; padding:70px 0 0 0; transition:left ease 0.35s;}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative;}
.Mobile-menu li a{ display:block; padding:13px 20px; font-weight:600; color:#fff; text-transform:capitalize; border-bottom:solid 1px rgba(255,255,255,.2);}
.Mobile-menu li i.arrow{ background:url(../images/menu-arrow.png) no-repeat center; width:40px; height:49px; position:absolute; top:0; right:0; transition:all 0.4s ease; }
.Mobile-menu li a.on + .arrow{ transform:rotate(90deg);}
.Mobile-menu li ul{ background:#8f181a; padding-left:20px; display:none;}
.Mobile-menu li ul li a{ padding:0; line-height:38px; font-size:14px; color:#fff; font-weight:normal; border-bottom:0;}


.Mobile-button{ width:40px; height:40px; position:absolute; top:5px; right:5px; display:flex; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:#fff; width:28px; height:3px; transition:all 0.6s ease;}
.Mobile-button .solid2{ margin:7px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}