/* CSS Document */
*{text-overflow: ellipsis;word-break:break-all;}
body{
	margin: auto;

	font-size: 14px;
	line-height: 2;
	color: #666666;
	min-width:1200px; background-color:#f5f5f5;

}
body,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: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1200px;
	margin:auto;


}





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

#menu{ z-index:22}


.header {
	
	text-align:center;
	position: fixed; z-index:2;
	left: 0px;
	top: 0px; width:100%; float:left;background-color: #FFFFFF;background-color:rgba(255,255,255,0.9); padding-top:15px; padding-bottom:15px;
}
.fixed{position: fixed;}


.header .logo{ float:left}
.header >div.box>div{ width:1200px; margin:auto;}
.headers{ float:right; padding-top:30px; }

.headers ul,.headers ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.headers ul li{
	float:left;
	line-height:34px;
	text-align:center;

	font-size:14px;
	position: relative;
}
.headers ul li a{
	color: #666666;
	text-decoration: none;
	display:inline-block;
	position: relative;	padding-left:20px;
	padding-right:20px;
}

.headers> ul> li >a.select,.headers> ul> li >a:hover{font-weight:bold;background-color:#d63939; color:#FFFFFF;}
.headers> ul:hover>li>a.select{
	color: #666666;
	background-color:rgba(255,255,255,0);
	font-weight: lighter;
}

.headers ul ul li a:hover{ background-color:#d63939; color:#FFFFFF;}

.headers ul li ul li{ padding:0px;}

.header> ul >li> a{

	position: relative;
}
.header ul li  ul li a{ padding:0px; margin-left:0px; margin-right:0px; }
.header ul ul{
	font-size:14px;
	line-height:1.5; z-index:2;
	text-align:center;
	float: left;
	width: 120%;
	position: absolute;
	z-index:333;
	left: 0px;
	top: 35px; background-color:#ffffff;background-color:rgba(255,255,255,0.9); display:none; font-size:14px;
}
.header ul ul ul{ left:100%; top:0px;z-index:333;}
.header ul li ul li{ float:left; width:100%;}
.header ul li ul li:after{ display:none}
.header ul li ul li>a{ line-height:2;
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color:  rgba(255,255,255,0.3); color:#333333; font-size:12px;
}

.header ul li{	position: relative;}
.header ul li:hover>ul{ display:block}

	#top{
	background-color:#019a6b;
	color:#FFFFFF;
	font-size:12px;
	line-height:32px; text-align:left; width:100%; float:left;

}
	#top,#top a{ color:#FFFFFF}
	

	
	

#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.8); 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;
}
#foot{ background-color:#d63939; padding-top:20px; padding-bottom:20px; clear:both;}
#foot .left{ margin-left:150px; }
#foot .left>div.div{ float:left; width:60%; }
#foot .left .right{ float:right; width:40%;}
#foot .left .right .lx{
	float:left;
	width:45%;
	margin-left: 5%;
}
#foot .left .right .lx .title{ font-size:14px}
#foot .left .right .lx .title span{
	text-transform: uppercase; margin-left:5px; font-size:11px;
}
#foot .left .right .lx .econtent{ padding-top:10px; font-size:12px; line-height:1.5;}
#foot .left>div.div .copys{padding-top:10px; clear:both}
#foot .left>div.div .fnav{}
#foot .left>div.div .fnav a{ margin-left:5px; margin-right:5px;}

