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

@media screen and (max-width :1600px){.box{width:1250px;
	margin:auto;
	min-width:1250px;}
	#postion{

	padding-top:50px;

	
}


}


@media screen and (max-width :1250px){body{min-width:1050px;}.box{width:95%;min-width:0px;}
#cms .list .img{ 	 
	min-height:150px; max-height:150px;_height:150px; height:150px; }
/*#cms .list .img img{min-height:150px; max-height:150px; _height:150px; }*/
.pronav a{ font-size:14px;min-width:180px;max-width:180px; margin-bottom:5px; margin-top:5px; line-height:30px;}

#cms1 .proshow .rights{  padding-top:30px;}


.about .right .h1{ font-size:28px; }
.about .right{  font-size:16px; line-height:2;}

.about .block .item .t1{ font-size:16px;}
.about .block .item .t1 span{ font-size:28px;}
.pro .etitle{ font-size:28px;}
.pro .entitle{ font-size:12px;  margin:auto;}
.pro .econtent .picli .ntitle{ font-size:16px;  }
.pro .econtent .picli .ntitle span{ max-height:4.5em; overflow:hidden;}

.pro .econtent .picli .img{ 	 
	min-height:255px; max-height:255px;_height:255px; height:255px; 
}
/*.pro .right{ padding-top:35px; padding-bottom:35px;}*/
.pro .right .hc ul { font-size:14px;	}
.pro .right .hc ul li{ padding-top:5px; padding-bottom:5px;}

.pro .right .hc ul li a:after{top: 15px;}
.pro .right .hc ul li ul li{ padding-top:0px; padding-bottom:0px;}



}


@media screen and (max-width :1024px){
.pro .left{ display:none}
.pro .right{ /*display:none;*/ width:100%; }
.pro .right .hc{ border:none}
.pro .right .title{ color:#000000; background-color:#ffffff;}
.pro .econtent,.pro .pcontent{ width:100%;}
.pro .econtent .picli .img{ 	 
	min-height:205px; max-height:205px;_height:205px; height:205px; 
}

.pronav .fr{ width:98%; background-color:#ffffff; float:left; clear:both; padding-left:1%; padding-right:1%;}
#cms .newsList li{ padding-top:10px; padding-bottom:10px;}#cms .newsList li span h3{ font-size:16px; line-height:1.5; max-height:3em; overflow:hidden; }
#cms .newsList li span h4{ line-height:1.5; font-size:12px; max-height:4.5em; overflow:hidden;}

body{min-width:0px;}
#cms .list .img{ 	 
	min-height:120px; max-height:120px;_height:120px; height:120px; }
/*#cms .list .img img{min-height:120px; max-height:120px; _height:120px; }*/

#cms1 .proshow .rights{ padding-top:10px;}
.app_header{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ display:none}
#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:50px;/* background-color: #0854A8; background-color:rgba(8,84,168,0.95);*/ background-color:#ffffff;
}
#header,#top,#nav{ display:none}
.app_header .app_logo{ width:220px;  float:left; padding-top:10px; 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:2.5px; margin-right:10px; background-color:#0065b2; text-align:center; line-height:40px; font-weight:bold; color:#FFFFFF;}

	.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;}
.app_rt a{ color:#FFFFFF}.app_top{ display:block}



.pronav a.hover:after,.pronav a:hover:after{ display:none}
.pronav a:before,.pronav a:after{ display:none}



.about .img:after{ display:none}
.about .right .h1{ font-size:22px; }
.about .right{ margin-left:440px; font-size:14px; line-height:2; padding:15px;}

.about .block .item .t1{ font-size:16px;}
.about .block .item .t1 span{ font-size:28px;}
.pro .etitle{ font-size:28px;}
.pro .entitle{ font-size:14px; width:90%; margin:auto; }

.pro .econtent .picli .ntitle{ font-size:14px; overflow:hidden; height:100%;   }
.pro .econtent .picli .ntitle span{ max-height:3em; overflow:hidden;}




#flash .block a{ background-size:50px; padding-left:80px;
	}

#flash .block a b{ font-size:20px; display:block}
#flash .block a span{ font-size:14px; display:block}
#flash .block{

	left: 2%;

	width: 96%; 
}
.pro .left{ width:100%; text-align:center;}
.pro .title .box{ padding:0px; width:100%;}
.pro .right{ margin:auto; text-align:center; line-height:1.5; padding-top:10px; padding-bottom:10px; width:90%; float:left; margin-left:5%; margin-right:5%;}
.pro .right a{ font-size:14px; line-height:2; float:left; width:50%; text-align:left; margin:auto;}
.pro .left:before,.pro .left:after{ display:none}


