@media (max-width: 1450px) { 
.yfjd ul li .bodys{ width:90%;}
.yfjd ul li .coms{height:auto;}
.yfjd ul li .bots{ margin-bottom:30px;}
}
@media (max-width: 1280px) { 


.dis1280{ display:none;}
.nav li{ padding-left:20px;}
.footer .bodys .coms{ width:80%; 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;}

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


.header{ padding-left:30px; padding-right:30px;}
.showTops .rights .anddiv a.zx{ width:100%;}
.showTops .rights .anddivText{ padding-left:0px;width:100%;}
}

@media (max-width: 1000px) { 
.DivW{ width:100%; min-width:320px;}
.dis1000{ display:none;}
.p15{ padding-left:10px; padding-right:10px;}
.logo{ width:1.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%; top:1rem; 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%;}

.flash4,.flash .swiper-slide{ height:auto;}
.flash4 .swiper-slide img{ width:100%; height:auto;}
.flash4 .swiper-pagination{ bottom:20px;}

.IndexCompany .bodys .imgs,
.IndexCompany .Combody{ width:100%;  padding:20px 10px;}
.IndexCompany a.more{ width:calc(33.33% - 4px); margin:5px 2px;}
.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;}


.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 0px;}
.NewMain li .time{ width:100px; margin-right:10px;}
.NewMain li .liRight{ width:100%; padding:10px;}
.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;}
.msgBody .lines,
.intlines{ margin-bottom:10px;}

 }


@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;
}


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



.IndexBg1{ height:auto; padding-top:50px; padding-bottom:0px;}
.IndexBg1 .IndexProduct{ height:auto; padding-top:20px;}
.IndexBg1 .IndexProduct .swiper-slide{ width:100%; padding:0px 10px;}
.proIndexBot{ height:60px;}
.IndexBg1 .IndexProduct .swiper-container{ height:auto; padding-bottom:20px;}
.IndexBg1 .IndexProduct a.mores{ margin-bottom:40px;}

.IndexCompany{ height:auto; padding-top:30px; 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 0px 20px;}
.IndexCompany .bodys{  padding-left:10px; 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;}

.AboutBodys .lists .imgs{ width:200px;}
.AboutBodys .lists .rights{ width:calc(100% - 200px); padding-left:20px; padding-right:20px;}
 }


@media (max-width: 620px) {
	
	.dis{ font-size:20px;}
	.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:0px;}
	
	.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;}
	
	.NewMain li{ padding-top:15px; padding-bottom:15px;}
	.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:36px; 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;}
	 } 

@media (max-width: 540px) { 
.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;}
 }

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


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

.PzBody{ height:670px;}
.pzBody ul,
.pzBody ul li{ padding-left:5px; padding-right:5px;}
.IndexCompany .Combody .IconBody a.IocnLine{ width:74PX;}
 } 
 
@media (max-width: 340px) { 
.showTops .rights .anddiv a.zx{ margin-right:5px;}
.dis{ font-size:12px;}

 }