/* CSS Document */
@charset "utf-8";



@media screen and (max-width :1600px){
.box{ width:1300px;}
.yewu .econtent .picli .right{min-height:300px; }
.nav{width:calc(100% - 350px); 
}

}

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

.yewu .econtent .picli .right{min-height:300px; }

}


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

.yewu .econtent .picli .right{box-sizing:border-box; min-height:350px;}
.news .left{ width:300px;}
.news .econtent{ width:calc(100% - 320px);}
.box{ width:1200px; min-width:1200px;}
}
@media screen and (max-width :1230px){




body{ min-width:1000px;} 
.box{ width:1100px; min-width:1000px;}

#right{ width:810px; width:calc(100% - 300px);}



#cms .picli div.img>div{ min-height:185px; max-height:185px;}
#cms .picli div.img>div img{ max-height:185px;}


}


@media screen and (max-width :1024px){ 
.box{ width:900px; min-width:800px;}


#left .title2{ background-color:#828282; background-image:none;}
.aboutpic .left,.aboutpic .right{ width:100%; max-width:100%;}
.aboutpic .right img{ width:100%;}
.aboutpic .right{ margin-top:20px; display:none;}

.etitle { font-size:28px;}





#foot .fnav{ width:180px; margin-right:15px;}
#foot .lxin{ width:280px;margin-right:0; padding-right:15px;}

.bannerin { min-height:300px; background-size:auto 300px;}


#cms .picli{ width:31.333333%;}
#cms .picli:nth-child(4n+1){ clear:none}
#cms .picli:nth-child(3n+1){ clear:both}



.contact .map iframe{ width:100%; min-height:350px;}

#postion .postion{ display:none;}


#left{ width:100%;}
#left .leftnews,#left .tags,#left .lxin{ display:none;}
#left+#right{ width:100%; float:left; clear:both; margin:auto; margin-top:20px;}
#left .sort ul li{ float:left; width:49%; margin-left:2%;}
#left .sort ul li:nth-child(2n+1){ float:left; margin-left:0; clear:both; }
#left .sort,#left .leftnav{ margin:auto; padding:0;border-radius:0;}

#left .sort ul li a{background-color:#999999; color:#FFFFFF; padding:0; padding-left:20px; font-size:16px; }
#left .title2{ display:none;}
#left .leftnav{ background-color:rgba(255,255,255,0);}
#left .leftnav ul ul{ display:none;}
 .lxli ul li{ width:49%; margin-left:2%;}
 .lxli ul li:nth-child(3n+1){ margin-left:2%; clear:none;}
.lxli ul li:nth-child(2n+1){ margin-left:0; clear:both;}
.lianxi .contact{ height:auto;}

 
#cms .picli div.img>div{ min-height:20vw; max-height:20vw;}
#cms .picli div.img>div img{ max-height:20vw;}
 
 #header{ display:none;}
 .app_header{background-color:#fff; width:100%; display:block; position:fixed; z-index:2;}
	.app_header .app_logo{ width:250px;    float:left; padding-top:0px; padding-bottom:0px;}
.app_header .app_logo img{  height:55px;}
	.app_header .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:#204A9C; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;  display:block; top:0px; left:0px; box-shadow:0 0 5px rgba(0,0,0,0.3);
}
#menu{ z-index:999;}
 
 #header.navbg{ display:none}
 
 .block{ padding-top:30px; padding-bottom:30px;}
 
.flash{--swiper-navigation-size:30px;}

.nav{ padding-top:55px;}

#foot .qrcode{ display:none;}
#foot .fnav{ width:calc(100% - 320px); margin-left:0; float:right;}

.ordermy{ padding-top:0;}
.ordermy #left{ display:none;}
.ordermy #right{ margin-top:0;}

.hdli{ width:90%; left:5%; margin-left:auto; font-size:14px; }


.orderxq{
	width:90%; left:5%; margin-left:auto;
	
		height:80%;
	top:10%;
	 margin-top:auto; 
}



}

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

.case{ min-height:0;}
.case .sw{ display:block;}
.case .path-slider{ display:none}
.contact * {
  line-height: 1.5;
}

.flash{ width:100%; overflow:hidden;}
.flash>div{ position:relative;} 
.block{ padding-top:30px; padding-bottom:30px;}
body,.box{ min-width:250px;--swiper-navigation-size:30px;}

