@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#d9251d;}


body { background:#fff; font-size:14px; font-family:'SourceHanSans-Regula'; 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:14px; font-family:'SourceHanSans-Regula'; -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:#d9251d; }
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%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


@font-face { font-family:'SourceHanSans-Bold'; src: url('../fonts/SourceHanSans-Bold.otf'); }
@font-face { font-family:'SourceHanSans-Regula'; src: url('../fonts/SourceHanSans-Regular.otf'); }
@font-face { font-family:'SourceHanSans-Medium'; src:url('../fonts/SourceHanSans-Medium.otf'); }
@font-face{ font-family:'DINPror'; src:url('../fonts/DINPro-Regular.otf');}
@font-face {
  font-family: "iconfont"; /* Project id 3441352 */
  src: url('../fonts/iconfont.woff2?t=1653985162548') format('woff2'),
       url('../fonts/iconfont.woff?t=1653985162548') format('woff'),
       url('../fonts/iconfont.ttf?t=1653985162548') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/**index**/
.jdHead{ background:#fff; width:100%; position:relative; z-index:999;/* border-top:6px #d9251d solid;*/ transition:all 0.4s ease;}
.jdHead.topFix{ position:fixed; left:0; top:0; box-shadow:0 0 10px rgba(0,0,0,.15);}
.jdHead-logo{ width:21.51vw; margin-top:1.09vw;}
.jdHead-language{ padding:2.08vw 0 0 1.56vw;}
.jdHead-language a{ font-size:16px; line-height:27px; display:inline-block; padding:0 5px; float:left; margin-right:1.04vw; color:#da251d;}
.jdHead-language a.on{ background:#212121; color:#fff;}


.jdHead-nav li{ float:left; padding:0 1.56vw;}
.jdHead-nav li a.far{ font-size:16px; line-height:5.98vw; display:inline-block; }
.jdHead-nav li:hover a.far, .jdHead-nav li.active a.far{ color:#d9251d; font-weight:bold;}
.jdHead-nav li .subNav{ background:rgba(255,255,255,.8); width:100%; position:absolute; right:0; top:100%; text-align:center; padding:40px 0; display:none;}
.jdHead-nav li .subNav a{ line-height:25px; font-size:18px; display:inline-block; margin:0 20px; vertical-align:top; color:#333;}
.jdHead-nav li .subNav a:hover{ color:#ad1719;}


.jdBanner{ width:100%; height:100%; position:relative;}
.jdBanner li img{ width:100%;}
.jdBanner .scrollbar { font-family:'SourceHanSans-Medium'; position:absolute; bottom:4.68vw; left:6.5%; z-index:10; color:#fff; font-size:1.35vw; line-height:1; }
.jdBanner .scrollbar .current{ font-size:2.5vw; color:#d9251d;}
.jdBanner .swiper-pagination { width:auto; margin:0 10px; display:inline-block; vertical-align:middle; position:relative; left:auto !important; bottom:auto !important; }
.jdBanner .swiper-pagination-bullet { background:rgba(255,255,255,.4); width:40px; height:2px; position:relative; border-radius:0; margin:0 4px !important; cursor:pointer; opacity:1; }
.jdBanner .swiper-pagination-bullet:before{ content: ''; width:100%; height:2px; position:absolute; top:0; left:0; opacity:0;}


.mgcScroll-down{ background:#087ec6; width:18.59vw; height:7.23vw; position:fixed; right:0; bottom:0; z-index:2; display:flex; justify-content:center; align-items:center; color:#fff;}
.mgcScroll-down .icon{ width:16px; height:22px; position:relative; display:inline-block; margin-left:2.08vw; border:2px #fff solid; border-radius:8px;}
.mgcScroll-down .icon:before{ content:''; background:#fff; width:2px; height:6px; position:absolute; left:50%; margin-left:-1px; top:3px; 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);
  }
}


.jdDevice-head{ background:#f3f3f3 url(../images/jdDevice-logo.png) no-repeat center bottom; text-align:center; padding:3.64vw 0 6.51vw 0;}
.jdDevice-head .t{ font-family:'SourceHanSans-Medium'; font-size:2.18vw; line-height:1; padding-bottom:20px; position:relative;}
.jdDevice-head .t:before{ content:''; background:#d9251d; width:34px; height:5px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.jdDevice-head .c{ margin-top:20px; color:#666;}
.jdDevice-cont{ background-image:url(../images/jdDevice-bg.jpg); background-position:center; background-size:cover; width:100%; padding-bottom:4.68vw;}
.jdDevice-type{ display:flex; position:relative; top:-4.47vw; z-index:2;}
.jdDevice-type a{  background:#fff; flex:1; text-align:center; padding:1.822vw 0;}
.jdDevice-type a .iconfont{ font-size:2.34vw; display:inline-block; vertical-align:top; color:#666;}
.jdDevice-type a .name{ font-size:18px; margin-top:20px;}
.jdDevice-type a.active{ background:#d9251d; color:#fff;}
.jdDevice-type a.active .iconfont{ color:#fff;}
.jdDevice-list li{ position:relative; display:none;}
.jdDevice-list li:first-child{ display:block;}
.jdDevice-list li .word{ width:47.3%; padding-top:3.385vw; color:#fff; animation-name:fadeInLeft; animation-duration:0.7s;}
.jdDevice-list li .word .t{ font-size:1.822vw; line-height:1; position:relative; padding-bottom:1.822vw;}
.jdDevice-list li .word .t:before{ content:''; background:#fff; width:40px; height:4px; position:absolute; left:0; bottom:0;}
.jdDevice-list li .word .c{ font-size:16px; line-height:30px; max-height:120px; text-align:justify; margin-top:2.08vw; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.jdDevice-list li .word .m{ background:#d9251d; width:184px; text-align:center; color:#fff; display:inline-block; text-transform:uppercase; margin-top:3.9vw; padding:20px 0 15px 0;}
.jdDevice-list li .word .m .iconfont{ font-size:25px; display:block; margin-top:5px; line-height:0.6;}
.jdDevice-list li .figure{ width:41.3%; position:absolute; right:0; top:2.29vw; animation-name:fadeInRight; animation-duration:0.5s; }


.jdBusiness{ margin-top:6.25vw;}
.jdBusiness-head{ position:relative; padding:22px 0 30px 0; margin-bottom:1.56vw;}
.jdBusiness-head .en{ font-size:10vw; color:#f4f4f4; line-height:0.8; display:inline-block; text-transform:uppercase; position:absolute; left:0; top:0;}
.jdBusiness-head .cn{ font-family:'SourceHanSans-Medium'; font-size:2.18vw; line-height:1; position:relative; z-index:1;}
.jdBusiness-head .cn img{ width:3.33vw; margin-right:1.3vw;}
.jdBusiness-head .ti{ color:#666; margin-top:1.56vw; position:relative; z-index:1;}
.jdBusiness-tab{ min-height:25vw; margin-top:2.6vw; border-left:2px #eee solid;}
.jdBusiness-tab a{ display:block; line-height:2.6vw; margin-bottom:20px; font-size:20px; padding-left:1.97vw; position:relative;}
.jdBusiness-tab a.active:before{ content:''; background:#d9251d; height:0; width:3px; position:absolute; left:-2px; top:0; transition:all 0.4s;}
.jdBusiness-tab a.active{ color:#d9251d;}
.jdBusiness-tab a.active:before{ height:100%;}

.jdBusiness-list{ width:75.8%; overflow:hidden; position:relative; }
.jdBusiness-list li{ position:relative; padding-bottom:5.57vw;}
.jdBusiness-list li .thumb{ width:75%; overflow:hidden;}
.jdBusiness-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.jdBusiness-list li .word{ background:#eee; width:40%; position:absolute; left:0; bottom:0; padding:3.125vw 3.9vw 2.6vw 3.125vw; }
.jdBusiness-list li .word .e{ font-size:1.56vw; text-transform:uppercase; line-height:1;}
.jdBusiness-list li .word .t{ font-size:1.56vw; text-transform:uppercase; line-height:1; margin-top:10px;}
.jdBusiness-list li .word .c{ line-height:30px; color:#666; max-height:150px; margin-top:25px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-align:justify;}
.jdBusiness-list li .word .m{ background:#d9251d; width:184px; text-align:center; color:#fff; display:inline-block; text-transform:uppercase; margin-top:30px; padding:20px 0 15px 0;}
.jdBusiness-list li .word .m .iconfont{ font-size:25px; display:block; margin-top:5px; line-height:0.6;}
.jdBusiness-list li:hover .thumb img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.jdBusiness-list li.active .thumb{ animation-name:fadeInDown; animation-duration:1s;}
.jdBusiness-list li.active .word{ animation-name:fadeInUp; animation-duration:1s;}
.jdBusiness-list .swiper-pagination{ width:auto !important; left:auto !important; right:0;}
.jdBusiness-list .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 9px !important; position:relative; vertical-align:middle; border:3px #d9251d solid; opacity:1;}
.jdBusiness-list .swiper-pagination-bullet-active{ width:24px; height:24px;}
.jdBusiness-list .swiper-pagination-bullet-active:before{ content:''; background:#ff0000; width:12px; height:12px; position:absolute; left:3px; top:3px; border-radius:50%;}


.jdAbout{ position:relative; padding-top:7.8vw;}
.jdAbout-title{ background:url(../images/jdAbout-bg.png) no-repeat center 2.86vw; width:49%; padding:11.35vw 0 4.427vw 13.7%; position:absolute; right:0; top:0;}
.jdAbout-title .iconfont{ font-size:3.22vw; color:#d9251d; display:inline-block; vertical-align:top; line-height:1;}
.jdAbout-title .t{ font-family:'SourceHanSans-Medium'; font-size:2.18vw; line-height:1; margin-top:1.82vw; padding-left:1.4vw; position:relative;}
.jdAbout-title .t:before{ content:''; background:#d9251d; width:0.52vw; height:1.77vw; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.jdAbout-title .c{ margin-top:1.04vw; padding-left:27px; color:#666;}
.jdAbout-thumb{ width:54.5%; position:absolute; right:0; bottom:0; overflow:hidden;}
.jdAbout-thumb img{ width:100%; display:block; transition:all 0.4s;}
.jdAbout-thumb:hover img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.jdAbout-text{ background:#d9251d; width:59%; position:relative; z-index:2; padding:5.2vw 4.68% 4.16vw 6.5%;}
.jdAbout-text .logo img{ width:25.62vw;}
.jdAbout-text .desc{ margin-top:2.34vw; line-height:30px; color:#fff; max-height:120px; overflow:hidden; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.jdAbout-text .more{ width:184px; text-align:center; color:#fff; display:inline-block; text-transform:uppercase; margin-top:2.6vw; padding:20px 0 15px 0; border:2px #fff solid;}
.jdAbout-text .more .iconfont{ font-size:25px; display:block; margin-top:5px; line-height:0.6;}
.jdAbout-text .more:hover{ background:#fff; color:#d9251d;}
.jdAbout-data{ width:45.5%; padding-left:6.5%; display:flex;}
.jdAbout-data li{ flex:1; padding:3.385vw 0 2.6vw 2.08vw; color:#666;}
.jdAbout-data li:nth-child(2){ background:#f3f3f3;}
.jdAbout-data li .iconfont{ font-size:2.7vw; color:#d9251d; display:inline-block; vertical-align:top;}
.jdAbout-data li .num{ font-size:2.5vw; font-family:'SourceHanSans-Bold'; line-height:1; color:#333; padding:2.34vw 0 0.78vw 0; display:block;}


.jdProject{ margin-top:7.8vw;}
.jdProject-head{ line-height:3.125vw;}
.jdProject-head .title{ font-family:'SourceHanSans-Medium'; font-size:2.18vw;}
.jdProject-head .title img{ width:3.33vw; margin-right:1.56vw; position:relative; top:9px;}
.jdProject-head .more{ color:#d9251d; font-size:16px; line-height:2.9vw; padding:0 2.08vw; text-transform:uppercase; border:2px #d9251d solid;}
.jdProject-head .more:hover{ background:#d9251d; color:#fff;}
.jdProject-head .tabs a{ padding:0 2.96vw; float:left; font-size:16px; position:relative;}
.jdProject-head .tabs a:before{ content:''; background:#d9251d; width:0; height:2px; position:absolute; left:50%; bottom:0; transition:all 0.4s;}
.jdProject-head .tabs a.active:before{ width:100%; left:0;}

.jdProject-list{ margin-top:5.4vw; position:relative;}
.jdProject-listSider{ overflow:hidden; display:none;}
.jdProject-listSider:first-child{ display:block;}
.jdProject-listSider li .thumb{ height:24.32vw; overflow:hidden;}
.jdProject-listSider li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.jdProject-listSider li .title{ padding:1.82vw 0; line-height:30px; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.jdProject-listSider li .title span{ float:right; font-size:14px; color:#d9251d; text-transform:uppercase;}
.jdProject-listSider li:hover .thumb > span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.jdProject-listSider li:hover .title{ background:#d9251d; padding:1.82vw 1.3vw; color:#fff;}
.jdProject-listSider li:hover .title span{ color:#fff;}
.jdProject-listSider .swiper-button-next, .jdProject-listSider .swiper-button-prev{ width:auto; height:auto; font-size:33px;}
.jdProject-listSider .swiper-button-next{  right:-4.16vw;}
.jdProject-listSider .swiper-button-next:hover{ color:#d9251d;}
.jdProject-listSider .swiper-button-prev{  left:-4.16vw;}
.jdProject-listSider .swiper-button-prev:hover{ color:#d9251d;}


.jdMarket{ background:#eee; margin-top:9.89vw; padding-bottom:10.93vw;}
.jdMarket .w{ display:flex;}
.jdMarket-left{ background:#fff; width:42%; position:relative; padding:10px 5.2vw 3.125vw 0;}
.jdMarket-left:before{ content:''; background:#fff; width:500px; height:100%; position:absolute; left:-500px; top:0;}
.jdMarket-left .title{ font-family:'SourceHanSans-Medium'; font-size:2.18vw; line-height:1;}
.jdMarket-left .title img{  width:3.33vw; margin-right:1.04vw;}
.jdMarket-left .type{ display:flex; margin-top:4.16vw;}
.jdMarket-left .type a{ background:#666; flex:1; text-align:center; font-size:22px; color:#fff; line-height:6.25vw;}
.jdMarket-left .type a .iconfont{ background:url(../images/arrow.png) no-repeat; width:9px; height:14px; display:inline-block; margin-left:25px;}
.jdMarket-left .type a.active{ background:#d9251d;}
.jdMarket-left .word{ margin-top:4.42vw;}
.jdMarket-left .word ul{ display:none; max-height:420px; overflow-y:auto;}
.jdMarket-left .word ul::-webkit-scrollbar { width:4px; }
.jdMarket-left .word ul::-webkit-scrollbar-track { background:#e5e5e5;}
.jdMarket-left .word ul::-webkit-scrollbar-thumb { background:#d9251d;}
.jdMarket-left .word ul:first-child{ display:block;}
.jdMarket-left .word li{ line-height:30px; color:#696969;}
.jdMarket-left .word li .t{ font-weight:bold;}
.jdMarket-map{ width:58%;}
.jdMarket-map .map-item{ width:100%; height:100%; display:none; justify-content:right; align-items:center;}
.jdMarket-map .map-item:first-child{ display:flex;}



.jdNews{ padding-top:3.9vw; padding-bottom:13vw; position:relative; z-index:2;}
.jdNews:before{ content:''; background:#d9251d; width:50%; height:100%; position:absolute; right:0; top:-6.25vw; z-index:-1;}
.jdNews-head .title{ font-family:'SourceHanSans-Medium'; font-size:2.18vw; line-height:3.95vw;}
.jdNews-head .title img{ width:3.33vw; margin-right:20px; position:relative; top:0.885vw;}
.jdNews-head .more{ width:184px; text-align:center; color:#fff; display:inline-block; text-transform:uppercase; padding:20px 0 15px 0; border:2px #fff solid;}
.jdNews-head .more .iconfont{ font-size:25px; display:block; margin-top:5px; line-height:0.6;}
.jdNews-head .more:hover{ background:#fff; color:#d9251d;}
.jdNews-head .tabs a{ line-height:3.95vw; margin-right:2.6vw; padding:0 2.6vw; float:left; font-size:16px; color:#fff;}
.jdNews-head .tabs a.active, .jdNews-head .tabs a:hover{ background:#fff; color:#d9251d;}
.jdNews-list{ margin-top:4.68vw;}
.jdNews-listSider{ display:none;}
.jdNews-listSider:first-child{ display:block;}
.jdNews-listSider li .thumb{ height:17.23vw; overflow:hidden;}
.jdNews-listSider li .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.jdNews-listSider li .word{ background:#fff; padding:2.08vw 1.3vw; border-bottom:5px #d9251d solid;}
.jdNews-listSider li .word .s{ color:#666; display:block;}
.jdNews-listSider li .word .t{ margin-top:20px; font-size:20px; line-height:36px; height:72px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.jdNews-listSider li .word .m{ display:block; text-align:right; color:#d9251d; margin-top:2.34vw; text-transform:uppercase;}
.jdNews-listSider li:hover .thumb > span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}


.jdFooter{ background:#343434 url(../images/jdFooter-bg.jpg) no-repeat bottom center;}
.jdFooter-top{ padding:55px 0 45px 0; border-bottom:1px #414141 solid;}
.jdFooter-top .return{ background:#d9261e; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:26px;}
.jdFooter-middle{ padding:35px 0 50px 0;}
.jdFooter-middle .contact{ line-height:30px; color:#999;}
.jdFooter-middle .contact .tel{ font-family:'SourceHanSans-Medium'; font-size:36px; color:#fff; padding:8px 0 20px 0;}
.jdFooter-middle .contact .img{ max-width:120px; margin-top:15px; border:8px #d9261e solid;}
.jdFooter-middle .menu dl{ min-width:7vw; float:left;}
.jdFooter-middle .menu dl:last-child{ min-width:inherit;}
.jdFooter-middle .menu dl dt{ font-size:16px; color:#fff; padding-bottom:20px;}
.jdFooter-middle .menu dl dd a{ display:block; color:#999; margin-top:16px;}
.jdFooter-middle .menu dl dd a:hover{ color:#fff;}
.jdFooter-copy{ text-align:center; color:#999; padding:25px 0; border-top:1px #414141 solid;}
.jdFooter-copy a{ color:#999;}
.jdFooter-copy a:hover{ color:#fff;}


/**新闻中心**/
.pbanner-news{ width:100%; overflow:hidden; position:relative; box-shadow:0px 0px 20px 5px rgba(0,0,0,0.1);}
.pbanner-news img{ float:left; width:100%; height:auto}
.pbanner-news .text{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:12; padding-bottom:90px; text-align:center}
.pbanner-news .text:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.pbanner-news .text .ver{ width:90%; overflow:hidden; display:inline-block; vertical-align:middle; font-size:18px; color:#fff; display:none;}
.pbanner-news .text .ver h3{ padding-bottom:5px; font-size:40px; }

.pbanner-nav{ background:#fff; width:100%; overflow:hidden; z-index:412; height:90px; font-size:16px; position:relative; margin-top:-90px; display:flex;}
.pbanner-nav a{ flex:1; overflow:hidden; line-height:90px; text-align:center; position:relative; cursor:pointer}
.pbanner-nav a:before{ content:""; background:#d9261e; width:0%; position:absolute; left:0px; top:0px; z-index:12; height:5px;}
.pbanner-nav a.active:before{ width:100%; }
.pbanner-nav a.active, .pbanner-nav a:hover{ color:#d9261e; font-size:17px;}

.pnews-main{ background:#f7f7f7; padding:5.2vw 0;}
.pnews-first > a{ background:#fff; display:flex; align-items:center; padding:3.125vw;}
.pnews-first .thumb{ float:left; width:49%; position:relative;}
.pnews-first .thumb .samp{ max-height:350px; display:block; overflow:hidden;}
.pnews-first .thumb img{ width:100%; height:auto; transition:all 0.4s ease;}
.pnews-first .date{ background:#d9251d; width:143px; position:absolute; left:36px; top:-22px; z-index:12; overflow:hidden; padding:10px 18px 15px 25px; font-family:'DINPror'; font-size:18px; color:#fff; transition:all 0.4s ease;}
.pnews-first .date span{ font-size:1.875vw; display:block; width:100%;}
.pnews-first .word{ width:51%; padding-left:3.125vw;}
.pnews-first .word .t{ font-size:32px; color:#111; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-first .word .c{ font-size:16px; color:#666; line-height:32px; max-height:96px; margin-top:2.34vw; text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.pnews-first .word .v{ background:#d9251d; width:180px; height:50px; text-align:center; line-height:50px; display:inline-block; margin-top:2.34vw; font-size:15px; color:#fff}
.pnews-first:hover .thumb img{ transform:scale(1.1);}
.pnews-first:hover a{ background:#d9251d;}
.pnews-first:hover .date{ background:#fff; color:#d9251d;}
.pnews-first:hover .word .t{ color:#fff}
.pnews-first:hover .word .c{ color:#fff}
.pnews-first:hover .word .v{ background:#fff; color:#d9251d;}

.pnews-list li{ width:100%; overflow:hidden; margin:14px auto 0px; background:#fff; padding:3.125vw; position:relative;box-shadow:0px 0px 12px 4px rgba(0,0,0,0); transition:all 0.4s ease;}
.pnews-list li .thumb{ width:429px; max-height:285px; position:absolute; left:3.125vw; top:3.125vw; overflow:hidden}
.pnews-list li .thumb img{ width:100%; height:auto; transition:all 0.4s ease;}
.pnews-list li .word{ width:100%; overflow:hidden; padding-left:486px; height:280px; }
.pnews-list li .word .d{ font-size:16px; display:block; color:#aaa; margin-top:12px}
.pnews-list li .word .t{ font-size:24px; color:#111; line-height:30px; height:30px; margin-top:2.04vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .c{ overflow:hidden; font-size:16px; color:#666; line-height:28px; height:56px; margin-top:16px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pnews-list li .word .v{ background:#d9251d; width:180px; height:50px; text-align:center; line-height:50px; display:inline-block; margin-top:2.39vw; font-size:15px; color:#fff; font-style:normal; display:inline-block; transition:all 0.4s ease;}
.pnews-list li .word .v:hover{ transform:translateY(3px);}
.pnews-list li:hover{ background:#d9251d; box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1);}
.news1-list li:hover .thumb img{transform:scale(1.1)}
.pnews-list li:hover .word .d{ color:#ddd;}
.pnews-list li:hover .word .t { color:#fff;}
.pnews-list li:hover .word .c{ color:rgba(255,255,255,0.67);}
.pnews-list li:hover .word .v{ background:#fff; color:#d9251d;}


.pnews-detaTop{ text-align:center; padding-bottom:15px; border-bottom:1px #ddd solid;}
.pnews-detaTop .t{ font-family:'pingFangSC-BOLD'; font-size:28px; padding-bottom:10px; line-height:1.5;}
.pnews-detaTop .c span{ padding:0 10px; color:#666;}
.pnews-detaInfo{ font-size:16px; line-height:30px; text-align:justify; padding:25px 0;}
.pnews-detaPage{ background:#f4f4f4; padding:0 30px; position:relative; margin-top:10px;}
.pnews-detaPage a{ max-width:calc(50% - 70px); color:#666; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-detaPage .return{ background:#d8d8d8; max-width:auto; padding:0 20px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.pnews-detaPage a:hover{ color:#ba2d26;}



.pnews-page{ padding-top:60px; font-size:0; text-align:center;}
.pnews-page a{ line-height:38px; margin:0 4px; vertical-align:top; padding:0 15px; display:inline-block; font-size:14px; color:#666; border:1px #d9d9d9 solid;}
.pnews-page .nowpage{ background:#d9251d;  line-height:38px; margin:0 4px; vertical-align:top; padding:0 15px; display:inline-block; font-size:14px; color:#fff; border:1px #d9251d solid; }
.pnews-page a:hover{ background:#d9251d; color:#fff;}


/**党群建设**/
.pparty-main{ padding-bottom:5.2vw;}
.pparty-list li{ background:#fff; float:left; width:48.9%; overflow:hidden; border:1px #e6e6e6 solid;  margin-top:2.5vw; padding:3vw 2vw 1.3vw; position:relative;}
.pparty-list li:nth-child(2n){ float:right}
.pparty-list li .t{ overflow:hidden; font-size:24px; color:#111; line-height:30px; height:30px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pparty-list li .c{ font-size:16px; color:#666; line-height:25px; height:75px; margin-top:28px; position:relative; z-index:2; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pparty-list li .f{ overflow:hidden; border-top:1px #ddd solid; margin-top:30px; color:#d9251d; padding-top:14px; position:relative; z-index:2;}
.pparty-list li .f span{ float:left; font-size:16px; }
.pparty-list li .f em{ float:right; font-size:15px; font-style:normal; transition: all 0.4s ease;}
.pparty-list li .bg{ background:url(../images/bg-11.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; opacity:0; transition:all 0.4s ease;}
.pparty-list li:hover .bg{ opacity:1;}
.pparty-list li:hover .t, .pparty-list li:hover .c, .pparty-list li:hover .f span, .pparty-list li:hover .f em{ color:#fff;}


/**设备中心**/
.pequipment-main{ padding:2.08vw 0 5.2vw 0;}
.pequipment-list{ margin-left:-5%; position:relative; display:flex; flex-wrap:wrap;}
.pequipment-list li{ float:left; width:28.33%; margin-top:30px; cursor:pointer; margin-left:5%;}
.pequipment-list li .samp{ width:100%; overflow:hidden; display:block; max-height:19vw;}
.pequipment-list li .samp img{ width:100%; height:auto; transition:all 0.4s;}
.pequipment-list li .text{ width:100%; overflow:hidden; background:#fff; position:relative; z-index:12; box-shadow:0px 0px 6px 3px rgba(0,0,0,0.04); padding-bottom:15px; }
.pequipment-list li .text .n{ width:100%; margin:10px auto 0px; display:block; text-align:center; font-family:'DINProrb'; font-size:50px; color:#d9251d;}
.pequipment-list li .text .t{ width:80%; margin:10px auto 0px; line-height:24px; height:48px; font-size:16px; color:#666; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pequipment-list li:hover .samp img{transform:scale(1.1);}


/**项目中心**/
.pproject-list { margin-left:-60px; position:relative; display:flex; flex-wrap:wrap;}
.pproject-list li{ width:calc(33.333% - 60px); margin:60px 0 0 60px; display:inline-block;}
.pproject-list li .figure{ width:100%; overflow:hidden; display:block;}
.pproject-list li .figure img{ width:100%; height:auto; transition:all 0.4s;}
.pproject-list li .name{ background:#f4f4f4; padding:20px 10%; color:#666;}
.pproject-list li:hover .figure img{transform:scale(1.1);}


/**联系我们**/
.pcontact-main{ background:url(../images/bg-1.png) no-repeat bottom center; padding:6.25vw 0;}
.pcontact-title{ font-size:36px; color:#333; position:relative; padding-bottom:20px;}
.pcontact-title:before{ content:""; background:#d9261e; width:60px; height:4px; position:absolute; left:0%; bottom:0px; z-index:12;}
.pcontact-map{ margin-top:3.125vw;}
.pcontact-address{  background:#fff; height:5.72vw; line-height:5.72vw; box-shadow:0px 0px 12px 4px rgba(0,0,0,0.03);}
.pcontact-address span{ font-family:'SourceHanSans-Bold'; font-size:22px; color:#333; margin-left:3.125vw;}
.pcontact-address em{ font-style:normal; display:inline-block; margin-left:15px; font-size:22px; color:#999;}

.pcontact-list{ overflow:hidden; border-bottom:1px #ccc solid; padding:3.125vw; display:flex; justify-content:space-between;}
.pcontact-list li samp{ background:#d9251d; float:left; width:60px; height:60px; line-height:60px; border-radius:50%; margin-right:18px; color:#fff; text-align:center; font-size:28px;}
.pcontact-list li p{ float:left; font-size:16px; color:#666; line-height:26px; margin-top:4px}
.pcontact-list li span{ font-family:'SourceHanSans-Bold'; font-size:22px; color:#333}

.pcontact-from-sortInfo{ padding-top:3.64vw;}
.pcontact-from-sortInfo .t{ font-size:36px; padding-bottom:20px; line-height:1;}
.pcontact-from-sortInfo .c{ font-size:16px; color:#727272;}
.pcontact-from-filed li{ width:49%; float:left; margin-top:40px;}
.pcontact-from-filed li .aside{ position:relative; overflow:hidden; border:1px #bababa solid;}
.pcontact-from-filed li .aside label{ float:left; line-height:52px; font-size:16px; color:#9a9a9a; min-width:90px; text-align:right;}
.pcontact-from-filed li .aside .inpt{ width:calc(100% - 90px); float:left; padding-left:10px; height:52px; line-height:50px; font-size:16px; color:#9a9a9a;}
.pcontact-from-filed li .aside .area{ width:calc(100% - 90px); float:left; padding:12px 10px; height:240px; line-height:28px; font-size:16px; color:#9a9a9a; resize:none;}
.pcontact-from-filed li:nth-child(2n+2){ float:right;}
.pcontact-from-filed li.wth100{ width:100%;}

.pcontact-from-button{  padding-top:45px;}
.pcontact-from-button .btn{ background:#d9261e; width:200px; line-height:60px; color:#fff; display:inline-block; font-size:18px; cursor:pointer; margin-left:20px;}
.pcontact-from-button .yzm-inpt{ width:150px; float:left; padding-left: 10px; height: 52px; line-height: 50px; font-size: 16px; color: #9a9a9a; border:1px #bababa solid;}
.pcontact-from-button .yzm-img{ height:52px; float:left; margin:0 10px;}


.psupport-down{ border-top:1px #ece9e9 solid;}
.psupport-down li{ overflow:hidden; padding:54px 3.75% 50px 2.77%; border-bottom:1px #ece9e9 solid;}
.psupport-down li .thumb{ width:107px;}
.psupport-down li .word{ max-width:78%; padding-left:4.64%;}
.psupport-down li .word .t{ font-family: 'SourceHanSans-Bold'; font-size:24px;}
.psupport-down li .word .c{ font-size:16px; line-height:30px; color:#666; max-height:60px; margin-top:15px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.psupport-down li .icon{ background:url(../images/down.png) no-repeat; width:80px; height:80px; float:right; margin-top:20px;}



/**关于我们**/
.pabout-desc{ width:100%; overflow:hidden; background:url(../images/bg-2.png) no-repeat top center; background-size:100%; position:relative; padding-top:4.68vw;}
.pabout-desc .word{ float:left; width:53%;}
.pabout-desc .word .t{ font-size:36px;}
.pabout-desc .word .c{ margin-top:40px; font-size:16px; line-height:30px; max-height:360px; overflow-y:auto;}
.pabout-desc .figure{ float:right; width:41.8%; overflow:hidden; border-top:10px #d9261e solid}
.pabout-desc .figure img{ width:100%; transition:all 0.4s ease;}
.pabout-desc .figure:hover img{ transform:scale(1.1);}


.pabout-speech{ background:#f7f7f7; padding:5.2vw 0;}
.pabout-speech .crc-left{ width:438px;}
.pabout-speech .crc-left .info{ background:#d9251d; text-align:center; color:#fff; padding:20px 0;}
.pabout-speech .crc-left .info .t{ font-family:'SourceHanSans-Bold'; font-size:20px;}
.pabout-speech .crc-left .info .c{ font-size:16px; line-height:1.9; margin-top:10px;}
.pabout-speech .crc-right{ width:calc(100% - 438px); padding-left:5.2vw; font-size:16px; line-height:1.9;}

.pabout-zuzhi{ padding:5.7vw 0; text-align:center;}
.pabout-zuzhi .title h3{ font-size:36px;}
.pabout-zuzhi .title p{  font-size:16px; margin-top:2px; position:relative; padding-bottom:30px}
.pabout-zuzhi .title p:before{ content:''; background:#0c65d4; width:60px; height:4px; overflow:hidden; position:absolute; left:50%; bottom:0px; z-index:12;  margin-left:-30px}
.pabout-zuzhi .thumb{ margin-top:56px;}


.pabout-fazhan{ background-image:url(../images/abo_h_001.jpg); background-position:center; background-size:cover; padding:4.68vw 0 12.5vw 0;}
.pabout-fazhanHead{ text-align:center; color:#fff;}
.pabout-fazhanHead .cn{ font-size:36px;}
.pabout-fazhanHead .en{ font-size:16px; margin-top:2px; letter-spacing:1px;}
.pabout-fazhanCon{ margin-top:6.77vw; display:flex; justify-content:space-between; align-items:center;}
.pabout-fazhanCon .abo-img{ width:50%; position:relative; overflow:hidden;}
.pabout-fazhanCon .abo-img:before{ content:''; display:block; margin-top:56.2857%;}
.pabout-fazhanCon .abo-img > span{ background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); transition:all .5s ease-in-out;}
.pabout-fazhanCon .abo-text{ width:42.357%; padding-right:5.2vw; max-height:370px; overflow-y:auto; position:relative;}
.pabout-fazhanCon .abo-text dl{ color:#fff; margin-bottom:5.2vw; }
.pabout-fazhanCon .abo-text dl dt{ font-size:4.68vw; margin-bottom:3.385vw; line-height:0.8; transition:opacity .5s ease-in-out; position:relative; opacity:.5;}
.pabout-fazhanCon .abo-text dl dd{ margin-bottom:10px; font-size:18px; line-height:2; transition:opacity .5s ease-in-out; position:relative; opacity:.5;}
.pabout-fazhanCon .abo-text dl dt.vewN{ opacity:1;}
.pabout-fazhanCon .abo-text dl dd.vewN{ opacity:1;}


.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:#d9251d; 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;}

.Mobile-menu{ background:#d9251d; 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; 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:48px; 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:#b5221b; 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;}


