@media ( max-width : 1500px){
	.IndexBg2 .IndexProduct .swiper-button-prev,
	.IndexBg1 .IndexProduct .swiper-button-prev{ left:5px;margin-top: -50px; }
	.IndexBg2 .IndexProduct .swiper-button-next,
	.IndexBg1 .IndexProduct .swiper-button-next{ right:5px;margin-top: -50px;}
}
@media ( max-width : 1280px){
.n1280{ display:none;}
.IndexBg1 .proMenu a{ margin:0px; padding-right:20px;}
.IndexBg1 .IndexProduct .swiper-slide{ padding:0px 10px;}

.IndexNew .Bodys .lefts{ width:500px;}
.IndexNew .Bodys .rights{ width:calc(100% - 500px);}
.IndexNew .Bodys .rights ul li{ height:98px;padding-top: 6px;padding-left:100px; padding-right:10px;}
.IndexNew{ padding-top:30px; padding-bottom:20px;}
.IndexAboutBody{ top:20%; }



.footer .logos{ padding-top:40px;}
.footer .bodys{ padding-top:34px; height:236px;}
.footer .bodys .Box {
    width: calc((100% - 340px) /5); 
}

.proshowTop .rights{ padding-left:20px;}
.proshowTop .Topbottoms a{ margin-bottom:10px;margin-right:10px;}
.proshowTop .Topbottoms a.ands{margin-right:0px;}
.proshowTop .Topbottoms .imgs{ width:50%;}

}

@media ( max-width : 1180px){

	.n1180{ display:none;}
	.footer .bodys .Box { width: calc((100% - 340px) /4); }
	
	
	

}


@media ( max-width : 1080px){
	.n1080{ display:none !important;}
	.proshowTop .lefts{ width:360px;}
	.proshowTop .rights{ width:calc(100% - 360px); padding-left:10px;}
	.proshowTop .Topbottoms a{ width:112px;}
	
	
	.footer .bodys .Box { width: calc((100% - 340px) /3); }
	
}