.news .left{ width:100%; min-height:0px; background-image:none; padding:10px; padding-bottom:20px;}
.news .left .etitle{ padding-top:0px;}
.news .left .more{ padding-top:10px;}
.news .econtent{ width:100%; margin:auto; margin-top:10px;}

.news .econtent .picli .img,.news .econtent .picli:nth-child(2n) .img{ float:left; width:180px; height:130px;}
.news .econtent .picli .right,.news .econtent .picli:nth-child(2n) .right{ float:none; margin-left:200px; max-width:68%; padding:0px; padding-right:10px; position:relative}
.news .econtent .picli .right .date{ display:none}
.news .econtent .picli .right .more{ padding-top:5px; line-height:24px; padding-left:15px; padding-right:15px; padding-left:0px;}
.news .econtent .picli .right .more a{ font-size:12px;}
.news .econtent .picli .right .dp{ line-height:1.5; max-height:3em; overflow:hidden; padding-top:0px;}
.news .econtent .picli .img *{ height:100%; width:100%;}

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

.about,.news{ padding-top:30px; padding-bottom:30px;}
.about .right .econtent{ padding-top:20px;}
.about .block{ clear:both; padding-top:10px;} 
.about .block .item .t1{ font-size:18px;}
.about .block .item .t1 span{ font-size:28px;}
.about .block .item .t2{ font-size:14px;}


}



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

.pro .econtent .picli .img{ 	 
	min-height:205px; max-height:205px;_height:205px; height:205px; 
}


#foott1 .copys .left{ display:none;}
#foott1 .copys .right{ margin-left:0px; padding-top:0px; clear:both}
#foott1 .copys{ clear:both; padding-top:10px;}
#cms1 .proshow .rights{ margin-left:5%; margin-right:5%; padding-top:10px; clear:both;}
#cms1 .proshow .img{ width:100%;}
.pronav {line-height:35px; padding-top:10px; padding-bottom:10px;}
.pronav a,.pronav .box .fr.postion a{ font-size:12px;min-width:0px;max-width:1800px; padding-left:5px; padding-right:5px;}
.pronav .fr a{ width:50%; float:left; padding:0px; font-size:12px; text-align:left; text-indent:10px; margin-bottom:0px; position:relative;}
.pronav .fr a:before{background-color:#F50100;
	height:5px;
	width:5px;
	position: absolute;
	left:0px;
	top: 50%; float:left;content:'';
	z-index: 1; display:block; 
}
#cms1,#cms {min-height:0px; }
.phone{ display:block}
.pc{ display:none}
#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}

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


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



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


#cms .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .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 .list .img img{ height:auto}*/
#cms .list:nth-child(3n+1){ clear:none}
#cms .list:nth-child(2n+1){ clear:both}

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


#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 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}
#cms .newsList li{ padding-top:0px; padding-bottom:0px;}
#cms .newsList li div{ display:none}
#cms .newsList li span{display:inline-block;width:calc(100% - 150px); padding-right:0px;}
#cms .newsList li span h3{ font-size:16px; line-height:1.5; max-height:3em; overflow:hidden; }
#cms .newsList li span h4{ line-height:1.5; font-size:12px; max-height:4.5em; overflow:hidden;}
/*首页*/

.footnavs a:after{ display:none}
.footnavs a{ padding-left:5px; padding-right:5px; font-size:12px; margin:auto;}
.footnavs{ padding:5px;}

.logo img{ max-width:200px; margin-left:10px;}
.bannerin{ padding-top:50px; background-color:rgba(0,0,0,0.8);}

.kefu{ display:none}

/*首页*/
.about .img{width:100%; text-align:center; border:none}
.about .img img{ width:100%;}
.about .right{ margin-left:0px; width:100%; clear:both; margin-top:30px; float:left;}



.news .econtent .nright .img{ width:100%; max-height:250px;}
.news .econtent .nright .img img{ width:100%;}
.news .econtent .nright{ width:100%;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a4a4b; padding-bottom:10px;}
.news .econtent .nleft{ width:100%; margin:auto; float:left;}
.news .nleft .li{

	padding-bottom: 10px;
	padding-top: 10px;
}

.news .nright{ margin-top:15px; }
.news .econtent .picli .img,.news .econtent .picli:nth-child(2n) .img{ width:160px; }
.news .econtent .picli .right,.news .econtent .picli:nth-child(2n) .right{  width: calc(100% - 180px); margin-left:180px;}


 
#flash .block a{ background-size:30px; padding-left:50px;	background-position: 10px center;
	}

#flash .block a b{ font-size:18px; display:block}
#flash .block a span{ font-size:12px; display:block}
#flash .block{

	left: 2%;

	width: 96%; 
}
#flash .block2{

	width: 100%;
	left: 0%;
	margin-top: -120px;
	margin-left: 0px; text-align:center;
}
#flash .block2 a{ width:200px; height:200px; background-size:100%; display:inline-block; float:none; margin-left:10px; margin-right:10px;}
#flash .block2 a3,#flash .block2 a.a4{ float:none}

