/* CSS Document */
@charset "utf-8";
/*.flash{ margin-top:90px;}*/
.app_header{ display:none}

@media screen and (max-width :1300px){
.box{ max-width:1250px;}
}
@media screen and (max-width :1280px){


body{ min-width:1000px;} 

#cms .picli2 .right .ntitle{font-size:24px;}
#cms .picli2 .right{ font-size:16px;}
.box{ width:1200px; max-width:98%; }
.honorin .picli{ width:25%;}

.honorin .picli:nth-child(4n+1){ clear:both;}
.honorin .picli div.img{ width:90%;}
/*.honorin .picli a{ min-height:150vw; max-height:150vw;}*/

.youshi .econtent .block .img{ float:left; width:40%;}
.youshi .econtent .block .hc{ margin-left:45%; }


.youshi .econtent .block:nth-child(2n+1)  .hc{ margin-left:0px; margin-right:45%;}

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

#foot{ padding-top:20px; padding-bottom:20px;}
#foot .left{ width:100%; display:none;}
#foot .left .copy{ display:none}
#foot .right .copy{ display:block; padding-top:20px;}
#foot .right{ width:100%; clear:both; float:left; border:none; padding-left:0px; padding-left:20px; padding-right:20px;box-sizing:border-box}
#foot .right:before{ display:none}
.lx{box-sizing:border-box; padding-left:20px; padding-right:20px;}
}

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

.box{ width:1000px; max-width:98%;}



/*ul.block3 li{  margin-left:30px; margin-right:30px; }*/

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

body{
  -webkit-text-size-adjust: 100% !important;  
        text-size-adjust: 100% !important;  
        -moz-text-size-adjust: 100% !important; 
		}
body,.box{ min-width:250px;}
#top{ display:none}
#foot .box{ max-width:98%;}




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


#pages,.box{ max-width:100%; min-height:0px;}
.box{ max-width:98%; }
.app_header{display:block;
	padding:0px 0; width:100%; float:left; height:50px;

	overflow:hidden;
	position: fixed;
	z-index: 22;  top:0px; left:0px; box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.toppad{ display:none;}

	.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:#0DAADF; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}

#menu{ z-index:999;}

body{ min-width:250px;}
.flash,.bannerin{ margin-top:50px;}

.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:0px; padding-right:0px; font-size:14px; line-height:1.2; padding-top:15px; padding-bottom:15px;}



.honorin .picli a{ min-height:60vw; max-height:60vw;}

#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 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;}
}
@media screen and (max-width :880px){
ul.block3 li{ margin-right:0px; width:50%; margin-bottom:30px; margin-top:30px;}

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

@media screen and (max-width :768px){
#footnav{ display:block;}
p{ margin-top:5px; margin-bottom:5px;}
body{ min-width:0px;}
.box{ max-width:98%;}

.lx .h1{ font-size:28px;}

.bannerin{ min-height:200px; background-size:auto 100%;}


.proli{ width:46%; padding:20px;}
.proli:nth-child(3n+1){ clear:none}
.proli:nth-child(2n+1){ clear:both;}

#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;}
#cms,#cms1{ padding-top:20px; padding-bottom:20px; clear:both;}

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


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


.leftdh ul li a { padding-left:0px; padding-right:0px;}


#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; display:table;width:100%;border: 1px solid #ddd; overflow:hidden;}
.leftdh .box>ul{display:table;width:100%;}
.leftdh ul li{ margin:auto; line-height:1.5; font-size:14px; position:relative; display:table-cell;}
/*.leftdh ul li:nth-child(6n+1){ width:20%;}*/
.leftdh ul li a{ padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:0px;}
.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(4n):after{border-right:none;}

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


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

.honorin .picli{ width:50%;}
.honorin .picli:nth-child(2n+1){ clear:both;}


.youshi .etitle{ font-size:20px; padding-bottom:30px; padding-top:30px; line-height:1.5;}
.youshi .etitle h4{ font-size:18px;}
.youshi .econtent .box{ padding-left:20px; padding-right:20px;}
.youshi .econtent .block .img,.youshi .econtent .block:nth-child(2n+1) .img{ width:100%;}
.youshi .econtent .block .img img{ width:100%;}
.youshi .econtent .block .hc,.youshi .econtent .block:nth-child(2n+1)  .hc{ width:100%; margin:auto;}
.youshi .econtent .block .hc,.youshi .econtent .block .box{ box-sizing:border-box}
.youshi .econtent .block{ padding-top:0px; padding-bottom:20px;}
.news .econtent .picli{ width:100%; margin:auto;box-shadow: 0 0 8px rgba(0,0,0,0); padding-top:20px; padding-bottom:20px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}
.news .econtent .picli .img{ float:left; width:150px;}
.news .econtent .picli .right{ margin-left:170px; padding:0px;}
.news .econtent .picli .right .dp{ display:block; overflow:hidden; line-height:1.5; max-height:3em; color:#666666;}

.news .econtent{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #28B4DF; padding-top:0px; margin-top:30px;
}
.jishu { padding:0px; background-image:none; background-color:#f5f5f5;}
.jishu .econtent .picli{ width:100%; padding-top:50px; padding-bottom:50px;}



.flash .swiper-slide{ width:100%;  overflow:hidden;}
.flash .swiper-slide img,.flash .swiper-slide a img { width:140%; max-width:140%; margin-left:-20%;}
.youshi .econtent .block .hc .more{ padding-top:10px;}
.jishu{ padding-top:20px; padding-bottom:20px;}
.jishu .econtent .picli .hc{ line-height:1.5; min-height:0px;}
.jishu .econtent .picli .hc .img{ display:none}
.jishu .econtent .picli{ padding-top:20px; padding-bottom:20px;}
.youshi .etitle,.pro .hc,.news .etitle{ padding-right:20px; padding-left:20px;}

.aboutimg{ clear:both; width:100%;}


.job .jobli .t1{ width:50%;}
.job .jobli .t2{width:30%;}
.job .jobli .t3{ display:none}
.job .jobli .t4{ width:20%;}

.lxin .copy{ padding-bottom:20px;}
}
@media screen and (max-width :550px){
.lx{ padding-top:30px;}
.lx .h1{ font-size:24px;}
}

@media screen and (max-width :480px){
.jobadd{ font-size:18px;}

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

.youshi .etitle{ font-size:18px;}
.youshi .etitle h4{ font-size:16px;}
.proli .right{ margin-top:5px;}
.proli .right .title{ min-height:3em; line-height:1.5;}


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

ul.block3 li{ width:100%; clear:both;margin-bottom:20px; margin-top:20px;}

.lx{ padding-top:20px; padding-bottom:20px;}


}
@media screen and (max-width :380px){
/*.youshi .etitle,.pro .etitle,.news .etitle{ padding-right:30px; padding-left:30px;}*/
.youshi .etitle{ font-size:16px;}
.youshi .etitle h4{ font-size:14px;}
}