/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
@media screen and (max-width :1250px){
body{ min-width:1000px;}
.box{ width:1100px; min-width:1000px;}

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

 .flash .swiper-slide{ background-size:auto 100%;}
.flash .swiper-slide a{ min-height:450px;}
}
@media screen and (max-width :1150px){

body{ min-width:900px;}
.box{ max-width:90%;min-width:900px;}

.youshi .item .img + .r{ font-size:16px;}




}
@media screen and (max-width :816px){
.flash .swiper-slide a{ min-height:50vw;}
.search{ display:none}

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

#cms .list:nth-child(2n+1){ clear:both}

#right,.box{ max-width:100%; min-height:0px;}

.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%;}
 #nav {background-color:#0B62A9; background-image:none;}
#nav .box>ul li:hover> ul{ display:none;}
#nav .box>ul li{ float:left; width:25%; background-color:#0B62A9;}
.header{position: sticky; top:0px; background-color:#FFFFFF; z-index:99;}
#nav .box{ max-width:100%; padding:0; width:100%; line-height:2;}
#nav .box>ul li a{ color:#FFFFFF; font-size:16px; position:relative; display:block;}
#nav .box>ul li a:before,#nav .box>ul li a:after{
	content:'';
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.2); position:absolute; left:0; top:50%; margin-top:-10px; height:20px;
}
#nav .box>ul li a:after{ left:1px;border-left-color: rgba(0,0,0,0.2);}
#top .logo img{ max-width:calc(100vw - 250px);}
#top .tel,#top .logo{ }
#top{ padding:0;}

#banner{ height:100px; max-width:100%; }

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

#cms .list,.pro .proli{
	width:48%;
	margin-right: 1%;
	margin-left: 1%; margin-top:1vw; margin-bottom:1vw;
}
#cms .list .img,.pro .proli .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .proli .img img{ height:auto}
#cms .list:nth-child(3n+1),.pro .proli:nth-child(3n+1){ clear:none}
#cms .list:nth-child(2n+1),.pro .proli:nth-child(2n+1){ clear:both}
#cms .list .ntitle{ font-size:14px;}
#cms .list .img{  min-height:0px;
}
#cms .list .img img{ min-height:0px;}
#cms .list.appli .img{ min-height:0px;}

#cms .list.appli .img img{ min-height:0px;}

#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}

#cms .picli .right .ntitle,#cms .picli .right .time{ width:100%; text-align:left; padding:0px; margin:auto; line-height:1.2;}
#cms .picli .right .title{ padding-bottom:5px; }

/*底部*/


.ny{ padding-bottom:30px; float:left; width:100%; padding-top:0;}
.qrcode{ display:none}
/*内页*/

.gotop{bottom:80px;}

#cms .picli{width:100%;height:auto;}
#cms .picli .img {height:80px;margin-left:5px;}

#cms .picli .img img{ width:120px; height:80px; }
#cms .picli .img+.right { margin-left:140px; margin-right:10px; }


.bannerin .h1{
	font-size: 24px;

}
.bannerin .h1 span{font-size: 18px;
}
.bannerin .h1 i{
	
	font-size: 18px;

}

#cms1{ width:90%; margin-left:5%; margin-right:5%;}
#cms1 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}
#left{ display:none}




#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}
.proshow .right  .xq{min-height:0px;}



#cms .picli.newsli .img img{ width:105px; }
#cms .picli.newsli .img+.right{ margin-left:125px;}

.fnav{ display:none}
.fnav.lx{ display:block; width:100%; border:none; padding:0; float:none; margin:auto; max-width:330px; min-height:0; padding-bottom:10px;}
.fnav.lx .t{ display:none}
#foot .foot{ margin:auto; border:none;}
#foot{ padding-top:20px; padding-bottom:70px;}
.banquan{ margin-top:0px; padding-top:10px;}
/*内页*/
.youshi .item .img{ width:100%; text-align:center;}
.youshi .item .img + .r{ text-align:center; line-height:1.5; padding:0; padding-top:5px; padding-bottom:5px; margin:auto;}
.youshi .item{ padding-left:10px; padding-right:10px;box-sizing:border-box;}

#right #cms, #right #cms1{box-shadow:0 0 0 rgba(0,0,0,0);}






