/*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:1080px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}



*{ font-weight:normal; letter-spacing:1px; line-height:20px;}

.top_box{ width:100%; background-color:#206590;}
.top_box .top{ width:1200px; margin:0 auto; zoom:1;}
.top_box .top:after{ content:""; display:block; clear:both;}
.top_box .top .welcome{ float:left; line-height:40px; color:#fff; font-size:12px;}
.top_box .top .tel,.top_box .top .collection{ float:right; line-height:40px; color:#fff; font-size:12px;}
.top_box .top .tel{ padding-left:16px; background:url(../images/img2.png) no-repeat 0 center;}
.top_box .top .collection{}

.header_box{ width:100%; background-color:#1e8acf; border-bottom:solid 6px #d5d5d5;}
.header{ width:1200px; height:148px; margin:0 auto;}
.header .ewm{ width:100px; float:left; margin-left:30px; margin-top:24px;}
.header .ewm img{ width:100%;}
#nav{ float:right;}
#nav li{ float:left;}
#nav li a{ padding:0 20px; line-height:148px; color:#fff; font-size:14px; display:block;}
#nav li a:hover{ background-color:#fff; color:#1e8acf;}


#footer{ width:100%; background-color:#0c5785; border-top:solid 6px #c5c5c5; margin-top:30px;}
.footer_content{ width:1200px; margin:0 auto; zoom:1;}
.footer_content:after{ content:""; display:block; clear:both;}
#f_nav{ float:left; margin-top:40px;}
#f_nav li{ float:left; margin-right:40px;}
#f_nav li a{ color:#fff; font-size:14px;}
#f_nav li a:hover{ text-decoration:underline;}

.inset{ width:100%;}
.container{ width:1200px; margin:0 auto; zoom:1;}
.container:after{ content:""; display:block; clear:both;}
.col1{ float:left; width:250px;}
#sidenav .mt h2{ background-color:#206590; line-height:52px; color:#fff; font-size:18px; text-align:center;}
#sidenav .mc .mtree-demo .mtree li a{ line-height:38px; color:#fff; font-size:12px; text-align:center; display:block;}
#sidenav .mc .mtree-demo .mtree li{ background-color:#1e8acf; border-bottom:dashed 1px #fff;}

#sidecontentus{ margin-top:20px;}
#sidecontentus .mt h2{ background-color:#206590; line-height:52px; color:#fff; font-size:18px; text-align:center;}
#sidecontentus .mc{ background-color:#1e8acf; padding:10px 12px;}
#sidecontentus .mc p{ font-size:12px; color:#fff; line-height:24px;}



.col2{ float:right; width:900px;}
.col2 .cap_b a{ color:#666; font-size:12px;}
.col2 .colproduct ul{ zoom:1;}
.col2 .colproduct ul:after{ content:""; display:block; clear:both;}
.col2 .colproduct ul li{ float:left; margin-right:30px; width:280px;}
.col2 .colproduct ul li a{display:block; height:210px; overflow:hidden; text-align:center;}
/* background:url(../images/img3.png) repeat-x 0 bottom;*/
.col2 .colproduct ul li p{ line-height:24px; overflow:hidden; color:#333; text-align:center; }

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

.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;}
.mypage{ overflow:hidden; margin-top:30px;}
.mypage div{ float:right;}


#product{ overflow:hidden; margin-top:36px;}
#product .bx_wrap{ position:relative;}
#product .bx_wrap .prev{ position:absolute; top:50%; left:30px; z-index:99; background:url(../images/pro_left.png) no-repeat center center; border:none; padding:12px; width:50px;}
#product .bx_wrap .next{ position:absolute; top:50%; right:30px; z-index:99; background:url(../images/pro_right.png) no-repeat center center; border:none; padding:12px; width:50px;}
#product .product li{ float:left; width:360px; margin:20px;}
#product .product li a{ height:420px; display:block; overflow:hidden;}
#product .product li a img{ width:100%; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; }
#product .product li p{ line-height:42px; text-align:center; color:#000; font-size:14px; background-color:rgba(220,160,16,0.5); -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; }





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

#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; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
#cptp ul li div a div{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
#hzhb ul li div a{ height:420px;}
#cptp ul li div img{display:block;}
#cptp ul li div p{ background-color:#cca052; line-height:42px; color:#000; font-size:16px;}



.colproduct .lineheight img{ width:100%;}

#sbdx{ width:100%;}