@media screen and (max-width :1230px){body{ min-width:1000px;} 
.box{ width:1100px; min-width:1000px;}
#cms .newsli{ width:100%;}
.youshi >div{font-size:55px;}
.youshi >div hct{ font-size:22px;}
}
@media screen and (max-width :1024px){body{ min-width:700px;} 
.box{ width:1100px; max-width:95%; min-width:700px;}
#cms .newsli{ width:100%;}
.nav >ul >li>a{  padding-left:15px; padding-right:15px}
#top .logo img{ width:200px; max-width:100%;}
}
@media screen and (max-width :870px){
.nav,.navright{ display:none;}
.nav2{ display:block;}
.morenav{ float:right; display:block; color:#000; width:40px; height:40px; margin-top:5px;  line-height:40px; text-align:center; position:absolute; top:0%; right:0px; margin-top:0px; height:55px; background-color:#075C3B; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}
#menu{background-color:#075C3B;}
.lang{ margin-right:60px;}
#top .logo img{  max-width:150px;}
#top{ line-height:55px;}

#top .logo{ margin-left:10px;}
#top .logo,#top .logo a,#top + div {
  height: 55px;
}
.pro{ margin-top:0;}
#foot .footnav{ display:none;}
#foot{ padding-bottom:60px;}
.about{ background-color:#f5f5f5;}
.etitle{ font-size:28px;}
.youshi >div{  font-size:28px; }

.youshi >div .hct{ font-size:16px;}
.blockin{ padding-top:20px;}
.lang{ display:none;}
.lang.phone{ display:block;}
}
@media screen and (max-width :768px){
body,.box{ min-width:250px;--swiper-navigation-size:30px;}

#postion .leftdh{ display:none;}
#postion .postion{ float:left; width:100%; text-align:left; display:block; min-height:0; padding-top:10px; padding-bottom:10px;}
/*.app_top{ height:50px; float:left; width:100%;}*/
#pages,.box{ max-width:100%; min-height:0px;}
.box{ max-width:100%; padding-left:10px; padding-right:10px;box-sizing:border-box;}


#menu{ z-index:999;}

#cms1 .content{ line-height:1.5; }
#cms1 .content h1{ font-size:22px;}
#cms1 .content h2{ font-size:20px;}
#cms1 .content h3{ font-size:18px;}

#cms .newsli div.img{ width:120px; }
#cms .newsli .right .hc{ margin-right:130px; }
#cms .newsli div.img{ margin-top:-43px;}
#cms .newsli div.img img {
  width: 100%;
  min-height: 80px;
  max-height: 80px;
}

#footnav{ display:block}
.sort{ display:block;}

.contactin{ margin-top:10px;}

.contactin .h1 { font-size:40px;}
.etitle b{ font-weight:bold;}
.about .more{}
.pro .more,.news .more,.about .more{ padding-top:10px;}

.contactin .map iframe{ min-height:30vw;}

.proli .ntitle{ font-size:24px; }
.proli .dp{ font-size:16px;margin-top:10px;} 
.proli{padding-top:20px; padding-bottom:20px;}
.downli .downbtn,.downli .downbtn i{ font-size:28px;}
}

@media screen and (max-width :600px){

.lxli ul li{ width:100%; margin-left:0%;}
.lxli ul li:nth-child(3n+1){ margin-left:0%;}
.lianxi .contact .right .title { font-size:22px;}
#cms .newsli .date{ display:none;}
#cms .newsli .date + .right{ margin-left:0;}
#cms .newsli .right .ntitle{white-space: normal; font-size:18px; max-height:4.5em; overflow:hidden;}
#cms .newsli .right .dp{ display:none;}
.proshow .right .item.xq {
  min-height: 0px;
 
}
.proin{ padding-top:0;}

}

@media screen and (max-width :500px){


.contactin .left,.contactin .right{ float:left; width:100%;}
.contactin .right{
	padding-top:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-top:30px;
}
.contactin .right .btn .span{ width:100%;}
.proshow .right .btn a{ width:100%; text-align:center; padding:0;}


.youshi >div{ width:50%;}
.block{ padding-top:30px; padding-bottom:30px;}
.about .econtent .ntitle { margin-top:20px; font-size:22px;}
.about .econtent .hc{ margin-top:10px;}
#foot{ padding-top:30px;}

}

@media screen and (max-width :450px){
.psort a{ font-size:14px; line-height:1.2; padding-top:10px; padding-bottom:10px;}


#foot .copy{ background-image:none; padding-left:0px; min-height:0; width:100%;}
#left .leftdh2 ul li{ float:left; width:48%; margin-left:1%; margin-right:1%;}
#left .title b{ padding-bottom:0;}
#left .leftdh2 ul li{ font-size:14px;}
#left .leftdh2 ul li a{ padding-left:25px;}
.leftdh2 ul li a::before { left:10px;}
}