.menu_and,.Menubg{display:none}
.breadcrumb-item+.breadcrumb-item{ padding-left:0.1rem;}
.breadcrumb-item+.breadcrumb-item::before{ padding-right:0.1rem;}
.form-control{ padding:10px; border-radius:5px;}	
.N1200{display: block;}
.D1200{display: none;}

.proshowTops{width: 100%; height: 100px;}

@media ( max-width : 1580px){

	
	.IndexProMainBody li .bodycoms{width: 100%; padding-left: 20px; height:88px; padding-right: 20px;}
	.IndexCompany .lefts{width: calc(100% - 610px);}
	
	.nav li a{padding: 0px 22px;}
	.nav li:last-child a{padding-right: 0px;}
	.zyflash{ min-height:2rem;}
	.ryBottom .brights{ width:580px;}
	.ryBody .rights{ padding: 52px 40px 0px;}
	
	.proLine{ padding-top:30px; padding-bottom:30px; margin-bottom:30px;}
	.proLine .imgs{ width:642px;}
	.proLine .box{ width:calc(100% - 642px);padding:20px 60px;}
	.proLine .box .title{ padding-bottom:20px;}
	
}
@media ( max-width : 1440px){
.nav li a{padding: 0px 20px;}
 .p16{padding-left: 15px; padding-right: 15px;}
 .IndexBottom .swiper-slide .title{ width: calc(100% - 30px);}
	.nav li:last-child a{padding-right: 0px;}
.IndexScoms { top:10%;}

.proshowTop {
    padding: 60px 40px 85px;}
.proshowTop .imgs{ width:550px;}
.proshowTop .rights{ width:calc(100% - 550px); padding-left:20px;}
.proshowTop .phoneNumber{ width:150px;}
}




@media ( max-width : 1380px){
	.banner{display: none;}
	.head-body{ padding-left:16px; padding-right:16px;}
		.nav li a{padding: 0px 15px;}
		.IndexScoms { top:5%;}
		.IndexScoms .bodys{ height:148px;}
	
	.IndexNewBodys ul li:nth-last-child(2),
	.IndexNewBodys ul li:last-child{display:none;}

	.IndexNewBody .body li .times,
	.IndexNewBody .body li .nameClass{width: 100px;}
	.IndexNewBody .body li .coms{width: calc(100% - 230px);}
	
	.ryBody .lefts{ width:550px;}
	.ryBody .rights {
		width: calc(100% - 550px); padding:10px 30px 0px;
	}
	.ryBody .rights .line{ padding-left:60px;}
	 .p16{padding-left: 10px; padding-right: 10px;}
	 .IndexBottom .swiper-slide .title{ width: calc(100% - 20px);}
	 
	 .proLine .imgs{ width:542px;}
	 .proLine .box .title{ padding-bottom:5px;}
	 	.proLine .box{ width:calc(100% - 542px);padding:0px 30px 10px;}
		.proLine .box .coms .lin2{ margin-bottom:10px;}
}

