@charset "UTF-8";
/* css reset */


@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../fonts/sourcehansanscn-normal.woff2") format("woff2"),
       url("../fonts/sourcehansanscn-normal.woff") format("woff"),
       url("../fonts/sourcehansanscn-normal.ttf") format("truetype"),
       url("../fonts/sourcehansanscn-normal.eot") format("embedded-opentype"),
       url("../fonts/sourcehansanscn-normal.svg") format("svg");
}
@font-face {
  font-family: "ActaDisplay-LightItalic";
  src: url("../fonts/actadisplay-lightitalic.woff2") format("woff2"),
       url("../fonts/actadisplay-lightitalic.woff") format("woff"),
       url("../fonts/actadisplay-lightitalic.ttf") format("truetype"),
       url("../fonts/actadisplay-lightitalic.eot") format("embedded-opentype"),
       url("../fonts/actadisplay-lightitalic.svg") format("svg");
}



body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,a,input,textarea,label{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;transition: .3s;color:#333}
img{border:0;vertical-align: middle;max-width: 100%;}
span{display:inline-block;}
i{font-style: normal;}
ul,li{list-style: none;}
sub,sup{font-size: 6px;margin-left: 2px}
input:focus,textarea:focus,select:focus{outline:none; }
input,textarea{font-family:SourceHanSansCN,"Source Han Sans CN",sans-serif,Helvetica,"Helvetica Neue";}
/* body{font-family:"Aileron-Regular","Source Sans Pro",SourceHanSansCN,"Source Han Sans CN",Helvetica,"Helvetica Neue", Arial, sans-serif;font-weight:300;font-size:1em;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;}
 */
html{font-size: 20px;}
body{font-family:SourceHanSansCN,"Source Han Sans CN",sans-serif,Helvetica,"Helvetica Neue", Arial, sans-serif;font-weight:300;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;}

.clear{clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
.wrap1{width:1500px;max-width:94%;margin:0 auto;}
.wrap{width: 1400px;margin: auto;max-width: 92%;}
.wrap3{width: 1400px;margin: auto;max-width: 85%;}
.fl{float:left}
.fr{float:right}
/* header */
.menu{display: none;}
.header{height: 95px;line-height: 95px;}
.header .header-logo{}
.header .header-logo a{}
.header .header-right{}
.header .header-right .lang{float: left;margin-right: 15px;}
.header .header-right .lang a{background: url(../images/lang_06.png) no-repeat;background-position: center;width: 22px;height: 22px;}
.header .header-right .search{float: left;margin-left: 15px;}
.header .header-right .search a{position: relative;;background: url(../images/search_09.png) no-repeat;background-position: center;width: 22px;height: 22px;}
.header .header-list-nav{margin-right: 25px;}
.header .header-list-nav ul{}
.header .header-list-nav ul li{float: left;margin-right: 10px;position: relative;}
.header .header-list-nav ul li>a{font-size: 0.8rem;color: #333333;display: block;padding: 0 16px;}
.header .header-right .search a::after{position: absolute;content: "";top: 3px;left: -15px;width: 1px;height: 80%;background: #959595;}
.header .header-list-nav ul li dl{display: none;position: absolute;width: 100%;left: 0;z-index: 9999999;top: 95px;background-color: #2573bf;padding: 8px 0;}
.header .header-list-nav ul li dl dd{text-align: center;line-height: normal;}
.header .header-list-nav ul li dl dd a{display: block;font-size: 16px;color: #ffffff;padding: 8px 0;}
.header .header-list-nav ul li:hover dl{display: block;}









/* footer */
.footer{background: #215f9c;}
.footer .footer-top{padding: 50px 0 20px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.footer .footer-top .footer-top-left{width: calc(100% - 450px);}
.footer .footer-top .footer-top-left dl{float: left;margin-right: 9%;}
.footer .footer-top .footer-top-left dl:last-of-type{margin-right: 0;}
.footer .footer-top .footer-top-left dl a{color: #ffffff;}
.footer .footer-top .footer-top-left dl dt{margin-bottom: 5px;}
.footer .footer-top .footer-top-left dl dt a{font-size: 18px;}
.footer .footer-top .footer-top-left dl dd a{font-size: 14px;opacity: 0.5;}
.footer .footer-top .footer-top-left dl dd{}
.footer .footer-top .footer-top-right{text-align: right;width: 350px;}
.footer .footer-top .footer-top-right h3{font-size: 30px;color: #ffffff;}
.footer .footer-top .footer-top-right p{font-size: 14px;opacity: 0.5;color: #ffffff;margin: 10px 0;}
.footer .footer-top .footer-top-right .mama{text-align: center;margin-top: 15px;}
.footer .footer-top .footer-top-right .mama .gzh{float: right;margin-right: 30px;}
.footer .footer-top .footer-top-right .mama .gzh img{max-width: 100px;max-height: 100px;display: block;margin: auto;}
.footer .footer-top .footer-top-right .mama .gzh span{font-size: 14px;color: #ffffff;opacity: 0.5;}
.footer .footer-top .footer-top-right .mama .dyh{float: right;}
.footer .footer-top .footer-top-right .mama .dyh img{max-width: 100px;max-height: 100px;display: block;margin: auto;}
.footer .footer-top .footer-top-right .mama .dyh span{font-size: 14px;color: #ffffff;opacity: 0.5;}
.footer .footer-copy{text-align: center;padding: 15px 0;}
.footer .footer-copy p{font-size: 14px;color: #ffffff;opacity: 0.5;}
.footer .footer-copy p a{font-size: 14px;color: #ffffff;opacity: 0.5;}
.footer .footer-top .footer-top-left dl dd a:hover{color: #ffffff;opacity: 1;}





/* index */
.index-banner{}
.index-banner .swiper-slide{}
.index-banner .swiper-slide a{display: block;}
.index-banner .swiper-slide a .index-banner-text{position: absolute;bottom: 20%;left: 0;right: 0;margin: auto;z-index: 9999;}
.index-banner .swiper-slide a .index-banner-text h3{color: #ffffff;font-size: 2.4rem;font-weight: bold;margin-bottom: 15px;}
.index-banner .swiper-slide a .index-banner-text span{display: block;width: 100px;height: 9px;background: #ffffff;margin-bottom: 15px;}
.index-banner .swiper-slide a .index-banner-text p{font-size: 1.5rem;font-weight: bolder;color: #ffffff;}
.index-banner .swiper-button-prev{background-image: url(../images/left-j_10.png);}
.index-banner .swiper-button-next{background-image: url(../images/right-j_07.png);}
.index-banner .jtt{background-color: rgba(0,0,0,0.3);background-size: 18px;width: 60px;height: 60px;border-radius: 100px;}

.index-about{height: 700px;}
.index-about .index-about-left{float: left;width: 40%;margin-top: 140px;}
.index-about .index-about-left h2{font-size: 24px;font-weight: bold;color: #323232;}
.index-about .index-about-left h2 span{display: block;}
.index-about .index-about-left h3{font-size: 24px;color: #000000;    margin-top: 8px;}
.index-about .index-about-left>span{height: 0px;width: 2px;background: #937447;margin-bottom: 40px;margin-top: 10px;}
.index-about .index-about-left p{font-size: 16px;line-height: 30px;color: #666666;text-indent: 2em;}
.index-about .index-about-right{width: 50%;float: right;position: relative;z-index: 99999;margin-top: 14%;}
.index-about .index-about-right .video{max-height: 460px;position: relative;margin-bottom: 67px;}
.index-about .index-about-right .video video{width: 100%;max-height: 100%;}
.index-about .index-about-right .video span{position: absolute;top: 50%;left: 0;right: 0;margin: auto;display: block;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.index-about .index-about-right a{color: #937447;font-size: 16px;border: 1px solid #937447;padding: 17px 75px;}
.index-about{    background-size: 25% 100%!important;}
.index-about .index-about-bottom{margin-top: 100px;}
.index-about .index-about-bottom .index-about-bottom-left{position: relative;width: 50%;background-size: cover!important;}
.index-about .index-about-bottom .index-about-bottom-text{position: absolute;z-index: 9999;left: 0;right: 0;margin: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);text-align: center;}
.index-about .index-about-bottom .index-about-bottom-left::after{position: absolute;content: "";width: 100%;left: 0;right: 0;height: 100%;background-color: rgba(0,120,236,0.4)!important;top: 0;}
.index-about .index-about-bottom .index-about-bottom-text h3{font-size: 45px;color: #ffffff;}
.index-about .index-about-bottom .index-about-bottom-text p{font-size: 28px;color: #ffffff;}

.index-about .index-about-bottom-right{width: 50%;background: #f6f6f6;padding: 25px;box-sizing: border-box;}
.index-about .index-about-bottom-right ul{}
.index-about .index-about-bottom-right ul li{float: left;width: 50%;}
.index-about .index-about-bottom-right ul li a{display: block;padding:10px 15px;text-align: center;}
.index-about .index-about-bottom-right ul li a .index-about-img{overflow: hidden;text-align: center;height: 55px;}
.index-about .index-about-bottom-right ul li a .index-about-img img{max-width: 65px;max-height: 65px;}
.index-about .index-about-bottom-right ul li a h4{font-size: 22px;color: #000000;margin-bottom: 8px;margin-top: 10px;}
.index-about .index-about-bottom-right ul li a p{font-size: 16px;color: #959595;line-height: 30px;height: 120px;}

.title-text{margin-bottom: 30px;}
.title-text h3{font-size: 36px;color: #000000;text-align: center;}
.index-pro{margin-top: 45px;}
.index-pro .index-pro-fl{}
.index-pro .index-pro-fl li{text-align: center;}
.index-pro .index-pro-fl li a{cursor: pointer;width: 130px;padding: 5px 0;border-radius: 100px;background: #2573bf;color: #ffffff;font-size: 20px;margin: 0 3px;}
.index-pro .index-pro-fl li a.active{background: #c08e3d;}
.index-pro .index-pro-swiper{margin-top: 30px;}
.index-pro .index-pro-swiper .swiper-container{display: none;}
.index-pro .index-pro-swiper .swiper-container.active{display: block;}
.index-pro .index-pro-swiper .swiper-container .swiper-button-white{background-color: rgba(0,0,0,0.5);background-size: 24px;width: 50px;height: 70px;}
.index-pro .index-pro-swiper .swiper-container .swiper-button-prev{left: 0;}
.index-pro .index-pro-swiper .swiper-container .swiper-button-next{right: 0;}

.index-pro-detail{margin-top: 130px;}
.index-pro-detail-left{float: left;width: 50%;}
.index-pro-detail-left .index-pro-detail-text{margin-top: 0px;}
.index-pro-detail-left .index-pro-detail-text h3{font-size: 36px;font-weight: bolder;color: #000000;margin-bottom: 20px;}
.index-pro-detail-left .index-pro-detail-text p{font-size: 16px;color: #666666;line-height: 30px;}
.index-pro-detail-left .index-pro-detail-text span{width: 2px;height: 0px;background: #937447;margin-bottom: 40px;margin-top: 10px;}
.index-pro-detail-left .index-pro-detail-list{}
.index-pro-detail-left .index-pro-detail-list ul{}
.index-pro-detail-left .index-pro-detail-list ul li{float: left;margin-right: 4%;width: 48%;margin-bottom: 4%;}
.index-pro-detail-left .index-pro-detail-list ul li:nth-of-type(2n){margin-right: 0;}
.index-pro-detail-left .index-pro-detail-list ul li a{display: block;}
.index-pro-detail-left .index-pro-detail-list ul li .index-pro-detail-list-img{;height: 55px;}
.index-pro-detail-left .index-pro-detail-list ul li .index-pro-detail-list-img img{max-height: 55px;}
.index-pro-detail-left .index-pro-detail-list ul li h3{margin-bottom: 8px;font-size: 26px;font-weight: bolder;color: #000000;}
.index-pro-detail-left .index-pro-detail-list ul li p{font-size: 16px;color: #666666;line-height: 30px;}

.index-pro-detail-right{width: 46%;float: right;}
.index-pro-detail-right-img{text-align: right;}
.index-pro-detail-right-img img{}
.index-pro-detail-right-img span{position: relative;}
.index-pro-detail-right-img span::after{position: absolute;content: "";width: 100%;right: -8%;top: -8%;background: #2573bf;height: 100%;z-index: -1;}

.index-call{padding: 75px 0;}
.index-call .call-left{float: left;width: 48%;}
.index-call .call-text{border-bottom: 1px solid rgba(255,255,255,0.3);}
.index-call .call-text h3{margin-bottom: 10px;position: relative;padding-left: 35px;font-size: 24px;color: #ffffff;}
.index-call .call-text h3::after{position: absolute;content: "";left: 0;width: 100px;height: 2px;background: #ffffff;bottom: -10px;}
.index-call .call-list{margin-top: 15px;}
.index-call .call-list ul{}
.index-call .call-list ul li{margin-bottom: 20px;box-sizing: border-box;height: 35px;border: 1px solid rgba(255,255,255,0.3);float: left;width: 100%;}
.index-call .call-list ul li.name{float: left;width: 48%;margin-right: 4%;}
.index-call .call-list ul li.phone{width: 48%;}
.index-call .call-list ul li input{height: 30px;border: none;vertical-align: middle;width: calc(100% - 50px);box-sizing: border-box;padding: 0 5px;background: none;color: #ffffff;}
.index-call .call-list ul li icon{border-right: 1px solid rgba(255,255,255,0.3);float: left;display: inline-block;width: 35px;height: 35px;}
.index-call .call-list ul li p{padding-left: 45px;}
.index-call .call-list ul li textarea{height: 100px;border: none;resize: none;width: calc(100% - 50px);margin-top: 10px;box-sizing: border-box;padding: 5px;background: none;color: #ffffff;}
.index-call .call-list ul li.text{height: auto;}
.index-call .call-list ul li label{color: #ffffff;font-size: 14px;}
.index-call .call-list ul li.text icon{border-bottom: 1px solid rgba(255,255,255,0.3);}
.index-call .call-list ul li.yzm{width: 220px;}
.index-call .call-list ul li.yzm p{}
.index-call .call-list ul li.yzm p input{width: 110px;}
.index-call .call-list ul li.yzm-img{border: none;padding-left: 35px;}
.index-call .call-list ul li.yzm-img{width: calc(100% - 220px);}
.index-call .call-list ul li.yzm-img div{float: left;height: 35px;}
.index-call .call-list ul li.yzm-img div a{color: #ffffff;font-size: 14px;margin-left: 20px;}
.index-call .call-list ul li.yzm-img img{max-height: 35px;}
.index-call .call-list ul li.yzm-img .button{font-size: 14px;outline: none;cursor: pointer;background: #c08e3d;border: none;width: 100px;height: 35px;color: #ffffff;margin-left: 25px;}

.call-right{width: 45%;float: right;}
/* .call-right .swiper-slide:nth-of-type(2),.call-right .swiper-slide:nth-of-type(5){margin-top: 0!important;} */
.call-right .swiper-slide{margin-top: 30px;}

.index-news{padding: 80px 0 100px;background: #f0f0f0;}
.index-news .swiper-news{position: relative;}
.index-news .swiper-container{}
.index-news .swiper-container .swiper-slide{}
.index-news .swiper-container .swiper-slide a{display: block;}
.index-news .swiper-container .swiper-slide a .index-news-img{overflow: hidden;height:220px;line-height:220px;}
.index-news .swiper-container .swiper-slide a .index-news-img img{max-width: 100%;}
.index-news .swiper-container .swiper-slide a p{font-size: 14px;color: #666666;line-height: 26px;height: 50px;overflow: hidden;}
.index-news .swiper-container .swiper-slide a h3{font-size: 16px;color: #333333;font-weight: bolder;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 6px;margin-top: 10px;}
.index-news .swiper-container .swiper-slide a:hover h3{color: #937447;}
.index-news .inde-news-butt{position: absolute;top: -25px;width: 100%;}
.inde-news-butt .swiper-button-prev{right: 50px;left: auto;}
.inde-news-butt .swiper-button-next{right: 0;transform: rotateZ(180deg);}
.inde-news-butt .swiper-butt{background-image: url(../images/jt-lan_84.png);background-size: 19px;height: 25px;width: 25px;outline: none;}


/* about */
.about-ban{position: relative;}
.n-ban-text{position: absolute;top: 26%;left: 0;right: 0;z-index: 9999;}
.n-ban-text h3{font-size: 2.4rem;margin-bottom: 8px;font-weight: bold;color: #ffffff;}
.n-ban-text span{width: 100px;height: 10px;background: #ffffff;}
.about-company{position: relative;}
.about-company img{}
.about-company .about-company-text{position: absolute;left: 0;right: 0;top: 11%;text-align: left;}
.about-company .about-company-text h3{font-size: 60px;font-weight: bolder;color: #2573bf;}
.about-company .about-company-text h4{font-size: 48px;color: #2573bf;text-transform: uppercase;opacity: 0.5;margin-bottom: 20px;}
.about-company .about-company-text p{font-size: 18px;color: #000000;line-height: 30px;width: 61%;}

.about-gonyi{position: relative;}
.about-gonyi .about-gonyi-text{position: absolute;top: 26%;left: 0;right: 0;margin: auto;text-align: center;}
.about-gonyi .about-gonyi-text h4{font-size: 48px;color: #2573bf;font-weight: bold;margin-bottom: 18px;}
.about-gonyi .about-gonyi-text p{font-size: 18px;color: #000000;line-height: 30px;margin: auto;width: 80%;}


/* about-proup */
.nei-nav{background: #ffffff;border-bottom: 1px solid #eaeaea;}
.nei-nav ul{}
.nei-nav ul li{float: left;}
.nei-nav ul li.active{}
.nei-nav ul li.active a{color: #ffffff;background: #2573bf;}
.nei-nav ul li a{font-size: 16px;display: block;padding: 25px 30px;}

.hui-bac{background: #eaeaea;}
.about-box{padding: 30px 0 0;}
.about-jt{background: #ffffff;box-sizing: border-box;padding: 80px 25px;}
.about-jt .about-jt-left{width: 40%;float: left;margin-top: 25px;}
.about-jt .about-jt-left h3{font-size: 48px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.about-jt .about-jt-left p{font-size: 18px;color: #333333;line-height: 36px;}

.about-jt .about-jt-right{width: 53%;float: right;}
.about-jt .about-jt-right h4{font-size:24px;color: #333333;}
.about-jt .about-jt-right span{width: 15px;height: 1px;background: #333333;display: block;margin-top: 20px;margin-bottom: 23px;}
.about-jt .about-jt-right P{font-size: 16px;color: #666666;line-height: 36px;}

.about-ln{height: 656px;position: relative;}
.about-ln .about-ln-text{width: 52%;padding-left: 3%;padding-top: 9%;}
.about-ln .about-ln-text h3{font-size: 36px;color: #ffffff;font-weight: bold;}
.about-ln .about-ln-text span{display: block;width: 15px;height: 1px;background: #ffffff;margin: 15px 0 20px;}
.about-ln .about-ln-text p{font-size: 16px;color: #ffffff;line-height: 30px;}
.about-box-ln{padding-bottom: 80px;}

.about-zz{padding: 60px 0;}
.about-zz .zz-text{text-align: center;margin-bottom: 80px;}
.about-zz .zz-text h3{font-size: 40px;color: #eaeaea;font-weight: bold;}
.about-zz .zz-text h4{font-size: 20px;color: #d1d1d1;text-transform: uppercase;}
.about-zz .about-zz-swiper{position: relative;}
.about-zz .about-zz-swiper .about-zz-butt{position: absolute;left: 0;width: 100%;top: 50%;}
.about-zz .about-zz-swiper .about-zz-butt .swiper-button-prev{left: -3%;}
.about-zz .about-zz-swiper .about-zz-butt .swiper-button-next{right: -3%;}
.about-zz .about-zz-swiper .about-zz-butt .swiper-button-white{outline: none;}
.about-zz .about-zz-swiper .swiper-container{padding-bottom: 100px;}
.about-zz .about-zz-swiper .swiper-slide{background: #efefef;text-align: center;padding: 10px 0 0;}
.about-zz .about-zz-swiper .swiper-slide a{display: block;}
.about-zz .about-zz-swiper .swiper-slide p{background: #2573bf;color: #ffffff;font-size: 18px;width: 90%;margin: auto;height: 45px;position: relative;padding: 10px 0;}
.about-zz .about-zz-swiper .swiper-slide .about-zz-img{height: 340px;line-height: 340px;overflow: hidden;}
.about-zz .about-zz-swiper .swiper-slide .about-zz-img img{max-width:80%;max-height:80%;}
.about-zz .about-zz-swiper .swiper-slide p span{position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);width: 100%;text-align: center;}
.about-zz .swiper-button-next,.about-zz  .swiper-button-prev{margin-top: -70px;}
.about-zz .swiper-pagination .swiper-pagination-bullet{width: 30px;border-radius: 100px;background: #c08e3d;opacity: 1;}

.about-zz .swiper-pagination .swiper-pagination-bullet-active{background: #2573bf;}

.about-huoban{padding: 85px 0;}
.about-huoban .about-huoban-text{text-align: center;}
.about-huoban .about-huoban-text h3{font-size: 40px;color: #333333;font-weight: bold;}
.about-huoban .about-huoban-text h4{font-size: 20px;color: #333333;text-transform: uppercase;}
.about-huoban .about-huoban-swiper{margin-top: 40px;background: #ffffff;padding: 15px 0;}
.about-huoban .about-huoban-swiper .swiper-slide img{max-width: 100%;}
.about-huoban .about-huoban-swiper .swiper-slide a{display: block;background: #ffffff;border: 1px solid #dedede;box-sizing: border-box;text-align: center;margin-bottom: -1px;margin-left: -1px;}
.about-huoban .about-huoban-swiper .swiper-container{padding: 15px 15px 65px;}
.about-huoban .about-huoban-swiper .swiper-pagination-bullet-active{background: #002f68;}

/* product */
.pro-ban{position: relative;}
.product{margin: 80px 0 100px;}
.product .pro-ul{}
.product .pro-ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 4%;}
.product .pro-ul li:nth-of-type(3n){margin-right: 0;}
.product .pro-ul li a{display: block;}
.product .pro-ul li a .product-img{overflow: hidden;}
.product .pro-ul li a .product-img img{}
.product .pro-ul li a h4{font-size: 16px;color: #0a0706;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 10px;margin-bottom: 8px;}
.product .pro-ul li a p{font-size: 14px;color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .pro-ul li a:hover h4{color: #2573BF;}
.product .pro-ul li a:hover .product-img img{transform: scale(1.1);transition: 0.4s;}

.page-ul{text-align: center;    margin-top: 35px;}
.page-ul li{display: inline-block;}
.page-ul li a{margin: 0 2px;font-size: 16px;color: #666666;display: inline-block;border: 1px solid #dedede;padding: 5px 10px;border-radius: 5px;}
.page-ul li a.page-num-current,.page-ul li:hover a{color: #ffffff;background: #2573bf;border: 1px solid #2573bf;}

/* product-detail */
.product-detail{margin-top: 60px;}
.product-detail-text{text-align: center;margin-bottom: 20px;}
.product-detail-text h3{font-size: 40px;color: #333333;}
.product-detail-text h4{font-size: 20px;color: #d1d1d1;text-transform: uppercase;}
.product-detail-p p{text-align: left;font-size: 18px;color: #666666;line-height: 36px;width: 80%;margin: auto;}
.product-detail-img{position: relative;}
.product-detail-img img{width: 100%;}
.product-detail-img .img-text{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.75);}
.product-detail-img .img-text p{color: #ffffff;padding: 20px 65px;line-height: 36px;font-size: 18px;}
.product-ded-img{margin-top: 70px;margin-bottom: 35px;}
.product-detail-text2{}
.product-detail-text2 h3{font-size: 30px;}
.product-detail-text2 h4{font-size: 20px;}

.about-case{margin-top: 60px;margin-bottom: 150px;}
.about-case .title-text{}
.about-case .title-text h3{font-size: 36px;color: #333333;text-align: left;}
.about-case .title-text h4{font-size: 18px;color: #bd320e;}
.case-ul{}
.case-ul li{width: 32%;margin-right: 2%;float: left;}
.case-ul li:nth-of-type(3n){margin-right: 0;}
.case-ul li a{display: block;}
.case-ul li a h3{font-size: 16px;color: #0a0706;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 10px;margin-bottom: 8px;}
.case-ul li a p{font-size: 14px;color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case-ul li a:hover h3{color: #2573BF;}
.case-ul li a:hover .case-img{overflow: hidden;}
.case-ul li a:hover .case-img img{transform: scale(1.1);transition: 0.4s;}


/* case-detail*/
.case-detail{position: relative;}
.case-swiper2{position: absolute;bottom: 3%;width: 900px;margin: auto;left: 0;right: 0;}
.case-swiper2-box{position: relative;padding: 0 55px;}
.case-swiper2-box .swiper-button-white{outline: none;margin-top: 0;top: 0;background-color: rgba(0,0,0,0.7);height: 100%;width: 35px;background-size: 20px;}
.case-detail-box{margin-top: 80px;    margin-bottom: 45px;}
.case-detail-box .case-detail-title{margin-bottom: 15px;}
.case-detail-box .case-detail-title h3{font-size: 30px;font-weight: bold;color: #333333;}
.case-detail-box .case-detail-title h3 span{font-size: 30px;font-weight: bold;color: #2573bf;}
.case-detail-box .case-detail-text{}
.case-detail-box .case-detail-text p{font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 5px;}
.case-detail-box .case-detail-text p span{}
.detail-page{border-top: 1px solid #dedede;margin-top: 55px;padding: 20px 0;}
.detail-page .prev{float: left;width: 45%;}
.detail-page .prev a{background: url(../images/lj_03.png) left center no-repeat;padding-left: 15px;font-size: 16px;}
.detail-page .prev a:hover{background-image: url(../images/lj-l_03.png);color: #2573BF;}
.detail-page .next{float: right;width: 45%;text-align: right;}
.detail-page .next a{background: url(../images/rj_05.png) right center no-repeat;padding-right: 15px;font-size: 16px;}
.detail-page .next a:hover{background-image: url(../images/rj-l_05.png);color: #2573BF;}
.detail-page .back{float: left;width: 10%;text-align: center;}
.detail-page .back a{font-size: 16px;font-weight: bold;background: url(../images/back_03.png) left center no-repeat;padding-left: 25px;}
.detail-page .back a:hover{color: #2573BF;}

/* news */
.news{margin-bottom: 80px;margin-top: 65px;}
.news .swiper-container{}
.news .swiper-container .swiper-slide{}
.news .swiper-container .swiper-slide .news-slide-left{float: left;width: 48%;width: 675px;height: 380px;}
.news .swiper-container .swiper-slide .news-slide-left img{width: 100%;}
.news .swiper-container .swiper-slide .news-slide-right{width: 48%;float: right;}
.news .swiper-container .swiper-slide .news-slide-right h3{font-size: 20px;line-height: 36px;color: #000000;font-weight: bold;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news .swiper-container .swiper-slide .news-slide-right p{font-size: 16px;line-height: 36px;color: #666666;height: 75px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin-top: 10px;}
.news .swiper-container .swiper-slide .news-slide-right a{font-size: 16px;background: #2573BF;color: #ffffff;padding: 7px 10px;border-radius: 50px;margin-top: 25px;}
.news .swiper-container .swiper-slide .news-slide-right a icon{width: 20px;height: 24px;margin-right: 10px;background: url(../images/jt-b_10.png) no-repeat;background-size: 95%;background-position: center;display: inline-block;vertical-align: middle;}
 
.news .swiper-container .swiper-slide .news-slide-right a span{vertical-align: middle;font-size: 16px;}
.news .swiper-container-horizontal>.swiper-pagination-bullets,.news .swiper-pagination-custom,.news .swiper-pagination-fraction{width: 20%;text-align: left;left: 52%;bottom: 30px;}
.news .swiper-pagination-bullet-active{background: #2573BF;}
.news-list{margin: 35px 0 50px;}
.news-list ul{}
.news-list ul li{border-top: 1px solid #f0f0f0;}
.news-list ul li a{display: block;padding: 35px 0;}
.news-list ul li a .news-list-left{overflow: hidden;float: left;width: 287px;}
.news-list ul li a .news-list-center{float: left;width: 55%;padding-left: 40px;}
.news-list ul li a .news-list-center h3{font-size: 20px;color: #111111;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}  
.news-list ul li a .news-list-center p{font-size: 16px;line-height: 36px;color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 15px;}
.news-list ul li a .news-list-center .read-news{}
.news-list ul li a .news-list-center .read-news icon{width: 25px;height: 25px;background: #2573BF url(../images/jt-b_10.png) no-repeat;background-position: center;vertical-align: middle;border-radius: 100%;display: inline-block;}
.news-list ul li a .news-list-center .read-news span{font-size: 16px;color: #666666;vertical-align: middle;margin-left: 8px;}
 
.news-list ul li a .news-list-right{float: right;} 
.news-list ul li a .news-list-right b{display: block;font-size: 40px;color: #d7dcd8;font-weight: bold;position: relative;margin-bottom: 15px;padding-bottom: 25px;}
.news-list ul li a .news-list-right b::after{content: "";position: absolute;width: 35px;height: 2px;background: #d7dcd8;bottom: 0;right: 0;}
.news-list ul li a .news-list-right span{display: block;font-size: 18px;color: #d7dcd8;text-align: right;}
.news-list ul li a:hover .news-list-center h3{color: #2573BF;}
.news-list ul li a:hover .news-list-right b{color: #2573BF;}
.news-list ul li a:hover .news-list-center .read-news span{color: #2573BF;}
.page{text-align: center;}
.page a{display: inline-block;padding: 5px 15px;border: 1px solid #cccccc;border-radius: 8px;cursor: pointer;margin: 0 5px;color: #666666;margin-top: 25px;}
.page a.active,.page a:hover{color: #ffffff;background: #2573BF;border: 1px solid #2573BF;}

/* news-detail */
.news-detail-left .info{font-size: 14px;color: #999;border-bottom: 1px solid #cccccc;padding-bottom: 16px;}
.news-detail-left .info .fl span {padding-left: 28px;margin-right: 36px;line-height: 20px;}
.news-detail-left .info .fl span.time { background: url(../images/news_icon_01.png) no-repeat left center;}
.news-detail-left .info .fl span.source {background: url(../images/news_icon_02.png) no-repeat left center;}
.news-detail-left .info .fl span.count { background: url(../images/news_icon_03.png) no-repeat left center;}
.news-detail-left h3 {font-size: 24px;line-height: 28px;padding-bottom: 20px;font-weight: normal;}
.news-detail-text{margin: 30px 0 65px;}
.news-detail-text p,.news-detail-text div{font-size: 15px;color: #55565a;line-height: 29px;margin-bottom: 8px;}
.yeye{margin-top: 64px;}
.yeye p{overflow: hidden;margin: 8px 0;}
.yeye p a{color: #888888;}
.yeye p a:hover{color: #2573BF;}
.yeye p a i{font-size: 16px;vertical-align: middle;}
.yeye p a span{font-size: 16px;vertical-align: middle;}
.news-detail-left{width: 70%;float: left;}
.news-detail-right{float: right;width: 300px;float: right;box-shadow: 0 0 10px #ccc;}
.news-detail-right h3{text-align: left;border-bottom: 1px solid #cccccc;font-size: 18px;color: #333333;text-transform: uppercase;padding: 15px 25px;font-weight: bold;}
.news-detail-right dl{padding: 0 8px;}
.news-detail-right dl dd{border-bottom: 1px solid #cccccc;box-sizing: border-box;overflow: hidden;}
.news-detail-right dl dd a{padding: 15px;color: #666666;font-size: 15px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;}
.news-detail-right dl dd:last-of-type{border: none;}
.news-detail-right dl dd a:hover{color: #2573BF;}


/* join */
.join-zp{height: 420px;text-align: center;padding: 1px;box-sizing: border-box;}
.join-zp h4{font-size: 30px;color: #ffffff;margin-bottom: 15px;}
.join-zp h3{font-size: 48px;font-weight: bold;color: #ffffff;}
.join-zp .join-zp-text{margin-top: 120px;}

.zp-list{margin-bottom: 70px;margin-top: 40px;}
.zp-list .zp-ul{margin-bottom: 35px;}
.zp-list .zp-ul li{margin-bottom: 10px;border: 1px solid #cccccc;box-sizing: border-box;}
.zp-list .zp-ul li span{width: 25%;float: left;padding: 10px 0;box-sizing: border-box;text-align: center;font-size: 16px;}
.zp-list .zp-ul li:first-of-type{background: #2573bf;border: 1px solid #2573bf;}
.zp-list .zp-ul li:first-of-type span{text-align: center;font-size: 18px;color: #ffffff;padding: 15px 0;}
.zp-list .zp-ul li span:first-of-type{text-align: left;padding-left: 7%;}
.zp-list .zp-ul li:hover .li-span,.zp-list ul li.active .li-span{background: rgba(37,115,191,0.5);}
.zp-list .zp-ul li:hover .li-span span,.zp-list ul li.active .li-span span{color: #ffffff;}
.zp-list .zp-ul li .zp-detail{padding:30px 7% 50px;display: none;}
.zp-list .zp-ul li .zp-detail h4{font-size: 18px;color: #333333;}
.zp-list .zp-ul li .zp-detail p{font-size: 16px;color: #666666;margin-top: 5px;}
.join-zp-box{margin-top: 55px;}
.zp-list .zp-ul li .li-span{cursor: pointer;}
.zp-detail p a{  color: #ffffff;
    background: rgba(37,115,191,0.5);
    padding: 5px 25px;
    border-radius: 50px;}


.join-zp{margin: 75px auto;}

.join-zp-box .about-title{text-align: left;}

/* contact */
.contact{background: #eeeeee;padding: 70px 0;}
.contact-box{background: #ffffff;padding: 25px;box-sizing: border-box;}
.contact-top{height: 200px;}
.contact-box .contact-left{width: 30%;float: left;padding-top: 25px;padding-right: 25px;height: 100%;border-right: 1px dashed #e5e5e5;box-sizing: border-box;}
.contact-box .contact-left img{margin-bottom: 10px;}
.contact-box .contact-left h3{font-size: 24px;color: #333333;margin: 10px 0;}
.contact-box .contact-left p{font-size: 16px;color: #666666;line-height: 30px;}
.contact-box .contact-center{float: left;width: 42%;box-sizing: border-box;padding: 50px;height: 100%;}
.contact-box .contact-center h3{padding-left: 50px;background-position: left center;background-repeat: no-repeat;margin-bottom: 15px;}
.contact-box .contact-center h3 span{font-size: 18px;color: #333333;}
.contact-box .contact-center h3 b{font-size: 36px;color: #f79c0e;font-weight: normal;}
.contact-box .contact-center .h3-call{background-image: url(../images/call_06.jpg);}
.contact-box .contact-center .h3-call b{font-size: 30px;color: #2573bf;}
.contact-box .contact-center .h3-add{background-image: url(../images/adds_11.jpg);}
.contact-box .contact-center .h3-add b{font-size: 16px;color: #666666;}
.contact-box .contact-right{float: left;width: 28%;box-sizing: border-box;height: 100%;}
.contact-box .contact-right .ewm{text-align: center;width: 50%;float: left;margin-top: 20px;}
.contact-box .contact-right .ewm span{font-size: 16px;color: #666666;display: block;margin-top: 8px;}
#contact-map{height: 500px;margin-top: 25px;}
.amap-icon {background-image: url(../images/marker.png);}
.amap-icon img {display: none;}

/* cooperate-lc */
.cooperate-lc{margin: 85px auto;}
.cooperate-lc-text{text-align: center;}
.cooperate-lc-text h3{font-size: 36px;font-weight: bold;color: #333333;}
.cooperate-lc-text h4{font-size: 14px;color: #a3a3a3;font-weight: bold;}
.cooperate-lc ul{margin-top: 45px;}
.cooperate-lc ul li{width: 14.285%;float: left;text-align: center;margin-bottom: 3%;}
.cooperate-lc ul li a{display: block;text-align: center;position: relative;}
.cooperate-lc ul li a icon{background-position: center;background-repeat: no-repeat;width: 100px;height: 100px;background-size: 100%;display: inline-block;}
.cooperate-lc ul li a span{font-size: 18px;color: #333333;display: block;margin-top: 15px;}
.cooperate-lc ul li a::after{position: absolute;content: "";background: url(../images/lc-jt_20.png) no-repeat;background-position: center;right: -18%;top: 30%;width: 35%;height: 25px;    background-size: 100%;}
.cooperate-lc ul li:last-of-type a::after,.cooperate-lc ul li:nth-of-type(7) a::after{display: none;}
.cooperate-lc ul li a icon:hover{transform: scale(1.125);transition: 0.4s;}

/* cooperate-mark */
.cooperate-mark{margin: 50px auto;}
.cooperate-mark{}
.cooperate-mark-text1{background: url(../images/x-kuang_05.png) no-repeat;background-size: 100% 100%;padding: 50px 40px;margin-top: 35px;}
.cooperate-mark-text1 h3{font-size: 20px;font-weight: bold;color: #000009;margin-bottom: 6px;text-indent: 2em;}
.cooperate-mark-text1 p{font-size: 16px;color: #000009;line-height: 30px;text-indent: 2em;margin-bottom: 5px;}
.cooperate-mark-text1 p.c-name,.cooperate-mark-text1 p.c-time{text-align: right;}
.cooperate-mark-list{}
.cooperate-mark-list table{width: 100%;}
.cooperate-mark-list table tr{}
.cooperate-mark-list table tr th{background: #2573bf;font-size: 18px;color: #ffffff;font-weight: normal;text-align: center;width: 15%;padding: 15px 0;border-right: 1px solid rgba(255,255,255,0.5);}
.cooperate-mark-list table tr th:nth-of-type(3){width: 25%;}
.cooperate-mark-list table tr th select{background: #2573bf;border: none;color: #ffffff;font-size: 18px;}
.cooperate-mark-list table tr td{font-size: 18px;color: #333333;text-align: center;padding: 15px 10px;}
.cooperate-mark-list table tr:nth-of-type(odd){background: #d3e3f2;}
.cooperate-mark-list table tr td:nth-of-type(3){text-align: left;}
.mark-call{padding: 75px 0;}
.mark-call .mark-call-box{width: 75%;margin: auto;background: rgba(37,115,191,0.41);border-radius: 5px;box-sizing: border-box;padding: 35px;}
.mark-call .mark-call-box h3{color: #ffffff;font-size: 36px;text-align: center;margin-bottom: 15px;}
.mark-call .mark-call-box>p{color: #ffffff;font-size: 14px;line-height: 24px;}
.mark-call .mark-call-box ul{margin-top: 30px;}
.mark-call .mark-call-box ul li{float: left;width: 31.33333%;margin-bottom: 2%;}
.mark-call .mark-call-box ul li:nth-of-type(1),.mark-call .mark-call-box ul li:nth-of-type(2){margin-right: 3%;}
.mark-call .mark-call-box ul li p{display: block;background: #ffffff;border-radius: 5px;}
.mark-call .mark-call-box ul li p input{border: none;background: #ffffff;height: 35px;box-sizing: border-box;padding: 0 10px;border-radius: 5px;}
.mark-call .mark-call-box ul li textarea{resize: none;border: none;height: 200px;width: 100%;box-sizing: border-box;padding: 10px;border-radius: 5px;}
.mark-call .mark-call-box ul li.li-text{width: 100%;}
.mark-call .mark-call-box ul li.li-tijiao{width: 100%;text-align: center;}
.mark-call .mark-call-box ul li.li-tijiao button{border-radius: 5px;color: #ffffff;background: #c08e3d;border: none;padding: 12px 100px;outline: none;cursor: pointer;}

/* introduction-qg */

.intro{margin: 60px auto;}
.intro .fw1{height: 650px;}
.fw-box{width: 500px;float: right;position: relative;height: 100%;}
.fw-text1{position: absolute;right: 0;text-align: right;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width: 85%;
    box-sizing: border-box;
    padding-right: 30px;}
.fw-text1 h3{color: #ffffff;font-size: 48px;font-weight: bold;margin-bottom: 13px;}
.fw-text1 p{font-size: 16px;line-height: 36px;color: #ffffff;}
.fw-text1 span{width: 150px;background: #ffffff;height: 3px;display: block;margin-left: auto;margin-bottom: 30px;}

.fw2{}
.fw2 ul{}
.fw2 ul li{width: 32%;margin-right: 2%;float: left;}
.fw2 ul li:nth-of-type(3n){margin-right: 0;}
.fw3{margin-bottom: 120px;}
.fw3 .swiper-button-white{background-color: rgba(33,95,196,0.6);background-size: 20px;width: 30px;height: 55px;}

/* introduction-bq */
.bq{}
.bq .bq1{height: 500px;}
.bq .bq-box{width: 500px;float: left;position: relative;height: 100%;}
.bq .bq-box .bq-text1{position: absolute;left: 0;text-align: left;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width: 85%;
    box-sizing: border-box;
    padding-left: 30px;color: #ffffff;}
.bq .bq-box .bq-text1 h3{color: #ffffff;font-size: 48px;font-weight: bold;margin-bottom: 13px;}
.bq .bq-box .bq-text1 span{width: 150px;background: #ffffff;height: 3px;display: block;margin-right: auto;margin-bottom: 30px;}
.bq .bq-box .bq-text1 p{font-size: 16px;line-height: 36px;color: #ffffff;}
.bq .bq2{}
.bq .bq2 ul{}
.bq .bq2 ul li{width: 32%;margin-right: 2%;float: left;margin-bottom: 2%;}
.bq .bq2 ul li:nth-of-type(3n){margin-right: 0;}
.bq .bq2 ul li a{display: block;text-align: center;}
.bq .bq2 ul li a .bq2-img{overflow: hidden;}
.bq .bq2 ul li a .bq2-img img{}
.bq .bq2 ul li a p{font-size: 22px;color: #666666;padding: 15px 0;}
.bq .bq2 ul li a:hover .bq2-img img{transform: scale(1.1);transition: 0.4s;}
.bq .bq3{height: 635px;}
.bq .bq3 .bq-box{float: right;}
.bq .bq3 .wrap{position: relative;height: 100%;}
.bq .bq3 .bq-box .bq-text1{text-align: right;right: 0;left: auto;padding-right: 30px;}
.bq .bq3 .bq-box .bq-text1 span{margin-left: auto;margin-right: 0;}
.bq .bq4{}
.bq .bq4 ul{}
.bq .bq4 ul li{width: 32%;margin-right: 2%;float: left;}
.bq .bq4 ul li:nth-of-type(3n){margin-right: 0;}
.bq .bq4 ul li a{display: block;text-align: center;}
.bq .bq4 ul li a .bq4-img{overflow: hidden;}
.bq .bq4 ul li a .bq4-img img{}
.bq .bq4 ul li a p{font-size: 20px;padding: 15px 0;}
.bq.bq5{}
.bq.bq5{height: 630px;}
.bq.bq5 .wrap{position: relative;height: 100%;}
.bq.bq5 .wrap .bq5-box{width: 36%;padding: 20px;position: absolute;left: 0;top: 50%;background: #ffffff;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.bq.bq5 .wrap .bq5-box h3{font-size: 48px;color: #2573bf;font-weight: bold;}
.bq.bq5 .wrap .bq5-box span{display: block;width: 150px;height: 3px;background: #2573bf;margin: 10px 0 20px;}
.bq.bq5 .wrap .bq5-box p{font-size: 16px;color: #333333;margin-bottom: 15px;}

/* introduction-cl */

.intro-cl{margin-bottom: 80px;}
.intro-cl-title{text-align: center;}
.intro-cl-title h4{font-size: 16px;color: #d6d3d6;text-transform: uppercase;}
.intro-cl-title h3{font-size: 48px;color: #333333;font-weight: bolder;}
.intro-cl-title icon{width: 25px;height: 13px;background: url(../images/jt-x_03.png) no-repeat;display: inline-block;}
.cl1{background: #d1c09f;padding: 25px;position: relative;margin-top: 25px;}
.cl1 .cl1-left{float: left;width: 50%;}
.cl1 .cl1-right{float: left;width: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);box-sizing: border-box;padding: 40px;}
.cl1 .cl1-right p{font-size: 24px;color: #ffffff;line-height: 60px;}
.intro-cl-title2{text-align: center;}
.intro-cl-title2 h3{font-size: 36px;color: #333333;margin-bottom: 8px;}
.intro-cl-title2 p{font-size: 18px;color: #333333;}
.cl2{margin-top: 45px;}
.cl2 ul{}
.cl2 ul li{width: 23.5%;float: left;margin-right: 2%;border-radius: 10px;}
.cl2 ul li:nth-of-type(4n){margin-right: 0;}
.cl2 ul li a{display: block;}
.cl2 ul li a .cl2-img{overflow: hidden;}
.cl2 ul li a .cl2-img img{width: 100%;max-height: 380px;}
.cl2 ul li a .cl2-text{position: relative;background: #333333;text-align: center;padding: 20px;border-radius: 0 0 10px 10px;}
.cl2 ul li a .cl2-text h3{font-size: 30px;color: #ffffff;margin-bottom: 10px;}
.cl2 ul li a .cl2-text p{font-size: 16px;color: rgba(255,255,255,0.5);height: 96px;overflow: hidden;}
.cl2 ul li a .cl2-text::after{width: 40px;height: 40px;background: url(../images/cha_03.png) no-repeat;background-position: center;content: "";position: absolute;left: 0;right: 0;margin: auto;background-size: 100%;top: -25px;}
.cl3{}
.intro-cl-title p{font-size: 18px;color: #333333;}
.cl3 .cl3-1{}
.cl3 .cl3-1>h3{font-size: 48px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.cl3 .cl3-1 .cl3-1-img{}
.cl3 .cl3-1 .cl3-1-img img{width: 100%;}
.cl3 .cl3-1 .cl3-1-text{background-color: #3880c2;text-align: center;padding: 30px 0;}
.cl3 .cl3-1 .cl3-1-text h3{color: #ffffff;font-size: 48px;margin-bottom: 20px;}
.cl3 .cl3-1 .cl3-1-text p{color: #ffffff;font-size: 24px;margin-bottom: 8px;}
.cl3-p{margin-top: 30px;}
.cl3-p p{font-size: 20px;line-height: 36px;color: #333333;}
.cl3-2{height: 338px;position: relative;margin-top: 80px;}
.cl3-2 .cl3-2-text{position: absolute;left: 60px;top: 50px;/* transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); */}
.cl3-2 .cl3-2-text h3{font-size: 48px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.cl3-2 .cl3-2-text p{font-size: 24px;font-weight: bold;color: #ffffff;}
.cl3-3{margin-top: 100px;}
.cl3-3 ul{}
.cl3-3 ul li{float: left;width: 49.5%;margin-right: 1%;}
.cl3-3 ul li:nth-of-type(2n){margin-right: 0;}
.cl3-3 ul li a{display: block;position: relative;}
.cl3-3 ul li a .cl3-3-img{overflow: hidden;}
.cl3-3 ul li a .cl3-3-img img{width: 100%;}
.cl3-3 ul li a p{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;padding: 15px;box-sizing: border-box;color: #ffffff;font-size: 20px;background: rgba(37,115,191,0.8);}
.cl3-3 ul li a:hover .cl3-3-img img{transform: scale(1.125);transition: 0.4s;}
.cl3-3 .cl3-3-text{margin-top: 35px;}
.cl3-3 .cl3-3-text p{font-size: 20px;color: #333333;margin-bottom: 5px;}

.cl4{margin-top: 40px;}
.cl4 ul{}
.cl4 ul li{width: 23.5%;float: left;margin-right: 2%;}
.cl4 ul li:nth-of-type(4n){margin-right: 0;}
.cl4 ul li a{display: block;}
.cl4 ul li a .cl4-img{overflow: hidden;}
.cl4 ul li a .cl4-img img{width: 100%;}
.cl4 ul li a p{font-size: 18px;color: #333333;text-align: center;margin-top: 10px;}
.cl4 ul li a:hover .cl4-img img{transform: scale(1.125);transition: 0.4s;}
.cl4 ul li a:hover p{color: #bf3916;}
.cl5{position: relative;margin-top: 40px;}
.cl5 img{width: 100%;}
.cl5 .cl5-text{text-align: center;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;padding: 23px;box-sizing: border-box;background: rgba(37,115,191,0.8);}
.cl5 .cl5-text p{font-size: 36px;color: #d6d3d6;}

/* introduction-az */
.intro-az1{margin: 100px auto 75px;}
.intro-az2{height: 460px;}
.intro-az2 .wrap{position: relative;height: 100%;}
.intro-az2 .wrap .intro-az2-text{width: 45%;position: absolute;left: 0;margin: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.intro-az2-text h3{font-size: 30px;font-weight: bold;color: #ffffff;margin-bottom: 10px;}
.intro-az2-text p{font-size: 20px;color: #ffffff;}

.intro-az3{height: 500px;margin: 90px auto;}
.intro-az3 .wrap{height: 100%;}
.intro-az3 .intro-az3-left{float: left;width: 400px;background: #2573bf;height: 100%;box-sizing: border-box;padding:100px 50px;}
.intro-az3 .intro-az3-left h3{font-size: 48px;font-weight: bold;color: #ffffff;}
.intro-az3 .intro-az3-left span{width: 150px;height: 3px;background: #ffffff;display: block;margin: 15px 0 25px;}
.intro-az3 .intro-az3-left p{font-size: 16px;color: #ffffff;line-height: 30px;}
.intro-az3 .intro-az3-right{height: 500px;width: calc(100% - 400px);float: left;}

.intro-az4{margin: 45px auto;}
.intro-az4 .intro-az4-left{float: left;width: 45%;}
.intro-az4 .intro-az4-left .intro-az4-img{overflow: hidden;margin-bottom: 30px;}
.intro-az4 .intro-az4-left p{font-size: 20px;color: #333333;text-align: center;}
.intro-az4 .intro-az4-left p icon{vertical-align: middle;width: 75px;height: 75px;display: inline-block;}
.intro-az4 .intro-az4-left p span{margin-right: 55px;}
.intro-az4 .intro-az4-right{width: 45%;float: right;}
.intro-az4 .intro-az4-right h4{font-size: 20px;color: #f18100;font-weight: bold;margin-top: 12px;margin-bottom: 6px;}
.intro-az4 .intro-az4-right p{font-size: 16px;color: #333333;}
.intro-az4 .intro-az4-right p img{}

.intro-az5{background: #2573bf;padding: 70px 0;}
.intro-az5 .intro-az5-left{width: 45%;float: left;margin-top: 35px;}
.intro-az5 .intro-az5-left h3{font-size: 24px;color: #ffffff;font-weight: bold;}
.intro-az5 .intro-az5-left h4{font-size: 20px;color: #fda848;margin-top: 25px;margin-bottom: 8px;}
.intro-az5 .intro-az5-left p{font-size: 16px;opacity: 0.5;color: #ffffff;}
.intro-az5 .intro-az5-right{width: 45%;float: right;}
.intro-az6{margin: 85px auto;}

/* introduction-ys */
.intro-ys{margin-top: 85px;}
.intro-ys-text{text-align: center;}
.intro-ys-text h3{font-size: 60px;font-weight: bolder;color: #2573bf;    margin-bottom: 20px;}
.intro-ys-text p{font-size: 18px;font-weight: bolder;color: #2573bf;border: 1px solid #2573bf;border-radius: 100px;display: inline-block;    padding: 8px 30px;}

.intro-ys1-box{margin-top: 40px;}
.intro-ys1-box .intro-ys1-left{width: 48%;float: left;}
.intro-ys1-box .intro-ys1-left img{}
.intro-ys1-box .intro-ys1-right{width: 48%;float: right;margin-top: 45px;}
.intro-ys1-box .intro-ys1-right span{float: left;display: block;background: url(../images/hjt_06.png) no-repeat;width: 35px;font-size: 18px;text-align: center;font-weight: bold;color: #c08e3d;background-size: 100% 100%;padding-top: 5px;padding-bottom: 20px;}
.intro-ys1-box .intro-ys1-right .intro-ys1-right-text{    margin-top: 45px;}
.intro-ys1-box .intro-ys1-right .ys1-right-right{padding-left: 50px;}
.intro-ys1-box .intro-ys1-right .ys1-right-right h3{font-size: 24px;font-weight: bold;margin-bottom: 5px;color: #2573bf;}
.intro-ys1-box .intro-ys1-right .ys1-right-right p{font-size: 18px;color: #333333;line-height: 30px;}

.intro-ys2{}
.intro-ys2 .intro-ys2-box{text-align: center;margin: 50px auto;}
.intro-ys2 .intro-ys2-box .intro-ys2-box-left{float: left;width: 50%;}
.intro-ys2 .intro-ys2-box .intro-ys2-box-right{float: right;width: 50%;}
.intro-ys2-p{font-size: 18px;color: #333333;text-align: center;margin: 30px 0;}
.intro-ys2-img{text-align: center;}
.intro-ys2-img span{background: #2573bf;color: #ffffff;padding: 8px 25px;border-radius: 8px 8px 0 0;}

.intro-ys3{background-color: #2573bf;padding: 75px 0;}
.intro-ys3 .intro-ys3-box{margin-top: 40px;}
.intro-ys3 .intro-ys3-box ul{}
.intro-ys3 .intro-ys3-box ul li{width: 32%;float: left;margin-right: 2%;}
.intro-ys3 .intro-ys3-box ul li:nth-of-type(3n){margin-right: 0;}
.intro-ys3 .intro-ys3-box ul li a{display: block;background: #ffffff;text-align: center;padding-bottom: 35px;}
.intro-ys3 .intro-ys3-box ul li a .intro-ys3-img{overflow: hidden;}
.intro-ys3 .intro-ys3-box ul li a .intro-ys3-img img{width: 100%;}
.intro-ys3 .intro-ys3-box ul li a h3{margin-top: 20px;margin-bottom: 8px;font-size: 30px;color: #c08e3d;font-weight: bolder;}
.intro-ys3 .intro-ys3-box ul li a p{padding: 0 15px;font-size: 16px;color: #333333;height: 72px;}
.intro-ys3 .intro-ys-text{}
.intro-ys3 .intro-ys-text h3{color: #ffffff;}
.intro-ys3 .intro-ys-text p{color: #ffffff;border: 1px solid #ffffff;opacity: 0.8;}
.intro-ys4{margin-bottom: 80px;}
.intro-ys4 .intro-ys4-text{width: 75%;margin: auto;margin-top: 25px;}
.intro-ys4 .intro-ys4-text p{font-size: 18px;color: #333333;}
.intro-ys4 .intro-ys4-text ul{margin-top: 60px;}
.intro-ys4 .intro-ys4-text ul li{width: 32%;margin-right: 2%;float: left;text-align: center;}
.intro-ys4 .intro-ys4-text ul li:nth-of-type(3n){margin-right: 0;}

.intro-ys4-2{margin-top: 120px;}
.intro-ys4-left{float: left;width: 45%;}
.intro-ys4-left h3{border-bottom: 1px solid #2573bf;text-align: right;margin-bottom: 15px;}
.intro-ys4-left h3 span{font-size: 30px;color: #ffffff;font-weight: bold;background: #2573bf;padding: 5px 25px;}
.intro-ys4-left h4{font-size: 30px;color: #2573bf;font-weight: bold;margin-bottom: 5px;}
.intro-ys4-left p{margin-bottom: 8px;font-size: 18px;color: #333333;}
.intro-ys4-left p b{font-size: 24px;color: #404040;font-weight: bold;}
.intro-ys4-left p span{font-size: 24px;color: #c08e3d;font-weight: bold;}
.intro-ys4-right{float: right;width: 45%;}
.intro-ys4-left img{margin-top: 15px;}

.intro-ys5{}
.intro-ys5-box{position: relative;height: 630px;}
.intro-ys5-box .intro-ys5-text{width: 550px;    padding-bottom: 40px;position: absolute;left: 35px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);background: rgba(37,115,191,0.8);}
.intro-ys5-box .intro-ys5-text h3{font-size: 60px;color: #ffffff;font-weight: bold;border-bottom: 1px solid #ffffff;padding: 30px 25px;}
.intro-ys5-box .intro-ys5-text p{font-size: 24px;font-weight: bold;color: #ffffff;padding: 30px 25px;}
.intro-ys6{}
.intro-ys6 .intro-ys6-box{margin: 55px auto 85px;}
.intro-ys6 .intro-ys6-box ul{}
.intro-ys6 .intro-ys6-box ul li{width: 24.25%;margin-right: 1%;float: left;}
.intro-ys6 .intro-ys6-box ul li:nth-of-type(4n){margin-right: 0;}
.intro-ys6 .intro-ys6-box ul li a{display: block;text-align: center;border: 1px solid #e3e3e3;}
.intro-ys6 .intro-ys6-box ul li a .intro-ys6-img{overflow: hidden;}
.intro-ys6 .intro-ys6-box ul li a .intro-ys6-img img{width: 100%;}
.intro-ys6 .intro-ys6-box ul li a p{font-size: 26px;font-weight: bolder;color: #2573bf;padding: 15px 0;}



.about-body{}
.about-body #header{position: fixed;top: 0;z-index: 99999;left: 0;right: 0;background: rgba(255,255,255,0.8);}
.about-ban,.about-company,.about-gonyi{width: 100%;height: 100%;}
#fp-nav.right {
    right: 17px;
}
.about-company .about-company-text{top: 25%;}

.about-gonyi .about-gonyi-text .wrap3{opacity: 0;}
.about-company-text .wrap3{opacity: 0;}
.n-ban-text{opacity: 0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #ffffff;}


.product-detail .wrapp{width: 1200px;margin: auto;}
.product-detail .wrapp p{font-size: 16px;margin-bottom: 5px;
    line-height: 30px;}
.product-detail .wrapp img{margin: 15px auto;}




.fw-add1{display: flex;}
.fw-add1 .fw-add1-left{width: 45%;margin-right: 10%;}
.fw-add1 .fw-add1-left h2{font-size: 36px;text-transform: uppercase;color: #2573bf;}
.fw-add1 .fw-add1-left h3{font-size: 32px;color: #2573bf;    margin-bottom: 20px;}
.fw-add1 .fw-add1-left p{font-size: 18px;line-height: 30px;
    margin-bottom: 7px;}
.fw-add1 .fw-add1-img{width: 45%;text-align: right;}
.fw-add1 .fw-add1-img img{width: 100%;}
.fw-add2{}
.fw-add2 .fw-add2-title{margin-bottom: 35px;}
.fw-add2 .fw-add2-title h2{font-size: 36px;text-transform: uppercase;color: #2573bf;}
.fw-add2 .fw-add2-title h3{font-size: 32px;color: #2573bf;    margin-bottom: 20px;}
.fw-add2 .fw-add2-title p{font-size: 18px;line-height: 30px;
    margin-bottom: 7px;}
.fw-add2 ul{display: flex;flex-wrap: wrap;}
.fw-add2 ul li{width: 23.5%;margin-right: 2%;margin-bottom: 4%;}
.fw-add2 ul li:nth-of-type(4n){margin-right: 0;}
.fw-add2 ul li .li-div-img{text-align: center;overflow: hidden;height: 200px;
    line-height: 193px;margin-bottom: 16px;}
.fw-add2 ul li .li-div-img img{max-height: 200px;}
.fw-add2 ul li p{font-size: 16px;text-align: center;}





@media (max-width:1550px) {
 	
 }
 @media (max-width:1440px) {
  	.footer .footer-top .footer-top-left dl{margin-right: 7%;}
	.about-company .about-company-text h3{font-size: 44px;}
	.about-company .about-company-text h4{font-size: 36px;margin-bottom: 8px;}
	.about-gonyi .about-gonyi-text h4{font-size: 36px;margin-bottom: 12px;}
	
	
	
	
  }

 @media (max-width:1366px) {
	.about-zz .about-zz-swiper .swiper-slide p{font-size: 16px;}
 
 }
 
@media (max-width:1280px){
     .footer .footer-top .footer-top-left dl{margin-right: 5%;}
	 .header .header-list-nav ul li>a{padding: 0 7px;}
	 /* html{font-size: 18px;} */
	 
	 
	 .index-about .index-about-bottom-right ul li a h4{font-size: 18px;height: 53px;}
	 .index-about .index-about-bottom .index-about-bottom-text h3 {
	     font-size: 28px;
	     color: #ffffff;
	 }
	 .index-about .index-about-bottom .index-about-bottom-text p {
	     font-size: 20px;
	     color: #ffffff;
	 }
	 .index-banner .swiper-slide a .index-banner-text h3{font-size: 34px;}
	 .index-banner .swiper-slide a .index-banner-text span{height: 4px;}
	 .index-banner .swiper-slide a .index-banner-text h3{margin-bottom: 10px;}
	 .index-banner .swiper-slide a .index-banner-text p{font-size: 20px;}
	 .index-about .index-about-left>span{height: 45px;margin-bottom: 20px;}
	 .index-about .index-about-right a {
	     color: #937447;
	     font-size: 16px;
	     border: 1px solid #937447;
	     padding: 11px 50px;
	 }
	 .index-about .index-about-bottom-right ul li a .index-about-img img{width: 40px;}
	 .index-about .index-about-bottom-right ul li a .index-about-img{height: 45px;line-height: 45px;}
	 .title-text h3{font-size: 30px;}
	 .index-pro .index-pro-fl li a{font-size: 16px;margin:5px 3px}
	 .index-pro-detail-left .index-pro-detail-text h3{font-size: 30px;}
	 .index-pro-detail-left .index-pro-detail-text span{height: 0px;}
	 .index-pro-detail-left .index-pro-detail-list ul li h3{font-size: 20px;}
	 .index-pro-detail-left .index-pro-detail-list ul li .index-pro-detail-list-img img {
	     max-height: 45px;
	 }
	 .index-pro-detail-left .index-pro-detail-list ul li .index-pro-detail-list-img {
	     height: 50px;
	 }
	 .index-call .call-text h3{font-size: 22px;}
	 .footer .footer-top .footer-top-left dl dt a {
	     font-size: 16px;
	 }
	 .n-ban-text h3{font-size: 34px;}
	 .n-ban-text span{height: 5px;}
	 .about-company .about-company-text h3 {
	     font-size: 30px;
	 }
	 .about-company .about-company-text h4{font-size: 28px;}
	 .about-company .about-company-text p,.about-gonyi .about-gonyi-text p{font-size: 16px;}
	 .about-gonyi .about-gonyi-text h4,.about-company .about-company-text h3{font-size: 30px;}
	 .nei-nav ul li a{padding: 15px 30px;}
	 .about-jt .about-jt-left h3{font-size: 30px;}
	 .about-jt .about-jt-left p{font-size: 16px;}
	 .about-jt .about-jt-right span{margin-bottom: 15px;}
	 .about-ln .about-ln-text h3,.about-zz .zz-text h3,.about-huoban .about-huoban-text h3{font-size: 30px;}
	 .about-zz .about-zz-swiper .swiper-slide p{height: 30px;}
	 .product-detail-text h3{font-size: 30px;}
	 .about-case .title-text h3{font-size: 26px;}
	 .intro-cl-title h3{font-size: 30px;}
	 .cl1 .cl1-right p {
	     font-size: 20px;
	     color: #ffffff;
	     line-height: 40px;
	 }
	 .intro-cl-title2 h3{font-size: 30px;}
	 .cl2 ul li a .cl2-text h3{font-size: 20px;}
	 .cl3 .cl3-1>h3{font-size: 28px;}
	 .cl3 .cl3-1 .cl3-1-text h3{font-size: 28px;}
	 .cl3 .cl3-1 .cl3-1-text p{font-size: 20px;}
	 .cl3-p p{font-size: 18px;}
	 .cl3-2{margin-top: 35px;}
	 .cl3-2 .cl3-2-text h3,.cl3 .cl3-1>h3,.cl3 .cl3-1 .cl3-1-text h3{font-size: 28px;}
	 .cl3-3 ul li a p{font-size: 18px;}
	 .cl3-3 .cl3-3-text p{font-size: 18px;}
	 .intro-cl {
	     margin-bottom: 60px;
	 }
	 .cl5 .cl5-text p {
	     font-size: 22px;
	     color: #d6d3d6;
	 }
	 .bq .bq-box .bq-text1 h3,.bq.bq5 .wrap .bq5-box h3,.intro-az3 .intro-az3-left h3{font-size: 28px;}
	 .bq .bq-box .bq-text1 span{margin-bottom: 15px;}
	 .bq .bq2 ul li a p{font-size: 18px;}
	 .bq .bq4 ul li a p{font-size: 18px;}
	 .intro-az2-text h3{font-size: 24px;}
	 .intro-az2-text p {
	     font-size: 18px;
	     color: #ffffff;
	 }
	 .intro-az4 .intro-az4-left p,.intro-az4 .intro-az4-right h4{font-size: 18px;}
	 .intro-ys-text h3{font-size: 30px;}
	 .intro-ys3 .intro-ys3-box ul li a h3{font-size: 22px;}
	 .intro-ys4-left h4{font-size: 28px;}
	 .intro-ys5-box .intro-ys5-text h3{font-size: 28px;padding: 20px 25px;}
	 .intro-ys5-box .intro-ys5-text p{font-size: 18px;}
	 .intro-ys6 .intro-ys6-box ul li a p{font-size: 18px;}
	 .fw-add1 .fw-add1-left h3,.fw-add1 .fw-add1-left h2{font-size: 28px;}
	 .fw-add2 .fw-add2-title h2,.fw-add2 .fw-add2-title h3{font-size: 28px;}
	 .fw-text1 h3{font-size: 28px;}
	 .fw-add1 .fw-add1-left p{font-size: 16px;}
	 .case-detail-box .case-detail-title h3,.case-detail-box .case-detail-title h3 span{font-size: 24px;}
	 .case-detail-box .case-detail-text p{font-size: 16px;}
	 .pro-ul>p{font-size: 36px!important;}
	 .cooperate-lc-text h3,.mark-call .mark-call-box h3{font-size: 30px;}
	 .cooperate-mark-list table tr td{font-size: 16px;}
	 .news .swiper-container .swiper-slide .news-slide-left{width: 520px;}
	 .news-list ul li a .news-list-right b{font-size: 30px;padding-bottom: 8px;}
	 .news-list ul li a .news-list-center h3{font-size: 18px;}
	 .news-detail-left h3{font-size: 20px;}
	 
	 
	 
  }
 
  @media screen and (min-width:1200px) and (max-width:1280px){
 .header .header-list-nav ul li>a{
         font-size: 13px!important;
     } 
  }
  @media (max-width:1200px){
    /* html{width: 1200px;margin: auto;} */
	.wrap1{/* min-width: 1150px; */max-width: 94%;}
	.contact-box .contact-center h3 b{font-size: 28px;}
	.tankuang .tan-box{width: 700px;}
	.header .header-logo {
	    width: 285px;
	}
	.header .header-list-nav ul li{margin-right: 2px;}
	.index-about .index-about-left{margin-top: 80px;}
	.index-about .index-about-bottom-right{width: 55%;}
	.index-about .index-about-bottom .index-about-bottom-left{width: 45%;}
	.index-call .call-list ul li.yzm {
	    width: 195px;
	}
	.index-call .call-list ul li.yzm-img {
	    width: calc(100% - 195px);
		    padding-left: 20px;
	}
	.index-call .call-list ul li.yzm-img .button{margin-left: 20px;}
	.index-news .swiper-container .swiper-slide a .index-news-img {
	    overflow: hidden;
	    height: 190px;
	    line-height: 190px;
	}
	.footer .footer-top .footer-top-right {
	    text-align: right;
	    width: 310px;
	}
	.footer .footer-top .footer-top-left {
	    width: calc(100% - 360px);
	}
	.footer .footer-top .footer-top-left dl {
	    margin-right: 4%;
	}
	.product-detail .wrapp{max-width: 92%;}
	.cl2 ul li a .cl2-text h3 {
	    font-size: 18px;
	}
	.cl2 ul li a .cl2-text p{height: 120px;}
	.contact-box .contact-center .h3-call b {
	    font-size: 26px;
	    color: #2573bf;
	}
	.contact-box .contact-center .h3-add b {
	    font-size: 16px;
	    color: #666666;
	    line-height: 24px;
	    display: block;
	}
	.news .swiper-container .swiper-slide .news-slide-left {
	    width: 420px;
	}
	.news-detail-right{width: 255px;}
	.menu{display: block;}
	.header .menu{width:31px;height:26px;position:relative;margin:33px 0 0 36px;cursor:pointer;display: block;}
	.header .menu span{position: absolute;transition: 0.3s;width: 31px;height: 4px;border-radius: 2px;background: #215f9c;display: block;margin-bottom: 5px;-webkit-transform-origin: left center;
			transform-origin: left center;}
	.header .menu span{width: 28px;
	    height: 4px;}
	.header .menu .span1 {
		top: 0;
	}
	.header .menu .span3 {
	    top: 20px;
	}
	.header .menu .span2 {
	    top: 10px;
	}
	.menu.on .span1 {
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.menu.on .span2 {
	    opacity: 0;
	}
	.menu.on .span3 {
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.header .header-list-nav{position: absolute;top: 101%;margin-right: 0;right: -101%;transition: 0.4s;background: #fff;padding: 15px;width: 230px;}
	.header{position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 999999999;background: #fff;height: 85px;border-bottom: 1px solid #e8e8e8;
    line-height: 85px;}
	.header .header-list-nav.on{right: 0;transition: 0.4s;}
	.header .header-right {
	    line-height: normal;
	    margin-top: 33px;
	}
	.header .header-list-nav ul li {
	    margin-right: 0;
	    width: 100%;
		line-height: normal;
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 10px;
	}
	.header .header-list-nav ul li>a {
	    padding: 16px 7px;
		padding: 16px 7px 2px;
	}
	.header .header-list-nav ul li i {
	    position: absolute;
	    right: 16px;
	    width: 40px;
	    height: 35px;
	    background: url(../images/x-jt.png) center left no-repeat;
	    z-index: 3;
	    /* transform: rotateZ(90deg); */
	    top: 11px;
	    background-position: center;
		background-size: 20px;
	}
	.header .header-list-nav ul li dl{position: initial;background: none;}
	.header .header-list-nav ul li dl dd a{color: #333;}
	
	.header .header-list-nav ul li:hover dl{display: none;}
	.header .header-list-nav ul li dl dd {
	    text-align: left;
	    line-height: normal;
	}
	.header .header-list-nav ul li dl dd a{padding: 8px 20px;font-size: 15px;}
	.index-banner {
	    margin-top: 85px;
	}
	.about-ban{margin-top: 85px;}
	#fullpage .about-ban{margin-top: 0;}
	
	
  }
  @media (max-width:992px){
	
	.index-banner .jtt{background-size: 14px;
    width: 50px;
    height: 50px;}
	.index-banner .swiper-slide a .index-banner-text h3 {
	    font-size: 26px;
	}
	.index-banner .swiper-slide a .index-banner-text span {
	    height: 3px;
	}
	.index-about .index-about-left h2{font-size: 22px;}
	.index-about .index-about-left h3{font-size: 20px;}
	.index-about .index-about-right a{padding: 8px 40px;}
	.index-about .index-about-left {
	    margin-top: 45px;
	}
	.index-about .index-about-left>span {
	    height: 0px;
	    margin-bottom: 0px;
	}
	.index-about .index-about-bottom-right ul li a h4 {
	    font-size: 16px;
	        height: auto;
	}
	.index-about .index-about-bottom .index-about-bottom-left {
	    width: 100%;
		height: 350px!important;
	}
	.index-about {
	    height: auto;
	}
	.index-about .index-about-bottom-right{width: 100%;}
	.title-text h3,.index-about .index-about-bottom .index-about-bottom-text h3,.index-pro-detail-left .index-pro-detail-text h3 {
	    font-size: 24px;
	}
	.index-pro .index-pro-swiper .swiper-container .swiper-button-white{background-size: 15px;
    width: 40px;
    height: 60px;}
	.index-pro-detail-left .index-pro-detail-list ul li h3 {
	    font-size: 18px;
	}
	.index-call .call-left {
	    float: left;
	    width: 100%;
	}
	.call-right {
	    width: 100%;
	    float: right;
		margin-top: 15px;
	}
	.index-call .call-text h3 {
	    font-size: 18px;
	}
	.call-right .swiper-slide img{width: 100%;}
	.index-news .swiper-container .swiper-slide a .index-news-img {
	    overflow: hidden;
	    height: 135px;
	    line-height: 135px;
	}
	.footer .footer-top .footer-top-left{display: none;}
	.footer .footer-top .footer-top-right {
	    text-align: left;
	    width: 100%;
	}
	.footer .footer-top .footer-top-right .mama {
	    margin-top: 15px;
	    float: left;
	}
	.footer .footer-top .footer-top-right h3 {
	    font-size: 26px;
	    color: #ffffff;
	}
	.n-ban-text h3 {
	    font-size: 24px;
	}
	.about-gonyi .about-gonyi-text h4, .about-company .about-company-text h3 {
	    font-size: 24px;
	}
	.about-company .about-company-text h4 {
	    font-size: 24px;
	}
	.nei-nav{display: none;}
	.about-jt .about-jt-left {
	    width: 100%;
	    float: left;
	    margin-top: 0;
	}
	.about-jt .about-jt-right {
	    width: 100%;
	    float: right;
	}
	.about-jt{padding: 25px;}
	.about-jt .about-jt-left h3 {
	    font-size: 24px;
	}
	.about-jt .about-jt-right span {
	    margin-bottom: 10px;
		margin-top: 10px;
	}
	.about-ln .about-ln-text h3, .about-zz .zz-text h3, .about-huoban .about-huoban-text h3 {
	    font-size: 24px;
	}
	.product {
	    margin: 40px 0 70px;
	}
	.product-detail-text h3 {
	    font-size: 22px;
	}
	.about-case .title-text h3 {
	    font-size: 22px;
	}
	.intro-cl-title h3,.intro-cl-title2 h3 {
	    font-size: 24px;
	}
	.cl1 .cl1-right p {
	    font-size: 18px;
	    color: #ffffff;
	    line-height: 30px;
	}
	.cl2 ul li a .cl2-text::after{width: 30px;height: 30px;top: -15px;}
	.cl2 ul li a .cl2-text h3 {
	    font-size: 16px;
	}
	.cl2 ul li a .cl2-text p{font-size: 14px;}
	.cl2 ul li a .cl2-text{padding: 25px 10px;}
	.cl3-2 .cl3-2-text h3, .cl3 .cl3-1>h3, .cl3 .cl3-1 .cl3-1-text h3 {
	    font-size: 20px;
	}
	.cl3 .cl3-1 .cl3-1-text p {
	    font-size: 18px;
	}
	.cl3-2 .cl3-2-text p{font-size: 20px;}
	.cl3-3 ul li a p {
	    font-size: 16px;
	}
	.cl5 .cl5-text p {
	    font-size: 18px;
	    color: #d6d3d6;
	}
	.bq .bq-box .bq-text1 h3, .bq.bq5 .wrap .bq5-box h3, .intro-az3 .intro-az3-left h3 {
	    font-size: 22px;
	}
	.bq .bq2 ul li a p,.bq .bq4 ul li a p{
	    font-size: 16px;
	}
	.intro-az2-text h3 {
	    font-size: 20px;
	}
	.intro-az2 .wrap .intro-az2-text{width: 100%;}
	.intro-az5 .intro-az5-left h3{font-size: 20px;}
	.intro-az5 .intro-az5-left h4{font-size: 18px;}
	.intro-ys-text h3 {
	    font-size: 24px;
	}
	.intro-ys1-box .intro-ys1-right .ys1-right-right h3{font-size: 20px;}
	.intro-ys4-left h3 span{font-size: 24px;}
	.intro-ys4-left h4 {
	    font-size: 24px;
	}
	.intro-ys4-left p b{font-size: 20px;}
	.intro-ys4-left p span{font-size: 20px;}
	.intro-ys5-box .intro-ys5-text h3{font-size: 24px;}
	.intro-ys6 .intro-ys6-box ul li a p {
	    font-size: 16px;
		padding: 10px 0;
	}
	.fw-add1 .fw-add1-left {
	    width: 100%;
	    margin-right: 0;
		    margin-bottom: 10px;
	}
	.fw-add1{flex-wrap: wrap;}
	.fw-add1 .fw-add1-img {
	    width: 100%;
	    text-align: right;
	}
	.fw-add1 .fw-add1-left h3, .fw-add1 .fw-add1-left h2 {
	    font-size: 24px;
	}
	.fw-add2 .fw-add2-title h2, .fw-add2 .fw-add2-title h3 {
	    font-size: 24px;
	}
	.intro .fw1 {
	    height: 470px;
	}
	.fw-text1 h3 {
	    font-size: 24px;
	}
	.pro-ban{margin-top: 85px;}
	.case-swiper2{width: 100%;}
	.case-swiper2-box .swiper-button-white{background-size: 14px;}
	.case-detail-box .case-detail-title h3, .case-detail-box .case-detail-title h3 span {
	    font-size: 20px;
	}
	.pro-ul>p {
	    font-size: 24px!important;
	}
	.cooperate-lc ul li a icon{width: 70px;height: 70px;}
	.cooperate-lc ul li a::after{right: -12%;width: 26%;top: 21%;}
	.cooperate-lc-text h3, .mark-call .mark-call-box h3 {
	    font-size: 24px;
	}
	.cooperate-lc ul li a span{font-size: 16px;}
	.contact-box .contact-right{width: 50%;}
	.contact-box .contact-center{width: 50%;padding: 25px;}
	.contact-box .contact-left{width: 100%;}
	.contact-box .contact-center .h3-call b {
	    font-size: 20px;
	    color: #2573bf;
	}
	.contact-box .contact-center h3{padding-left: 44px;}
	.contact-top {
	    height: auto;
	}
	#contact-map {
	    height: 400px;
	    margin-top: 25px;
	}
	.cooperate-mark-list table tr th select{font-size: 16px;}
	.cooperate-mark-list table tr th{font-size: 16px;}
	.cooperate-mark-list table tr td {
	    font-size: 15px;
	}
	.mark-call .mark-call-box{width: 100%;}
	.mark-call .mark-call-box ul li p input{width: 100%;}
	.news .swiper-container .swiper-slide .news-slide-left {
	    width: 310px;    height: 300px;
	}
	.news .swiper-container .swiper-slide .news-slide-right h3{font-size: 18px;line-height: 26px;}
	.news .swiper-container .swiper-slide .news-slide-right {
	    width: calc(100% - 335px);
	    float: right;
	}
	.news .swiper-container .swiper-slide .news-slide-right a span{font-size: 14px;}
	.news-list ul li a .news-list-left {
	    overflow: hidden;
	    float: left;
	    width: 220px;
	}
	.news-list ul li a .news-list-center {
	    float: left;
	    width: calc(100% - 340px);
	    padding-left: 25px;
	}
	.news-list ul li a .news-list-right b {
	    font-size: 24px;
	    padding-bottom: 8px;
	}
	.news-detail-left {
	    width: 100%;
	    float: left;
	}
	.news-detail-right {
	    width: 100%;
		margin-top: 55px;
	}
	.detail-page .next,.detail-page .prev{width: 100%;}
	.detail-page .back{float: right;}
	.news-detail-left h3 {
	    font-size: 18px;
	}
	
	
	
	
  }
  @media (max-width:750px){ 
  
	.header .header-logo {
	    width: 260px;
	}
  .header .header-right .lang a{width: 18px;height: 20px;background-size: 100%;display: block;}
  .header .header-right .lang {
      float: left;
      margin-right: 10px;
  }
  .header .header-right .search a{display: block;}
  .header .header-right .search {
      float: left;
      margin-left: 10px;
  }
  .header .header-right .search a::after{top: 2px;left: -9px;}
  .header .header-right {
      line-height: normal;
      margin-top: 0;
      position: absolute;
      top: 5px;
      z-index: 999999;
      right: 4%;
  }
  .header{padding-top: 8px;height: 80px;line-height: 80px;}
  .index-banner {
      margin-top: 89px;
  }
  .index-banner .swiper-slide a .index-banner-text h3 {
      font-size: 16px;    margin-bottom: 7px;
  }
  .index-banner .swiper-slide a .index-banner-text span{width: 70px;height: 2px;margin-bottom: 6px;}
  .index-banner .swiper-slide a .index-banner-text p {
      font-size: 14px;
  }
  .index-banner .jtt {
      background-size: 9px;
      width: 30px;
      height: 30px;
  }
  .index-about .index-about-left{width: 100%;}
  .index-about .index-about-right{width: 100%;margin-top: 8px;}
  .index-about{background: none!important;}
  .index-about .index-about-left h2 {
      font-size: 18px;
  }
  .index-about .index-about-left h3 {
      font-size: 18px;
  }
  .index-about .index-about-left {
      margin-top: 25px;
  }
  .index-about .index-about-left p {
      font-size: 14px;
      line-height: 26px;
      color: #666666;
      text-indent: 2em;
  }
  .index-about .index-about-right a{font-size: 14px;}
  .index-about .index-about-right .video{margin-bottom: 30px;}
  .index-about .index-about-bottom {
      margin-top: 40px;
  }
  .title-text h3, .index-about .index-about-bottom .index-about-bottom-text h3, .index-pro-detail-left .index-pro-detail-text h3 {
      font-size: 18px;margin-bottom: 8px;
  }
  .index-about .index-about-bottom .index-about-bottom-text p {
      font-size: 14px;
      color: #ffffff;
  }
  .index-about .index-about-bottom-right ul li {
      float: left;
      width: 100%;
  }
  .index-about .index-about-bottom-right ul li a p {
      font-size: 14px;
      color: #959595;
      line-height: 26px;
      height: auto;
  }
  .index-pro .index-pro-fl li a {
      font-size: 14px;
  }
  .index-pro .index-pro-fl li a{width: 90px;}
  .title-text {
      margin-bottom: 20px;
  }
  .index-pro-detail-left {
      float: left;
      width: 100%;
  }
  .index-pro-detail-right {
      width: 100%;
      float: right;
  }
  .index-pro-detail {
      margin-top: 30px;
  }
  .index-pro-detail-left .index-pro-detail-text p {
      font-size: 14px;
      color: #666666;
      line-height: 26px;
  }
  .index-pro-detail-left .index-pro-detail-list ul li {
      float: left;
      margin-right: 0;
      width: 100%;
      margin-bottom: 4%;
      text-align: center;
  }
  .index-pro-detail-left .index-pro-detail-list ul li p {
      font-size: 14px;
      color: #666666;
      line-height: 26px;
  }
  .index-pro-detail-left .index-pro-detail-list ul li h3 {
      font-size: 16px;
  }
  .index-pro-detail-right-img span::after{display: none;}
  .index-call .call-text h3 {
      font-size: 16px;
  }
  .index-call {
      padding: 30px 0;
  }
  .index-call .call-list ul li.name {
      float: left;
      width: 100%;
      margin-right: 0;
  }
  .index-call .call-list ul li.phone {
      width: 100%;
  }
  .index-call .call-list ul li.yzm p input {
      width: 81px;
  }
  .index-call .call-list ul li.yzm-img{height: auto;}
  
  .index-about .index-about-right .play_btn img{width: 45px;}
  .index-pro .index-pro-swiper .swiper-container .swiper-button-white {
      background-size: 11px;
      width: 28px;
      height: 50px;
  }
  .index-call .call-list ul li.yzm-img .button{width: 100%;margin-left: 0;margin-top: 16px;}
  .call-right .swiper-slide {
      margin-top: 10px;
  }
  .index-news {
      padding: 35px 0 35px;}
  .index-news .swiper-container .swiper-slide a .index-news-img {
      overflow: hidden;
      height: auto;
      line-height: normal;
  }
  .index-news .swiper-container .swiper-slide a p{height: auto;}
  .index-news .swiper-container {
      padding-top: 15px;
  }
  .index-news .inde-news-butt{top: 5px;}
  .inde-news-butt .swiper-butt{background-size: 15px;}
  .footer .footer-top .footer-top-right h3 {
      font-size: 22px;
      color: #ffffff;
  }
  .footer .footer-top .footer-top-right p{margin: 6px 0;}
  .footer .footer-top .footer-top-right .mama .gzh img,.footer .footer-top .footer-top-right .mama .dyh img{max-width: 85px;max-height: 85px;}
  .footer .footer-top .footer-top-right .mama .dyh span,.footer .footer-top .footer-top-right .mama .gzh span{font-size: 12px;}
  .footer .footer-copy p,.footer .footer-copy p a{font-size: 12px;}
  .footer .footer-top {
      padding: 30px 0 10px;}
  .n-ban-text h3 {
      font-size: 18px;
  }
  .n-ban-text span {
      height: 2px;
      display: block;
  }
  .about-gonyi .about-gonyi-text h4, .about-company .about-company-text h3 {
      font-size: 18px;
  }
  .about-company .about-company-text h4{font-size: 18px;}
  .about-company .about-company-text p, .about-gonyi .about-gonyi-text p {
      font-size: 14px;line-height: 28px;
  }
  .about-company .about-company-text p,.about-gonyi .about-gonyi-text p{width: 90%;}
  .about-ban {
      margin-top: 89px;
  }
  .about-box {
      padding: 25px 0 0;
  }
  .about-jt {
      padding: 10px;
  }
  .about-jt .about-jt-left h3 {
      font-size: 18px;margin-bottom: 3px;
  }
  .about-jt .about-jt-left p {
      font-size: 14px;
	  line-height: 28px;
  }
  .about-jt .about-jt-right h4{font-size: 18px;}
  .about-jt .about-jt-right{margin-top: 10px;}
  .about-jt .about-jt-right P{font-size: 14px;line-height: 28px;}
  .about-ln .about-ln-text h3, .about-zz .zz-text h3, .about-huoban .about-huoban-text h3 {
      font-size: 18px;
  }
  .about-ln .about-ln-text span{margin: 10px 0 12px;}
  .about-ln .about-ln-text {
      width: 94%;
      padding-left: 0;
      padding-top: 9%;
      margin: auto;
  }
  .about-ln .about-ln-text p {
      font-size: 14px;
      color: #ffffff;
      line-height: 28px;
  }
  .about-ln{height: 300px;}
  .about-zz {
      padding: 30px 0;
  }
  .about-zz .zz-text h4{font-size: 18px;}
  .about-zz .about-zz-swiper .about-zz-butt .swiper-button-white {
      outline: none;
      background-size: 15px;
  }
  .about-zz .about-zz-swiper .swiper-slide p {
      height: 20px;font-size: 14px;
  }
  .about-zz .about-zz-swiper .swiper-slide .about-zz-img {
      height: 295px;
      line-height: 295px;
      overflow: hidden;
  }
  .about-zz .zz-text {
      text-align: center;
      margin-bottom: 26px;
  }
  .about-zz .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;}
  .about-zz .about-zz-swiper .swiper-container {
      padding-bottom: 80px;
  }
  .about-zz {
      padding: 30px 0;
  }
  .about-ln .about-ln-text h3, .about-zz .zz-text h3, .about-huoban .about-huoban-text h3,.about-huoban .about-huoban-text h4 {
      font-size: 18px;
  }
  .about-huoban {
      padding: 30px 0;
  }
  .about-huoban .about-huoban-swiper{margin-top: 25px;}
  .about-huoban {
      padding: 30px 0;
  }
  .product {
      margin: 25px 0 35px;
  }
  .product .pro-ul li {
      float: left;
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
  }
  .product .pro-ul li a p{white-space: normal;}
  .page-ul li a{font-size: 12px;    padding: 3px 8px;}
  .product-detail-text h3 {
      font-size: 16px;
  }
  .product-detail-text h4{font-size: 16px;}
  .product-detail .wrapp p {
      font-size: 14px;
      margin-bottom: 5px;
      line-height: 28px;
  }
  .product-detail .wrapp img {
      margin: 5px auto;
  }
  .product-detail .wrapp>h3{font-size: 16px;}
  .about-case .title-text h3 {
      font-size: 18px;
  }
  .about-case .title-text h4 {
      font-size: 16px;
      color: #bd320e;
  }
  .product-detail {
      margin-top: 30px;
  }
  .pro-ban {
      margin-top: 89px;
  }
  /* .about-ban .n-ban-text{display: none;} */
  .cl1 .cl1-right{width: 100%;top: 0;position: initial;transform: none;-webkit-transform: none;-moz-transform: none;padding: 0;}
  .cl1 .cl1-left {
      float: left;
      width: 100%;
  }
  .cl1{padding: 10px;margin-top: 10px;}
  .intro-cl-title h3, .intro-cl-title2 h3 {
      font-size: 18px;
  }
  .intro-cl-title icon{width: 16px;height: 10px;background-size: 100%;}
  .intro {
      margin: 27px auto;
  }
  .cl1 .cl1-right p {
      font-size: 14px;
      color: #ffffff;
      line-height: 28px;
  }
  .intro-cl-title2 p {
      font-size: 14px;
      color: #333333;
  }
  .cl2 ul li {
      width: 100%;
      float: left;
      margin-right: 0;
      border-radius: 10px;
	  margin-bottom: 10px;
  }
  .cl2 ul li a .cl2-text p {
      height: auto;
  }
  .intro-cl-title2 p{font-size: 14px;}
  .cl2 {
      margin-top: 25px;
  }
  .intro-cl-title p {
      font-size: 14px;
      color: #333333;
  }
  .cl3-2 .cl3-2-text h3, .cl3 .cl3-1>h3, .cl3 .cl3-1 .cl3-1-text h3 {
      font-size: 16px;
  }
  .cl3 .cl3-1 .cl3-1-text p {
      font-size: 14px;
  }
  .cl3 .cl3-1 .cl3-1-text{padding: 10px 0;}
  .cl3 .cl3-1 .cl3-1-text h3{margin-bottom: 10px;}
  .cl3-p p {
      font-size: 14px;
      line-height: 28px;
  }
  .cl3-p {
      margin-top: 11px;
  }
  .cl3-2 {
      margin-top: 20px;
  }
  .cl3-2 .cl3-2-text {
      position: absolute;
      left: 10px;
      top: 50px;
  }
  .cl3-2 .cl3-2-text p {
      font-size: 14px;
  }
  .cl3-2 .cl3-2-text h3{margin-bottom: 12px;}
  .cl3-3 ul li {
      float: left;
      width: 100%;
      margin-right: 0;
	  margin-bottom: 10px;
  }
  .cl3-3 ul li a p {
      font-size: 14px;
	  padding: 10px;
  }
  .cl3-3 .cl3-3-text p {
      font-size: 14px;
  }
  .cl3-3 .cl3-3-text {
      margin-top: 10px;
  }
  .cl4 ul li {
      width: 100%;
      float: left;
      margin-right: 0;
	  margin-bottom: 10px;
  }
  .cl4 ul li a p{font-size: 14px;}
  .cl4 {
      margin-top: 10px;
  }
  .cl5 {
      position: relative;
      margin-top: 15px;
  }
  .cl5 .cl5-text p {
      font-size: 14px;
      color: #d6d3d6;
  }
  .cl5 .cl5-text{padding: 10px;}
  .bq .bq-box{width: 100%;}
  .bq .bq-box .bq-text1 h3, .bq.bq5 .wrap .bq5-box h3, .intro-az3 .intro-az3-left h3 {
      font-size: 16px;
  }
  .bq .bq-box .bq-text1 span {
      width: 130px;
      background: #ffffff;
      height: 2px;margin-bottom: 8px;}
  .bq .bq-box .bq-text1 p {
      font-size: 14px;
      line-height: 28px;
      color: #ffffff;
  }
  .bq .bq-box .bq-text1{left: 0;right: 0;padding-left: 0;margin: auto;width: 94%;top: initial;bottom: 20px;-webkit-transform: none;-moz-transform: none;transform: none;}
  .bq .bq-box{background: none!important;}
  .bq .bq1 {
      height: 400px;
  }
  .bq .bq2 ul li {
      width: 100%;
      margin-right: 0;
      float: left;
      margin-bottom: 10px;
  }
  .bq .bq2 ul li a p, .bq .bq4 ul li a p {
      font-size: 14px;
  }
  .bq .bq3 .bq-box .bq-text1{padding-right: 0;}
  .bq .bq4 ul li {
      width: 100%;
      margin-right: 0;
      float: left;
  }
  .bq.bq5 .wrap .bq5-box {
      width: 100%;
      box-sizing: border-box;
      padding: 20px;top: initial;bottom: 20px;-webkit-transform: none;-moz-transform: none;transform: none;}
  .intro-az3 .intro-az3-left{width: 100%;}
  .intro-az1 {
      margin: 25px auto 25px;
  }
  .intro-az2-text h3 {
      font-size: 16px;
  }
  .intro-az2-text p {
      font-size: 14px;
      color: #ffffff;
  }
  .intro-az2 {
      height: 250px;
  }
  .intro-az3 .intro-az3-right {
      height: 225px;
      width: 100%;
      float: left;
  }
  .intro-az3 {
      height: auto;
      margin: 25px auto;
  }
  .intro-az3 .intro-az3-left{padding: 25px 15px;}
  .intro-az3 .intro-az3-left p {
      font-size: 14px;
      color: #ffffff;
      line-height: 28px;
  }
  .intro-az3 .intro-az3-left span {
      width: 100px;
      height: 2px;
      background: #ffffff;
      display: block;
      margin: 10px 0 10px;
      display: block;
  }
  .intro-az4 .intro-az4-left {
      float: left;
      width: 100%;
  }
  .intro-az4 .intro-az4-right {
      width: 100%;
      float: right;
  }
  .intro-az4 .intro-az4-left .intro-az4-img {
      overflow: hidden;
      margin-bottom: 15px;
  }
  .intro-az4 .intro-az4-left p span {
      margin-right: 20px;
  }
  .intro-az4 .intro-az4-left p, .intro-az4 .intro-az4-right h4 {
      font-size: 15px;
  }
  .intro-az4 .intro-az4-left p icon {
      vertical-align: middle;
      width: 70px;
      height: 70px;
      display: inline-block;
	  background-size: 70px 70px!important;
  }
  .intro-az4 .intro-az4-right p {
      font-size: 14px;
      color: #333333;
  }
  .intro-az5 .intro-az5-left {
      width: 100%;
      float: left;
      margin-top: 0;
  }
  .intro-az5 .intro-az5-left h3 {
      font-size: 17px;
  }
  .intro-az5 .intro-az5-left h4 {
      font-size: 16px;
	  margin-top: 15px;
  }
  .intro-az5 .intro-az5-left p {
      font-size: 14px;
      opacity: 0.5;
      color: #ffffff;
  }
  .intro-az5 .intro-az5-right {
      width: 100%;
      float: right;
      margin-top: 20px;
  }
  .intro-az5{padding: 30px 0;}
  .intro-az6 {
      margin: 25px auto;
  }
  
  .intro-ys5-box .intro-ys5-text{left: 0;width: 100%;}
  .intro-ys-text h3 {
      font-size: 18px;margin-bottom: 10px;
  }
  .intro-ys-text p{font-size: 14px;padding: 6px 10px;}
  .intro-ys {
      margin-top: 25px;
  }
  .intro-ys1-box .intro-ys1-left {
      width: 100%;
      float: left;
  }
  .intro-ys1-box .intro-ys1-right {
      width: 100%;
      float: right;
      margin-top: 15px;
  }
  .intro-ys1-box .intro-ys1-right span{width: 23px;font-size: 14px;}
  .intro-ys1-box .intro-ys1-right .ys1-right-right {
      padding-left: 35px;
  }
  .intro-ys1-box .intro-ys1-right .ys1-right-right h3 {
      font-size: 16px;
  }
  .intro-ys1-box .intro-ys1-right .ys1-right-right p {
      font-size: 14px;
      color: #333333;
      line-height: 28px;
  }
  .intro-ys1-box .intro-ys1-right .intro-ys1-right-text {
      margin-top: 25px;
  }
  .intro-ys-text h3 {
      font-size: 16px;
  }
  .intro-ys2-p{font-size: 15px;}
  .intro-ys2 .intro-ys2-box .intro-ys2-box-left {
      float: left;
      width: 100%;
  }
  .intro-ys2 .intro-ys2-box .intro-ys2-box-right {
      float: right;
      width: 100%;
  }
  .intro-ys2-img span{font-size: 16px;}
  .intro-ys3{padding: 25px 0;}
  .intro-ys3 .intro-ys3-box ul li {
      width: 100%;
      float: left;
      margin-right: 0;
      margin-bottom: 10px;
  }
  .intro-ys3 .intro-ys3-box ul li a h3 {
      font-size: 16px;
  }
  .intro-ys3 .intro-ys3-box ul li a p{font-size: 14px;height: auto;}
  .intro-ys3 .intro-ys3-box ul li a{padding-bottom: 15px;}
  .intro-ys4 .intro-ys4-text {
      width: 100%;
      margin: auto;
      margin-top: 15px;
  }
  .intro-ys4 .intro-ys4-text p {
      font-size: 15px;
      color: #333333;
  }
  .intro-ys4 .intro-ys4-text ul {
      margin-top: 40px;
  }
  .intro-ys4-2 {
      margin-top: 30px;
  }
  .intro-ys4-left {
      float: left;
      width: 100%;
  }
  .intro-ys4-left h3 span {
      font-size: 18px;
  }
  .intro-ys4-left h4 {
      font-size: 18px;
  }
  .intro-ys4-left p{font-size: 14px;}
  .intro-ys4-left p b,.intro-ys4-left p span {
      font-size: 16px;
  }
  .intro-ys4-right {
      float: right;
      width: 100%;
      margin-top: 10px;
  }
  .intro-ys4 {
      margin-bottom: 30px;
  }
  .intro-ys5-box .intro-ys5-text h3 {
      font-size: 18px;    padding: 10px 15px;
  }
  .intro-ys5-box .intro-ys5-text p {
      font-size: 14px;padding: 15px 15px;
  }
  .intro-ys5-box .intro-ys5-text{padding-bottom: 5px;}
  .intro-ys5-box{height: 330px;}
  .intro-ys5-box .intro-ys5-text{bottom: 0;top: initial;-webkit-transform: none;-moz-transform: none;transform: none;}
  .intro-ys6 .intro-ys6-box ul li a p {
      font-size: 14px;
      padding: 10px 0;
  }
  .intro-ys6 .intro-ys6-box ul li {
      width: 100%;
      margin-right: 0;
      float: left;
      margin-bottom: 10px;
  }
  .intro-ys6 .intro-ys6-box {
      margin: 35px auto 35px;
  }
  .fw-add1 .fw-add1-left h3, .fw-add1 .fw-add1-left h2 {
      font-size: 18px;
  }
  .fw-add1 .fw-add1-left h3{margin-bottom: 10px;}
  .fw-add1 .fw-add1-left p {
      font-size: 14px;
	  line-height: 28px;
  }
  .fw-add2 .fw-add2-title h2, .fw-add2 .fw-add2-title h3 {
      font-size: 18px;
  }
  .fw-add2 .fw-add2-title p {
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 7px;
  }
  .fw-add2 .fw-add2-title h3{margin-bottom: 5px;}
  .fw-add2 .fw-add2-title {
      margin-bottom: 10px;
  }
  .fw-box{background: none!important;width: 100%;}
  .fw-text1{padding-right: 0;bottom: 20px;top: initial;-webkit-transform: none;-moz-transform: none;transform: none;left: 0;margin: auto;}
  .fw-text1 p {
      font-size: 14px;
      line-height: 28px;
      color: #ffffff;
  }
  .fw-text1 span {
      width: 100px;
      background: #ffffff;
      height: 2px;
      display: block;
      margin-left: auto;
      margin-bottom: 10px;
  }
  .fw-text1 h3 {
      font-size: 18px;margin-bottom: 8px;
  }
  .fw2 ul li {
      width: 100%;
      margin-right: 0;
      float: left;
      margin-bottom: 10px;
  }
  .fw3 {
      margin-bottom: 30px;
  }
  .fw3 .swiper-button-white {
     
      background-size: 11px;
      width: 30px;
      height: 40px;
  }
  .pro-ul>p {
      font-size: 18px!important;
  }
  .case-detail-box .case-detail-title h3, .case-detail-box .case-detail-title h3 span {
      font-size: 16px;
  }
  .case-detail-box {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  .case-detail-box .case-detail-text p {
      font-size: 14px;line-height: 28px;
  }
  .detail-page {
      border-top: 1px solid #dedede;
      margin-top: 35px;
      padding: 15px 0;
  }
  .detail-page .back{width: 100%;text-align: right;}
  .detail-page .back a{font-size: 14px;}
  .case-detail {
      position: relative;
      margin-top: 89px;
  }
  .case-swiper2-box .swiper-button-white {
      background-size: 11px;width: 20px;
  }
  .zp-list .zp-ul li:first-of-type span{font-size: 14px;padding: 10px 0;}
  .zp-list .zp-ul li span:first-of-type {
      text-align: left;
      padding-left: 2%;
  }
  .zp-list .zp-ul li span{font-size: 14px;}
  .join-zp-box {
      margin-top: 30px;
  }
  .zp-list .zp-ul li .zp-detail h4 {
      font-size: 15px;
      color: #333333;
  }
  .zp-list .zp-ul li .zp-detail {
      padding: 20px 3% 30px;}
  .zp-list .zp-ul li .zp-detail p {
      font-size: 14px;
      color: #666666;
      margin-top: 5px;
  }
  .cooperate-lc-text h3, .mark-call .mark-call-box h3 {
      font-size: 18px;
  }
  .cooperate-lc {
      margin: 30px auto;
  }
  .cooperate-lc ul {
      margin-top: 30px;
  }
  .cooperate-lc ul li a icon {
      width: 60px;
      height: 70px;
  }
  .cooperate-lc ul li a span {
      font-size: 14px;
	  margin-top: 2px;
  }
  .cooperate-lc ul li{    width: 33.285%;}
  .contact-box .contact-left p {
      font-size: 14px;
      color: #666666;
      line-height: 28px;
  }
  .contact-box .contact-left{padding-right: 0;border: none;}
  .contact-box .contact-center {
      width: 100%;
      padding: 5px;
  }
  .contact-box .contact-center .h3-add b{font-size: 14px;}
  .contact-box .contact-center h3 span {
      font-size: 16px;
      color: #333333;
  }
  .contact-box .contact-center h3 {
      padding-left: 34px;
      background-size: 20px;
  }
  .contact-box .contact-right .ewm span{font-size: 14px;}
  .contact-box .contact-right {
      width: 100%;
  }
  .amap-info-content h4{font-size: 15px!important;}
  .amap-info-content p{font-size: 13px!important;}
  .contact-box{padding: 10px;}
  #contact-map{height: 290px;}
  .contact-box .contact-center .h3-call b {
      font-size: 16px;
      color: #2573bf;
  }
  .contact {
      background: #eeeeee;
      padding: 30px 0;
  }
  
  .cooperate-mark {
      margin: 30px auto;
  }
  .cooperate-mark-text1{padding: 36px 15px;
    margin-top: 20px;}
  .cooperate-mark-text1 h3{font-size: 16px;}
  .cooperate-mark-text1 p {
      font-size: 14px;
      color: #000009;
      line-height: 28px;}
  .cooperate-mark-list table tr th select {
      font-size: 14px;
  }
  .cooperate-mark-list table tr th {
      font-size: 14px;
	  padding: 10px 0;
  }
  .cooperate-mark-list table tr td {
      font-size: 14px;
  }
  .cooperate-mark-list {
      overflow: overlay;
	  margin-top: 15px;
  }
  .cooperate-mark-list table {
      width: 550px;
  }
  .cooperate-mark-list table tr td{padding: 10px 5px;}
  .mark-call .mark-call-box{padding: 15px;}
  .mark-call .mark-call-box ul li textarea{height: 125px;}
  .news .swiper-container .swiper-slide .news-slide-left {
      width: 100%;
     height: 210px;
         overflow: hidden;
  }
  .news .swiper-container .swiper-slide .news-slide-right{width: 100%;}
  .news .swiper-container .swiper-slide .news-slide-right h3 {
      font-size: 16px;
      line-height: 26px;
      margin-top: 15px;
  }
  .news .swiper-container .swiper-slide .news-slide-right p {
      font-size: 14px;
      line-height: 28px;height: auto;margin-top: 5px;}
  .news .swiper-container .swiper-slide .news-slide-right a icon{background-size: 80%;    margin-right: 4px;}
  .news .swiper-container .swiper-slide .news-slide-right a{padding: 3px 5px;}
  .news .swiper-container-horizontal>.swiper-pagination-bullets, .news .swiper-pagination-custom, .news .swiper-pagination-fraction {
      width: 100%;
      text-align: right;
      left: 0;
      bottom: 0px;
     
  }
  .news .swiper-container {
      padding-bottom: 35px;
  }
  
  .news-list {
      margin: 20px 0 30px;
  }
  .news-list ul li a {
      display: block;
      padding: 15px 0;
  }
  .news-list ul li a .news-list-left{width: 100%;}
  .news-list ul li a .news-list-right b {
      font-size: 18px;
      padding-bottom: 5px;
	  margin-bottom: 5px;
  }
  .news-list ul li a .news-list-right span{font-size: 15px;}
  .news-list ul li a .news-list-right{width: 50px;margin-top: 7px;}
  .news-list ul li a .news-list-center {
      float: left;
      width: calc(100% - 60px);
      padding-left: 0;
  }
  .news-list ul li a .news-list-center h3 {
      font-size: 16px;
  }
  .news-list ul li a .news-list-center p {
      font-size: 14px;
      line-height: 28px;
	      white-space: normal;
	      display: -webkit-box;
	      -webkit-box-orient: vertical;
	      -webkit-line-clamp: 2;
	      overflow: hidden;
		      margin-bottom: 10px;
	  
	  }
  .news-list ul li a .news-list-center .read-news span{font-size: 14px;margin-left: 4px;}
  .news-list ul li a .news-list-center .read-news icon {
      width: 20px;
      height: 20px;    background-size: 12px;}
  .swiper-pagination-bullet{width: 6px;height: 6px;}
  .news {
      margin-bottom: 50px;
      margin-top: 30px;
  }
  .news-detail-left h3 {
      font-size: 16px;
	  line-height: 24px;
	  padding-bottom: 10px;
  }
  .news-detail-left .info .fl span{font-size: 12px;background-size: 14px!important;}
  .news-detail-text {
      margin: 15px 0 20px;
  }
  .news-detail-text p, .news-detail-text div{font-size: 14px;line-height: 26px;}
  .detail-page .prev a,.detail-page .next a{font-size: 14px;}
  .news-detail-right {
      width: 100%;
      margin-top: 40px;
  }
  .news-detail-right h3{padding: 10px 15px;    font-size: 16px;}
  .news-detail-right dl dd a{padding: 10px;font-size: 14px;}
  .index-call {
      padding: 20px 0;
      margin-top: 10px;
  }
  .cl3-3 {
      margin-top: 20px;
  }
  
  
  
  
  
  
  
  
  
  
  
  }
  @media (max-width:500px){
      
  	
  }