@media (max-width: 1550px) { 
.nav li{ padding:0px 20px;}

.IndexNew .Bodys .lefts{ width:640px;}

.IndexNew .Bodys .rights{ width:calc(100% - 640px);}
.IndexNew .Bodys .rights ul li{ height:130px;}
.IndexNew .Bodys .rights ul li .imgs{ width:195px;}
.IndexNew .Bodys .rights ul li .box{ width:calc(100% - 196px); padding:8px 15px 0px;}
}

@media (max-width: 1500px) { 
.nav li{ padding:0px 20px;}
.showTops .rights .box{padding-left:30px; padding-top:10px;}
}

@media (max-width: 1450px) { 

.IndexCompany .Combody .Icon{ width:74px;}


.ProBody .coms{ padding:20px;}
.showTops .lefts{ padding-left:0px;}
}


@media (max-width: 1380px) { 
.nav li{ padding:0px 12px;}
.IndexCompany .Combody .box{ padding-left:40px;}
.IndexCompany .Combody .Icon{ width:54px;}

}
@media (max-width: 1280px) { 

.dis1280{ display:none;}
.headRight{ width:143px;}
.IndexCompany .Combody .box{ padding-left:20px;}
.ProBody .imgs,
.ProBody .coms{ width:100%;}

.IndexNew .Bodys .lefts,.IndexNew .Bodys .lefts,.IndexNew .Bodys .rights{ width:100%;}
.IndexNew .Bodys .lefts{ margin-bottom:20px;}
.IndexNew .Bodys .rights{ padding-left:0px;}
.IndexNew .Bodys .rights ul li .box{ padding-top:15px;}

.footer .bodys .coms{ float:right !important;}
.showTops .lefts{ width:470px;}
.showTops .rights{ width:calc(100% - 470px);}
.pzBody{ padding-top:0.5rem;}
.pzBody .bodys{ width:100%; padding:0px 10px; margin-bottom:20px; height:auto;}
.pzBody .ggIocn{ padding-bottom:0.5rem;}
.shfw{ padding-bottom:30px;}
.shfwTitle{ line-height:40px; padding:8px 0px;}
.shfwComs{ line-height:28px;}
.shfw .box{ padding:15px; height:358px;}
.shfwEn .box{ height:auto; padding-bottom:40px;}

.shfw li{ margin-bottom:20px;}
.shfwBottom{ padding-bottom:30px;}
.subMain{ padding-bottom:30px;}
.shfwBottom .box{padding-top: 20px;padding-left: 0px;
    padding-right: 20px; height:216px;}
	.shfwBottom .box .imgs{ width:180px;}
	.shfwBottom .box .coms{ width:calc(100% - 180px);}
	.ImgList .title{ line-height:24px; height:48px; margin-bottom:20px;}
}
@media (max-width: 1180px) { 


.header{ padding-left:10px; }
.nav li{ padding:0px 6px;}
.IndexCompany .Combody{ margin-top:90px; height:auto;}
.IndexCompany .Combody .box{ padding:20px 0px 20px 40px; width:50%;}
.showTops .rights .anddiv a.zx{ width:100%;}
.showTops .rights .anddivText{ padding-left:0px;width:100%;}

.ImgBody{ padding-top:0px;}


.shfwBottomEn .box{ width:100%; border:0px;}

}

