.MobileMenu{ display:none;}
.imgauto img{ width:100%; height:auto;}
.ZpBody{ margin-top:20px; margin-bottom:20px;}


@media (max-width: 1193px) { 

*, ::after, ::before {
    box-sizing: border-box;
}
.head{  height:auto;  padding:0rem 0.1rem; float:left;}
.headBody{ height:auto;}
.headBody,.footerTop,.footers{ width:100%;}
.Menu{ width:auto; float:right;}
.Menu a{ width:90px;}
.headsRight,
.footers .lefts{ display:none;}
.footers .Copyright{ width:100%; text-align:center;}

.IndexProList .BodyCom{ width:96%; left:0px;  margin-left:2%; 
filter: alpha(opacity=1);text-align:center;
    -moz-opacity:1;
    opacity: 1;  text-align:center; position:static;
}
.IndexProList .BodyCom a{ width:50%; display:inline-block; margin:0px;}

 }

@media (max-width: 960px) { 
.d960{ display:none;}
.hiddens{opacity:1;}
.menu_and {
    width: 1.2rem;  height: 0.72rem;background-size: contain; 
 position:absolute; right:10px; top:50%; margin-top:-0.36rem;  display: block;  background:url(../image/menuBs.png) no-repeat right center;  
}
.m{background:url(../image/menuB.png) no-repeat right center;  }
.MobileMenu{ width:100%; height:auto; position:absolute; top:72px; left:0px; background:#036;   z-index:10000;}
.MobileMenu li{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #114d8b;}
.MobileMenu li a{ width:100%; height:100%; display:block; padding-left:10px; color:#b4d9f6; }

.MenuBgs{ width:100%; height:100%;  background:rgba(0,0,0,0.5); z-index:1000; position:fixed; display:none; left:0px; top:0px;}

.indexFlash{ height:3.6rem; overflow:hidden;}
.Menu{  display:none;}
.IndexProMain,.IndexProTops{ height:auto;}
.IndexProList{ width:50%;}
.IndexProList .BodyCom{ display:none;}

.companyFirst{ width:100%; padding-top:84px; height:auto;}
.companyFirst .topCh{top:25px;}
.companyFirst .bodys{ width:100%; height:auto; padding:0px 10px;}
.companyFirst .bodys .rights{ width:100%;  position:relative; overflow:visible; height:auto;}
.firstRights{ position:static; width:100%; height:auto; padding-bottom:30px;}
.companySed { height:280px;}
.companySed .chtitle{ top:40px;}
.companySed .bodys{ width:100%; padding:0px 10px; position:static; margin:0px auto; padding-top:100px;}

.companythree{ width:100%; height:auto; padding-bottom:20px;}
.companythree .chtitle{ top:40px;}
.companythree .bodys{ padding-top: 65px; width:100%; position:static; margin:0px auto; height:auto;}

.companythree .swiper-container{ width:100%; height:100%; padding-bottom:30px;}
.companythree .swiper-slide{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.companythree .swiper-pagination-bullet { 
        opacity:0.8; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms;
    }	
.companythree .swiper-pagination{ bottom:10px;}
.companythree .swiper-pagination-bullet-active{ background:#fff;opacity:1; width:40px;border-radius:4px; }

.companyFour{ height:auto;}
.companyFour .bodys{ width:100%; padding:0px 10px; height:auto;}
.companyFour .imgsCom{ position:static; width:100%;margin:120px auto 0px; height:auto;}
.companyFour .conter{position:static;  width:100%; height:auto; margin:20px auto;}
#CompanyBody{position:static;  width:100%; height:auto; margin:0px auto;padding-right:0px;}


.ZyTitle{ width:100%; height:0.8rem; line-height:0.8rem;  }
.ZyTitle ul{ background:#FFFFFF; width:100%; height:auto;position:absolute; display:none; z-index:1000; }
.ZyTitle li{ width:100%; height:0.8rem; background:#FFFFFF; border-bottom:1px solid #DFDEE3; float:left; position:relative; }
.ZyTitle li a{ width:100%; height:100%; display:block; padding-left:0.6rem; line-height:0.8rem; }
.ZyTitle li .default{ background:#979797; color:#fff;}
.ZyTitle .first{ background:#363A3E url(../image/menur4_c5.png) no-repeat top right;background-size:contain;  color:#FFFFFF;padding-left:0.4rem;  }
.ProBj {
    background: #03030F url(../image/pros.jpg) no-repeat center 72px;
}
.Probody{ height:auto;}
.JBdivBody{ width:100%; padding-top:10px;}

.JBdivBody .swiper-container{ width:100%; height:100%; padding-bottom:30px;}
.JBdivBody .swiper-slide{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.JBdivBody .swiper-pagination-bullet { 
        opacity:0.8; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms;
    }	
.JBdivBody .swiper-pagination{ bottom:10px;}
.JBdivBody .swiper-pagination-bullet-active{ background:#fff;opacity:1; width:40px;border-radius:4px; }

  .JBdivBody  .div1{ width:100%; height:120px; line-height:36px; color:#FFFFFF; font-size:16px; text-align:center;}
  .JBdivBody  .div1 h3{ font-size:28px; font-weight:normal; line-height:64px;}
  .JBdivBody  .div2{
	   width:80%; height:60px; 
 
  }
  .JBdivBody  .div2 a{ color:#00579A; text-align:center; width:100%; height:38px; line-height:38px; display:block; border:1px solid #00579A;}
  .JBdivBody  .div3{
	   width:100%; height:auto; text-align:center;  

  }

.PorShowBody{ width:100%; padding:0px 10px;}
.PorShowBody .title{ width:100%;}
.PorShowBody table{ width:auto;}

.Bjgs{ background-color:#0E52A5;}
.comBody {width:100%; padding:0px 10px; height:auto;}
.comBody .lefts{ width:100%; padding:10px; height:auto; margin-bottom:15px;}
.comBody .titles{ width:100%;}
.comBody .BottomRight,
.comBody .topRight{ width:100%; padding:10px; height:auto; margin-bottom:15px}

.zshzTable,
.ZpBody{ width:100%; padding-left:10px; padding-right:10px;}
.ZpTops{ padding:0.1rem 0px;}
.UserTable{ width:100%; padding:10px;}
.NewTop{ width:100%;}
.NewBody{ width:100%; padding:10px; height:auto;}
.NewBody .Rights{ float:none; height:auto; width:100%;}

.NewBody .Rights .NextList .title,
.NewBody .Rights .NextList .imgs,
.NewPage{ width:100%; height:auto; }
.NewPage{
height:100px;
}
.NewBody .Rights .NextList{ width:100%;}
.NewBody .Rights .NextList .title .time b{ font-size:24px; line-height:24px;}
.ZpBody h1 {
    width: 100%; font-size:20px;
   
}
.ZpBody h1.TabH1{ font-size:16px;}
.TabH2,.TabH3{ font-size:14px;}
.UserLine{ height:auto;  line-height:36px; width:100%;}
.comsTc{ text-align:center;}
.comsTl{ padding:0px ;}
.SuerInput{ width:100%;}
.l70{ width:70%; float:left;}
.l30{ width:30%; float:left; position:relative;}
.l30 img{ left:20px; top:50%; margin-top:-12px; position:absolute;}
.ands{ padding:20px 0px 10px;}
.ands a{ width:100%; height:40px; text-align:center; line-height:40px; color:#fff; background:#0C4CA3; display:block;}

.add_body{ width:100%;}

.serviceTable{ width:100%; padding:10px;}
.SerInput{ width:98%; font-size:12px;}
.showTitle{ height:auto; padding:10px;}
.showTitle h1{ width:100%; font-size:16px; height: auto;}
.showTitle  dl{ padding-left:0px;}
.showTitle dd { padding-right:20px;}
.SubBody{ width:100%; padding:10px;}
.NextPage{ width:100%; padding:10px; height:auto; float:left;}
.NextPage .lefts{ width:100%; height:auto;}
.NextPage .rights{ display:none;}
 }

@media (max-width: 750px) { 
.footerTop .LogDiv{ float:none;}
.footers,.Copyright{ height:auto; float:none; background:url(../image/footer.gif); text-align:center; padding:0.1rem; line-height:28px;}
.CompanyMBodys{width: 100%; padding-left: 10px;}
 }


@media (max-width: 620px) {

.d620{ display:none;}	
.CompanyMBodys{ font-size: 14px;}

	 } 

@media (max-width: 480px) { 
.logo{ width:3.6rem;display: table; }
.logo span{
	 display: table-cell;
    vertical-align: middle;
	
	}
    .ComMenu,.ComMenus{ margin-right: 5px; padding: 0px 5px; width: calc(33.33% - 5px) ;
        white-space:nowrap; /*规定段落中的文本不进行换行：*/

    overflow:hidden;

    text-overflow:ellipsis;/*ellipsis*/
    }


.logo img{
	vertical-align: middle;
    border-style: none;
	}
 }
 
 @media (max-width: 400px) { 
 .IndexProList .Toptitle{ font-size:18px;}
 }
@media (max-width: 348px) { 
.NewBody .Rights .NextList .title .titles{ width:220px;}


 }