/* CSS Document */
@charset "utf-8";
.flash{ margin-top:90px;}
.app_header{ display:none}
@media screen and (min-width :1500px){

.pro .picli .right .dp{ padding-top:30px; padding-bottom:30px; font-size:18px; }

}
@media screen and (max-width :1650px){
.box{ width:1500px;}
}
@media screen and (max-width :1550px){
.box{ width:1400px;}
}
@media screen and (max-width :1450px){
.box{ width:1300px;}
.honorin .picli{ width:25%; }
.honorin .picli:nth-child(5n+1){ clear:none;}
.honorin .picli:nth-child(4n+1){ clear:both;}
.pro{ padding-top:20px; padding-bottom:0px;}
.news{ padding-top:0px;}
.aboutpic{ padding-bottom:20px;}
}
@media screen and (max-width :1366px){
.box{ width:1200px; min-width:1000px;}
#foot .fnav{ float:left; width:58%;}
#foot .fnav > ul > li{ width:16.5%}
#foot .fnav > ul > li:nth-child(1),#foot .fnav > ul > li:nth-child(2){ width:23%; padding-left:1%; padding-right:1%;}

#foot .fnav > ul > li > ul{ font-size:13px;}
.leftdh ul li a{ padding-left:40px; padding-right:40px;}
#cms .picli{ width:23%;}
#cms .picli:nth-child(5n+1){ clear:none;}
#cms .picli:nth-child(4n+1){ clear:both}
.qywhin { padding-bottom:0px; padding-top:0px;}
.nyin{  padding-bottom:30px;}
}

@media screen and (max-width :1240px){body{ min-width:1000px;} 
.bannerin .box ul li a{padding-left:20px; padding-right:20px; }
#cms .picli2 .right .ntitle{font-size:24px;}
#cms .picli2 .right{ font-size:16px;}
.box{ width:1000px; max-width:98%; }

#header.navbg  .s{ display:none}
.nav ul li a{ padding-left:5px; padding-right:5px; font-size:17px;}
.aboutpic .right{ max-width:48%; min-height:0px;  }
.aboutpic .left .h1{ font-size:22px;}
.aboutpic .left .h2{ font-size:28px;}
#foot .fnav{ float:left; width:60%; float:right}
#foot .qrcode{ display:none}
#foot .flx .qrcode{ display:block}

.honorin .picli:nth-child(4n+1){ clear:both;}
.honorin .picli div.img{ width:90%;}
/*.honorin .picli a{ min-height:165px; max-height:165px;}*/
.qualityin .content{ padding-right:20px;}

#cms .newsli div.img{ top:-20px; }

}


@media screen and (max-width :1024px){ 
body{ padding-top:0px;}

.bannerin .box ul li a{ height:50px;display: flex;
    justify-content:center;
    align-items:center; }
body,.box{ min-width:250px;}
#header.navbg{ display:none}
#foot .box{ max-width:98%;}

.app_header{background-color:#fff; display:block; position:fixed; z-index:2;}

/*.app_top{ height:50px; float:left; width:100%;}*/
#pages,.box{ max-width:100%; min-height:0px;}
.box{ max-width:98%; }
.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);
}



	.app_header .app_logo{ width:250px;    float:left; padding-top:5px; padding-bottom:5px;}
.app_header .app_logo img{  height:45px;}
	.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:#0961CB; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}
