/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}

.box{ width:1270px;}
.pro .box .picli a{ display:block; padding:10px; margin:10px;}
#foot .foot .box .fnav {
  padding-left: 30px;
  padding-right: 30px;

}
#foot .foot .box .fnav:nth-child(1) {
  width: 320px;
}
#foot .foot .box .fnav:nth-child(2) {
  width: 250px;
}
#cms .list .img>div{min-height:155px; max-height:155px; _height:155px;  }
#cms .list .img img{  max-height:155px;}
.pro .box .picli a img{ max-width:100%;}
.yingyong .econtent .picli .img{min-height:125px; max-height:125px;}
	
@media screen and (max-width :1250px){
.nav, .nav2 {
  font-size: 12px;

}

.proapp .hc {

    min-height: 430px;

}
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}
.proapp .tit span {
  font-size: 12px;

}
.pro .box .picli a{ display:block; padding:10px; margin:10px;}
.pro .box .picli a img{ max-width:100%;}

/*.nav >ul >li >div>a{padding-left:20px;
	padding-right:20px;}*/
	
#foot .foot .box .fnav {
  padding-left: 30px;
  padding-right: 30px;

}
/*#foot .foot .box .fnav:nth-child(1) {
  width: 280px; padding-right:0;
}
#foot .foot .box .fnav:nth-child(2) {
  width: 300px;
}*/
#foot .foot .box .fnav.lxin{ max-width:400px; max-width:calc(100% - 570px);}
.nav >ul >li:nth-child(3)>ul{ width:120px;}
#cms .list .img>div{min-height:125px; max-height:125px; _height:125px;  }
#cms .list .img img{  max-height:125px;}
/*#right{ width:calc(100% - 220px);}
#left{ width:200px;}*/

.yingyong .econtent .picli .img {
  min-height: 10vw;
  max-height:10vw;
}
.proshow .left{
	
	width:350px;
	
}

.proshow .left+ .right{ width:calc(100% - 380px);}

#left .sort ul li a{ padding-left:10px; padding-top:5px; padding-bottom:5px;}

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

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

#foot .foot .box .fnav:nth-child(2) { display:none;}
#foot .foot .box .fnav.lxin{ max-width:1000px;}

.about .right{ width:100%; text-align:center;}
.about .left{ width:100%;}
/*.nav >ul >li >div>a{padding-left:10px;
	padding-right:10px;}
	*/
	
.contact .left{ width:100%;}
.contact .right{  width:100%;}
.contact .map iframe{ min-height:350px;}	
.yingyong .econtent .picli .img {
  min-height: calc(15vw + 2px);
  max-height:calc(15vw + 2px);
}	
#top .logo{ width:250px; overflow:hidden; padding-top:18px;}
#top .box>.fr{
	width:calc(100% - 270px);
}

.nav>ul>li>div a{ font-size:14px;}

}
@media screen and (max-width :816px){
#top .logo{ padding-top:0px;}
#nav,#top{ display:none}
.search{ display:none}
.flash{ margin-top:80px;}
#cms1,#cms2,#cms {min-height:0px;}

#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}
.box{ width:98%;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}
#cms .list:nth-child(2n+1){ clear:both}
.app_top{ display:block}
.nav{ display:none;}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:82px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.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; height:80px; background-color:#ffffff;
}

.box,.box1,.box2{ max-width:100%;}

#right{ width:98%; float:none; margin:auto;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 min-height:100px; float:left; margin-left:1%;}
.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px;/*  margin-right:10px;background-color:#3751a7; */text-align:center; line-height:40px; font-weight:bold; color:#666666;}
.app_header .morenav i{ font-size:32px;}
	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}




#postion{ line-height:1.2; padding-top:10px; padding-bottom:10px;}
#postion b{ display:none}
#postion>div.postion{ float:left;}



.ny{ padding-bottom:30px; float:left; width:100%;}

/*内页*/

.gotop{bottom:80px;}


#left{ display:none;}
#cms .list{ width:48%; margin-left:1%; margin-right:1%;}
#cms .list:nth-child(2n+1){ clear:both;}
#cms .list .img>div{min-height:0px; max-height:1250px; height:31vw;}
#cms .list .img img{  max-height:100%;}
.sorts{ display:block;}

.qrcode{ display:none;}
#foot{ padding-bottom:10px; padding-top:20px;}
#foot .banquan .box{ padding-top:10px; padding-bottom:10px;}
#foot .banquan .fl{ padding:0; background-image:none; line-height:1.5;}
#foot .fnav{ display:none; padding-left:20px; padding-right:20px;}
.fnav .hc {

  min-height: 0px;
}
#foot .foot {
  padding-bottom: 10px;
}
#foot .fnav.lxin{ display:block; width:100%; border:none;}
#right{ width:98%;}
#cms,#cms1{ clear:both;}
.proshow .left{ width:100%;}
.proshow .right{ clear:both; width:100%;}
.ny {
  padding-bottom:20px; padding-top:20px;

}
.mm-right .app_header{ top:-50px;}

