/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
html{ width:100%; text-align:center}
.ie{
	color: #FFFFFF;
	background-color: #CC0000;
	text-align: center; font-size:16px;
}
body{
	margin: auto;
	position:relative;
	font-size: 14px;
	line-height: 2;
	color: #666666;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;/* background-color:#eeeeee;*/
	font-family: "微软雅黑";
}
body>div{ max-width:100%; overflow:hidden;}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #d5030f;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{         display: -ms-flex; 
display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1250px;
	margin:auto;
	min-width:1250px;

}





.app_header{ display:none;border-top-style: solid;
border-top-color: rgba(0,0,0,0.3);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);}


.app_top{width:100%;height:112px; float:left; display:none}

.app_top2{width:100%;height:112px; float:left;}
.app_top3{width:100%;height:80px; float:left;}
#menu{ z-index:22;}


#header{
	background-color: #FFFFFF;
	float:left;
	width:100%;
	z-index:2;
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9; position:fixed; top:0px; left:0px; z-index:22;
}
#header+div.clear{ height:95px;}
#header .box{ position:relative;}

#header .logo{
	float:left;

}
#header>.box>.fr{ padding-top:20px;}
#header .search,.search>div{ float:right; position:relative; margin-left:20px; }
.etitle,.ptitle .h1{
	position: relative; padding-bottom:20px;
}

.ptitle .h1 .search{
	position: absolute;
	top: 0%;
	right:20%;

}
.etitle .search{
	position: absolute;
	right: 20%;
	bottom: 15px;
}
#header .tel{
	float:right;
	background-image: url(tel2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px; display:none
}
.search input{width:0px;
	line-height: 32px;
	height: 32px;
	position: absolute;
	top: 0px;
	right: 34px;
	border-radius:5px 0 0 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: rgba(255,255,255,0);
	border-bottom-color: #dddddd;
	border-left-color:rgba(255,255,255,0);
	padding-right: 0px;
	padding-left: 0px; background-color:rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-right:-2px; 
}
.search:hover input{ width:200px;padding-right: 20px;
	padding-left: 20px; margin-right:0px; background-color:rgba(255,255,255,1);
	
		border-right-color: #dddddd;

	border-left-color:#dddddd;
	 } 