.app_header .app_rt .lang2{ position:absolute; right:60px; line-height:40px; background-color:#CCCCCC; top:7px; background-image:none; width:40px; text-align:center;}	
html.mm-opened .flash{ margin-top:0px;}
#menu{ z-index:999;}

body{ min-width:250px;}
.flash{ margin-top:55px;}

.youshi .item .t2{ padding-left:20px; padding-right:20px; line-height:1.5;}

.pro .h1,.news .h1{ font-size:28px;}
.pro .picli .right{ padding:20px;} 
.pro .picli .right .ntitle{ font-size:22px;}
.pro .picli .right .dp ul li:nth-child(3n+1){ clear:none}
.pro .picli .right .dp ul li:nth-child(2n+1){ clear:both}
.pro .picli .right .dp ul li{ width:48%; margin-left:1%; margin-right:1%; margin-top:10px;}

.pro  .swiper-button-next,.pro .swiper-button-prev,.news  .swiper-button-next,.news .swiper-button-prev{ display:block; background-image:none}
.pro .econtent,.news .econtent{ padding-left:40px; padding-right:40px;}
.pro  .swiper-button-next,.news  .swiper-button-next{ position:absolute; left:0%; top:50%;}

.pro .swiper-button-prev,.news .swiper-button-prev{ position:absolute; left:100%; top:50%; margin-left:-38px;}

.pro .picli .right .dp,.pro .picli .right .more{ display:block;}
.pro .picli .right{
	background-image: url(probg.png);
	background-repeat: repeat-x;
	background-position: left top; 
}
.news .picli:after{ width:100%;}
.news .picli .right{ background-color:#f5f5f4; }
#foot .fnav ul li ul li a{ font-size:12px; line-height:1.5;}
#foot .fnav>ul>li>a{ font-size:16px;}
.bannerin .box{ position:relative; max-width:90%; text-align:center;}

.bannerin .box ul li{flex:1;   } 
.bannerin .box ul{display: flex;
    justify-content:center;
    align-items:center;}
.bannerin .box ul li a{display:block; padding-left:10px; padding-right:10px; font-size:14px; line-height:1.2; padding-top:15px; padding-bottom:15px;}
.tsort2>ul>li a{ padding-left:5px; padding-right:5px; min-height:4.5em;}



.qywhin .picli{ float:left; width:25%;}
/*.qywhin { padding-bottom:30px; padding-top:30px;}*/
.qywhin .picli>div:hover{box-shadow:0 0px 20px rgba(200,200,200,0.5)  inset;}
.qywhin .picli>div{ max-width:265px; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px;}
.qywhin .picli>div .ntitle{ font-size:24px; padding-top:10px; padding-bottom:10px;}
.qywhin .picli>div .dp{min-height:7.5em;   padding-left:30px; padding-right:30px; line-height:1.5;}


/*.honorin .picli a{ min-height:16vw; max-height:16vw;}*/

#cms .picli2 .box{ padding-right:20px; padding-left:20px;}
#cms .picli2 .right{ font-size:14px;}
#cms .picli2 .right .ntitle{font-size:22px;}
#cms .picli2 .right  .it2 b{ width:185px;}
#cms .picli2 .right  .it3{ padding-top:10px;}
#cms .picli2 .right .hc{ font-size:12px;}
.leftdh{ padding-top:30px;}
.leftdh ul li a{ padding-left:20px; padding-right:20px;}

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


.contact .left{ float:left; width:100%; padding-left:20px; padding-right:20px;}
.contact .right{ float:left; width:100%; padding-top:20px;padding-left:20px; padding-right:20px;}
.contact .map iframe{ width:100%; min-height:350px;}


.news .picli .img{ max-height:185px; min-height:185px;}

.news  .picli .right .dp{min-height:3em;  }

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





#footnav{ display:block}
#foot .copy{ padding-bottom:50px; }
.bannerin .box ul li a{ font-size:12px; padding-top:10px; padding-bottom:10px;}
.pro .picli,.news .picli{ width:350px;max-width:100%; float:none; margin:auto; }
.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:18px;}
.aboutpic .left .h2{ font-size:22px;}
.aboutpic .left .hc{ font-size:14px; line-height:1.5;}
#foot .flx{ width:100%;margin:auto; width:310px; float:none}
#foot .flx .qrcode{ text-align:left; float:left; width:100%; }
#foot .fnav{ width:100%; display:none}
#foot .copy .fl{ padding-right:50px; font-size:12px; line-height:1.5;}
#cms1 .content{ font-size:14px; line-height:1.5; padding-left:20px; padding-right:20px;}
#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;}

/*img[align="right"]{ margin:5px;}*/

.qywhin .picli{
	float:left;
	width:50%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-left-color: #ddd;
}
.qywhin .picli>div:hover{box-shadow:0 0px 0px rgba(200,200,200,0)  inset;}
.qywhin .picli:nth-child(2n+1){border-left:none;}
.qywhin .picli:nth-child(1),.qywhin .picli:nth-child(2){border-top:none;}

.honorin .picli{ width:50%;}
/*.honorin .picli a{ min-height:32vw; max-height:32vw;}*/
.honorin .picli:nth-child(2n+1){ clear:both;}
 
 .qualityin .content{ margin-top:30px; line-height:1.8; padding-bottom:50px;border-radius:5px;}
 .qualityin{ min-height: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 .picli2 div.img{ float:left; width:100%; text-align:center; }
#cms .picli2 .right{ float:right; width:100%; }
#cms .picli2 .right  .it b,#cms .picli2 .right  .it span{ display:block; float:left; width:100%; clear:both}
#cms .picli2 .right  .it4 b,#cms .picli2 .right  .it4 span{ display:block; float:left; width:100%; clear:both}
#cms .picli2 .right .more{ padding-top:20px; clear:both;}


#cms .picli{ width:48%; padding:5px;}
#cms .picli:nth-child(3n+1){ clear:none}
#cms .picli:nth-child(2n+1){ clear:both}
#cms .picli div.img{ min-height:30vw; max-height:30vw;}
.leftdh >ul{ padding-top:20xp; padding-bottom:0px; float:left; width:100%;border: 1px solid #ddd; overflow:hidden;}
.leftdh ul li{ float:left; width:33%; margin:auto; line-height:1.5; font-size:14px; position:relative;}
.leftdh ul li:nth-child(3n+1){ width:34%;}
.leftdh ul li a{ padding-top:10px; padding-bottom:10px;white-space: nowrap;}
.leftdh ul li a.hover:before,.leftdh ul li a:hover:before{ display:none}
.leftdh ul li a.hover:after,.leftdh ul li a:hover:after{ display:none}
.leftdh ul li:after{ content:'';

	border: 1px solid #ddd; position:absolute; z-index:-1; width:100%; height:100%; left:-1px; top:-1px; border-top:none;border-left:none;
}
.leftdh ul li:nth-child(3n):after{border-right:none;}

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


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

.job .jobli .t1{ width:50%;}
.job .jobli .t2{width:30%;}
.job .jobli .t3{ display:none}
.job .jobli .t4{ width:20%;}
.pro .picli .right .ntitle{ font-size:18px;}
.pro .picli .right .ntitle br{ display:none}
.pro .picli .right .dp{ line-height:1.5; min-height:0px; padding-bottom:0px;}
.pro .picli .right .more{ padding-top:10px;}

.news .picli .img{ max-height:130px; min-height:130px; }
.nyin{ padding-bottom:0px;}
#foot{ margin-top:30px;}
.bannerin .box ul li a{ height:60px;display: flex;
    justify-content:center;
    align-items:center;}
}

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


 .youshi{ padding:0px;}
.youshi .item{
	width:50%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee; margin-top:-1px; padding-top:20px; padding-bottom:20px;
}
.youshi .item:nth-child(2n+1){ clear:both}


.pro .h1,.news .h1{ font-size:24px;}
.pro .picli .right{ padding:10px;} 
.pro .picli .right .ntitle{ font-size:22px;}
.pro .picli .right .ntitle br{ display:block}
.pro .picli .right .dp{ line-height:1.5; font-size:14px;}
.pro .picli .right .dp ul li{ line-height:2;}
.pro .picli .right .more{ padding-top:15px;}
.news .sort div{ line-height:2;}
.news .sort div a{ font-size:12px}
 #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;}


.contact .right .item{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; margin:auto; padding-top:20px; padding-bottom:20px;
}

.contact .map iframe{ width:100%; min-height:200px;}
.job{ padding-left:10px; padding-right:10px;}
.job .jobli .t1{ width:calc(100% - 190px);}
.job .jobli .t2{width:100px;}
.job .jobli .t3{ display:none}
.job .jobli .t4{ width:90px;}

.job .jobli.td{ font-size:12px; color:#666666}
.job .jobli.th{ font-size:14px;}
#foot{ padding-top:30px;}
.youdian { clear:both; padding-top:10px;}
.youdian .item >b{ line-height:2;}
.youdian .item >b+div{ margin-left:0px; clear:both; padding-top:10px;}


.news .picli .img{ max-height:160px; min-height:160px; }
.tsort2>ul>li a{ min-height:7.5em;}
}
@media screen and (max-width :330px){
.pro .picli .right .ntitle{ font-size:16px;}}