@media ( max-width : 1000px){
.d1000{ display:block;}
.n1000{ display:none;}

.IndexBg1{ padding-top:30px;}
.IndexBg1 .proMenu{ padding-top:20px;}
.IndexBg1 .IndexProduct .swiper-container{ padding-bottom:1.2rem;}
a.morePro{ bottom:0.3rem;}

.service{ height:290px;}
.service .boxImg{ top:15px;}
.service .box{ padding-top:130px;}


.IndexAbout .boxBody{ padding-left:0px; right:0.1rem; left:0.1rem;}
.IndexAbout .boxBodys{ left:auto;}
.IndexAbout .boxBody:before{ display:none;}

.IndexNew .Bodys{ padding-top:15px;}
.IndexNew .Bodys .lefts{ width:451px;}
.IndexNew .Bodys .rights{ width:calc(100% - 451px); padding-left:10px;}
.IndexNew .Bodys .rights ul li{ height:94px;padding-top: 5px;padding-left:90px; padding-right:8px;margin-bottom: 10px;}
.IndexNew .Bodys .rights ul li .times{ width:80px; }


.IndexNews .Bodys .rights{ padding-left:0px; width:100%;}
.showBodys{ padding-top:10px;}
.MainRight{ }
 .MainLeft{ width:100%; padding-right:0px;}
 .MainRight{ width:100%;padding-left:0px;}


/*------------------------------自适应导航------------------------------------------------------------*/
.header{ height:auto;}
.headTop,.logo{ height:1rem;}
.flash,.zyFlash{ padding-top:1rem;}
.headTop{ border:0px;}
.header .logo{ width:50%;}
.burger{ right:0.07rem;}
.nav{ padding:0px; background:#fff; height:100%;  left:0px; }
.nav ul{ width:100%;  position:static;  left:0px; height:100%; }
.nav ul li{ width:100%; padding:0px;  background:#fff;  }
.nav ul li:after{ display:none;}

.nav ul li a:after{ bottom:0px; display:none;}
.nav ul li:hover ul{ display:none;}
.nav ul li a{  height:60px; position:relative; line-height:60px; padding-left:10px; padding-top:0px; color:#fff; text-align:left;}
.nav ul li a:after{ display:none;}
.nav ul li a:before{
	 position:absolute;right:0px; width:20px; height:100%; display:block; background:none;	left:auto;
font-family: "iconfont" !important; font-size: 16px;  font-style: normal;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:"\e66a";}
.nav li ul{ position:static;}
.nav li ul li a{ padding-left:20px;}
.nav ul li a:hover{ border:0px;}
.nav ul li.cur a:link,.Menus ul li.cur a:visited,.Menus ul li.cur a:hover,.Menus ul li.cur a:active{ color:#fff;}
.nav ul li.cur li a{ padding-left:20px;}
.nav ul li li a:before{ display:none;}
.navBottom{ display:block; width:100%; border-top:1px solid #ddd; height:66px; background:#Fff; padding:0px 20px;}

.Menubg{ width:100%; height:100%; background:rgb(247, 247, 247); position:fixed; display:none; z-index:10000;top:0px; left:0px;}

.menu_and {
    width: 60PX;height: 60PX; position: absolute; right: 10px;
    top: 50%; margin-top:-30PX; 
    display: block;
    background: url(../image/menuBs.png) no-repeat right center;background-size:contain; 
}


/*------------------------------------------------------------------------------------------*/

 .NewTopRight .coms{ padding-top:0.1rem; padding-bottom:0px; margin-bottom:0.1rem;}
 

 
 .subMainLine{ margin-bottom:0px;}
  .prolist { width:33.33%;    padding: 0px 10px; margin-bottom:20px;}
  .ProMainRight .TopCom{ padding-left:0px;}
  .proshowTop .lefts,.proshowTop .rights{ width:100%; padding-left:0px;}
}



@media ( max-width : 992px){
	


.IndexAboutBody{ top:25%;}	
	


.listImg img{ width:100%; height:auto;}
.AboutImgBody{ padding-bottom:0.4rem;}
.About_new{ padding-top:0.3rem; padding-bottom:0.3rem;}
.About_trim{ padding-top:0.5rem; padding-bottom:0.6rem; }
.About_trim .box{padding-bottom: 0.3rem; }
.NewMain li.first .imgs{ width:380px;}
.NewMain li.first .rights{    padding: 0px 10px 0px 20px;
    width: calc(100% - 380px);}
.NewMain li.first .rights .coms{ padding-top:10px;}
.NewMain li.first .rights .times{ height:30px;}
/*---新闻---*/

.NewTop .swiper-button-next{left:0%;top:30%;}
.NewTopRight{ padding:0.2rem;}
.NewTop .swiper-button-prev{ left:auto;right:0%;top:30%;}
.NewTopLeft{ width:100%;}
.NewTopRight{ width:100%;}

.linkBox .titles{     margin-top: 0px;}

.showBody{padding: 0.3rem 0.15rem;
  }
  .showBody .lefts,
.showBody .rights { width:100%;}
  .showBody .lefts{ line-height:30px; padding-bottom:20px;}
  .IndexService .bodys .coms{ line-height:24px;}
/*---关于我们---*/
.linkBox,
	.linkList .bodys .lists,
	.linkBox .titles,
	.linkBox .botcoms{ width:100%;}
	
	.About_trim .boxBody .bottoms{ width:100%; padding-left:5px; padding-right:5px;}
	.AboutBottom .title,
.AboutCase .title{ height:auto; padding-bottom:10px; margin-bottom:10px;}
.AboutBottom .Tcoms{ margin-bottom:0.4rem;}

.SerLeft,.SerRight {
            display:block; width:100% !important; float:left;
        }
.SerRight{ height:210px !important;}

.csseBodyBottom a.coms{ width:120px; height:40px; line-height:40px; margin-top:5px;}
.csseBodyBottom a.lefts,.csseBodyBottom a.rights{ width:40px; padding-left:40px; padding-right:0px; overflow:hidden; background-size:contain;}


/**/
.MTitles{ text-align:left; padding-left:20px !important;}
.msgright ,.td_line{ padding-right:0px; }
.msgright{padding-top:20px;}
	}
	
	@media ( max-width : 850px){
		.d850{ display:block;}
	.n850{ display:none !important;}

	.IndexBg1,.IndexBg2{ padding-top:25px;}
	.IndexBg1 .proMenu{ padding-top:15px;}
	.IndexBg1 .proMenu a{ margin-bottom:5px;  }
	
	.IndexBg1 .IndexProduct,.IndexBg2 .IndexProduct{ padding-top:20px;}
	
	 .Msgbox{ width:98%;}
	
	.IndexBg1 .IndexProduct .swiper-slide,
	.IndexBg2 .IndexProduct .swiper-slide
	{ padding:0px 5px; width:33.33%;}
	.IndexBg1 .IndexProduct .swiper-slide .title{ padding:10px 5px;}
	.IndexBg2 .IndexProduct .swiper-container{ padding:0px 5px 0.3rem;}
	
	.IndexNew .Bodys .lefts{ width:100%; margin-bottom:15px;}
	.IndexNew .Bodys .rights{ width:100% ; padding-left:0px;}

	.service{ height:auto; padding-bottom:0px;}
	.service .box{ width:50%;  padding-top:100px;  }
	.service .boxImg{ width:90px; height:90px;  margin-left:-45px;}
	.service .boxImg img{ display:block;}
	.service .box .bodys{ border:0px; height:120px;  padding: 20px 10px 10px;}
	.JsBody .bodys{ padding-left:15px; padding-right:15px; width:100%;}
	
	
	.ProMainLeft{ position:absolute; z-index:10000; width:100%; top:0px; left:0px;  background:#fff;}
	.ProMainLeft .TopTitles{ height:0.8rem;display:block; line-height:0.8rem;  padding-left:0.2rem;background:#09589D; }
	.ProMainLeft .TopTitles:after{
		 position:absolute;right:0px; width:50px; text-align:center; top:0px; height:100%; display:block; color:#fff;
font-family: "iconfont" !important; font-size: 20px;  font-style: normal;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:"\e6ac";
		
		
		
		
		
		}
	.ProMainLeft .topcur:after{ content:"\e6ad";}	
		#proMenus{ display:none;}
	.ProMain { padding-top:0px; padding-left:10px; padding-top:0.7rem; padding-right:10px; padding-bottom:0.6rem;}
	
	.ProMainRight { width:100%; padding-left:0px;}
	.proshowTop,.proshowBody,.proshowPage { width:100%; margin-left:0px;}
	.ProMainRight .TopTitle,.ProMainRight .TopCom{ width:100%; margin-left:0px;}
	.proshowBody .bodys{ padding:20px 10px;}
	
	.ProMainRight .TopTitle{ margin-bottom:0.2rem;}
	
	.copyRight{ margin-bottom:0.92rem;}
	.bottomMenus{
		 width:100%; height:0.9rem; position:fixed; bottom:0px; left:0px; display:block; background:#fff; z-index:5000;
	  
	}
.bottomMenus ul{ width:100%; height:100%;  display:-webkit-box;display:-moz-box;display:box;}
.bottomMenus ul li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:center; height:100%; line-height:0.4rem; padding-top:0.1rem;}
.bottomMenus ul li div{ font-size:20px;}
.bottomMenus ul li div	.bcartNum{ border-radius:10px; display:block; font-size:12px; line-height:18px; left:50%; margin-left:0.1rem; top:-4px; padding:0px 5px; background:#F00; color:#fff; position:absolute;}


	
	}
@media ( max-width : 768px){
.MainRight,
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-left:10px; padding-right:10px;}
.header .logo{ width:70%;}
.p15{ padding-left:10px; padding-right:10px;}
.n768{ display:none;}

.burger{ height:0.8rem; margin-top:-0.4rem; right:-0.1rem;}
.Menus ul li a{ height:auto; }

.flash{ height:auto;}
.flash .swiper-pagination-bullet-active{ background:#2C72AD; width:20px; }
.flash .swiper-button-prev,.flash .swiper-button-next{ display:none;}
.flash .swiper-pagination{ bottom:10px;}


.service .box .bodys .fx2{ line-height:24px;}

.footer .bodys .coms{ width:100%;}
.footer .bodys .coms .bcom{ width:50%; padding-left:0px;}

.zymenu{ width:100%; height:41px;}
.zymenu .bodys .rights{  height:40px; }
.zymenu .bodys .rights li i{  height:40px; }
.zymenu .bodys .rights li{ line-height:40px;}


.ImgLists .title{ padding:0px; line-height:30px; height:30px; margin-bottom:10px;}

.NewMainTop{ padding-top:30px;}
.NewLlst{ padding-top:0px; padding-bottom:30px;}
.NewLlst li{ padding-top:15px; padding-bottom:15px;}
.NewLlst li .lefts{ width:70px;}
.NewLlst li .lefts .time:before{ display:none;}
.NewLlst li .rights{ width:calc(100% - 70px);}

.About_trim .boxBody .tags{ width:96%;}


.Pages a.n768, .Pages span.n768{ display:none;}
.ProShowTop .bottoms{ padding: 10px 0px 20px;}
.ProBottom .Box{ width:100%; margin-bottom:10px;}
.zyTop{ height:auto;padding-top:0px; margin-bottom:0.3rem;}
.newSearch{ width:100%; position:static; height:42px;}
.searchInp{ height:40px; line-height:40px; width:100%;}
.newSearch .ands{ top:auto; bottom:0px;}
.NewMain li.first{ height:auto; padding-bottom:0px;}
.NewMain li.first .flefts,.NewMain li.first .frights{ width:100%; height:auto;}
.NewMain li.first .imgs{ width:100%; padding:0px;}
.NewMain li.first .rights{width:100%; padding:10px 0px;}
.NewMain li.first .frights{ padding:15px;}

.NewMain li .liRight{ width:calc(100% - 180px);padding: 5px 0px 5px 10px;}
.NewMain li .liRight .times{ border:0px;}
.NewMain li .imgs{ width:180px;}
.NewMain li .liRight h3{ padding:0px;}
.NewMain li .liRight .times{ line-height:20px; height:25px;}
.NewMain li .liRight p.com{ padding-right:0px;padding-top: 0px;}
.NewMain li{ padding-top:0px; padding-bottom:0px; margin-bottom:20px;}
.NewMain li.first .rights h3{ height:auto;}
.NewMain li.first .rights  a.more{ margin-top:0px;}
.NewMain li .lefts{ padding-right:10px;}

.AboutCase .rightBorders{ border:0px;}
.AboutImgBody .body{
	padding: 0.2rem 0.1rem 0.2rem;
}

.ZyTitle .titles{ font-size:26px;}
.AboutCase .listBox .top{ padding-top:40px;}
.AboutCase .hts1{ padding-top:0px;}
.About_trim .box{ padding-bottom:0.2rem;}
.showMain{ padding-bottom:30px;}
.showMain .bodys img{  height:auto !important;}


.IndexCom{ padding-top:20px;}
.ListImg{ padding-left:5px; padding-right:5px;}
.ListImg li{ padding-left:5px;padding-right:5px;margin-bottom:10px;}

.NewMain,
.subMain{ padding-top:20px;}


.lsBody .swiper-slide{ width:50%; padding-left:10px; padding-right:10px;}
.lsBody .swiper-slide .imgs{ width:100%;}
.lsBody .swiper-slide .coms{ padding-right:0px;}

.showMaintops{ padding-top:0px; padding-bottom:5px;}

.ProShowPt .swiper-slide{ width:50%;}



}

@media ( max-width : 640px){
.navBottom{ padding:0px;}
.nav_right .topLogin{ padding-right:2px;}


.IndexBg1 .IndexProduct .swiper-slide,
	.IndexBg2 .IndexProduct .swiper-slide
	{  width:50%;}
	.IndexBg2 .IndexProduct .swiper-slide .title{ padding:10px 0px;}
.n640{ display:none;}

/*---新闻---*/
.NewList .Imgs,
.NewList .liRight{ width:100%;}
.NewList .liRight p.com{ margin:0px 0px 0.2rem;}
.NewTop .swiper-button-next, .NewTop .swiper-button-prev{ width:30px; height:40px; }
/*---关于我们---*/
.linkList .lefts,
.linkList .rights,
.linkList .bodys .imgs,
.linkList .bodys .tscoms{ width:100%;}
.linkList .lefts{ height:100px;}
.linkList .lefts:after{ bottom:0.1rem;}
.linkList .rights{ padding-top:0px; margin-bottom:0.2rem;}

.service{ padding-bottom:20PX;}
.About_Gg .lefts{ width:100%; padding-right:0px;}
.About_Gg .rights{ bottom:auto; top:0rem;}


.caseList {
	 width:100%;    
}

  .prolist { width:50%;    padding: 0px 5px; margin-bottom:10px;}


}

@media ( max-width : 576px){

.copyrightBodys{ height:auto;}
	.NewMain li .liRight p.com{ display:none;}
	.csseBodyTop .rights .bodystops{ padding:20px 10px 0px;}
.csseBodyTop .rights .bottoms .coms{ width:100%;}
.linkList .bodys .clefts{ padding:10px;}

.lsBody .swiper-slide{ width:100%;}


.AboutImgBody .body{ position:static; background:#000;}

.IndexCase .caselist{
	padding-left:0rem; padding-right:0rem; 
	}
.IndexCase .caselist a{ width:100%;}

/*案例*/
.casebodys{ padding-left:0.0rem; padding-right:0.1rem;}




}

@media ( max-width : 480px){
	
	.menu_and {
    width: 45PX;height: 45PX; margin-top:-22PX; 
}
.nav ul li a{ height:50PX; line-height:50PX;}
	
.IndexAboutBody{ top:15%;}
.IndexAboutBody .title{ height:56px; line-height:56px;}
.IndexAboutBody .bodys{ padding-top:10px;}
.IndexAbout .boxBody .title{ padding:0px; margin-bottom:2px;}


.NewLlst li .lefts{ width:60px;}
.NewLlst li .lefts .time:before{ display:none;}
.NewLlst li .rights{ width:calc(100% - 60px); padding-left:5px;}


.NewMain li{ margin-bottom:10px;}
	.NewMain li .lefts{ width:95px;}
	.NewMain li .time{  width:85px; }


.NewMain li .liRight{ width:calc(100% - 120px);padding: 0px 0px 0px 10px;}
.NewMain li .imgs{ width:120px;}
.showMain .bodys{ padding-top:0px; padding-bottom:30px;}
	
	.copyrightBodys .fr{ width:100%; float:none; text-align:center;}

.footer .bodys .coms .bcom{ width:100%; padding-left:0; }

.IndexBottom .Box{ margin-bottom:20px;width:100%;}

.IndexBottom .Box:last-child,.IndexBottom .Box:nth-last-child(2){ display:none;}

.ProShowPt .swiper-slide,
.ProXinChe .bodys .swiper-slide,
.ProHuXin .bodys .swiper-slide{ width:100%;}

.ProShowTop a.lefts i{ margin-left:-70px;}

.proshowTop .rights .anddiv{padding: 10px;}

.IndexService .bodys .coms .BoxTs,.IndexServices .coms .BoxTs{ width:320px;}

	}

@media ( max-width : 360px){
	.IndexAboutBody{ top:10%;}
	
	
	
	}