@charset "utf-8";
/*==响应↓==*/


@media all and (max-width:1600px){

.container{width:1400px;}
/*--*/
.header .nav{padding:0 30px; margin:0 30px;}
.header .nav li a.navAone{  margin: 0 20px;}
/*--*/
.AboutHome .left .mun li{ padding-right:20px;margin-right:20px;}
.AboutHome .left .mun li span{font-size:40px}
/*--*/.footer .middle{/*! padding-right:50px; */width: 22%;}  

}

@media all and (max-width:1400px){
	
.container{width:1200px;}
/*--*/
.header .nav{padding:0 20px; margin:0 20px;}
.header .nav li a.navAone{  margin: 0 12px;/*! font-size:16px; */}
.header .right{padding:0 0 0 20px;}  
/*--*/
.SloveHome .list .block .box p.txt{min-width:100%;}  
/*--*/
.AboutHome .left .mun li{ padding-right:15px;margin-right:15px;}
.AboutHome .left .mun li span{font-size:35px}  
.AboutHome .left .mun li h5{font-size:12px;} 
/*--*/  
.NewsListBox .list li.top .pic{ margin-right:20px;}
.NewsListBox .list li.top .title{margin:25px 0 20px 0;}

}



@media all and (max-width:1200px){
.container{width:1000px;}
/*--*/
.header .logo img{height:45px;}
.header .nav{padding:0 10px; margin:0 10px;}
.header .nav li a.navAone{  margin: 0 13px;font-size: 16px;}
.header .right{padding:0 0 0 10px;}  
.header .right .block{margin:0 5px;}
/*--*/  
.footer .middle{ display: none;} 
.footer .middle.m-re{ display:block;width: 100%;margin: 15px 0;}
.footer .nav{width:55%;}
/*--*/
.titleAx{font-size:34px;}  
/*--*/  
.AboutHome .left{width:45%;} 
.AboutHome .left .mun li{ padding-right:10px;margin-right:10px;}
.AboutHome .left .mun li span{font-size:30px}  
.AboutHome .right .bg{ position:absolute; left:0; top:-100px; }
.AboutHome .right .video{ left:-30%; top:50px;width: 400px;}
.AboutHome .right .video img{ max-width:100%;}
/*--*/
.NewsHome .list li.one{width:50%;margin-bottom: 30px}
.NewsHome .list li.two{width:48%;margin:0 1% 20px 1%;padding:0 0 20px 0px;}
.NewsHome .list li.two:last-child{border-bottom:1px #aaa dashed;padding-bottom: 20px;margin-bottom: 20px;}
/*--*/
.NewsListBox .list li.top .pic{ margin-right:15px;width: 55%;}
.NewsListBox .list li.top a{padding-right:10px;}
.NewsListBox .list li.top .title{height:50px;margin:12px 0 10px 0;}
.NewsListBox .list li .more{margin-top:10px;}
.NewsListBox .list li .txt{line-height: 20px;}
.NewsListBox .list .line{ margin:15px 0 30px 0; }
/*--*/
.list-box{}
.list-box li{float:left; width:14.6%; margin:0 1% 1% 1%}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-box li:hover h4{color:#cdad81;} /*--*/
.list-honor2{}
.list-honor2 li{float:left; width:14.6%; margin:0 1% 1% 1%}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-honor2 li:hover h4{color:#cdad81;} 
/*--*/ 
.ProductListBox2 ul li{width:48.5%;margin:0 0.75% 1.5% 0.75%;padding:25px;}
/*--*/
.ProductShow .long{margin-top:50px;margin-bottom:10px;}
.ProductShow .long .leftBox{width:45%;}
.ProductShow .long .rightBox{width:55%;padding: 0 0 0 35px;}

}


@media all and (max-width:1000px){
	
.fixed-top{ position: fixed;z-index:999;width:100%; background: #fff;}
.header{line-height:80px;height: 80px;}
.header .nav{ display: none}
.container{width:100%;padding-left:10px; padding-right:10px;}		
.logo img{height:55px;width:auto}
.navWap-block{top:80px;}
.navWap-trigger{display: inline-grid !important;}
/*--*/ 
.titleAx{font-size:20px;margin: 10px 0;}  
.titleAx span{font-size:12px;}  
.titleAx span em{width:8px;height:8px;}
.titleAx .more{margin-top:-30px;font-size:12px; }
.titleAx.pgTit{font-size:20px;margin: 25px 0 20px 0;}
/**/
.titleTop{margin-bottom:20px;}
.titleTop .tone{/*! margin:25px 0 0 0; *//*! width:100%; *//*! text-align: center; */}
.titleTop .tone li{padding-left:25px;/*! float: none; *//*! display: inline-block; */}
.titleTop .tone li a{font-size:16px;padding-bottom: 10px;}  
/*--*/
.site{margin: 20px 0 25px 0;}
/*--*/
.menu{margin:5px 0}
.menu li{ padding: 15px 20px;}
.menu li a{ font-size:14px;}
/*--*/
.ProductHome{padding:30px 0 50px 0; }  
.ProductHome .swiper-container{margin-top:20px;}
.ProductHome .swiper-pagination{margin-top:20px;}
.ProductHome.spot-1 .swiper-pagination span{ margin:0 10px;}
.ProductHome .list-product .block{padding: 10px;}
/*--*/
.ProductListBox .list-product .block{width:33.3%}  
/*--*/
.list-product .block a{padding:0 0 25px 0; } 
.list-product .block h4{margin-top:15px;font-size:14px;}
/*--*/
.ProductShow .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}
/*--*/
.AboutHome{padding:50px 0 50px 0;margin:20px 0 0 0; }
.AboutHome .left{width:55%;}
.AboutHome .left .title{font-size:18px;}
.AboutHome .left .title font{font-size:30px;}
.AboutHome .left .wx{margin:20px 0; font-size:14px;}
.AboutHome .left .more{ margin:20px 0 0 0;}
.AboutHome .left .mun{margin:30px 0 0 0}
.AboutHome .left .mun li{ padding-right:10px;margin-right:10px;}
.AboutHome .left .mun li span{font-size:30px}  
.AboutHome .right .bg{  left:0; top:-50px; }
.AboutHome .right .video{ left:-15%; top:30px;width: 300px;}
.AboutHome .right .video img{ max-width:100%;}  
/*--*/  
.SloveHome{padding:30px 0 50px 0;}
.SloveHome .list{margin-top: 25px;height: 350px;}
.SloveHome .list .result > span{font-size: 3.8vh;height: 10vh;line-height: 2.6;}
.SloveHome .list .result:hover{flex: 1 1 30%;}
.SloveHome .list .block .box{left:5%;top:15%;width:90%; padding:30px 0; }
.SloveHome .list .block:hover .box{padding:50px;}
/*.SloveHome .list .block h4.title.top{ position:absolute;left:0%;top:20%;z-index:9;width:100%;padding-top:50px; transition: all .4s ease-in-out;}*/
.SloveHome .list .block h4.title{font-size:18px;}
.SloveHome .list .block h4.title font{font-size:12px;}
.SloveHome .list .block .box p.txt{font-size:12px;}
.SloveHome .list .block:hover .box p.txt{ margin-top: 20px; }
.SloveHome .list .block .box em.more{margin:20px auto 0; width:20px;height:20px;}
 /*--*/
.CooperateHome{padding:35px 0;}
.CooperateHome .list{margin:20px 0 0 0;}
.CooperateHome .list li{width:16.666%;}
.CooperateHome .list li h4{padding:5px 10px;}
 /*--*/
.contactBox .map{width:100%}
#dituContent{height:300px;}
.contactBox .right{width:100%;padding:20px 200px 0 0px;}
.contactBox .mode .online{padding:80px 0 0 10px;}
.message{padding: 30px 0 50px 0;margin: 50px 0 0 0;}
.message .frame{padding:15px 20px;width:49%;margin:0 0.5% 1% 0.5%;}
/*--*/
.NewsHome{padding: 10px 0 50px 0;}
.NewsHome .container{  padding-top:30px;}
.NewsHome .list li.one{width:50%;margin-bottom: 30px}
.NewsHome .list li.two{width:100%;margin:0 0% 20px 0%;}
.NewsHome .list li.two:last-child{border-bottom:1px #aaa dashed;padding-bottom: 20px;margin-bottom: 20px;} 
/*--*/
.NewsListBox .list li.top{width:100%}
.NewsListBox .list li.top .pic{width:30%; margin-right:10px;}
.NewsListBox .list li.top .title{height:auto;margin:20px 0 20px 0;font-size:16px;}
.NewsListBox .list li.top a{padding:0px;margin:0 0 15px 0}
.NewsListBox .list li .more{margin-top:10px;}
.NewsListBox .list .line{ margin:10px 0 20px 0; } 
.NewsListBox .list li .title{font-size:16px;}
.NewsListBox .list li.block a{margin-bottom:30px}
.NewsListBox .list li.block{width:33.3%}
.NewsListBox .list li a{margin:0 0 20px 10px; } 
.NewsListBox .list li.block .title{margin:15px 0}
/*--*/
.AboutBox .titleAx{ margin:20px 0 20px 0;}
.AboutBox .information{padding:25px 0 50px 0;/*! border-bottom:1px #ddd solid */}
.AboutBox .information .titleAx{ margin-bottom:35px;}
.AboutBox .information .left .title{font-size:22px;}
.AboutBox .information .left .wx{font-size:13px;margin-top: 20px;}
.AboutBox .information .right{ width:47%;}
.AboutBox .course{padding:30px 0;}
.AboutBox .course .long{margin-top: 30px;}
.AboutBox .course .gallery-thumbs .swiper-slide font{font-size:20px;line-height: 60px;}
.AboutBox .course .gallery-top .swiper-slide .pic{width:40%;margin-right:20px;}
.AboutBox .course .gallery-top .swiper-slide h3.title{margin-top:0px;font-size:25px;}
.AboutBox .course .gallery-top .swiper-slide h4.title{margin:10px 0 10px 0;font-size:18px;}
.AboutBox .honor{padding:30px 0 30px 0;}
.AboutBox .album{padding: 30px 0 30px 0;}
.AboutBox .album .focusAlbum .list h4{padding:10px 20px;}
.AboutBox .album .focusAlbum .spot{bottom:15px;}
.AboutBox .album .list-2 h4{font-size:14px;padding:10px 20px;}
/*--*/
.SloveBoxList{padding: 0 0 50px 0;}
.SloveBoxList .list li{margin:0 0 30px 0;}
.SloveBoxList .list li .pic{width:45%;}
.SloveBoxList .list li .box{width:52%;padding:10px 0 0 0;}
.SloveBoxList .list li .box h4{font-size:20px;padding-left:15px;}
.SloveBoxList .list li .txt{ margin:20px 0 0 0;font-size:12px;}  
/*--*/
.CaseListBox{}
.CaseListBox .list li{width:33.3%;}
.CaseListBox .list li a{ margin:0 10px 20px 10px}
.CaseListBox .list li h4{font-size:14px; margin:15px 0 0 0;}
/**/
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:60px;}
#bannerBox .swiper-pagination{bottom: 15px;}
/*--*/
.list-box{}
.list-box li{float:left; width:23%; margin:0 1% 1% 1%}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-box li:hover h4{color:#cdad81;}
/*--*/
.list-honor2{}
.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-honor2 li:hover h4{color:#cdad81;} 
/*--*/
.ProductShow .long{margin-top:20px;margin-bottom:30px;}
.ProductShow .long .leftBox{width:50%;}
/*--*/
.flatI{display: block;}
/*--*/
.footer .nav{ display:none;}  
.footer .right{float:left;width:30%;}  
.footer .right span{font-size:12px; margin-bottom:5px;}
.footer .right span font{ font-size:20px;}
.footer .down{margin-top:10px} 

}


@media all and (max-width:760px){
	
.container{width:100%;padding-left:10px; padding-right:10px;}			
/*--*/
.header{line-height:55px;height: 55px;}
.header .lang-wap{display:block;}
.header .logo img{height:30px;width:auto}
.navWap-block{top:55px;}
.navWap-trigger{margin:13px 15px 0 0}
.header .right{ display: none} 
/*--*/  
.titleAx{font-size:18px;margin: 10px 0;}  
.titleAx.pgTit{font-size:18px;margin: 15px 0 15px 0;}  
.titleAx span,.titleAx.titleAxLeft span{margin-top:0px;}
.titleAx span em{width:8px;height:8px;}
/*--*/
.onlineKefu{padding:6px 30px 6px 15px;background-position:90px 8px; background-image:none ;}  
/*--*/  
.titleTop{margin:0 0 12px 0;}
.titleTop .titleAx{/*! margin: auto; *//*! display: table; *//*! float:none; *//*! text-align: center */}
.titleTop .tone{margin:15px 0 0 0;}
.titleTop .tone li{padding-left:20px;}
.titleTop .tone li a{font-size:14px;padding-bottom:5px;margin-bottom:5px;}
.titleTop .tone li a:before{height:1px}  
/*--*/  
.banner-within{margin-top:0px;}
.menu{position: initial;margin: 25px 0 10px 0;}
/*--*/
.menu{ display: block; width:100%;}
.menu li{width:33.3%;padding: 0px 0px;}  
.menu li a{margin:0 0px;font-size:13px;margin:10px 0;}
/*--*/
.site{display: none}  
/*--*/
.ProductHome{padding:20px 0 30px 0; }  
.ProductHome .swiper-container{margin-top:10px;}
.ProductHome .swiper-pagination{margin-top:10px;}
.ProductHome.spot-1 .swiper-pagination span{ margin:0 10px;}
.ProductHome .list-product .block{padding: 8px;}
/*--*/
.list-product .block a{padding:0 0 15px 0; } 
.list-product .block h4{margin-top:10px;font-size:14px;}
/*--*/
.ProductListBox .list-product{margin-top:5px}
.ProductListBox .list-product .block{width:50%} 
.ProductListBox .list-product .block a{ border:1px #ddd solid; margin: 0 10px 20px 10px;}   
/*--*/
.ProductShow{margin: 0 0 30px 0;}
.ProductShow .sTopLeft{width:100%;padding:10px 50px 0 50px}
.ProductShow .sTopRight{width:100%;}
.ProductShow .sTopRight h2{font-size:16px;}
.ProductShow .sTopRight p{font-size:12px;margin: 10px 0;}
.ProductShow .sTopRight span{padding:10px 0;font-size:12px;line-height: 20px;margin-bottom: 20px;}
.ProductShow .sTopRight .tel{font-size:12px;padding-left:50px;}
.ProductShow .sTopRight .tel font{font-size:16px;}
.ProductShow .sTopRight .online{margin:5px 0 0 15px;padding:5px 20px 5px 20px;font-size:14px;background:#b00700;}
.ProductShow .tabBox{margin: 20px 0 30px 0;}
.ProductShow .tabBox .tone li{padding:12px 25px;font-size:13px;}
.ProductShow .tabBox .down{margin-top:20px;}
.ProductShow .relevant{margin: 0 0 20px 0;}
.ProductShow .relevant h2{font-size:14px;padding-left: 10px;}
.ProductShow .relevant .list li h4{font-size:12px;margin: 15px 0 0 0;height:30px;}
.ProductShow .relevant .list li em{/*display: table;*/margin:auto;border:1px #ddd solid;color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}
.ProductShow .relevant .list li:hover h4{color:#b00700}
.ProductShow .relevant .list li:hover em{color:#b00700;border:1px #b00700 solid}
.ProductShow .relevant .down{margin-top:50px;overflow: hidden;}
.ProductShow .relevant .swiper-container-relevant{margin-top: 15px;}
.ProductShow .relevant .prev,.ProductShow .relevant .next{background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}
.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{background:#b00700}
.ProductShow .relevant .list li:hover h4{color:#b00700}
/*--*/
.cntr{padding: 0 0px;}
.ProductShow .sDown .top{line-height:inherit;height:inherit}
.ProductShow .sDown .top ul.tab-menu li{font-size: 15px;line-height: 40px;/* height: 20px; */border-bottom: 2px #fff solid;color: #333;}
.ProductShow .sDown .top ul.tab-menu li.hit{border-bottom: 2px #cdad81 solid;}
.ProductShow .sDown .top ul.tab-menu li:before{display:none;}
.ProductShow .long{padding: 0 10px;margin-top:20px;margin-bottom: 5px;}
.ProductShow .long .leftBox{width:100%;}
.ProductShow .long .rightBox{width:100%;padding: 0 0 0 0px;}
.ProductShow .rightBox .tel{display: none}
.ProductShow .rightBox .con{display: none}
.ProductShow .sDown{margin:5px 0 14px 0}
.ProductShow .rightBox .wxBox{padding:10px}
.ProductShow .rightBox .wxBox span{margin:2px 0}
/*--*/
.SloveHome{padding:20px 0 30px 0;}
.SloveHome .list{margin-top: 15px;height: auto;display: initial;}
.SloveHome .list .result{flex: initial;width: 50%;float: left;margin: 0 0px;}
.SloveHome .list .block .box{left:5%;top:15%;width:90%; padding:30px 0; }
.SloveHome .list .block h4.title{font-size:14px;}
.SloveHome .list .block:hover .box p.txt{ display:none }
.SloveHome .list .block .box em.more{margin:10px auto 0;}  
/*--*/
.AboutHome{padding:20px 0 30px 0;margin:10px 0 0 0; }
.AboutHome .left{width:100%;}
.AboutHome .left .title{font-size:14px;}
.AboutHome .left .title font{font-size:18px;}
.AboutHome .left .wx{margin:10px 0 20px 0; font-size:12px;}
.AboutHome .left .more{ margin:20px 0 0 0;padding:5px 35px 5px 15px;}
.AboutHome .left .more:before{ top:12px; right:18px; }
.AboutHome .left .mun{margin:20px 0 0 0}
.AboutHome .left .mun li{ padding-right:10px;margin-right:10px;}
.AboutHome .left .mun li span{font-size:25px}  
.AboutHome .right{width:100%; }  
.AboutHome .right .bg{display: none;position: initial;margin-top:20px;  left:0; top:0px; height:305px;}
.AboutHome .right .video{ left:0; top:0;width: 50%;position: initial;margin: 30px auto 0;display: block;}
.AboutHome .right .bg img{height: calc(100% - 0vh);-o-object-fit: cover;object-fit: cover;}
.AboutHome .right .video img{ max-width:100%;}  
/*--*/
.CooperateHome{padding:20px 0 30px 0;}
.CooperateHome .list{margin:10px 0 0 0;}
.CooperateHome .list li{width:25%;}
.CooperateHome .list li h4{padding:5px 10px;}  
/*--*/
#dituContent{height:250px;}
.contactBox .right{padding:15px 0px 0 0px;}
.contactBox .right h3.title{font-size:16px}
.contactBox .right h4.title{margin:10px 0 10px 0;font-size:14px ;}
.contactBox .right h4.title hr{margin:5px 0 0 0;width:15px;height:1px;}
.contactBox .right .tel{display: block;font-size:12px;margin: 0 0px 0px 0;float: none;}
.contactBox .right .tel font{font-size:16px;}
.contactBox .right .add{margin-top:15px;padding-top:10px;font-size:12px;}
.contactBox .right .add:before{position: absolute;}
.contactBox .right .online{padding: 20px 0 10px 0px;margin: 10px 0 20px 0;position: initial;width: 30%;margin: 0px auto 0;top: 0;clear: both; text-align:center;}
.contactBox .right .online .ewm{ margin:0 auto 10px }
/*--*/
.message{padding: 20px 0 30px 0;margin:20px 0 0 0;}
.message form{margin-top:20px}
.message .frame{padding:10px 10px;width:100%;margin:0 0% 10px 0%;}
.message .frame.x5{width:100%;}
.message .frame i{right:10px;}
.message .frame textarea{height:80px;}
.message button{width:30%;padding:8px 20px;font-size:14px;margin-top: 5px;}
/*--*/
.NewsHome{padding:20px 0 30px 0;}
.NewsHome .list li.one{margin-bottom: 20px}
.NewsHome .list li.one a{margin:0 10px;}
.NewsHome .list li.one h4{margin-top:10px;font-size:14px;}
.NewsHome .list li.one p{display: none;margin:10px 0;}
.NewsHome .list li.one span{margin-top:10px;display: block}
.NewsHome .list li.one span font{margin-left:10px;}
.NewsHome .list li.two{margin:0 0% 10px 0%;padding-bottom: 10px;margin-bottom: 10px;}
.NewsHome .list li.two:last-child{padding-bottom: 10px;margin-bottom: 10px;}
.NewsHome .list li.two .time{margin-right:20px;}
.NewsHome .list li.two .time font{font-size:28px;}
.NewsHome .list li.two h4{font-size:14px;margin-top:15px;}
.NewsHome .list li.two p{display: none;margin-top:10px;}  
/*--*/
.NewsListBox .list li.top .pic{width:40%;}
.NewsListBox .list li.top .title{margin:15px 0 10px 0;font-size:14px;}
.NewsListBox .list li.top a{padding:0px;margin:0 0 10px 0}
.NewsListBox .list li .more{margin-top:10px;}
.NewsListBox .list .line{ margin:5px 0 15px 0; } 
.NewsListBox .list li .txt{display: none}
.NewsListBox .list li .title{font-size:14px;}
.NewsListBox .list li.block{width:50%}
.NewsListBox .list li a{margin:0 0 20px 10px; } 
.NewsListBox .list li.block a{margin-bottom:20px;}
.NewsListBox .list li.block .title{margin:15px 0 0 0}
/*--*/ 
.SloveBoxList{padding: 0 0 30px 0;}
.SloveBoxList .list li{margin:0 0 20px 0;}
.SloveBoxList .list li .pic{width:100%;}
.SloveBoxList .list li .box{width:100%;padding:10px 0 0 0;}
.SloveBoxList .list li .box h4{font-size:16px;padding-left:10px;}
.SloveBoxList .list li .txt{ margin:15px 0 0 0;}   
/*--*/
.CaseListBox{}
.CaseListBox .list li{width:50%;}
.CaseListBox .list li a{ margin:0 10px 20px 10px}
.CaseListBox .list li h4{font-size:14px; margin:10px 0 0 0;}
/*--*/ 
.AfterBox{padding: 0 0 50px 0;}
.AfterBox .title{margin-top: 10px;}
.AfterBox .block.title h4{font-size:16px;}
.AfterBox .block{ padding:10px 0; }
.AfterBox .block h4{font-size:16px;width:100%}
.AfterBox .block h4 em{ width:20px; line-height:20px; margin-right:5px;font-size:12px; }
.AfterBox .txt{margin-top:10px; width:100%;font-size:12px;line-height: 20px;} 
/*--*/
.NewsDetailBox{padding-bottom: 30px}
.pagIng{margin-bottom:0px;border-top:1px #ddd solid;border-bottom:0px;border-left:0px;border-right:0px;border-bottom:0px;padding:10px 1px 1px 1px;}
.newsDetail h2{font-size: 17px;/*margin:0px 0 0 0;*/border-bottom: 1px #ddd solid;}
.newsDetail .msg{display: none}
.pagIng .fl a{font-size:12px;height: 25px;}
.relNews ul li{width:98%;}
.pagIng .fl{width:100%;margin-bottom: 10px;}
.pagIng .fr{display:table;margin:10px auto 0;float: none;}
/*--*/
.AboutBox .titleAx{ margin:10px 0 15px 0;}
.AboutBox .information{padding:15px 0 30px 0;/*! border-bottom:1px #ddd solid */}
.AboutBox .information .titleAx{ margin-bottom:20px;}
.AboutBox .information .left{width:100%;}
.AboutBox .information .left .title{font-size:16px;}
.AboutBox .information .left .wx{font-size:13px;margin-top: 10px;}
.AboutBox .information .right{margin-top:15px; width:100%;}
.AboutBox .information .right img{width:50%; margin:auto; display: block} 
.AboutBox .culture{padding:30px 0 30px 0;}
.AboutBox .culture .left{width:100%;}
.AboutBox .culture .left img{width:50%; margin:auto; display: block}
.AboutBox .culture .right{width:100%;padding:20px 0 0 0px;font-size:13px;}
.AboutBox .course{padding:20px 0 20px 0;}
.AboutBox .course .long{margin-top: 10px;}
.AboutBox .course .gallery-thumbs .swiper-slide font{font-size:16px;line-height: 35px;}
.AboutBox .course .gallery-top .swiper-slide .pic{width:100%;margin-right:0px;}
.AboutBox .course .gallery-top .swiper-slide h3.title{margin:10px 0 5px 0;font-size:16px;display: block;float: left;/*! width: 100%;*/clear: both;}
.AboutBox .course .gallery-top .swiper-slide h4.title{margin:5px 0 5px 0;font-size:14px;overflow: hidden;clear: both;}
.AboutBox .course .gallery-top .swiper-slide p{font-size:12px;}
.AboutBox .honor{padding:20px 0 20px 0;}
.AboutBox .honor .swiper-container-square1{margin-top:5px;}
.AboutBox .honor .swiper-container-square1 a{padding: 10px;}
.AboutBox .honor .swiper-pagination{margin: 20px 0 0 0;}
/*--*/
.AboutBox .album{padding: 20px 0 20px 0;}
.AboutBox .album .focusAlbum{width:100%;margin:5px 0 10px 0}
.AboutBox .album .focusAlbum .list h4{font-size:12px;padding:8px 10px;}
.AboutBox .album .focusAlbum .spot{right:10px;bottom:12px;}
.AboutBox .album .focusAlbum .spot li{margin:0 8px;width: 5px;height: 5px;}
.AboutBox .album .focusAlbum .spot li:before{left:-3px;top:-3px;width:11px;height:11px;}
.AboutBox .album .list-2{width: 100%;}
.AboutBox .album .list-2 li{width:50%;}
.AboutBox .album .list-2 li a{margin:0 5px 10px 5px}
.AboutBox .album .list-2 h4{font-size:12px;padding:8px 10px;}
/*--*/
.swiper-container-square1 .list li h4{margin-top:5px;font-size:12px;}
.swiper-container-square1 .list .pic{padding:10px;}
/*--*/
.list-honor2{}
.list-honor2 li{width:48%;margin:0 1% 1% 1%}
.list-honor2 li h4{font-size: 12px;padding:10px 0;}
.list-honor2 li .imgBox{height:180px;}
.list-honor2 li .imgBoxB{height:180px;}
.list-honor2 li:hover h4{color:#b00700;}
/*--*/
.list-box{margin-top: 0px;}
.list-box li{width:48%;margin:0 1% 1% 1%}
.list-box li h4{font-size: 13px;padding: 10px 0 10px 0;max-height: 50px;height: auto;}
#list-box2 li{width:31.3%;}
/*--*/
.contactBox .mode .online{padding: 20px 0 0 20px;margin: 10px auto;}
.contactBox .mode .online .tel{background: url(../images/tel2_ico.png) no-repeat left;padding: 0 50px 0 40px;background-size: 30px;border: none;font-size: 12px;}
.contactBox .mode .online .tel font{font-size: 18px;}
.contactBox .mode .online .consultation{margin:5px 0 0 10px;padding:5px 20px 5px 20px;color:#fff;font-size:14px;background:#b00700;display: inline-block;}
.contactBox .mode .ewm{width:100%;padding:30px 30px 30px 0;margin-top: 10px;}
.contactBox .mode .ewm span{font-size:12px;padding: 20px 30px 0 0;line-height: 25px;}
.contactBox .mode .ewm img{width:100px;border:3px #B00700 solid}
.contactBox .branch{margin: 30px 0;height: auto;}
.contactBox .branch .left{width:100%;}
.contactBox .branch .left h2{padding:15px 0;font-size:18px;height: auto}
.contactBox .branch .left li{float:left;height: auto;padding: 15px 0;width: 33.3%;}
.contactBox .branch .left li a{padding-left:20px;font-size:13px;}
.contactBox .branch .right{width:100%;padding:15px;}
.contactBox .branch .right p{line-height: 23px;padding-right:20px;width: 100%;margin-bottom: 10px;}
.contactBox .branch .right p b{font-size:14px;margin-bottom: 10px;}
.contactBox .branch .right .map{width:100%;height: auto;}
.contactBox .headquarters{padding:20px 20px 20px 20px}
.contactBox .headquarters p{width:100%;padding-left:0px;}
.contactBox .ser{margin: 30px 0 0 0;padding: 20px 20px;}
.contactBox .ser p{width:100%;border-right:0px;border-bottom:1px #ddd solid;margin-bottom: 10px;padding-bottom: 10px;margin-right: 80px;}
.contactBox .ser p b{font-size:14px;margin-bottom:10px;}
/*--*/
.message{padding: 20px 0 30px 0;margin: 15px 0 0 0;}
.message form{margin-top:15px;}
.message .frame{padding:12px 10px;width:100%;margin:0 0.5% 1% 0.5%;}
.message .frame input,.message .frame textarea{padding-left:10px;display: inline;vertical-align: top;}
.message .frame textarea{height:100px;}
.message button.submit{width:30%;padding:10px 10px;font-size:14px;}
/**/
#bannerBox .swiper-button-prev{left:10px}
#bannerBox .swiper-button-next{right:10px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:30px;}
#bannerBox .swiper-pagination{bottom: 15px;}
#bannerBox .swiper-pagination span{opacity: 0.6;width:20px;height:5px;margin:0 5px;border-radius:0%;border: 0px; background: #fff}
#bannerBox .swiper-pagination span:before{display: none}
#bannerBox .swiper-pagination span.swiper-pagination-bullet-active{ background: #333}
/*--*/
.contact #dituContent{height:200px}
/*--*/
.WorShowBox .title{padding:0 0 10px 0;margin: 0 0 10px 0;}
.WorShowBox .title h1{margin:10px 0 0 0;font-size:20px;line-height:23px;padding-bottom:15px;}
/*--*/
.listCase li a h4{padding:5px 10px;line-height: 25px;font-size:15px;}
.listCase li a h4 b{display:none;font-size:12px;}
/*--*/
.layui-layer{width:400px;min-width:400px;max-width:400px;height:300px;}/*--*/
/*----*/
#pages{margin:20px 0 20px 0;}
#pages span{padding:5px 10px;margin:0 2px;font-size:12px;}
#pages a{padding:5px 10px;margin:0 2px;font-size:12px;}
/*--*/
.kefuBox-One{ display: none}  
.bdshare-slide-button{ display:none;z-index:-111;left:-200px;width:0px;height:0px;}
/*--*/
.pcI{display: none;}
.wapI{display: block;}
/*--*/
.footer{padding:15px 0 5px 0}  
.footer .middle.m-re{margin:20px 0 10px 0; text-align: center} 
.footer .ewm{ width: 30%;margin: 10px 0 0 0;}
.footer .ewm img{/*! max-width:100px; */ }
.footer .right{float:left;width:auto;}  
.footer .right h4{font-size:16px;margin-bottom: 10px;}
.footer .right span{}
.footer .right span font,.footer .right span.x1 font{ font-size:16px;} 
.footer .down{display: none} 

}