@media ( max-width : 1200px){
	.DivW{width: 98%;}
	.nav li a{padding: 0px 14px;}
	.IndexProMain{ padding-top:30px; padding-bottom:30px;}
	.IndexProMain::after{ height:348px;}

	.IndexProMainBody li .bodycoms {
			padding-left: 10px;
			padding-right: 10px;
			}
	.IndexCompany .lefts{ width:calc(100% - 500px);}
	.IndexCompany .rights{ width:500px;}
		
		.IndexSerMap .boxMap::before{ width:14px; height:14px;
		 margin-top: -4px;
    margin-left: -4px;
		}
		.IndexSerMap .boxMap::after { width:26px; height:26px;  margin-top: -10px;
    margin-left: -10px;}
	
	.IndexSerMap .bels .title {    width: 80px; left: -80px;	}
	.IndexSerMap .hskst .title {    width: 90px; left: -90px;	}	
	.IndexSerMap .wzbkst .title {    width: 105px; left: -105px;	}
	.IndexSerMap .yl .title,
	.IndexSerMap .tg .title {
  		  width: 45px; left: -45px;
	}
	.IndexSerMap .bx .title,
	.IndexSerMap .nf .title{ left:25px; width:35px;}
	
	
	
		
	.IndexBottom .swiper-button-prev{left: 0px;}
	.IndexBottom .swiper-button-next{right: 0px;}

	.IndexRybody .bodys .swiper-button-prev{left: 0px;}
	.IndexRybody .bodys .swiper-button-next{right: 0px;}
  
	.IndexNewBodys ul li:nth-last-child(2),
	.IndexNewBodys ul li:last-child{display:block;}


	.newFw{width: 100%;}
		.IndexLink .bodys,.kjfs{display: none;}

	.footer .lefts{width:80px}
	.footer .coms{ width:calc(100% - 240px); padding-right: 10px;}
.MainRight .MainBody{    padding: 0px 20px;}

.ryBody .lefts,
	.ryBody .rights { width:100%;}
	.ryBody .rights{ padding:30px 50px;}
	.serviceBody .box .bodys{ padding-left:15px; padding-right:15px;}
	.NewMain li.first .imgs{ width:375px;}
	.NewMain li.first .rights{ width:calc(100% - 375px); padding:20px;}
	.NewMain li.first .rights h3{ margin-bottom:5px;}
	.NewMain li.first .rights .times{ padding-bottom:0px;}
	.NewMain li.first .rights a.more{ margin-top:10px;width: 100px;  line-height: 36px; height: 38px;}


.proLine .box .title{ margin-bottom:10px; line-height:32px;}

.proshowTop .imgs{ width:450px;}
.proshowTop .rights{ width:calc(100% - 450px); padding-left:20px;}

	}
	
	

