@charset "utf-8";
/* CSS Document */
.line-title {width:100%;height: auto;overflow: hidden;text-align: center;padding-bottom:38px;}
.line-title h2{font-size:50px;line-height:1.5;font-weight:bold;color:#222;margin-bottom:15px;/*text-transform:uppercase;*/}
.line-title p{font-size:20px;line-height:25px; color:#cbcbcb;font-family: "SourceHanSansCN-L";}

@media only screen and (max-width:499px){
.line-title h2{font-size:26px;}
.line-title p{font-size:14px;}
}



/*ABOUT*/
.home_about{padding-top:100px;padding-bottom:100px;overflow: hidden;background:url(../images/index_bg1.jpg)no-repeat center center;background-size: cover;}
.haboutBox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.habox-0{width:45%;padding-right:5%;overflow: hidden;}
.habox-0 h2{font-size:36px;line-height:1.2;font-weight: bold;text-align:left;margin-bottom:30px;}
.habox-0 h3{font-size:36px;line-height:1.2;color: #222;margin-bottom:50px;font-weight:normal;font-family:"SourceHanSansCN-L"}
.habox-0 h2 em{font-family:"Helvetica";font-size:46px;padding-right:10px;color:#d33d48;}
.habox-0 p{height: auto;overflow: hidden;font-size:15px;line-height:1.8;text-align:justify;}
.habox-0 .abmore{margin-top: 50px;}
.habox-0 .abmore a{display:inline-block;font-weight:bold;text-align:center;width: 80px;height: 80px;line-height: 80px;font-size: 20px;background:#23221e;color:#fff;border-radius: 50%;margin:30px auto 20px;}
.habox-0 .abmore a:hover{background:#3d95d3;}
.habox-1{width:55%;display:block;}
.habox-1 img{display: block;}

.abitemxl{width: 100%;height:auto;padding:100px 60px;background: #3d95d3;}
.abitemxl .mumping{width: 100%;height:auto;box-sizing: border-box;}
.abitemxl .mumping ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.abitemxl .mumping ul li{width:25%;height:auto;position: relative;}
.abitemxl .mumping ul li span{display: block;text-align: center;height:auto;}
.abitemxl .mumping ul li span em{display: inline-block;font-size:80px;color:#FFF;font-family:"Century Gothic";font-weight: bold;line-height:1.2;}
.abitemxl .mumping ul li span i{display: inline-block;font-size: 20px;color:#FFF;font-weight: bold;text-align: center;line-height: 22px;width: 42px;height: 22px;}
.abitemxl .mumping ul li p{text-align: center;font-size: 18px;color: #fff;line-height: 30px;}
.abitemxl .mumping ul li:before{content:"/";position:absolute;width:21px;height: 25px;right: 0;top: 50%;transform: translateY(-50%);line-height: 1.0;text-align: center;font-weight: bold;font-size: 20px;color:#FFF; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.abitemxl .mumping ul li:last-child:before{display:none;}

@media only screen and (max-width:1024px){
.habox-0 h2{font-size:40px;}
.habox-0 p{font-size:16px;}
.abitemxl{padding:100px 30px;}
}
@media only screen and (max-width:768px){
.home_about{padding-top:50px;padding-bottom:50px;background-color:#FFF;background-image: none;}
.haboutBox{flex-direction: column;}
.habox-0{width:100%;padding-right:0;}
.habox-0 .abmore{margin-top:30px;margin-bottom:50px;}
.habox-1 {width:100%;display:block;}
.abitemxl{padding:60px 30px;}
.abitemxl .mumping ul li {width: 50%;padding:20px 0;}
.abitemxl .mumping ul li:before{display:none;}
}
@media only screen and (max-width:499px){
.abitemxl .mumping ul li span em{font-size:50px; }
}






/*Advantage*/
.home_advantage{padding-top:100px;padding-bottom:150px;overflow:hidden;background:url(../images/index_bg2.jpg) no-repeat center;background-size:cover;background-attachment: fixed;background-position: center;}
.home_advantage h2{color:#FFF;}
.advlibox{overflow:hidden;}
.advlibox ul{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.advlibox li{width:25%;padding:60px 30px;text-align:center;background:transparent;transition: all ease .3s}
.advlibox li em{display: block;margin-bottom:28px;}
.advlibox li em img{}
.advlibox li p{font-size:24px;line-height:36px;color:#FFF;font-weight:bold;margin-bottom:28px;letter-spacing:1px; transition:all ease .3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.advlibox li span{display:block; font-size:16px;line-height:26px;color:#FFF;font-family:"SourceHanSansCN-L";opacity:0.9;min-height:78px;overflow: hidden;transition:all ease .3s;}
.advlibox li .link{width: 0;height:3px;margin-top: 45px;background:#FFF;transition: all ease .3s;}
.advlibox li:hover .link {width:100%;}
.advlibox li:nth-child(1):hover{background:#d33d48;}
.advlibox li:nth-child(2):hover{background:#f46301}
.advlibox li:nth-child(3):hover{background:#fdb200}
.advlibox li:nth-child(4):hover{background:#21abd7}

@media only screen and (max-width:960px){
.advlibox li{width:50%;padding:30px 30px;}
.advlibox li .link{margin-top:30px;}
}
@media only screen and (max-width:699px){
.advlibox li p{font-size:18px;}
.advlibox li span{font-size:15px;}
}
@media only screen and (max-width:499px){
.advlibox li {padding:20px 20px;}
.advlibox li p{font-size:16px;margin-bottom:18px;letter-spacing:0;}
.advlibox li span{font-size:13px;}
.advlibox li .link{margin-top:20px;}
}


/*PRODUCTS*/
.home_product{padding-top:40px;padding-bottom:80px;background: #e9e9e9;}
.home_product .skinw{padding:3%;margin-top:-150px;margin-bottom:20px;background: #FFF;}

.hpro_nav{display:block;padding-bottom: 38px}
.hpro_nav ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.hpro_nav li{width:12%; padding:12px 10px;box-sizing: border-box;text-align: center;background:#f5f5f5;transition: all 0.5s}
.hpro_nav li a{display:block;font-size:15px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hpro_nav li i{margin-right:6px;}
.hpro_nav li.active{background: #333;}
.hpro_nav li.active a{color:#FFF;}
.hpro_nav li:hover{background: #3d95d3;}
.hpro_nav li:hover a{color:#FFF;}

.hprolist{overflow:hidden;}
.hprolist li{width: 32.5%;float: left;margin-right: 1.25%;margin-bottom: 20px;overflow: hidden;transition:all ease .5s;}
.hprolist li:nth-child(3n) {margin-right: 0;}
.hprolist li .himg{width: 100%;border: 1px solid #ebebeb;overflow: hidden;}
.hprolist li .himg img {width: 100%;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.hprolist li .htbox {width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 0;transition:all ease .5s;}
.hprolist li .htbox .title {width:100%;position:relative;line-height:36px;}
.hprolist li .htbox .title .tbt {font-size:16px;font-weight:bold;color:#222;}
.hprolist li .htbox .title .icon {position:absolute;right:0;top:3px;}
.hprolist li .htbox .title .icon span {display:inline-block;width:18px;height:16px;margin-left:10px;}
.hprolist li .htbox .title .icon a {display:inline-block;width:18px;height:16px;margin-left:10px;}
.hprolist li .htbox .title .icon .icon_pc {background:url(../images/icon_pc.png) center center no-repeat;}
.hprolist li .htbox .title .icon .icon_sj {background:url(../images/icon_sj.png) center center no-repeat;}
.hprolist li .htbox .tsort {width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(../images/icon_jt.png) right center no-repeat;transition:all ease .3s;}
.hprolist li:hover {box-shadow:0 0 15px 1px rgb(0,0,0, 0.1);}
.hprolist li:hover .himg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.hprolist li:hover .htbox .title .tbt{color:#3d95d3;}
.hprolist li:hover .htbox .tsort{background:url(../images/icon_jt2.png)right center no-repeat;}

.promore {margin: 0 auto;padding: 36px 0 10px 0;width: 300px;}
.promore a{padding:0 38px;color:#000;font-size:16px;line-height:46px;border-radius:27px;border:2px solid #000;-webkit-transition: all 0.3s;box-shadow: inset 0 0 0 black;display: flex;flex-flow: row wrap;justify-content: space-between;align-items:center;align-content:center;}
.promore a span{transition: all .5s;position: relative;z-index: 2;}
.promore a em{display: block;width:66px;height:8px;background: url(../images/icon_cjt.png) no-repeat center;}
.promore a:hover {border:2px solid #d33d48;box-shadow: inset 0 0 0 25px #d33d48;}
.promore a:hover span{color: #fff;}
.promore a:hover em{filter:brightness(5);}

@media only screen and (max-width:1024px){
.hpro_nav li{width:24.5%;margin-bottom:5px;}
.hprolist li .htbox .title .tbt{padding-right:50px;}
}
@media only screen and (max-width:767px){
.hpro_nav ul{justify-content:flex-start;}
.hpro_nav li{width:32.33%;margin-right:1%;}
.hprolist li{width:49%;margin-right:2%;margin-bottom:10px;}
.hprolist li:nth-child(3n){margin-right:2%;}
.hprolist li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:499px){
.hpro_nav li{width:49%;}
.hprolist li{width:100%;margin-right:0;}
.hprolist li:nth-child(3n){margin-right:0;}
}




/*CUSTOMER*/
.home_customer{padding-top:80px;padding-bottom:80px;overflow: hidden;background:#f9f9f9;}
.customerox{}
.customerox ul{display: flex;flex-wrap: wrap;}
.customerox li{width:16.66%;border: 1px solid #f0f1f1;background: #fff;}
.customerox li img{display: block;width: 100%;filter: grayscale(100%);transition:transform 0.8s ease-in-out;}
.customerox li:hover img{filter: grayscale(0);transform:rotateY(360deg);}

@media only screen and (max-width:768px){
.customerox li{width:25%}
}
@media only screen and (max-width:499px){
.customerox li{width:33.33%}
}



/*NEWS*/
.home_news{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.hnewBox{width:100%;height: auto;overflow: hidden;position: relative;}
.hnew_nav{width:100%;display: block;margin-bottom:38px;}
.hnew_nav ul{display: flex;align-items: center;flex-wrap: wrap;justify-content:center;}
.hnew_nav ul li{padding:10px 36px;margin:5px 5px;background: #fff;border: 1px solid #666;border-radius:50px;transition: all 0.5s;}
.hnew_nav ul li a{display:block;color: #000;font-size: 15px;}
.hnew_nav ul li.on{background:#3d95d3;border: 1px solid #098db7;}
.hnew_nav ul li.on a{color:#FFF;}

.hnlist{}
.hnlist ul{display: flex;flex-wrap: wrap;align-items: stretch;}
.hnlist li{width:33.333%;margin-bottom:20px;padding-left:9px;padding-right:9px;}
.hnlist li .inner{background:#f9f9f9;padding: 30px 26px 56px;transition: .6s;height: 100%;position: relative;}
.hnlist li .inner::before {content:'';display:block;position:absolute;width:0;height:5px;background-color:#3d95d3;left:0;top: 0;transition: ease-in .2s;}
.hnlist li .inner .title{font-size: 20px;line-height: 30px;display: -webkit-box;}
.hnlist li .inner .data {color:#999;margin:5px 0 14px;font-size:14px;}
.hnlist li .inner .data a{color:#999;display:inline-block;margin-left:5px;}
.hnlist li .inner .desc{color: #999;line-height: 22px;height: 44px;font-family:"SourceHanSansCN-L";font-size:15px;}
.hnlist li .inner .arr{position: absolute;display: block; left:30px;bottom: 20px;font-size:16px;}
.hnlist li:hover .inner{box-shadow: 0 8px 10px rgb(0 0 0 / 10%);}
.hnlist li:hover .inner::before{width:100%;}
.hnlist li:hover .inner .title{color:#3d95d3;}
.hnlist li:hover .inner .arr{color:#3d95d3;left:35px;}

@media only screen and (max-width:1024px){
.hnlist li{width:50%;}
}
@media only screen and (max-width:767px){
.hnlist li{width:100%;}
}
@media only screen and (max-width:499px){

}


/*CONTACT*/
.home_contact{}
.home_contact .row{display:flex;height:auto;}
.h_brand{width:55%;float: left;background: url(../images/hconbg.jpg)no-repeat center;background-size: cover;}
.h_liuyan{width:45%;float: right;background:#3d95d3 url(../images/hconbg2.png)no-repeat center bottom;padding: 80px 70px;}
.h_liuyan .line-title{border-bottom:1px solid #6caddb;margin-bottom:30px;}
.h_liuyan .line-title h2{color:#FFF;}
.h_liuyan .line-title p{color:#FFF;font-size:18px;}
.h_liuyan {text-align: center;}
.h_liuyan .hctel h3{font-weight: bold;font-size:40px;line-height: 1.2; color: #FFF;}
.h_liuyan .hctel h3 i{padding-right:10px;font-size:38px;}
.h_liuyan .hctel p{color:#FFF;font-weight: normal;font-size:16px;margin-top: 10px;}
.h_liuyan .Send-Message{margin-top:20px;}
.h_liuyan .Send-Message .contact-grid{}
.h_liuyan .Send-Message .contact-grid .input-group{margin-bottom: 12px;}
.h_liuyan .Send-Message .contact-grid .input-group input {width: 100%;height:50px;line-height:50px;background: rgb(255, 255, 255, 0.5);color: #fff;font-size: 15px;border:0;border-radius: 3px;text-indent: 1em;}
.h_liuyan .Send-Message .contact-grid .input-group input::placeholder{color:#FFF;}
.h_liuyan .Send-Message .contact-grid .input-group select {width: 100%;height:50px;line-height:50px;background: rgb(255, 255, 255, 0.5);color: #fff;font-size: 15px;border:0;border-radius: 3px;text-indent: 1em;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.h_liuyan .Send-Message .contact-grid .input-group select option{color: #333;}
.h_liuyan .Send-Message .contact-grid .citywarp{position: relative;}
.h_liuyan .Send-Message .contact-grid .citywarp i {width: 11px;height: 7px;position: absolute;top: 50%;right: 16px;transform: translateY(-50%);z-index: 20;background: url(../images/icon_solid_down.png) 0 0 no-repeat;background-size: 11px 7px;}
.h_liuyan .Send-Message .contact-grid .tjbtn input{width: 100%;height:52px;outline:0;font-size:18px;color:#fff;background: #d33d48;border:0;border-radius: 3px;transition: .5s all;letter-spacing: 2px;}

@media only screen and (max-width:1024px){
.h_brand{width:50%;}
.h_liuyan{width:50%;padding:70px 60px;}
}
@media only screen and (max-width:767px){
.home_contact .row{display:block;height:auto;overflow: hidden;padding-bottom:80px;}
.h_brand {width:100%;height:600px;float:none;}
.h_liuyan{width:90%;float: none;margin-left:auto;margin-right: auto;margin-top:-260px;}
}
@media only screen and (max-width:499px){
.h_liuyan{padding:50px 30px;}
.h_liuyan .hctel h3{font-size:26px;}
.h_liuyan .hctel h3 i{font-size:26px;}
}



/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/


/*Inside Page Title*/
.ny-title{text-align: center;margin-bottom:38px;}
.ny-title h3{font-size:38px;line-height:46px;font-weight:bold;padding-bottom:22px;background: url(../images/bg-line.png) bottom no-repeat;margin-bottom:20px;}
.ny-title p{font-size:16px;font-size: 18px;color: #666;font-family:"微软雅黑";font-weight: 300;}
.company {line-height: 1.8; overflow: hidden;}

/*ABOUT*/
.about-banner{width:100%;height:auto;background-size: cover;}
.about-banner .ban_mid{padding-top:280px;padding-bottom:120px;overflow: hidden;}
.ab_banBox{border-bottom: 1px solid #545454;padding-bottom: 86px;}
.ab_banBox dl{width:78%;height: auto;overflow: hidden;}
.ab_banBox dl dt{font-size:38px;color: #fff;line-height:70px;}
.ab_banBox dl dt h2{font-size:38px;font-weight:normal;}
.ab_banBox dl dt span{display:block;}
.ab_banBox dl dd{margin-top:30px;}
.ab_banBox dl dd p{font-size:16px;color: #fff;line-height:30px;font-family:"SourceHanSansCN-L";letter-spacing:2px;padding-bottom: 8px;}

.nyabitemxl{width: 100%;height:auto;padding:80px 0;}
.nyabitemxl .mumping{width: 100%;height:auto;box-sizing: border-box;}
.nyabitemxl .mumping ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.nyabitemxl .mumping ul li{width:25%;height:auto;position: relative;}
.nyabitemxl .mumping ul li span{display: block;text-align: center;height:auto;}
.nyabitemxl .mumping ul li span em{display: inline-block;font-size:80px;color:#FFF;font-family:"Century Gothic";font-weight: bold;line-height:1.2;}
.nyabitemxl .mumping ul li span i{display: inline-block;font-size: 20px;color:#FFF;font-weight: bold;text-align: center;line-height: 22px;width: 42px;height: 22px;}
.nyabitemxl .mumping ul li p{text-align: center;font-size: 18px;color: #fff;line-height: 30px;}
.nyabitemxl .mumping ul li:before{content:"/";position:absolute;width:21px;height: 25px;right: 0;top: 50%;transform: translateY(-50%);line-height: 1.0;text-align: center;font-weight: bold;font-size: 20px;color:#FFF; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.nyabitemxl .mumping ul li:last-child:before{display:none;}

.nyculture{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.nculbox{}
.nculbox ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.nculbox li{width:25%;padding:10px 10px;}
.nculbox li .inner{position: relative;}
.nculbox li .inner img{display: block;width: 100%;}
.nculbox li .inner .infonr{width:80%; position: absolute;top: 50%;left: 10%;transform: translateY(-50%);color: #fff;font-size: 18px;line-height: 28px;}
.nculbox li .inner .infonr .cn{font-size:30px;line-height:50px;font-weight:bold;font-family:"微软雅黑";}
.nculbox li .inner .infonr .en{font-size:14px;line-height:20px;text-transform:uppercase;font-weight:normal;margin-bottom:26px;font-family:"Arial";}
.nculbox li .inner .infonr p{}

.nycustomer{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.nycustbox{}
.nycustbox ul{display: flex;flex-wrap: wrap;}
.nycustbox li{width:12.5%;}
.nycustbox li img{display: block;width:100%;filter: grayscale(100%);transition:0.5s;}
.nycustbox li:hover img{filter: grayscale(0);}

.nyabouthj{padding-top:100px;padding-bottom:40px;overflow: hidden;background: url(../images/ny_bg1.jpg) no-repeat center top;}
.nyabouthj .main{position:relative;}
.nyabouthj_left {float: left;width: 50%;position: relative;}
.nyabouthj_left .ab_img{width:100%}
.nyabouthj_left .abhj_mid_left {position: absolute;left: -20px;height: 60%;bottom: 0;width: 20px;background: #3d95d3;}
.nyabouthj_left .abhj_mid_footer{position: absolute;height: 20px;left: -20px;bottom: -20px;width: 60%;background: #3d95d3;}
.nyabouthj_left .abhj_t {position:absolute;top:12%;width:200px;height:50px;right: -100px;z-index:8;background: #3d95d3;color:#FFF;text-align: center;font-size: 18px;line-height:50px;font-family:"Arial";}
.nyabouthj_left .abhj_mid{position: absolute;top: 9%;right:-100%;z-index:8;width:77%;}
.nyabouthj_left .abhj_mid h5{font-size:20px;color: #fff;font-weight: normal;}
.nyabouthj_left .abhj_mid p{color: #b2b2b2;margin-top:30px;font-size:18px;line-height:1.8}

.nyabouthj_right {margin-top: 20%;float: right;width: 50%;position: relative;}
.nyabouthj_right .ab_img{width:100%}
.nyabouthj_right .abhj_t {position:absolute;bottom:15%;width:200px;height:50px;left: -100px;z-index:8;background: #3d95d3;color:#FFF;text-align: center;font-size: 18px;line-height:50px;font-family:"Arial";}
.nyabouthj_right .abhj_mid{position: absolute;bottom:9%;left:-100%;z-index:8;width:77%;}
.nyabouthj_right .abhj_mid h5{font-size: 20px;color: #000;font-weight: normal;}
.nyabouthj_right .abhj_mid p{color: #666;margin-top:30px;font-size:18px;line-height:1.8}

@media only screen and (max-width:1480px){
.about-banner .ban_mid{padding-top: 200px;}
/******/
.nyabouthj_left .abhj_mid{top:0;}
.nyabouthj_left .abhj_mid p{margin-top:20px;line-height: 1.5;}
.nyabouthj_right{margin-top:25%;}
.nyabouthj_right .abhj_mid{bottom:0;}
.nyabouthj_right .abhj_mid p{margin-top:20px;line-height: 1.5;}

}

@media only screen and (max-width:1024px){
.about-banner .ban_mid{padding-top:120px;}
.ab_banBox dl{width:100%}
/******/
.nyabouthj_right{margin-top:35%;}
/******/
.nculbox li{width:50%;}
/*****/
.nycustbox li {width: 16.66%;}
}

@media only screen and (max-width:920px){
.nyabouthj_left {float:none;width:100%;position:static;}
.nyabouthj_left .abhj_mid_left{display:none;}
.nyabouthj_left .abhj_mid_footer{display:none;}
.nyabouthj_left .abhj_t{position: static;}
.nyabouthj_left .abhj_mid{width:100%;position: static;margin-top:20px;}
.nyabouthj_left .abhj_mid h5{color:#000;}
.nyabouthj_left .abhj_mid p{color:#666;}
.nyabouthj_right {margin-top:50px;float:none;width:100%;position:static;}
.nyabouthj_right .abhj_t{position: static;}
.nyabouthj_right .abhj_mid{width:100%; position: static;margin-top:20px;}
}

@media only screen and (max-width:768px){
.nyabitemxl .mumping ul li span em{font-size:50px;}
.nyabitemxl .mumping ul li span i{font-size:16px;}
.nyabitemxl .mumping ul li p{font-size:16px;}
/******/
.nyabouthj{padding-top:80px;padding-bottom:80px;background:#f5f5f5;}
/*****/
.nycustbox li {width:25%;}
}

@media only screen and (max-width:599px){
.ab_banBox dl dt{font-size:28px;}
.ab_banBox dl dt h2 {font-size:28px;}
.ab_banBox dl dt span {line-height:40px;}
.nyabitemxl{padding:50px 0 10px 0;}
.nyabitemxl .mumping ul li{width:50%;margin-bottom:20px;}
.nyabitemxl .mumping ul li:before{display:none;}
.nyabitemxl .mumping ul li span em{font-size:40px;}
/******/
.nyabouthj_left .abhj_mid h5{font-size:18px;}
.nyabouthj_left .abhj_mid p{font-size:16px;}
.nyabouthj_right .abhj_mid h5{font-size:18px;}
.nyabouthj_right .abhj_mid p{font-size:16px;}
/******/
.nculbox li{width:100%;}
.nculbox li .inner .infonr .en{font-size:16px;line-height:1.2;margin-bottom:16px;}
.nculbox li .inner .infonr p {font-size:16px;line-height:1.5;}
}





/*********/
.inner-banner {width:100%;height:70vh;background-attachment:fixed;background-position:top center;background-size: cover;position:relative;}
.inner-banner .ibcatein{position: absolute;left: 0;top:40%;z-index: 5;width: 100%;}
.inner-banner .ibcatein h2 {color:#FFFFFF;font-weight:bold;font-size:48px;line-height:1.5;margin-bottom:10px;text-transform:uppercase;}
.inner-banner .ibcatein p{font-size:24px;color:#FFFFFF;font-family:"微软雅黑";font-weight:300;}

.inner-banner .ibcatxt{position: absolute;left: 0;top:40%;z-index: 5;width: 100%}
.inner-banner .ibcatxt h2{color:#FFFFFF;font-weight:bold;font-size:42px;line-height:1.5;margin-bottom:20px;text-transform:uppercase;}
.inner-banner .ibcatxt .sub_tit{font-size:18px;color: #fff;font-family:"微软雅黑";font-weight:300;line-height:1.5;}
.inner-banner .ibcatxt .sub_tit span{padding-right:20px;}

.inner-banner .ibcatser{position: absolute;left: 0;top:40%;z-index: 5;width: 100%;}
.inner-banner .ibcatser h2 {color:#FFFFFF;font-weight:bold;font-size:46px;line-height:1.5;margin-bottom:15px;text-transform:uppercase;}
.inner-banner .ibcatser p{width:80%;font-size:18px;color:#FFFFFF;font-family:"微软雅黑";font-weight:300;}

@media only screen and (max-width:1024px){
.inner-banner{height:50vh;}
}
@media only screen and (max-width:768px){
.inner-banner{height:45vh;}
}
@media only screen and (max-width:499px){
.inner-banner .ibcatein{top:30%;}
.inner-banner .ibcatein h2{font-size:36px;}
.inner-banner .ibcatein p{font-size:18px;}
/*****/
.inner-banner .ibcatxt{top:30%;}
.inner-banner .ibcatxt h2{font-size:28px;}
.inner-banner .ibcatxt .sub_tit{font-size:15px;}
/*****/
.inner-banner .ibcatser{top:30%;}
.inner-banner .ibcatser h2{font-size:28px;}
.inner-banner .ibcatser p{width:92%; font-size:14px;}
}


/* 面包屑 */
.breav-nav{width:100%;height:66px;line-height:66px;overflow:hidden;position:absolute;bottom:0;left: 0;}
.breav-nav .location {overflow:hidden;color:#F5F5F5; font-size:16px;opacity:0.5;}
.breav-nav .location a{color:#F5F5F5;}
.breav-nav .location span{padding: 0 5px;}
@media only screen and (max-width:499px){
.breav-nav{display: none;}
}



/*二级栏目*/
.sub_muen{padding-top:50px;padding-bottom: 30px;overflow: hidden;}
.sub_muen .subnav{display: flex;flex-flow: row wrap;justify-content: flex-start;}
.sub_muen .subnav li{width:11.11%;padding: 5px 5px;box-sizing: border-box;/* background: #f5f5f5; */text-align: center;transition: all 0.5s;}
.sub_muen .subnav li a{display: block;font-size:15px;line-height: 30px;padding:20px 0;background: #f5f5f5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sub_muen .subnav li a:hover,
.sub_muen .subnav li.cur a{background:#3d95d3;color:#FFF;}
.sub_muen .subnav li i{margin-right:6px;}
.sub_muen .subnav li.active a{background: #222222;color:#FFF}

@media only screen and (max-width:1024px){
.sub_muen .subnav li{width:14.28%;}
}
@media only screen and (max-width:768px){
.sub_muen .subnav li{width:25%;}
}
@media only screen and (max-width:499px){
.sub_muen .subnav li{width:33.33%;}
}







/*prolist*/
.prolist{overflow:hidden;}
.prolist li{width: 32.5%;float: left;margin-right: 1.25%;margin-bottom: 20px;overflow: hidden;transition:all ease .5s;}
.prolist li:nth-child(3n) {margin-right: 0;}
.prolist li .nimg{width: 100%;border: 1px solid #ebebeb;overflow: hidden;}
.prolist li .nimg img {width: 100%;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.prolist li .ntbox {width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 0;transition:all ease .5s;}
.prolist li .ntbox .title {width:100%;position:relative;line-height:36px;}
.prolist li .ntbox .title .tbt {font-size:16px;font-weight:bold;color:#222;}
.prolist li .ntbox .title .icon {position:absolute;right:0;top:3px;}
.prolist li .ntbox .title .icon span {display:inline-block;width:18px;height:16px;margin-left:10px;}
.prolist li .ntbox .title .icon a {display:inline-block;width:18px;height:16px;margin-left:10px;}
.prolist li .ntbox .title .icon .icon_pc {background:url(../images/icon_pc.png) center center no-repeat;}
.prolist li .ntbox .title .icon .icon_sj {background:url(../images/icon_sj.png) center center no-repeat;}
.prolist li .ntbox .tsort {width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(../images/icon_jt.png) right center no-repeat;transition:all ease .3s;}
.prolist li:hover {box-shadow:0 0 15px 1px rgb(0,0,0, 0.1);}
.prolist li:hover .nimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.prolist li:hover .ntbox .title .tbt{color:#3d95d3;}
.prolist li:hover .ntbox .tsort{background:url(../images/icon_jt2.png)right center no-repeat;}

@media only screen and (max-width:1024px){

}
@media only screen and (max-width:768px){
.prolist li{width:49%;margin-right:2%;margin-bottom:10px;}
.prolist li:nth-child(3n){margin-right:2%;}
.prolist li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:499px){
.prolist li{width:100%;margin-right:0;}
.prolist li:nth-child(3n){margin-right:0;}
}




/*NEWLIST*/
.newlist{margin: 0;padding: 0;overflow: hidden;}
.newlist ul{font-size: 0px;}
.newlist li{font-size: 14px;display: inline-block;vertical-align: top;width: 32%;margin-left: 2%;padding:16px;background: #f5f5f5;margin-bottom: 2%;}
.newlist li a{transition: 0.3s ease 0s;background: #f5f5f5;display: block;width: 100%;padding-bottom: 8%;}
.newlist li .newimg{display:none;}
.newlist li .newnr{margin: 8% auto 0;width: 90%;}
.newlist li .newnr h5{transition: 0.3s ease 0s;color: #222;font-size: 18px;height: 60px;line-height: 30px;font-weight: normal;}
.newlist li .newnr .time{font-size: 14px;line-height: 1.8;color: #666;padding: 0px;margin-top: 6px;}
.newlist li .newnr .time span{margin-right:15px;color:#3d95d3;}
.newlist li .newnr p{transition: 0.3s ease 0s;margin-top: 5%;font-size: 15px;line-height:22px;color: #666;overflow: hidden;max-height: 66px;text-align: justify;font-family: 'SourceHanSansCN-L';}
.newlist li .newnr .more{display:none;}
.newlist li:nth-child(3n+2){margin-left: 0px;}
.newlist li:hover .newnr h5{color:#3d95d3;text-decoration:underline;}
.newlist li:first-child{width: 100%;margin-bottom: 2%;margin-left:0;padding: 20px;background: #f5f5f5;}
.newlist li:first-child a{padding-bottom:0;}
.newlist li:first-child .newimg{display: inline-block;width: 39%;height: auto;max-height: 355px;vertical-align: middle;overflow: hidden;}
.newlist li:first-child .newimg img{width:100%;display: block;}
.newlist li:first-child .newnr{width: 54%;display: inline-block;vertical-align: middle;margin-left: 5%;margin-top: 0px;}
.newlist li:first-child .newnr h5:before{width:15px;height:3px;display: inline-block;vertical-align: middle;background: #d33d48;margin-right: 15px;content: '';}
.newlist li:first-child .newnr .time{margin-left:30px;}
.newlist li:first-child .newnr p{margin-left:30px;max-height:44px;-webkit-line-clamp:2;}
.newlist li:first-child .newnr .more{display: block;margin-left:30px;margin-top:5%;line-height:50px;width:165px;height:50px;color:#fff;background: #3d95d3;text-align:center;}
.newlist li:first-child .newnr .more span{transition:0.3s ease 0s;display:inline-block;vertical-align:top;font-size:14px;}
.newlist li:first-child .newnr .more i{display:inline-block;margin-left:20px;}

@media only screen and (max-width:1024px){
.newlist li{width: 48%;margin-left:1%;margin-right: 1%;}
.newlist li:nth-child(3n+2) {margin-left:1%;}
.newlist li:first-child{width:98%;margin-left:1%;margin-right: 1%;}
}
@media only screen and (max-width:768px){
.newlist li{width:100%;margin-left:0;}
.newlist li:nth-child(3n+2) {margin-left:0;}
.newlist li:first-child .newimg{width: 100%;height: auto;box-shadow: none;}
.newlist li:first-child .newnr {display: block;margin:5% auto 3%;width: 90%;}
}




/*content*/
.graybg{background:#f5f5f5;}
.pro-info{margin-top:-30px;background:#fff;padding:60px 50px;}
.pro-info .nrxqzy {font-size:16px;padding-bottom:30px; margin-bottom:30px;line-height:1.8;text-align: justify;color: #666;}
.pro-info .nrxqzy img{height: auto!important;max-width: 100%!important;}

.news-details .left-box{width:calc(100% - 400px);float:left;padding:0 20px 0 0;position:relative;text-align:justify;}
.newxq-info{margin-top:-30px;background:#fff;padding:60px 50px;}
.newxq-info .xwzy {font-size: 15px;color: #8c8c8c;line-height: 26px;margin-bottom:50px;background: #f5f5f5;padding: 20px 28px;text-align: justify;letter-spacing:1px;border: #E5E5E5 1px solid;}
.newxq-info .nrxqzy {font-size:16px;padding-bottom:30px; margin-bottom:30px;line-height:2.0;text-align: justify;color: #666;}
.newxq-info .nrxqzy img{height: auto!important;max-width: 100%!important;}
.news-details .right-box{width: 400px;float:right;}
.news-details .newsxq-list{margin-top:-30px;background:#fff;padding: 30px 50px;}
.hot-keywords-bar{width: 100%;margin: 20px auto 0;background: #fff;padding: 30px 50px;}
.hot-keywords-bar .title{font-size: 18px;color: #999;line-height: 30px;}
.hot-keywords-bar ul{width: 100%;height: auto;display: block;overflow: hidden;margin-top: 25px;}
.hot-keywords-bar ul li{width:49%;float: left;margin-right:2%;margin-bottom: 8px;overflow: hidden;}
.hot-keywords-bar ul li:nth-child(2n){margin-right:0;}
.hot-keywords-bar ul li a{display:block;background:#e7e7e7;padding:10px 10px;color:#000;text-align:center; overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.hot-keywords-bar ul li:hover a{background:#3d95d3;color: #FFF;}

.container .share {font-size: 18px;background: #eee;padding:25px 0;height: auto;margin-top:60px;margin-bottom: 50px;overflow: hidden;}
.container .share .more-btn{display: block;text-align: center;color: #666;}
.container .share .more-btn:hover{color: #d33d48;transition:all .2s linear;}
.container .share i{font-size: 18px;margin-right: 15px;transition: margin 300ms;}
.container .share span{font-family:"SourceHanSansCN-L";}

@media only screen and (max-width:1024px){
.news-details .left-box{width:100%;float: none;padding:0;}
.news-details .right-box{width:100%;float: none;}
.news-details .newsxq-list{margin-top:25px;}
}
@media only screen and (max-width:768px){
.pro-info{padding:30px 30px;}
.newxq-info{padding:30px 30px;}
.news-details .newsxq-list{padding:30px 30px;}
.hot-keywords-bar{padding:30px 30px;}
}
@media only screen and (max-width:499px){
.pro-info{padding:15px 15px;}
.pro-info .nrxqzy{font-size:15px;}
.newxq-info{padding:15px 15px;}
.newxq-info .nrxqzy{font-size:15px;}
.news-details .newsxq-list{padding:15px 15px;}
.hot-keywords-bar{padding:15px 15px;}
}





/*reLink*/
.reLink{padding-top:40px;overflow: hidden;font-size: 15px;border-top:1px solid #EEE;}
.prevLink, .nextLink{padding-top:8px;margin-bottom:8px;overflow: hidden;}
.reLink a{color: #676767;text-decoration: none;}
.reLink a:hover{color:#1d427a;text-decoration:underline;}


/*分页样式*/
.pglist {padding:60px 0 80px 0;width: 100%;text-align: center;clear: both;}
.pglist a, .pglist span {color: #828282;padding: 6px 20px;margin: 3px 0px;background:#fff;border:1px solid #edebeb;font-size: 15px;border-radius:30px;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 36px;padding-bottom:1px;}
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background: #333;border-color: #333;}
.pageinfo{display:none;}



/*新闻模块*/
.news-list-md {width: 100%;margin: 20px auto 0;background: #fff;padding: 30px 50px;}
.news-list-md .title {font-size: 18px;color: #999;line-height: 30px;}
.news-list-md ul{width:100%;height:auto; display:block;overflow: hidden;margin-top:25px;}
.news-list-md ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom:14px;}
.news-list-md ul li:nth-child(4n) {margin-right: 0;}
.news-list-md ul li a{display: block; padding:20px 30px;background:#f5f5f5;transition:0.6s;}
.news-list-md ul li h2{font-weight: normal;margin-bottom: 4px;font-size: 16px;display:block;height:48px;line-height:24px; overflow: hidden;color: #34364b;transition:0.6s;}
.news-list-md ul li p{font-size:16px;line-height: 30px;color: #a5a5ab;transition:0.6s;}
.news-list-md ul li a:hover{background:#3d95d3}
.news-list-md ul li a:hover h2{color: #FFF;}
.news-list-md ul li a:hover p{color: #b1d0e7;}
/*产品框架*/
.img-list-md {width: 100%;margin: 20px auto 0;background: #fff;padding: 30px 50px;}
.img-list-md .title {font-size: 18px;color: #999;line-height: 30px;}
.img-list-md ul{width:100%;height: auto; display:block;overflow: hidden;margin-top:25px;}
.img-list-md ul li{float: left;width: 24%;margin-right: 1.33%;}
.img-list-md ul li:nth-child(4n) {margin-right: 0;}
.img-list-md ul li .mimg {width:100%;overflow:hidden;}
.img-list-md ul li span{display:block;font-size:14px;line-height:25px;color:#222;margin-top:14px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.img-list-md ul li:hover span{color: #3d95d3;}
/*新闻模块2*/
.news-list-md2 {width: 100%;margin: 20px auto 0;background: #fff;}
.news-list-md2 .title {font-size: 18px;color: #999;line-height: 30px;}
.news-list-md2 ul{width:100%;height:auto; display:block;overflow: hidden;margin-top:25px;}
.news-list-md2 ul li{width: 100%;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #f3f3f3;}
.news-list-md2 ul li a{display: block;transition:0.6s;}
.news-list-md2 ul li h2{font-weight: normal;margin-bottom: 4px;font-size: 16px;display:block;height:48px;line-height:24px; overflow: hidden;color: #34364b;transition:0.6s;}
.news-list-md2 ul li p{font-size:16px;line-height: 30px;color: #a5a5ab;transition:0.6s;}
.news-list-md2 ul li a:hover h2{color: #3d95d3;}
.news-list-md2 ul li a:hover p{color: #b1d0e7;}

@media only screen and (max-width:1024px){
.news-list-md ul li{width:49%; margin-right:2%;}
.news-list-md ul li:nth-child(2n) {margin-right:0;}
}
@media only screen and (max-width:768px){
.news-list-md{padding:30px 30px;}
.img-list-md{padding:30px 30px;}
.img-list-md ul li{width:49%;margin-right:2%;}
.img-list-md ul li:nth-child(2n) {margin-right: 0;}
.img-list-md ul li span{margin-bottom:14px;}
}
@media only screen and (max-width:499px){
.news-list-md{padding:15px 15px;}
.news-list-md ul li{width:100%; margin-right:0;}
.img-list-md{padding:15px 15px;}
}



/*CONTACT*/
.contactBox{background:#f5f5f5;}
.conlianxi{background:#fff;margin-top:40px;overflow:hidden;}

.contact_lx{padding:60px 60px;overflow: hidden;border-bottom:5px solid #f5f5f5;display:flex;justify-content: space-between;align-items: center;}
.contact_lx_l{width:22%;text-align: center;}
.contact_lx_l h5{font-size:38px;color: #3a3a3a;line-height:1.2;font-family:"Arial";}
.contact_lx_l p{display: block;font-size:36px;color: #333333;line-height:36px;margin: 20px 0px;}
.contact_lx_l span{display: block;font-style: normal;color: #999999;line-height:1.2;font-size:16px;}
.contact_lx_l a{display:block;width: 180px;line-height:50px;margin: auto;background: #3d95d3;color: #fff;text-align: center;font-size: 18px;margin-top: 45px;}
.contact_lx_2{width:45%;margin:0 4%;padding:0px 60px;border-left:1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.contact_lx_2 h3{width: 100%;margin-bottom:30px;font-weight: normal;}
.contact_lx_2 h3 span{font-size:22px;color: #3d95d3;display:block;line-height:34px;}
.contact_lx_2 h3 strong{display:block;font-family:"Arial";font-size:32px;color: #3d95d3;line-height:1.0;margin:14px 0px 10px 0px;}
.contact_lx_2 h3 p{color: #999999;line-height: 34px;font-family: 'SourceHanSansCN-L';}
.contact_lx_2 ul{display: block;overflow: hidden;}
.contact_lx_2 li{font-size: 16px;color: #333;line-height: 30px;margin-bottom: 10px;}
.contact_lx_3{width:25%;}
.contact_lx_3 li{width:33.33%;float:left;}
.contact_lx_3 li em{color: #666;text-align: center;display: block;}

.contact_map{padding:60px 60px;overflow: hidden;border-bottom:5px solid #f5f5f5;}
.contact_map .MapBox {width:100%;overflow: hidden;}
.contact_map .MapBox img{display: block;width:100%;}

.contact_ly{padding:60px 60px;overflow: hidden;}
.contact_ly h4{font-size:38px;margin-bottom:50px;line-height:1.2;color:#333;font-weight:normal;font-family:'SourceHanSansCN-L';}
.message{width:100%;height: auto;overflow: hidden;}
.message .add-msg-form{}
.message .add-msg-form label{display: block; width:100%;margin-bottom: 10px;font-size:16px;}
.message .add-msg-form label span{font-size:16px;color:#ff0000;padding-right:3px;}
.message .add-msg-form .input-group{width:49%;float: left;margin-bottom:20px;}
.message .add-msg-form .input-group:nth-child(2n){margin-left:2%;}
.message .add-msg-form .input-tarea{width:100%; margin-bottom: 15px;}
.message .add-msg-form .input-group input{width: 100%;border: 1px solid #ddd;line-height:60px;height:60px;padding:0 15px;transition: 300ms;-webkit-transition: 300ms;outline: none;border-radius: 5px;font-size: 16px;}
.message .add-msg-form .input-group input:focus{box-shadow:0 0 5px #d33d48; border: 1px solid #d33d48; }
.message .add-msg-form .input-tarea textarea{width:100%;line-height:30px;padding:15px;background:#fff;color:#555;font-size:16px;margin-bottom:5px;border:1px solid #ddd;border-radius:5px;min-height:8em;transition: 300ms;-webkit-transition: 300ms;}
.message .add-msg-form .input-tarea textarea:focus{box-shadow:0 0 5px #d33d48; border: 1px solid #d33d48; }
.message .add-msg-form .tjbtn input{width:100%;outline:0;font-size:16px;color:#fff;padding:18px 60px;background:#222;border:0;border-radius:3px;transition:0.5s all;}
.message .add-msg-form .tjbtn input:hover{background:#d33d48;}

.message .add-msg-form .tjbtn2{width:100%;height:auto;overflow: hidden;}
.message .add-msg-form .tjbtn2 input{outline:0;font-size:18px;color:#fff;padding:18px 30px;border:0;border-radius:3px;transition:0.5s all;}
.message .add-msg-form .tjbtn2 .btn_tj{width:49%;float: left;background: #3d95d3;}
.message .add-msg-form .tjbtn2 .btn_cz{width:49%;float: right;background: #bbb;}
.message .add-msg-form .tjbtn2 input:hover{background:#d33d48;}

@media only screen and (max-width:1440px){
.contact_lx{padding:50px 50px;}
.contact_lx_l h5 {font-size:30px;}
.contact_lx_l p{font-size:26px;margin:10px 0px;}
.contact_lx_2{padding: 0px 30px;}
.contact_lx_2 h3 strong{font-size:26px;}
.contact_map{padding:50px 50px;}
.contact_ly{padding:50px 50px;}
}
@media only screen and (max-width:1024px){
.contact_lx{padding:30px 30px;}
.contact_map{padding:30px 30px;}
.contact_ly{padding:30px 30px;}
.contact_ly h4{font-size:32px;}
}
@media only screen and (max-width:768px){
.contact_lx{display:block;}
.contact_lx_l{width: 100%;}
.contact_lx_2{width: 100%;margin:4% 0;padding:30px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left: 0;border-right:0;}
.contact_lx_3{width: 100%;}
.message{padding:30px 30px;}
.message .add-msg-form .input-group{width:100%;float:none;}
.message .add-msg-form .input-group:nth-child(2n){margin-left:0;}
}
@media only screen and (max-width:499px){
.contact_lx_2 h3 span{font-size:18px;}
.contact_lx_2 h3 strong {font-size:22px;}
.contact_ly h4 {font-size:26px;margin-bottom:30px;}
.message{padding:10px 10px;}
}



/*SERVICE*/
.serviceB{padding-top:80px;overflow: hidden;}
.serviceList ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.serviceList li{width:33.33%;padding:50px;}
.serviceList li .serLi_title{margin-top: 100px;}
.serviceList li .serLi_title h3{font-size: 38px;color:#1d427a;line-height: 1.2;}
.serviceList li .serLi_title p{display: block;font-size:30px;color: #333333;line-height:1.2;margin: 20px 0px;text-transform:uppercase;font-family:"Arial";}
.serviceList li .serLi_title span{display: block; font-size:36px;line-height:1.2;color:#222;font-weight:normal;font-family:"SourceHanSansCN-L";}
.serviceList li .ser-inner a{display: block;color:#333;}
.serviceList li .ser-inner .nimg{width:80%;margin:0 auto;}
.serviceList li .ser-inner .nimg img{display: block;}
.serviceList li .ser-inner .title{font-size:20px;line-height:1.2; font-weight: bold;margin-top:20px; margin-bottom: 20px;}
.serviceList li .ser-inner .title {color:#222;transition: 0.5s all;}
.serviceList li .ser-inner .title i{margin-left: 20px;color: #ddd;transition: 0.5s all;}
.serviceList li .ser-inner .desc{font-size:16px;line-height:1.8;font-family:"SourceHanSansCN-L";}
.serviceList li:hover .ser-inner .title{color:#1d427a;}
.serviceList li:hover .ser-inner .title i{color:#1d427a;margin-left:30px;}

@media only screen and (max-width:1420px){
.serviceList li{padding: 30px;}
.serviceList li .serLi_title {margin-top:70px;}
.serviceList li .serLi_title h3{font-size:34px;}
.serviceList li .serLi_title p{font-size:22px;}
.serviceList li .serLi_title span{font-size:30px;}
}
@media only screen and (max-width:890px){
.serviceList li .serLi_title {margin-top:30px;}
}
@media only screen and (max-width:768px){
.serviceList li{width:50%;}
.serviceList li .serLi_title h3{font-size:28px;}
.serviceList li .serLi_title p{font-size:20px;}
.serviceList li .serLi_title span{font-size:22px;}
}
@media only screen and (max-width:499px){
.serviceList li{padding:12px;}
.serviceList li .serLi_title {margin-top:70px;}
.serviceList li .serLi_title h3{font-size:20px;}
.serviceList li .serLi_title p{font-size:13px;}
.serviceList li .serLi_title span{font-size:18px;}
.serviceList li .ser-inner .title{font-size:16px;}
.serviceList li .ser-inner .desc{font-size:13px;}
}

/*****/
.sersub_muen{padding-top:50px;padding-bottom:50px;overflow: hidden;}
.sersub_muen .sersubnav{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.sersub_muen .sersubnav li{width:18%;padding:20px;border: 5px solid #FFF;transition:0.8s all;}
.sersub_muen .sersubnav li .nimg{display: block;width:100%;overflow: hidden;}
.sersub_muen .sersubnav li .nimg img{display: block;width:100%;transition:0.8s all;}
.sersub_muen .sersubnav li .title{text-align: center;font-size: 28px;line-height: 1.5;transition:0.8s all;}
.sersub_muen .sersubnav li:hover{background:#21abd7;border-radius:20%;}
.sersub_muen .sersubnav li:hover .nimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.sersub_muen .sersubnav li:hover .title{color:#FFF;}
.sersub_muen .sersubnav li.cur{background:#21abd7;border-radius:20%;}
.sersub_muen .sersubnav li.cur .title{color:#FFF;}

@media only screen and (max-width:1024px){
.sersub_muen .sersubnav li{width:20%;}
.sersub_muen .sersubnav li .title{font-size:20px;}
}
@media only screen and (max-width:768px){
.sersub_muen .sersubnav li{padding:5px;border:5px solid #FFF;}
.sersub_muen .sersubnav li .title{font-size:18px;}
}
@media only screen and (max-width:499px){
.sersub_muen .sersubnav{justify-content:space-around;}
.sersub_muen .sersubnav li{width:33.33%;}
}

/****/
.serviceA{background:#f5f5f5;}
.ser-info {background: #fff;padding:60px 50px;}
.ser-info .nrxqzy {font-size: 16px;padding-bottom:30px;line-height:2.0;text-align: justify;color: #666;}
@media only screen and (max-width:768px){
.ser-info{padding:30px 30px;}
}
@media only screen and (max-width:499px){
.ser-info{padding:15px 15px;}
.ser-info .nrxqzy{font-size:15px;}
}


/*service-wzjs*/
.ser_wzjs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ser_wzjs_i{width:30%;}
.ser_wzjs_w{width:60%;}
@media only screen and (max-width:499px){
.ser_wzjs_i{width:100%;text-align: center;}
.ser_wzjs_w{width:100%;}
}
/*service-zhyx*/
.ser_zhyx{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ser_zhyx_i{width:30%;}
.ser_zhyx_w{width:60%;}
@media only screen and (max-width:499px){
.ser_zhyx_i{width:100%;text-align: center;}
.ser_zhyx_w{width:100%;}
}
/*service-wltg*/
.ser-wltgBox {width: 100%;height: auto;overflow: hidden;position: relative;}
.ser-wltg-nav{width:100%;display:block;padding-bottom:80px;}
.ser-wltg-nav ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ser-wltg-nav li{width:18.6%;position:relative;transition: all 0.5s;}
.ser-wltg-nav li a{display:block;text-align: center;padding:20px 15px;color:#FFF;font-size:18px;}
.ser-wltg-nav li a i{display:block;font-size:30px;font-weight:bold;line-height:1.0;margin-bottom:10px;}
.ser-wltg-nav li a em{height:50px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*.ser-wltg-nav li:after{opacity:0;content:'';position: absolute;height:0;width: 0;left: 50%;bottom:-28px;border:20px solid transparent;margin-left:-20px;border-top:0;border-bottom-color:#d33d48;}*/
.ser-wltg-nav li:after{opacity:0;content:'';position: absolute;height:40px;width:40px;left:50%;bottom:-46px;margin-left:-20px;background:url(../images/icon_click.png)no-repeat center center;}
.ser-wltg-nav li.on:after{opacity:1;transition: all 0.5s;}
.ser-wltg-nav li:nth-child(1){background:#0ea2b7;}
.ser-wltg-nav li:nth-child(2){background:#6bd83b;}
.ser-wltg-nav li:nth-child(3){background:#efb322;}
.ser-wltg-nav li:nth-child(4){background:#d33d48;}
.ser-wltg-nav li:nth-child(5){background:#3b94d8;}
.wltg-nrxqzy{font-size: 16px;padding-bottom:30px;line-height:2.0;text-align: justify;color: #666;}
@media only screen and (max-width:1024px){
.ser-wltg-nav li a em{height: 75px;-webkit-line-clamp: 3;}
}
@media only screen and (max-width:768px){
.ser-wltg-nav li{width:19.6%;}
.ser-wltg-nav li a{padding:15px 10px;}
.ser-wltg-nav li a i{font-size:20px;}
.ser-wltg-nav li a em{font-size:15px;}
}
@media only screen and (max-width:699px){
.ser-wltg-nav{padding-bottom:50px;}
.ser-wltg-nav ul{justify-content: flex-start;}
.ser-wltg-nav li{width:33.33%;border:2px solid #FFF;}
.ser-wltg-nav li:after{display:none;}
.ser-wltg-nav li a {padding: 10px 5px;}
.ser-wltg-nav li a em {font-size:13px;height:60px;line-height:20px;}
.wltg-nrxqzy{font-size:15px;}
}
/*service-wechat*/
.ser-wechatBox{}
.ser-wechatBox .ser-line{width:100%;height:1px;background:#eee;margin-top:60px;margin-bottom:60px;overflow: hidden;}
.ser_wechat{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ser_wechat_i{width:38%;position: relative;animation: moveTop 3s infinite alternate;-moz-animation: moveTop 3s infinite alternate;-webkit-animation: moveTop 3s infinite alternate;-o-animation: moveTop 3s infinite alternate;}
.ser_wechat_w{width:56%;}
.ser_wechat_w h1{font-size:26px;color:#d33d48;line-height:1.8;padding-bottom:20px;}
.ser_wechat_w p{font-size:16px;line-height:1.8;}
.ser_wechat02{}
.ser_wechat02 h2{font-size:26px;color:#333;text-align:center;padding-bottom:50px;line-height:1.2;}
.ser_wechat02 ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ser_wechat02 li{width:33.33%;padding:20px;display: flex;justify-content: flex-start;align-items: center;}
.ser_wechat02 li .icon{width:79px;height:79px;transition:all 1s;-webkit-transition: all 1s;}
.ser_wechat02 li .icon img{width:100%;height:100%;}
.ser_wechat02 li:hover .icon{transform: rotate(-360deg);}
.ser_wechat02 li .text{width:calc(100% - 79px);padding-left: 20px;}
.ser_wechat02 li .text h3{font-size:20px;font-weight:bold;line-height:1.5;margin-bottom:8px;}
.ser_wechat02 li .text p{font-size:16px;line-height:1.5;font-family: 'SourceHanSansCN-L';}
.ser_wechat03{}
.ser_wechat03 h2{font-size:26px;color:#333;text-align:center;padding-bottom:50px;line-height:1.2;}
.ser_wechat03 ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ser_wechat03 li{width:25%;padding:20px;transition: all 0.3s;}
.ser_wechat03 li .icon{width:69px;height:69px;margin:auto; transition:all 1s;-webkit-transition: all 1s;}
.ser_wechat03 li .icon img{width:100%;height:100%;transition: all ease 0.5s;}
.ser_wechat03 li:hover .icon img{transform: translateY(-10px);}
.ser_wechat03 li .text{text-align: center;margin-top:20px;}
.ser_wechat03 li .text h3{font-size:20px;font-weight:bold;line-height:1.5;margin-bottom:15px;}
.ser_wechat03 li .text p{font-size:16px;line-height:1.5;color: #999;}
.ser_wechat04{}
.ser_wechat04 h2{font-size:26px;color:#333;text-align:center;padding-bottom:50px;line-height:1.2;}
.ser_wechat04 ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ser_wechat04 ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.ser_wechat04 li{width:50%;padding:30px;display: flex;justify-content: flex-start;align-items:flex-start;}
.ser_wechat04 li .icon{width:50px;height:50px;transition:all 1s;-webkit-transition: all 1s;}
.ser_wechat04 li .icon img{width:100%;height:100%;}
.ser_wechat04 li .text{width:calc(100% - 50px);padding-left: 20px;}
.ser_wechat04 li .text p{font-size:16px;line-height:1.8;}
.ser_wechat05{}
.ser_wechat05 h2{font-size:26px;color:#333;text-align:center;padding-bottom:50px;line-height:1.2;}
.ser_wechat05 ul{display: flex;justify-content:space-around;align-items: flex-start;flex-wrap: wrap;}
.ser_wechat05 li{width:30%;padding:20px;transition: all 0.3s;}
.ser_wechat05 li .icon{width:100%;height:auto;}
.ser_wechat05 li .icon img{display:block;margin:0 auto;transition: all ease 0.5s;}
.ser_wechat05 li:hover .icon img{transform: translateY(-10px);}
.ser_wechat05 li .text{text-align: center;margin-top:20px;}
.ser_wechat05 li .text h3{font-size:20px;font-weight:bold;line-height:1.5;margin-bottom:15px;}
.ser_wechat05 li .text p{font-size:16px;line-height:1.5;color: #999;}
@media only screen and (max-width:1024px){
.ser_wechat02 li{padding: 10px;}
.ser_wechat05 li{width:33.33%;padding:10px;}
}
@media only screen and (max-width:699px){
.ser_wechat02 li{width:50%;}
.ser_wechat03 li{width:50%;}
.ser_wechat04 li{padding:20px;}
.ser_wechat05 li{width:100%;}
}
@media only screen and (max-width:499px){
.ser_wechat_i{width:100%;text-align: center;}
.ser_wechat_w{width:100%;margin-bottom:20px;}
.ser_wechat02 li{display: block;padding:15px;}
.ser_wechat02 li .icon{margin:0 auto}
.ser_wechat02 li .text{width:100%; padding-left:0;text-align: center;}	
.ser_wechat02 li .text h3{font-size:16px;margin-top:10px;}
.ser_wechat02 li .text p{font-size:14px;}
.ser_wechat03 li{padding:15px;}
.ser_wechat03 li .text h3{font-size:16px;}
.ser_wechat03 li .text p{font-size:14px;}
.ser_wechat04 li{width:100%;padding:20px 0;}
.ser_wechat04 li .icon{margin-top:10px;}
}







@keyframes moveTop {
  0% {top: 0;}
  50% {top: -5px;}
  100% {top: 5px;}
}







/*SEARCH*/
.searchTitle{display: block;height: 30px;margin-bottom:30px;font-size:20px;font-weight: bold;color: #333;}
.search_list li{width: 25%;display: block;float: left;padding: 0 18px 18px 0;}
.search_list li a{display:block;padding: 10px;border: 1px solid #F5F5F5;}
.search_list li .nimg{width: 100%;height: 260px;overflow: hidden;background: #f5f5f5;}
.search_list li .nimg img{display: block;width: auto;height: 100%;margin: auto;}
.search_list li .text{height: auto;padding:10px 0;overflow: hidden;}
.search_list li .text .title{font-size: 18px;font-weight: normal;color: #333;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.5s ease;}
.search_list li .text .model{font-size:16px;color:#6f6f6f;margin-top:5px;}
.search_list li .text .connr{font-size:13px;color:#acacac;line-height:22px;margin:10px 0 10px;height:44px;overflow:hidden;font-weight:300;}

@media only screen and (max-width:1024px){
.search_list li{width:33.33%;padding:10px;}
.search_list li .nimg{height: 220px;}
}
@media only screen and (max-width:768px){
.search_list li{width:50%;}
}
@media only screen and (max-width:499px){
.search_list li{width:100%;}
}