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



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;}
 */
body{font-family:SourceHanSansCN,"Source Han Sans CN",sans-serif,Helvetica,"Helvetica Neue", Arial, sans-serif;font-weight:300;font-size:1em;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;}
#header{position: fixed;left: 0;right: 0;top: 0;margin: auto;width: 100%;z-index: 999;background: #ffffff;}

.clear{clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
.wrap{width:1600px;max-width:94%;margin:0 auto;}
.wrap2{width: 1400px;margin: auto;max-width: 90%;}
.wrap3{width: 1200px;margin: auto;max-width: 90%;}
.wrap4{width: 1260px;margin: auto;max-width: 90%;}
.fl{float:left}
.fr{float:right}
/* header s */
.menu{display: none;float: right;}
.header{height: 85px;position: relative;}
.header-top{height: 100%;}
.head-logo{float: left;margin-top: 25px;width: 140px;}
.head-right{float: right;margin-top: 32px;}
.head-right .search{float: right;cursor: pointer;}
.head-right .search icon{width: 30px;height: 27px;background: url(../images/sousuo.png) no-repeat;background-position: center;display: inline-block;background-size: 100%;}
.head-right .lang{float: right;margin-right: 25px;}
.head-right .lang>a{font-size: 16px;color: #333333;    height: 25px;;background: url(../images/earth.png) left center no-repeat;padding-left: 35px;background-size: 27px;}
.nav-list{float: right;margin-top: 22px;margin-right: 6%;}
.nav-list ul{}
.nav-list ul li{float: left;margin: 0 20px;padding-bottom: 1.78%;}
.nav-list ul li a{font-size: 17px;font-weight: bolder;padding: 12px 4px;position: relative;display: block;}
/* .nav-list ul li:hover .nav-top{display: block;} */
.nei-banner,.index-banner{padding-top: 85px;}

/* .header .nav{}
.header .nav .nav-list{}
.header .nav .nav-list li{float: left;padding: 0 20px;height: 74px;text-align: center;position: relative;}
.nav-list ul li>a{padding: 22px 7px;font-size: 16px;color: #ffffff;position: relative;} */
.nav-list ul li>a::before{position: absolute; content: "";left: 50%;width: 0%;bottom: 0;border-bottom: 2px solid #022d64;opacity: 0;display: block;transition: all .3s cubic-bezier(.4,0,.2,1) 0s;}
.nav-list ul li.active>a::before{opacity: 1;width: 100%;left: 0;}
.nav-list ul li:last-of-type::after{display: none;}
.nav-top{position: absolute;display: none;z-index: 999;width: 100%;left: 0;right: 0;top: 84px;background:rgba(255,255,255,0.95);padding-bottom: 35px;padding-top: 0px;}
.nav-top .div1{position: relative;height: 350px;}
.nav-top .dl1{width: 300px;border-right: 1px solid #eeeeee;box-sizing: border-box;padding-right: 25px;}
.nav-top .dl1>dd{border-bottom:1px solid #eeeeee;}
.nav-top .dl1>dd .dl2{position: absolute;display: none;left: 335px;top: 0;width: 330px;border-right: 1px solid #eeeeee;padding-right: 50px;box-sizing: border-box;}
.nav-top .dl1>dd .dl2 .dl-a1{border-bottom: 1px solid #eeeeee;}
.nav-top .dl1>dd .dl3{display: none;position: absolute;top: 0;left: 375px;width: 550px;}
.nav-top .dl1>dd .dl3 a{display: block;width: 100%;}
.nav-top .dl1>dd .dl3 a .dl-a2-img{float: left;width: 150px;height: 125px;}
.nav-top .dl1>dd .dl3 a .dl-a2-text{font-size: 16px;padding-left: 180px;box-sizing: border-box;padding-top: 25px;}
.nav-top .dl1>dd .dl3 a .dl-a2-text h3{font-size: 16px;margin-bottom: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav-top .dl1>dd .dl3 a .dl-a2-text p{font-size: 15px;color: #666666;height: 46px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nav-top .dl1>dd.active>a{color: #ad061c;}
.nav-top .dl1>dd.active .dl-a1.active>a{color: #ad061c;}
.nav-top .dl1>dd .dl3 a:hover .dl-a2-text h3{color: #ad061c;}

.nav-top .dl1>dd.active .dl2.active{display: block;}
.nav-top .dl1>dd.active .dl2{display: block;}
.nav-top .dl1>dd .dl-a1{}
.nav-top .dl1>dd.active .dl-a1.active .dl3{display: block;}
.nav-top .dl1 .more-a{}
.nav-top .dl1 .more-a a{display: inline-block!important;width: auto!important;font-size: 16px;}
.nav-top .dl1 .more-a a i{color: #AD061C;vertical-align: middle;font-size: 18px;}
.nav-top .dl1 .more-a a:hover{color: #AD061C;}


.nav-text{display: none;position: absolute;z-index: 999;width: 100%;left: 0;right: 0;top: 83px;background:rgba(255,255,255,0.95);padding-bottom: 55px;padding-top: 0px;}
.nav-text-left{width: 35%;float: left;box-sizing: border-box;padding: 0 20px 0 0;}
.nav-text-left h3{font-size: 26px;margin-bottom: 15px;}
.nav-text-left p{font-size: 16px;color: #666666;line-height: 30px;}
.nav-text-left a{color: #AD061C;border: 1px solid #AD061C;border-radius: 100px;padding: 6px 25px!important;margin-top: 33px;display: inline-block!important;}
.nav-text-right{float: left;padding-left: 4%;border-left: 1px solid #eeeeee;width: 30%;box-sizing: border-box;padding-right:4%;border-right: 1px solid #eeeeee;}
.nav-text-right .nav-text-list{}
.nav-text-right .nav-text-list dd{border-bottom: 1px solid #eeeeee;}
.nav-text-right .nav-text-list dd a{background-position: right;background-repeat: no-repeat;}
.nav-text-right .nav-text-list dd a:hover{color: #AD061C;background-image: url(../images/xiala02.png);background-position: right;}
.nav-text-img{width: 30%;float: left;box-sizing: border-box;padding: 0 3%;}
.nav-text-img p{font-size: 16px;color: #666666;margin-top: 15px;}
/* .nav-list ul li:hover .nav-text{display: block;} */
.nav-nav-top{display: none;width: 30%;float: left;box-sizing: border-box;padding: 0 3%;display: none;}
.nav-nav-top .nav-text-list{}
.nav-nav-top .nav-text-list dd{border-bottom: 1px solid #eeeeee;}
.nav-nav-top .nav-text-list dd a{padding: 6px 4px;background-position: right;background-repeat: no-repeat;}
.nav-nav-top .nav-text-list dd a:hover{color: #AD061C;background-image: url(../images/xiala02.png);background-position: right;background-repeat: no-repeat;}
.nav-nav-top.active{display: block;}
.nav-text-list dd.active a{color: #AD061C;background-image: url(../images/xiala02.png);background-position: right;background-repeat: no-repeat;}

.nav-top::after{position: absolute;width: 100%;height: 1px;content: "";background: #eeeeee;top: 0px;}
.nav-text::after{position: absolute;width: 100%;height: 1px;content: "";background: #eeeeee;top: 0px;}
.nav-text .wrap{margin-top: 40px;}
.nav-top .wrap{margin-top: 40px;}



/* index */
.index-product{background: #f1f1f1;padding: 80px 0 35px 0;}
.index-product .index-pro-box{position: relative;}
.index-product .index-pro-box .index-pro-left{width: 23%;float: left;}
.index-product .index-pro-box .index-pro-left .text{margin-bottom: 25px;}
.index-product .index-pro-box .index-pro-left .text h3{font-size: 36px;font-weight: bolder;color: #002f68;}
.index-product .index-pro-box .index-pro-left .text h2{font-size: 30px;color: #dbdbdb;text-transform: uppercase;}
.index-product .index-pro-box .index-pro-left .text span{width: 75px;height: 25px;background: url(../images/bl_03.png) no-repeat;background-position: center;}
.index-product .index-pro-box .index-pro-left p{font-size: 14px;color: #333333;line-height: 30px;}
.index-pro-right{width: 73%;float: right;}
.index-pro-right .swiper-slide{background: #e5e5e5;text-align: center;box-sizing: border-box;padding: 15px 0 25px 0;}
.index-pro-right .swiper-slide p{font-size: 18px;color: #000000;}
.index-pro-right .swiper-slide i{width: 25px;height: 2px;background: #ad061c;display:block;margin: auto;margin-bottom: 10px;margin-top: 8px;}

.index-pro-box .swiper-pagination{bottom: 7%;left: 90px;}
.index-pro-box .swiper-pagination span{margin: 0 5px;width: 10px;height: 10px;outline: none;background: #878787;opacity: 1;}
.index-pro-box .swiper-pagination-bullet-active{background: #ad061c!important;}
.index-pro-box .swiper-button-next,.index-pro-box .swiper-button-prev{outline: none;background: none;width: 45px;height: 45px;border: 2px solid #d9d9d9;border-radius: 100%;font-size: 30px;color: #002f68;text-align: center;line-height: 45px;top: inherit;bottom: 5%;left: 10px;}
.index-pro-box .swiper-button-next:hover,.index-pro-box .swiper-button-prev:hover{border: 2px solid rgba(0,47,104,0.8);}
.index-product .pro-more{float: right;text-align: right;margin-top: 40px;}
.index-product .pro-more a{display: inline-block;vertical-align: middle;margin-right: 15px;border-bottom: 1px solid #000000;color: #000000;}
.index-product .pro-more a:hover{color: #002f68;border-bottom: 1px solid #002f68;}
.index-product .pro-more span{width: 135px;height: 39px;vertical-align: middle;display: inline-block;background: url(../images/bobo_15.png) no-repeat;background-position: center;}
.index-pro-right .swiper-slide:hover .slide-pro-img img{transform: scale(1.1);transition: 0.4s;}
.slide-pro-img{overflow: hidden;}
.index-pro-right .swiper-slide:hover a p{color: #ad061c;}

.index-banner .swiper-button-next{right: 30px;}
.index-banner .swiper-button-prev{left: 30px;}
.index-banner .swiper-pagination-bullet{background: #ffffff;opacity: 0.5;}
.index-banner .swiper-pagination-bullet-active{opacity: 1;}

.index-case{}
.index-case .index-case-img{position: relative;height: 900px;}
.index-case .index-case-img>.div-img{width: 100%;height: 100%;position: absolute;opacity: 0;top: 0;transition: 0.8s;}
.index-case .index-case-img>.div-img.active{opacity: 1;transition: 0.8s;}
.index-case .index-case-img .index-case-text{position: absolute;left: 0;top: 0;height: 100%;}
.index-case .index-case-img .index-case-text ul{height: 100%;}
.index-case .index-case-img .index-case-text ul li{width: 25%;height: 50%;float: left;position: relative;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.22);border-bottom: 1px solid rgba(255,255,255,0.22);}
.index-case .index-case-img .index-case-text ul li h1{font-size: 48px;margin-bottom: 10px;font-weight: bold;color: #ffffff;}
.index-case .index-case-img .index-case-text ul li p{font-size: 16px;color: #ffffff;}
.index-case .index-case-img .index-case-text ul .biao{box-sizing: border-box;    padding: 9% 35px 0 7%;}
.index-case .index-case-img .index-case-text ul li h3{font-size: 30px;font-weight: bold;color: #ffffff;text-align: right;padding: 0 30px;position: absolute;bottom: 25px;right: 0;}
.index-case .index-case-img .index-case-text .index-case-hover{opacity: 0;z-index: -1;height: 100%;width: 100%;background: rgba(0,104,183,0.76);box-sizing: border-box;padding: 28% 8% 0;}
.index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 44px;font-weight: bold;color: #f9c059;margin-bottom: 25px;}
.index-case .index-case-img .index-case-text .index-case-hover p{font-size: 18px;color: #ffffff;line-height: 30px;}
.index-case .index-case-img .index-case-text .index-case-hover a{font-size: 30px;position: absolute;bottom: 60px;color: #f9c059;border-bottom: 2px solid #f9c059;font-family: Aparajita;}
.index-case .index-case-img .index-case-text ul li.active .index-case-hover,.index-case .index-case-img .index-case-text ul li.act .index-case-hover{opacity: 1;transition: 0.4s;}
.index-case .index-case-img .index-case-text ul li.active h3,.index-case .index-case-img .index-case-text ul li.act h3{display: none;}
/* .index-case .index-case-img .index-case-text ul li.active{display: block;} */
.pro-zs{background: #dedddd;padding: 100px 0;}
.pro-zs .gallery-top{}
.pro-zs .gallery-top .swiper-slide{}
.pro-zs .gallery-top .swiper-slide .slide-text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.pro-zs .gallery-top .swiper-slide .slide-text h3{font-size: 36px;font-weight: bold;color: #002f68;margin-bottom: 8px;}
.pro-zs .gallery-top .swiper-slide .slide-text p{font-size: 22px;color: #000000;line-height: 30px;}
.pro-zs .gallery-top .swiper-slide .slide-text a{margin-top: 25px;font-size: 16px;color: #fff;background: #002f68;padding: 8px 20px;border-radius: 50px;}

.pro-zs .gallery-top .swiper-slide .slide-img{width: 600px;height: 600px;margin: auto;position: relative;text-align: center;}
.pro-zs .gallery-top .swiper-slide .slide-img>img{animation: rotating 6s linear infinite;}
@keyframes rotating{
	from{transform: rotate(0);}
	to{transform: rotate(-360deg);}
}
.pro-zs .gallery-top .swiper-slide .slide-img a{position: absolute;left: 0;right: 0;margin: auto;top: 50%;transform: translateY(-50%) scale(0.75);-webkit-transform: translateY(-50%) scale(0.75);-moz-transform: translateY(-50%) scale(0.75);}
.pro-zs .gallery-top .swiper-button-next,.pro-zs .gallery-top .swiper-button-prev{width: 100px;height: 100px;background-image: url(../images/jjt_06.png);background-size: 100%;}
.pro-zs .gallery-top .swiper-button-next{right: 55px;}
.pro-zs .gallery-thumbs{margin-top: 49px;}
.pro-zs .gallery-thumbs .swiper-slide{cursor: pointer;}
.pro-zs .gallery-thumbs .swiper-slide span{font-style: oblique;color: #000000;margin-bottom: 5px;}
.pro-zs .gallery-thumbs .swiper-slide h3{border-top: 1px solid #484848;padding: 8px 0;font-size: 20px;font-weight: bolder;color: #484848;}
.pro-zs .gallery-thumbs .swiper-slide-thumb-active h3,.pro-zs .gallery-thumbs .swiper-slide:hover h3{color: #002f68;border-top: 1px solid #002F68;}
.pro-zs .gallery-top .swiper-slide .slide-img a:hover img{transform: scale(1.15);transition: 0.4s;}


.index-about{}
.index-about .index-about-left{width: 45%;float: left;}
.index-about .index-about-left .left-text{background: #002F68;box-sizing: border-box;padding: 85px;height: 450px;}
.index-about .index-about-left .left-text h3{color: #ffffff;font-size: 30px;font-weight: bold;}
.index-about .index-about-left .left-text span{width: 50px;height: 2px;background: #ad061c;display: block;margin: 15px 0 25px;}
.index-about .index-about-left .left-text p{font-size: 14px;line-height: 30px;color: #ffffff;}
.index-about .index-about-left .left-text a{font-size: 14px;color: #ffffff;padding: 8px 25px;border-radius: 100px;border: 1px solid #ffffff;margin-top: 35px;}
.index-about .index-about-left .left-img{height: 320px;overflow: hidden;}
.index-about .index-about-left .left-img img{height: 100%;width: 100%;}


.index-about .index-about-right{float: left;width: 55%;box-sizing: border-box;}
.index-about .index-about-right .about-top{height: 380px;}
.index-about .index-about-right .about-top .about-top-left{width: 60%;float: left;height: 100%;}
.index-about .index-about-right .about-top .about-top-right{width: 40%;float: left;height: 100%;position: relative;}
.index-about .index-about-right .about-top img{height: 100%;width: 100%;}
.index-about .index-about-right .about-top-right a{display: block;height: 100%;}
.index-about .index-about-right .about-top-right p{position: absolute;bottom: 25px;left: 27px;z-index: 999;color: #ffffff;font-size: 20px;}
.index-about .about-bottom{}
.index-about .about-bottom .bottom-left{box-sizing: border-box;width: 310px;height: 390px;padding: 50px 25px;float: left;background: #ad061c;}
.index-about .about-bottom .bottom-left h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-top: 20px;margin-bottom: 8px;}
.index-about .about-bottom .bottom-left icon{width: 50px;height: 50px;background: url(../images/book_09.png) no-repeat;background-position: center;display: block;margin-top: 26px;}
.index-about .about-bottom .bottom-left span{width: 30px;height: 2px;background: #ffffff;display: block;margin-bottom: 10px;}
.index-about .about-bottom .bottom-left p{font-size: 16px;color: #ffffff;line-height: 30px;}
.index-about .about-bottom .bottom-right{width: calc(100% - 310px);float: left;height: 390px;overflow: hidden;}
.index-about .about-bottom .bottom-right img{height: 100%;width: 100%;}
.index-about .index-about-right .about-top .about-top-left{overflow: hidden;}
.index-about .index-about-right .about-top .about-top-left:hover img{transform: scale(1.1);transition: 0.4s;}
.index-about .index-about-right .about-top .about-top-right{overflow: hidden;}
.index-about .index-about-right .about-top .about-top-right:hover img{transform: scale(1.1);transition: 0.4s;}
.index-about .index-about-left .left-img:hover img{transform: scale(1.1);transition: 0.4s;}
.index-about .about-bottom .bottom-right:hover img{transform: scale(1.1);transition: 0.4s;}



.index-news{padding: 80px 0;}
.index-news .title-news{}
.index-news .title-news h3{float: left;font-size: 36px;font-weight: bolder;color: #002F68;}
.index-news .title-news a{float: right;font-size: 18px;color: #ffffff;background: #ad061c;padding: 8px 25px;border-radius: 50px;}
.index-news .news-swiper{padding-left:7%;margin-top: 40px;}
.index-news .wrap5{padding: 0 7%;}
.index-news .news-swiper .swiper-slide{}
.index-news .news-swiper .swiper-container-horizontal>.swiper-scrollbar{width: 75%;bottom: 5.5%;}
.index-news .news-swiper .swiper-container{padding-bottom: 120px;}
.index-news .news-swiper .swiper-slide a{display: block;}
.index-news .news-swiper .swiper-slide a .news-slide-img{overflow: hidden;}
.index-news .news-swiper .swiper-slide a i{font-size: 16px;color: #888888;line-height: 30px;display: block;margin-top: 8px;}
.index-news .news-swiper .swiper-slide a h4{font-size: 18px;color: #333333;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 15px;}
.index-news .news-swiper .swiper-slide a span{font-size: 14px;color: #888888;}
.index-news .news-swiper .swiper-slide a:hover h4,.index-news .news-swiper .swiper-slide a:hover span,.index-news .news-swiper .swiper-slide a:hover i{color: #ad061c;}
.swiper-scrollbar-drag{background: #ad061c!important;}
.swiper-container-horizontal>.swiper-scrollbar{height: 3px!important;}
.index-news .swiper-button-next,.index-news .swiper-button-prev{background-image: url(../images/jt_16.jpg);background-size: 100%;width: 40px;height: 40px;right: 7%;left: auto;top: 94%;}
.index-news .swiper-button-next{}
.index-news .swiper-button-prev{transform: rotateZ(180deg);right: 13%;}
.index-news .news-swiper .swiper-slide a:hover .news-slide-img img{transform: scale(1.1);transition: 0.4s;}

.footer{background: #022d64;}
.footer .foot-top{padding: 50px 0;}
.footer .foot-top .foot-left{width: 20%;float: left;}
.footer .foot-top .foot-left .ewm{margin-bottom: 15px;}
.footer .foot-top .foot-left p{margin-bottom: 4px;font-size: 14px;line-height: 24px;color: #ffffff;}
.footer .foot-top .foot-left a{color: #ffffff;opacity: 0.8;}
.footer .foot-top .foot-left a:hover{opacity: 1;}
.footer .foot-top .foot-left .lxx{margin-top: 15px;}
.footer .foot-top .foot-left .lxx a{display: inline-block;width: 28px;height: 28px;background-position: center;background-repeat: no-repeat;background-size: 100%;opacity: 0.5;margin-right: 5px;}
.footer .foot-top .foot-left .lxx .qq{background-image: url(../images/qq7.png);}
.footer .foot-top .foot-left .lxx .wx{background-image: url(../images/wx.png);}
.footer .foot-top .foot-left .lxx .wb{background-image: url(../images/wb.png);}
.footer .foot-top .foot-left .lxx .gw{background-image: url(../images/gw.png);}
.footer .foot-top .foot-left .lxx .sp{background-image: url(../images/sp.png);}
.footer .foot-top .foot-left .lxx a:hover{opacity: 0.8;}
.foot-right{width: 70%;float: right;}
.foot-right dl{width: 12%;margin-right: 1%;float: left;}
.foot-right dl:last-of-type{margin-right: 0;}
.foot-right dl dt{margin-bottom: 10px;}
.foot-right dl dt a{font-size: 14px;color: #ffffff;}
.foot-right dl dd{margin-bottom: 8px;}
.foot-right dl dd a{font-size: 12px;color: #ffffff;opacity: 0.4;}
.foot-right dl:first-of-type{width: 20%;}
.foot-right dl dd a:hover{opacity: 0.9;padding-left: 5px;}
.foot-copy{border-top: 1px solid rgba(255,255,255,0.2);padding: 15px 0;}
.foot-copy p{float: left;color: #ffffff;font-size: 14px;}
.foot-copy a{float: right;color: #ffffff;font-size: 14px;}

.aside{position: fixed;right: 15px;bottom: 25%;z-index: 999999;display: none;}
.aside .aside-img{width: 45px;height: 45px;background-size: 100%;background-position: center;background-image: url(../images/top.png);background-repeat: no-repeat;background-color: #a6a6a6;cursor: pointer;}




/* product */
.pro{margin-top: 60px;}
.search-box{}
.search-box .search-left{width: 200px;float: left;margin-top: 30px;}
.search-box .search-left select{width: 100%;border: none;border-bottom: 1px solid #002F68;font-size: 17px;padding: 5px;color: #333333;}
.search-box .search-right{width: 510px;margin: auto;}
.search-box .search-right p{border: 1px solid #e5e5e5;border-radius: 5px;height: 70px;overflow: hidden;}
.search-box .search-right p input{width: 465px;height: 70px;box-sizing: border-box;padding: 0 15px;border: none;background: #ffffff;font-size: 18px;color: #000000;}
.search-box .search-right p icon{width: 28px;height: 28px;background: url(../images/sear_05.jpg) no-repeat;background-position: center;display: inline-block;vertical-align: middle;cursor: pointer;}
.pro-list{margin-top: 60px;margin-bottom: 80px;}
.pro-list ul{}
.pro-list ul li{width: 23.5%;float: left;box-sizing: border-box;margin-right: 1%;margin-bottom: 2%;}
.pro-list ul li:nth-of-type(4n){margin-right: 0;}
.pro-list ul li a{display: block;text-align: center;}
.pro-list ul li a .pro-img{border: 1px solid #eeeeee;box-sizing: border-box;padding: 10px;overflow: hidden;}
.pro-list ul li a p{
font-size: 18px;
    color: #666666;
    margin: 20px 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro-list ul li a:hover p{color: #002F68;}
.pro-list ul li a:hover .pro-img img{transform: scale(1.1);transition: 0.4s;}
.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: #002f68;border: 1px solid #002f68;}

/* pro-detail */
.pro-detail{margin-bottom: 85px;}
.pro-detail-box{position: relative;padding-bottom: 75px;margin-top: 100px;}
.pro-detail-box::after{position: absolute;content: "";width: 1px;height: 98%;background: #cccccc;left: 50%;top: 0;}
.pro-detail-box .pro-detail-left{padding-top: 45px;width: 47%;float: left;text-align: center;overflow: hidden;}
.pro-detail-box .pro-detail-left img{width: 100%;}
.pro-detail-box .pro-detail-right{width: 47%;float: right;padding: 35px 0 55px 0;}
.pro-nav{}
.pro-nav a{display: inline-block;color: #a0a0a0;}
.pro-nav a.active,.pro-nav a:hover{color: #002f68;}
.pro-detail-box .pro-detail-text{margin-top: 35px;}
.pro-detail-box .pro-detail-text h3{font-size: 30px;color: #002f68;font-weight: bold;margin-bottom: 15px;}
.pro-detail-box .pro-detail-text p{font-size: 14px;color: #9b9b9b;line-height: 30px;}
.pro-detail-box .pro-detail-text button{background: #002f68;color: #ffffff;font-size: 18px;border: none;padding: 10px 25px;margin-top: 75px;outline: none;}
.pro-detail-ms{margin-bottom: 25px;}
.pro-detail-ms .ms-bac{background: #e7ebed;}
.pro-detail-ms .ms-bac a{display: inline-block;font-size: 18px;color: #002f68;background: #ffffff;border-top: 2px solid #002F68;padding: 12px 25px;}
.pro-detail-ms .ms-text{padding: 30px;}
.pro-detail-ms .ms-text h4{font-size: 16px;color: #333333;margin-bottom: 15px;}
.pro-detail-ms .ms-text p{font-size: 16px;color: #333333;line-height: 36px;margin-bottom: 5px;}
.about-case{}
.about-case .about-title{}
.about-case .about-title h3{font-size: 36px;color: #333333;margin-bottom: 0px;}
.about-case .about-title h5{font-size: 18px;color: #bd320e;}
.about-list{margin: 35px auto;}
.about-list ul{}
.about-list ul li{width: 32%;float: left;margin-right: 2%;}
.about-list ul li:nth-of-type(3n){margin-right: 0;}
.about-list ul li a{display: block;}
.about-list ul li a .about-case-img{overflow: hidden;text-align: center;}
.about-list ul li a h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;color: #0a0706;margin-bottom: 5px;margin-top: 8px;}
.about-list ul li a p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #666666;}
.about-list ul li a:hover .about-case-img img{transform: scale(1.1);transition: 0.4s;}
.about-list ul li a:hover h3{color: #002F68;}

/* case */
.nei-nav{border-bottom: 1px solid #cccccc;}
.nei-nav ul{}
.nei-nav ul li{display: inline-block;}
.nei-nav ul a{font-size: 16px;color: #333333;padding: 25px;text-transform: capitalize;}
.nei-nav ul a.active,.nei-nav ul a:hover{background: #002F68;color: #ffffff;}


.case{margin: 75px auto;}
.case .case-list{}
.case .case-list ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 4%;}
.case .case-list ul li:nth-of-type(3n){margin-right: 0;}
.case .case-list ul li a{display: block;}
.case .case-list ul li a .case-img{overflow: hidden;text-align: center;}
.case .case-list ul li a .case-img img{width: 100%;}
.case .case-list ul li a h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;color: #0a0706;margin-bottom: 5px;margin-top: 8px;}
.case .case-list ul li a p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #666666;}
.case .case-list ul li a:hover .case-img img{transform: scale(1.1);transition: 0.4s;}
.case .case-list ul li a:hover h3,.case .case-list ul li a:hover p{color: #ffffff;}
.case .case-list ul li a:hover .case-text{background: #002F68;}
.case .case-list ul li a .case-text{padding: 5px 8px 15px 8px;box-sizing: border-box;}

/* case-detail */
.case-detail{margin: 85px auto 110px;}
.case-detail .case-detail-text{margin-bottom: 50px;}
.case-detail .case-detail-text h3{font-size: 36px;color: #002f68;margin-bottom: 25px;text-align: center;}
.case-detail .case-detail-text p{font-size: 16px;color: #666666;line-height: 36px;}
.case-detail .case-swiper{width: 75%;margin: auto;}
.case-detail .case-swiper .swiper-container{padding: 65px 0;}
.case-detail .case-swiper .swiper-slide{text-align: center;}
.case-detail .swiper-button-next,.case-detail .swiper-button-prev{width: 50px;height: 65px;background-color: rgba(0,0,0,0.5);background-size: 28%;}
.case-detail .swiper-button-next{right: 0;}
.case-detail .swiper-button-prev{left: 0;}
.case-detail .swiper-pagination-bullet{opacity: 0.85;}
.case-detail .swiper-pagination-bullet-active{background: #002F68;}
.case-cx{margin: 80px auto;}
.case-cx .cx-tit{text-align: center;margin-bottom: 25px;}
.case-cx .cx-tit button{outline: none;background: #002F68;color: #ffffff;font-size: 24px;padding: 10px 35px;border-radius: 50px;border: none;}
.case-cx-text{margin-top: 55px;}
.case-cx-text .case-cx-left{width: 50%;float: left;box-sizing: border-box;padding: 25px 0 0 0;}
.case-cx-text .case-cx-left h4{font-size: 18px;font-weight: bolder;color: #333333;}
.case-cx-text .case-cx-left p{font-size: 16px;line-height: 36px;color: #333333;}
.case-cx-text .case-cx-right{width: 45%;float: right;}
.case-cx-text .case-cx-right img{width: 100%;}

/* fuwu */
.fuwu{}
.fuwu-nav{text-align: center;margin: 80px auto 60px;}
.fuwu-nav a{padding: 6px 25px;cursor: pointer;border-radius: 50px;border: 1px solid #cccccc;margin: 0 5px;}
.fuwu-nav a.active,.fuwu-nav a:hover{background: #004387;color: #ffffff;border: 1px solid #002F68;}
.service-kh-text{}
.service-kh-text p{font-size: 16px;color: #333333;line-height: 36px;}
.service-kh-text p b{font-size: 24px;color: #ad061c;}
.service-kh-biao{margin: 50px auto;}
.service-kh-biao table{width: 100%;}
.service-kh-biao table tr{}
.service-kh-biao table td{border: 1px solid #cccccc;width: 12.5%;box-sizing: border-box;text-align: center;font-size: 16px;color: #666666;padding: 12px 5px;border-right: none;border-bottom: none;}
.service-kh-biao table td input{width: 100%;box-sizing: border-box;border: none;padding: 0 5px;background: none;font-size: 16px;color: #666666;}
.service-kh-biao table td select{width: 100%;box-sizing: border-box;border: none;font-size: 16px;color: #666666;background: #ffffff;padding: 0 5px;}
.service-kh-biao table td textarea{width: 100%;height: 100px;box-sizing: border-box;padding: 10px;border: none;resize: none;}
.service-kh-biao table td.yzm{text-align: left;}
.service-kh-biao table td.yzm img{cursor: pointer;}
.service-kh-biao table td:last-of-type{border-right: 1px solid #cccccc;}
.service-kh-biao table tr:last-of-type td{border-bottom: 1px solid #cccccc;}
.service-kh-biao button{font-size: 14px;color: #ffffff;background: #ad061c;padding: 8px 150px;cursor: pointer;border: none;outline: none;border-radius: 5px;display: block;margin:40px auto;}

/* service-kh-wb */
.service-kh-wb{}
.service-kh-wb .kh-wb-box{}
.service-kh-wb .kh-wb-box ul{}
.service-kh-wb .kh-wb-box ul li{width: 49%;margin-right: 2%;height: 330px;overflow: hidden;float: left;box-shadow: 0 0 8px #cccccc;margin-bottom: 2%;}
.service-kh-wb .kh-wb-box ul li:nth-of-type(2n){margin-right: 0;}
.service-kh-wb .kh-wb-box ul li a{display: block;padding: 25px;box-sizing: border-box;}
.service-kh-wb .kh-wb-box ul li a h3{font-size: 36px;color: #000000;}
.service-kh-wb .kh-wb-box ul li a h5{font-size: 16px;color: #ad061c;margin-bottom: 10px;}
.service-kh-wb .kh-wb-box ul li a p{font-size: 16px;color: #666666;line-height: 36px;}
.kh-wb-xm{height: 400px;width: 100%;position: relative;background: url(../images/wb_02.jpg) no-repeat;background-size: cover;background-position: center;margin: 100px auto 80px;}
.kh-wb-xm .xm-p{position: absolute;bottom: 14px;color: #ffffff;font-size: 30px;font-weight: bold;}
.kh-wb-biao{margin-bottom: 100px;}
.kh-wb-biao table{width: 100%;margin-bottom: 50px;}
.kh-wb-biao table tr{}
.kh-wb-biao table tr th{text-align: center;background: #002F68;color: #ffffff;font-weight: normal;border-left: 1px solid #cccccc;height: 55px;border-bottom: 1px solid #cccccc;position: relative;}
.kh-wb-biao table tr td{}
.kh-wb-biao table tr th:first-of-type::after {position: absolute;content: "";left: 0;width: 105%;top: 0;height: 1px;background: #ffffff;transform: rotate(16deg);transform-origin: left;}
.kh-wb-biao table tr th:nth-of-type(1){width: 180px;}
.kh-wb-biao table tr th:nth-of-type(2){width: 20%;}
.kh-wb-biao table tr th:nth-of-type(3){width: 20%;}
.kh-wb-biao table tr th:nth-of-type(4){width: 12%;}
.kh-wb-biao table tr th:nth-of-type(5){}
.kh-wb-biao table tr th span {display: block;position: absolute;}
.kh-wb-biao table tr th .xm{right: 12px;top: 5px;}
.kh-wb-biao table tr th .lb{left: 12px;bottom: 5px;}
.kh-wb-biao table tr td{text-align: center;font-size: 16px;color: #666666;border-left: 1px solid #cccccc;padding: 18px 15px;line-height: 30px;}
.kh-wb-biao table tr td:last-of-type{border-right: 1px solid #cccccc;}
.kh-wb-biao table tr:nth-of-type(odd){background: #e5eaf0;}
.kh-wb-biao table tr:last-of-type td{border-bottom: 1px solid #cccccc ;}

/* service-kh-kh */
.service-kh-kh{margin-bottom: 150px;}
.service-kh-kh .kh-kh-text{}
.service-kh-kh .kh-kh-text p{font-size: 16px;color: #333333;line-height: 36px;}
.service-kh-kh .kh-kh-img{text-align: center;margin-top: 55px;}

/* service-kh-bj */
.service-kh-bj{}
.kh-bj-text{margin-bottom: 50px;}
.kh-bj-text h3{font-size: 36px;color: #000000;margin-bottom: 3px;}
.kh-bj-text p{font-size: 18px;color: #000000;}
.kh-bj-list{margin-bottom: 85px;}
.kh-bj-list .kh-bj-left{width: 45%;float: left;margin-top: 55px;}
.kh-bj-list .kh-bj-left h3{padding: 10px 0;margin-bottom: 15px;border-bottom: 2px solid #eeeeee;font-size: 24px;color: #000000;font-weight: bolder;}
.kh-bj-list .kh-bj-left p{font-size: 18px;color: #343434;margin-bottom: 15px;}
.kh-bj-list .kh-bj-right{width: 50%;float: right;}
.kh-bj-list .kh-bj-right #bj-map1{height: 450px;border: 4px solid #cccccc;}
.kh-bj-list .kh-bj-right #bj-map2{height: 450px;border: 4px solid #cccccc;}

/* service-kh-bk */
.service-kh-bk{}
.service-kh-bk .kh-bk-text{text-align: center;margin: 80px auto 150px;}
.service-kh-bk .kh-bk-text h3{font-size: 30px;    margin-bottom: 35px;;color: #333333;text-align: center;}
.service-kh-bk .kh-bk-text input{width: 600px;height: 45px;box-sizing: border-box;padding: 0 15px;border: 1px solid #cccccc;background: #ffffff;}
.service-kh-bk .kh-bk-text input[type="text"]{font-size: 16px;}
.service-kh-bk .kh-bk-text p{text-align: left;width: 600px;margin: auto;color: #004387;margin-top: 15px;display: none;}
.service-kh-bk .kh-bk-text button{background: #ad061c;padding: 10px 55px;color: #ffffff;border: none;border-radius: 50px;font-size: 20px;font-weight: normal;outline: none;cursor: pointer;margin-top: 2.5em;}
.service-kh-bk .kh-bk-box{overflow: hidden;}

/* service-xz */
.service-xz{margin: 75px auto;}
.service-xz .service-xz-list{}
.service-xz .service-xz-list ul{}
.service-xz .service-xz-list ul li{width: 48%;margin-right: 4%;float: left;box-sizing: border-box;border: 1px solid #cccccc;margin-bottom: 3%;}
.service-xz .service-xz-list ul li:nth-of-type(2n){margin-right: 0;}
.service-xz .service-xz-list ul li .xz-list-box{padding: 25px;}
.service-xz .service-xz-list ul li p{font-size: 18px;color: #666666;width: 70%;float: left;background: url(../images/pdf1_05.png) left no-repeat;height: 50px;line-height: 50px;overflow: hidden;padding-left: 60px;}
.service-xz .service-xz-list ul li a{width: 27px;height: 27px;float: right;background: url(../images/down_06.png) no-repeat;margin-top: 11px;}
.service-xz .service-xz-list ul li:hover{background: #ad061c;transition: 0.4s;}
.service-xz .service-xz-list ul li:hover p{background:url(../images/pdf2_05.png) left no-repeat;color: #ffffff;}
.service-xz .service-xz-list ul li:hover a{background: url(../images/down-h_08.png) no-repeat;}

/* service-xc */
.service-xc{margin-top: 85px;}
.service-title{border-bottom: 2px solid #ebe0cb;position: relative;padding-bottom: 8px;}
.service-title h3{font-size: 36px;color: #002f68;}
.service-title h4{font-size: 24px;font-weight: bold;color: #bcbcbc;text-transform: uppercase;}
.service-title::after{position: absolute;left: 0;content: "";width: 200px;height: 2px;background: #002f68;bottom: 0;}
.service-text{background: #ffffff;box-sizing: border-box;padding: 60px 25px 80px;position: relative;z-index: 1;}
.service-text p{font-size: 16px;color: #7c7b80;line-height: 36px;}
.service-img{z-index: 0;margin-top: -65px;}

.service-xc.zl{text-align: center;}
.service-xc.zl .service-title::after{left: 0;right: 0;margin: auto;}
.service-xc.zl .service-text p{font-size: 18px;}


/* news */

/* news */
 .news{margin: 70px 0;}
 .news .wrap3{}
 .news .swiper-container{}
 .news .swiper-container .swiper-slide{}
 .news .swiper-container .swiper-slide .news-slide-left{float: left;width: 48%;}
 .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{background: #BD320E;color: #ffffff;padding: 7px 10px;border-radius: 50px;margin-top: 25px;}
 .news .swiper-container .swiper-slide .news-slide-right a icon{width: 20px;height: 20px;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: #BD320E;}
 .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: 65%;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: #BD320E 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: normal;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: #BD320E;}
 .news-list ul li a:hover .news-list-right b{color: #BD320E;}
 .news-list ul li a:hover .news-list-center .read-news span{color: #BD320E;}

/* 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{text-align: justify;font-size: 15px;color: #55565a;line-height: 28px;margin-bottom: 8px;}
  .yeye{margin-top: 64px;}
  .yeye p{overflow: hidden;margin: 8px 0;}
  .yeye p a{color: #888888;}
  .yeye p a:hover{color: #BD320E;}
  .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;}

.p-n{padding: 30px 0;border-top: 1px solid #eeeeee;}
.p-n .prev{float: left;width: 45%;}
.p-n .back-case{float: left;width: 10%;}
.p-n .next{float: right;width: 45%;text-align: right;}
.p-n .prev span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 50px;padding-left: 10px;}
.p-n .prev i{display: block;float: left;}
.p-n .next i{display: inline-block;width: 2%;}
.p-n .next span{padding-right: 10px;vertical-align: middle;white-space: nowrap;float: left;display: block;width: 95%;overflow: hidden;text-overflow: ellipsis;}
.p-n .back-case{text-align: center;}
.p-n .back-case a{}
.p-n .back-case a icon{width: 15px;height: 15px;background: url(../images/meu_03.jpg) no-repeat;display: inline-block;background-position: center;vertical-align: middle;}
.p-n .back-case a b{vertical-align: middle;margin-left: 10px;}
.p-n a{display: block;}
.p-n a:hover{color: #2573bf;}


/* live */
.live{margin-bottom: 115px;}
.live .live-box{margin: 85px auto;}
.live .live-box .live-img{position: relative;z-index: 0;}
.live .live-box .live-title{position: absolute;left: 0;width: 90%;right: 0;margin: auto;top: 10%;}
.live .live-box .live-title h3{font-size: 30px;font-weight: bold;color: #ffffff;}
.live .live-box .live-title span{font-size: 18px;color: #ffffff;display: block;}
.live .live-box .live-text{width: 90%;margin: auto;box-sizing: border-box;padding: 35px;background: #ffffff;z-index: 1;margin-top: -75px;position: relative;}
.live .live-box .live-text p{font-size: 16px;color: #7c7b80;text-indent: 2em;line-height: 36px;}
.live .live-box .live-list{margin-bottom: 55px;}

/* live-power */
.live-power .live-box .live-title h3{color: #002F68;}
.live-power .live-box .live-title span{color: #bcbcbc;}
.live-swiper{height: 250px;}
.live-swiper>h3{color: #002F68;font-size: 24px;text-align: center;}
.live-swiper .swiper-container{height: 100%;margin-top: 22px;}
.live-swiper .swiper-scrollbar-drag {background: #a0a0a0!important;opacity: 0.9;}
.live-swiper .swiper-container .swiper-slide {height: auto;box-sizing: border-box;}
.live-swiper .swiper-container .swiper-slide p{text-indent: 0;}
.live .live-box .live-title.deve-title{top: 40%;}
.deve-text{height: 500px;margin-top: 145px;}
.deve-text .deve-right{width: 53%;float: right;height: 100%;}
.deve-text .deve-right img{height: 100%;}
.deve-text .deve-left{width: 47%;height: 100%;float: left;background: #eeeeee;box-sizing: border-box;padding: 45px 25px 45px 45px;}
.deve-text .deve-left h3{font-size: 24px;color: #002F68;margin-bottom: 10px;}
.deve-text .deve-left p{font-size: 16px;color: #000000;line-height: 36px;}
.deve-text .deve-left .swiper-slide{height: auto;box-sizing: border-box;padding-right: 20px;}
.deve-text .swiper-container{height: 100%;}
.deve-text .swiper-scrollbar-drag {background: #a0a0a0!important;opacity: 0.9;}

/* about */
.about{margin: 60px auto;}
.about-title{text-align: center;margin-bottom: 20px;}
.about-title h3{font-size: 36px;color: #272727;font-weight: bold;}
.about-title h4{font-size: 26px;color: #9c9c9c;font-family: Arial;margin-bottom: 10px;}
.about-text p{text-align: left;text-indent: 2em;font-size: 16px;color: #333333;line-height: 36px;}
.about-history{background: url(../images/hist_02.jpg) no-repeat;background-position: center;background-size: cover;width: 100%;padding: 1px;box-sizing: border-box;}
.about-title.white h3{color: #ffffff;}
.about-title.white h4{color: #ffffff;}
.about-history .about-title{margin-top: 65px;}

.develop{padding: 2em 0;}
 .develop .develop-swiper{margin: 75px 0;}
 .develop .develop-swiper .gallery-thumbs .swiper-wrapper{height: 400px;}
 .develop .develop-swiper .gallery-thumbs{float: left;width: 120px;margin-right: 100px;}
 .develop .develop-swiper .gallery-thumbs .swiper-slide{color: #ffffff;opacity: 0.5;font-size: 18px;margin-bottom: 0px!important;padding-bottom: 0px;text-align: right;padding-right: 45px;box-sizing: border-box;}
 .develop .develop-swiper .gallery-thumbs .swiper-slide::after{content: "";position: absolute;right: 15px;top: 15px;background: url(../images/kdx_09.png) no-repeat;background-position: right;height: 100%;width: 50px;background-size: contain;background-position: right;}
 .develop .develop-swiper .gallery-thumbs .swiper-slide-thumb-active{font-size: 30px;opacity: 1;font-weight: bold;}
 .develop .develop-swiper .gallery-thumbs .swiper-slide{height: 34px;line-height: 34px;}
 .develop .develop-swiper .gallery-thumbs .swiper-slide span{cursor: pointer;}
 .develop .develop-swiper .gallery-top{margin-left: 100px;}
 .develop .develop-swiper .gallery-top .swiper-slide{padding: 5px;box-sizing: border-box;}
 .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left{width: 35%;float: left;margin-top: 3%;}
 .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left h3{font-size: 30px;margin-bottom: 25px;color: #ffffff;font-weight: bold;position: relative;padding: 20px 0;}
 .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left h3::after{position: absolute;content: "";left: 0;bottom: 0;width: 30px;height: 3px;background: #ffffff;}
.develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left p{font-size: 16px;line-height: 24px;color: #ffffff;} 
 .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-right{float: right;position: relative;box-sizing: border-box;padding: 15px;width: 48%;}
 .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-right::after{width: 95%;height: 93%;background: rgba(255,255,255,0.2);position: absolute;content: "";top: 0;left: 29px;z-index: -1;}
 .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-right img{width: 100%;} 
.develop .swiper-scrollbar-drag{background: #ffffff!important;}
.develop .swiper-container-vertical>.swiper-scrollbar{width: 4px;}
.about-wh{margin: 60px auto;}
.about-wh-list{}
.about-wh-list ul{}
.about-wh-list ul li{width: 32%;margin-right: 2%;height: 530px;float: left;background-size: cover;background-repeat: no-repeat;box-sizing: border-box;padding: 30px;}
.about-wh-list ul li:last-of-type{margin-right: 0;}
.about-wh-list ul li a{height: 378px;display: block;background: rgba(255,255,255,0.7);box-sizing: border-box;padding: 25px;}
.about-wh-list ul li a icon{display: block;width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;}
.about-wh-list ul li a .about-ic1{background-image: url(../images/icc1_10.png);}
.about-wh-list ul li a .about-ic2{background-image: url(../images/icc2_12.png);}
.about-wh-list ul li a .about-ic3{background-image: url(../images/icc3_07.png);}
.about-wh-list ul li a:hover{background: #002F68;}
.about-wh-list ul li a:hover .about-ic1{background-image: url(../images/ic-h1_10.png);}
.about-wh-list ul li a:hover .about-ic2{background-image: url(../images/ic-h2_12.png);}
.about-wh-list ul li a:hover .about-ic3{background-image: url(../images/ic-h3_07.png);}
.about-wh-list ul li a h3{font-size: 24px;color: #000000;margin-top: 30px;margin-bottom: 5px;}
.about-wh-list ul li a p{font-size: 20px;color: #666666;line-height: 36px;}
.about-wh-list ul li a i{display: block;width: 30px;margin-bottom: 15px;height: 2px;background: #ad061c;}
.about-wh-list ul li a:hover h3{color: #ffffff;}
.about-wh-list ul li a:hover p{color: #ffffff;opacity: 0.75;}
.about-wh-list ul li a:hover i{background: #ffffff;}

.about-jz{margin-bottom: 85px;}
.about-title.blue h3{color: #002F68;}
.about-jz .about-jz-list{}
.about-jz .about-jz-list ul{}
.about-jz .about-jz-list ul li{width: 25%;float: left;text-align: center;box-sizing: border-box;padding: 25px;position: relative;}
.about-jz .about-jz-list ul li icon{width: 65px;height: 65px;display: inline-block;background-position: center;background-repeat: no-repeat;vertical-align: middle;}
.about-jz .about-jz-list ul li .icc1{background-image: url(../images/c1_18.png);}
.about-jz .about-jz-list ul li .icc2{background-image: url(../images/c2_20.png);}
.about-jz .about-jz-list ul li .icc3{background-image: url(../images/c3_26.png);}
.about-jz .about-jz-list ul li .icc4{background-image: url(../images/c4_23.png);}
.about-jz .about-jz-list ul li .ic-box{width: 130px;height: 130px;border: 1px solid #cccccc;border-radius: 100%;margin: auto;position: relative;line-height: 130px;background: #ffffff;}
.about-jz .about-jz-list ul li .ic-box::after{width: 160px;height: 160px;content: "";position: absolute;top: -15px;border: 1px dashed #cccccc;border-radius: 100%;left: -15px;right: 0;margin: auto;opacity: 0;}
.about-jz .about-jz-list ul li h3{font-size: 24px;margin: 10px 0;color: #002F68;}
.about-jz .about-jz-list ul li p{font-size: 16px;color: #666666;}
.about-jz .about-jz-list ul li:hover .icc1{background-image: url(../images/c-h1_18.png);}
.about-jz .about-jz-list ul li:hover .icc2{background-image: url(../images/c-h2_20.png);}
.about-jz .about-jz-list ul li:hover .icc3{background-image: url(../images/c-h3_26.png);}
.about-jz .about-jz-list ul li:hover .icc4{background-image: url(../images/c-h4_23.png);}
.about-jz .about-jz-list ul li:hover .ic-box{background: #002F68;border: 1px solid #002F68;}
.about-jz .about-jz-list ul li:hover .ic-box::after{opacity: 1;transition: 0.4s;}
.about-jz .about-jz-list ul li::after{width: 50%;right: 0;top: 90px;position: absolute;content: "";height: 1px;background: #cccccc;z-index: -1;}
.about-jz .about-jz-list ul li::before{width: 50%;left: 0;top: 90px;position: absolute;content: "";height: 1px;background: #cccccc;z-index: -1;}
.about-jz .about-jz-list ul li:first-of-type::before,.about-jz .about-jz-list ul li:last-of-type::after{display: none;}

.about-ry{}
.about-ry .about-ry-list{}
.about-ry .about-ry-list ul{}
.about-ry .about-ry-list ul li{width: 23.5%;margin-bottom: 4%;margin-right: 2%;float: left;background: #efefef;box-sizing: border-box;padding: 20px 20px 0;}
.about-ry .about-ry-list ul li:nth-of-type(4n){margin-right: 0;}
.about-ry .about-ry-list ul li a{display: block;text-align: center;}
.about-ry .about-ry-list ul li .ry-img{overflow: hidden;margin-bottom: 10px;height: 328px;line-height: 328px;}
.about-ry .about-ry-list ul li P{font-size: 18px;color: #ffffff;background: #023384;padding: 10px;white-space: nowrap;overflow: hidden;}
.about-ry .about-ry-list .more{text-align: center;margin-top: 50px;}
.about-ry .about-ry-list .more a{font-size: 18px;color: #000000;padding: 8px 25px;border: 1px solid #cccccc;}
.about-ry .about-ry-list .more a:hover{background: #023384;color: #ffffff;border: 1px solid #023384;}
.about-ry .about-ry-list ul li:hover .ry-img img{transform: scale(1.05);transition: 0.4s;}



.about-jj{height: 750px;margin: 75px auto;box-sizing: border-box;padding: 1px;}
.about-jj .about-title{margin-top: 40px;}
.about-jj .about-jj-text{margin-top: 45px;}
.about-jj .about-jj-text p{color: #ffffff;font-size: 14px;line-height: 36px;text-indent: 2em;}

.about-team{margin: 45px auto;}
.about-team .swiper-container{padding: 25px 0 50px;}
.about-team .swiper-container .swiper-slide{box-sizing: border-box;text-align: center;}
.about-team .swiper-container .swiper-slide a{display: block;border: 1px solid #cccccc;width:100%;height:80px;line-height: 80px;}
.about-team .swiper-container .swiper-slide a img{max-width:90%;max-height: 90%;}
.about-team .swiper-pagination-bullet-active{background: #023384!important;}




.about-honor{margin: 85px auto;}

/* join */
.join-people{margin: 85px auto;}
.join-people .about-title{text-align: left;}
.join-people .people-list{}
.join-people .people-list ul{}
.join-people .people-list ul li{width: 32%;margin-right: 2%;float: left;position: relative;}
.join-people .people-list ul li:nth-of-type(3n){margin-right: 0;}
.join-people .people-list ul li a{display: block;overflow: hidden;}
.join-people .people-list ul li a .peo-li-text{position: absolute;bottom: 20px;left: 0;right: 0;padding: 0 25px;}
.join-people .people-list ul li a .peo-li-text h3{color: #ffffff;font-size: 24px;font-weight: bold;}
.join-people .people-list ul li a .peo-li-text p{color: #ffffff;font-size: 18px;}
.join-people .people-text{margin: 45px 0;}
.join-people .people-text p{font-size: 16px;color: #666666;line-height: 36px;}
.join-people .people-list ul li a:hover img{transform: scale(1.15);transition: 0.4s;}
.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 ul{margin-bottom: 35px;}
.zp-list ul li{margin-bottom: 10px;border: 1px solid #cccccc;box-sizing: border-box;}
.zp-list ul li span{width: 25%;float: left;padding: 10px 0;box-sizing: border-box;text-align: center;font-size: 16px;}
.zp-list ul li:first-of-type{background: #002f68;border: 1px solid #002f68;}
.zp-list ul li:first-of-type span{text-align: center;font-size: 18px;color: #ffffff;padding: 15px 0;}
.zp-list ul li span:first-of-type{text-align: left;padding-left: 7%;}
.zp-list ul li:hover .li-span,.zp-list ul li.active .li-span{background: rgba(0,47,104,0.5);}
.zp-list ul li:hover .li-span span,.zp-list ul li.active .li-span span{color: #ffffff;}
.zp-list ul li .zp-detail{padding:30px 7% 50px;display: none;}
.zp-list ul li .zp-detail h4{font-size: 18px;color: #333333;}
.zp-list ul li .zp-detail p{font-size: 16px;color: #666666;margin-top: 5px;}
.join-zp-box{margin-top: 55px;}
.zp-list ul li .li-span{cursor: pointer;}



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

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

/* service-kh-cp */
.cp{background: #efeded;padding: 1px 0;}
.service-kh-cp{}
.kh-cp-list{width: 85%;margin:20px auto 70px;}
.kh-cp-list .cp-left{background: #ffffff;width: 45%;box-sizing: border-box;padding: 25px 50px;}
.kh-cp-list .cp-left a{display: table;width: 100%;}
.kh-cp-list .cp-left icon{width: 85px;height: 85px;background: url(../images/call_03.jpg) no-repeat;background-position: center;display: inline-block;}
.kh-cp-list .cp-left .cp-text{display: table-cell;vertical-align: middle;padding-left: 25px;}
.kh-cp-list .cp-left .cp-text p{font-size: 18px;color: #333333;}
.kh-cp-list .cp-left .cp-text h3{font-size: 32px;color: #ad061c;font-weight: bold;}
.se-fan-text{margin: 55px auto;}
.se-fan{margin-bottom: 100px;}
.se-lc-list{margin: 35px auto;}
.se-lc-list ul{}
.se-lc-list ul li{width: 20%;float: left;text-align: center;}
.se-lc-list ul li .div-icon{margin-bottom: 10px;position: relative;}
.se-lc-list ul li .div-icon icon{display: inline-block;width: 146px;height: 146px;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.se-lc-list ul li p{}
.se-lc-list ul li .div-icon::after{position: absolute;content: "";width: 60px;height: 25px;background: url(../images/h-jt_14.jpg) no-repeat;right: -30px;background-position: center;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.se-lc-list ul li:last-of-type .div-icon::after{display: none;}

.zp-wrap .about-title{text-align: left;}
.service-xz-list{display: none;}
.service-xz-list.active{display: block;}

.sear{float: right;position: relative;}
.search-top{display: none;position: absolute;top: 65px;right: 0;border: 1px solid #eeeeee;width: 285px;background: #ffffff;}
.search-top input{width: 235px;height: 51px;display: block;border: none;float: left;border-right: 1px solid #eeeeee;box-sizing: border-box;padding: 0 8px;}
.search-top span{font-size: 14px;color: #999999;float: right;display: block;text-align: center;width: 49px;height: 51px;line-height: 51px;cursor: pointer;}
.search-top span:hover{color: #002F68;}

.about-jz .about-title h3{font-size: 30px;}


.search-box .search-left{width: 230px;margin-top: 0;}
.search-box .search-left select{padding: 24px;border: 1px solid #d7dcd8;border-radius: 5px;}


.yuanjin{padding: 1px 0;background: url(../images/kuihua.jpg) no-repeat;height: 676px;background-size: cover;background-position: center;}
.yj-text{margin-top: 50px;}
.yj-text h3{text-align: center;font-size: 30px;color: #ffffff;margin-bottom: 10px;font-weight: bold;}
.yj-text p{font-size: 24px;color: #ffffff;text-align: center;}
.yuanjin ul{margin-top: 58px;}
.yuanjin ul li{width: 23.5%;float: left;margin-left: 1%;}
.yuanjin ul li:nth-of-type(4n){margin-right: 0;}
.yuanjin ul li a{display: block;}
.yuanjin ul li a .yj-img{overflow: hidden;}
.yuanjin ul li a p{background: #ffffff;box-sizing: border-box;padding: 15px;text-align: center;font-size: 18px;color: #333333;}
.yuanjin ul li a:hover .yj-img img{transform: scale(1.12);transition: 0.4s;}



.nav-list ul li.active>a{color: #002F68;}

/* contact */
.hui{background: #efeded;}
.contact{padding: 65px 0;}
.contact-a{}
.contact-a .contact-a-div{}
.contact-a .contact-a-div ul{}
.contact-a .contact-a-div ul li{width: 24.25%;float: left;margin-right: 1%;background: #ffffff;box-sizing: border-box;padding: 25px;height: 200px;}
.contact-a .contact-a-div ul li:nth-of-type(4n){margin-right: 0;}
.contact-a .contact-a-div ul li a{display: block;text-align: center;}
.contact-a .contact-a-div ul li a icon{width: 55px;display: inline-block;height: 55px;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.contact-a .contact-a-div ul li a span{display: block;font-size: 18px;color: #333333;margin-top: 5px;}
.contact-a .contact-a-div ul li a b{font-size: 19px;color: #ad061c;display: block;margin-top: 15px;}
.contact-b{}
.contact-b .contact-b-nav{text-align: center;margin-bottom: 60px;}
.contact-b .contact-b-nav a{display: inline-block;margin: 0 15px;color: #ffffff;font-size: 18px;padding: 8px 35px;border-radius: 100px;background: #0f3b71;cursor: pointer;}
.contact-b .contact-b-nav a.active,.contact-b .contact-b-nav a:hover{background: #ad061c;}
.map-list{}
.map-list .kh-bj-list{display: none;}
.map-list .kh-bj-list.active{display: block;}

.contact-c{background: url(../images/con-bac_16.jpg) no-repeat;height: 560px;background-position: center;background-size: cover;padding: 1px 0;}
.contact-c ul{width: 80%;margin: auto;}
.contact-c ul li{width: 50%;float: left;}
.contact-c ul li a{display: block;text-align: center;}
.contact-c ul li a icon{width: 155px;height: 155px;display: block;margin: auto;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.contact-c ul li a b{font-size: 32px;color: #ffffff;display: block;margin-top: 10px;}
.contact-c .about-title{margin-top: 55px;}
.contact-c .about-title h3{color: #ffffff;}
.contact-c .about-title h4{color: #ffffff;}
.contact-zp-div p{background: url(../images/call_18.png) left no-repeat;height: 98px;padding-left: 130px;line-height: 98px;}
.contact-zp-div p span{font-size: 18px;color: #272727;}
.contact-zp-div p b{font-size: 30px;color: #272727;}
.contact-zp-left{width: 50%;float: left;box-sizing: border-box;padding: 0 25px;}
.contact-zp-right{width: 50%;float: right;}
.contact-zp-div2 p{background: url(../images/emm_21.png) left no-repeat;}
.contact-zp-div{margin-top: 50px;}
.contact-cp{margin-top: 45px;}

#buy,#sh,#sy,#zp{margin-top: -50px;padding-top: 50px;}
.zp-detail p a{color: #ffffff;background: rgba(0,47,104,0.5);padding:5px 25px;border-radius: 50px;}
.zp-detail p a:hover{background: rgba(0,47,104,1)}

.sear{position: inherit;}
.search-top{top: 84px;text-align: center;width: 100%;padding: 15px 0;background: rgba(255,255,255,0.95);}
.search-top input{width: 500px;float: none;height: 60px;display: inline-block;border: 1px solid #eeeeee;}
.search-top span{float: none;display: inline-block;}
.head-right .search.on icon {
    width: 30px;
    height: 27px;
    background: url(../images/guanbi.png) no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100%;
}

.search-box .search-left{margin-top: 7px;}
.search-box .search-left select{padding: 18px 24px;}

.nav-top .dl1>dd .dl3 a .dl-a2-img img{height: 100%;}

.home-li{display: none;}

#super_citys td>div{
    border:1px solid #ccc;
    height:33px;
    width:150px;
    display:inline-block;
    vertical-align: top;
    text-indent: 10px;
    position:relative;
    cursor:pointer;
    border-radius: 5px;
    background:url(../images/select_bg_img.png) no-repeat right center;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
#super_citys div>div{
    overflow: hidden;
    padding-right:24px;
    font-size:13px;
}
/* .shadow{
    border:1.5px solid #1E90FF!important;
} */
#super_citys div>ul{
    width:100%;
    border:2px solid #1E90FF!important;
    position:absolute;
    left:0;
    z-index: 99;
    overflow-y: scroll;
    height:0px;
    display:none;
    box-sizing: border-box;
    background:#fff;
}
#super_citys div>ul>li{
    font-size:15px;
    text-indent: 10px;
    cursor:pointer;
    overflow: hidden;
}
#super_citys div>ul>li:hover{
    background:#1E90FF;
    color:#fff;
}


.service-kh-biao table tr:first-of-type td{background: #002f68;color: #ffffff;}
#super_citys div>ul>li span{color: #666666;}
.service-kh-biao table td select{background: none;color: #ffffff;}
.service-kh-biao table td select option{color: #666666;}
#super_citys td>div{border: none;}
#super_citys div>ul>li:hover span{color: #ffffff;}
#super_citys td>div{background-image: url(../images/xiala.png);background-size: 20px 20px;}

.nav-top .dl1>dd>a{font-size:18px;}
.nav-top .dl1>dd .dl2 .dl-a1>a{font-weight: normal;font-size: 16px;}


.index-news .news-swiper .swiper-slide a .news-slide-img{height: 220px;}
/* .index-news .news-swiper .swiper-slide a .news-slide-img img{height: 100%;} */
.news .swiper-container .swiper-slide .news-slide-left{height: 300px;overflow: hidden;}
.news .swiper-container .swiper-slide .news-slide-left img{width: 100%;}

.jg-vale{}

.service-kh-bk .kh-bk-box{}
.jg-vale-table{width: 850px;margin: auto;}
.service-kh-bk .kh-bk-text p{display: block;width: 850px;text-align: center;}
.jg-vale-table{}
.jg-vale-table tr{}
.jg-vale-table tr th{padding: 8px 0;font-weight: bolder;background: #dedede;}
.jg-vale-table tr td{padding: 8px 0;color: #ad061c;;}
.jg-vale{margin-top: 40px;}


.sear-n-box{margin-bottom: 25px;}
.sear-n-box p{border: 1px solid #eeeeee;border-radius: 0px;width: 285px;margin-left: auto;height: 40px;line-height: 40px;}
.sear-n-box p input{border: none;
    vertical-align: bottom;height: 100%;box-sizing: border-box;padding: 0 10px;width: calc(100% - 40px);
}
.sear-n-box p .sear-n-box-btn{background: url(../images/sousuo.png) no-repeat;cursor: pointer;vertical-align: middle;width: 30px;height: 27px;display: inline-block;background-size: 100%;}

.pro-zs .gallery-top .swiper-slide .slide-img a img{max-width: 320px;}
.pro-zs .gallery-top .swiper-slide .slide-img a{transform: translateY(-50%) scale(0.95);
    -webkit-transform: translateY(-50%) scale(0.95);
    -moz-transform: translateY(-50%) scale(0.95);}

.pro-zs .gallery-top .swiper-slide .slide-text{width: 30%;}

.index-ban-text{max-width: 87%;position: absolute;left: 0;top: 10%;z-index: 999;right: 0;margin: auto;}
.index-ban-text h3{font-size: 40px;font-weight: bold;color: #ffffff;    margin-bottom: 10px;}
.index-ban-text p{font-size: 22px;color: #ffffff;}









/* 0518 */
.case .case-list ul li a p{height: 21px;}
.case .case-list ul li a .case-img{max-height: 300px;}
.case .case-list ul li a .case-img{}




.lang{position: relative;height: 53px;}
.lang .lang-div{background: #fff;position: absolute;top: 100%;left: -18px;right: 0;width: 65px;text-align: center;display: none;}
.lang .lang-div a{font-size: 14px;margin-bottom: 0px;padding: 7px 0;display: block;}
.lang .lang-div.on{display: block;}
.lang .lang-div.on:hover a{color: #002F68;}



.lang .lang-div::after{
	position: absolute;
	    content: "";
	    width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #fff;
	    top: -10px;
	    left: 0;
	    right: 0;
	    margin: auto;
		display: none;
}
.lang .lang-div{top: 100%;
    left: 0;
    right: 0;
    width: 100%;border-radius: 2px;height: 90px;background: rgba(255,255,255,0.95);line-height: 90px;}
.lang{position: initial;}

.lang .lang-div a{font-size: 16px;padding: 0 15px;display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;}





@media (max-width:1600px) {
 	.index-news .news-swiper{padding-left:3%;}
	.index-news .wrap5{padding: 0 3%;}
	 .index-news .news-swiper .swiper-slide a .news-slide-img img{height: 100%;} 
 }

@media (max-width:1550px) {
 	.contact-a .contact-a-div ul li a b{font-size: 18px;}
	.contact-a .contact-a-div ul li{padding: 25px 20px;}
 
 }
 @media (max-width:1440px) {
  	.index-case .index-case-img{height: 860px;}
	.index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 36px;}
	.index-case .index-case-img .index-case-text ul li h3{font-size: 26px;}
	.index-case .index-case-img .index-case-text ul li h1{font-size: 38px;}
	.pro-zs .gallery-top .swiper-slide .slide-img{width: 520px;height: 520px;}
	.pro-zs .gallery-top .swiper-slide .slide-text h3{font-size: 30px;}
	.pro-zs .gallery-top .swiper-slide .slide-text p{font-size: 20px;}
  .index-about .index-about-left .left-text h3{font-size: 28px;}
  .index-about .about-bottom .bottom-left h3{font-size: 26px;}
  .about-wh-list ul li a p{font-size: 16px;line-height: 30px;}
  .yuanjin ul li a p{font-size: 16px;}
  .contact-a .contact-a-div ul li a b{font-size: 16px;}
  
  .index-news .news-swiper .swiper-slide a .news-slide-img{height: 180px;}
  
  }
  

 @media (max-width:1366px) {
	.index-about .index-about-left .left-text h3{font-size: 26px;}
	.index-about .about-bottom .bottom-left h3{font-size: 24px;}
	.about-wh-list ul li a{padding: 20px;}
	.nav-list ul li{margin: 0 15px;}
	.yuanjin ul li a p {
	    font-size: 15px;
	}
	
	
	.index-product .index-pro-box .index-pro-left .text h3{font-size: 30px;}
	.index-product .index-pro-box .index-pro-left .text h2{font-size: 26px;}
	.index-pro-right .swiper-slide p{font-size: 16px;}
	.index-case .index-case-img .index-case-text ul li h1{font-size: 30px;}
	.index-case .index-case-img .index-case-text ul li h3{font-size: 24px;}
	.index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 30px;}
	.index-case .index-case-img .index-case-text .index-case-hover a{font-size: 26px;}
	.pro-zs .gallery-thumbs .swiper-slide h3{font-size: 16px;}
	.index-news .title-news h3{font-size: 30px;}
	.index-news .news-swiper .swiper-slide a h4{font-size: 16px;}
	.index-news .swiper-button-next, .index-news .swiper-button-prev{width: 30px;}
	.index-news .title-news a{font-size: 16px;}
	.pro-list ul li a p{font-size: 16px;}
	.pro-detail-box .pro-detail-text h3{font-size: 26px;}
	.about-case .about-title h3{font-size: 30px;}
	.case-detail .case-detail-text h3,.about-title h3{font-size: 30px;}
	.case-detail .swiper-button-next, .case-detail .swiper-button-prev{width: 40px;}
	.nei-nav ul a{padding: 16px 25px;}
	.se-lc-list ul li .div-icon icon{width: 100px;height: 125px;}
	.service-kh-wb .kh-wb-box ul li a h3,.kh-bj-text h3{font-size: 30px;}
	.kh-wb-xm .xm-p{font-size: 26px;}
	.news-list ul li a .news-list-center{width: 50%;}
	.news-list ul li a .news-list-right b{font-size: 32px;}
	.news .swiper-container .swiper-slide .news-slide-right a{padding: 4px 10px;}
	.join-people .people-list ul li a .peo-li-text h3{font-size: 20px;}
	.join-zp h3{font-size: 36px;}
	.join-zp{height: 360px;}
	.contact-c ul li a icon{width: 120px;height: 120px;}
	.contact-c ul li a b{font-size: 26px;}
	.contact-zp-div p{background-size: 68px;}
	.contact-zp-div2 p{background-size: 68px;}
	.contact-zp-div p b{font-size: 28px;}
	.search-box .search-right p{height: 60px;}
	.search-box .search-right p input{height: 60px;font-size: 16px;}
	.service-title h3{font-size: 30px;}
	
	.index-ban-text h3{font-size: 34px;}
	.index-ban-text p{font-size: 20px;}
	
 }
 @media (max-width:1300px) {
 	.nav-top .dl1>dd .dl3{width: 470px;}
 }
@media (max-width:1280px){
   
   .pro-zs .gallery-top .swiper-slide .slide-img{width: 500px;height: 500px;}
   .pro-zs .gallery-top .swiper-slide .slide-text h3{font-size: 26px;}
   .pro-zs .gallery-top .swiper-slide .slide-text p{font-size: 18px;}
    .nav-list ul li{margin: 0 15px;}
   .about-wh-list ul li{padding: 30px 20px;}
   .about-wh-list ul li a p{font-size: 15px;}
   .nav-list ul li{margin: 0 10px;}
   .yuanjin ul li a p {
       font-size: 14px;
   }
  }
 
 
  @media (max-width:1200px){
   /* html{width: 1200px;margin: auto;}
	.wrap{min-width: 1150px;} */
	.nav-top{display: none!important;}
	.nav-list{margin-right: 2%;}
	.head-right .lang{margin-right: 10px;}
	.nav-list ul li{margin: 0 5px;}
	.index-product .index-pro-box .index-pro-left{width: 35%;}
	.index-pro-right{width: 60%;}
	.index-product .index-pro-box .index-pro-left .text h3{font-size: 24px;}
	.index-case .index-case-img .index-case-text ul li h1,.index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 24px;}
	.index-case .index-case-img .index-case-text ul .biao{    padding: 9% 35px 0 3%;}
	.index-case .index-case-img{height: 600px;}
	.index-case .index-case-img .index-case-text .index-case-hover h2{margin-bottom: 10px;}
	.index-case .index-case-img .index-case-text .index-case-hover{padding: 16% 8% 0;}
	.index-case .index-case-img .index-case-text .index-case-hover p{font-size: 16px;}
	.index-case .index-case-img .index-case-text ul li h3{font-size: 22px;}
	.pro-zs .gallery-top .swiper-slide .slide-img {width: 425px;height: 425px;}
	.pro-zs .gallery-top .swiper-slide .slide-text{width: 25%;}
	.pro-zs .gallery-top .swiper-slide .slide-text h3{font-size: 24px;}
	.pro-zs .gallery-top .swiper-button-next, .pro-zs .gallery-top .swiper-button-prev{width: 75px;height: 75px;}
	.pro-zs .gallery-top .swiper-slide .slide-text p{font-size: 16px;}
	.pro-zs .gallery-top .swiper-slide .slide-text a{font-size: 14px;padding: 6px 25px;}
  .index-about .index-about-left .left-text h3{font-size: 24px;}
  .index-about .index-about-left .left-text{padding: 45px;height: 385px;}
  .index-about .index-about-right .about-top{height: 330px;}
  .index-about .index-about-right .about-top-right p{font-size: 16px;}
  .index-about .index-about-left .left-img{height: 275px;}
  .index-about .about-bottom .bottom-left{height: 330px;}
  .index-about .about-bottom .bottom-right{height: 330px;}
  .index-news .title-news h3{font-size: 24px;}
  .index-news .title-news a{font-size: 14px;padding: 6px 25px;}
  .search-box .search-left select { padding: 10px 24px;}
  .search-box .search-right{width: 425px;}
  .search-box .search-right p input{width: 380px;}
  .pro-list ul li a p{font-size: 15px;}
  .pro-detail-box .pro-detail-text h3{font-size: 22px;}
  .pro-detail-box .pro-detail-text button{font-size: 16px;}
  .about-case .about-title h3{font-size: 24px;}
  .case-detail .case-detail-text h3, .about-title h3{font-size: 24px;}
  .service-xz .service-xz-list ul li p{background-size: 37px;}
  .service-title h3{font-size: 24px;}
  .service-title h4{font-size: 20px;}
  .service-text{    padding: 60px 25px 45px;}
  .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left h3{font-size: 24px;}
  .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left p{font-size: 15px;}
  .develop .develop-swiper .gallery-thumbs .swiper-slide-thumb-active{font-size: 24px;}
  .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left{margin-top: 1%;}
  .about-wh-list ul li{height: 375px;}
  .about-wh-list ul li a{height: 315px;}
  .about-wh-list ul li a h3{font-size: 20px;}
  .about-wh-list ul li a icon{width: 50px;height: 50px;background-size: 100%;}
  .about-jz .about-title h3{font-size: 24px;}
  .about-jz .about-jz-list ul li .ic-box{width: 100px;height: 100px;line-height: 100px;margin-bottom: 20px;}
  .about-jz .about-jz-list ul li icon{width: 50px;height: 50px;background-size: 100%;}
  .about-jz .about-jz-list ul li .ic-box::after{width: 125px;height: 125px;top: -13px;left: -13px;}
  .about-jz .about-jz-list ul li h3{font-size: 20px;}
  .yj-text h3{font-size: 24px;}
  .yj-text p{font-size: 20px;}
  .yuanjin ul li a p{height: 72px;}
  .yuanjin{height: 570px;}
  .about-ry .about-ry-list ul li P{font-size: 15px;}
  .about-ry .about-ry-list .more a{font-size: 15px;}
  .about-title h4{font-size: 20px;}
  .about-jj .about-jj-text p{line-height: 32px;}
  .live-swiper>h3{font-size: 18px;}
  .deve-text .deve-left h3{font-size: 20px;}
  .deve-text .deve-left p{font-size: 15px;line-height: 32px;}
  .deve-text{height: 435px;}
  .deve-text .deve-left{padding: 45px 20px 45px 30px;}
  .wrap2 .wrap2{max-width: 100%;}
  .live .live-box .live-title h3,.service-kh-bk .kh-bk-text h3{font-size: 24px;}
  .service-kh-wb .kh-wb-box ul li a h3, .kh-bj-text h3{font-size: 24px;}
  .kh-wb-xm .xm-p{font-size: 24px;text-indent: 2em;bottom: 20px;}
  .news .swiper-container-horizontal>.swiper-pagination-bullets, .news .swiper-pagination-custom, .news .swiper-pagination-fraction{bottom: 0;}
  .news-detail-left h3{font-size: 22px;}
  .news-detail-right{width: 26%;}
  .p-n .next span{width: calc(100% - 30px);}
  .p-n .next i{width: 15px;}
  .zp-list ul li:first-of-type span{font-size: 16px;}
  .join-zp h3{font-size: 26px;}
  .join-zp {height: 310px;}
  .join-zp .join-zp-text {margin-top: 110px;}
  .contact-c ul li a icon{width: 100px;}
  .contact-c ul li a b{font-size: 22px;}
  .contact-c{height: 485px;}
  .contact-zp-div p{background-size: 60px;padding-left: 100px;}
  .contact-zp-div2 p{background-size: 60px;}
  .contact-zp-div p b{font-size: 22px;}
  .contact-zp-div {margin-top: 20px;}
  .pro-zs .gallery-top .swiper-slide .slide-img a img {
      max-width: 240px;
  }
  
  .index-ban-text h3 {
      font-size: 28px;
  }
  
  
  
  }
  @media (max-width:992px){
	
	.menu {display: block;float: right;margin-left: 20px;position: relative; width: 24px; height: 22px;margin-top: 30px;}
	.menu span {width: 24px;height: 2px;position: absolute;background: #022d64;left: 0;-webkit-transform-origin: left center;transform-origin: left center;-webkit-transition: .4s;transition: .4s;}
	.menu .sp1 { top: 0;}
	.menu .sp2 {top: 9px;}
	.menu .sp3 {top: 18px;}
	.menu.on .sp1 {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.menu.on .sp2 {opacity: 0;}
	.menu.on .sp3 {-webkit-transform: rotate(-47deg);transform: rotate(-47deg);}
	.nav-list{position: absolute;width: 35%;box-sizing: border-box;padding: 15px;right: -35%;top: 76px;background: #ffffff;margin-top: 0;margin-right: 0;transition: 0.3s;}
	.header{height: 75px;border-bottom: 1px solid #eeeeee;}
	.nei-banner, .index-banner{padding-top: 75px;}
	.head-logo{width: 120px;margin-top: 23px;}
	.head-right{margin-top: 27px;}
	.nav-list ul li{width: 100%;margin: 0 0;padding-bottom: 0;border-bottom: 1px solid #eeeeee;padding-left: 3px;}
	.home-li{display: block;}
	.nav-list.on{right: 0;transition: 0.3s;}
	.swiper-button-next, .swiper-button-prev{background-size: 18px 44px;-moz-background-size: 18px 44px;
    -webkit-background-size: 18px 44px;}
	.index-pro-right{width: 45%;}
	.index-product .index-pro-box .index-pro-left{width: 45%;}
	
	.index-case .index-case-img{height: 530px;}
	.index-case .index-case-img .index-case-text ul li h3{font-size: 18px;}
	.index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 20px;}
	.index-case .index-case-img .index-case-text .index-case-hover p{font-size: 15px;line-height: 25px;}
	.index-case .index-case-img .index-case-text .index-case-hover a{bottom: 25px;font-size: 22px;}
	.pro-zs .gallery-top .swiper-slide .slide-img{width: 330px;height: 330px;}
	.pro-zs .gallery-top .swiper-button-next, .pro-zs .gallery-top .swiper-button-prev{width: 60px;height: 60px;}
	.index-about .index-about-left .left-text h3{font-size: 18px;}
	.index-about .index-about-left .left-text span{    margin: 11px 0 10px;}
	.index-about .index-about-left .left-text{padding: 45px 25px 50px;height: auto;}
	.index-about .index-about-left .left-text a{padding: 5px 25px;margin-top: 25px;}
	.index-about .index-about-right .about-top{height: 300px;}
	.index-about .index-about-left .left-img{height: auto;}
	.index-about .about-bottom .bottom-left,.index-about .about-bottom .bottom-right{height: 290px;}
	.index-about .index-about-left{width: 100%;}
	.index-about .index-about-right{width: 100%;}
	.index-about .about-bottom .bottom-left h3{font-size: 18px;}
	.foot-right dl{width: 50%;margin-right: 0;}
	.foot-right dl dd{display: none;}
	.foot-right{width: 50%;}
	.footer .foot-top .foot-left{width: 50%;}
	.footer .foot-top .foot-left .ewm img{width: 100px;}
	.foot-right dl:first-of-type{width: 50%;}
	.search-box .search-right{width: 45%;}
	.search-box .search-left{width: 175px;}
	.search-box .search-right p input{width: calc(100% - 38px);}
	.page a{padding: 3px 15px;font-size: 14px;}
	.nei-nav ul a {
	    padding: 10px 20px;display: block;
	}
	.nei-nav ul li{width: 20%;float: left;text-align: center;margin-bottom: 7px;}
	.case {
	    margin: 55px auto;
	}
	
	.case-detail .case-detail-text h3, .about-title h3{font-size: 20px;}
	.case-detail .case-swiper .swiper-slide img{max-width: 410px!important;}
	.case-detail .swiper-button-next, .case-detail .swiper-button-prev{width: 35px;}
	.case-cx .cx-tit button{font-size: 18px;}
	.nei-nav{border-bottom: none;}
	.fuwu-nav a{padding: 6px 10px;font-size: 15px;}
	.kh-cp-list .cp-left{padding: 25px 20px;text-align: center;width: 50%;}
	.kh-cp-list{width: 95%;}
	.kh-cp-list .cp-left .cp-text{display: block;padding-left: 0;}
	.kh-cp-list .cp-left .cp-text h3{font-size: 24px;}
	.kh-cp-list .cp-left .cp-text p{font-size: 17px;}
	.kh-cp-list .cp-left icon{width: 65px;height: 65px;background-size: 100%;}
	.se-lc-list ul li .div-icon icon{width: 65px;height: 80px;}
	.se-lc-list ul li p{font-size: 15px;}
	.service-kh-wb .kh-wb-box ul li a h3, .kh-bj-text h3{font-size: 18px;}
	.service-kh-wb .kh-wb-box ul li a p{font-size: 15px;line-height: 30px;}
	.service-kh-wb .kh-wb-box ul li{height: 404px;}
	.kh-wb-xm{height: 300px;}
	.kh-wb-xm .xm-p{font-size: 20px;}
	.kh-bj-list .kh-bj-left h3{font-size: 20px;}
	.kh-bj-list .kh-bj-right{width: 100%;margin-top: 25px;}
	.kh-bj-list .kh-bj-left{width: 100%;}
	.kh-bj-list .kh-bj-left p{font-size: 16px;margin-bottom: 10px;}
	.kh-bj-list .kh-bj-left{margin-top: 0;}
	.service-kh-bk .kh-bk-text button{padding: 8px 55px;font-size: 18px;}
	.service-xz .service-xz-list ul li p {
	    background-size: 32px;
		font-size: 16px;
		padding-left: 45px;
	}
	.service-xz .service-xz-list ul li a{width: 23px;height: 23px;background-size: 100%;}
	.develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left{width: 100%;margin-right: 0;margin-bottom: 25px;}
	.develop .develop-swiper .gallery-top .swiper-slide .develop-slide-right{width: 100%;box-sizing: border-box;}
	.develop .develop-swiper .gallery-thumbs{margin-right: 70px;}
	.develop .develop-swiper {
	    margin: 40px 0;
	}
	.about-ry .about-ry-list ul li{padding: 15px 2px 0;}
	.about-ry .about-ry-list ul li P{font-size: 14px;}
	.about-jj{margin: 40px auto;}
	.about-jj{height: auto;padding-bottom: 35px;}
	.about-jj .about-jj-text {
	    margin-top: 30px;
	}
	.live .live-box .live-text{padding: 20px;margin-top: -40px;}
	.news .swiper-container .swiper-slide .news-slide-right h3{font-size: 18px;margin-top: 15px;}
	.news .swiper-container .swiper-slide .news-slide-right p{line-height: 26px;height: 54px;font-size: 15px;}
	.news .swiper-container .swiper-slide .news-slide-right a span{font-size: 14px;}
	.news .swiper-container .swiper-slide .news-slide-right a{margin-top: 14px;}
	.news-list ul li a .news-list-center h3{font-size: 18px;}
	.news-list ul li a .news-list-center p{font-size: 15px;}
	.news-list ul li a .news-list-left{width: 250px;}
	.news-list ul li a .news-list-center{padding-left: 30px;}
	.news-list ul li a .news-list-right b{font-size: 26px;}
	.news-list ul li a .news-list-center{width: 45%;}
	.news-detail-left h3{font-size: 18px;}
	.news-detail-left .info{font-size: 13px;}
	.p-n .next{width: 100%;}
	.p-n .prev{width: 100%;}
	.p-n .back-case{width: 20%;float: right;}
	.join-people .people-list ul li a .peo-li-text h3{font-size: 18px;}
	.join-people .people-list ul li a .peo-li-text p{font-size: 15px;}
	.join-people .people-list ul li a .peo-li-text{bottom: 10px;}
	.contact-a .contact-a-div ul li a icon{width: 38px;height: 50px;}
	.contact-a .contact-a-div ul li a span{font-size: 16px;}
	.contact-a .contact-a-div ul li a b{font-size: 15px;}
	.contact-b .contact-b-nav a{font-size: 16px;padding: 6px 35px;}
	.contact-c ul li a icon{width: 86px;}
	.contact-c ul li a b{font-size: 20px;}
	.contact-c{height: 390px;}
	.contact-zp-div p{background-size: 50px;padding-left: 75px;}
	.contact-zp-div p b{font-size: 18px;}
	.contact-zp-div p{height: 80px;line-height: 80px;}
	.nei-nav ul{height: 44px;}
	.about-ry .about-ry-list ul li .ry-img{height: 250px;line-height: 250px;}
	
	.jg-vale-table{width: 100%;}
	.service-kh-bk .kh-bk-text p{width: 100%;}
	
	.pro-zs .gallery-top .swiper-slide .slide-img a img {
	    max-width: 200px;
	}
	.pro-zs .gallery-top .swiper-slide .slide-text h3 {
	    font-size: 20px;
	}
	
	.index-ban-text h3 {
	    font-size: 24px;
		margin-bottom: 0;
	}
	.index-ban-text{max-width: 80%;}
	
	
	.lang{    height: 48px;}
	
	
  }
  @media (max-width:750px){ 
  .nav-list{width: 55%;right: -55%;}
  .nav-list.on{}
  .swiper-button-next, .swiper-button-prev{background-size: 16px 44px!important;-moz-background-size: 16px 44px!important;
    -webkit-background-size: 16px 44px!important;}
  .index-product .index-pro-box .index-pro-left{width: 100%;}
  .index-pro-right{width: 100%;}
  .index-pro-box{padding-bottom: 10%;}
  .index-pro-box .swiper-button-next, .index-pro-box .swiper-button-prev{bottom: 0;}
  .index-pro-box .swiper-pagination{bottom: -21px;}
  .index-pro-box .swiper-button-next, .index-pro-box .swiper-button-prev{width: 35px;height: 35px;line-height: 35px;font-size: 24px;bottom: -30px;}
  .index-product .pro-more a{font-size: 14px;}
  .index-case .index-case-img .index-case-text ul li{width: 50%;height: 25%;}
  .index-case .index-case-img{height: 820px;}
  .index-case .index-case-img .index-case-text ul li h1, .index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 18px;}
  .index-case .index-case-img .index-case-text ul li h1{margin-bottom: 5px;}
  .index-case .index-case-img .index-case-text ul .biao {
      padding: 7% 3% 0 3%;
  }
  .index-case .index-case-img .index-case-text ul li p{font-size: 14px;}
  .index-case .index-case-img .index-case-text .index-case-hover p{font-size: 14px;line-height: 22px;}
  .index-product .index-pro-box .index-pro-left .text h3{font-size: 20px;}
  .index-product .index-pro-box .index-pro-left .text h2{font-size: 20px;}
  .index-product{padding: 25px 0 35px 0;}
  .index-case .index-case-img .index-case-text ul li h3{font-size: 16px;}
  .index-case .index-case-img .index-case-text ul li h1, .index-case .index-case-img .index-case-text .index-case-hover h2{font-size: 16px;}
  .pro-zs .gallery-top .swiper-slide .slide-text{width: 100%;top: 100%;transform: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;bottom: 0;top: inherit;}
  .pro-zs .gallery-top .swiper-slide .slide-text h3{font-size: 16px;}
  .pro-zs .gallery-top .swiper-slide .slide-text p{font-size: 14px;}
  .pro-zs .gallery-top .swiper-slide .slide-img{width: 250px;height: 250px;}
  .pro-zs .gallery-top .swiper-slide{padding-bottom: 125px;}
  .pro-zs .gallery-top .swiper-slide .slide-text{text-align: center;}
  .pro-zs .gallery-top .swiper-button-next, .pro-zs .gallery-top .swiper-button-prev{width: 25px;height: 30px;background-size: 100%!important;}
  .pro-zs .gallery-top .swiper-button-next{right: 10px;}
  .pro-zs .gallery-top .swiper-slide .slide-text a{font-size: 12px;padding: 5px 22px;margin-top: 10px;}
  .pro-zs .swiper-button-next,.pro-zs .swiper-button-prev{margin-top: -72px;}
  .pro-zs{padding: 45px 0;}
  .pro-zs .gallery-thumbs .swiper-slide h3{font-size: 14px;}
  .index-about .index-about-left .left-text h3{font-size: 16px;}
  .index-about .index-about-left .left-text{padding: 25px 20px 30px;}
  .index-about .index-about-left .left-text a{font-size: 12px;}
  .index-about .index-about-right .about-top{height: 185px;}
  .index-about .index-about-right .about-top-right p{font-size: 14px;}
  .index-about .about-bottom .bottom-left{width: 64%;}
  .index-about .about-bottom .bottom-right{width: 36%;}
  .index-about .about-bottom .bottom-left icon{width: 37px;height: 40px;background-size: 100%;margin-top: 0px;}
  .index-about .about-bottom .bottom-left{padding: 20px 10px;}
  .index-about .about-bottom .bottom-left h3{font-size: 16px;    margin-top: 11px;}
  .index-about .about-bottom .bottom-left p{font-size: 14px;}
  .index-about .about-bottom .bottom-left, .index-about .about-bottom .bottom-right{height: 165px;}
  .index-news .title-news h3{font-size: 20px;}
  .index-news .title-news a{font-size: 12px;padding: 5px 20px;}
  .index-news{padding: 35px 0;}
  .index-news .news-swiper .swiper-slide a h4{font-size: 14px;margin-bottom: 5px;}
  .index-news .news-swiper .swiper-slide a i{font-size: 14px;line-height: 20px;}
  .index-news .news-swiper .swiper-slide a span{font-size: 13px;}
  .index-news .swiper-button-next, .index-news .swiper-button-prev{width: 17px;height: 20px;background-size: 100%!important;top: 98%;}
  .index-news .news-swiper .swiper-container {
      padding-bottom: 66px;
  }
  .index-news .news-swiper{margin-top: 32px;}
  .footer .foot-top .foot-left{width: 100%;}
  .foot-right{display: none;}
.footer .foot-top{padding: 35px 0;}  
  .aside .aside-img{width: 35px;height: 35px;}
  .foot-copy p{font-size: 13px;}
  .foot-copy a{font-size: 13px;margin-top: 5px;}
  .foot-copy{padding: 10px 0;}
  .pro-list ul li{width: 49.5%;}
  .pro-list ul li:nth-of-type(2n){margin-right: 0;}
  .pro-list ul li a p{font-size: 14px;padding: 12px 0 10px;}
  .search-box .search-right{width: 94%;}
  .search-box{position: relative;padding-bottom: 40px;}
  .search-box .search-right p{height: 40px;}
  .search-box .search-right p input{height: 40px;font-size: 14px;}
  .search-box .search-right p icon{width: 22px;height: 22px;background-size: 100%;}
  .search-box .search-left{position: absolute;left: 0;right: 0;margin: auto;top: 47px;width: 94%;}
  .search-box .search-left select {
      padding: 8px 10px;
	  font-size: 14px;
  }
  .pro-list{margin-top: 35px;}
  .pro{margin-top: 40px;}
  .page a{font-size: 13px;}
  .pro-detail-box .pro-detail-left{width: 100%;}
  .pro-detail-box .pro-detail-right{width: 100%;padding: 25px 0 25px 0;}
  .pro-detail-box::after{display: none;}
  .pro-detail-box{margin-top: 35px;}
  .pro-detail-box .pro-detail-left{padding-top: 0;}
  .pro-detail-box .pro-detail-text h3{font-size: 16px;}
  .pro-detail-box .pro-detail-text {
      margin-top: 20px;
  }
  .pro-detail-box .pro-detail-text h3{margin-bottom: 10px;}
  .pro-detail-box .pro-detail-text button{font-size: 15px;margin-top: 35px;}
  .pro-detail-ms .ms-bac a{font-size: 16px;}
  .pro-detail-ms .ms-bac a{padding: 6px 20px;}
  .pro-detail-ms .ms-text{padding: 5px;}
  .pro-detail-ms .ms-text p{font-size: 14px;line-height: 26px;}
  .about-case .about-title h3{font-size: 18px;}
  .about-case .about-title h5{font-size: 16px;}
  .about-list ul li{width: 49%;}
  .about-list ul li:nth-of-type(3n){margin-right: 2%;}
  .about-list ul li:nth-of-type(2n){margin-right: 0;}
  .about-list ul li a h3{font-size: 14px;}
  .about-list ul li a p{font-size: 13px;}
  .about-list {
      margin: 25px auto;
  }
  .pro-detail {
      margin-bottom: 45px;
  }
  .pro-detail-box{    padding-bottom: 50px;}
  .pro-detail-ms .ms-bac{margin-bottom: 7px;}
  .nei-nav ul li{width: 50%;}
  .nei-nav ul a{font-size: 15px;}
  .nei-nav ul a{padding: 6px 10px;}
  .case .case-list ul li{width: 49%;}
  .case .case-list ul li:nth-of-type(3n){margin-right: 2%;}
  .case .case-list ul li:nth-of-type(2n){margin-right: 0;}
  .case .case-list ul li a h3{font-size: 14px;}
  .case .case-list ul li a p{font-size: 13px;}
  .nei-nav ul{height: auto;}
  .case-detail .case-detail-text h3{font-size: 16px;margin-bottom: 15px;}
  .case-detail{margin: 35px auto 50px;}
  .case-detail .case-detail-text p{font-size: 14px;line-height: 28px;}
  .case-detail .case-swiper{width: 94%;}
  .case-detail .case-swiper .swiper-container {
      padding: 40px 0;
  }
  .case-detail .swiper-button-next, .case-detail .swiper-button-prev{width: 30px;height: 50px;}
  .case-cx .cx-tit button{font-size: 16px;padding: 7px 25px;}
  .case-cx {
      margin: 30px auto;
  }
  .case-cx-text .case-cx-left{width: 100%;    padding: 10px 0 0 0;}
  .case-cx-text {
      margin-top: 20px;
  }
  .case-cx-text .case-cx-left h4{font-size: 16px;}
  .case-cx-text .case-cx-left p{font-size: 14px;line-height: 28px;}
  .case-cx-text .case-cx-right{width: 100%;margin-top: 25px;}
  .fuwu-nav{    margin: 35px auto 30px;}
  .fuwu-nav a{font-size: 14px;padding: 4px 10px;}
  .fuwu-nav a{box-sizing: border-box;width: 32%;margin-right: 2%;margin-left: 0;float: left;margin-bottom: 2%;}
  .fuwu-nav a:nth-of-type(3n){margin-right: 0;}
  .service-kh-text p{font-size: 14px;line-height: 28px;}
  .service-kh-text p b{font-size: 18px;}
  .service-kh-biao table td{font-size: 14px;}
  .service-kh-biao table{width: 790px;box-sizing: border-box;}
  .service-kh-biao form{overflow-x: scroll;}
  .service-kh-biao table td select{font-size: 14px;}
  .kh-cp-list .cp-left icon{width: 35px;height: 40px;}
  .kh-cp-list .cp-left{padding: 20px 10px;}
  .kh-cp-list .cp-left{font-size: 14px;}
  .kh-cp-list .cp-left .cp-text h3{font-size: 16px;}
  .kh-cp-list{margin: 20px auto 25px;}
  .se-fan-text {
      margin: 26px auto;
  }
  .se-lc-list ul li .div-icon icon {
      width: 55px;
      height: 55px;
  }
  .se-lc-list ul li .div-icon::after{right: 0;z-index: -1;background-size: 90%;}
  .se-lc-list ul li{width: 50%;margin-bottom: 5%;}
  .se-lc-list ul li p{font-size: 14px;height: 84px;overflow: hidden;}
  .se-fan {
      margin-bottom: 38px;
  }
  .kh-cp-list .cp-left .cp-text p{font-size: 14px;}
  .service-kh-wb .kh-wb-box ul li{width: 100%;height: auto;margin-right: 0;}
  .service-kh-wb .kh-wb-box ul li a{padding: 15px;}
  .service-kh-wb .kh-wb-box ul li a h3, .kh-bj-text h3{font-size: 16px;}
  .service-kh-wb .kh-wb-box ul li a h5{font-size: 14px;}
  .service-kh-wb .kh-wb-box ul li a p{font-size: 14px;line-height: 28px;}
  .kh-wb-xm{margin: 35px auto 45px;height: 170px;}
  .kh-wb-xm .xm-p{font-size: 16px;bottom: 5px;}
  .kh-wb-biao table tr td{font-size: 13px;padding: 8px 8px;}
  .kh-wb-biao table tr th{font-size: 13px;width: 20%;}
  .kh-wb-biao table tr th:nth-of-type(1){width: 20%;}
  .kh-wb-biao table tr th:first-of-type::after{width: 130%;transform: rotate(38deg);-webkit-transform: rotate(38deg);-moz-transform: rotate(38deg);}
  .service-kh-kh .kh-kh-text p{font-size: 14px;line-height: 28px;}
  .service-kh-kh {
      margin-bottom: 50px;
  }
  .kh-bj-text p{font-size: 14px;}
  .kh-bj-text {
      margin-bottom: 24px;
  }
  
  .kh-bj-list .kh-bj-left h3{font-size: 16px;}
  .kh-bj-list .kh-bj-left p{font-size: 14px;margin-bottom: 5px;}
  .amap-info-content h4{font-size: 14px!important;}
  .amap-info-content p{font-size: 13px!important;}
  .kh-bj-list .kh-bj-right #bj-map1,.kh-bj-list .kh-bj-right #bj-map2{height: 270px;}
  .live .live-box .live-title h3, .service-kh-bk .kh-bk-text h3{font-size: 20px;}
  .service-kh-bk .kh-bk-text input{width: 100%;}
  .service-kh-bk .kh-bk-text input[type="text"]{font-size: 14px;}
  .service-kh-bk .kh-bk-text p{font-size: 15px;}
  .service-kh-bk .kh-bk-text button{font-size: 14px;}
  .service-kh-bk .kh-bk-text{margin: 55px auto 50px;}
  .service-xz .service-xz-list ul li{width: 100%;margin-right: 0;}
  .service-xz .service-xz-list ul li .xz-list-box {
      padding:10px 15px;
  }
  .service-xz .service-xz-list ul li p{font-size: 14px;}
  .service-title h3{font-size: 20px;}
  .service-title h4{font-size: 16px;}
  .service-text {
      padding: 25px 12px 15px;
  }
  .service-text p{font-size: 14px;line-height: 28px;}
  .service-xc{margin-top: 35px;}
  .service-xc.zl .service-text p {
      font-size: 14px;
  }
  
  .about-jz .about-jz-list ul li .ic-box::after{width: 90px;height: 90px;left: -6px;top: -6px;}
  .about {
      margin: 40px auto;
  }
  .about-text p{font-size: 14px;line-height: 28px;}
  .about-jz .about-jz-list ul li{width: 50%;}
  .about-history .about-title {
      margin-top: 10px;
  }
  .develop .develop-swiper .gallery-thumbs .swiper-slide-thumb-active{font-size: 18px;}
  .develop .develop-swiper .gallery-thumbs .swiper-slide{font-size: 16px;}
  .develop .develop-swiper .gallery-thumbs {
      margin-right: 15px;
  }
  .develop .develop-swiper .gallery-thumbs{width: 95px;}
  .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left h3{font-size: 18px;    margin-bottom: 16px;padding: 10px 0;}
  .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-left p{font-size: 14px;padding: 8px 0;}
  .develop .develop-swiper .gallery-top .swiper-slide .develop-slide-right{padding: 4px;}
  .develop {
      padding: 1em 0;
  }
  .develop .develop-swiper .gallery-thumbs .swiper-wrapper {
      height: 345px;
  }
  .develop .develop-swiper {
      margin: 24px 0;
  }
  .about-wh-list ul li{width: 100%;height: auto;}
  .about-wh-list ul li a{height: auto;}
  .about-wh {
      margin: 15px auto;
  }
  .about-wh-list ul li a icon{width: 38px;height: 38px;}
  .about-wh-list ul li a h3{font-size: 16px;margin-top: 17px;}
  .about-wh-list ul li a p{font-size: 14px;}
  .about-jz .about-title h3{font-size: 20px;}
  .about-jz .about-jz-list ul li{padding: 10px;}
  .about-jz .about-jz-list ul li .ic-box{width: 80px;height: 80px;line-height: 80px;}
  .about-jz .about-jz-list ul li icon{width: 40px;height: 40px;}
  .about-jz .about-jz-list ul li h3{font-size: 16px;}
  .about-jz .about-jz-list ul li p{font-size: 14px;}
  .about-jz .about-jz-list ul li::after,.about-jz .about-jz-list ul li::before{top: 52px;}
  .about-jz .about-jz-list ul li:nth-of-type(2n)::after{display: none;}
  .about-jz .about-jz-list ul li:nth-of-type(3)::before{display: none;}
  .yj-text h3{font-size: 20px;}
  .yj-text p{font-size: 16px;}
  .yuanjin ul li{width: 49%;margin-left: 0;margin-right: 2%;margin-bottom: 2%;}
  .yuanjin ul li:nth-of-type(2n){margin-right: 0;}
  .yuanjin ul li a p{padding: 7px;height: 57px;}
  .about-ry .about-ry-list ul li{width: 49%;}
  .about-ry .about-ry-list ul li:nth-of-type(2n){margin-right: 0;}
  .about-ry .about-ry-list ul li P{padding: 6px;}
  .about-ry .about-ry-list .more a{font-size: 13px;}
  .about-ry .about-ry-list .more{margin-top: 40px;}
  .about-jj .about-jj-text p {
      line-height: 28px;
  }
  .about-team{margin: 0 auto 40px;}
  .about-honor {
      margin: 35px auto;
  }
  .live .live-box {
      margin: 30px auto;
  }
  .live .live-box .live-title h3, .service-kh-bk .kh-bk-text h3{font-size: 18px;}
  .live .live-box .live-text{margin-top: 0;}
  .live .live-box .live-title span{font-size: 16px;}
  .live .live-box .live-text{width: 100%;padding: 10px;}
  .live .live-box .live-text p{font-size: 14px;line-height: 28px;}
  .live-swiper>h3{font-size: 16px;}
  .deve-text{margin-top: 120px;height: auto;}
  .deve-text .deve-left{width: 100%;padding: 20px 10px 25px 10px;}
  .deve-text .deve-right{width: 100%;}
  .deve-text .deve-right img{height: auto;}
  .deve-text .deve-left h3{font-size: 16px;}
  .deve-text .deve-left p {
      font-size: 14px;
      line-height: 28px;
  }
  .live {
      margin-bottom: 53px;
  }
  .news .swiper-container .swiper-slide .news-slide-left{width: 100%;}
  .news .swiper-container .swiper-slide .news-slide-right{width: 100%;}
  .news {
      margin: 30px 0;
  }
  .news .swiper-container .swiper-slide .news-slide-right h3{font-size: 15px;line-height: 28px;}
  .news .swiper-container .swiper-slide .news-slide-right p{font-size: 14px;line-height: 22px;height: 46px;}
  .news .swiper-container-horizontal>.swiper-pagination-bullets, .news .swiper-pagination-custom, .news .swiper-pagination-fraction{left: 76%;}
  .news .swiper-container .swiper-slide .news-slide-right a span{font-size: 12px;}
  .news .swiper-container .swiper-slide .news-slide-right a icon{width: 13px;height: 14px;}
  .news .swiper-container .swiper-slide .news-slide-right a{padding: 2px 10px;}
  .news-list ul li a .news-list-left{width: 100%;margin-bottom: 5px;}
  .news-list ul li a .news-list-center {
      width: 70%;
      padding-left: 5px;
  }
  .news-list ul li a .news-list-center h3{font-size: 15px;line-height: 28px;}
  .news-list ul li a .news-list-center p{font-size: 14px;line-height: 26px;}
  .news-list ul li a .news-list-center .read-news span{font-size: 14px;}
  .news-list ul li a .news-list-center .read-news icon{width: 21px;height: 21px;background-size: 65%;}
  .news-list ul li a .news-list-right b{font-size: 18px;padding-bottom: 8px;margin-bottom: 10px;}
  .news-list ul li a .news-list-right span{font-size: 16px;}
  .news-list ul li a{padding: 20px 0;}
  .news-list {
      margin: 35px 0 30px;
  }
  .news-detail-left h3{font-size: 16px;padding-bottom: 10px;}
  .news-detail-left{width: 100%;}
  .news-detail-left .info .fl{margin-bottom: 7px;}
  .news-detail-text p{font-size: 14px;}
  .p-n .back-case{display: none;}
  .p-n a{font-size: 14px;}
  .news-detail-right{width: 100%;}
  .news-detail-right h3{font-size: 16px;padding: 10px 14px;}
  .news-detail-right dl dd a{padding: 10px;font-size: 14px;}
  .join-people {
      margin: 35px auto;
  }
  .join-people .people-list ul li{width: 100%;margin-right: 0;margin-bottom: 2%;}
  .join-people .people-list ul li a .peo-li-text{padding: 0 15px;}
  .join-people .people-list ul li a .peo-li-text h3{font-size: 16px;}
  .join-people .people-list ul li a .peo-li-text p{font-size: 14px;}
  .join-people .people-text p{font-size: 14px;line-height: 28px;}
  .join-people .people-text{margin: 20px auto 45px;}
  .zp-list ul li:first-of-type span{font-size: 14px;padding: 10px 0;}
  .zp-list ul li span{font-size: 13px;}
  .zp-list ul li span:first-of-type{padding-left: 3%;}
  .zp-list ul li .zp-detail{padding: 20px 3% 30px;}
  .zp-list ul li .zp-detail h4{font-size: 15px;}
  .zp-list ul li .zp-detail p{font-size: 14px;}
  .zp-list{margin-top: 30px;}
  .join-zp-box{margin-top: 35px;}
  .zp-list ul{margin-bottom: 17px;}
  .join-zp h4{font-size: 20px;}
  .join-zp h3{font-size: 18px;}
  .join-zp{height: 200px;}
  .join-zp .join-zp-text{margin-top: 62px;}
  .join-zp {
      margin: 45px auto;
  }
  
  .contact-a .contact-a-div ul li{width: 100%;margin-bottom: 3%;margin-right: 0;}
  .contact-b .contact-b-nav a{font-size: 15px;}
  .kh-bj-list {
      margin-bottom: 30px;
  }
  .contact {
      padding: 25px 0;
  }
  .contact-c ul{width: 100%;}
  .contact-c ul li a b{font-size: 16px;}
  .contact-zp-left{width: 100%;padding: 0 6px;}
  .contact-zp-right{width: 100%;margin-top: 20px;}
  .contact-zp-div p b{font-size: 16px;}
  .contact-zp-div p span{font-size: 16px;}
  .contact-zp-div p{background-size: 45px;padding-left: 60px;height: 50px;line-height: 50px;}
  .contact-zp-div{margin-top: 8px;}
  .contact-cp{margin-top: 23px;}
  
  .header{height: 65px;}
  .head-logo{margin-top: 20px;width: 110px;}
  .head-right{margin-top: 23px;}
  .menu{margin-top: 25px;}
  .nei-banner, .index-banner{padding-top: 65px;}
  .nav-list{top: 66px;}
  .nav-list ul li a{font-size: 16px;}
  .search-top{top: 66px;}
  .search-top input{width: 70%;height: 45px;}
  .search-top span{height: 45px;line-height: 45px;}
  .contact-a .contact-a-div ul li a icon{width: 35px;height: 40px;}
  .contact-a .contact-a-div ul li{height: auto;}
  .index-banner .swiper-button-next{right: 15px;}
  .index-banner .swiper-button-prev{left: 15px;}
  .index-case .index-case-img .index-case-text .index-case-hover a{font-size: 18px;}
  
  
  .about-ry .about-ry-list ul li .ry-img{height: 230px;line-height: 230px;}
  
  .jg-vale{overflow-x: scroll;}
  .jg-vale-table{width: 650px;}
  .service-kh-bk .kh-bk-box {
      height: auto;
      margin-bottom: 30px;
  }
  .sear-n-box p{width: 100%;}
  
  
  .pro-zs .gallery-top .swiper-slide .slide-img a img {
      max-width: 140px;
  }
  
  .index-ban-text h3{font-size: 14px;}
  .index-ban-text p {
      font-size: 13px;
  }
  .index-banner .swiper-button-next {
      right: 5px;
  }
  .index-banner .swiper-button-prev {
      left: 5px;
  }
  .index-ban-text{display: none;}
  
  .lang {
      height: 42px;
  }
  
  }
  @media (max-width:500px){
      
  	
  }
  


.guoqing-img-box {
          text-align: center;
        }
    
        .guoqing-img-box .img2 {
          display: none;
        }