@media (max-width: 1000px) { 
.DivW{ width:100%; min-width:320px;}
.dis1000{ display:none;}
.dis1000s{ display:block;}
.p15{ padding-left:10px; padding-right:10px;}
.logo{ width:3.8rem;}
.header,.logo,
.nav{ float:left; height:1rem; line-height:1rem;}
.header{ position:relative;}
.menu_and {
    width: 1.2rem;  height: 100%;background-size: contain;
 position:absolute; right:10px; top:0px;  display: block;  background:url(../image/menuBs.png) no-repeat right center;
}
.m{background:url(../image/menuB.png) no-repeat right center;  }
.navBody{ height:1rem;}
.nav ul{position:absolute; text-align:left; width:100%; padding-right:0px; height:auto; top:1rem; background:#fff; float:left; left:0px;}
.nav li{ width:100%; height:auto; line-height:0.84rem; float:left; border-bottom:1px solid #F0F0F0; background:#F7F7F7;padding-left:0px;}
.nav  li a{ width:100%; padding-left:0.2rem;}
.nav li a:hover{    box-shadow:none; }
.nav li:hover{ border-bottom:0px;}
.nav li ul{ position:static; display:none; width:100%; opacity: 1;visibility: visible; }
.nav li ul.sul1{ border:0px; width:100%;}
.nav li ul li{  line-height:0.72rem; width:100%;  }
.nav li ul li a{padding-left:0.4rem; width:100%;}
.nav li ul.en{ width:100%; margin-left:0px;}

.headRight{ width:100%;background: #F7F7F7;}
.phoneLeft{ line-height:1rem; width:100%;}
.phoneLeft a{ display:block; padding:0px 20px; float:left;}
.flash4{ padding-top:1rem;}
.flash4,.flash .swiper-slide{ height:auto;}
.flash4 .swiper-slide img{ width:100%; height:auto;}
.flash4 .swiper-pagination{ bottom:20px;}
.IndexBg1 .IndexProduct .swiper-button-prev{left: 15px;}
.IndexBg1 .IndexProduct .swiper-button-next{ right:15px;}

.IndexTopBox .Bottoms{ height:180px;}
.IndexTopBox .Bottoms .Box b.title{ top:20px;}
.IndexTopBox .Bottoms .Box i.line{ top:65px; height:50px;}
.IndexTopBox .Bottoms .Box .icon{ bottom:20px;}

.IndexTopBox .Bottoms .Box:hover b.title{ top:15px;}
.IndexTopBox .Bottoms .Box:hover i.line{ top:60px; height:60px;}
.IndexTopBox .Bottoms .Box:hover .icon{ bottom:15px;}


.IndexCompany .bodys .lefts{ width:100%;}


.IndexGsBody{ width:100%;}


.IndexGsBody .coms{ width:100%; padding:0px 10px;}
.IndexCompany .bodys .imgs,
.IndexCompany .Combody{ width:100%;  padding:20px 0px;}
.IndexCompany a.more{ width:calc(33.33% - 4px); margin:5px 2px;}

.subMainLine{ padding-top:25px; padding-bottom:20px;}


.pzBody{ height:600px;}
.pzBody ul li{ padding-top:100px;}

.yfjd ul li .coms,.yfjd ul li .bots{ display:none;}
.footer{ padding-top:0px;}

.yfjd{ padding-top:0.5rem;}
.yfjd ul{ padding:0px 5px; height:520px;}
.yfjd ul li:first-child{ display:none;}
.yfjd ul li{ width:calc(50% - 10px) !important; height:300px; margin:0px 5px 10px; }
.yfjd ul li .bodys{ width:100%; text-align:center; height:auto; padding:0px;bottom:auto!important; top:50%;opacity: 1!important;
transform:translateY(-50%)!important; 
		-ms-transform:translateY(-50%)!important; 	/* IE 9 */
		-moz-transform:translateY(-50%)!important;	/* Firefox */ 
		-webkit-transform:translateY(-50%)!important; /* Safari �� Chrome */
		-o-transform:translateY(-50%)!important;	/* Opera */ 
}
.yfjd ul li .titles:after{ display:none;}
.yfjd ul li .bottomIndex{ display:none !important;}

.go_top{ right:0px; bottom:0px;}
.footer{ height:auto; margin-top:0px;}
.copyrightBodys{ height:auto;}


.zyFlash{ margin-top:0px; height:auto;}

.NewMain li.first .imgs { padding-right:0px; width:100%;}
.NewMain li.first .rights{ width:100%; padding:20px 10px;}
.NewMain li .time{ width:100px; margin-right:10px;}
.NewMain li .imgs{ width:200px;}
.NewMain li .liRight{ width:calc(100% - 200px); padding-left:20px; padding-top:0px; padding-right:0px;}
.NewMain li .liRight .times{ display:block; height:24px;}
.NewMain li .liRight h3{ padding-top:0px;}
.NewMain li .liRight p.com{ line-height:24px;}
.NewMain li a.more{ margin-top:10px; width:100px; line-height:38px; height:40px;}
.NewMain li.first .rights .times{ padding-bottom:10px;}
.NewMain li.first .rights a.more{ margin-top:0px;}

.showTops .lefts{ width:100%;}
.showTops .rights{ width:100%;padding-left:10px; padding-right:10px; padding-bottom:10px;}
.showTops .rights .box{ width:100%; max-width:100%; padding:20px 0px ;}
.msgBody .lines,
.intlines{ margin-bottom:10px;}
.showTops .rights .anddiv a{ width:40%}
.showTopLine{ padding-top:0px; margin-bottom:10px;}
.IndexTitle .Titles{ line-height:30px; height:40px;}
.AboutLefts{ margin-right:0px; display:block;}

.showTops .rights .anddiv{ padding:20px 0px;}
.showTops .rights h1{ line-height:40px; padding-bottom:20px; margin-bottom:10px;}
.showTops .rights .coms{ padding-bottom:20px;}
.contactBody,.msgBody{ width:100%; padding:15px;}
.Pages{ margin-top:30px;}
.ProBody{ padding-bottom:40px;}
 }


@media (max-width: 768px) { 


.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-right: 10px;
    padding-left: 10px;
}

.IndexBg1 .IndexProduct .swiper-button-next, .IndexBg1 .IndexProduct .swiper-button-prev{ width:40px; height:40px; top:40%;}


.dis{ font-size:24px;}
.dis768{ display:none;}
.IndexCompany .Combody{ height:auto;}
.IndexTitle{ height:auto;}

.IndexCompany .Combody h3{    padding-bottom: 10px;  margin-bottom: 10px; }

.IndexBg1 .IndexProduct .swiper-slide .title{ padding:5px;}

.flash4 .swiper-pagination-bullet{ height:8px; width:8px;}
.flash4 .swiper-pagination-bullet-active{ width:16px;}

.ProBody .coms h3{ padding-top:0px;padding-bottom:5px; margin-bottom:10px;}


.CompanyTop{ position:static; padding:10px; height:auto; margin-bottom:15px;}
.CompanyTop li{ width:50%;}
.CompanyTop li .top{ height:50px;}

.CompanyTop li:first-child{ border-bottom:1px solid #DADADA;}
.CompanyTop li:nth-child(2){ border:0px;}
.CompanyTop li:last-child{ border-top:1px solid #DADADA;}
.IndexGsBody{ width:100%;}

.IndexBg1{ height:auto; padding-top:30px; padding-bottom:0px;}
.IndexBg1 .IndexProduct{ height:auto; padding-top:20px;}
.IndexBg1 .IndexProduct .swiper-slide{ width:100%; padding:0px 10px;}
.proIndexBot{ height:60px;}
.showTops .rights .coms .lines,.showTops .rights .coms .line{ width:100%; height:auto; line-height:24px; padding:3px 0px;}


.IndexBg1 .IndexProduct .swiper-container{ height:auto; padding-bottom:20px;}
.IndexBg1 .IndexProduct a.mores{ margin-bottom:20px; line-height:38px; height:40px; width:100px;}

.IndexTitle .ConTons{ padding-bottom:20px; margin-bottom:15px;}
.IndexCompany .IndexTitle .ConTons{ margin-bottom:15px;}
.IndexNew .Bodys{ padding-top:0px;}


.IndexNew .bodys .box .comsTs{ margin-bottom:10px; }
.IndexNew .bodys .box .coms {
    padding: 10px;}
.IndexNew .bottoms{ padding-top:20px;}
.IndexNew a.mores{ height:42px; line-height:40px;}
.IndexCompany{ height:auto; padding-top:0px; padding-bottom:0px;}
.IndexCompany .bodys,.IndexCompany .Box,.IndexProduct4_1 .swiper-container{ height:auto;}
.IndexProduct4_1 .swiper-pagination{ bottom:10px; padding-right:5px;}

.IndexCompany .bodys .imgs,.IndexCompany .Combody{ width:100%; padding-bottom:20px;}
.IndexCompany .Combody{ padding:0px; margin-bottom:20px;}
.IndexCompany .bodys{   padding-top:20px;}
.IndexCompany .bodys .imgs{ position:static; height:auto; padding:0px;}
.IndexCompany .bodys .imgs img{height:auto; width:100%;}
.IndexCompany .Combody .coms{ margin-bottom:20px;}
.IndexCompany .bottoms{ padding-top:0.2rem; padding-bottom:0.4rem;}
.NewMain li.first .frights {
    padding: 15px;
}
.showTops .rights .anddivText{ background:none;}
.ProBody .title{ margin-bottom:0px; height:50px; line-height:40px;}
.showTops .lefts .swiper-button-prev, .showTops .lefts .swiper-button-next{ width:40px; height:40px; margin-top:-20px; background-size:cover;}
.AboutBodys .lists .imgs{ width:200px;}
.AboutBodys .lists .rights{ width:calc(100% - 200px); padding-left:20px; padding-right:20px;}

.shfwBottom .box{ height:auto; padding-right:0px;}
.shfwBottom .box .imgs,
	.shfwBottom .box .coms{ width:100%;}
	.shfwBottom .box .coms{ padding:10px; height:168px; text-align:center; line-height:24px;}
.subMainLine{ line-height:40px;}




 }


@media (max-width: 640px) {
	.IndexCompany .bodys .comBody{ height:auto;}
	.IndexCompany .bodys .bottoms{ height:auto; padding:0px; text-align:center;}
	.IndexCompany .bodys .Box{ width:50%; padding-top:10px; padding-bottom:10px; height:auto;}
	
	.IndexCompany .Combody .box{ padding-left:10px;}
	.IndexNew .Bodys .lefts .title{ padding:5px; line-height:24px;}
	
	.IndexNew .Bodys .rights ul li .imgs{ display:none;}
	.IndexNew .Bodys .rights ul li .box{ width:100%; padding:10px;}
	.IndexNew .Bodys .rights ul li .time{ padding-top:0px;}
	
	.dis{ font-size:20px;}
	
	.AboutUsBottom{ padding:10px 0px; height:240px;}
	.AboutUsBottom li{ width:50%;}
	.AboutUsBottom li .top{ height:50px;}
	.AboutUsBottom li:nth-child(2) { border-right:0px; border-bottom:1px solid #565654;}
	.AboutUsBottom li:first-child { border-bottom:1px solid #565654;}
	
	.ProBody{ padding-top:0px;}
	.pzBody ul li{ padding-top:20px;}
	.pzBody ul li .coms{ padding-top:10px;}
	.pzBody ul li .coms .bodys{ padding:0px 10px;}
	.yfjd{ margin-bottom:0.2rem;}
	.yfjd ul li{  height:200px;}
	.yfjd ul{  height:420px;}
	.NewMainTop{ padding-top:0px;}
	.zymenu,.subMainLine .rights { display:none;}
	.subMainLine{ margin-bottom:20px;}
	
	.IndexNew { height:auto; padding-top:35px; padding-bottom:20px;}
	.IndexNew .Tbodys li{ padding: 10px 0px 10px; height:auto;}
	.IndexNew .bodys{ height:auto; padding-top:0.3rem;}
	.IndexNew .Tbodys li .box{ padding-left:100px; padding-bottom:15px; height:auto;}
	.IndexNew .Tbodys li .box .title{ height:auto; padding-top:0px; }

	
	.subMain,.NewMain,
	.showTops{ padding-top:0px; line-height:28px;}
	.showMain{ line-height:28px; padding-top:0px;padding-bottom:0px;}
	.NextPage{ margin:0px;}
	.NewMain li{ padding-top:0px; padding-bottom:0px;}
		.NewMain li .imgs{ display:none;}
   .NewMain li .liRight{ width:100%; padding-left:20px; padding-top:0px; padding-right:0px;}
	
	.NewMain li .liRight{ height:auto; padding:10px; margin-bottom:10px;}
	.NewMain li .lefts{ width:90px;}
	.NewMain li .time{ padding-left:0px; height:78px; padding-top:5px; line-height:36px;}
	.NewMain li .time b.big:after{ display:none;}
	
	.NewMain li .liRight h3{ width:100%; padding:0px 0px 5px;}
	.NewMain li .liRight p.com{ width:100%;}
	.showMaintops{ padding-top:20px; }
	.showMaintops h1{ line-height:28px; padding-top:10px; padding-bottom:10px;}
	
	.copyRight{ padding:10px;}
	.copyRight .fl,.copyRight .fr{ display:inline-block;}
	.pzBody .IndexTitle .Coms{ width:100%; padding:20px 0px; height:auto; float:left;}
	.pzBody .IndexTitle .Titles{ font-size:20px;}
	.pzBody ul li{ width:50%; height:auto; padding-bottom:20px;}
	.pzBody ul li .coms h3{ line-height:30px;}
	.pzBody ul li .coms{ height:auto; line-height:24px;}
	
	.showProMain{ padding-top:0px;}
	
	.AboutBodys .lists .imgs{ width:100%;}
.AboutBodys .lists .rights{ width:100% ; padding-left:0px; padding-right:0px;}
.companyLeft{ padding:0px; margin-bottom:20px;}
	 } 

@media (max-width: 600px) { 

.IndexCompany .Combody .box{ padding:0px 10px; text-align:center;}
.IndexCompany .Combody .Icon,.IndexCompany .Combody .coms{  width:100%;}

.PzBody{ height:800px;}
.msgbody li.title{ text-align:left; padding-left:5px;}

.jdDivs img{ width:100%; height:auto;}
.IndexNew .bodys .first{ height:auto; padding-left:130px;}
.IndexNew .bodys .first .imgs{ width:124px; height:100px; padding-top:12px;}
.IndexNew .bodys .first .imgs img{ width:100%; height:auto;}
.IndexNew .bodys .first .coms{ padding:5px;; height:auto;	}
.IndexNew .bodys .first .comsTs .titles{ height:auto; line-height:24px;}

.IndexTopBox .Bottoms .BoxEn i.line{ display:none;}


 }

@media (max-width: 480px) { 
.dis{ font-size:16px;}
.PzBody{ height:720px;}
.pzBody .bodys{ line-height:28px;}
.IndexCompany .Combody .IconBody a.IocnLine{ width:40%; height:42px; line-height:40px;}
.IndexGsBody a.Mores{ line-height:40px; height:42px;}

 }
@media (max-width: 420px) { 

.PzBody{ height:670px;}
.pzBody ul,
.pzBody ul li{ padding-left:5px; padding-right:5px;}

 } 
 
@media (max-width: 340px) { 
.showTops .rights .anddiv a.zx{ margin-right:5px;}
.dis{ font-size:12px;}

 }