.search button:after{
	content:'';
	height:32px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
	width:20px;
	position: absolute;
	top: 0px;
	left: 0px; z-index:-1; float:left;
}
.search button{
	background-image: url(ss.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;
	width: 34px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; z-index:2;
}
#nav {  font-size:18px; float:right; width:700px;}
#nav ul{}
#nav ul ul{ position:absolute; top:0px; left:0px; width:100%; top:32px; display:none}

#nav ul li { float:left; width:16.66666%; min-height:20px; line-height:32px; position:relative;}
#nav ul li a{ display:block; text-align:center;}

#nav ul>li:hover>ul{ display:block}
#nav ul>li:hover> a{ background-color:#D2292E; color:#FFFFFF}
#nav ul li ul { background-color:#FFFFFF; float:left; width:100%; background-color:rgba(255,255,255,0.95);}
#nav ul ul ul{ left:100%; top:0px; width:120%;}
#nav ul li ul li{ width:100%; line-height:1.2;}
#nav ul li ul li a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
	padding-left:5px;
	padding-right:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#nav ul li ul li a:hover{ background-color:#D2292E; color:#FFFFFF}







#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.6); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.8);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

.link{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin:auto; margin-top:20px; clear:both;
}
.link .title{
	float:left;
	background-color:#c8000b;
	color:#FFFFFF;
	position: relative; padding-left:10px; padding-right:10px;
}
.link .title:after{content:'';
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 12px;
	width: 7px;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	right: -7px;
}
.link .econtent{ margin-left:100px;}
.link .econtent,.link .econtent a{
	color: #333333;
	text-decoration: none;
	font-family: "新宋体";
	font-size: 12px;
}
/*内页底部*/
.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#e9060f; color:#FFFFFF}

.pagination li a{ color:#333333}



#footer{ background-color:#262626; padding-top:55px; padding-bottom:20px; clear:both; overflow:hidden;}
#footer,#footer a{ color:#999999}
.flx,.fnav{ float:left; }
.flx .hc,.fnav .hc,.qrcode .hc{ padding-top:10px;}
.flx .title b,.fnav .title b{ font-weight:lighter;font-size:24px; }
.flx .title,.qrcode .title{ font-size:18px; color:#FFFFFF}
.fnav .title b{ font-size:18px; color:#FFFFFF}


.fnav{	font-size:14px;border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.1);	padding-left:70px;	padding-right:70px; min-height:200px;}
	
.flx{ padding-left:0px; padding-right:0px; 	font-size:14px;padding-left:0px;	padding-right:50px; min-height:200px;}	
.flx .title{
	font-size:28px;
	background-image: url(tel.jpg);
	background-position: 120px top;
	background-repeat: no-repeat; min-width:400px;
}


/*.fnav.f2 .hc li{ float:left; width:48%; margin-right:1%;}*/
#footer .fnav .hc a:hover{ color:#ffffff}
.copy{ background-color:#000000; text-align:center; padding-top:10px; padding-bottom:10px;}
.copy,.copy a{ color:#999999}
.qrcode .hc .item{
	float:left;
	width:100%;
	line-height:65px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.1);
	padding-top: 10px;
	padding-bottom: 10px; font-weight:lighter;
}
.qrcode .title{font-weight:lighter;}
.qrcode .hc .item:last-child{ border:none}
.qrcode .hc .item img{ float:right}
.qrcode{ width:200px; background-color:#2B2B2B; position:relative; z-index:2; margin-right:50px;}
.qrcode:after{content:''; z-index:-1; position:absolute; top:-20%; left:-20%; width:500%; height:200%; background-color:#2B2B2B;}

/*.gotop{
	background-image: url(gotop.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 38px;
	width: 38px;
	border: 3px solid #FFFFFF;
	position:fixed;
	right: 10px;
	bottom: 10px; z-index:22; background-color:rgba(0,0,0,0.5); cursor:pointer;
}*/
/*首页*/	
 .etitle{ font-size:30px; color:#000000;text-align:center;padding-top:0px; padding-bottom:10px;}
 .etitle b{ font-weight:lighter; display:inline-block; position:relative;}
 .etitle+.h2{ text-align:center; color:#606060; font-size:14px; padding-bottom:20px; padding-left:20px; padding-right:20px; line-height:1.5;}	
 
.etitle b:after{
	content:'';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	position: absolute;
	left: 50%; margin-left:-1em;
	bottom: 0px;
	width: 2em;
}

/*产品展示*/

.pro{ clear:both; float:left; width:100%; margin-top:0px; }

 .sort> ul >li{ width:33.3333%; text-align:center; float:left; padding-bottom:20px;}
 .sort> ul >li>a{ background-color:#009A9C; line-height:35px; color:#FFFFFF; display:block; margin-left:20px; margin-right:20px;border-radius:20px; position:relative;}
 

 .sort> ul >li>ul{ padding-top:20px; clear:both; width:100%; }
 .sort> ul >li>a.hover{ background-color:#2A2A2A}
 .sort> ul >li>ul>li{ display:inline-block; }
 .sort> ul >li>ul>li a{
	padding-left:5px;
	padding-right:5px;
/*	background-color:#009A9C;
	color:#FFFFFF;*/
	border-radius:3px;
	font-family: Arial, Helvetica, sans-serif;
}
 .sort> ul >li>ul>li a.hover{  background-color:#D40000; 	color:#FFFFFF;}
/*  .sort> ul >li>ul>li  a span{ display:none}*/
.sort> ul >li>ul>li >span{ margin-left:3px; display:none}
 .sort> ul >li>ul>li:last-child  >span{ display:none}
   .sort> ul >li>a:after{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #009A9C;
	position: absolute;
	left: 50%;
	bottom: -10px; content:'';-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
 }
 .sort> ul >li>a.hover:after{

	border-top: 10px solid #2A2A2A;
	
 }
.pro .econtent{position: relative; padding-bottom:0px; clear:both; padding-top:20px; float:left; width:100%; }
.pro .more { clear:both; text-align:center; padding-top:20px;}
.pro .more a{background-color:#2A2A2A; line-height:35px; color:#FFFFFF; display:inline-block;border-radius:20px; padding-left:50px; padding-right:50px;}

/*.pro .picli{
	float:left;
	width:18%; margin-left:1%; margin-right:1%;
	overflow:hidden;
	min-height:165px;
	text-align:center;
	position: relative; padding:0px; overflow:hidden; text-align:center;
}
.pro .picli .img{
	height:165px;
	overflow:hidden;
	display: flex;
	justify-content:center;
	align-items:center;
	width:188px;
	max-width:100%;
	border: 1px solid #dddddd;overflow:hidden; 
}
.pro .picli .img img{ max-width:100%; max-height:100%;}



.pro .picli .ntitle{ font-size:16px; padding-bottom:20px; clear:both; font-size:12px;width:188px;	max-width:100%; overflow:hidden; line-height:1.2; padding-top:10px;}
.pro .picli .list{ display:inline-block;}
.pro  .img img{ max-width:100%;}*/
/*合作*/
 
 .hezuo{ clear:both; }
.hezuo .econtent{position: relative; padding-bottom:20px; clear:both; padding-top:20px;}
.hezuo .more { clear:both; text-align:center; padding-top:20px;}
.hezuo .more a{background-color:#2A2A2A; line-height:35px; color:#FFFFFF; display:inline-block;border-radius:20px; padding-left:50px; padding-right:50px;}

.hezuo .picli{
	float:left;
	width: 11.11111%;
	overflow:hidden;

	text-align:center;
	position: relative; padding:0px; overflow:hidden; text-align:center; margin-bottom:15px;	display: flex;
	justify-content:center;
	align-items:center;
}
.hezuo .picli div{
	height:78px;
	overflow:hidden;
	display: -ms-flex; 
	display: flex;
	justify-content:center;
	align-items:center;
	width:90px;
	max-width:100%;
	border: 1px solid #dddddd; float:none; margin:auto; line-height:78px;
}

.hezuo .picli div img{ max-width:100%; max-height:100%;}



/*新闻搜索*/

 
.news{
padding-bottom:30px; background-size:100% 100%; 
}


.news .econtent{ padding-top:40px; clear:both;}

.news .econtent .picli{
	float:left;
	width:100%;

	padding-bottom:15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #dddddd; padding-top:15px;
}
.news .econtent .picli .img{ float:left; width:145px; overflow:hidden; height:115px; background-color:#f5f5f5; text-align:center;}
.news .econtent .picli .img img{ height:100%; width:100%;}
.news .econtent .picli .right{ margin-left:165px;margin-right:10px;}

.news .econtent .picli .right .ntitle{
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .picli .right .dp{ line-height:1.5;padding-top:5px; font-size:14px}

.news .econtent .picli .right .dp a{ color:#999999}


.about{
	clear:both;
	background-color: #F5F5F5; padding-bottom:50px; padding-top:50px;/* margin-top:50px;*/
	
}
.about .etitle{ display:none}
.about .etitle+.h2{ display:none}
.about .econtent{ clear:both; font-size:14px; color:#333333;}

.about .econtent .img{ float:left; position:relative;}
.about .econtent .img:after{
	content:'';
	background-color: #FFFFFF;
	height: 100%;
	width: 90%;
	border: 1px solid #eeeeee;
	padding: 10px;
	float: left;
	margin-left: -11px; margin-top:-11px;
	position: absolute;
	left: 0px;
	top: 0px; z-index:-1;
}
.about .econtent .hc{ width:62%; float:right;}

.about .econtent .title{ font-size:28px; position:relative; color:#000000;}
.about .econtent .title:after{
	content:'';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 2em;
}
.about .econtent .dp{ padding-top:10px;}
.about .econtent .more{ text-align:right}
.about .econtent .more a{
	display:inline-block;
	border: 1px solid #999999; background-color:#FFFFFF; padding-left:20px; padding-right:20px;
}
.about .econtent .more a:hover{ background-color:#CC3300; color:#FFFFFF;	border: 1px solid #CC3300;}

.about .fuwu{ clear:both; padding-top:50px;}
.about .fuwu .picli{ float:left; width:48%; float:left;}
.about .fuwu .picli:nth-child(2n){ float:right}
.about .fuwu .picli .img{
	float:left;
	height:90px;
	width:90px;
	text-align:center;
	display: -ms-flex; 
	display: flex;
	justify-content:center;
	align-items:center;
	background-color:#FFFFFF;
	border: 1px solid #dddddd;
}
.about .fuwu .picli .right{ margin-left:105px; color:#606060; font-size:14px; line-height:1.5;}
.about .fuwu .picli .right .title{ color:#171717; font-size:16px; position:relative; padding-bottom:5px; padding-top:5px;}
.about .fuwu .picli .right .title:after{
	content:'';
	width:2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009A9C;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.about .fuwu .picli .right .dp{ padding-top:5px;}	


.lianxi{
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;  background-size:100% 100%; padding-top:45px; padding-bottom:45px;
}

.lianxi .h1{  color:#FFFFFF; text-align:center}
.lianxi .h1 span{ color:#00B5B9;}
.lianxi .zz{font-size:32px;
	background-image: url(zz.png);
	background-repeat: no-repeat;
	background-position: center;
	display: -ms-flex; 
	display: flex;
    justify-content:center;
    align-items:center; min-height:233px;height:233px;
}
.lianxi .zz:after{
 content:'';
 min-height:inherit;
 font-size:0;
 }
.lianxi .zz div{ display:block; clear:both}
.wbg{	background-image: url(foot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100% 30px; padding-bottom:30px;}












/*内页*/
.bannerin{ text-align:center}
.bannerin img{ max-width:100%;}

.bannerin{
	clear:both;
	text-align: center;
	position: relative; margin:auto;
}
.bannerin:after{
	content:'';
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px; float:left; /*background-color:rgba(0,0,0,0.3);*/
}
.bannerin .h1{ display:none;

	text-align: center;
	position: absolute;

	width: 100%;
	left: 0px;
	top: 50%;
	color:#FFFFFF; 
	z-index:2;
	margin-top: -27px;  line-height:1.5;
}
.bannerin .h1 span{/*text-shadow:2px 2px 6px #000000;*/text-shadow:0 1px 2px rgba(0,0,0,0.6);
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	border: 1px solid #ffffff; font-size:36px;border: 1px solid rgba(255,255,255,0.5);
}





#postion{
	line-height: 35px;
	float: left;
	width: 100%;
	background-image: url(in_r3_c3.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	position: relative;
}
#postion b{
	float: left;
	margin-left: 25px;
	font-size: 16px;
	/*	color: #FFFFFF;*/ font-weight:lighter;
	position: absolute;
	bottom: -5px;
	left: 5px;
	text-align: left;

	width: 50px;
	height: 5px;font-size:12px;
}

#postion div,#postion div a{
	color: #999999; 
}
#postion div span{
	color: #CC0000;
}
.ptitle{ text-align:center; line-height:1.2; padding-top:20px; padding-bottom:10px; clear:both;}
.ptitle .h1{ font-size:24px; color:#333333; }
.ptitle .h2{
	font-size:24px;
	text-transform: uppercase; color:#CCCCCC; 
}
#cms,#cms1{
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; 
	margin-top: 10px;
	padding-bottom: 80px; padding-top:10px;
}
.newsin{ margin-top:0px; padding-top:20px; padding-bottom:0px; margin-bottom:10px;}
.newsin .econtent{ padding-top:0px;}
.newsin+#cms{padding-top:0px;margin-top: 0px;}
.newsin .econtent .picli{
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#cms1 .content{ width:98%; margin:auto;

	overflow-x:auto;
	margin-top: 10px;
	padding-bottom: 10px; color:#333333;
}



.back a{
	background-color: #666666;

	padding-right: 15px;

	padding-left: 15px; color:#fff; clear:both; font-size:12px; display:inline-block;
}
.back a:hover{ background-color:#01999C; color:#FFFFFF}

.back { text-align:right; clear:both; line-height:32px; padding-top:20px;width:98%; margin:auto;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}
#cms1 *{ max-width:100%;}
#cms img,#cms1 img{ margin-bottom:5px; margin-top:5px;}
#cms1 h1.h1{ color:#333333;}




#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 15px;
	line-height: 32px;
	font-size: 14px; padding-top:10px;
	
}
#cms .li .img{ width:180px; height:120px; overflow:hidden; float:left;}
#cms .li .img img{ width:100%; height:100%;}
#cms .li .img+.right{ margin-left:200px; clear:none; float:none;}

#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap; font-size:18px;
	overflow: hidden;

	text-overflow: ellipsis;
	position: relative; padding-left:10px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ 
}
#cms .li .title{font-size:18px;}
/*#cms .li .ntitle:after{
	height: 4px;
	width: 4px;
	margin-top: -2px;
	position: absolute;
	left: 0px;
	top: 50%;
	background-color: #999999;content:'';
}*/
#cms .li .ntitle a,#cms .li .title a{
	color:#888888;
	font-weight: bold;
}
#cms .li i{ margin-right:5px;}
#cms .li .time{
	float: right;

	color: #999999;
	font-size: 14px;
}
#cms .li .img+.right .btn{

	color: #999999;
	font-size: 14px;
}


#cms .li .time i{ margin-right:5px; color:#999999}
#cms .li .time a{ color:#999999}
#cms .li .time a:hover{ color:#FF0000}
#cms .li .img+.right .btn{ padding-top:10px;}
#cms .li .img+.right .btn a{ background-color:#15529d; color:#FFFFFF; display:inline-block; padding-left:20px; padding-right:20px;}
#cms .li .img+.right .btn a:hover{color:#FFFFFF; background-color:#CC3300 }
#cms .li .img+.right .btn a i,#cms .li .img+.right .btn a{ color:#FFFFFF}
#cms .li .img+.right .btn a i{ margin-right:5px;}

#cms .list{ width:13.2857%; margin-left:0.5%; margin-right:0.5%;
overflow:hidden; float:left; margin-top:10px; margin-bottom:10px;
}

#cms .list .right{ padding: 20px; /*padding-bottom:30px; padding-top:20px;*/ clear:both;}
#cms .list .right .dp{ font-size:14px; line-height:1.5; color:#666666; height:3em; overflow:hidden; }
#cms .list.appli .right .dp{ display:none}

#cms .list:hover .right{ background-color:#d00021;}

#cms .list:nth-child(7n+1){ clear:both}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden;
}

#cms .list .right .more{ text-align:center; padding-top:5px;}
#cms .list .right .more a{
	font-family: "新宋体";
	font-size: 12px;
	color: #606060;
}
#cms .list:hover .right .more a{ color:#FFFFFF}
/*#cms .list .item1{ color:#666666}
#cms .list .item2{ color:#666666}*/
#cms .list .img{ padding:5px;/*border-radius:3px;*/
	 
	border: 1px solid #dddddd; min-height:145px; max-height:145px;_height:145px; overflow:hidden; background-color:#FFFFFF; text-align:center; 
}
#cms .list .img img{width:100%;  height:100%;}
/*#cms .list .img img{max-width:100%;  max-height:100%;}*/
#cms .list.appli .img{min-height:230px; max-height:230px; _height:230px;}

/*#cms .list.appli .img img{width:100%;min-height:290px; max-height:290px; _height:290px;}*/
#cms .list .img{ /*background-color:#e8e9eb*/
	position: relative;
}
/*#cms .list .img img{height:230px; width: 100%;}*/

#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1; }
#cms .list .ntitle{
	font-size:16px;
/*	padding-top:5px;*/
	padding-bottom:5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;	 color:#000000;
}

#cms .list:hover .title{ color:#d00021}
#cms .list:hover .title,#cms .list:hover .dp{color:#ffffff;}


#cms .picli{
	float: left;
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;

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

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;
	border: 1px solid #dddddd; border-radius:3px; overflow:hidden; float:left; background-color:#FFFFFF;
}
#cms .picli .img img{ width:235px; height:120px; }


#cms .picli .img+.right{ margin-left:270px; margin-right:10px;}
#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 14px;
	color: #999999; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .right .dp a{color: #999999;}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 18px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
#cms .picli .right .ntitle a{	font-size: 18px;}
#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#999999;
	background-color:rgba(0,0,0,0.6);

	width:90px;
	height:90px;
	text-align: center;border-radius:5px; font-size:12px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date>span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#FFFFFF; line-height:60px;}
#cms .picli .date>i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #ffffff; display:block;
}

#cms .picli:hover{background-color:rgba(72,72,72,1);
background-color:#d42e2b;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli img{    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;}
#cms .picli:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}


#cms .picli .right .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;

text-overflow: ellipsis;
}
#cms .picli .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#cms .picli .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .picli .title,#cms .picli .dp{ float:left; width:100%;}
#cms .picli .dp{ font-size:12px; color:#999999; line-height:1.5;  }
#cms .picli:hover a,#cms .picli:hover .dp,#cms .picli:hover .dp a,#cms .picli:hover .time{ color:#FFFFFF}
#cms .picli:hover{ margin-left:-5px;}

.hezuoin{}


#cms .hzli{
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	float: left;
	width: 10%;

	text-align:center;
	font-size:14px;
	
	margin-left:-1px;
	margin-top:-1px;
	position: relative;height:100px; 

}

#cms .hzli>div{	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	width:100%;
	height:100px;
	float:left;
	position: absolute;
	left: 0px;
	top: 0px; background-color:#FFFFFF;	overflow:hidden;padding:5px;
	display: -ms-flex; 
	display: flex;font-size:16px;
    justify-content:center;
    align-items:center;border: 1px solid #dddddd;

}


#cms .hzli>div.img img{ max-width:100%; max-height:100%;}	
#cms .hzli:nth-child(10n+1){  clear:both;}

#cms .hzli  a{ color:#ffffff;}


/*翻转*/
#cms .hzli{	position:relative;text-align:center;transform-style:preserve-3d;transition:1s;}
#cms .hzli>div.ntitle{ background-color:#cccccc}
#cms .hzli,#cms .hzli>div{

	backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden; 
-ms-backface-visibility:hidden; 
}
#cms .hzli>div.ntitle,#cms .hzli:hover{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);

}



.yewuin .ywli{
	float: left;
	width: 350px;
	margin-left: 125px; overflow:hidden; text-align:center; font-size:30px;
}
.yewuin .ywli .img{ overflow:hidden;}
.yewuin .ywli .img img{ max-width:100%;}
.yewuin .ywli:nth-child(3n+1){ margin-left:0px; clear:both;}
.yewuin .ywli  a{ color:#595757}
.yewuin .ywli:hover  a{ color:#D63403}



.aboutin .img{ float:left; max-width:650px;}

.aboutin .hc{ margin-left:650px; font-size:18px; line-height:1.8}

.leftdh{ clear:both; line-height:25px; padding-top:10px; text-align:center}
.leftdh ul{ text-align:center;}
.leftdh >ul >li{ display:inline-block;}
.leftdh.fen8 >ul >li{  float:left; width:33.333%; }
.leftdh.fen7 >ul >li{  float:left; width:14.285%;}
.leftdh.fen6 >ul >li{  float:left; width:16.6666%;}
.leftdh.fen5 >ul >li{  float:left; width:20%;}
/*.leftdh.fen4 >ul >li{  float:left; width:25%;}*/




.leftdh> ul>li >a{margin-left:5px; margin-bottom:5px;padding-top:10px; padding-bottom:10px;

	background-color: #f5f5f5;
	padding-right: 20px;
	padding-left: 20px;color:#555555; font-size:15px; display:block;
}
.leftdh ul li a:hover,.leftdh ul li a.select{ background-color:#D2292E; color:#FFFFFF}
.leftdh ul:hover li a.select{background-color: #f5f5f5; color:#555555;}
.leftdh >ul >li>ul{ float:left; width:100%; text-align:left;}
.leftdh> ul>li >ul>li{ margin:0px; padding:0px; line-height:1.5; margin-left:5px; margin-right:5px;}
.leftdh> ul>li >ul>li>a{ font-size:12px;display:block; padding-top:5px; padding-bottom:5px;}

.fen6.leftdh> ul>li >a{background-color:#D63403;color:#FFFFFF;  }
.fen6.leftdh ul li a:hover,.fen6.leftdh ul li a.select{ background-color:#FF9900; }

.sorts >ul> li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.sorts{}
.sorts> ul> li{ padding-top:5px; padding-bottom:5px;}
.sorts ul li ul{ display:inline-block;}
.sorts ul li ul li{ display:inline-block;}
.sorts a{display:inline-block; padding-left:5px; padding-right:5px; margin-right:5px;}
.sorts >ul >li>a{ float:left; width:100px; text-align:right; padding-right:5px; color:#333333}
.sorts >ul >li>a.select,.sorts >ul >li>a:hover{color:#CC0000;}
.sorts ul li ul li a{

	color:#666666;
	background-color:#f7f7f7;
	font-family: Arial, Helvetica, sans-serif;
}
.sorts ul li ul li a.select,.sorts ul li ul li a:hover{ background-color:#CC0000; color:#FFFFFF}
/*移动端*/


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

.leftdh ul li{

	padding-right: 0px;
	padding-left: 0px;font-size:12px; float:left; width:48%; margin-left:1%; margin-right:1%; text-align:center; 
}
.leftdh ul li a{font-size:14px; line-height:2; padding:0px; width:100%; margin:auto; padding-top:5px; padding-bottom:5px;}
.leftdh >ul >li>ul{ display:none}
.leftdh >ul >li,.leftdh.fen5 >ul >li,.leftdh.fen6 >ul >li,.leftdh.fen7 >ul >li,.leftdh.fen8 >ul >li{ width:48%; overflow:hidden; margin-bottom:5px;}

}
.null{ line-height:50px; text-align:center; color:#999999;}



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


.sorts> ul> li{ text-align:center; border:none;}
.sorts >ul >li>a{ float:none; font-weight:bold; font-size:16px}
.sorts ul li ul{
	
	border: 1px solid #eeeeee; display:block; padding:10px;border-radius:5px;
} 
.sorts ul li ul li a{ background-color:#FFFFFF}
}

#cms .hzlist{ width:11.111111%;}

.sortname{ font-size:14px;}
.sortname span{ margin-left:5px; }
.sortname a{ margin-right:5px;}
#cms.pro{ padding-bottom:20px;}
#cms .protitle{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; float:left; width:100%;
}
#cms .protitle span{
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #009A9C;border-radius:5px 5px 0 0 ; font-size:16px; color:#ffffff;
}
#cms .protitle a{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}
#cms .procontent{ clear:both;float:left; width:100%; padding-top:10px; padding-bottom:10px;}




.kefu {
	color: #FFFFFF;


	position:fixed; z-index:5;
	right: 20px;
	bottom: 250px; float:right; width:50px;  line-height:50px; text-align:center;

}

.kefu .item{
	float:left;
	width:100%;
	border: 1px solid #FFFFFF;
	background-color: #000000;
	cursor:pointer;
	background-color:rgba(0,0,0,0.6);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0,0,0,0.5);
	border-right-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(255,255,255,0.5);
	border-left-color: rgba(255,255,255,0.5);
	position: relative;
}
.kefu .item:nth-child(1){	
border-top-width: 1px;
border-top-style: solid;
border-top-color:rgba(255,255,255,0.5);}
.kefu .item:last-child{	border-top-width:0px;}
.kefu .item i{ font-size:36px; color:#FFFFFF}
.kefu .item>div{
	position: absolute;
	right: 51px;
	bottom: -50px;
	width:200px;
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	color:#333333;
	line-height:32px;
	display:none;
	border: 1px solid #dddddd;
}
.kefu .item:hover>div{ display:block;}
.kefu .item>div img{ width:100%;}