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

.mobicetime{display: none;}

@media ( max-width : 1600px){

	.aboutB-b .c-menu{ width: 300px;}
	.aboutB-c{ width: 48%;}

}



@media ( max-width : 1580px){
	.nav li{ padding: 0px 20px;}
	.IndexAboutBody .Bottoms .boxs .lefts{width: 204px;  padding-left: 40px;}
	
}
@media ( max-width : 1440px){

	.IndexAboutBody .Bodys{ width: 50%; height: auto;	 margin-bottom: 20px;}

	.IndexAboutBody .Title{height:auto; padding-bottom: 50px;}
	.IndexAboutBody .Bottoms{ margin-top: 50px;}
	.IndexNewMain{ padding-top: 50px; padding-bottom: 60px;}
	.IndexTitle{ height: 120px;}
	.IndexTitle h3{ font-size: 36px;}
	.IndexAbout{ padding-bottom: 20px;}
	.IndexAboutBody{ padding-top: 50px;}


	.IndexProductMenu {height: 110px;}
	
	.IndexProductMenu .menuBody{height: 100%; padding-top: 15px;}
	.IndexProductMenu .imgs {
		font-size: 40px;line-height: 36px; height: 36px; 
	}
	.IndexProduct .ImgBody a.ands{ margin-top: 20px;}

	.aboutB{ padding: 80px 0px 60px;}
	.footer .bodys dl{ width: 128px;}

	.AoubtImgBody{ padding-bottom: 80px;}

	.disBottomMain .box:hover .coms,	.disBottomMain .cur .coms{ bottom: auto; top:20px;padding: 0px 8px;}

	.disBottom{ padding-top: 40px; margin-bottom: 200px;}
	.AboutBody .Bottoms .boxs .lefts{width: calc(100% - 160px); padding-left: 20px;}
	.AboutBody .Bottoms .boxs .icon{width: 140px;}



	
}



