/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: ''; color: #666; }
a { color: #666; }
a:hover { color: #f60; text-decoration: none; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1000px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }

/*common end*/
.top{background:#363636;line-height:35px; color:#fff;}
.top a{color:#fff;padding:0 10px;}
.top .top_inner{color:#fff; text-align:right;}

.header{background:#fff; padding:25px 0;}
.nav{background:#8a5b19;height:40px;line-height:40px;color:#fff;font-size:14px;}
.navbar li{float:left; width:16.6%; text-align:center;}
.navbar li a{color:#fff;font-size:14px; display:block;height:100%;}
.navbar li.current a,.navbar li a:hover{background:#a16d1e;font-weight:bold;}


/*banner_02*/
.banner_02{ height:400px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.banner { height: 400px; position: relative; }
.roundabout-slider { position: relative; width: 100%; }
.roundabout-list { width: 100%; }
.roundabout-loading .roundabout-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }
.roundabout-loading .roundabout-track { visibility: hidden; }
.roundabout-slider { position: relative; display: block; }
.roundabout-slider .roundabout-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
.roundabout-slider .roundabout-track { position: relative; left: 0; top: 0px;  }
.roundabout-slider .roundabout-list .slide { display: block; list-style-type: none; float: left; position: relative; height:400px; width:100%;}
.roundabout-slider .roundabout-list .slide img { display: block; }
.roundabout-slider .roundabout-prev { position: absolute; background: url(../images/prev.png) no-repeat center center; display: block; height: 46px; width: 46px; text-indent: -9999px; top: 50%; margin-top: -25px; left: 10px; }
.roundabout-slider .roundabout-next { position: absolute; background: url(../images/next.png) no-repeat center center; display: block; height: 46px; width: 46px; text-indent: -9999px; top: 50%; margin-top: -25px; right: 10px; }
.homepage .roundabout-dots { margin-left: -42px; bottom: 80px; }
.roundabout-dots { position: absolute; bottom: 25px; padding: 0; left: 50%; margin-left: -50px; }
.roundabout-dots li { float: left; height: 8px; width: 8px; border-radius: 4px; margin: 5px; font-size: 0; background: #ccc; opacity: 1; overflow: hidden; position: relative; }
.roundabout-dots li.active { height: 8px; background: #00162d; opacity: 1; }
.roundabout-dots li.active a { color: #fff; background: #331411; }
.roundabout-dots li a { position: absolute; top: 0; left: 0; background: #ccc; display: block; height: 8px; width: 8px; border-radius: 4px; }
.roundabout-slider img { display: none; }
img.block { display: block; }
.roundabout-slider .roundabout-prev { left: 0px; opacity: 0; transition: opacity .25s, left .25s; -webkit-transition: opacity .25s, left .25s; }
.roundabout-slider .roundabout-next { right: 0px; opacity: 0; transition: opacity .25s, right .25s; -webkit-transition: opacity .25s, right .25s; }
.roundabout-slider:hover .roundabout-prev { transition: opacity .25s, left .25s; -webkit-transition: opacity .25s, left .25s; opacity: 1; left: 10px; }
.roundabout-slider:hover .roundabout-next { transition: opacity .25s, right .25s; -webkit-transition: opacity .25s, right .25s; opacity: 1; right: 10px; }
.roundabout-slider .roundabout-list .slide .bannercon { position: absolute; top: 50%; left: 50%; width: 400px; height: 160px; margin: -80px 0 0 -200px; text-align: center; color: #fff; }
/*menu*/
.menu { height: 40px; line-height: 40px; background:#363636; position:relative; z-index:99;}
.menu ul li { float: left; position: relative; width: 125px; }
.menu ul li.current{ background:#a16d1e;}
.menu ul li dl { background: #fff; width: 100%; position: absolute; left: 0px; top: 40px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 10px 0; display: none; }
.menu ul li dl dd { line-height: 28px;  }
.menu ul li dl dd a { font-size: 12px; color: #666; font-weight: normal; display: block; padding: 0; text-align: center; }
.menu ul li dl dd a:hover { color: #fff; background:#a16d1e; }
.menu a { font-size: 14px; color: #fff; text-decoration: none; font-weight: bold; display: block; text-align: center; }
.menu a:hover { color: #fff; }
a.menu_hover { background: #db0100; color: #fff; }
.menu_down span { display: block; }

.pub_left{float:left;width:220px;}
.pub_right{float:right;width:760px;overflow:hidden}
.main{width:720px;padding:20px;background:#fff;}
.pub_title{font-size:20px;color:#fff;background:#363636;padding:20px;}
.pub_title span{font-size:14px;display:block; text-transform:uppercase;font-weight:normal;padding-top:5px;}
.icon{background:url(../images/icon.jpg) no-repeat; width:16px;height:16px;display:block;margin-top:15px;}

.nav_title{color:#8a5b19;font-size:20px;padding:18px 10px;background:#fff;}
.nav_title span{font-size:12px;display:block;font-weight:normal;text-transform:uppercase;padding-top:5px;}
.left_nav{background:#fff;padding-bottom:10px;}
.left_nav li{padding:0 10px;vertical-align:middle;font-size:14px;line-height:40px;}

.left_nav li{
	position: relative;
	transition: all 0.8s;
}

.he{
	
}

.left_nav li dl{
	display: none;
	background-color: white;
	padding: 0 10px;
	box-sizing: border-box;
	width: 100%;
}


.left_nav li dl a{
	display: block;
	width: 100%;
	color: #999 !important;
	line-height: 40px;
	border-bottom: 1px dotted #dbdbdb;
}


.left_nav li span{display:none;width:6px;height:10px;float:right;margin:15px 10px 0 0;}
.left_nav li.on,.left_nav li.hover{background:#363636;}
.left_nav li.on a,.left_nav li.hover a{color:#fff;border-color:#8a5b19;}
.left_nav li.on span,.left_nav li.hover span{display:block;}

.erji{ width:180px; margin-left:20px; }
.erji dd {background: url(../images/icon_arrow.jpg) no-repeat right center;}
.left_contact{ background:#fff;padding:5px;}
.left_contact_con{background:url(../images/contactbg.jpg) no-repeat center bottom;min-height:100px;_height:100px;padding:10px;color:#505050;line-height:25px;}
.left_contact h1{height:35px;line-height:35px;color:#8a5b19;font-weight:normal;font-size:14px;background:url(../images/icon_tel.jpg) no-repeat left center;padding-left:22px;margin:0 5px;border-bottom:1px dotted #d1bfa5;}
.left_contact h1 span{font-size:12px;padding-left:8px;}

.prolist{width:780px; overflow:hidden;}
.prolist li{float:left;margin:0 20px 19px 0;width:240px;}
.prolist li .pic{width:240px;height:160px;background:#fff; text-align:center;}
.prolist li .pic img{ display: inline; width: 240px; height: 230px; margin-bottom: 8.09651474530831px;}
.prolist li p{line-height:35px;background:#363636;color:#585858;font-size:14px; text-align:center}
.prolist li a{display:block;}
.prolist li a:hover p{background:#cd0000;color:#fff;}

.catelist{background:#fff;padding:0 20px;height:323px;}
.catelist li{line-height:38px;border-bottom:1px dotted #d9d9d9;}
.catelist li a{display:block;padding-left:30px;background:url(../images/icon_li.png) no-repeat 8px center;}
.catelist li a:hover{background:url(../images/icon_li_hover.png) no-repeat 8px center;color:#a76d30;}

.ad{border:1px solid #ebebed;}

.content{ margin-top:20px;}


.footer{background:#363636;padding:10px 0; margin-top:20px;}
.footer a{color:#bcbcbc;}
.footer .footer_nav{line-height:40px; text-align:center;color:#bcbcbc;border-bottom:1px solid #292929;}
.footer .footer_nav a{padding:0 10px;}
.footer ul{ text-align:center;color:#bcbcbc; line-height:28px;padding-top:10px;border-top:1px solid #4d4d4d}


/*Add------------------------------------------------------------------------------*/
.inside{ margin-top:20px;}
.banner_inner {
height: 400px;
}
.position{text-align:right; height:40px; line-height:40px;}
.position p{float:right;padding-left:20px;background:url(../images/icon_home.png) no-repeat left center;}
.position a{padding:0 5px;}

.about_con{padding:10px;min-height:450px;}




/*contact*/
.contact h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.contact { margin-top: 15px; }
.contact ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.contact ul li { line-height: 20px; padding: 3px 0; }
/*proShow*/
.product_show ul li { width: 130px; line-height: 20px; }
.product_show ul li { float: left; margin: 15px 20px 0; border: #e4e4e4 solid 1px; display: inline; }
.pro img { max-width: 120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true);
height: expression(this.height > 90 ? 90: true);
}
.hover2 { background: #f4f4f4; }
/*product_list*/
.side_product { margin-top: 15px; }
.side_product h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.side_product ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.side_product ul li { line-height: 24px; }
.side_product ul li a { padding-left: 30px; display: block; border-bottom: #e4e4e4 dashed 1px; background: url(../images/side_menu_bg.gif) 10px 8px no-repeat; }
.side_product ul li dl dd a { display: inline; border: none; background: none; }