/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 1.5;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:767px; 
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
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: #FF7E00;
}
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;}
.clear{ clear:both}
.box{
	width:1100px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1170px;max-width:100%}
.fl{ float:left}
.fr{ float:right}

.header .logo{margin-top:10px; float:left;}
.app_header{
	display:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}


.app_top{width:100%;height:120px; float:left; display:none}
.header{
	position:absolute;
	width:100%;
	z-index:99;
	left:0px;
	top:0px;


}

.header .box1{
	position: relative;
}

.header ul{margin:0 10px 0 0;float:right; padding:0px; }

.header ul ul{
	float:left;
	width:100%;
	position: absolute;
	left: 0px;
	top: 90px;display:none; 	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E18700;
	border-bottom-color: #FFAC2F;
}
.header ul ul ul{ left:100%; top:0px;}
.header ul li{


	position: relative; float:left;
}

.header ul li.nbg{ background-image:none;}
#nav> ul> li >a{
	color:#000000;
	font-size:16px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative; float:left; padding-left:20px; padding-right:20px;text-align:center;line-height:90px; 

}
#nav> ul> li >a.select:after{
	content:' ';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ff9800;
	padding-bottom:5px;
	position: absolute;
	left: 0px;
	bottom: 30%; z-index:1; float:left; width:100%; 
}


#nav> ul> li >ul>li>a{ color:#FFFFFF}
#nav> ul> li >a:hover,#nav> ul> li:hover >a{
	opacity:1;
	color:#ffffff;background-color:#ff9800; 	
	
}


.header ul ul li{ 
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFAC2F;
	border-bottom-color: #E18700;background-color:#ff9800; 	
}
.header ul ul li a{
 display:block; float:left; width:100%; line-height:1.5; padding-top:8px; padding-bottom:8px;color:#FFFFFF;
}
.header ul ul li a:hover{background-color:#E38800;color:#FFFFFF;}
.header ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

#nav> ul> li >a{text-decoration: none;	text-decoration: none;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;}
#nav> ul> li:hover >a,#nav> ul> li:hover >a:hover{ color:#FFFFFF;}
#nav> ul> li[rel='en']>a:after{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.3);
	position: absolute;
	left: 0px;
	top: 40%;content:' '; z-index:2; float:left; height:20px;
}
#nav> ul> li[rel='en']>a:before{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,0.3);
	position: absolute;
	left: 1px;
	top: 40%;content:' '; z-index:2; float:left; height:20px;
}
/*#nav> ul> li[rel='n2']>ul{ width:175px;}
#nav> ul> li[rel='n2']>ul>li>a{
	text-align: left;
	text-indent: 15px;
}*/
/*banner的CSS布局*/
.banner{ width:100%; overflow:hidden; position:relative; }

