@media (max-width: 950px) { 
.DivW{ width:100%; min-width:320px;}
.dis950{ display:none;}
.p15{ padding-left:10px; padding-right:10px;}
.logo{ width:2.24rem;}
.header,.logo,
.nav{ float:left; height:1rem; line-height:1rem;}
.header{ position:relative; z-index:600; background:#fff;}
.menu_and {
    width: 1.2rem;  height: 100%;
 position:absolute; right:10px; top:0px;  display: block;  background:url(../image/menuBs.png) no-repeat right center;  
 background-size:cover;
}
.m{background:url(../image/menuB.png) no-repeat right center;  background-size:cover;}
.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;}
.nav li a:hover{    box-shadow:none;}
.nav li ul{ position:static; display:none; width:100%; opacity: 1;visibility: visible; }
.nav li ul.sul1{ border:0px;}
.nav li ul li{ padding-left:0.2rem; line-height:0.72rem;  }
.nav li ul li a{ width:100%;}
.mobileBg{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; left:0px; top:0px; display:none; z-index:500;}

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

.PzBody .bodys .rights,
.PzBody .bodys .swiper-container{ width:100%;}

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


.zyFlash{ margin-top:0px; height:auto;}
.msgbody { width:100%;}
 }


@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;
}
.footer{ border:0px;}
.copyrightBodys{ background:#e1e1e2; line-height:24px;}

.dis{ font-size:24px;}
.d750{ display:block;}
.dis768{ display:none;}
	.IndexTitle .Titles{ line-height:50px; height:50px;}
	.IndexTitle .Coms{ height:auto; line-height:28px; padding-bottom:12px; padding:0px 10px 10px;}

.IndexBg1{ height:auto; padding-bottom:20px;}
.IndexBg1 .IndexProduct{ height:auto;}
.IndexBg1 .IndexProduct .swiper-slide{ width:100%; padding:0px 10px;}
.IndexBg1 .IndexProduct .swiper-button-next,.IndexBg1 .IndexProduct .swiper-button-prev{ display:none;}
.IndexBg1 .IndexProduct .swiper-container{ height:auto; padding-bottom:20px;}
.IndexCompany{ height:auto; padding-top:20px; padding-bottom:30px;}
.IndexCompany .bodys,.IndexCompany .Box,.IndexProduct4_1 .swiper-container{ height:auto;padding-top:20px;}
.IndexProduct4_1 .swiper-pagination{ bottom:10px; padding-right:5px;}
.IndexCompany .Box{ padding-right:0px;}
.IndexCompany .Combody{ position:static; height:auto;}
.IndexCompany .Combody .tops{ padding:10px; height:auto;}
.IndexCompany .Combody,.IndexCompany .Combody .tops,.IndexCompany .Combody  a.mores{ width:100%;}
.IndexCompany .Combody  a.mores{ height:50px; line-height:50px;}
.PzBody{ height:1320px; }
.IndexNew .Tbodys{ width:100%;}
.companyImg li{ padding:0px 10px;}
.IndexNew .Tbodys li .box .coms{ padding-top:5px;}
.msgbody li.tts{ height:42px;}
.msgbody li.title{ margin-bottom:0px;}
.msgbody .tls{ margin-bottom:5px;}
.NewMain li .time b.big,
.NewMain li .time p.small{ width:100%;}
.companyImg li .titles{ padding:15px 10px; height:auto;}
 }


@media (max-width: 620px) {
	
	.dis{ font-size:20px;}
	.PzMenus{ display:none;}
	.IndexTitle{ height:auto; padding-bottom:15px;}
	.PzBody .bodys{ top:140px;}
    .PzBody{    padding-top: 22px;}
	.PzBody .bodys{ height:auto; padding-top:0px;}
	.PzBody .bodys .rights{ height:260px; padding-top:120px;background: url(../image/mt_c30.png) no-repeat right top; background-size:cover;}
	.PzBody .bodys .swiper-slide,
	.PzBody .bodys .swiper-container{ height:auto;}
	.PzBody .bodys .rights .PzTitle{ padding:0px 15px; }
	.PzBody .bodys .swiper-container{border-radius: 0px;}
	.IndexBg1 .IndexProduct{ padding-top:30px;}
	.IndexNew { height:auto; padding-bottom:20px;}
	.IndexNew .Tbodys li{ padding: 10px 0px 10px; height:auto;}
	.IndexNew .bodys{ height:auto;}
	.IndexNew .Tbodys li .box{ padding-left:100px; padding-bottom:15px;}
	.IndexNew .Tbodys li .box .title{ height:auto; padding-top:0px;}
	.caseImg,.NewMain,.subMain,.showTops{ padding-top:30px;}
	.ProductTits{ padding-top:20px; height:85px;}
	.NewMain li.first{ padding-top:0px;}
	
	.NewMain li{ padding-left:100px; padding-top:15px; padding-bottom:15px;}
	.NewMain li .liRight{ height:auto; padding-bottom:15px;}
	.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;}
	 } 

@media (max-width: 540px) { 
.PzBody{ height:800px;}
.msgbody li.title{ text-align:left; padding-left:5px;}
.showTops .lefts{ padding-right:10px;}

 }

@media (max-width: 480px) { 
.dis{ font-size:16px;}
.PzBody{ height:720px;}
.showTops .rights .anddiv a.zx,
.showTops .rights .anddiv a.zxs{ width:150px;}

.qq_ww,.qq_wws {
    width: 100%;
    background-size: 100% 100%;
}
.qq_ww .rlefts{ padding-left:12px;}
 }
@media (max-width: 420px) { 

.PzBody{ height:670px;}

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

 }