/*Make from Mr.shine*/
/*2016-03-01 16:20*/
/*www.zjhz.cn*/

/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;

.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}
/*container*/
.container{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}



*{ font-weight:normal; line-height:30px; border:none; color:#4d4d4d; font-size:14px; text-align:justify;}
strong{ font-weight:bold;}
a:focus{outline:none;}



#head{ width:100%; border-top: solid 5px #39e3a9; background-color: #1dc48b;}
.collection_container{ width:1200px; overflow:hidden; margin:0 auto;}
.collection{ float:right;}
.collection li{ float:left; color:#666; font-size:12px;}

.head_container{ width:1200px; height: 80px; margin:0 auto;}
.logo{ float:left; margin-top: 27px;}
#nav{ float:right;}
#nav li{ float:left;}
#nav li a{ display: block; color:#fff; font-size:14px; line-height: 80px; width: 160px; text-align: center;}
#nav li:hover a{ background-color: #39e3a9;}

.cur{ background-color:#39e3a9;}


#footer{ width:100%; background-color:#313131; margin-top:30px;}
.footer_ul{ width:1200px; margin:0 auto; overflow:hidden; padding-top:32px; padding-bottom:36px;}
.floor_logo{ float:left; margin-left:84px; margin-top:45px;}
.floor_contact{ float:left; margin-left:80px;}
.floor_contact p{ color:#fff; font-size:14px;}



.bx-controls{ display:none;}

#indexbanner{ height:470px; overflow:hidden;}



.sidenav_box{ width: 100%; background-color: #e6faf3;}
#sidenav{ width:1200px; margin:0 auto;}
.sidenav_list{ zoom:1; width:1200px; margin:0 auto;}
.sidenav_list:after{ content:""; display:block; clear:both;}
.sidenav_list li{ float:left; margin-right:30px;}
.sidenav_list li div a{ display:block; color:#666; font-size:14px; line-height:45px;}
.sidenav_list li div a:hover{ text-decoration:underline; color:#ff5d5b;}


.mypage div{ float:right;}
.num,.current,.prev,.next{ display:inline-block; padding:0 10px; height:30px; border:solid 1px #ccc; margin-left:4px; text-align:center; line-height:30px; font-size:14px; margin-top:10px;}
.current{ color:#96201e;}


.inset{ margin-top:30px; width:100%;}
.cap_container{ width:1200px; margin:0 auto 30px; border-bottom:1px solid #ccc;}
.cap_container .cap_b{ font-size:14px; color:#666; overflow:hidden;}
.cap_container .cap_b span{ font-size:12px; color:#333; float:left; line-height:42px;}
.cap_container .cap_b a{ color:#ff5d5b;}

.inset .gs{ zoom:1; width:1200px; margin:0 auto;}
.inset .gs:after{ content:""; display:block; clear:both;}


#news_list{ width:100%;}
#news_list li{ zoom:1; margin-bottom:30px;}
#news_list li:after{ content:""; display:block; clear:both;}


#products_list{ zoom:1;}
#products_list:after{ content:""; display:block; clear:both;}
#products_list li{ float:left; width:220px; margin-right:25px; display:block; margin-bottom:20px;}
#products_list li a{ height:160px; overflow:hidden; display:block; border:solid 1px #ccc;}
#products_list li a img{ display:block; height:100%; margin:0 auto;}
#products_list li p{ line-height:45px; font-size:14px; text-align:center;}

.last{ margin-right:0!important;}



.orientation{ overflow:hidden; margin-top:30px;}
.previous1{ float:left;}
.next1{ float:right;}



.Introduction_column{ width:1200px; margin:30px auto 0;}
.Introduction_column .Introduction_ul{ overflow:hidden;}
.Introduction_column .Introduction_ul .Introduction_left{ float:left; width:640px;}
.Introduction_cap{ font-size:22px; color:#eb5151; line-height:40px; border-bottom:solid 1px #dcdcdc;}
.Introduction_cap span{ color:#999; font-size:16px; line-height:40px;}
.Introduction_cap a{ float:right; font-size:12px; color:#e37448; line-height:40px;}
.Introduction_pic{ float:left; margin-top:14px;}
.Introduction_pic img{ width:100%;}
.Introduction_context{ float:right; width:360px; margin-top:14px;}
.Introduction_context p{ color:#666; font-size:12px; line-height:30px;}
.Introduction_context a{ float:right; font-size:12px; color:#eb5151;}

.Introduction_column .Introduction_ul .Introduction_right{ float:right; width:540px;}

.news_index_list ul{ zoom:1; margin-top:14px;}
.news_index_list ul:after{ content:""; display:block; clear:both;}
.news_index_li:hover{ opacity:0.7; filter:alpha(opacity=70);}
.news_index_list ul .news_index_date{ float:left; width:80px; background-color:#e5e5e5; padding:10px 0;}
.news_index_list ul .news_index_text{ float:right; width:450px;}
.news_index_list ul .news_index_text a h3{ font-size:12px; color:#666; margin-top:14px;}
.news_index_list ul .news_index_text a p{ font-size:12px; color:#999;}



article{ margin-top:30px; width:100%;}
.products_column{ width:1200px; margin:0 auto; margin-top:30px;}
#products_index_list{ zoom:1; margin-top:24px;}
#products_index_list:after{ content:""; display:block; clear:both;}
#products_index_list li{ width:270px; margin-right:40px; float:left;}
#products_index_list li:hover{ opacity:0.7; filter:alpha(opacity=70);}
#products_index_list li a{ height:200px; display:block; overflow:hidden; border:solid 1px #ccc;}
#products_index_list li a img{ width:100%;}
#products_index_list li h3{ font-size:16px; color:#eb5151; text-align:center; line-height:50px;}








#cptp{
	width:1200px;
	overflow:hidden;
}

#cptp ul{ zoom:1;}
#cptp ul:after{ content:""; display:block; clear:both;}

#cptp ul li {
	float:left;
	overflow:hidden;
	text-align:center;
}
#hzhb ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#cptp ul li div{ float:left; overflow:hidden; width:220px; margin-right:20px;}
#cptp ul li div a{ display:block; height:160px; overflow:hidden; border:solid 1px #ccc;}
#cptp ul li div a img{ width:100%; display:block;}
#cptp ul li div a p{ line-height:60px; font-size:14px; color:#666; text-align:center;}
.levelone{ width:1200px; margin:24px auto 0;}


#cptp2{
	width:1200px;
	overflow:hidden;
}

#cptp2 ul{ zoom:1;}
#cptp2 ul:after{ content:""; display:block; clear:both;}

#cptp2 ul li {
	float:left;
	overflow:hidden;
	text-align:center;
}
#hzhb2 ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#cptp2 ul li div{ float:left; overflow:hidden; width:220px; margin-right:20px;}
#cptp2 ul li div a{ display:block; height:160px; overflow:hidden; border:solid 1px #ccc;}
#cptp2 ul li div a img{ width:100%; display:block;}
#cptp2 ul li div a p{ line-height:60px; font-size:14px; color:#666; text-align:center;}

.appreciate_column{ width:100%; margin-top:60px;}

.cooperation_column{ width:1200px; margin:60px auto 0;}
#cooperation_ul{ zoom:1; margin-top:30px;}
#cooperation_ul:after{ content:""; display:block; clear:both;}
#cooperation_ul li:hover{ opacity:0.7; filter:alpha(opacity=70);}
#cooperation_ul li{ float:left; width:218px; margin-right:25px; border:solid 1px #ccc;}
#cooperation_ul li a img{ display:block; width:100%;}



.column_cap{ width:1200px; margin:0 auto;}
.column_cap h3{ text-align:center; color:#eb5151; font-size:24px; line-height:45px; background:url(../images/img3.png) no-repeat center bottom;}
.column_cap p{ color:#c5c5c5; font-size:16px; text-align:center; line-height:30px;}



.more{float:right; color:#999; font-size:12px; line-height:45px;}
.more:hover{ color:#583021;}


.Fast_track{ width:100%; background-color:#f5f5f5;}
.Fast_track ul{ width:1200px; margin:0 auto; overflow:hidden;}
.Fast_track ul li{ float:left; margin-right:16px; line-height:60px;}
.Fast_track ul li a{ line-height:60px;}