@charset "utf-8";.cm {color:#e80125;}
.cm2 {color:#29c3ab;}
.jianbian {background-image:-webkit-gradient(linear,left top,right top,from(#29c3ab),to(#16a8b5));background-image:linear-gradient(to right,#29c3ab,#16a8b5);}
@font-face {font-family:'Geometr415BlkBT';src:url('../font/Geometr415BlkBT.ttf');}
@font-face {font-family:'swissbt';src:url('../font/SWISSBT.TTF');}
@font-face {font-family:'Century751No2BT';src:url('../font/Century751No2BT.TTF');}
.bg_gray {background:#f9f9f9;}
.baninfo {height:40px;padding:10px 0;overflow:hidden;position:sticky;z-index:2; top: 100%;left: 0;}
.erji {float:left;font-size:0;white-space:nowrap;}
.erji a {display:inline-block;width:100px;height:40px;position:relative;color:#fff;text-align:center;font-size:16px;line-height:40px;}
.erji a.on {color:#e80125;}
.erji a:hover {color:#e80125;}
.tree {float:left;height:40px;line-height:40px;color:#fff;position:relative;}
.tree a {color:#fff;padding:0 5px;}
.tree a.leaf,.tree a:hover {color:#e80125;}

.cer2 { width:1200px; max-width: 100%; margin:0 auto;}

.inbanner{ width:100%; height: 500px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 0;}

.ibcate{ width: 100%; display: table; position: absolute; color: #fff; text-align: center;
	height: 100%; left:0; top:0; z-index: 1;}
.ibcatein{ display: table-cell; vertical-align: middle; position: relative;}
.ibcatein .cn{ font-size: 30px; line-height: 2;}
.ibcatein .en{  font-size: 36px; line-height: 2; font-weight: bold; text-transform: uppercase;}
.ibcatein .hx{ width: 80px; height: 2px; background-color: #fff; margin: 0 auto;}

.greybg {background-color:#bdbbbc;}
.greybg2 {background-color:#918f8f;}
.js-qiecon2 {display:none;}
.js-qiecon2.on {display:block;}
.js-qiecon {position:absolute;left:200%;top:0;z-index:-20;opacity:0;width:100%;}
.js-qiecon.on {position:static;left:0;top:0;z-index:1;opacity:1;}
.pianyi {padding-top:80px;margin-top:-80px;}
.js-qiecon-wrap1,.js-qiecon-wrap2,.js-qiecon-wrap3 {position:relative;width:100%;overflow:hidden;}
.lefthalf {float:left;width:50%;height:100%;position:relative;overflow:hidden;}
.righthalf {float:right;width:50%;height:100%;position:relative;overflow:hidden;}
.txtEff label {display:inline-block;}
@media screen and (max-width:640px) {.pianyi {padding-top:60px;margin-top:-60px;}
}
.bneck {width:100%;position:absolute;left:0;bottom:66px;z-index:3;}
.berji {font-size:0;width:100%;text-align:center;}
.berji a {display:inline-block;width:164px;height:100%;font-size:16px;color:#fff;line-height:54px;position:relative;overflow:hidden;background-color:#66807f;margin:10px 17px;border-radius:8px;}
.berji a:before {content:'';position:absolute;right:0;top:20px;z-index:0;width:1px;height:30px;display:none;}
.berji a:after {content:'';position:absolute;left:50%;bottom:0px;z-index:0;margin-left:0;width:0;height:4px;background-color:#0076cd;display:none;-webkit-transition:0.3s;transition:0.3s;}
.berji a.on:after,.berji a:hover:after {width:80px;margin-left:-40px;}
.berji a.on,.berji a:hover {background-color:#1fb5b0;}
.cat_pro { width:1200px; height:240px; background:#fff;}
.cat_pro .l li { width:240px; text-align:center; line-height:60px;font-size:16px;}
.cat_pro .l{border-right:1px solid #e1e1e1;}
.pro_list { width:100%; display:flex; padding:15px 0; border-bottom:1px solid #e1e1e1;}
.pro_list li{width:191.8px; display:inline-block; line-height:36px;font-size:14px; text-align:center;}

.nav_sub {position:absolute; top: 10px;left: 50%;transform: translateX(-50%); transition:all .3s; z-index:99999;width:1200px;background:rgb(255 255 255 / .9);border-radius:20px; padding-top:34px;height:340px;}
.navnn_tb{}
.navnn_tb1{ width:352px; float:left;}
.navnn_tb1 ul li{ width:240px; margin-left:83px; margin-bottom:27px; height:76px;}
.navnn_tb1 ul li a{ display:block; height:76px;}
.navnn_tb1 ul li a:hover p{ color:#eb6100;}
.navnn_tb1 ul li a p{ float:left; font-size:18px; color:#333333; font-weight:bold; line-height:76px;}
.navnn_tb1 ul li a img{ float:right; max-width:80px;}

.navnn_tb2{ width:847px; float:left;border-left:1px solid #cfcfcf; height:277px; }
.navnn_tb2 ul{ width:847px; display:block; height:70px; margin-bottom:34px;}
.navnn_tb2 ul:hover{border-left:1px solid #e9571c; margin-left:-1px; }
.navnn_tb2 ul li{ float:left; margin-left:45px; margin-right:21px; margin-top:7px; margin-bottom:7px; height:20px;}
.navnn_tb2 ul li a{ font-size:14px; color:#333333;}
.navnn_tb2 ul li a:hover{ color:#eb6100;}
.navnn_tb2 .zge1_tb2 li{ margin-top:22px;}


.outnavbg {width:100%;height:50px;background-color:#fff;border-bottom:1px solid #e6e6e6;}
.outnav3 {height:50px;padding:0;z-index:5;overflow:hidden;text-align:center;}
.outnav3 .nav-left,.outnav3 .nav-right {width:50px;height:100%;cursor:pointer;position:absolute;top:0;z-index:2;background-position:center;background-repeat:no-repeat;display:none;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;}
.outnav3 .nav-left {left:0;background-image:url('../images/lt3.png');}
.outnav3 .nav-right {right:0;background-image:url('../images/gt3.png');}
.outnav3 .nav-left:hover,.outnav3 .nav-right:hover {background-color:#eee;}
.outnav3 #wrapper22 {width:100%;height:100%;position:relative;}
.outnav3.on {padding:0 50px;}
.outnav3.on .nav-left,.outnav3.on .nav-right {display:block;}
.catnav {width:100%;height:100%;font-size:0;white-space:nowrap; background: #e6e6e6;}
.catnav li {width:200px;display:inline-block;height:100%;overflow:hidden; position:relative;}
.catnav li.on {background:#e80125; color:#fff}
.catnav li a {display:block;position:relative;color:#333;line-height:50px;font-size:16px;}
.catnav li:hover a {color:#fff;background:#e80125;}
.catnav li.on a {color:#fff;}
.catnav li:hover a:after,.catnav li.on a:after {width:84px;margin-left:-42px;}

.profirst {overflow:hidden;padding-top:30px;padding-bottom:30px;padding-right:100px;padding-left:560px; width: max-content;}
.profirst:before{content:'';position:absolute;left:0;bottom:0;z-index:0;width:100%;height:120px;background:rgba(0,0,0,0.1);}
.xijie {width:500px;float:left;z-index:2;position:relative;margin-left:-560px;}
.xijie .bigpic {width:520px;height:520px;border:1px solid #e2e2e2;background-color:#fff;text-align:center;line-height:520px;font-size:0;position:relative;}
.xijie img#bigpic {max-width:100%;max-height:100%;}
.proinfo {padding-top:10px;z-index: 2;}
.proinfo .proname {font-size:24px;line-height:60px;color:#333;font-weight:600;}
.proinfo .xiangxi {font-size:16px;line-height:34px;color:#333; overflow:auto;}
.proinfo .probtn {margin-top:64px;height:50px;line-height:50px; position:absolute; bottom:20px; left:auto;}
.proinfo .probtn:before{content:'';position:absolute;left:-10px;bottom:0;z-index:0;width:10px; border-radius:5px; height:10px;border:2px solid #e80125;}
.proinfo .probtn:after{content:'';position:absolute;left:-5px;bottom:10px;z-index:0;width:1px; height:120px;background:#e80125;}
.proinfo .probtn a.zixun {display:inline-block;width:auto; padding:0 50px; height:50px; line-height:50px;border-radius:25px;height:100%;color:#fff;font-size:20px; text-align:center; background-color:#e80125;}
.proinfo .probtn a.tbtn {color:#333!important; font-size:18px;} 
.proinfo .kv {font-size:16px;line-height:2}
.proinfo .kv1 {margin-bottom:10px;}
.proinfo .kv label {color:#333;margin-right:8px;}

.proinfo .kvxx {font-size:16px;font-weight:600; line-height:2}
.proinfo .kvxx label {color:#333;margin-right:8px;}
.proinfo .kvxx i {color:#e80125;margin-right:8px;}

.proinfo .zixun i {font-size:20px; color:#fff;}
.proinfo .probtn a.toptel {padding-left:0px;font-size:16px;color:#e80125;}
.proinfo .probtn a.toptel i {font-size:24px; }
.proinfo .probtn a.zixun:hover {-webkit-box-shadow:0 0 10px 0 rgba(0,152,217,0.6);box-shadow:0 0 10px 0 rgba(0,152,217,0.6);background-color:#333;}
.prosecond {background-color:#fff;padding:32px 100px;}
.procontent {font-size:16px;color:#666;line-height:30px;margin-top:0px;width:100%;overflow:auto;}
.procontent .pic {text-align:center;padding:10px 0;}
.procontent img {max-width:100%;}
.procontent table {width:100%!important;}
.procontent td {border:1px solid #aaa;padding:5px;}
.casetitle {font-size:24px;line-height:60px;color:#333;font-weight:bold;text-indent:18px;height:60px;overflow:hidden;position:relative;border-bottom:1px solid #ddd;}
.casetitle:before {content:'';position:absolute;left:0;top:18px;z-index:0;width:4px;height:24px;background-color:#e80125;}
.propic-scroll {position:relative;width:400px;height:400px;padding:0 50px;margin:0 auto;}
.propic-scroll img{width:120%; height:120%;}
.propic-scroll.flex-viewport {width:100%;height:100%;outline:1px solid #e2e2e2;}
.propic-scroll.slides {overflow:hidden;height:100%;}
.propic-scroll .slides li {display:none;height:100%;-webkit-backface-visibility:hidden;position:relative;}
.propic-scroll .slides li a {display:block;width:100%;height:100%;position:relative;overflow:hidden;text-align:center;line-height:450px;}
.propic-scroll .slides a > img {max-width:100%;max-height:100%;}
.propic-scroll .flex-direction-nav a {width:38px;height:38px;margin-top:-20px;display:block;font-size:0;position:absolute;top:50%;z-index:4;border-radius:50%;border:1px solid #999;}
.propic-scroll .flex-direction-nav a.flex-prev {left:50px;text-align:center;}
.propic-scroll .flex-direction-nav a.flex-next {right:50px;text-align:center;}
.propic-scroll .flex-direction-nav a.flex-prev i,.propic-scroll .flex-direction-nav a.flex-next i{ font-size:24px; color:#999;line-height:38px;}
.propic-scroll .flex-direction-nav a:hover {border-color:#e80125;color:#e80125}
.propic-scroll .flex-control-paging {width:100%;height:10px;font-size:0;text-align:center;position:absolute;bottom:20px;left:0;z-index:3;}
.propic-scroll .flex-control-paging li {display:inline-block;*display:inline;*zoom:1;overflow:hidden;width:10px;height:10px;margin:0 5px;}
.propic-scroll .flex-control-paging li a {width:10px;height:10px;display:block;cursor:pointer;background-color:#fff;}
.propic-scroll .flex-control-paging li a.flex-active {background-color:#e80125;}
@media screen and (max-width:1440px) {.profirst {padding-left:640px;padding-right:0px;}
.xijie {width:620px;margin-left:-640px;}
.propic-scroll {padding:0 50px;}
.propic-scroll .flex-direction-nav a.flex-prev {left:5px;}
.propic-scroll .flex-direction-nav a.flex-next {right:5px;}
.prosecond {padding:32px 50px 50px;}
}
@media screen and (max-width:1200px) {.profirst {padding-left:560px;padding-right:30px;}
.xijie {width:560px;margin-left:-560px;}
.propic-scroll {width:450px;height:450px;}
.propic-scroll .slides li a {line-height:450px;}
}
@media screen and (max-width:1000px) {.profirst {padding:0px;width:auto;}
.xijie {width:620px;float:none;margin-left:0;margin-bottom:30px;}
.propic-scroll {width:450px;height:450px;}
.propic-scroll .slides li a {line-height:450px;}
.proinfo .xiangxi {height:auto;}
}
@media screen and (max-width:750px) {.profirst {padding:10px;}
.prosecond {padding:22px 10px 20px;}
.procontent {font-size:26px;line-height:44px;}
.procontent div,.procontent p,.procontent span {font-size:26px !important;line-height:44px!important;}
.casetitle {font-size:30px;}
.proinfo .proname {font-size:18px;line-height:56px;}
.proinfo .xiangxi {font-size:24px;line-height:46px;}

.proinfo .probtn {height:50px;line-height:50px;margin-top:10px; position:inherit;}
.proinfo .probtn a {width:200px;font-size:26px;}
.profirst:before {display:none;}
.profirst .xijie{margin-bottom:0;}
.profirst .xijie:before {content:'';position:absolute;bottom: 0;width: 100%;height: 120px;background: rgba(0,0,0,0.1);}
/* .proinfo .probtn:before{left:0;} */
/* .proinfo .probtn:after{left:5px;} */
.proinfo .kv1{margin-bottom:0;}
.proinfo {padding-left: 0;  padding-bottom: 10px;}
.proinfo .kv label,.proinfo .kvxx label{margin-left: 0px;}
.proinfo .kvxx i{margin-right:0}
}


.footer0 {padding:50px 0 130px;}
.mwlist {padding:0 4%;font-size:0;text-align:center;overflow:hidden;}
.mwlist li {display:inline-block;width:16.66%;vertical-align:top;}
.mwlist li a {display:block;width:100%;position:relative;}
.mwlist .pic {width:100%;height:122px;overflow:hidden;position:relative;line-height:120px;-webkit-perspective:1000px;perspective:1000px;}
.mwlist .inner {width:120px;height:120px;margin:0 auto;-webkit-transition:background-image 0.4s,-webkit-transform 1s;transition:background-image 0.4s,-webkit-transform 1s;transition:transform 1s,background-image 0.4s;transition:transform 1s,background-image 0.4s,-webkit-transform 1s;border:1px solid #ccc;border-radius: 20px;}
.mwlist .pic i {font-size:50px; color:#666}


.mwlist li h3 {font-size:24px;color:#333;line-height:36px;height:36px;overflow:hidden;margin-top:26px;-webkit-transition:.4s;transition:.4s;}
.mwlist li:hover h3 {color:#e80125;}
.mwlist li:hover .pic img.p1 {display:none;}
.mwlist li:hover .pic img.p2 {display:inline-block;}
.mwlist li:hover .inner {-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.mwlist li .txt {font-size:16px;color:#999;line-height:26px;height:52px;overflow:hidden;margin-top:10px;}
@media screen and (max-width:1100px) {.mwlist li {width:33.33%;}
.mwlist li {margin-top:30px;}
}
@media screen and (max-width:750px) {.mwlist li {width:50%;}
}

.lxway {font-size:0;text-align:center;}
.lxway span {display:inline-block;width:280px;height:54px;border-radius:28px;color:#e80125;font-size:16px;line-height:54px;background-color:#fff;border:1px solid #e80125;-webkit-transition:0.3s;transition:0.3s;margin:0 8px;}
.lxway span:first-child {font-size:20px;}
.lxway span:hover {background-color:#e80125;color:#fff;}

.rexian {font-size:36px;color:#e80125;line-height:62px;text-align:center;margin:12px 0 30px;}
.rexian span.mtel {display:inline-block;vertical-align:top;padding-left:49px;position:relative;}
.rexian span.mtel:before {content:'';position:absolute;left:0;top:50%;z-index:0;border-radius:50%;width:40px;height:40px;background:#e80125 url('../images/tel1.png') center no-repeat;margin-top:-20px;}
.cate6 {text-align:center;}
.cate6 .txt {font-size:18px;color:#333;line-height:30px;}
.cate6 .cn {font-size:24px;color:#333;line-height:64px; }
.cate6 .hx {width:72px;height:3px;background-color:#e80125;margin:24px auto 32px;}

.cate2 {padding:60px 0 54px;text-align:center;}
.cate2 .cn {font-size:38px;color:#333;line-height:54px;margin-bottom:12px;}
.cate2 .txt {font-size:18px;color:#666;line-height:30px;padding:0 5%;}
.cate2 .txt a {display:inline-block;color:#666;}
.cate2 .txt a:hover {color:#e80125;}
@media screen and (max-width:750px) {.cate2 .cn {font-size:26px;line-height:44px;}
.cate2 .txt {font-size:16px;}
}



.caselist {padding:24px 0 0;margin:0;overflow:hidden;}
.caselist li {float:left;width:23.5%; margin-right:2%; margin-bottom:50px;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);  box-shadow: 0 0 20px rgba(0,0,0,.1);}
.caselist li:nth-child(4n) { margin-right:0;}
.caselist li .lin {padding:30px 15px 0;}
.caselist li a {display:block;position:relative;}
.caselist li a:after {left:100%;position:absolute;bottom:0;content:" ";width:0;border-bottom:1px solid #e80125;-webkit-transition:.5s;transition:.5s;}
.caselist li:hover a:after {width:100%;left:0;-webkit-transition:width 0.5s;transition:width 0.5s;}
.caselist .pic {width:100%;height:0;padding-bottom:62.6%;position:relative;-webkit-perspective:800px;perspective:800px;}
.caselist img {position:absolute;z-index:1;left:0;top:0;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s linear;transition:.3s linear;}
.caselist li .wz {padding:20px 0;}
.caselist li h3 {font-size:18px;color:#333;line-height:40px;height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist li .txt {font-size:16px;color:#333;line-height:32px;height:32px;overflow:hidden;}
.caselist li .date {font-size:16px;color:#999;line-height:22px;height:22px;overflow:hidden;margin-top:8px;}
.caselist li:hover h3 {color:#e80125;}
.caselist h3 {-webkit-transition:.6s;transition:.6s;}
@media screen and (max-width:1440px) {.caselist {margin:0 0;}
}
@media screen and (max-width:1100px) {.caselist {padding:60px 0 20px;}
.caselist li {margin-bottom:30px;}
.caselist li .lin {padding:0 10px;}
}
@media screen and (max-width:1023px) {.caselist li {width:50%;}
}
@media screen and (max-width:640px) {.caselist li {width:100%;}
.caselist li .lin {padding:0 0;}
}

.atc {padding:60px 0 80px;}
.atc-h {text-align:center;border-bottom:1px dashed #e1e1e1;padding-bottom:30px;}
.atc-h h1 {font-size:26px;color:#111;line-height:46px;margin-bottom:10px;}
.atc-date {font-size:14px;color:#777;line-height:36px;}
.atc-date span {margin:0;display:inline-block;}
.atc-date .clock {padding-left:28px;}
.atc-date .click {padding-left:28px;}
.atc-con {width:70%; margin-right:5%; float:left;padding:0 0 20px;font-size:16px;line-height:28px;color:#666;text-align:justify;}
.atc-con p{text-indent:0}
.atc-con img {text-indent:0;max-width: 100%!important;overflow: hidden;height: auto!important;}
.atc-con a {color:#d20e1c;}

.atc-right {width:25%;float:left;padding-top: 123px;}

.atc-pn {overflow:hidden;text-align:center;position:relative;height:40px;padding:12px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;line-height:40px;}
.atc-pn a {width:38%;height:100%;color:#666;position:relative;z-index:1;overflow:hidden;}
a.atc-prev {float:left;text-align:left;}
a.atc-next {float:right;text-align:right;}
a.atc-ret {display:inline-block;vertical-align:top;width:130px;color:#fff;border-radius:10px; background-color:#d20e1c;}
a.atc-ret:hover {background:#333}
a.atc-ret:hover span {background:#333}
a.atc-ret span {display:inline-block; height:100%;background:#d20e1c;}
a.atc-prev:hover,a.atc-next:hover {color:#d20e1c;}


.casepage {position:relative;background-color:#262324;overflow:hidden;}
.casepage .cer8 {position:relative;z-index:1;}
.casepagein {padding:98px 0 168px;}
#canvasRoom {width:100%;height:100%;overflow:hidden;position:absolute;bottom:-36%;left:0px;z-index:0;pointer-events:none;}
.newsout #canvasRoom,.ab1 #canvasRoom {height:100vh;bottom:-450px;}

.newsout {position:relative;background-color:#fff;overflow:hidden;}
.newsout .cer10 {position:relative;z-index:1;}
.newsin {padding:50px 0 0;position:relative; width: 100%;}
.cate4 {text-align:right;position:absolute;right:0;top:20px;z-index:0;padding-top:60px;width:100%;}
.cate4 .bgtxt{text-align:right;position:absolute;right:0;top:110px;  font-size: 90px; z-index: -1;color: rgb(0 0 0 / 9%);width:100%; word-wrap:break-word!important;text-transform: uppercase;letter-spacing: -3px;}
.cate4 .cn {font-size:40px;color:#03325b;line-height:60px;font-weight:bold;}
.cate4 .txt {font-size:20px;color:#03325b;line-height:32px;margin-top:10px;width: 50%;float: right;}
@media screen and (max-width:750px) {.cate4 .cn {font-size:30px;line-height:46px;}
.cate4 .txt {font-size:16px;line-height:26px;}
}

.ab3 {padding:106px 0 84px;}
.cate1 {text-align:center;}
.cate1 .cn {font-size:36px;color:#333;line-height:60px;font-weight: bold;}
.cate1 .txt {font-size:16px;color:#999;line-height:32px;margin-top:12px;}
.catewhite .cn,.catewhite .txt {color:#fff;}

.yslist {padding-bottom:2px;margin:0 -15px;font-size:0;padding-top:72px;}
.yslist li {float:left;width:33.33%;margin-bottom:36px;}
.yslist li .lin {padding:0 15px;}
.yslist li a {display:block;padding:52px 48px 44px;border-radius:10px;border:1px solid #dedede;position:relative;}
.yslist .ysone {position:relative;padding-left:80px;height:66px;}
.yslist .pic {width:66px;height:66px;position:absolute;left:0;top:0;z-index:0;font-size:66px;line-height:66px;text-align:center; color:#e80125}
.yslist .pic :hover{color:#fff}
.yslist img {max-width:100%;max-height:100%;}
.yslist li:hover .pic i {color:#fff}
.yslist .cn {font-size:30px;color:#e80125;line-height:46px;height:46px;overflow:hidden;}
.yslist .en {font-size:16px;color:#ef9aa8;line-height:20px;height:20px;overflow:hidden;text-transform:uppercase;}
.yslist .txt {font-size:16px;color:#666;line-height:30px;height:150px;overflow:auto;margin-top:32px;}
.yslist .num {font-size:100px;color:#fdeeef;line-height:120px;height:120px;position:absolute;right:48px;top:20px;z-index:0;}
.scrollarea2 .scrollbar {width:2px;height:100%;position:absolute;top:0;right:0;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.scrollarea2 .track {width:2px;height:100%;background-color:#d7d7d7;position:relative;left:0;}
.scrollarea2 .thumb {width:2px;background-color:#e80125;position:absolute;left:0;top:0;z-index:1;cursor:pointer;}
.scrollarea2 {position:relative;padding-right:20px;height:150px;margin-top:32px;}
.scrollarea2 .viewport {position:relative;width:100%;overflow:hidden;height:100%;}
.scrollarea2 .overview {position:absolute;z-index:1;left:0;top:0;width:100%;font-size:16px;line-height:30px;color:#666;text-align:justify;}
.scrollarea2 .overview img {max-width:100%;}
.yslist .txt,.yslist .overview,.yslist a,.yslist .cn,.yslist .en {-webkit-transition:.4s;transition:.4s;}
.yslist li:hover a {background-color:#e60027;border-color:#e60027;}
.yslist li:hover .cn {color:#fff;}
.yslist li:hover .en {color:#fff;}
.yslist li:hover .txt,.yslist li:hover .overview {color:#fff;}
.yslist li:hover .scrollarea2 .thumb {background-color:#222;}
@media screen and (max-width:1440px) {.yslist .txt,.scrollarea2 {height:180px;}
.yslist .num {font-size:70px;}
}
@media screen and (max-width:1300px) {.yslist li a {padding:40px 30px 30px;}
.yslist .num {top:8px;right:30px;}
}
@media screen and (max-width:1200px) {.yslist li {width:50%;}
}
@media screen and (max-width:1024px) {.yslist {margin:0 -10px; padding-top: 0;}
.yslist li {width:100%;margin-bottom: 15px;}
.yslist li .lin {padding:0 10px;}
.yslist li a {padding:15px;}
.yslist .num {top:0;right:20px;font-size:50px;}
.yslist .txt, .scrollarea2{height:100px; margin-top:15px;padding: 0;}
.yslist .txt,.scrollarea2 .overview {font-size:14px;}
.yslist .cn {font-size:24px;}
}
.roundabout {position:relative;z-index:3;overflow:hidden;height:420px;margin-top:132px;}

a.raprev,a.ranext {position:absolute;width:30px;height:60px;z-index:1;cursor:pointer;font-size:0;top:50%;margin-top:-30px;background-position:center;background-repeat:no-repeat;border-radius:5px;}
a.raprev {left:0;}
a.ranext {right:0;}
a.raprev:hover,a.ranext:hover {background-color:#e60027;}
ul.switcher {text-align:center;font-size:0;display:none;position:absolute;width:100%;left:0;bottom:0;height:10px;z-index:2;}
ul.switcher li {display:inline-block;width:10px;height:100%;margin:0 5px;background-color:#fff;border-radius:5px;}
ul.switcher li:hover,ul.switcher li.on {background-color:#e60027;}
@media screen and (max-width:1024px) {.ab4 {padding:80px 0 110px;}
.roundabout {margin-top:100px;}
}

.baninfo2 {position:relative;z-index:2;}

.scrollbar.disable {display:none;}

.ser3 {padding:90px 0 90px;}

.procontent {font-size:16px;color:#666;line-height:30px;}
.procontent img {max-width:100%;cursor:pointer; margin:0 auto;}
.procontent .hx {width:100%;margin:44px 0 34px;border-top:1px dashed #ddd;}
@media screen and (max-width:750px) {.ser3 {padding:60px 0 80px;}
}

.fbtl {position:relative;}

.fcate2 {float:left;position:relative;}
.fcate2 .cn {font-size:24px;color:#302e2f;line-height:48px;font-weight:bold;}
.fcate2 .cn a {color:#302e2f;}
.fcate2 .en {font-size:24px;color:#aaa;line-height:32px;text-transform:uppercase;padding-top:15px;}
.fbtl .more {position:absolute;right:0;top:38px;z-index:1;display:block;width:150px;height:46px;background-color:#e80125;border-radius:23px;font-size:16px;color:#fff;line-height:46px;text-align:center;}
.fbtl .more:hover {text-decoration:underline;}
.ferji {float:right;margin-top:50px;font-size:0;white-space:nowrap;}
.ferji a {display:inline-block;margin-left:20px;overflow:hidden;border-radius:21px;background-color:#f1f2f4;width:120px;height:42px;font-size:16px;color:#333;line-height:42px;text-align:center;}
.ferji a:first-child {margin-left:0;}
.ferji a:hover,.ferji a.on {color:#fff;background-color:#e80125;}

.fyewu {padding-top:76px;}
.fyewu .fbtl {margin-bottom:56px;}
.fcase {padding-top:86px;padding-bottom:50px;}
.fcase .caselist {padding-top:48px;}
.fcase .caselist li {margin-bottom:30px;}
.fnews {padding-top:74px;}
.fcate3 {position:relative;padding:60px 0 56px;text-align:center;background:#03325b;}
.fcate3 .cn {font-size:40px;color:#fff;line-height:60px;letter-spacing:2px;margin-bottom:8px;}
.fcate3 .cn a {color:#fff;}
.fcate3 .en {font-size:28px;color:rgba(255,255,255,0.2);line-height:40px;font-family:'Helvetica';text-transform:uppercase;word-break:normal;}
@media screen and (max-width:750px) {.fcate3 .cn {font-size:28px;line-height:50px;margin-bottom:0;}
.fcate3 .en {font-size:20px;}
}

.sw11out {position:relative;width:100%;height:100%;z-index:1;}
#sw11 {width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
#sw11 .swiper-slide {overflow:hidden;}
.sw11out .sw-next,.sw11out .sw-prev {position:absolute;right:6.25%;bottom:11.8%;width:46px;height:46px;z-index:11;font-size:0;border-radius:50%;text-align:center;cursor:pointer;border:1px solid #fff;}
.sw11out .sw-prev {margin-right:66px;}
.sw11out .sw-prev,.sw11out .sw-next i{ font-size:24px; color:#fff}
.sw11out .sw-prev:hover,.sw11out .sw-next:hover {background-color:rgba(232,1,37,0.5);}
#sw11 .slideinner {position:relative;display:block;width:100%;height:100%;background-color:#000;}
#sw11 .slideinner img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:0.5s;transition:0.5s;}
.sw11out .swiper-pagination {left:6.25%;bottom:11%;font-size:16px;color:#fff;line-height:40px;width:auto;}
.sw11out .swiper-pagination-current {font-size:34px;}
.sw11out .swiper-pagination-total {font-size:16px;}
.sw11out .swiper-scrollbar {position:absolute;left:6.25%;bottom:8%;width:87.5%;height:1px;background-color:rgba(255,255,255,0.2);z-index:1;}
.sw11out .swiper-scrollbar-drag {width:0;background-color:#fff;}
.sw11out .swiper-scrollbar-drag.active {-webkit-animation:widthgrow 6s linear 1;animation:widthgrow 6s linear 1;}
@-webkit-keyframes widthgrow {0% {width:0;}
100% {width:100%;}
}
@keyframes widthgrow {0% {width:0;}
100% {width:100%;}
}
@media screen and (max-width:750px) {.sw11out .sw-prev,.sw11out .sw-next {width:36px;height:36px;line-height: 36px;}
.sw11out .sw-prev {left:4%;right:auto;margin-right:0;}
.sw11out .sw-next {right:4%;}
.sw11out .swiper-scrollbar {left:4%;width:92%;}
.sw11out .swiper-pagination {left:4%;width:90%;}
.sw11out .swiper-pagination-current {font-size:24px;}
}
@media screen and (max-width:600px) {.sw11out .swiper-scrollbar {display:none;}
.sw11out .swiper-pagination {bottom:0;}
}

.liuyanout {padding:48px 0 84px;background:#f8f8f8 url(../images/contcat_bg.jpg) no-repeat;background-size: cover;}
.liuyan {color:#333;font-size:0;margin-top:40px;}
.liuyan .hang {float:left;width:31.66%;margin-right:2.5%;height:60px;line-height:60px;margin-bottom:30px;}
.liuyan .hang.long {float:none;width:100%;margin-right:0;}
.liuyan .hang.last {margin-right:0;}
.liuyan .hang.fat {width:100%;height:auto;margin-right:0;}
.liuyan input[type=text] {width:100%;height:60px;border:1px solid #fff;background-color:rgb(255 255 255);line-height:58px;text-indent:15px;font-size:16px;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;}
.liuyan textarea {padding:5px 15px;height:142px;border:1px solid #fff;resize:none;background-color:rgb(255 255 255);vertical-align:top;width:100%;line-height:26px;font-size:16px;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;}
.liuyan input[type=text]:focus,.liuyan textarea:focus {border-color:#eb0104;}
.liuyan input[type=text],.liuyan textarea {-webkit-transition:0.3s;transition:0.3s;}
.liuyan i.v {display:inline-block;width:100%;height:100%;vertical-align:top;}
.liuyan .hang2 {height:60px;line-height:60px;margin-bottom:40px;}
.liuyan .hang2 > div {height:100%;}
.liuyan .hang2 i.v {width:31.66%;}
.liuyan .verifyImg {width:170px;height:100%;cursor:pointer;vertical-align:top;margin-left:20px;}
.liuyan .yzmchange {display:inline-block;vertical-align:top;width:60px;height:100%;margin-left:20px;background:url('../images/change.png') center no-repeat;}
.liuyan .btnarea {text-align:center;display: inline-block;}
.liuyan .btnarea input {width:300px;height:60px;font-size:18px;line-height:58px;color:#fff;text-align:center;}
.liuyan input#tj {background-color:#eb0104;border:1px solid #eb0104;margin-left:0px;}
.liuyan input#cz {background-color:#999;border:1px solid #999;}
.liuyan input#tj:hover {background-color:#333;color:#eb0104;border-color:#333}
.liuyan input#cz:hover {background-color:#333;color:#fff;}

.lxone {
  padding: 70px 0 84px;
}


.ser03 {padding:50px;}
.ser03 .cer10{padding:50px 0 80px;}
.flow-wrapper {justify-content:space-between;display:flex;flex-wrap:wrap;}
.flow-item {text-align:center;margin-bottom:40px;width:calc(16.6666% - 15px);position:relative;}
@media (max-width:991px) {.flow-item {width:calc(50% - 15px);}
}
.flow-item .flow-thumb .thumb::after,.flow-item .flow-thumb .thumb::before,.flow-item::after {position:absolute;content:'';}
.flow-item .flow-thumb {width:116px;height:116px;padding-top:15px;margin:0 auto 30px;justify-content:center;align-items:center;position:relative;text-align:-webkit-center;}
.flow-item .flow-thumb::before {width:100%;height:100%;background:url(../images/flow-shape.png) no-repeat center center;background-size:cover;animation:rev-rotate 10s linear infinite;-webkit-animation:rev-rotate 10s linear infinite;-moz-animation:rev-rotate 10s linear infinite;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;content:"";}
.flow-item .flow-thumb .thumb {width:86px;height:86px;text-align:center;line-height:86px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#ffffff;font-size:40px;background-color:#3ed03a;box-shadow:0px 0px 7.8px 5.2px rgba(0,0,0,0.04);position:absolute;overflow:hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.flow-item .flow-thumb .thumb::after,.flow-item .flow-thumb .thumb::before {width:100%;height:100%;top:-40px;left:-40px;background:#ffffff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:0;opacity:0;animation:scaleIn3 4s infinite cubic-bezier(0.36,0.11,0.89,0.32);}
.flow-item .flow-thumb .thumb::after {animation-delay:2s;}
.flow-item.one .flow-thumb .thumb {background:#f00;}
.flow-item.one .flow-thumb::before {background:url(../images/flow-shape1.png) no-repeat center center;background-size:cover;}
.flow-item.twoo .flow-thumb .thumb {background:#e96429;}
.flow-item.twoo .flow-thumb::before {background:url(../images/flow-shape2.png) no-repeat center center;background-size:cover;animation-delay:2.5s;}
.flow-item.three .flow-thumb .thumb {background:#ffc700;}
.flow-item.three .flow-thumb::before {background:url(../images/flow-shape3.png) no-repeat center center;background-size:cover;animation-delay:2.5s;}
.flow-item.four .flow-thumb .thumb {background:#3ed03a;}
.flow-item.four .flow-thumb::before {background:url(../images/flow-shape4.png) no-repeat center center;background-size:cover;animation-delay:2.5s;}
.flow-item.five .flow-thumb .thumb {background:#00FFFF;}
.flow-item.five .flow-thumb::before {background:url(../images/flow-shape5.png) no-repeat center center;background-size:cover;animation-delay:2.5s;}
.flow-item.six .flow-thumb .thumb {background:#1893f0;}
.flow-item.six .flow-thumb::before {background:url(../images/flow-shape6.png) no-repeat center center;background-size:cover;animation-delay:2.5s;}
.flow-item.seven .flow-thumb .thumb {background:#860de9;}
.flow-item.seven .flow-thumb::before {background:url(../images/flow-shape7.png) no-repeat center center;background-size:cover;animation-delay:2.5s;}
.flow-item .title {text-transform:capitalize;font-weight:600;}
.flow-item .entitle {text-transform:capitalize;font-size:14px;}
.flow-item::after {width:107px;height:55px;background:url(../images/arrow-1.png) no-repeat center center;background-size:cover;top:50px;left:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
@media (max-width:1199px) {.flow-item::after {height:45px;left:calc(100% + 10px);}
}
@media (max-width:575px) {.flow-item::after {display:none;}
}
.flow-item:nth-of-type(2n + 6)::after {display:none;}
.flow-item:nth-of-type(2n + 1)::after {background:url(../images/arrow-2.png) no-repeat center center;background-size:cover;}
@media (max-width:991px) {.flow-item:nth-of-type(2n + 2)::after {display:none;}
}
@media (max-width:991px) {.flow-item:nth-of-type(2n + 2)::after {background:url(../images/arrow-2.png) no-repeat center center;background-size:cover;}
}
@media (min-width:576px) {.flow-item h5 {font-size:20px;}
}
@keyframes rev-rotate {0% {-webkit-transform:translate(-50%,-50%) rotate(-360deg);-ms-transform:translate(-50%,-50%) rotate(-360deg);transform:translate(-50%,-50%) rotate(-360deg);}
100% {-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);}
}
@-webkit-keyframes rev-rotate {0% {-webkit-transform:translate(-50%,-50%) rotate(-360deg);-ms-transform:translate(-50%,-50%) rotate(-360deg);transform:translate(-50%,-50%) rotate(-360deg);}
100% {-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);}
}
@-moz-keyframes rev-rotate {0% {-webkit-transform:translate(-50%,-50%) rotate(-360deg);-ms-transform:translate(-50%,-50%) rotate(-360deg);transform:translate(-50%,-50%) rotate(-360deg);}
100% {-webkit-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);}
}



.newslist {padding:0 10px 80px;max-width:1740px;margin:0 auto;}
.newslist li {width:100%;padding:35px 0;position:relative;background-color:#fff;border-bottom:1px dashed #eaeaea;}
.newslist li a {display:block;position:relative;padding-left:460px;min-height:236px;overflow:hidden;padding-right:180px;}
.newslist li .pic {position:absolute;left:30px;top:0;z-index:1;width:378px;height:100%;overflow:hidden;}
.newslist li .pic img {width:100%;height:100%;}
.newslist li h3 {font-size:18px;color:#111;line-height:32px;height:32px;padding-top:30px;overflow:hidden;}
.newslist li .txt {color:#666;line-height:22px;overflow:hidden;height:66px;margin-top:20px;text-align:justify;}
.newslist li .info {font-size:12px;color:#777;line-height:24px;height:24px;margin-top:30px;overflow:hidden;}
.newslist .clock {padding-left:27px;}
.newslist .click {padding-left:27px;margin-left:44px;}
.newslist li label {display:block;width:46px;height:46px;cursor:pointer;font-size:46px; line-height:46px; position:absolute;right:30px;top:96px;z-index:1;}
.newslist li label:hover {color:#e80125}
.newslist li:hover h3 {color:#d10d1d;}
.newslist li:hover {-webkit-box-shadow:0 0 10px 6px rgba(181,181,181,0.2);box-shadow:0 0 10px 6px rgba(181,181,181,0.2);z-index:1;}
.newslist h3,.newslist li {-webkit-transition:0.5s;transition:0.5s;}


.bdr_b {border-bottom: 1px solid #ccc;}
.newsin .more {top:20px;}


.cailist {padding:36px 0 0;}
.cailist li {width:100%;padding: 50px 0;}
.cailist .lin {height:370px;  width: 90%; margin: 0 auto;}
.cailist li a {display:block;position:relative;height:100%;padding-right:705px;overflow:hidden;}
.cailist li .picout {width:590px;height:370px;padding-left:20px;position:absolute;top:0;right:0;z-index:1;background:url('../images/caixu1.png') left center no-repeat;background-size:auto 100%;}
.cailist li .pic {width:100%;height:100%;overflow:hidden;position:relative;font-size:0;line-height:370px;text-align:center;}
.cailist li .pic img {max-width:100%;max-height:100%;}
.pairout {position:relative;height:100%;}
.pairout h3 {font-size:20px;color:#333;line-height:60px;font-weight:bold;text-align:left;padding-left:90px;height:60px;position:relative;}
.pairout h3 span {display:inline-block;width:auto; padding:0 30px;overflow:hidden;text-align:center;}
.pairout h3 span:before{content:'';position:absolute;left:90px;top:10px;z-index:0;width:17px;height:40px;background:url('../images/catspan_l.png') center no-repeat;background-size:100%;}
.pairout h3 span:after{content:'';position:absolute; left: auto;margin-left: 13px;top:10px;z-index:0;width:17px;height:40px;background:url('../images/catspan_l.png') center no-repeat;background-size:100%;}
.pairout h3:before {content:'';position:absolute;left:0;top:30px;z-index:0;width:90px;height:1px;background-color:#999;}
.pairout .num {position:absolute;bottom:15px;right:-47px;z-index:2;display:block;width:50px;height:50px; font-size:36px;font-weight:900; line-height:50px; color:#fff; background:#e80125; border-radius:50%; text-align:center;}
.pair {padding:70px 0 32px 85px;border-left:1px solid #999;border-bottom:1px solid #999;margin-top:-30px;}
.pair .txt {font-size:16px;color:#555;line-height:28px;text-align:justify;height:196px;overflow:hidden;}
.cailist li.even a {padding-left:705px;padding-right:0;}
.cailist li.even .picout {left:0;right:auto;padding-right:20px;padding-left:0;background-image:url('../images/caixu2.png');background-position:right center;}
.cailist li.even .pair {border-left:0 none;border-right:1px solid #999;padding:70px 85px 32px 0;}
.cailist li.even .pairout .num {right:auto;left:-47px;}
.cailist li.even h3 {padding-left:0;padding-right:90px;text-align:right;}
.cailist li.even .pairout h3 span:before{left:auto; margin-left: -30px;}
.cailist li.even .pairout h3 span:after{right: 90px;}
.cailist li.even .pairout h3:before {left:auto;right:0;}
@media screen and (max-width:1460px) {.cailist li a {padding-right:620px;}
.cailist li.even a {padding-left:620px;padding-right:0;}
.pair {padding:50px 20px 10px 45px;}
.cailist li.even .pair {padding:50px 45px 10px 20px;}
.pairout .num {right:0;}
.cailist li.even .pairout .num {right:auto;left:0;}
.pair .txt {height:256px;}
}
@media screen and (max-width:1300px) {.cailist li a {padding-right:52%;}
.cailist li.even a {padding-left:52%;padding-right:0;}
.cailist li .picout {width:50%;height:100%;}
.pair {padding:40px 20px 10px 20px;}
.cailist li.even .pair {padding:40px 20px 10px 20px;}
}
@media screen and (max-width:1200px) {.cailist li a {padding-right:42%;}
.cailist li.even a {padding-left:42%;padding-right:0;}
.cailist li .picout {width:40%;height:100%;}
}
@media screen and (max-width:960px) {.cailist {padding:25px 0;}
.cailist .lin {height:auto;}
.cailist li a {padding-right:0;}
.cailist li:nth-child(even) a {padding-left:0;}
.cailist li .picout {position:static;width:590px;height:auto;margin:0 auto;}
.pairout {width:610px;height:auto;margin:30px auto 0;}
.pair .txt {height:auto;}
.pair {padding:50px 20px 30px 20px;}
.cailist li.even .pair {padding:50px 20px 30px 20px;}
.pairout .num {position:absolute;bottom:auto;top:5px;}
}
@media screen and (max-width:750px) {.pair h3 {font-size:34px;}
.pair .txt {font-size:26px;line-height:40px;}
}
.news_cat { width:100%; clear:both;}
.news_catl,.news_catr {width:60%;float:left;}
.news_catr {width:40%;}


.cnewslist {padding:0 10px 10px;max-width:1740px;margin:0 auto;}
.cnewslist li {width:50%;padding:35px 0;position:relative;background-color:#fff;border-bottom:1px dashed #eaeaea;float: left;}
.cnewslist li a {display:block;position:relative;padding-left:230px;min-height:160px;overflow:hidden;padding-right:120px;}
.cnewslist li .pic {position:absolute;left:20px;top:0;z-index:1;width:200px;height: 105px;overflow:hidden;}
.cnewslist li .pic img {max-width:100%;height:100%;}
.cnewslist li h3 {font-size:18px;color:#111;line-height:32px;height:32px;overflow:hidden;}
.cnewslist li .txt {color:#666;line-height:22px;overflow:hidden;height:66px;margin-top:20px;text-align:justify;}
.cnewslist li .info {font-size:12px;color:#777;line-height:24px;height:24px;margin-top:30px;overflow:hidden;}
.cnewslist .clock {padding-left:27px;}
.cnewslist .click {padding-left:27px;margin-left:44px;}
.cnewslist li label {display:block;width:46px;height:46px;cursor:pointer;font-size:46px; line-height:46px; position:absolute;right:30px;top:60px;z-index:1;}
.cnewslist li label:hover {color:#e80125}
.cnewslist li:hover h3 {color:#d10d1d;}
.cnewslist li:hover {-webkit-box-shadow:0 0 10px 6px rgba(181,181,181,0.2);box-shadow:0 0 10px 6px rgba(181,181,181,0.2);z-index:1;}
.cnewslist h3,.cnewslist li {-webkit-transition:0.5s;transition:0.5s;}

.sollist {padding:50px 0px 0px;margin:0 auto;overflow:hidden;width: 100%;}
.sollist li {float:left;width:25%;margin-bottom:40px;}
.sollist li .lin {padding:0 19px;}
.sollist li a {display:block;position:relative;}
.sollist .pic {width:100%;height:0;padding-bottom:60%;overflow:hidden;position:relative;}
.sollist img {position:absolute;z-index:1;left:0;top:0;-o-object-fit:cover;object-fit:cover;}
.sollist li .wz {padding:16px 12px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom: 1px solid #eee;}
.sollist li h3 {font-size:18px;color:#333;line-height:32px;height:32px;overflow:hidden;}
.sollist li .txt {font-size:12px;color:#999;line-height:24px;height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url('../images/jtr-n.png') right no-repeat;}

.sollist li .info {padding:12px 12px;border:1px solid #eee;}
.sollist li .date {background:url('../images/jtr-n.png') right no-repeat;font-size:14px;line-height:24px;height:24px;color:#999;}
.sollist li:hover a {-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,0.4);box-shadow:0 0 5px 0 rgba(255,255,255,0.4);}
.sollist li:hover h3 {color:#eb0104;}
.sollist li:hover .date {color:#eb0104;}
.sollist h3,.sollist .date {-webkit-transition:.6s;transition:.6s;}

.catspan {position:relative;}
.catspan:before {content:'';position:absolute;left:15px;bottom:-5px;z-index:1;width:10px;height:100px;background-color:#d10d1d; transform: rotate(15deg);}


.pro_caselix {overflow:hidden;padding:30px 0;margin:0 auto;z-index:1}
.pro_caselix li {float:left;width:calc(32% - 30px);margin-bottom:20px; margin-right:2%;overflow:hidden;text-align: center; background:#fff; padding:15px;}
.pro_caselix li div.pic {overflow: hidden;height: 0;padding-bottom: 60%;}
.pro_caselix li h3 {font-size:16px; font-weight:600; position:relative; margin:10px 0; line-height:2;  text-align: left;}
.pro_caselix li h4 label {color:#333;margin-right:8px;}
.pro_caselix li h4 i {color:#e80125;margin-right:8px;}
.pro_caselix li .text {text-align: left;padding-left: 20px; position:relative;}
.pro_caselix li .text span { position:absolute; bottom:10%; right:10%; padding:0 20px; text-align:center; font-size:12px; line-height:20px; background:#fff; border:1px solid #dff2ff; border-radius:15px;}
.pro_caselix li .text span a {display:block; color:#333;}
.pro_caselix li .text span:hover {border-color:#e80125; color:#e80125;}
.pro_caselix li .text span:hover a {border-color:#e80125; color:#e80125;}
.pro_caselix li h3:before {content:'';position:absolute;left:0;top:2px;z-index:0;width:50px;height:2px;background-color:#e80125;}
.pro_caselix li img {width:100%;}
.pro_caselix li img:hover {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s;}
.pro_caselix li:nth-child(3n) {margin-right:0;}


.Real_2{float: left;width: 100%;height: 423px;margin: 50px 0 0 0;} 
.Real_2 .Real_2Left{float: left;width: 40%;height: 423px;background: url(../images/Real_1.png)top center no-repeat;margin: 0 26px 0 0px;}
.Real_2 .Real_2Left .Real_2Left_Tit{float: left;width: 90%;height: 409px;background-color: #FFFFFF;margin: 7px 7px;}
.Real_2LeftImg{float: left;width: 470px;margin: 23px 21px 21px 23px;}
.Real_2LeftImg img{ width:100%; height:100%; }
.Real_2LeftSpan{float: left;width: 100%;height: 108px;}
.Real_2LeftSpan .LeftSpan_Data{float: left;width: 25%;height: auto;border-right: 1px solid #e5e5e5;}
.Real_2LeftSpan .LeftSpan_Data h3{float: left;width:100%; font-size: 32px;font-weight: bold;color: #999999;padding: 0 0 0 23px;}
.Real_2LeftSpan .LeftSpan_Data div{float: left;width: 100%;}
.Real_2LeftSpan .LeftSpan_Data div span{float: left;padding:5px 0 0 23px;font-size: 24px;line-height: 24px;color: #999999;}
.Real_2LeftSpan .LeftSpan_Tit{float: left;width:72%;height: auto;}
.Real_2LeftSpan .LeftSpan_Tit h3{float: left;font-size: 16px;color: #333333;width: 100%;padding: 0 0 15px 31px;}
.Real_2LeftSpan .LeftSpan_Tit div{float: left;width: 100%;}
.Real_2LeftSpan .LeftSpan_Tit div span{float: left;font-size: 14px;color: #999999;padding: 0 0 0 23px; height:40px; overflow:hidden; line-height:20px;}
.Real_2 .Real_2Right{float: left;width:calc(60% - 30px);height: 423px;}
.Real_2 .Real_2Right ul li{float: left;width: 100%;height: 135px;background-color: #FFFFFF;margin: 0 0 10px 0;}
.Real_2 .Real_2Right ul li .Real_2Right_1{float: left;width: 38px;height: 135px;}
.Real_2 .Real_2Right ul li .Real_2Right_1 img{float: left;padding: 35px 0 0 16px;}
.Real_2 .Real_2Right ul li .Real_2Right_2{float: left;  width: calc(100% - 136px);height: 135px;overflow:hidden;}
.Real_2 .Real_2Right ul li .Real_2Right_2 h3{float: left;font-size: 16px;color: #333333;padding: 30px 0 0 0 ; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Real_2 .Real_2Right ul li .Real_2Right_2 div{float: left;  width: calc(100% - 30px);margin:15px 0 0 0;}
.Real_2 .Real_2Right ul li .Real_2Right_2 div span{float: left;font-size: 14px;color: #999999;line-height: 24px; height: 48px;overflow: hidden;}
.Real_2 .Real_2Right ul li .Real_2Right_3{float: left;width: 95px;height: 135px;}
.Real_2 .Real_2Right ul li .Real_2Right_3 h3{float: left;font-size: 20px;color: #999999;width: 95px;padding: 47px 0 20px 0 ;}
.Real_2 .Real_2Right ul li .Real_2Right_3 .Real_2Right_3Shu{float: left;width: 1px;height: 16px;margin:  0 15px 0 9px;}
.Real_2 .Real_2Right ul li .Real_2Right_3 .Real_2Right_3Shu span{float: left;width: 1px;height: 16px;background-color: #cccccc;color: #CCCCCC;}
.Real_2 .Real_2Right ul li .Real_2Right_3 .Real_2Right_3Btn{float: left;width: 19px;height: 6px;}
.Real_2 .Real_2Right ul li .Real_2Right_3 .Real_2Right_3Btn img{float: left;width: 19px;height: 16px;line-height: 16px;}

.Real_2 .Real_2Right ul li:hover{background-color: #e6232b;}
.Real_2 .Real_2Right ul li:hover .Real_2Right_1 .imgd{display: none;}
.Real_2 .Real_2Right ul li:hover .Real_2Right_1 .imgs{display: block;}
.Real_2 .Real_2Right ul li:hover .Real_2Right_2 h3{color: #FFFFFF;}
.Real_2 .Real_2Right ul li:hover .Real_2Right_2 div span{color: #fadfe0;}
.Real_2 .Real_2Right ul li:hover .Real_2Right_3 h3{color: #FFFFFF;}
.Real_2 .Real_2Right ul li:hover .Real_2Right_3 .Real_2Right_3Shu span{background-color: #eb4f55;color: #eb4f55;}


.blianxi {padding-top:70px;margin-top: 30px;padding-bottom: 100px; background:#f8f8f8 url(../images/contcat_bg.jpg) no-repeat; background-size:cover; background-position: bottom center; color:#333}
.blianxi .btnarea input{width:240px;}
.blianxi .liuyan .hang2 img {background:rgb(255 255 255 / 80%); margin-top: -12px; margin-left:10px;}
.blianxi input#tj {margin-left: 20px;}
.lianxi {padding-top:70px;margin-top: 0px;padding-bottom: 100px; background:url(../images/contact_bg.png) no-repeat; background-size:cover; background-position: bottom center; color:#fff}
.lianxi .cate6 .cn {color:#fff;}
.lianxi .liuyan input[type=text],.lianxi .liuyan textarea{border:none;color:#fff!important; background:rgb(255 255 255 / 70%)}
.lianxi .liuyan .hang2 img { background:rgb(255 255 255 / 80%);  margin-top: -12px;}
.lxlist {margin:54px auto 34px;max-width:1400px;font-size:0;text-align:center;}
.lxlist li {display:inline-block;width:25%;position:relative;}
.lxlist li a {display:block;}
.lxlist .pic {width:80px;height:80px;margin:0 auto 16px;background-color:#0098d9;border-radius:50%;line-height:80px;}
.lxlist .pic img {max-width:100%;max-height:100%;}
.lxlist li h3 {font-size:16px;color:#333;line-height:26px;font-weight:bold;height:26px;position:relative;overflow:hidden;padding-bottom:13px;}
.lxlist li h3:after {content:'';position:absolute;left:50%;bottom:0;z-index:0;width:20px;height:2px;background-color:#bfbfbf;margin-left:-10px;}
.lxlist li .txt {font-size:16px;color:#999;line-height:26px;margin:9px auto 0;height:52px;overflow:hidden;}
.lxlist li .txt span {display:inline-block;}
.lxlist li:hover img {-webkit-animation:rotateY360 2s linear 1;animation:rotateY360 2s linear 1;}
#map {width:100%;height:500px;}


.pro-sty2{max-width: 1560px;margin: 0 auto;padding:30px 0; }
.pro-fix {width:30%;margin-right:2%; padding:1%; display:inline-block;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
  box-shadow: 0 0 20px rgba(0,0,0,.1);}
.pro-fix a { display:block;}
.pro-fix strong {display:block;height:42px;line-height:2;color:#333333;font-size:18px;padding-bottom:0;border-bottom:1px solid #dddddd;}
.pro-content {padding-top:5px;}
.pro-content p {color:#666666;font-size:14px;line-height:1.8;}
.pro-img img {display:block;width:100%;height:auto;}
.pro-lists {margin-left:-7px;margin-right:-7px; padding:20px;}
.pro-lists li {float:left;width:33.33%;}
.pro-lists li a {display:block;margin:0 7px;}
.pro-lists li a img {display:block;width:100%;height:auto;}
.pro-fix a:hover strong { color:#e80125}

.pro-fix:hover {-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);transition:all .3s;}






.cattit {position:relative; height:100px;  float: left;width: 100%;}
.cattit h3 {display:block; width:200px; text-align:center; padding:0 20px; z-index:1; margin:0 auto; background:#fff; line-height:60px; font-size:30px;}
.cattit p { font-size:16px; color:#666; text-align:center; line-height:2;}
.cattit:before{content:'';position:absolute;left:0;top:36px;z-index:-1;width:100%;height:2px; background:#eee;}
.catits { height:60px;}
.catits:before{content:'';position:absolute;left:0;top:8px;z-index:-1;width:6px;height:30px; background:#e80125;}
.catits .fcate2 {padding-left:20px;}
.catits .fcate2 .cn span {color:#999; font-weight: 100;font-size: 16px;}
.catits .more {top:5px!important;}




.ability_t{align-items:center;} 
.ability_c{margin: 1.8vw 0;}
.ability_c .ability_list>.ability_v{overflow:hidden;opacity:0;-webkit-opacity:0;transition:ease 1.5s;-webkit-transition:ease 1.5s;
-webkit-transition-delay:0.3s;transition-delay:0.3s;z-index:2;}
.ability_c .ability_list>.ability_v:before{position:absolute;content:'';width:100%;left:0;height:100%;top:0;z-index:-1;}
.ability_c .ability_list>.ability_v:after{position:absolute;content:'';width:18vw;height:18vw;border-radius:50%;-webkit-border-radius:50%;
background-color:#edf3fb;z-index:20;}
.ability_c .ability_list .course_title{font-size:24px; height:26px; overflow:hidden; margin-bottom:1vw;line-height:26px;font-weight:bold;}
.ability_c .ability_list .course_txt{font-size:15px;line-height:26px;height:78px;}
.ability_c .ability_list .course_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ability_c .ability_list .course_details{font-size:16px;margin-top:1vw;}

.ability_c .ability_list:nth-child(1)>.ability_v{padding:2vw 8vw 2vw 2vw;margin-right:3vw;margin-bottom:2vw;transform:translate(20%,20%);-webkit-transform:translate(-20%,-20%)}
.ability_c .ability_list:nth-child(2)>.ability_v{padding:2vw 2vw 2vw 8vw;margin-left:3vw;margin-bottom:2vw;transform:translate(-20%,20%);-webkit-transform:translate(20%,-20%)}
.ability_c .ability_list:nth-child(3)>.ability_v{padding:2vw 8vw 2vw 2vw;margin-right:3vw;margin-top:2vw;transform:translate(20%,-20%);-webkit-transform:translate(-20%,20%)}
.ability_c .ability_list:nth-child(4)>.ability_v{padding:2vw 5vw 2vw 8vw;margin-left:3vw;margin-top:2vw;transform:translate(-20%,-20%);-webkit-transform:translate(20%,20%)}

.ability_c.animated .ability_list:nth-child(1)>.ability_v,.ability_c.animated .ability_list:nth-child(2)>.ability_v,
.ability_c.animated .ability_list:nth-child(3)>.ability_v,.ability_c.animated .ability_list:nth-child(4)>.ability_v
{transform:none;-webkit-transform:none;opacity:1;-webkit-opacity:1;}


.ability_c .ability_list:nth-child(1)>.ability_v:after{right:-12vw;bottom:-11vw;border:2px solid #00a3f9;}
.ability_c .ability_list:nth-child(2)>.ability_v:after{left:-12vw;bottom:-11vw;border:2px solid #ff723a;}
.ability_c .ability_list:nth-child(3)>.ability_v:after{right:-12vw;top:-11vw;border:2px solid #ffa940;}
.ability_c .ability_list:nth-child(4)>.ability_v:after{left:-12vw;top:-11vw;border:2px solid #07bfbf;}

.ability_c .ability_list:nth-child(1)>.ability_v:before{border:2px solid #00a3f9;}
.ability_c .ability_list:nth-child(2)>.ability_v:before{border:2px solid #ff723a;}
.ability_c .ability_list:nth-child(3)>.ability_v:before{border:2px solid #ffa940;}
.ability_c .ability_list:nth-child(4)>.ability_v:before{border:2px solid #07bfbf;}

.ability_c .ability_list .course_details>a:first-child{color:#666;}

.ability_c .ability_list:nth-child(1) .course_title,.ability_c .ability_list:nth-child(1) .course_details>a:last-child{color:#00a3f9;}
.ability_c .ability_list:nth-child(2) .course_title,.ability_c .ability_list:nth-child(2) .course_details>a:last-child{color:#ff723a;}
.ability_c .ability_list:nth-child(3) .course_title,.ability_c .ability_list:nth-child(3) .course_details>a:last-child{color:#ffa940;}
.ability_c .ability_list:nth-child(4) .course_title,.ability_c .ability_list:nth-child(4) .course_details>a:last-child{color:#07bfbf;}

.ability_c .course_num{position:absolute;width:5vw;}
.ability_c .course_num img{width:100%;}

.ability_c .ability_list:nth-child(1)>.ability_v .course_num{top:1.2vw;right:1.2vw;}
.ability_c .ability_list:nth-child(2)>.ability_v .course_num{top:1.2vw;left:1.2vw;}
.ability_c .ability_list:nth-child(3)>.ability_v .course_num{bottom:1.2vw;right:1.2vw;}
.ability_c .ability_list:nth-child(4)>.ability_v .course_num{bottom:1.2vw;left:1.2vw;}

.ability_c .ability_circular{position:absolute;left:50%;top:50%;width:0;height:0;z-index:50;transition:ease 1.5s;-webkit-transition:ease 1.5s;}
.ability_c .ability_circular img{width:100%;height:100%;}
.ability_c.animated .ability_circular{width:16vw;height:16vw;margin-left:-8vw;margin-top:-8vw;
transform:rotate(360deg);-webkit-transform:rotate(360deg);}  

.master_bg{bottom:0;}
.master_title{color:#07294e;}
.ability_t{align-items:center;}
.master_more{margin-left:auto;}
.master_title h4{font-size:28px;font-weight:bold;line-height:28px;}
.master_title p{margin-top:.8vw;text-transform:uppercase;letter-spacing:1px;}

.master_title h4{font-size:28px;font-weight:bold;line-height:28px;}
.master_title p{margin-top:.8vw;text-transform:uppercase;letter-spacing:1px;}

.master_more>a{z-index:50;}
.master_more>a span{margin-right:.5vw;font-size:16px;letter-spacing:1px;}
.master_more>a i{background-color:#c7ebfe;display:inline-block;width:28px;height:28px;font-size:14px;line-height:28px;z-index:5;}
.master_more>a:after{content:'';position:absolute;right:0;top:50%;margin-top:-20px;background-color:#daeffd;
height:40px;width:40px;border-radius:50%;-webkit-border-radius:50%;z-index:-1;}
.master_more>a:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:200%;z-index:-2;}

.master_bg{position:absolute;left:0;width:100%;z-index:-1;}
.master_bg img{width:100%;}


.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.lump{display: block;}
.bg-0{background:#fff;}
.co-1{color:#1a69bb;}
.col-2{width: 50%}
.co-4{color:#666;}
.posi {position: relative}
.clearfix:before, .clearfix:after {content: " ";display: table}.clearfix:after {clear: both}
.left {float: left}.right {float: right}
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

* :before, * :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.section_02 {max-width:1560px; margin:0 auto;z-index:2;padding-top:2vw;padding-bottom:2vw;}


.fnewslist {margin:0 auto; display:block; width:100%;}
.fnewslist li {float:left;width:33.33%;}
.fnewslist li .lin {padding:15px;}
.fnewslist li a {display:block;position:relative;height:90px;overflow:hidden;padding-left:112px;padding-right:20px;background-color:#fff;}
.fnewslist li .date {position:absolute;left:0;top:0;z-index:1;text-align:center;width:100px;height:100%;overflow:hidden;}
.fnewslist li .date span {display:block;}
.fnewslist li .date .day {font-size:46px;color:#817e7e;line-height:46px;height:46px;padding-top:10px;}
.fnewslist li .date .year {font-size:14px;color:#999;line-height:20px;height:20px;}
.fnewslist li h3 {font-size:16px;color:#333;line-height:34px;height:34px;overflow:hidden;padding-top:10px;}
.fnewslist li .txt {color:#817e7e;line-height:32px;overflow:hidden;height:32px;}
.fnewslist li:hover h3 {color:#0e62a7;}
.fnewslist li:hover .day {color:#0e62a7;}
.fnewslist li:hover a {-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.fnewslist h3,.fnewslist .day {-webkit-transition:0.5s;transition:0.5s;}
@media screen and (max-width:1500px) {.fnewslist li {width:50%;}
}
@media screen and (max-width:1024px) {.fnewslist {margin:0 0;}
.fnewslist li {float:none;width:100%;}
.fnewslist li .lin {padding:15px 0;}
}
@media screen and (max-width:750px) {.fnewslist li a {height:110px;}
.fnewslist li .date .year {font-size:24px;line-height:40px;height:40px;}
.fnewslist li h3 {font-size:28px;line-height:46px;height:46px;}
.fnewslist li .txt {line-height:40px;height:40px;}
.fcate2 a.more {width:240px;font-size:26px;}
}

  
.proname_t {font-size:32px;line-height:60px;color:#333; border-bottom:1.5px solid #ccc;  display: inline-block; position:relative; margin-bottom:10px}
.proname_t:before {content:'';position:absolute;left:0;bottom:-1px;width:100px;height:1px; background:#e80125;z-index:1;}
.casefirst {padding:0;display: flex;}
.casefirst .proname {font-size:32px;line-height:60px;color:#333; border-bottom:1.5px solid #ccc;  display: inline-block; position:relative; margin-bottom:10px}
.casefirst .proname:before {content:'';position:absolute;left:0;bottom:-1px;width:100px;height:1px; background:#e80125;z-index:1;}
.casefirst .picno {float:left; z-index:1;position:relative;width:42%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.casefirst .picno .bigpic {width:96%; margin-right:4%;height:96%;background:rgba(0,0,0,.1);text-align:center;font-size:0;}
.casefirst .picno img#bigpic {width:100%;}

.casefirst .probasic {float:right;width:58%;}

.casefirst .probasic .kuanhao {margin:18px 0 24px;}
.casefirst .probasic .title { line-height:36px; font-size:24px;}
.casefirst .probasic .prolist li img{height:auto;}
.casefirst .probasic .proinfo {font-size:16px;color:#666;line-height:30px; padding-top:0;}
.casefirst .probasic .kv {margin-bottom:14px;}
.casefirst .probasic .kv1 {margin-bottom:0px;}
.casefirst .probasic .kv label {color:#333;margin-right:8px;}



.casetitle1 {font-size:18px;line-height:60px;color:#333;font-weight:bold;text-indent:18px;height:60px;overflow:hidden;position:relative;border-bottom:1px solid #ddd;}

.casetitle1:before {content:'';position:absolute;left:0;top:18px;z-index:0;width:4px;height:24px;background-color:#e80125;}

.casetitle2 {font-size:16px;line-height:36px;color:#333;font-weight:bold; height:36px;overflow:hidden;position:relative;}

.pro_caseli {overflow:hidden;padding:30px 0;margin:0 auto;z-index:1}
.pro_caseli li {float:left;width:calc(32% - 30px);margin-bottom:20px; margin-right:2%;overflow:hidden; text-align: center; background:#fff; display:flex; padding:15px;}
.pro_caseli li div.pic { flex: 0 0 50%;display:inline-block;overflow: hidden;height: 0;padding-bottom: 50%; background:url(../images/pro_hot.jpg) no-repeat;background-size:100%;}
.pro_caseli li h3 {font-size:16px; font-weight:600; position:relative; margin:0; line-height:40px;  text-align: left;}
.pro_caseli li h4 label {color:#333;margin-right:8px;}
.pro_caseli li h4 i {color:#e80125;margin-right:8px;}
.pro_caseli li .text {text-align: left;padding-left: 20px; position:relative;flex: 0 0 50%;}
.pro_caseli li .text span { position:absolute; bottom:10%; right:10%; padding:0 20px; text-align:center; font-size:12px; line-height:20px; background:#fff; border:1px solid #dff2ff; border-radius:15px;}
.pro_caseli li .text span a {display:block; color:#333;}
.pro_caseli li .text span:hover {border-color:#e80125; color:#e80125;}
.pro_caseli li .text span:hover a {border-color:#e80125; color:#e80125;}
/* .pro_caseli li h3:before {content:'';position:absolute;left:0;top:2px;z-index:0;width:50px;height:2px;background-color:#e80125;} */
.pro_caseli li img {width:100%; margin:0px;}
.pro_caseli li img:hover {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s;}
.pro_caseli li:nth-child(3n) {margin-right:0;}


.cpyslist {padding-bottom:2px;margin:0 -15px;font-size:0;padding-top:10px;}
.cpyslist li {float:left;width:33.3333%;margin-bottom:16px;}
.cpyslist li a {display: block;padding: 30px;margin: 0 15px; border: 1px solid #f8f8f8;position: relative; background:#f8f8f8;  float: left;}
.cpyslist .pic {width:90px;height:90px;z-index:0;font-size:50px;line-height:90px; background-color:#e80125; border-radius:50%; text-align:center; display:block; margin:0 auto; color:#fff; margin-bottom:10px}
.cpyslist .tit {font-size:18px; line-height:25px; text-align:center; font-weight:700; color:#333; margin-bottom:10px}
.cpyslist .con {font-size:14px; line-height:28px;color:#555; height:84px; text-align:left; overflow:hidden;}
.cpyslist li a:hover {background-color:#e80125;color:#fff;}
.cpyslist li a:hover .pic{color:#e80125;background-color:#fff;}
.cpyslist li a:hover .tit,.cpyslist li a:hover .con { color:#fff}

.tstelt{padding:25px 0;}
.tstelt .dt {text-align:center;line-height:1.5;padding:.5em;}
.tstelt .dd {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}
.tstelt .dd .col {position:relative;width:25%;padding:1% 2%;-webkit-box-sizing:border-box;box-sizing:border-box}
.tstelt .dd .col .sdt {display:block; margin-left:auto;margin-right:auto;width:2em;height:2em;border-radius:50%;  border:.2em solid #e5f3fb;background-color: #46acf5;text-align:center;line-height:2em;color:#fff;padding: .5em;}
.tstelt .dd .col .sdt i{font-size:2em;}
.tstelt .dd .col .sdd {line-height:2;color:#666;text-align: center;font-size: 20px;}
@media screen and (max-width:1024px) {
.tstelt .dd .col .sdt i{font-size:1.6em;}
.tstelt .dd .col .sdd{ font-size:12px;}
}
@media screen and (max-width:360px) {
.tstelt .dd .col {width:100%}
.tstelt .dd .col:nth-child(1n+2) {margin-top:2%}}
.tstelt .dd .col .sdt {font-size:24px}
@media screen and (max-width:1440px) {.tstelt .dd .col .sdt {font-size:28px}}
@media screen and (max-width:1024px) {.tstelt .dd .col .sdt{font-size:26px}}
@media screen and (max-width:768px) {.tstelt .dd .col .sdt {font-size:22px}}
.tstelt .dt {font-size:20px}
@media screen and (max-width:1440px) {.tstelt .dt {font-size:18px}}
@media screen and (max-width:1024px) {.tstelt .dt{font-size:16px}}


/* 产品详情 */

.showposd{ width:100%; height:50px;background:url(../images/hottelbg.jpg) center center no-repeat;position:relative; margin-top:62px;  background-size: cover;}  
.showposd p{ font-size:14px; line-height:50px; color:#fff;}
.showposd p a{color:#fff;}
.showposd p a:hover{ color:#e9571c;}
.showposd p .on{ color:#e9571c;} 


.pro_desc {overflow:hidden;padding-top:30px;padding-bottom:30px;}
.pro_desc .propic {width:40%;float:left;z-index:1;position:relative;}
.pro_desc .propic .bigpic {width:480px;height:480px;border:1px solid #e2e2e2;background-color:#fff;text-align:center;line-height:480px;font-size:0;position:relative;}
.pro_desc .propic img#bigpic {max-width:100%;max-height:100%;}
.pro_desc .pro_info {padding-top:10px;width:60%;float:left;}
.pro_desc .pro_info h2 {font-size:28px;line-height:48px;color:#333;font-weight:bold; padding-bottom:80px;}
.pro_desc .pro_info p {font-size:16px;line-height:34px;color:#333; overflow:auto;}


.pro_tit,.pro_titx,.pro_titl { width:100%; height:100px; line-height:100px; font-size:30px; text-align:center; color:#333; font-weight:900;}
.pro_titx {color:#fff;}
.pro_titl { text-align:left;}


.pro_pic {max-width:1800px;overflow:hidden;padding:20px 0 10px;margin:0 auto;}
.pro_pic li {float:left;width:calc(20% - 3px);margin-bottom:4px;margin-right:4px; overflow:hidden; text-align: center; height:240px; box-shadow: 0 1px 3px 0 rgb(223 229 241);}
.pro_pic li:nth-child(1){height:484px; width:calc(40% - 3px);}
.pro_pic li div {overflow:hidden;text-align: center;background: #f9f9f9;}
.pro_pic li img {height: 240px; min-width: 100%;}
.pro_pic li:nth-child(1) img{height:484px;}
.pro_pic li img:hover {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s;}
.pro_pic li:nth-child(4),.pro_pic li:nth-child(7) {margin-right:0;}


.pro_case { width:100%;padding: 0; position:relative;z-index:2; margin-top:20px;overflow: hidden;}
.pro_case:before{content:'';position:absolute;top:0;bottom:0;z-index:-1; left:0;right:0;background:rgba(0,0,0,0.5);}
.pro_case:after{content:'';position:absolute;top:0;bottom:0;z-index:-2; left:0;right:0;background:url(../images/case_bg.jpg) no-repeat; background-size:cover;}
.pro_news {padding:50px 0; width:100%; display: inline-block; position:relative;}

.hot_news li{ width:50%; float:left; }
.hot_news li a{font-size:16px; color:#333; line-height:2.5;}
.hot_news li a:hover{color:#e80125}
.hot_news li i {font-size:16px; color:#e80125; } 


.summary { width:100%;position:relative;}
.summary:before {content:'';position:absolute;top:-40px;bottom:0;z-index:1; left:0;right:0;  background:url(../images/people.png) no-repeat; background-size:contain; }
.summary p {background:#eee;line-height:2; margin-top:50px; padding:15px 20px 15px 200px; color:#666;}

.bg_gray1 {background:#eee;}

.nfooter { padding:50px 0; clear:both; width:100%; display:block; float:left;}
.nfooter .f_cat { width:25%; float:left;}
.nfooter .f_cat:nth-child(1) { width:30%; float:left;}
.nfooter .f_cat:nth-child(2) { width:20%; float:left;}
.nfooter .f_cat h3 {font-size:24px; font-weight:900;color:#333;}
.nfooter .f_cat h4 {font-size:18px; font-weight:600;color:#333;}
.nfooter .f_cat h5 {font-size:14px; font-weight:500; color:#666}
.nfooter .f_cat div { width:100%; display:block;}
.nfooter .f_cat div ol { width:40%; display:inline-block;float:left; text-align:center; font-size:14px; font-weight:600;}
.nfooter .f_cat div ol img { height:120px; display:block;margin:10px auto 0;}
.nfooter_x {padding:20px 0; clear:both; background:#555; width:100%; float:left;}
.nfooter_x .copyright,.nfooter_x .copy_other { width:60%;float:left;}
.nfooter_x .copy_other { width:40%;}
.nfooter_x .copyright p{ color:#acacac;}
.nfooter_x .copyright p a {color:#acacac}
#footer_btn_product button,#footer_btn_project button,#footer_btn_product ul,#footer_btn_project button ul{border-radius: 0;}
#footer_btn_product{margin-top: 5px; width:220px; float:left;}
#footer_btn_project{margin-top: 10px}
#footer_btn_product button,#footer_btn_project button{width: 98%}



.caseslist-wrap {width:100%;margin-top:0;position:relative;}
.caseslist-out {width:100%; max-height:280px;position:relative;z-index:1; display:flex;}
.caseslist {width:auto; float:left; flex:0 0 100%;font-size:0;white-space:nowrap;}

.caseslistprev,.caseslistnext {width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:0;position:absolute;top:0%;z-index:3;margin-top:-12px; text-align: center; border:1px solid #ddd;}
.caseslistprev i,.caseslistnext i { color:#d7d7d7;font-size:18px; text-align:center; line-height:24px;}
.caseslistprev {right:36px;}
.caseslistnext {right:0;}
.caseslistprev:hover,.caseslistnext:hover {border:1px solid #e80125}
.caseslistprev:hover i,.caseslistnext:hover i {color:#e80125;}
.caseslist li {display:inline-block; float:left; width: calc(25% - 15px);height:100%;}
.caseslist li + li {margin-left:15px;}
.caseslist li .lin {height:100%;}
.caseslist li a {display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.caseslist li img {height:;width:100%;}
.caseslist li h3 {font-size:14px;color:#666; text-align:center;line-height:30px;font-weight:bold;height:30px;overflow:hidden;}

@media screen and (max-width:1900px) {.caseslistprev,.caseslistnext {display:block; top: -20px;}
}
@media screen and (max-width:960px) {.caseslist-wrap {padding:0;width:auto;}
}

.case_desc { width:100%; display:flex;flex-wrap:wrap;position:relative; float:left;}
.case_desc div{width:32%; float:left; margin-right:2%;margin-bottom:20px; flex:0 0 32%;}
.case_desc div:nth-child(1){ width:62%;padding:20px 2%; flex:0 0 62%;}
.case_desc div:nth-child(2){margin-right:0;}
.case_desc div:nth-child(5){margin-right:0;}
.case_desc div h2 { font-size:24px; font-weight:bold; line-height:2;}
.case_desc div p { font-size:16px; line-height:2;}
.case_desc div img { width:100%; height:100%;}


.protit {position:relative; height:100px;  float: left;width: 100%;}
.protit h3 {display:block; width:200px; text-align:center; padding:0 20px; z-index:1; margin:0 auto; background:#fff; line-height:60px; font-size:30px;}
.pro_clist{display:flex;width: 100%;}
.pro_clist .pro_lcat{ width:30%; float:left; position:relative;  margin-right: 1.5%;}
.pro_clist .pro_lcat h2 { font-size: 24px;font-weight: 500; text-align: right;color: #fff;line-height: 160px;padding-right: 80px;}
.pro_clist .pro_lcat div {position:absolute; top:50%; left:50%;transform: translate(-50%, -50%);}
.pro_clist .pro_lcat div a{padding: 10px 60px; display:block; background: #e80125; color: #fff;font-size: 16px;box-shadow: 3px 3px 6px rgb(0 0 0 / 0.7);}
.pro_clist .pro_clistx{ width:70%; float:left;}
.pro_clist .pro_clistx li { width:32%; float:left; overflow: hidden;background:linear-gradient(180deg,#fff,#e6e6e6);margin-right:2%;}
.pro_clist .pro_clistx li:nth-child(3n){margin-right:0;}

.pro_clist .pro_clistx li a{ display:block;}
.pro_clist .pro_clistx li a div.pic { display:block; overflow:hidden;height: 0;padding-bottom: 100%;}
.pro_clist .pro_clistx li a div.pic img {width:100%;}
.pro_clist .pro_clistx li a div.pic img:hover {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s;}
.pro_clist .pro_clistx li a h3 {line-height: 30px;height: 30px; text-align: center;font-size:16px;}


.pro_slist {padding:24px 0 0;margin:0;overflow:hidden;}
.pro_slist li {float:left;width:23.5%; margin-right:2%; margin-bottom:20px;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);  box-shadow: 0 0 20px rgba(0,0,0,.1);}
.pro_slist li:nth-child(4n) { margin-right:0;}
.pro_slist li .lin {padding:30px 15px 0;}
.pro_slist li a {display:block;position:relative;}
.pro_slist li a:after {left:100%;position:absolute;bottom:0;content:" ";width:0;border-bottom:1px solid #e80125;-webkit-transition:.5s;transition:.5s;}
.pro_slist li:hover a:after {width:100%;left:0;-webkit-transition:width 0.5s;transition:width 0.5s;}
.pro_slist .pic {width:100%;height:0;padding-bottom:100%;position:relative;}
.pro_slist img {position:absolute;z-index:1;left:0;top:0;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s linear;transition:.3s linear;}
.pro_slist img:hover {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s;}
.pro_slist li .wz {padding:20px 0;}
.pro_slist li h3 {font-size:18px;color:#333;line-height:40px;height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  text-align: left; font-weight: 600;}
.pro_slist li h4 label {color:#333;margin-right:8px;}
.pro_slist li h4 i {color:#e80125;margin-right:8px;}
.pro_slist li h4.more {background:url('../images/jtr-n.png') right no-repeat;font-size:14px;line-height:24px;height:24px;color:#999;}

.pro_slist li:hover h3 {color:#e80125;}
.pro_slist h3 {-webkit-transition:.6s;transition:.6s;}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}