.sorts{ padding-top:10px; padding-bottom:10px; float:left; width:100%;}
.sorts ul ul{ display:none;}
.sorts ul li{ width:50%; float:left;}
.sorts ul li a{
	display:block;
	border: 1px solid #dddddd; margin:5px; padding-left:20px; padding-right:20px;
}
.sorts ul li.active >div a,.sorts ul li.hover >div a{ background-color:#3751a7; color:#FFFFFF}

.about .left{ width:100%;}
.about .right{ width:100%; clear:both;border-radius:10px; margin-top:10px;}
.about .right img{width:100%;}
.pro .picli{ width:calc(100% / 3); float:left;}
.pro .picli .ntitle{ font-size:12px;}
.pro .box .picli a{ margin:5px; padding:10px;}
.pro .box {
  padding-top: 20px;
  padding-bottom: 20px;
}
.about{ padding-bottom:0; margin-bottom:10px;}
.about .box{ padding:10px;border-radius:10px;}
.about .left .hc {
  padding-top:10px; line-height:1.5; font-size:14px;
}
.about .left .tit {
  font-size: 20px;
}
.about .left .h1 {
  font-size: 16px; font-weight:bold;
}

.yingyong .box{border-radius:10px;}
.yingyong .tit b {
  font-size: 24px;
}
.yingyong  .econtent{ position:relative; padding-left:20px; padding-right:20px;}
.yingyong .swiper-button-prev{ left:-20px;}
.yingyong .swiper-button-next{ right:-20px;}
.yingyong .econtent .picli .img {
  min-height: 20vw;
  max-height: 20vw;
}


.yingyong{ padding-bottom:0;}
.sortname{ padding-top:0; padding-bottom:20px;}
.sortname a{ display:block; width:calc(100% - 20px); margin:10px;}
.sortname a+a{ margin-left:10px;}
.sortname a:after{ display:none;}



.yingyong .econtent .picli .img {
  min-height: calc(25vw + 2px);
  max-height:calc(25vw + 2px);
}	
#cms .newsli div.img{ width:120px; padding:2px;border-radius:3px;}

#cms .newsli div.right{ width:calc(100% - 140px); margin:auto; float:right;}
.proshow{ clear:both; width:100%; float:left;}
.proshow .left+.right{ margin-left:0; clear:both; width:100%; padding-top:20px;}
.proshow .right,.proshow .left + .right{ padding-left:15px; padding-right:15px;box-sizing:border-box;}
#cms .proli{ width:50%;}
#cms .newsli .dp{ display:none;}
}




@media screen and (max-width :450px){
.yingyong .econtent .picli .img {
  min-height: 40vw;
  max-height: 40vw;
}
}


#cms2 .proli .title{ padding-right:50px;  min-height:3em; max-height:3em; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;}
.contenttxt{ padding-top:20px; padding-bottom:20px;}
.protit{ display:none;}
@media screen and (max-width :815px){

.proapp .hc {
  min-height: 0px;
}
.ywli .txt { font-size:14px; line-height:1.5;
}.ywli .txt .title{font-size:24px; line-height:68px; font-weight:bold;}
.meiti{ margin-top:0;}
.meiti .econtent{ width:100%;}
.meiti .tit{ width:100%; height:auto; padding:15 10px;}
.meiti .econtent .li{ padding:10px;}
#left2{ display:none;}
#cms .certli,#cms2 .proli3{ width:48%; margin-left:1%; margin-right:1%; float:left;}
#cms .certli:nth-child(3n+1),#cms2 .proli3:nth-child(3n+1){ clear:none;margin-left:1%; margin-right:1%;}
#cms .certli:nth-child(2n+1),#cms2 .proli3:nth-child(2n+1){ clear:both;}
#cms .certli div.img > div {

  min-height: 30vw;
  max-height: 30vw;
}
.ny{ padding-top:10px;}
#cms2 .proli .img{ font-size:18px;}
#cms2 .proli .title{ padding-right:50px; font-size:14px; min-height:3em; max-height:3em; overflow:hidden;}
#cms2 .proli3 .img {
  min-height:30vw;
  max-height:30vw;
}
.contenttxt{ font-size:12px; line-height:1.5;}

.tab{ position:relative; float:left; width:100%; margin-bottom:20px; clear:both;}
.tab .protit{
	display:block;
	border: 1px solid #eee; float:left; width:100%; height:50px;box-sizing:border-box;border-radius:5px; line-height:50px; padding-left:20px; padding-right:20px; position:relative;
}
.tab .protit:after {  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e88e"; position:absolute; top:50%; right:10px; line-height:1; margin-top:-9px;
}
.tab .protitle{ display:none; position:absolute; top:100%; left:0; width:100%; z-index:1; padding:0; margin:auto;border-radius:0 0 5px 5px; margin-top:-1px; line-height:35px; font-weight:normal;}
.tab .protitle span{ width:100%; float:left; background-color:#FFFFFF; margin:auto;border-radius:0;box-sizing:border-box;}
.tab .protitle span.hover{ background:#fff; color:#155186;}
.tab .protitle.hover{ display:block;}
#cms3 h1.h1 {
  line-height: 1.2;
  margin: 20px auto;
  font-size: 24px;
}
#cms1 .content, #cms3 .content,.contact .right{ color:#666;}
}