@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*{ text-decoration:none; margin:0; padding:0; list-style-type:none;}
body { font-size: 14px; background-color: #fff; color: #333;font-family: Asap,Arial,Verdana,Helvetica,'Microsoft Yahei', sans-serif;  line-height: 28px;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; margin-bottom: 10px; font-weight:500; 
    font-family: 'Montserrat', sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1 { font-size: 32px; line-height: 42px; }
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
ul, ol { margin: 0; }
ul li, ol li {list-style:none; }
img,a img {border:none;}
a { color: #aa9144; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #8e7424; }
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}

.clear {
    clear: both;
} 
.fl{ float:left} .fr{ float:right}
.logo{ }
.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: #fff;
	border-bottom: 1px solid #eae7e2;
}
.header-top{ padding:0 15px ; margin:auto; width:1220px;padding-top:5px}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; width:1220px;
    margin-bottom:20px
}

/*--------------------------
    5.2 Navigations Regular
   ----------------------------*/
.navigation { float: right; margin-top:10px}
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
#navigation > ul > li { float: left; }
#navigation.align-center > ul { font-size: 0; text-align: center; }
#navigation.align-center > ul > li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right > ul > li { float: right; }
#navigation > ul > li > a {
	padding: 20px;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
} 
#navigation > ul > li .active{ background-color:#048956 ; color: #ffffff;}
#navigation > ul > li:hover > a {
	color: #ffffff;
	background-color:#35bc55;
}
#navigation > ul > li.has-sub > a { padding-right: 32px; }
#navigation > ul > li.has-sub > a:before { position: absolute; right: 14px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

/*#navigation > ul > li.has-sub:hover > a:before {
 top: 23px;
 height: 0;
}*/
#navigation ul ul { position: absolute; left: -9999px; }
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation li:hover > ul { left: auto; }
#navigation.align-right li:hover > ul { left: auto; right: 0; }
#navigation li:hover > ul > li { height: 46px; }
#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a { padding: 16px; width:100px; font-size: 14px; text-decoration: none; color: #333; font-weight: 500; background: #FFF; text-transform: uppercase; border-bottom: 1px solid #ececec; }
#navigation ul ul li>a:hover {  background: #048956;  color: #FFF; }
/*banner*/
.banner{ width:100%; margin:87px auto 0 auto; background-color:#333; overflow:hidden}
#wowslider-container1 { zoom: 1; position: relative; max-width:100%; float:right; z-index: 90 }

#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../images/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause { background-image: url(../images/pause.png) }
#wowslider-container1 .ws_play { background-image: url(../images/play.png) }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }

/*首页产品系列*/
.home-title{ padding:20px; font-size:20px; text-align:center;color:#683B11;}
.home-title p{
	color: #683B11;
	font-size: 14px;
	text-align: center
}
.product{padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;  background-color:#efedee; 
 }
.product .product-xl{
	margin: 0 auto;
	width: 1220px;
	height: 400px;
	position: relative;
}
#product_flash{
	position: relative;
	width: 1220px;
	height: 360px;
	margin: 0 auto;
	position: absolute;
	bottom: 40px;
}
#product_flash .flashBg{
	width: 100%;
	height:400px; 
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#product_flash .flashBg ul.mobile{
	width: 2000%;
	height: 354px;
	position: absolute;
	top:-30px;
	left: 0;
}
#product_flash .flashBg ul.mobile li{float:left;width:236px;height:354px;margin-left:10px;padding-top:40px;}
#product_flash .flashBg ul.mobile li img{width:236px;height:354px;display:block; margin:0 auto;}
#product_flash .but_left{
	width: 50px;
	height: 100px;
	position: absolute;
	top: 140px;
	left: -68px;cursor:pointer
}
#product_flash .but_right{
	width: 50px;
	height: 100px;
	position: absolute;
	top: 140px;
	right: -68px;cursor:pointer
}
#product_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;cursor:pointer}
#product_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;cursor:pointer}
/*首页公司介绍*/
.company-box{ background-color:#FFF;padding-right: 15px;  padding-left: 15px;padding-top:20px; margin-right: auto; margin-left: auto;}
.company-about{ width:1220px; margin:auto; display:block; overflow:hidden}
.company-about .company-left{ width:430px; float:left}
.company-about .company-right{ float:right; font-size:16px; color:#333; width:760px}
.company-about .company-right h2{font-size:28px; color:#683b11; margin-bottom:20px }
.company-about .contact h2{ font-size:36px; color:#683b11; margin-bottom:20px ; line-height:1.5em}
.company-about .contact{ width:430px; float:left; font-size:15px;color:#683b11; background:url(../images/w.jpg )no-repeat right center; height:300px; line-height:32px}
/*home生态环节图标*/
.st_menu{display:block; width:1220px; margin:auto; position:relative; clear:both }
.st{width:100%;overflow:hidden; margin-bottom:20px}
.st li{
	float: left;
	display: inline-block;
	text-align: center;
	width: 400px;
	margin-right: -1px
}
.st li:hover{ background-color:#f8f8f8}
.st li i{
	display: block;
	width: 110px;
	height: 110px;
	margin: 10% auto 3%;
	border-radius: 25px;
	overflow: hidden;
}
.st li i img{display:block; width:90px; height:90px; margin:13px;vertical-align:middle;}
.st li a p{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 2% 0% 10% 0%;
	color: #555;
	overflow: hidden;
	font-size: 16px}
/*滩羊印象*/
.impression-box{padding-right: 15px; padding-top:10px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;  background-color:#efedee
 }

.impression{width:1220px; margin: auto; padding-bottom: 40px;}
 .impression li{height:240px; overflow:hidden;background-color:#FFF}
.impression li>div{width:50%; float: left;}
.impression li>div img{ width:100%}
.impression li:after{display: block; content: ""; clear: both;}
.impression li h3{
	margin: 20px 30px;
	font-size: 24px;
	color: #048956;
	margin-bottom: 5px;
}
.impression li p{ padding:10px 30px;font-size:15px; color: #666666;}
/*返回顶部*/

.go-top 
{
	background-color: #a8a8a8;
	border-radius:5px;
	bottom:3em;
	right: 1.5em;
	color: #FFF;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 50px;
	height:50px;
	line-height: 60px;
	text-align: center;
}
.go-top:hover {background-color: #9c9c9c }
/*footer*/
.footer {
	width: 100%;
	height: 195px;
	background: #333; 
}
.footer_zw {
	width: 1220px;
	height: 195px;
	margin: 0 auto;
	font-size: 12px;
	color: #999;
}
.footer_zw a {
	color: #c5c5c5;font-size: 14px;
}
.footer_zw a:hover {
	color: white;
}
.footer_le{ width:710px; float:left}
.footer_one {
	width:100%;
	height: 30px;
	padding-top: 50px;
	line-height: 30px;
}
.footer_one ul li {
	float: left;
	display: block;
}
.footer_two {
	width:100%;
	height: 30px;
	line-height: 30px; clear:both;
}
.footer_ri {
	width: 190px;
	height: 120px;
	padding-top:35px;
	position: relative; float:right;
}