#foot,#foot a{ color:#FFFFFF}
/*内页底部*/
.pagination{ clear:both; text-align:center; padding-top:20px; color:#999999}
.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:#666666}


.flash{ float:left; width:100%; overflow:hidden;}
.flash .swiper-slide { text-align:center;}
.flash .swiper-slide img{ max-width:100%;}

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

.bannerin{
	clear:both;
	text-align: center;
	position: relative;
	max-width:1920px;
	margin:auto;
	margin-top:100px;
	background-repeat: no-repeat;
	background-position: center top;
}


/*首页*/
.etitle{ text-align:center; font-size:24px; color:#333333;}
.etitle b{}
.etitle span{}

.about{ clear:both; padding-top:50px; padding-bottom:50px;}
.about .econtent{ padding-top:20px;}
.about .hc{ clear:both; padding-top:50px;}
.about .hc .picli{ float:left; width:30%; margin-left:5%;}
.about .hc .picli.n0{ margin-left:0px;}
.about .hc .picli .img{ overflow:hidden;}
.about .hc .picli .title{ text-align:center; font-size:16px; color:#333333; padding-top:10px;}

/*品牌*/
.pinpai{
	background-color: #eeeeee;
	clear: both;
	padding-top: 50px;
	padding-bottom: 50px;
}
.pinpai .econtent{ clear:both; padding-top:30px; float:left; width:100%;}

.pinpai .econtent .picli{	width:25%;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	text-align:center;
	font-size:14px;
	position: relative;height:110px; float:left;margin-left:-1px; margin-top:-1px;

}
.pinpai .econtent .picli .img{ overflow:hidden;}
.pinpai .econtent .picli>div{	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	width:100%;
	height:110px;
	float:left;
	position: absolute;
	left: 0px;
	top: 0px; overflow:hidden;padding:5px;display: flex;font-size:16px;
    justify-content:center;
    align-items:center;

}

.pinpai .econtent .picli>div.img{box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; border: 1px solid #dddddd; float:left; width:100%;background-color:#FFFFFF; }
.pinpai .econtent .picli>div.img img{ max-width:100%; max-height:100%;}	
.pinpai .econtent .picli:nth-child(10n+1){ margin-left:0px; clear:both;}
.pinpai .econtent .picli  a{ color:#ffffff;}


/*翻转*/
.pinpai .econtent .picli{	position:relative;text-align:center;transform-style:preserve-3d;transition:1s;}
.pinpai .econtent .picli>div.title{ background-color:#cccccc; color:#FFFFFF; font-size:24px}
.pinpai .econtent .picli,.pinpai .econtent .picli>div{

	backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden; 
-ms-backface-visibility:hidden; 
}
.pinpai .econtent .picli>div.title,.pinpai .econtent .picli:hover{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);

}

.pinpai .econtent .picli:nth-child(4n+1){margin-left:-1px; margin-top:-1px; clear:both;}

/*联系*/
.lianxi{background-color:#d63939;clear:both; margin-top:50px; margin-bottom:50px;}

.lianxi .img{ float:left; width:492px; max-width:100%;}
.lianxi .img img{ max-width:100%;}
.lianxi .right{ margin-left:520px; color:#FFFFFF; padding-top:20px; padding-bottom:20px;}

.lianxi .right .title{font-size:24px;}
.lianxi .right .title b{
	font-weight: lighter;
}
.lianxi .right .econtent{ padding-top:20px;}

/*内页*/


.box2{ padding:10px; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px;}
#left{
	float: left;
	width: 300px;
	
}

#right{
	float: right;
	width:850px;

}
#left .h2{
	color: #FFFFFF;
	text-align: center;
	line-height: 110px;
	font-size: 24px; background-color:#d63939;
	
}
#left .h2 span{
	text-transform: uppercase; margin-left:5px;
}
#left .leftdh ul,#left .leftdh ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%; line-height:45px;
}
#left .leftdh ul li a{
	display:block;
	background-color: #dbdbdb;
	margin-top: 5px;
	font-size:16px;
	padding-left: 30px; color:#333333;
}

#left .leftdh ul li a:hover,#left .leftdh ul li a.select{background-color:#d63939;color: #FFFFFF;}
#left .lxin{ clear:both; padding-top:20px;}
#left .lxin .title{
	border: 8px solid #d63939; padding:10px;font-size: 24px; line-height:60px; color:#333333;
}
#left .lxin .title b{}
#left .lxin .title span{
	text-transform: uppercase; margin-left:5px;
}
#left .lxin .econtent{	border: 8px solid #d63939; padding:10px; margin-top:10px;}

#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 .postion i{ margin-right:5px; color:#CCCCCC;}

#postion div{
	float: left;
	margin-right: 5px;

}
#postion div,#postion div a{
	color: #666;
}
#postion div span{
	color: #CC0000;
}
#cms,#cms1{
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; 
	margin-top: 10px;
	padding-bottom: 10px; 
}


#cms1 .content{ width:98%; margin:auto;

	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
}



.back a{
	background-color: #666666;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px; color:#fff; clear:both
}
.back a:hover{ background-color:#e9060f; color:#FFFFFF}

.back { text-align:right; clear:both;
	
}

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




#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
	padding-bottom: 5px;
	line-height: 32px;
	font-size: 14px;
	
}
#cms .li .ntitle{
	float: left;
	width: 70%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-family: "宋体";
	text-overflow: ellipsis;
	position: relative; padding-left:10px;
}
#cms .li .ntitle:after{
	content:'';
	height:3px;
	width:3px;
	background-color:#999999;
	position: absolute;
	left: 0px;
	top: 50%; margin-top:-1.5px;
}
#cms .li .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
}
#cms .li .downbtn i{ color:#666666; margin-right:5px;}
#cms .li .downbtn{ float:right; color:#666666; font-size:12px;}
#cms .li .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 14px;
}
#cms1 .content{
	float: left;
	width: 700px;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
}

	



#cms .list{ width:23%; margin-left:1%; margin-right:1%;
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(4n+1){ clear:both}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden; text-align:center;
}
#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 .img{ padding:5px;min-height:130px; max-height:130px;_height:130px; overflow:hidden; background-color:#FFFFFF; text-align:center; 
}
#cms .list .img img{max-width:100%;max-height:130px;}

#cms .list .img{ 
	position: relative;
}


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


#cms .picli{
	float: left;
	width: 96%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .picli:nth-child(2n+1){ clear:both}


#cms .picli .img{

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


#cms .picli .img+.right{ margin-left:250px;}
#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 12px;
	color: #666666; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 16px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}

#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(255,255,255,0.1);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli:hover a{color:red}


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