@media ( max-width : 1380px){
	.nav li{ padding: 0 15px;}
	.aboutB-c{ width:calc(100% - 620px);}
	.aboutB-e .c{ width: 95%;}
	.IndexNewBodys ul li:nth-last-child(2),
	.IndexNewBodys ul li:last-child{display:none;}
	.aboutB-b{

		transform:scale(0.85)  !important;
    	-webkit-transform:scale(0.85)  !important;
    	-moz-transform:scale(0.85)  !important;
    	-ms-transform:scale(0.85)  !important;
    	-o-transform:scale(0.85)  !important;

	}
	.IndexNewMain .bodys li .title{ line-height: 30px; font-size: 14px;}

	.IndexNewMain .bodys li .title span:first-child{
		white-space:initial;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.IndexNewMain .bodys li .title span:nth-child(2){ display: none;}

}
@media ( max-width : 1280px){
	.head{ padding: 0px 30px;}
	.nav li{ padding: 0px 10px;}
	.nav .search{ width: 80px;}
	.IndexAboutBody .Bottoms .boxs .lefts{ width: calc(100% - 120px);}
	.IndexAboutBody .Bottoms .boxs .icon{ width: 120px; font-size: 120px;}
	.copyright .links{display: none;}
	.copyright .box{width: 100%; border-top: 3px solid #71757E;}
	.footer .rightDiv{ width: 248px;}

	.NewMain li .liRight {
		width: calc(100% - 480px);
		
	}
	.ListImgMain .listBody{width: 96%;}
}
@media ( max-width : 1080px){
	.nav li{ padding: 0px 5px;}
	.disTop .box,.disBox{width: 100%;}
	.disTop .box .boxDiv ,.disBox .boxDiv {padding: 20px; opacity: 1; position: static; width: 100%; margin-bottom: 10px;}
	.disTop .box .title{display: none;}
}
@media ( max-width : 1200px){
	.DivW{width: 98%;}
	.nav .search{ width: auto;}
	.aboutB{ padding-top: 50px; padding-bottom: 50px;}
	.aboutB-d{ padding-top: 20px;}
	.aboutB-b{

		transform:scale(0.8)  !important;
    	-webkit-transform:scale(0.8)  !important;
    	-moz-transform:scale(0.8)  !important;
    	-ms-transform:scale(0.8)  !important;
    	-o-transform:scale(0.8)  !important;

	}

	.IndexNewBodys ul li:nth-last-child(2),
	.IndexNewBodys ul li:last-child{display:block;}
	.serviceMain .bodys .box::after{ display: none;}

	.footer .ewm{display: none;}

	.serviceMap .bodyMain{width: 100%;}
	.serImgs .bodys .Mains{width: 100%;}
	.disBottom{ margin-bottom: 0px; height: 240px;}
	.disBottomMain{ position: static;}

	.AboutBody .Bottoms .boxs{padding-top: 0px; height: auto;}
	.AboutBody .Bottoms .boxs .lefts,.AboutBody .Bottoms .boxs .icon{width: 100%; text-align: center; padding: 0;}
	.AboutBody .Bottoms .boxs .lefts{padding: 0 5px; height: 88px;}
	.aboutTop{padding-bottom: 10px;}
	.proListImg{ padding-top: 20px; padding-bottom: 30px;}
	.probodyMainBottom .box{ margin-bottom: 10px;}
	.probodyMainBottom .bodys{ height: auto; }
	.proListImg .swiper-slide{width: 33.33%;}

	.proListImg .swiper-button-prev{left: 10px;}
	.proListImg .swiper-button-next{right: 10px;}

	

	.ListImgMain  li{width: 33.33%;margin-bottom: 0.2rem;}
	.ListImgMain .listBody{padding: 20px;}
	.ListImgMain .listBody .lefts{width: 250px; height: auto;  }
	.ListImgMain .listBody .rights{width:calc(100% - 250px) ;  }
	.ListImgMain .listBody::after{width: 1px; height: calc(100% - 40px); top:20px; content: ''; left:280px; }
	.ListImgMain .listBody .colse{right: 8px; top: 8px;}

	}

@media ( max-width : 992px){

	.DivW{width: 100%;}
	.head{ position:relative; z-index:99999; padding: 0px 15px;}
	.flash{height: auto;}
	.search,.head-top{display:none}
	.menu_and{display:block; height:0.98rem; width:0.7rem; float:right; padding:0 0.15rem; text-align:center;display: table; }
	.menu_and span{ display:table-cell; vertical-align:middle;}
	.menu_and img{display: block;  }
	.Menubg{ width:100%; height:100%; position:fixed;top:0px; left:0px; background:rgba(0,0,0,0.6); z-index:888;}
	.nav{ display:none; left: 0px; position:absolute; height:auto; float:left; top:0.98rem; background-color: #fff; width: 100%; z-index:100000; padding:0px 0px 0.2rem;}
	.nav li{ width:100%;  text-align:left; line-height: 60px; border-bottom:1px solid #FFF; padding: 0px;}
	.nav li a{ padding:0px 0.3rem; color: #333 !important;}
	.nav li a::after{ display:none;}
	.nav li ul{ position:static; width:100%; opacity:1; margin-left: 0px; padding: 0;

	 }
	 .nav li:hover a{ background:none;}
	.nav li ul li{ border-bottom:0px; background:none; text-align:left; line-height: 50px; height: auto;}
	.nav li ul li a{ padding-left:0.6rem;}
	.head-main{ height:auto;}
	.logo{ height:0.98rem;}
	.head{ height:0.98rem;    background: #fff; border-bottom: 1px solid #dedede;}
	.IndexMain{ padding-top:15px;}
	.IndexTitle h3{ font-size: 30px; height: 50px;}
	.aboutB-b { display: none;}
	.aboutB-c{ width: 100%;}

	.NewMain li .limgs{ margin-right: 10px;}
	.NewMain li .liRight {
		width: calc(100% - 440px);padding-right: 10px;
	}
	.downInfo{width: 96%;margin-left:auto;
		transform:translateX(-50%);
		-ms-transform:translateX(-50%); 	/* IE 9 */
		-moz-transform:translateX(-50%);	/* Firefox */ 
		-webkit-transform:translateX(-50%); /* Safari �� Chrome */
		-o-transform:translateX(-50%);	/* Opera */}
		.downInfo .body{padding: 20px 10px;}
	.IndexAboutBody .Bottoms .boxs{ padding-top: 0px;}
	.IndexAboutBody .Bottoms .boxs .lefts{ padding-left: 0px; width: 100%; text-align: center; font-size: 14px;}
	.IndexAboutBody .Bottoms .boxs .icon{ width: 100%; text-align: center;}
	.serviceMain .bodys .box{ width: 33.33%;}

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

	.serviceMain .titles {
		width: 100%;		height:auto; padding-top: 20px; padding-bottom: 40px; font-size: 32px;
		line-height: 40px;
	}
	.serviceMain .bodys .box .titles{ font-size: 14px; padding-bottom: 10px;}
	.disBottomMain .box{width: 50%; margin-bottom: 30px;padding: 0px; }
	.footer .bodys{    padding-top: 20px;
		padding-bottom: 30px;
	}
	.disBottomMain .box .coms{width: 100%;}
	.disBottomMain .box .bgs{width: 100%;}
	.footer .bodys dl{width: 100%;}
	.footer .bodys dt{ margin: 0px;}
	.footer .bodys dd{ width: auto;float: left; height: 24px; line-height: 24px; padding-right: 10px;}
	.footer .bodys dd a{width: 100%; height: 100%; display: block;}
	.footer .bodys .fr{ width: 100%;}
	.footer .rightDiv .fx{display: none;}
	.footer .rightDiv{width: 100%;}

	.serImgs .bodys .Mains::before{ left: 20%; }

.serImgs .bodys .Mains::after{ right: 20%; }
	.serImgs .bodys .Mains::before, .serImgs .bodys .Mains::after{width: 18%;}

	.MainLeft { display:none;}
	.MainRight { width:100%;}

	.MainRight .MainBody{ padding:0px 0.15rem;}
	.LeaderBody .box{padding: 0.1rem 0px 0.2rem;}
	.showMaintops,
	.showMaintops h1{padding-top: 0px;}
	.showMaintops .showTop .showmenu{ display:none;}
	.showMain{ padding:20px 0.15rem;}
	.NewMains li .liRight p.com{ display:none;}
	.formBox{ width:100%;}

	.D1200{display: block;}
	.N1200{display: none;}

	.disCons{ padding-top: 20px; padding-bottom: 25px;}
	.AboutlistImg .swiper-slide{width: 33.33%;}
	.probodyMainBottom .box{width: 100%; height: auto;margin-bottom: 50px;}
	.NewMain li .liRight .fx1{
		white-space:initial;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.NewMain li .liRight .com{display: none;}
.probodyMainBottom{padding-bottom: 30px;}
.showMaintops .titls{height: 40px;}
.showMaintops .titls .fx{display: none;}

.ListImgMain a.mores{width: 100%;}

.ListImgMain .listBody{width: 100%; height: auto;  overflow-y: scroll;
top:0px;
	transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%); 	/* IE 9 */
	-moz-transform:translate(-50%,0%);	/* Firefox */ 
	-webkit-transform:translate(-50%,0%); /* Safari �� Chrome */
	-o-transform:translate(-50%,0%);	/* Opera */

}
.ListImgMain .listBody::after{display: none;}
.ListImgMain .listBody .lefts ,.ListImgMain .listBody .rights{width: 100%;}
.ListImgMain .listBody .rights{min-height: auto; }


	}
	
@media ( max-width : 768px){
	.logo{ width:2.43rem;}
	.logo img{width:100%; height:auto}

	.IndexAbout{background-size:contain;}
	.IndexAboutBody .Bodys{ width: 100%;}
	.IndexAboutBody .Title{ padding-bottom: 0.4rem;}
	.IndexTitle {
		height: 100px;
	}
	.IndexProductMenu{ height: 105px;}
	.IndexProductMenu .menuBody{ padding-top: 0px; height: 105px;}
	.IndexProductMenu .imgs{ font-size: 50px; line-height: 50px; padding-top: 10px; height: auto;}
	.IndexProductMenu .title{ line-height: 40px;}
	.serviceMain{ padding-top: 30px; padding-bottom: 40px;margin-bottom:10px;}
	.serviceMain .bodys .box .imgs{ font-size: 90px; width: 100%; height: auto; line-height: 96px;}
	.IndexNewMain{ padding-top: 30px; padding-bottom: 45px;}
	.IndexNewMain .bodys ul{ padding-bottom: 25px;}
	.IndexNewMain .bodys li{ width: 100%;}
	.IndexProduct .ImgBody a.ands{ margin-top: 20px;}
	.serviceMain .titles{ font-size: 26px;}
	.IndexProduct .ImgBody .tits{ line-height: 50px;}
	.IndexProduct .ImgBody .bodys{ width: 100%; }
	.IndexAboutBody .Bottoms{ margin-top: 30px;}
	.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;}
	 .showMaintops .titls{ line-height:30px; padding:5px 0px;}
	 .NextPage .backs{ padding-right: 0px;}

	 .AoubtImgBody{ padding-bottom: 50px;}
	 .AoubtImgBody .box{width: 50%; margin-bottom: 30px;}
	 .serImgs .bodys .Mains::before, .serImgs .bodys .Mains::after{ display: none;}
	 .serImgs .bodys .box .imgs{width: 120px; height: 120px; padding-top: 15px; overflow: hidden; margin: 0 auto;}
	 .serviceMap .bodyTop{ top:40px;}
	 .aboutTop{ padding-top: 30px;}
	 .subTitle .tops{ font-size: 24px;}
	 .subTitle{ margin-bottom: 10px;}
	 .AboutlistImg .swiper-slide{width: 50%;}
	 .aboutImg{float: none; width: 100%; margin: 0; margin-bottom: 20px;}

	 .AboutBody .Bottoms .boxs .icon{ font-size: 100px; line-height: 68px;}
	 .prolist{width: 50%;}
	 .proListImg .swiper-slide{width: 50%;}
	 .footer .bodys{ padding-bottom: 0px;}

	 .disBox{width: 100%;}
	 .IndexProductMenu {height: 75px;}
	 .IndexProductMenu .menuBody{height: 100%;}
	 .IndexProductMenu .imgs {
		 font-size: 32px;line-height: 36px; padding-top:5px
	 }
	 .IndexProductMenu .title{font-size: 14px;line-height: 30px;}
	 .IndexProduct .ImgBody a.ands,
	 .IndexAboutBody a.mores,.IndexNewMain .bodys a.mores,.serviceMain .bodys a.mores{width: 120px; height: 40px; line-height: 38px;}

	 .NewTjBody { display: none;}
	 .NewMain li .limgs{width: 200px;}
	 .NewMain li .liRight{width: calc(100% - 210px); padding: 10px;}
	 .NewMain li .liRight h3{ line-height: 28px; font-size: 16px; padding: 5px 0px; font-weight: normal;}
	 .NewMain li .time{ display: none;}
	 .mobicetime{display: block;  padding-left: 26px;}
	 .mobicetime::before{    width: 16px;		height: 16px;		font-size: 20px;		content: '\e621';		position: absolute;		left: 0px;}
	 .NewMain li{padding: 24px 0 0px;}
	 .NewMain li:hover{padding: 24px 0 0px;}
	 .serviceMain .bodys a.mores{ margin-top: 30px;}
	 .zyTopHead{padding-top: 30px; padding-bottom: 20px;}
	 .probodyMains{ padding-top: 20px ;}
	 .zyProMenu{ padding-bottom: 20px;}
	 .zyProMenu a.menuBox{width: 120px;}
	 .probodyMainsMore{ padding-top: 20px; padding-bottom: 20px;}
	 .proshowTop{height: 120px;}
	 .proshowTop .title{ padding-top: 50px;}
	 .proshowBody .backs a {
		width: 135px;
		height: 38px;
		line-height: 36px;
		
	}
	.disBottomMain .box{width: 100%;}
	.proshowBody .backs a::after{height: 36px; width: 36px;}
	.proshow{ padding-left: 0px;}
	.proshowBody{ padding-bottom: 30px;}
	.prolist .title{padding: 5px 10px; line-height: 30px; height: 40px;}
	.proTitle{ padding-top: 6px;}
	.subTitle .bottoms{ line-height: 36px; padding-top: 0; height: 36px;}

	
	.ListImgMain  li{width: 50%;}
	
	.ListImgMain .listBody .rights{padding: 5px;height: 220px; overflow-y: auto; padding-bottom: 5px;}
	.ListImgMain .listBody {padding:0px 10px;}
	}	

@media ( max-width : 576px){
.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;}
.head{ padding: 0px 10px;}
.p15{ padding-left:10px; padding-right:10px;}
.AoubtImgBody .box{ margin-bottom: 20px; }



.ListImgMain  li{width: 100%; }

.contactTop{height: auto; padding-bottom: 20px;}
.contactTop .fl,.contactTop .fr{width: 100%; float: none; text-align: left;}

.msgBody {
    padding: 20px 0px 30px;
}
.msgcoms{line-height: 24px;}
.contactHead .lefts,.contactHead .rights{width: 100%;}
.msLine{width: 100%;padding: 0px 10px 0px;}
a.magAnd{width: calc(100% - 20px); margin: 20px 10px;}

.zyflash .proHeads{ top:20%;}
.zyflash .ProH1En{ line-height: 36px;}
.zyflash .proHeads .title{ line-height: 50px;}
.zyflash .protopMenu{ height: 70px;}
.zyflash .protopMenu li .imgs{ height: 40px; font-size: 32px; line-height: 40px; padding-top: 5px;}
.zyflash .protopMenu li .titles{ line-height: 24px; height: 30px; font-size: 12px;}
.zyflash .protopMenu li a{ padding: 0;}
.getFlv{width: 96%;}
.downInfo .body .title{width: 100%;}
.breadcrumb-item+.breadcrumb-item{ padding-left: 0.1rem;}
.downInfo .body .titles{width: 70px;}
.ListImgMain .listBody  .colLine{width: 50%; padding-right: 5px;}
	}


@media ( max-width : 480px){
	.serviceMain .bodys .box{ width: 50%;height: 178px;}
	.IndexAboutBody .Bottoms .boxs .lefts{ padding-left: 5px; padding-right: 5px;}
	.IndexAboutBody .Bottoms .boxs .icon{ font-size: 100px;}
	.serImgs .bodys .box{width: 110px; padding:0px 5px;}
	.serImgs .bodys .Mains .cents{ margin-left: -55px;}
	.serImgs .bodys .box .imgs{width: 100px; height: 100px; padding-top: 15px; overflow: hidden; margin: 0 auto;}
	.serImgs .bodys .box .imgs img{width: 80%; height: auto;}
	.disBottomMain .box{width: 100%;}
	.AboutlistImg .swiper-slide{width: 100%;}
	.AoubtImgBody .box{width: 100%;}
	.prolist{width: 100%;}
	.proListImg .swiper-slide{width: 100%;}
	.AboutBody .Bottoms .boxs .lefts,
	.IndexAboutBody .Bottoms .boxs .lefts{ height: 64px; line-height: 24px;}
	.AboutBody .Bottoms .boxs .lefts .fc12{ line-height: 30px;}
	.AboutBody .Bottoms .boxs .lefts,
	.IndexAboutBody .Bottoms .boxs .lefts{ font-size: 12px;}
	.NewMain li .limgs{width: 100%; margin: 0;}
	.NewMain li .liRight{width:100%;}
	.AboutlistImg{ padding-top: 50px; padding-bottom: 0px;}
	.AboutlistImg .swiper-container{ padding-bottom: 100px;}


	}

	@media ( max-width : 361px){
		.IndexProductMenu{ height: 90px;}
		.IndexProductMenu .menuBody{ height: 100%;}
		.IndexProductMenu .imgs{ width: 100%; padding-top: 14px; line-height: 36px; font-size: 40px;}
		.serImgs .bodys .box .ts{line-height: 24px; padding-top: 10px;}
	.IndexProductMenu .title{ font-size: 12px; line-height: 36px;}
	.ListImgMain .listBody  .colLine{width: 100%; padding: 0px;}

	}