#cms .newsli{ padding-top:10px; padding-bottom:10px;} 
#cms .newsli .right{ padding-bottom:0px;}
 #cms .newsli .date{ display:none}
 
 #cms .newsli div.img{ width:120px; min-height:0px; position:relative; top:auto; right:auto; float:right}
 #cms .newsli .right{
	 margin-left:0px; float:left; width:100%;}
	#cms .newsli .right .hc{margin-right:0px;width:calc(100% - 130px); float:left;}
	 #cms .newsli .right .share{ display:none}
	 #cms .newsli .right .dp{ min-height:0px; line-height:1.5; }
	 #cms .newsli .right .ntitle{ font-size:18px;}
#cms .newsli:hover{ background-color:#ffffff;}

#left.sorts .leftnav ul li{ width:48%; float:left; margin-left:1%; margin-right:1%;}

#left.sorts .title{ display:none;}
#left.sorts{display:block;box-shadow:0 0 0 rgba(255,255,255,0);
	border: 1px solid #dddddd; width:98%; margin-left:1%; margin-right:1%; box-sizing:border-box; margin-top:10px;margin-bottom:auto;
}
/*首页*/
.about .img{ float:left; width:100%; display:none;}
.about  .right { width:100%; float:left; clear:both;}
.youshi2{ position:relative; bottom:auto; left:auto; max-height:1000px; padding:10px;box-sizing:border-box;}
.youshi2 ul li{ width:50%; margin-top:15px; margin-bottom:15px;}
.pro{ background-color:#1476B5;}
.pro .sort ul li{ width:48%;}
.pro .econtent .picli{ width:48%;}
.pro .econtent .picli .img { min-height:30vw; max-height:30vw;}
.news .left,.news .right{ width:100%;}
.news .left .img{ width:170px;}
.news .left .img img{ min-height:120px; max-height:120px;}
.news .left .img + .r {
  width: calc(100% - 175px);
  float: right;
}
.news .right .img{ display:none;}
.news .right .picli{ width:100%;}
.news .right .picli .dp{ display:none}
.news  .picli .morei{ display:none}
.news .right .picli:before{ display:none;}
.news .left .r { padding-right:0px;box-sizing:border-box;}
.news .right .r { padding-right:0px;box-sizing:border-box; padding-top:0;}
.news .right .picli{
	padding-left:10px;
	box-sizing:border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:10px; position:relative;
}
.news .left .picli:before,.news .right .picli:before,.news .right .picli:nth-child(2n+1)::before{

    content: '';
    left: 0;
    top: 0;
    height: calc(100% - 10px);
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #0B62A9;
    position: absolute; display:block;

}
.about,.pro,.news{ padding-top:30px; padding-bottom:30px;}
.youshi2{ margin-bottom:30px;}
.about .right .t1 { font-size:28px;}
.about .right h2{ font-size:20px;}
.youshi2 ul li .t1{ font-size:36px}
.youshi2 ul li .t1 i { font-size:14px;}
.pro .sort ul li a {  text-align:center;}
.news .picli .ntitle{ font-size:18px;}
.youshi2 ul li:nth-child(2n+1){ clear:both;}
.about .right h2, .about .right h3, .about .right h1 {padding:0;}
.pro .econtent .picli { margin-top:1vw; margin-bottom:1vw;}

}
@media screen and (max-width :600px){
.banquan>.fl{ background-size:150px; padding-left:160px;}
.pro .sort ul li a { font-size:14px; text-align:center;}
#cms1,#cms{ padding-left:0; padding-right:0;}
}
@media screen and (max-width :350px){



}
@media screen and (max-width :480px){
#right  .tjpro .econtent .proli{ width:98%;}

 #cms .newsli{ padding:0px;}
 	 #cms .newsli .right .ntitle{ font-size:16px;}
  #cms .newsli .dp{ display:none}
 #cms .newsli .right{ padding-bottom:20px; padding-top:20px;}
#cms .newsli .right .time{ display:block; color:#999; font-size:12px;}
.banquan >.fl{ background-image:none; padding:0; width:100%; text-align:center;}
.banquan>.fr{ width:100%; text-align:center;}
}

@media screen and (max-width :320px){.sorts li{ font-size:14px;}}