.banner .hd{ height:20px; overflow:hidden; position:absolute;right:0; left: 0;  margin: 0 auto; bottom:30px;z-index:2; }
.banner .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.banner .hd ul li{ display:inline-block; margin:0 4px;  width:12px; height:12px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:rgba(255,255,255,1); color:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{ cursor: w-resize}
.banner .bd li a .img{ width:100%;background-position: center top; background-repeat: no-repeat; }
.banner .bd li a img{ max-width: 100%; display:none}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
/*底部*/
.footer2{
	background-color: #2D3236;
	float: left;
	width: 100%; padding-top:50px; padding-bottom:50px;
}
.footer{
	background-color: #23282C;
	text-align: center;
	float: left;
	width: 100%;
	line-height:1.5;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer,.footer a,.footer2,.footer2 a{ color:#999999}
.footer2 .message{
	width:200px;
	float: left;

}
.footer2 .footnav{ width:250px; float:left;}
.footer2 .footnav ul{ float:left; width:100%;}
.footer2 .footnav ul li{ float:left; width:50%; line-height:35px;}
.footer2 .flx{ width:280px; float:left; }
.footer2 .qrcode{ width:250px; float:right}
.footer2 .etitle{
	color:#FFFFFF;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
}
.footer2 .etitle span{ color:#d4bb56}
.footer2 .econtent{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.footer2 .message .item span{ display:none}
.footer2 .message .item,.footer2 .message .tijiao{
	float:left;
	width:100%;
	clear:both;
	margin-top: 10px; 
}
.footer2 .message input{
	width: 96%;
	border: 0px solid #ddd;
	height: 24px; padding-left:2%; padding-right:2%;
}
.footer2 .message button{
	background-color: #D4BB56;
	width:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:32px;
	font-size: 16px;
	color: #FFFFFF;
}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:30px; 

}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666;
min-height:180px;
}



#foot1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foot1 .footnav{ line-height:30px; text-align:center}
#foot1 .footnav a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foot1 .copy{ clear:both; padding-top:20px;}
#foot1 .copy,#foot1 .copy a{ color:#999999; font-size:12px;}

.list{
	float: left;margin: 10px;

}
.list .img{ background-color:#FFFFFF;}
.list .img img{ max-width:100%;}
.list div{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.list div.ntitle{
	line-height:32px;
	float: left;
	width: 98%;

	padding-right: 1%;
	padding-left: 1%;
}


/*首页*/
.pro{
	float:left;
	width:100%;
	margin-top:3px;
	padding-top:30px;
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:50px;
}
.pro .etitle,.news .etitle,.aboutbg .etitle{  text-align:center; font-size:30px; line-height:60px; padding-bottom:10px; }
.pro .etitle b,.news .etitle b,.aboutbg .etitle b{
	font-weight: lighter;
	color:#333333;	
	position: relative; display:inline-block;
}
.pro .etitle b i,.news .etitle b i,.aboutbg .etitle b i{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e73535;
	position: absolute;
	left: 50%;
	bottom: 0px;
	width:50px;
	float:left;

	margin-left: -25px;
}
.pro .sort{
	clear: both;
	line-height: 32px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pro .sort a{
	color: #666666;
	border: 1px solid #dddddd;
	display:inline-block;

	text-align: center;
	white-space: nowrap;
	margin: 5px;

	float: left;
	width: 222px;
}
.pro .sort a:hover{ background-color:#FF7E00;border: 1px solid #FF7E00; color:#FFFFFF}
/*.pro .etitle i{ color:#12327B; margin-left:10px; margin-right:10px;}
.pro .etitle span{
	font-size:14px;
	color:#999999;
	text-transform: uppercase;
}
*/



.pro .picli {
	margin: 5px; overflow:hidden;

}
.pro .picli .img{ 

	width:100%;
	height:300px;
	overflow:hidden; float:left; 	padding: 2px;
	border: 1px solid #dddddd; background-color:#FFFFFF; -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
.pro .picli .img span{ text-align:center;
	width:100%;
	height:100%;
	float:left; overflow:hidden;display: flex;
    justify-content:center;
    align-items:Center;

}


.pro .picli .ntitle{
	display:inline-block;
	cursor:pointer;
	line-height:35px;
	font-size:16px;
	float:left;
	width:100%;
	font-size:14px;
	white-space: nowrap;
	overflow: hidden; text-align:center;
}
.pro .picli a:hover .ntitle{ color:#d50400}

.pro .econtent{ float:left; width:100%; clear:both; padding-top:30px;}
.pro .more{ text-align:center; padding-top:20px; padding-bottom:20px; line-height:32px;}
.pro .more a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	border: 1px solid #999999;
	font-family: "宋体";
	font-size: 12px;
	color: #555555;
}
.pro .more a:hover{ background-color:#FF7E00; color:#FFFFFF;border: 1px solid #FF7E00;}	

.news{
	float:left;
	width:100%;
	background-image: url(newsbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; padding-top:30px;
}
.news .econtent{ float:left; width:100%; padding-top:30px;}

.news .picli{
	float:left;
	width:100%;
	background-color:#FFFFFF;
	margin-bottom: 22px;


}

.news .picli .img{ float:left; width:180px; overflow:hidden; height:140px;}
.news .picli .img img{ width:100%; height:100%;}
.news .picli .right{ margin-left:200px;}
.news .picli .right .ntitle{
	font-size:16px;
	white-space: nowrap;
	overflow: hidden; color:#666666; padding-top:10px;
}
.news .picli .right .ntitle a{ color:#666666}
.news .picli .right .dp{ color:#666666; font-size:14px; height:4.5em; overflow:hidden;}

.news .picli  .more{ display:none}
.news .picli .img a:hover img,.pro .picli a:hover img,.about .picli a:hover .img img{   transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;}
.news .econtent .picli[rev='n1']{
 width:460px; margin-right:40px;background-color:rgba(255,255,255,0);
}
.news .econtent .picli[rev='n1'] .img{ width:100%; height:auto;}
.news .econtent .picli[rev='n1'] .img img{ width:100%; height:330px;}
.news .econtent .picli[rev='n1'] .right{ margin:auto; width:96%; float:left; padding-left:2%; padding-right:2%; padding-top:10px; padding-bottom:10px;}
.news .econtent .picli[rev='n1'] .dp{ display:block}
.news .econtent .picli[rev='n1'] .more{ display:block}
.news .econtent .picli[rev='n2'],.news .econtent .picli[rev='n3'],.news .econtent .picli[rev='n4']{
 width:650px;
}
.news .econtent .picli .dp{ color:#888888}
.news .econtent .picli .time{ font-size:12px; color:#999999; line-height:32px;display:none;}
.news .econtent .picli[rev='n1'] .time{ display:none;}
.news .econtent .picli[rev='n1'] .time{ display:block;}
.news .econtent .picli .more{ padding-top:10px; padding-bottom:10px;}
.news .econtent .picli .more a{
	background-color: #FF7E00;
	color: #FFFFFF;
	font-family: "宋体";
	font-size: 12px; display:inline-block; line-height:25px; padding-left:10px; padding-right:10px;
}
.news .econtent .picli .more a:hover{ background-color:#e73535;}
.news{ background-image:none}
.links{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; background-color:#FFFFFF
}
.link{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left 11px; font-size:12px;
	clear: both;
	min-height: 27px;
	padding-left: 110px;
	padding-top:15px;
	padding-bottom:10px;
}
.link .etitle{ display:none}
.hot{
	clear: both;
	

}
.hot .box1{
	position: relative;
	background-image: url(1_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	 height:50px; padding-bottom:20px;
}
.hot .hotkeyword{
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: -40px;
	float: left;
	width: 100%;
	z-index:3333;
	height:42px;
	border: 1px solid #dddddd; padding-top:19px; padding-bottom:19px;
}
.hot .search{
	background-image: url(gg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 40px; margin-left:15px;
}
.hot .search,.hot form{ float:left; color:#333333; font-size:14px; line-height:42px;}

.hot form{ margin-right:15px;}
.hot form input{
	/*	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	float:left;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;

	padding-left: 20px; float:left; width:200px;
}
.hot form button{
	background-image: url(sbtn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 42px;
	width: 42px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.hot .share{  line-height:28px; color:#666666; font-size:12px;}

.aboutbg{
	background-image: url(aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; float:left; width:100%;
}
.about{ padding-top:30px;}
.about .econtent{
	background-color:rgba(255,255,255,0.3);
	border: 1px solid #dddddd;
	padding: 20px;
	margin-top: 30px; height:80px; overflow:hidden;
}
.youshi{ margin-top:50px; clear:both; float:left; width:100%; padding-bottom:50px;}
.youshi .li{
	float:left;
	width:60%;
	clear:both;
	padding-top: 30px;
	padding-bottom: 30px; height:80px; overflow:hidden;
}
.youshi .li.n2{ float:left; width:55%; clear:both;}
.youshi .li.n3{ float:left; width:50%; clear:both; }
.youshi .li.n4{ float:left; width:45%; clear:both}
.youshi .li i.num{
	border-radius:100%;
	color:#FFFFFF;
	background-color:#FF7E00;
	font-size:24px;
	float:left;
	height:60px;
	width:60px;
	line-height:60px;
	text-align:center;
	font-style: normal;
	position: relative;
}

.youshi .li i.num:after,.youshi .li i.num:before{
	position: relative;
	height: 180px;
	left: 50%;

	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	content:' '; margin-left:-1px;
}
.youshi .li i.num:after{	top: -180px;}
.youshi .li i.num:before{
top: 60px;

}
.youshi .li .right{ margin-left:80px;}
.youshi .li .right .ntitle{ font-size:24px;}
.youshi .li .right .dp{ color:#999999; font-size:12px}

