* {font-family: Arial, Verdana, "微软雅黑";  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
em {font-style: normal;}
dd,dt,dl,em,button {display: block;}
a {color: #000;}
a,img{border:none;display:inline-block;max-width: 100%;}
.center {margin: 0 auto;  width: 1100px;}
.clear{}
.clear:after{content: "";visibility: visible;clear: both;height: 0;display: block;}


/*header*/
.header-main{width: 100%;}
.header-top{width: 100%;}
.header-logo{}
.header-logo a{display: block;padding:15px 0;}
.header-logo a img{max-width: 100%;}
.header-search{}
.header-search-h3{text-align: right;color: #898989;padding:15px 0;}
.header-search-h3 span{color:inherit;margin:0 5px;}
.header-search-h3 a{color:inherit;}
.header-search-box{float: right;margin-bottom: 15px;}
.header-search-box input{border-radius: 0;background: #5a9aa8;color: #fff;border:none;}
.header-search-box button{background: #4d8693;color: #fff;border-color: #4d8693;outline-color:transparent;}
.header-search-box button i{color: #fff;}

.header-nav{background: #050505;height: 40px;}
.header-b{padding:0;}
.index-header-nav{width: 100%;position: relative;z-index: 1000}
.header-nav-list{}
.header-nav-main{background: none;border:none;margin:0;min-height: auto;position: relative;width: 100%;}
.header-nav-top{background: #f5f5f5;text-align: center;}
.nav-kongjian{background: transparent;border:none!important;overflow: hidden;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{overflow: hidden!important;position: absolute;top:100%;left:0;width:100%;padding:0;}
.header-list-li ul{margin: 0}
.header-list-li ul .list{float: none;transition:all .3s;-webkit-transition:all .3s;position: relative;}
.header-list-li ul .list .list-a{padding:10px;transition:color .3s;-webkit-transition:color .3s;color: #fff!important;display: block;text-align: center;}
.header-list-li ul .list .btn-a{display: none;}
.header-list-li ul .list .dropdown-list{background: #595656;margin-top: 0;border-top:0;padding: 5px;}
.header-list-li ul .list .dropdown-list li{}
.header-list-li ul .list .dropdown-list li a{padding:10px 5px;color: #fff}
.header-list-li ul .list .dropdown-list li a:hover{color: #90c31f}
.header-list-li ul .list .dropdown-list:hover{display: block;}
.header-list-li ul .list .list-a:hover + .dropdown-list{display: block;}



/*index.asp*/
.index-lb{
	width:100%;overflow:hidden;box-shadow: 0 5px 10px #333;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.index-lb:hover{box-shadow: 0 6px 10px #333}
.index-banner{width:100%;height:100%;position: relative;}
.index-banner:hover .index-banner-btn a{display: block;}
.index-banner-img{height: 100%;width: 180%;position: relative;left: -40%;}
.index-banner-img ul{margin-bottom: 0}
.index-banner-img ul li{}
.index-banner-img img{width: 100%;}
.index-banner-check{position: absolute;bottom: 60px;left: 50%;z-index: 100}
.index-banner-check li{width: 60px;height: 5px;background:#fff;margin-left: 10px;cursor: pointer;
vertical-align: bottom;display: inline-block;transition:all .3s;-webkit-transition:all .3s;}
.index-banner-check li.on{background:#5ec39e;height: 12px;}
.index-banner-btn{height: 0;}
.index-banner-btn a{position: absolute;top:50%;margin-top: -40px;height: 80px;width: 40px;
font-size: 30px;color: #666;text-align: center;line-height: 80px;border:1px solid #999;background: rgba(0,0,0,.8);
text-decoration:none; border-radius: 3px;transition:all .3s;-webkit-transition:all .3s;
font-family: "songti";display: none;}
.index-banner-btn a:hover{background:rgba(0,0,0,.6);color: #fff;;}
#btn_prev{left:0;}
#btn_next{right: 0;}


.index-box1{margin-top: -66px;}
.index-box1-list{}
.index-box1-list ul{font-size: 0;text-align: center;}
.index-box1-list ul li{padding:15px 7px;vertical-align: middle;display: inline-block;float: none;}
.index-box1-list ul li .title{padding:12px 4px;color: #fff;background:#8ec31f;text-align: center;}
.index-box1-list ul li .img{width: 100%;}
.index-box1-list ul li .img img{width: 100%;}
.index-box1-list ul li .text{border:1px solid #ccc;color: #666;line-height: 24px;height: 230px;padding:5px 8px;}

.index-box2{margin-top: 38px;background: #f3f3f4}
.index-title{display: block;padding:30px 7px;overflow: hidden;}
.index-title h2{font-size: 20px;display: inline-block;float:left;}
.index-title .xian{border-bottom:1px solid #094;margin-top: 1.4em;margin-left: 40px;}
.index-title .more{float: right;width: 6em;text-align: center;padding:3px 0;color: #fff;background:#31a837;}
.index-product-list{}
.index-product-list ul{font-size: 0}
.index-product-list ul li{padding:0 2px;float: none;display: inline-block;vertical-align: top;margin-bottom: 20px;}
.index-product-list ul li a{display: block;text-decoration: none;}
.index-product-list ul li a .img{display: block;position:relative;overflow: hidden;}
.index-product-list ul li a .img img{width: 100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.index-product-list ul li a .text{position: absolute;width: 100%;height: 100%;top:100%;left:0;
	background:#5d8028;background: rgba(93,128,40,.6);padding:8%;
transiton:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;}
.index-product-list ul li a .text:after,.index-product-list ul li a .text:before,
.index-product-list ul li a .text h4:after,.index-product-list ul li a .text h4:before{
	position: absolute;background: #fff;content: "";display: inline-block;
	transiton:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;
}
.index-product-list ul li a .text:after,.index-product-list ul li a .text:before{height: 0%;width: 1px;}
.index-product-list ul li a .text h4:after,.index-product-list ul li a .text h4:before{width: 0%;height: 1px;}
.index-product-list ul li a .text:after{left: 5%;bottom: 5%;}
.index-product-list ul li a .text:before{right: 5%;top: 5%;}
.index-product-list ul li a .text h4:after{top: 5%;left: 5%;}
.index-product-list ul li a .text h4:before{bottom: 5%;right: 5%;}
.index-product-list ul li a .text h4{vertical-align: middle;display: inline-block;color: #fff;
	font-weight: normal;font-size: 16px;line-height: 24px;}
.index-product-list ul li a .title{width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	padding:10px 4px;background: #fff;color: #094;text-align: center;font-size: 16px;}
.index-product-list ul li a:hover .text{top: 0}
.index-product-list ul li a:hover .text:after,.index-product-list ul li a:hover .text:before{height: 90%;}
.index-product-list ul li a:hover .text h4:after,.index-product-list ul li a:hover .text h4:before{width: 90%;}
.index-product-list ul li a:hover .title{background: #094;color: #fff}
.index-product-list ul li a:hover .img img{transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);
-o-transform:scale(1.4);}


.index-box3{}
.index-box3-img{}
.index-box3-img .bian1{padding:0;padding-right:4px}
.index-box3-img .bian2{padding: 0;}
.index-box3-img .bian2 figure{padding:0 2px;margin-bottom: 4px;}
.index-box3-img img{width: 100%;}

.index-box4{padding:20px 0;background: #eee;margin-top: 40px;}
.index-box4-lb{position: relative;}
.index-box4-check{}
.index-box4-img{position: relative;overflow: hidden;width: 94%;margin:0 auto;}
.index-box4-img ul{font-size: 0;text-align: left;}
.index-box4-img ul li {display: inline-block;float: none;vertical-align: top;margin:20px 0;text-align: center;}
.index-box4-img ul li a{display: block;width: 90%;border:1px solid #999;margin: 0 auto;font-size: 0;padding: 5px;}
.index-box4-img ul li a:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.index-box4-img ul li a img{vertical-align: middle;display: inline-block;}
.index-box4-btn{}
.index-box4-btn a{position: absolute;top: 50%;margin-top: -40px;height: 80px;width: 30px;text-align: center;line-height: 80px;
	font-size: 40px;color: #666;text-decoration: none;font-family: "songti"}
.index-box4-btn #btn_box4l{left: 0}
.index-box4-btn #btn_box4r{right: 0}
.index-box5{margin-bottom: 30px;}
/*about*/
.page-banner{width: 100%;overflow:hidden;box-shadow: 0 4px 6px #999}
.page-banner figure{width: 180%;position: relative;left: -40%;}
.page-banner figure img{width: 100%;}

.main{width: 100%;margin-top: 30px;margin-bottom: 30px;}
.main-left{}
.main-left .title{padding:10px 0;text-align: center;color: #fff;background:#77ba18;font-size: 16px;}
.main-left-list{}
.main-left-ul{background: #eee}
.main-left-ul li{border:1px solid #ccc;border-top:none;position: relative;}
.main-left-ul li a{padding: 10px 20px;text-decoration: none;}
.main-left-dropdown{display: none;}
.main-left-dropdown h3{}
.main-left-dropdown h3 a{position: relative;padding-left: 40px;}
.main-left-dropdown h3 a:hover{color: #81be1b}
.main-left-dropdown h3 a:after{display: block;content: "";position: absolute;
left: 26px;width: 4px;height: 4px;top: 50%;margin-top:-4px;border-radius: 50%;background: #000;}

.main-left-ul li a:hover,.main-left-ul li:hover{background: #fff}
.main-left-ul li a:hover+.main-left-dropdown,.main-left-ul li:hover .main-left-dropdown{
	display: block;
}
.main-left-ul li:hover:after{
	display: block;content: "";position: absolute;left: 5px;top: 16px;width: 0;
	height: 0;border:5px solid transparent;border-top-color: #000
}
.main-left-contact{margin-top: 30px;border: 1px solid #ccc;border-top:none;}
.main-left-contact img{width: 100%;}
.main-left-contact h4{font-size: 14px;padding:5px;line-height: 24px;}

.main-right{}
.main-right-header{border-bottom:1px solid #ccc;padding-bottom: 10px;overflow: hidden;}
.main-right-header img{display: inline-block;vertical-align: middle;}
.main-right-header h2{display: inline-block;font-size: 18px;font-weight: 600;vertical-align: middle;}
.main-right-header ol{margin:0;float: right;background: transparent;padding:0;}
.main-right-header ol li{}
.main-right-header ol li a{}
.main-content{}
.main-content img{max-width: 100%;}

.about-box{}
.about-box .text{line-height: 24px;font-size: 16px;margin:20px 0;text-indent: 2em}
.about-box .img{}
.about-box .img img{padding:5px;}

/*news-detailed*/
.news-detailed{}
.news-detailed{line-height: 30px;}
.news-detailed .title{padding-bottom:15px;margin-top: 20px;}
.news-detailed .title h1{font-size: 26px;text-align: center;margin-bottom: 15px;}
.news-detailed .title span{display: block;text-align: center;color: #000}
.news-detailed .text{padding:15px 0;line-height: 30px;}
.news-detailed .title .share{text-align: right;}
.news-detailed .title .share li{display: inline-block;margin:0 5px;}
.news-detailed .title .share li a{}
.news-detailed .title .share li a img{}

.news-box-list{}
.news-box-list ul{}
.news-box-list ul li{margin:10px 0;}
.news-box-list ul li a{display: block;width: 100%;border-bottom: 1px dotted #ccc;padding: 5px 0;text-decoration: none;}
.news-box-list ul li a i{display: inline-block;width: 5px;height:5px;border-radius: 60px;background: #77ba18;}
.news-box-list ul li a h3{font-size: 14px;color: #333;max-width: 70%;display: inline-block;}
.news-box-list ul li a:hover h3{color: #161b70;}
.news-box-list ul li a span{display: inline-block;max-width: 25%;float: right;color: #333}
.news-box-list ul li a:hover span{color: #77ba18}
/*product*/
.product-box{}
.product-box ul{font-size: 0}
.product-box ul li{display: inline-block;vertical-align: bottom;float: none;margin-top:30px;padding:0 8px;}
.product-box ul li a{display: block;}
.product-box ul li a figure{display: block;text-align: center;}
.product-box ul li a figure img{width: 100%;}
.product-box ul li a h2{text-align: center;font-size: 16px;padding:8px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page-list{text-align: center;}
.page-list ul li{}
.page-list ul li a{margin:3px 5px;padding:0px 16px;color: #666;border-radius: 3px;}
.page-list ul li a:hover,.page-list ul li.active a,.page-list ul li.active a:hover,.page-list ul li.active a:focus{
	background: #8ec31f;border-color: #8ec31f;color: #fff
}
.product-detailed{padding:20px 0;}
.product-detailed .index-lb{width: 80%;margin:0 auto;overflow: visible;}
.product-detailed .index-banner-check{display: none;}
.product-detailed .index-banner-img{width: 100%;left: 0;text-align: center;overflow: hidden;}
.product-detailed .index-banner-img a{display: block;}
.product-detailed .index-banner-img a img{width: 100%;}
.product-detailed .index-banner-btn{display: block;}
.product-detailed .index-banner-btn a{background: transparent;width: 30px;height: 50px;line-height: 50px;margin-top: -25px;border:none}
.product-detailed .index-banner-btn a:hover{color: #000}
.product-detailed #btn_next,.product-detailed #btn_prev{display: block;}
.product-detailed #btn_next{right: -35px;}
.product-detailed #btn_prev{left: -35px;}
.product-detailed-list{font-size: 0;margin-top: 20px;}
.product-detailed-list li{float: none;display: inline-block;vertical-align: bottom;padding:0 5px;}
.product-detailed-list li a{display: block;}
.product-detailed-list li a figure{display: block;}
.product-detailed-list li a figure img{width: 100%;}
.product-detailed-list li a h3{font-size: 16px;text-align: center;padding:10px 2px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


/*footer*/
.footer{background: #000;}
.footer-nav{text-align: center;padding:20px 0;border-bottom: 1px solid #eee}
.footer-nav ul li{display: inline-block;padding:10px 20px;}
.footer-nav ul li a{color: #fff;font-size: 14px;border-bottom:1px solid transparent;}
.footer-nav ul li a:hover{border-bottom:1px solid #fff;text-decoration:none;}
.footer-nav ul li .btn-a{display: none;}
.footer-contact{margin:10px;padding-bottom: 20px;}
.footer-contact h2{color: #fff;font-size: 16px;line-height: 24px;text-align: center;padding:10px 0;}
.footer-contact h2 span{margin:0 5px;display: inline-block;}


@media only screen and (max-width: 1100px){
	.header-list-li{background:#094;background:rgba(0,153,68,0.9)}
	.header-list-li ul .list .btn-a{display: inline-block;position: absolute;right: 10px;top: 5px;background: #007d38;z-index: 666;border-radius: 5px;
		font-family: "songti";margin: 0;color: #fff;padding:5px 10px;}
	.header-list-li ul .list .list-a{margin: 0}
	.header-list-li ul .list:hover .list-a{border-bottom: 1px solid #ccc}
	.header-list-li ul .list .dropdown-list li a{color: #fff!important}

	.index-box1{margin-top:0;}
	.index-box1-list ul li .text{height: auto;}
	.index-banner-check{bottom:10px;}
	.index-banner-check li{width: 5px;height: 5px;border-radius: 50%;}
	.index-banner-check li.on{height: 5px;height: 5px;}
	.index-box3-img{padding:0 15px;}
	.index-box3-img figure{margin-bottom: 4px;}
	.index-box4-btn #btn_box4l{left: 0}
	.index-box4-btn #btn_box4r{right: 0}
	.index-box4-img{width: 78%;}
	.footer-contact h2 span{display: block;}
	/*about*/
	.main-right-header{padding-top: 30px;}
	.main-right-header ol{margin-top: 20px;display: block;width: 100%;}
	/*product*/
	.product-detailed .index-lb{width: 100%;}
	.product-detailed #btn_next{right: 0;}
	.product-detailed #btn_prev{left: 0;;}
}