/*通用部分*/
*{ margin: 0;padding: 0;border: 0; letter-spacing: 1px;}
html{ background: #F9F9F9;}
body{ width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto; font-size: 14px; background: #FFFFFF; color: #222222;}
ul,li,ol{ list-style: none;}
em,i{ font-style:normal;}
a:hover{ color: #00a1e9;}

.cursor{ cursor: pointer;}

input::-webkit-input-placeholder{color: #CBCBCB;}
input::-moz-input-placeholder{color: #CBCBCB;}
input::-ms-input-placeholder{color: #CBCBCB;}
textarea::-webkit-input-placeholder{color: #CBCBCB;}
textarea::-moz-input-placeholder{color: #CBCBCB;}
textarea::-ms-input-placeholder{color: #CBCBCB;}

.clamp1{-webkit-line-clamp: 1;}
.clamp2{-webkit-line-clamp: 2;}
.clamp3{-webkit-line-clamp: 3;}
.clamp1, .clamp2, .clamp3{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}

/*浏览器*/
::-webkit-scrollbar{ width:5px; height:5px; -webkit-border-radius:5px; border-radius: 5px;}
::-webkit-scrollbar-thumb{ height:50px; background-color:rgba(102, 102, 102, 0.4); -webkit-border-radius:5px;}
::-webkit-scrollbar-track{ -webkit-border-radius:5px; border-radius: 5px; background-color:rgba(102, 102, 102, 0.2);}

/*过渡*/
.trans-03{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.trans-05{ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.trans-07{ -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
.trans-09{ -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; transition: all .9s ease-in-out;}

/*复选框*/
.autoType span .check{ display: block; position: relative; width: 13px; height: 13px; border: 1px solid rgba(0,0,0,.1); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.autoType span .check:after{ content: ''; left: 0; top: 1px; position: absolute; width: 11px; height: 2px; background: rgba(0,0,0,.1);
 -webkit-transform: translate(4px,4px) rotate(-45deg); -ms-transform: translate(4px,4px) rotate(-45deg); -o-transform: translate(4px,4px) rotate(-45deg); transform: translate(4px,4px) rotate(-45deg);}
.autoType span .check:before{ content: ''; left: 0; top: 2px; position: absolute; width: 6px; height: 2px; background: rgba(0,0,0,.1);
 -webkit-transform: translate(1px,6px) rotate(45deg); -ms-transform: translate(1px,6px) rotate(45deg); -o-transform: translate(1px,6px) rotate(45deg); transform: translate(1px,6px) rotate(45deg);}
.swiper-pagination-bullet{ width: 12px; height: 12px;}

.autoType span.on .check{ background: #00a1e9;}
.autoType span.on .check:after{ content: ''; left: 0; top: 1px; position: absolute; width: 11px; height: 2px; background: #FFFFFF;
 -webkit-transform: translate(4px,4px) rotate(-45deg); -ms-transform: translate(4px,4px) rotate(-45deg); -o-transform: translate(4px,4px) rotate(-45deg); transform: translate(4px,4px) rotate(-45deg);}
.autoType span.on .check:before{ content: ''; left: 0; top: 2px; position: absolute; width: 6px; height: 2px; background: #FFFFFF;
 -webkit-transform: translate(1px,6px) rotate(45deg); -ms-transform: translate(1px,6px) rotate(45deg); -o-transform: translate(1px,6px) rotate(45deg); transform: translate(1px,6px) rotate(45deg);}

/*display*/
.flex{ flex: 1;}
.flex-wrap{ flex-wrap: wrap;}
.display-block{ display: block;}
.align-item-cen{ align-items: center;}
.align-item-end{ align-items: flex-end;}
.align-item-top{ align-items: flex-start;}
.display-flex-left{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: flex-start;}
.display-flex-right{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: flex-end;}
.display-flex-center{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: center;}
.display-flex-between{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: space-between;}
.display-flex-around{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: space-around;}



/*通用*/
.nav{ width: 100%; height: 90px; line-height: 90px; background: #FFFFFF; box-shadow: 1px 1px 10px rgba(0,0,0,.1); position: fixed; top: 0px; left: 0; right: 0; z-index: 200;}
.nav-c{ width: 1200px; margin: 0px auto;}
.nav-c .nav-cl{ width: 180px; height: 56px; margin: 15px 0;}
.nav-c .nav-cl img{ display: block; width: 180px; height: 60px;}
.nav-c .nav-cr{}
.nav-c .nav-crl{ margin-right: 0px;}
.nav-c .nav-crl span{ margin: 0 15px;}
.nav-c .nav-crl span:first-child{ margin-right: 30px;}
.nav-c .nav-crl span a{ font-size: 16px;}
.nav-c .nav-crl span.on a{ font-weight: 600; color: #00a1e9;}
.nav-c .nav-crr{ width: 240px; height: 40px; margin: 25px 0;}
.nav-c .nav-crr input{ width: 150px; height: 40px; padding: 5px; border-radius: 5px 0 0 5px; border: 1px solid #EBEBEB; box-sizing: border-box;}
.nav-c .nav-crr button{ width: 60px; height: 40px; border-radius: 0 5px 5px 0; letter-spacing: 4px; background: #666666; color: #FFFFFF;}


.banner{ width: 100%; margin: 0px auto; overflow: hidden; position: relative;}
.banner-c{ position: relative; z-index: 1; display: flex;}
.banner-cc{ width: 100%;}
.swiper-pagination{ display: block;}

.cont{ width: 1200px; min-height: 600px; margin: 0 auto; position: relative;}

.kouhao{ width: 100%; height: 120px; line-height: 120px; overflow: hidden; background: url(../images/imc/com_bottom_bg.png) center center no-repeat #dee7fb;}
.kouhao-c{ width: 1200px; margin: 0 auto;}
.kouhao-ct{ text-align: center;}
.kouhao-ct h2{ font-size: 30px; font-weight: 600; color: #51596a;}

.footer{ width: 100%; background: #F6F6F6; overflow: hidden;}
.footer-c{ width: 1200px; margin: 20px auto; color: #858585;}
.footer-cc ul{ display: flex; justify-content: flex-start; align-items: center;}
.footer-cc li{ margin: 0 10px;}
.footer-cc li:first-child{ margin: 0;}
.footer-cc li a{ color: #858585;}
.footer-cc li a:hover{ color: #00a1e9;}
.footer-cc p{ margin-top: 10px;}
.footer-cc p .dh{font-size: 20px; font-weight: bold; color: #666;}
.footer-cc p a{ color: #858585;}
.footer-cr{ text-align: center;}
.footer-cr img{ width: 100px; height: 100px;}
.footer-cr p{ margin-top: 10px;}


/*index*/
.i-boxa{ width: 100%; background: #FFFFFF; overflow: hidden;}
.i-boxa-c{ width: 1200px; margin: 80px auto;}
.i-boxa-ct{ text-align: center;}
.i-boxa-ct h2{ font-size: 23px; font-weight: 600;}
.i-boxa-ct p{ font-size: 16px; width: 600px; margin: 10px auto; color: #858585;}
.i-boxa-cb{ width: 1200px; height: 420px; margin-top: 50px; position: relative; overflow: hidden;}
.i-boxa-cb .i-boxa-cb-wrapper{ position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.i-boxa-cb .i-boxa-cb-slide{ flex-shrink: 0; transition-property: transform;}
.i-boxa-cb .i-boxa-cb-slide .box{ margin: 15px; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.i-boxa-cb .i-boxa-cb-slide .box img{ display: block; width: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.i-boxa-cb .i-boxa-cb-slide .box h3{ margin: 10px 20px 0; text-align: center; font-size: 20px; color: #454545;}
.i-boxa-cb .i-boxa-cb-slide .box:hover{ box-shadow: 0px 0px 10px 5px #f8f8f8;}
.i-boxa-cb .i-boxa-cb-slide .box:hover img{transform: scale(1.1, 1.1);}
.i-boxa-cb .i-boxa-cb-slide .box:hover h3{ color: #00a1e9;}
.i-boxa-cb .i-boxa-cb-slide .box p{ margin: 10px 20px; line-height: 22px; color: #858585;}
.i-boxa-cb .i-boxa-cb-p{ position: absolute; text-align: center; z-index: 12; bottom: 0px;}
.i-boxa-cb .i-boxa-cb-p .swiper-pagination-bullet-active{ background: #00a1e9;}


.i-boxb{ width: 100%; background: #F6F6F6; overflow: hidden;}
.i-boxb-c{ width: 1200px; margin: 80px auto;}
.i-boxb-ct{ text-align: center;}
.i-boxb-ct h2{ font-size: 23px; font-weight: 600;}
.i-boxb-ct p{ font-size: 16px; width: 600px; margin: 10px auto; color: #858585;}
.i-boxb-cb{ width: 1200px; margin-top: 50px; overflow: hidden;}
.i-boxb-cbt ul{ display: flex; justify-content: center; align-items: center;}
.i-boxb-cbt li{ margin: 0 5px; padding: 10px 20px; cursor: pointer; border: 1px solid; border-color: #cbcbcb;}
.i-boxb-cbt li.on{ background: #00a1e9; border-color: #00a1e9; color: #F6F6F6;}
.i-boxb-cbt li:hover{color: #00a1e9;}
.i-boxb-cbt li.on:hover{ color: #F6F6F6;}
.i-boxb-cbb-c{ margin-top: 30px; display: flex; justify-content: flex-start; align-items: center; width: 8400px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.i-boxb-cbb-c-box{ width: 1200px; display: flex; justify-content: space-between; align-items: center;}
.i-boxb-cbb-c-box .boxa{ width: 360px; background: #FFFFFF; overflow: hidden; border-bottom: 5px solid; border-bottom-color: #EBEBEB;}
.i-boxb-cbb-c-box .boxa img{ display: block; width: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.i-boxb-cbb-c-box .boxa p{ margin: 20px; font-size: 16px; color: #454545; text-align: center;}
.i-boxb-cbb-c-box .boxa:hover{ border-bottom-color: #00a1e9;}
.i-boxb-cbb-c-box .boxa:hover p{ color: #00a1e9;}
.i-boxb-cbb-c-box .boxa:hover img{transform: scale(1.1, 1.1);}


.i-boxc{ width: 100%; background: #FFFFFF; overflow: hidden;}
.i-boxc-c{ width: 1200px; margin: 80px auto;}
.i-boxc-ct{ display: flex; justify-content: space-between; align-items: center;}
.i-boxc-ctl{ flex: 1;}
.i-boxc-ctl strong{ font-size: 22px; display: block;}
.i-boxc-ctl strong b{ color: #00a1e9;}
.i-boxc-ctl p{ margin-top: 15px; line-height: 26px; color: #858585;}
.i-boxc-ctr{ margin-left: 20px;}
.i-boxc-ctr img{ width: 570px; height: 330px;}
.i-boxc-cb{ margin-top: 20px;}
.i-boxc-cb ul{ display: flex; justify-content: space-around; align-items: center;}
.i-boxc-cb ul li{ width: 350px; padding: 20px 0; border: 1px solid #F6F6F6;}
.i-boxc-cb ul li a{ display: flex; justify-content: center; align-items: center;}
.i-boxc-cb ul li img{ width: 50px; margin-right: 10px;}
.i-boxc-cb ul li span{ font-size: 16px; color: #454545;}



.i-boxd{ width: 100%; background: url(../images/icon/bg.jpg) center center no-repeat; overflow: hidden;}
.i-boxd-c{ width: 1200px; margin: 80px auto;}
.i-boxd-c ul li{ text-align: center; color: #F6F6F6;}
.i-boxd-c ul li img{ width: 50px; height: 50px;}
.i-boxd-c ul li p{ font-size: 16px; margin-top: 10px; padding: 10px 0; font-weight: bold;}
.i-boxd-c ul li strong{ font-size: 50px;}
.i-boxd-c ul li strong b{ font-size: 14px;}


.i-boxe{ width: 100%; background: #FFFFFF; overflow: hidden;}
.i-boxe-c{ width: 1200px; margin: 80px auto;}
.i-boxe-ct{ text-align: center;}
.i-boxe-ct h2{ font-size: 23px; font-weight: 600;}
.i-boxe-ct p{ font-size: 16px; width: 600px; margin: 10px auto; color: #858585;}
.i-boxe-cb{ width: 1200px; margin-top: 50px;}
.i-boxe-cbl{ width: 550px;}
.i-boxe-cbl img{ width: 550px; height: 321px; border-radius: 5px 5px 0 0;}
.i-boxe-cbl .box{ border-radius: 0 0 5px 5px; background: #F6F6F6;}
.i-boxe-cbl .box span:first-child{ width: 60px; padding: 10px 40px; align-content: center; background: #D1D3D3; color: #F6F6F6;}
.i-boxe-cbl .box span:last-child{ flex: 1; padding: 10px;}
.i-boxe-cbl .box strong{ line-height: 35px; display: block; font-size: 18px;}
.i-boxe-cbl .box strong:first-child{ font-size: 26px;}
.i-boxe-cbl .box h4{ font-size: 18px; color: #454545;}
.i-boxe-cbl .box:hover h4{ color: #00a1e9;}
.i-boxe-cbl .box p{ margin: 5px 0; font-size: 14px; color: #858585;}
.i-boxe-cbl .box i{ width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; background: #D1D3D3; color: #F6F6F6;}
.i-boxe-cbl .box i .icon{ margin-left: 5px;}
/* .i-boxe-cbl .box:hover i{ padding: 3px 10px; background: #00a1e9; color: #F6F6F6;}*/
.i-boxe-cbr{ flex: 1; margin-left: 20px;}
.i-boxe-cbr ul li{ margin-bottom: 9px; border-radius: 5px; background: #F6F6F6; overflow: hidden;}
.i-boxe-cbr ul li:last-child{ margin-bottom: 0px;}
.i-boxe-cbr ul li span:first-child{ width: 60px; padding: 10px 40px; align-content: center; background: #D1D3D3; color: #F6F6F6;}
.i-boxe-cbr ul li span:last-child{ flex: 1; padding: 10px;}
.i-boxe-cbr ul li strong{ line-height: 35px; display: block; font-size: 18px;}
.i-boxe-cbr ul li strong:first-child{ font-size: 26px;}
.i-boxe-cbr ul li h4{ font-size: 18px; color: #454545;}
.i-boxe-cbr ul li:hover h4{ color: #00a1e9;}
.i-boxe-cbr ul li p{ margin: 5px 0; font-size: 14px; color: #858585;}
.i-boxe-cbr ul li i{ width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; background: #D1D3D3; color: #F6F6F6;}
.i-boxe-cbr ul li i .icon{ margin-left: 5px;}
/* .i-boxe-cbr ul li:hover i{ padding: 3px 10px; background: #00a1e9; color: #F6F6F6;} */


.i-boxf{ width: 100%; background: #FFFFFF; overflow: hidden;}
.i-boxf-c{ width: 1200px; margin: 20px auto 60px;}
.i-boxf-ct{ text-align: center;}
.i-boxf-ct h2{ font-size: 23px; font-weight: 600;}
.i-boxf-ct p{ font-size: 16px; width: 600px; margin: 10px auto; color: #858585;}
.i-boxf-cb{ width: 1200px; margin-top: 50px; position: relative; overflow: hidden;}
.i-boxf-cb .i-boxf-cb-wrapper{ position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.i-boxf-cb .i-boxf-cb-slide{ flex-shrink: 0; transition-property: transform; padding: 5px; box-sizing: border-box; overflow: hidden;}
.i-boxf-cb .i-boxf-cb-slide img{ display: block; width: 100%; border: 1px solid #D1D3D3;}


/*解决方案*/
.JJfa{ width: 100%; background: #FFFFFF;}
.JJfa-c{ width: 1000px; margin: 80px auto; overflow: hidden;}
.JJfa-ct{ text-align: center;}
.JJfa-ct h3{ font-size: 26px; font-weight: 600;}
.JJfa-ct p{ font-size: 16px; line-height: 30px; margin-top: 20px; color: #858585;}
.JJfa-cc{ margin-top: 50px;}
.JJfa-cct{ position: relative;}
.JJfa-cct ul{}
.JJfa-cct ul li{ padding: 0 20px; text-align: center; cursor: pointer; font-size: 18px; font-weight: 600; color: #454545;}
.JJfa-cct ul li.on{ color: #00a1e9;}
.JJfa-cct span{ display: block; width: 50px; height: 5px; margin-top: 5px; border-radius: 5px; margin-left: 235px; background: #00a1e9; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.JJfa-ccb{ width: 1000px; height: 870px; margin-top: 20px; overflow: hidden;}
.JJfa-ccb-c{ width: 6000px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.JJfa-ccb-c .box{ width: 1000px;}
.JJfa-ccb-c .box li{ padding: 20px; margin-bottom: 10px; background: #F6F6F6; border-radius: 5px; overflow: hidden;}
.JJfa-ccb-c .box li img{ width: 160px; height: 100px; display: block; margin-right: 20px;}
.JJfa-ccb-c .box li span{ flex: 1;}
.JJfa-ccb-c .box li span h4{ font-size: 18px; color: #454545;}
.JJfa-ccb-c .box li span p{ margin: 5px 0; font-size: 14px; color: #858585;}
.JJfa-ccb-c .box li span a{ margin-top: 7px; line-height: 22px; float: right; width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; background: #D1D3D3; color: #F6F6F6;}
.JJfa-ccb-c .box li span a .icon{ margin-left: 5px;}
.JJfa-ccb-c .box li:hover a{ padding: 3px 10px; background: #00a1e9; color: #F6F6F6;}




.Cont{ width: 100%; background: #FFFFFF;}
.Cont-c{ width: 1200px; margin: 0 auto; padding: 35px 0;}
.Cont-cl{ width: 210px; background: #F6F6F6; position: initial; top: 110px;}
.Cont-cl h3{ padding: 15px; font-size: 17px; border-bottom: 1px solid #FFFFFF; font-weight: bold; color: #565656;}
.Cont-cl ul{}
.Cont-cl ul li{ cursor: pointer; font-size: 15px; color: #454545; border-bottom: 1px solid #FFFFFF;}
.Cont-cl ul li:last-child{ border-bottom: none;}
.Cont-cl ul li .z{ display: none; padding: 0 20px; background: #f8f8f8;}
.Cont-cl ul li>a{ padding: 15px; font-size: 15px;}
.Cont-cl ul li.on>a{ background: linear-gradient(to right,#00a1e9,#00a1e9); color: #F6F6F6;}
.Cont-cl ul li>a span{ width: 100%;}
.Cont-cl ul li>a span .jt { width: 12px; height: 12px; padding: 3px; box-sizing: border-box; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.Cont-cl ul li>a span .jt path{ fill: #454545;}
.Cont-cl ul li.on>a span .jt{ transform: rotate(90deg);}
.Cont-cl ul li.on>a span .jt path{ fill: #ffffff;}
.Cont-cl ul li .z dd{ padding: 10px 0; border-bottom: 1px solid #FFFFFF;}
.Cont-cl ul li .z dd:last-child{border-bottom: none;}
.Cont-cl ul li .z dd a{ color: #656565;}
.Cont-cl ul li .z dd a:hover{ color: #00a1e9;}
.Cont-cr{ width: 950px; overflow: hidden;}

/*产品中心*/
.Cont-cr .Cpzx .Cpzx-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Cont-cr .Cpzx .Cpzx-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Cont-cr .Cpzx .Cpzx-c{ margin-top: 10px;}
.Cont-cr .Cpzx .Cpzx-c .box li{ margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ebebeb; overflow: hidden;}
.Cont-cr .Cpzx .Cpzx-c .box li a{ overflow: hidden;}
.Cont-cr .Cpzx .Cpzx-c .box li img{ width: 200px; display: block; margin-right: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.Cont-cr .Cpzx .Cpzx-c .box li span{ flex: 1;}
.Cont-cr .Cpzx .Cpzx-c .box li span h4{ font-size: 18px; color: #454545;}
.Cont-cr .Cpzx .Cpzx-c .box li span p{ margin: 8px 0; line-height:22px; font-size: 14px; color: #858585;}
.Cont-cr .Cpzx .Cpzx-c .box li span i{ width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; float: right; background: #D1D3D3; color: #F6F6F6;}
.Cont-cr .Cpzx .Cpzx-c .box li .sr{ width: 730px;}
.Cont-cr .Cpzx .Cpzx-c .box li .sr h4{ font-size: 18px; color: #454545;}
.Cont-cr .Cpzx .Cpzx-c .box li .sr p{ margin: 8px 0; line-height:22px; font-size: 14px; color: #858585;}
.Cont-cr .Cpzx .Cpzx-c .box li .sr i{ width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; float: right; background: #D1D3D3; color: #F6F6F6;} */
.Cont-cr .Cpzx .Cpzx-c .box li:hover span i{ padding: 3px 10px; background: #00a1e9; color: #F6F6F6;} */
.Cont-cr .Cpzx .Cpzx-c .box li:hover img{ transform: scale(1.1, 1.1);}
.Cont-cr .Cpzx .Cpzx-c .box li:hover h4{ color: #00a1e9;}
.Cont-cr .Cpzx .Cpzx-b ul{ display: flex; justify-content: center; align-items: center;}
.Cont-cr .Cpzx .Cpzx-b ul li{ padding: 5px 10px; border-left: 1px solid #00a1e9; border-top: 1px solid #00a1e9; border-bottom: 1px solid #00a1e9; color: #858585;}
.Cont-cr .Cpzx .Cpzx-b ul li:last-child{ border-right: 1px solid #00a1e9;}
.Cont-cr .Cpzx .Cpzx-b ul li.active{ background: #00a1e9; color: #FFFFFF;}
.Cont-cr .Cpzx .Cpzx-b ul li a{ color: #454545;}

/*文章详情*/
.Cont-cr .Arts .Arts-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Cont-cr .Arts .Arts-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Cont-cr .Arts .Arts-c{ margin-top: 50px;}
.Cont-cr .Arts .Arts-c h3{ margin: 10px 0 30px; text-align: center; font-size: 20px; color: #454545;}
.Cont-cr .Arts .Arts-c p{ line-height: 26px;}
.Cont-cr .Arts .Arts-c img{ max-width: 100%; border-radius: 5px;}
.Cont-cr .Arts .Arts-c a{ color: #00a1e9; text-decoration: underline;}
.Cont-cr .Arts .Arts-b { }



/*文章详情*/
.Jbfcarts { width: 1000px; margin: 60px auto;}
.Jbfcarts .Jbfcarts-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Jbfcarts .Jbfcarts-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Jbfcarts .Jbfcarts-c{ margin-top: 35px;}
.Jbfcarts .Jbfcarts-c h3{ margin: 10px 0 30px; text-align: center; font-size: 20px; color: #454545;}
.Jbfcarts .Jbfcarts-c p{ line-height: 26px; margin-bottom: 10px;}
.Jbfcarts .Jbfcarts-c img{ max-width: 100%; border-radius: 5px;}
.Jbfcarts .Jbfcarts-c a{ color: #00a1e9; text-decoration: underline;}
.Jbfcarts .Jbfcarts-b { }


/*公司介绍*/
.Cont-cr .Gsjs .Gsjs-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Cont-cr .Gsjs .Gsjs-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Cont-cr .Gsjs .Gsjs-c{ margin-top: 10px;}
.Cont-cr .Gsjs .Gsjs-c .Gsjs-ct{ margin-top: 35px; text-align: center;}
.Cont-cr .Gsjs .Gsjs-c .Gsjs-ct h3{ font-size: 20px;}
.Cont-cr .Gsjs .Gsjs-c .Gsjs-ct p{ font-size: 16px; line-height: 30px; margin-top: 20px; color: #858585;}
.Cont-cr .Gsjs .Gsjs-c .Gsjs-cc{}
.Cont-cr .Gsjs .Gsjs-c .Gsjs-cc p{ font-size: 16px; line-height: 30px; margin-top: 20px; color: #454545;}
.Cont-cr .Gsjs .Gsjs-c .Gsjs-cc img{ display: block; border-radius: 5px;}



/*企业文化*/
.Cont-cr .Qywh .Qywh-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Cont-cr .Qywh .Qywh-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Cont-cr .Qywh .Qywh-c{ margin-top: 20px; font-size: 16px; color: #858585;}
.Cont-cr .Qywh .Qywh-c img{ display: block; width: 400px; border-radius: 5px; margin-right: 30px;}
.Cont-cr .Qywh .Qywh-c span{ line-height: 30px;}
.Cont-cr .Qywh .Qywh-b{ margin-top: 20px; font-size: 16px; color: #858585;}
.Cont-cr .Qywh .Qywh-b img{ display: block; width: 400px; border-radius: 5px; margin-left: 30px;}
.Cont-cr .Qywh .Qywh-b span{ line-height: 30px;}



/*联系我们*/
.Cont-cr .Lxwm .Lxwm-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Cont-cr .Lxwm .Lxwm-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Cont-cr .Lxwm .Lxwm-c{ margin-top: 30px; font-size: 16px; color: #858585;}
.Cont-cr .Lxwm .Lxwm-c img{ display: block; width: 400px; border-radius: 5px; margin-right: 30px;}
.Cont-cr .Lxwm .Lxwm-c span{ line-height: 30px;}
.Cont-cr .Lxwm .Lxwm-c .dh{ font-weight: bold; color: #454545;}
.Cont-cr .Lxwm .Lxwm-b{ margin-top: 30px; font-size: 16px; color: #858585;}
.Cont-cr .Lxwm .Lxwm-b h3{ font-size: 20px; font-weight: 600; color: #454545;}
.Cont-cr .Lxwm .Lxwm-b span{ margin-top: 20px;}
.Cont-cr .Lxwm .Lxwm-b input{ width: 460px; padding: 10px; box-sizing: border-box; border: 1px solid #989898;}
.Cont-cr .Lxwm .Lxwm-b textarea{ width: 1200px; padding: 10px; box-sizing: border-box; border: 1px solid #989898;}
.Cont-cr .Lxwm .Lxwm-b button{ padding: 10px 30px; border-radius: 5px; margin-top: 20px; background: #00a1e9; color: #F6F6F6;} 



/*公司新闻*/
.Cont-cr .Gsxw .Gsxw-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Cont-cr .Gsxw .Gsxw-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Cont-cr .Gsxw .Gsxw-c{ margin-top: 10px;}
.Cont-cr .Gsxw .Gsxw-c .box{ width: 880px;}
.Cont-cr .Gsxw .Gsxw-c .box li{ margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #F6F6F6; overflow: hidden;}
.Cont-cr .Gsxw .Gsxw-c .box li a{ overflow: hidden;}
.Cont-cr .Gsxw .Gsxw-c .box li img{ width: 160px; height: 100px; display: block; margin-right: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.Cont-cr .Gsxw .Gsxw-c .box li span{ flex: 1;}
.Cont-cr .Gsxw .Gsxw-c .box li span h4{ font-size: 18px; color: #454545;}
.Cont-cr .Gsxw .Gsxw-c .box li span p{ margin: 8px 0; font-size: 14px; line-height: 22px; color: #858585;}
.Cont-cr .Gsxw .Gsxw-c .box li span i{ width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; float: right; background: #D1D3D3; color: #F6F6F6;}
/* .Cont-cr .Gsxw .Gsxw-c .box li:hover span i{ padding: 3px 10px; background: #00a1e9; color: #F6F6F6;} */
.Cont-cr .Gsxw .Gsxw-c .box li:hover span h4{ color: #00a1e9;}
.Cont-cr .Gsxw .Gsxw-c .box li:hover img{ transform: scale(1.1, 1.1);}
.Cont-cr .Gsxw .Gsxw-b ul{ display: flex; justify-content: center; align-items: center;}
.Cont-cr .Gsxw .Gsxw-b ul li{ padding: 5px 10px; border-left: 1px solid #00a1e9; border-top: 1px solid #00a1e9; border-bottom: 1px solid #00a1e9; color: #858585;}
.Cont-cr .Gsxw .Gsxw-b ul li:last-child{ border-right: 1px solid #00a1e9;}
.Cont-cr .Gsxw .Gsxw-b ul li.active{ background: #00a1e9; color: #FFFFFF;}
.Cont-cr .Gsxw .Gsxw-b ul li a{ color: #454545;}



/*产品中心*/
.Soso{ width: 1000px; margin: 0 auto; padding: 20px 0;}
.Soso .Soso-t{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Soso .Soso-t span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Soso .Soso-c{ margin-top: 10px;}
.Soso .Soso-c .box{ width: 1000px;}
.Soso .Soso-c .box li{ margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #F6F6F6; overflow: hidden;}
.Soso .Soso-c .box li a{ overflow: hidden;}
.Soso .Soso-c .box li img{ width: 160px; height: 100px; display: block; margin-right: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.Soso .Soso-c .box li span{ width: 730px;}
.Soso .Soso-c .box li span h4{ font-size: 18px; color: #454545;}
.Soso .Soso-c .box li span b{ color: #00a1e9;}
.Soso .Soso-c .box li span p{ margin: 8px 0; font-size: 14px; line-height: 22px; color: #858585;}
.Soso .Soso-c .box li span i{ width: 90px; padding: 3px 10px; border-radius: 5px; font-size: 14px; float: right; background: #D1D3D3; color: #F6F6F6;}
/* .Soso .Soso-c .box li:hover span i{ padding: 3px 10px; background: #00a1e9; color: #F6F6F6;} */
.Soso .Soso-c .box li:hover img{ transform: scale(1.1, 1.1);}
.Soso .Soso-c .box li:hover span h4{ color: #00a1e9;}
.Soso .Soso-b ul{ display: flex; justify-content: center; align-items: center;}
.Soso .Soso-b ul li{ padding: 5px 10px; border-left: 1px solid #00a1e9; border-top: 1px solid #00a1e9; border-bottom: 1px solid #00a1e9; color: #858585;}
.Soso .Soso-b ul li:last-child{ border-right: 1px solid #00a1e9;}
.Soso .Soso-b ul li.active{ background: #00a1e9; color: #FFFFFF;}
.Soso .Soso-b ul li a{ color: #454545;}


/*行业新闻*/
.Hyxw{ width: 1000px; margin: 0 auto;}
.Hyxw-c{ padding: 40px 0;}
.Hyxw-ct{ padding: 10px 0; font-size: 15px; border-bottom: 2px solid #F6F6F6;}
.Hyxw-ct span{ padding: 0 3px; line-height: 21px; color: #454545;}
.Hyxw-cc .box li{ margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #F6F6F6; overflow: hidden;}
.Hyxw-cc .box li a{ width: 100%; overflow: hidden;}
.Hyxw-cc .box li img{ width: 120px; height: 75px; display: block; margin-right: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.Hyxw-cc .box li .nrs{ flex: 1;}
.Hyxw-cc .box li .nrs span{ margin-bottom: 20px;}
.Hyxw-cc .box li .nrs span h4{ font-size: 16px; color: #333;}
.Hyxw-cc .box li .nrs span em{ color: #898989;}
.Hyxw-cc .box li .nrs i{ font-size: 12px; padding: 5px 10px; border-radius: 5px; border: 1px solid #898989; color: #898989;}
.Hyxw-cc .box li:hover img{ transform: scale(1.1, 1.1);}
.Hyxw-cc .box li:hover .nrs span h4{ color: #00a1e9;}
.Hyxw .Hyxw-cb ul{ display: flex; justify-content: center; align-items: center;}
.Hyxw .Hyxw-cb ul li{ padding: 5px 10px; border-left: 1px solid #00a1e9; border-top: 1px solid #00a1e9; border-bottom: 1px solid #00a1e9; color: #858585;}
.Hyxw .Hyxw-cb ul li:last-child{ border-right: 1px solid #00a1e9;}
.Hyxw .Hyxw-cb ul li.active{ background: #00a1e9; color: #FFFFFF;}
.Hyxw .Hyxw-cb ul li a{ color: #454545;}