#foot .box{ max-width:98%;}

#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:98%; }

#header.navbg.fixed4 + .clear {
  height: 55px;
}
.bannerin { min-height:200px; background-size:auto 200px;}




#foot{ padding-top:15px; padding-bottom:65px;}

#foot .fnav{ width:50%;box-sizing:borer-box; margin-right:0; display:none;}
#foot .copy .fl{ padding-right:50px; font-size:12px; line-height:1.5;}
#foot .copy{ margin-top:0;  background-image:none; padding:0;min-height:0;}

#foot .link{ display:none;}

#foot .lxin{ float:none; width:100%; max-width:350px; margin:auto; padding-bottom:15px;}
#foot .lxin .tel {

  padding-bottom: 10px;
}


.aboutpic .left .more{ text-align:center;}
.aboutpic .left,.aboutpic .right{ width:100%; float:left;max-width:100%; min-height:0;}
.aboutpic .right{ padding-top:50px;}
.aboutpic .left{ padding-left:20px; padding-right:20px;}
.aboutpic .right .swiper-slide img{ width:100%;}

.pro,.news,.aboutpic{ padding-top:20px; padding-bottom:20px;}

.aboutpic .left .h1{ font-size:24px;}
.aboutpic .left .h2{ font-size:22px;}
.aboutpic .left .hc,.at .aboutpic .left .hc{  line-height:1.5; padding-top:10px; font-size:16px;}

.aboutimg ul li {
  width: calc(100% / 3 - 2%);

}
.aboutimg ul li:nth-child(3n+1){ clear:both;}

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



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

#right .picli,.case .left+.right .picli{ width:48%; padding:5px; margin-left:1%; margin-right:1%;}
#right .picli:nth-child(3n+1),.case .left+.right .picli:nth-child(3n+1){ clear:none; margin-left:1%; margin-right:1%;}
#right .picli:nth-child(2n+1),.case .left+.right .picli:nth-child(2n+1){ clear:both; margin-left:1%; margin-right:1%;}
#right .picli div.img > div ,.case .left+.right .picli div.img > div{
  overflow: hidden;
min-height:30vw; max-height:30vw;
}
#right .picli div.img > div img { max-height:30vw;}
#right #cms .picli div.img > div img { max-height:32vw;}
#right #cms .picli{ margin-bottom:5px;}


#footnav{ display:block}

.more,.aboutpic .left .more{ padding-top:10px;}
.aboutpic .left .h2{ padding-top:10px;}
.aboutpic .left .h2,.aboutpic .left .h1{ line-height:1.3;}


.bannerin .h1{ font-size:32px; font-weight:bold;}
.bannerin .h2{ font-size:22px;}

.sort{ display:block;}


.psort a{ float:left; width:32%; margin-left:2%; margin-top:5px; margin-bottom:5px; margin-right:0;}
.psort a:nth-child(3n+1){ clear:both; margin-left:0; text-align:center; padding-left:0; padding-right:0;}

.contact .map iframe {min-height:40vw;}




#left .bk{ padding:10px; padding-top:0;}
#left .title b{ font-size:20px;}

.mapjson+iframe{min-height:250px; margin-top:5px;}

.lxli ul li{ padding-top:5px; padding-bottom:5px; margin-top:0px; margin-bottom:0;}
.lxli ul li .img{ width:50px; height:50px; overflow:hidden;}
.lxli ul li  .t1{ font-size:18px;}
.lxli ul li  .t2{ font-size:14px;}
.lxli ul li img + div, .lxli ul li .img + div {
  margin-left: 65px; 
}
#postion .fl{ display:none;}
#left{ padding-top:10px;}
#left.leftnav2{ display:none;}
#left+#right{ margin-top:0;}
.boxin.block{ padding-top:0;}
.etitle b{ font-weight:bold;}
#left .sort{ padding-left:0; padding-right:0; margin-left:0; margin-right:0;}


.titledp{ font-size:16px; line-height:1.5;}

.aboutpic .left .more a::after{ display:none;}

.lianxi .contact{ width:100%; padding-top:0;}
.lianxi .right{ width:100%; float:left; clear:both; margin-top:10px;}



.honorMain .honorList {

  padding-top: 30px;
  padding-bottom: 30px;

}

.news .left{ width:100%;}