@media ( max-width : 992px){
	.DivW{width: 100%;}
	.head{ position:relative; z-index:99999; background:#fff;}
	.head-Bgs{ display:none;}
	.head-body{ padding-left:0px; padding-right:0px;}
	
	.IndexProMainBody{ padding-bottom:15px;}
	.IndexProMainBody li .coms .icon{ width:70px; height:70px; font-size:36px; margin-top:-35px; margin-left:-35px; line-height:66px;}
	.IndexProMainBody li .coms{ padding:20px 0px;}

	.IndexProMain::after{ height:283px;}
	.IndexCompany .lefts,
	.IndexCompany .rights{ width:100%;}
	.IndexCompany .lefts{ margin-bottom:0px; height:auto; margin-bottom:20px;}
	.IndexCompany .lefts a.mores {  margin-top: 10px;}
		.IndexCompany .rights{ margin-bottom:20px;}

	.maptop{ display:block; padding-top:20%;}
	.IndexCompany{ padding-top:70px; padding-bottom:30px;}
	.IndexRybody .bodys .box{ width:33.33%;}
	
	.IndexNewBody{ padding-top:200px;}
	.newTop{ width:100%; text-align:center; left:0px;}
	.IndexNewBody .body{ width:100%;}
	.newTitle a.more{ display:none;}
	.newTitle ul{ width:100%; display: -webkit-flex;  /* Safari */
     display: flex;}
	.newTitle li{ flex:1; height:50px; line-height:50px;}
	.newTitle li a{ display:block; width:100%; height:100%;}
	.newTitle li a::before{ display:none;}
	.proshowTops{ display:none;}
	.thisUrl{ height:50px; line-height:50px;}
	.head-top .head-body .fl{display:none}
	.menu_and{display:block; height:1rem; width:0.8rem; float:right; padding:0.3rem 10px 0 0.2rem; text-align:center;}
	.Menubg{ width:100%; height:100%; position:fixed;top:0px; left:0px; background:rgba(0,0,0,0.6); z-index:888;}
	.nav{ display:none; background:#fff; position:absolute; height:auto; width:100%; float:left; top:calc(1.2rem + 50px); z-index:100000; padding:0px 0px 20px;}
	.nav li{ width:100%; line-height:0.8rem; text-align:left; border-bottom:1px solid #FFF;}
	
	.nav li a{ padding:0px 0.3rem;}
	.nav li a::after{ display:none;}
	.nav li ul{ position:static; width:100%; opacity:1;
		transform: translateX(0%);
    -ms-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
	 }
	 .nav li:hover a{ background:none;}
	.nav li ul li{ border-bottom:0px; background:none; text-align:left;}
	.nav li ul li a{ padding-left:0.6rem; color:#333 !important;}
	.nav li ul li a:hover{ background:none;}
	.head-main{ height:auto;}
	.logo{ height:1.2rem; margin-left:10px;}
	.head{ height:calc(1.2rem + 50px);}
	.IndexMain{ padding-top:15px;}
	.IndexBottom .swiper-slide{width: 33.33%;}
	.IndexSerBottom{ border:0px;}
	.IndexBottom{ height:120px;}
	
	

	.footer .rights{ display:none}
    .footer .coms{ width:calc(100% - 80px);}

	.zyflash .n-title{ margin-top:-80px;}
	.zyMenu{ display:none; }
	.zyBody{ padding-top:30px; padding-bottom:30px;}

	.MainLeft { display:none;}
	.MainRight { width:100%;}
	.zzMains .box{ width:33.33%;}
	
	.ryBottom{ position:relative;}
	.ryBottom .brights{ width:450px; position:absolute; right:0px; top:0;}
	.MainRight .MainBody{ padding:0px 0.15rem;}
	.LeaderBody .box{padding: 0.1rem 0px 0.2rem;}
	.showMaintops,
	.showMaintops h1{padding-top: 0px;}
	.showMaintops{ padding-bottom:0px;}
	.showMaintops .showTop .showmenu{ display:none;}
	.showMain{ padding:20px 0.15rem;}
	.NewMains li .liRight p.com{ display:none;}
	.formBox{ width:100%;}
	
	.caseBody .box .title{ padding:15px 10px;}

	.D1200{display: block;}
	.N1200{display: none;}
	.NewMain li{ padding-bottom:20px;}
	.NewMain li.first .imgs,.NewMain li.first .rights{ width:100%;}
	.NewMain li.first,.NewMain li{ margin-top:20px; margin-bottom:20px;}
	.NewMain li .liRight{ padding-left:10px;}
	 .NewMain li .liRight h3{ padding-top:10px;}
	 .NewMain li .liRight .com{ display:none;}
	 .contMapBodys{ position:static !important; width:100%; left:0px; top:0px; padding:20px; height:auto;}
	 .contMapBox{ position:static !important;
	     transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
	 }
	 .contComBody{ display:none;}
	 .contectTop{ padding-bottom:20px;}
	 .contBjMain{ padding-top:20px; padding-bottom:0px;}
	  .contBjMain .bodys{ width:33.33%;}
	 .contBjMain .leftBody{ width:100%;height:auto; line-height:24px; padding-bottom:12px;}
	.msgBody{ padding-top:0px; padding-bottom:0px;}
	 .msgBody .bodys{ padding:20px 20px 0px;}
	 
	 .proLine .imgs,.proLine .box{ width:100%;}
	 .proLine::before{ width:100%;}
	 .proLine .box{ padding-top:20px;}
	 .proLine::after,.proLines::after{ display:none;}
	 
	 
	 .proshowTop .imgs,
.proshowTop .rights{ width:100%; padding-left:0px;}
.proshowTop .rightsTop{ padding-bottom:18px;}
.proshowTop .rightsTopCom{ padding:12px 0px;}
.proshowMenu{ display:none;}
.showBox{ padding-bottom:20px;}
.proshowBody{ padding:20px;}
	.flash .swiper-pagination{ bottom:15px;} 
	}
	
@media ( max-width : 768px){
	.logo{ width:2.02rem;}
	.logo img{width:100%; height:auto}
	.IndexProMain { padding-top:30px; padding-bottom:20px;}
	.IndexProMainBody{ padding-bottom:0px;}
	.IndexProMainBody li{ width:50%; margin-bottom:20px;}
		.getFlv{width:90%}
	.IndexProMain a.mores,.IndexCompany .lefts a.mores,.IndexScoms a.mores{ width:120px; height:40px; line-height:38px;}
	.IndexRybody .title{ height:auto; padding-bottom:20px; line-height:40px;}
	
	.mapBody{ overflow-x:scroll; scrollbar-width:none;}
	.IndexCompany .rights{ background-size:20%;height:auto;}
	.IndexScoms { width:100%; right:10px; }
	.IndexScoms .title{ height:auto; line-height:40px}
	.maptop,.IndexSerMap{ width:768px;}
	
	.IndexScoms .bodys{ font-size:16px; margin-top:2px; line-height:28px;height: 100px;}
	/* 定义滚动条样式 */
	.IndexSerMain ::-webkit-scrollbar {width: 0px;height: 0px;}
	.IndexProMain::after{ height:85%; }
	.IndexBottom .swiper-slide{ width:50%;}
	.IndexNewBody .body li a::after{ display:none;}
	.IndexNewBody .body li:hover .times, .IndexNewBody .body li:hover .nameClass, .IndexNewBody .body li:hover .coms{ color:#666 !important;}
	.footer{height: auto; padding-bottom: 20px;}
	.footer .lefts{width:80px; margin: 0px auto; float: none; height:80px;}
	.footer .lefts img{width:100%; height:auto}
	 .footer .coms{ width:100%; padding: 10px 0px 0px;}
	 .aboutImg{ margin:0;}
	 .showMaintops .titls{ line-height:24px; padding:5px 0px;}
	 .NextPage .backs{ padding-right: 0px;}
	 
	 .ryBottom .blefts{ width:100%;}
	 .ryBottom .brights{ width:350px;}
	 .ryBottom .blefts .box{ padding-left:0px;}
	 .jszjMain .box{ width:50%; margin-bottom:20px;}
	 .caseBody .box{ width:50%;margin-bottom:20px;}
	 .NewMain li .imgs{ width:180px;}
	 .NewMain li .liRight{ width:calc( 100% - 180px);}
	 .NewMain li .liRight h3{ padding-top:0px; padding-bottom:0px; margin-bottom:5px; line-height:24px;}
	 
	 .NewMain li .liRight .times{ line-height:20px; height:auto;}
	 .msgBody .lines{ margin-bottom:0px;}
	.msgBody .lines .boxs{ width:100%; margin-bottom:10px;}
	.msgBody  .bt{margin-bottom:10px;}
	.msgBody .bodys{ padding:10px 10px 20px;}
	  .contBjMain .bodys{ width:100%;}
	.showprolist .swiper-slide{ width:50%;}
	.proshowTop{ padding: 20px 20px 45px;}
.zyflash .n-title{ width:100%; margin-left:0px; left:0;}
.serviceBody .box{ width:100%;}	

	}	


@media ( max-width : 576px){

.head-top .top-right a.shop,.head-top .top-right a.search{ margin-right:10px;}
.seachBody { position:absolute; top:50px; right:0px;}
.seachBody .closeDiv{ color:#333; background:#fff;}
.seachBody .keys{ background:#999; color:#fff;}

.seachBody  input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #DDD;
 }
.seachBody   input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: #DDD;
 }
.seachBody   input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #DDD;
 }
.seachBody   input::-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #DDD;
 }

	
.IndexProMain::after{ height:82%; }
.IndexProMainBody{ padding-bottom:0px;}
.bottomBody .box-top{ font-size:36px;}
.bottomBody{ height:180px;}
.IndexCompany{ padding-top:40px;}
.newTitle .titCom{ height:24px;}
.bottomBody .box{ width:50%; padding:10px 0px; height:90px;}
.bottomBody .box::after{ display:none;}

.IndexNewBody .body li{ height:51px; line-height:50px;}
.IndexNewBody .body li a,.IndexNewBody .body li .coms,.IndexNewBody .body li .times{ height:50px;}

	.IndexCompany .rights .videoBox{ display:block;}
	.IndexCompany .rights .videoBox .close{ display:none;}

.bottomBody .box:first-child{ border-bottom:1px solid #E6791A; border-right:1px solid #E6791A;}
.bottomBody .box:nth-child(2){ border-bottom:1px solid #E6791A;}
.bottomBody .box:nth-child(3){ border-right:1px solid #E6791A;}
.IndexSerBottom{ height:auto; padding-bottom:20px; line-height:24px;}
.IndexBottom{ height:auto;}
.IndexBottom .bodys{
	 position:static;
	 transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);

}
.footer{ padding-top:26px;}
.zyBody .bottomBody{ height:220px; padding:20px;}

.IndexRybody .bodys .box{ width:50%;}

.IndexRybody .bodys .swiper-button-next, .IndexRybody .bodys .swiper-button-prev{ width:30px; height:32px; line-height:32px; font-size:30px;}
.IndexNewBody .body li a{ padding-left:10px; padding-right:10px;}
	.IndexNewBody .body li .nameClass{ display:none;}
	.IndexNewBody .body li .coms{ width:calc(100% - 100px);}
	.IndexNewBody .body li .times{ float:right; width:100px;}
.ryBody .rights{ padding:30px 10px;}
.NewBody .box .imgs,.NewBody .box .NewRs{ width:100%;}
.NewBody{ padding-top:0px;}
.NewBody .box .imgs{ height:auto;}
.NewBody .box .NewRs{ padding-left:0px;}
.IndexBottom .swiper-slide{width:100%}
.imgLists li{ width:100%;}	
.form-group label{ display:none;}
.form-group .line{ width:100%;}
.form-group .tsc{ display:none;}
.p15{ padding-left:10px; padding-right:10px;}
.ryBottom .brights{ width:300px;}
	.zzMains .box{ width:50%;}
	
	.zyBodyTitle{ line-height:32px;}
	.zyBodyTitle b:first-child{ margin-bottom:5px; }

.BottomSerBox .swiper-slide{ width:100%;}
.proshowTop{ padding: 10px 10px 35px;}
.proshowTop .rightsTop h1{ padding-bottom:0px;}

.proshowTop a.phone{ width:120px; margin-right:5px;}
.proshowBody{ padding:10px;}

.proshowBodyTit{ height:41px; line-height:40px;}

.TitDiv{ width:110px; height:40px; font-size:18px;}
.TitDivs{ font-size:14px; height:40px;}

	}

@media ( max-width : 480px){
	.IndexRybody{ padding-top:30px; padding-bottom:10px;}
	
	.newTitle{ padding-top:40px;}
	.IndexProMain::after{ height:72%; }
	.IndexProMainBody li .coms .icon{ width:50px; height:50px; font-size:24px; margin-top:-25px; margin-left:-25px; line-height:46px;}
	.IndexProMainBody li .bodycoms{ display:none;}
	.IndexProMainBody li .coms{ padding: 15px 0 10px;}
	.IndexProMainBody li .title{ font-size:16px; line-height:40px; height:40px;}
	.IndexNewBody{ padding-bottom:0px;min-height: 440px;}
	
	.ryBottom .brights{ width:250px;}
	.serviceBody .box .bodys{ padding:10px;}
	.serviceBody .box .title{ font-size:24px;}
	.serviceBody .box .Icon{ width:56px; height:56px; line-height:56px; margin-left:-28px; margin-top:-38px; font-size:36px;}
	.serviceBody .titleBox{ line-height:30px;}
	.jszjMain .box{ width:100%; margin-bottom:20px;}
	.caseBody .box{ width:100%;margin-bottom:20px;}
	.msgBody .lines .lefts{ width:68px;}
	.msgBody .lines .rights{ width:calc(100% - 68px);}
	.msgBody .lines .yzs{ width:100px; padding-right:5px;}
	.msgBody .lines  img{ width:110px;}
	.breadcrumb{ display:none;}
	.showprolist .swiper-slide{ width:100%;}
	.TitDivs{ padding-left:10px;}

	}