.about .block .item>div{ width:100px; height:100px; padding-top:25px; }
.about .block .item>div .t1{ font-size:14px;line-height:20px;}
.about .block .item>div .t1 span{ font-size:12px}
.about .block .item>div .t2{ font-size:12px;line-height:20px;}
.about .right{ min-height:0;}
/*.news .left{ width:100%; min-height:0px; background-image:none; padding:10px; padding-bottom:20px;}
.news .left .etitle{ padding-top:0px;}
.news .left .more{ padding-top:10px;}
.news .econtent{ width:100%; margin:auto; margin-top:10px;}
.news .econtent .picli .img,.news .econtent .picli:nth-child(2n) .img{ float:left; width:30%; height:130px;}
.news .econtent .picli .right,.news .econtent .picli:nth-child(2n) .right{ float:none; margin-left:32%; max-width:68%; padding:0px; padding-right:10px;}
.news .econtent .picli .right .date{ display:none}
.news .econtent .picli .right .more{ padding-top:5px; line-height:24px; padding-left:15px; padding-right:15px; padding-left:0px;}
.news .econtent .picli .right .more a{ font-size:12px;}
.news .econtent .picli .right .dp{ line-height:1.5; max-height:3em; overflow:hidden; padding-top:0px;}
.news .econtent .picli .img *{ height:100%; width:100%;}*/
.pro .econtent .picli{ width:45%;}
.pro .econtent .picli:nth-child(3n+1){ margin-left:5%; clear:none}
.pro .econtent .picli:nth-child(2n+1){clear:both}
.pronav + .pro .right{ padding-top:20px;}
.pro .right .title{ line-height:1.2;}
.pcontent #cms{ padding-top:0px;}
.pro .right .hc ul li ul{ display:none}
.pro .right .hc ul li{ padding-top:0px; padding-bottom:0px;}
.pro .right .hc ul li.hover> ul,.pro .right .hc ul li.active>ul{ display:block;}
.pro .right .hc ul li>a{ font-size:16px;}
.pro .right .hc ul li ul li>a{ font-size:14px;}

.pro .right .hc ul li.hover>a{ color:red;}

}
@media screen and (max-width :700px){
#cms .newsList li i h1{ font-size:30px;}
#cms .newsList li i h2{ font-size:16px;}
#cms .newsList li i{width:100px; }
#cms .newsList li span{width:calc(100% - 110px); }
.bannerin .h1{	margin-top: 0px; }
	}
#flash .block a:after{ display:none}
}
@media screen and (max-height :500px){
.MenuList_f1>ul>li>:first-child { font-size: 18px; }

}
@media screen and (max-height :400px){
.MenuList_f1>ul>li>:first-child { font-size: 14px; }
.MenuList_f1>ul>li a { padding-left:50px;}
}


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

#flash .block2{

	width: 100%;
	left: 0%;
	margin-top: -70px;
	margin-left: 0px; text-align:center;
}
#flash .block2 a{ width:100px; height:100px; background-size:100%; display:inline-block; float:none;}
#flash .block2 a3,#flash .block2 a.a4{ float:none}
}
@media screen and (max-width :550px){
.news  .ntitle{ font-size:18px;}
.about .block .item .t1{ font-size:12px;}
.about .block .item .t1 span{ font-size:18px;}
.about .block .item .t2{ font-size:12PX;}
.pro .etitle b{ font-size:20px; font-weight:bold}
.pro .entitle{ font-size:14px; line-height:1.5;}
#flash .block{

	left: 0%;

	width: 100%; padding-left:1px; padding-right:1px; 
}
#flash .block a span{ display:none}


.pro .econtent .picli .img{ 	 
	min-height:155px; max-height:155px;_height:155px; height:155px; 
}
}
@media screen and (max-width :420px){

.about .block .item{ width:46%; margin:auto; padding:0px; float:left;  margin-left:2%; margin-right:2%; margin-top:10px; margin-bottom:10px; padding-bottom:10px; }
#flash .block a b{ font-size:12px; display:block}
#flash .block a{ padding-top:10px; padding-bottom:10px;}


.pro .right{ min-height:0px;}
.pro .right a:nth-child(2n+1){ clear:both;width:56%;}
.pro .right a:nth-child(2n){ width:44%;}
.pro .right .hc ul li ul li a,.pro .right .hc ul li a{width:100%;}

}


@media screen and (max-width :355px){
.pro .right{  padding-left:20px; padding-right:20px;}
.pro .right a:nth-child(2n+1){ clear:both;width:100%; font-size:12px;}
.pro .right a:nth-child(2n){ width:100%;font-size:12px;}

}