.news .econtent{ width:100%; clear:both;}
.news .econtent .picli .right .ntitle{ font-size:18px;white-space:normal;}
.news .econtent .picli .right .dp{max-height:100em; min-height:0;}
.flash{ margin-top:56px;}

.search{ position:relative;bottom:auto;
left:auto; width:100%; margin:auto;border-radius:0; padding:10px;box-sizing:border-box; padding-top:30px;}
.search input{ width:100%;}
.search form{ width:100%;}
.search form+div{ width:100%; text-align:center;}

#left .sort ul ul{ display:none;}
#left .sort ul li a {
  background-color: #ffffff;
  color: #333333;border: 1px solid #dddddd;border-radius:3px; padding-top:5px; padding-bottom:5px;

}
#left .sort ul li.hover> a,#left .sort ul li.active> a  {
  background-color: #204A9C;
  color: #ffffff;border-color: #204A9C;

}
.search button,.search button::before,
.search input { height:50px; line-height:50px;}
.etitle {
  font-size: 24px;
}
.searcht .item.inline{ display:block; padding-top:5px; padding-bottom:5px; text-align:left;}
.searcht form{ width:350px; margin:auto;} 
.searcht .hdinput{ width:150px;}

.orderxq .details{ padding:10px;width:100%; font-size:14px;}
.orderxq .detailsli{ width:100%;	max-height:4000000000px;border: 1px solid #dddddd;border-radius:5px; padding-top:10px; padding-bottom:10px;
	min-height:0px;}
.orderxq .msg{ max-height:calc(100% - 40px); overflow-y:auto; margin-top:10px;}

.loginbox #foot{ display:none;}
.logins{ height:calc(100vh - 120px);}
.login{ border:none; margin-top:0px;}

.logint{  margin-left:-200px; margin-top:-180px; }
}

@media screen and (max-width :600px){
.lxli ul li{ width:100%; margin-left:0%;}
.lxli ul li:nth-child(3n+1){ margin-left:0%;}
.pro .econtent .picli {
  width: 98%;
 
}
.pro .econtent .picli .right{ min-height:0;}
}
@media screen and (max-width :500px){
.honorMain .econtent {

  padding-left: 45px;
  padding-right: 45px;
  
}
/*.honorMain .econtent .swiper-slide img{ max-width:90%;}*/
.honorMain .swiper-button-next, .honorMain .swiper-button-prev {

  border: 1px solid #cccccc;
  --swiper-navigation-size: 24px;
  width: 35px;
  line-height: 35px;
  height: 35px;
 
}
.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-left{ display:none;}
.honorMain .honorList {
  padding-top: 0px;
  padding-bottom: 0px;
}
.block {
  padding-top: 10px;
  padding-bottom: 10px;
}
.lianxi {
  padding-top: 0px;
  padding-bottom: 0px;
}
#foot {
  padding-top: 10px;
 
}
#foot .lxin {

  padding-bottom: 10px;
}


}
@media screen and (max-width :450px){
#foot .copy{ background-image:none; padding-left:0px; min-height:0; width:100%;}

.app_header .app_logo *{ max-width:100%;}
.nav>.box>ul>li>a{ font-size:14px; padding-left:0; padding-right:0;}
.aboutpic .left .h1 {
  font-size: 22px;
}
.aboutpic .left .h2 {
  font-size: 20px;
}

.yewu .econtent,.case .sw,.news .econtent {
  padding-left: 35px;
  padding-right: 35px;
}
.yewu .econtent .picli .ntitle { font-size:22px;}

#foot .lxin .tel {

	font-style: normal;
	font-weight: bold;
}
.yewu .econtent .swiper-wrapper .picli {

  margin-top: 0px;
  margin-bottom: 0px;
}
.at .pro .econtent .picli {
   margin-top:10px; margin-bottom:10px;
}
.yewu .econtent .picli .right{ min-height:280px; padding:10px;}
.at .pro .econtent .picli .right{ min-height:0;}
.at .pro .econtent { padding:0;}
.hdli{ font-size:12px; padding:10px; }
.hdli .li{ padding:10px;}

.logint{ width:90%; left:5%; max-height:80%;  margin-left:0;  }

}
/*@media screen and (max-width :350px){
#left .leftdh2 ul li{ float:left; width:98%; margin-left:1%; margin-right:1%;}
}*/