@charset "utf-8";
/* CSS Document */

html{min-width:1110px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#999; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1110{width:1110px; margin:0 auto; clear:both}
.header{width:1110px; height:95px; margin:0 auto; position:relative; z-index:99; clear:both}
.logo{position:absolute; left:0px; top:0px;}
#nav{width:738px; height:55px; padding-top:27px; text-align:center; float:right}
#nav ul{width:100%; float:left}
#nav li{float:left; width:123px; height:55px; position:relative; background:url(../images/menu_bg.png) no-repeat right center; z-index:9;}
#nav a{display:block; float:left; height:50px; padding-top:5px; line-height:25px; color:#666; width:123px; blr:expression(this.onFocus=this.blur());outline:none;position:relative;}
#nav a span{font-size:10px;-webkit-text-size-adjust:none;line-height:12px; display:block;cursor:pointer; font-weight:300; color:#bbb; position:relative}
#nav li a:hover,#nav li a.active{color:#007130;}
#nav li a:hover span,#nav li a.active span{color:#007130;}
#nav li ul{display:none;position:absolute;top:55px; left:0px; width:100%; padding:10px 0; background:#007130; z-index:11}
#nav li ul li{line-height:30px;height:30px;margin:0;background-image:none;position:relative;z-index:2}
#nav li ul a{height:30px; line-height:30px; font-weight:300; color:#fff; width:100%; font-size:12px; padding-top:0px; float:none;}
#nav li ul a:hover{background:#158846; color:#fff;}
.banner{width:100%; height:672px; position:relative; border-top:#ddd 1px solid; clear:both}
.banner ul li{left: 0px; top: 0px; width: 100%; height:672px; display: none; position: absolute;}
.banner .number{left: 50%; width: 1000px; text-align: center; bottom: 30px; margin-left: -500px; position: absolute; z-index: 2;}
.banner .number span{background:url(../images/hd_off.png) no-repeat bottom; margin: 0px 7px; width: 45px; height: 45px; text-align: center; color: rgb(255, 255, 255); vertical-align: top; display: inline-block; cursor: pointer;}
.banner .number span i{width: 100%; line-height: 1.2em; font-size: 48px; font-style: normal; display: none;}
.banner .number span.current{background-image:url(../images/hd_on.png);}
.banner .number span.current i{display: inline-block;}
.bannertxt{height:100%; overflow:hidden; position:relative;}
.bannertxt .txt1{left:220px; top:30px; display:block; position:absolute; opacity:0;}
.bannertxt .txt3{left:370px; top:607px; display:block; position:absolute; opacity:0;}
.loading{background:rgb(255, 255, 255); left:50%; top:50%; position:absolute; z-index: 11; opacity: 0.8;}
.pad50{padding:50px 0px;}
.title{width:100%; height:118px; text-align:center; background:url(../images/tit_bg.png) no-repeat top center; clear:both}
.title h2{height:36px; padding-top:20px; line-height:36px; font-size:30px; font-weight:normal; font-weight:normal; clear:both}
.title p{height:24px; line-height:24px; color:#999; font-size:18px; clear:both}
.intro{width:100%; height:90px; overflow:hidden; margin:30px 0px; line-height:30px; float:left}
.intro a{color:#666; display:block;}
.intro a:hover{color:#08733e;}
.icon{width:100%; float:left;}
.icon li{width:222px; text-align:center; float:left}
.icon li img{display:block; margin:0 auto; transition:all 0.8s ease-in-out;}
.icon li h4{height:30px; line-height:30px; color:#666; padding-top:5px; font-weight:normal; clear:both}
.icon li p{color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.icon li:hover img{transform:rotate(360deg);}
.icon li:hover h4{color:#08733e}
.icon li:hover p{color:#08733e}
.news_wrap{width:100%; background:url(../images/news_bg.jpg) no-repeat top center; clear:both}
.news{width:100%; clear:both}
.list1{width:100%; padding-top:30px; clear:both;}
.list1 li{width:350px; position:relative; margin:0px 10px; padding-bottom:10px; background:#fff; float:left;}
.list1 li img{width:350px; height:228px; float:left;}
.list1 li h4{padding:5px 10px 0px; height:30px; line-height:30px; color:#666; overflow:hidden; clear:both}
.list1 li div{height:40px; line-height:20px; padding:0px 10px; color:#999; overflow:hidden;}
.list1 li span{width:74px; height:74px; position:absolute; right:0px; top:154px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:url(../images/black_bg.png) repeat; color:#fff;}
.list1 li:hover span{background:url(../images/green_bg.png) repeat;}
.list1 li span p{padding-top:10px; line-height:30px; clear:both}
.news font em{width:14px; height:14px; margin:0 5px; background:url(../images/white.png) no-repeat; display:inline-block; cursor:pointer;}
.news font em.emon{width:14px; height:14px; background:url(../images/green.png) no-repeat; border:none;}
#list_mark{padding:20px 0px; clear:both; display:block; text-align:center;}
.more{width:100%; text-align:right; color:#08733e; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:-10px; clear:both}
#scrollbox{width:100%; position:relative; margin-top:20px; float:left;}
#scrollbox li{width:350px; height:338px; padding-top:8px; position:relative; text-align:center; background:url(../images/pro.jpg) no-repeat top center; margin:0px 10px; float:left;}
#scrollbox li p{line-height:50px; color:#666; clear:both}
#scrollbox li:hover{background:url(../images/pro_hover.jpg) no-repeat top center;}
#scrollbox li:hover p{color:#fff;}
.tj{position:absolute; top:0px; right:0px;}
.bot_wrap{width:100%; background:#f3f3f3; padding:30px 0px; clear:both}
.bot_v1{width:100%; padding:10px 0px; color:#999; border-bottom:#ddd 1px solid; float:left;}
.bot_v1 img{vertical-align:middle; padding-right:20px;}
.bot_v1 a{color:#999; padding:0px 15px;}
.bot_v1 a:hover{color:#333;}
.bot_v2{width:100%; padding-top:25px; float:left;}
.f_logo{float:left;}
.f_copy{float:left; color:#999; line-height:27px; padding-left:60px; font-size:12px; padding-top:10px;}
.footer{width:100%; height:55px; line-height:55px; color:#fff; background:#08733e; clear:both}
.f_l{float:left;}
.f_l a{padding:0px 20px; color:#fff;}
.f_r{float:right; position:relative;}
.f_r li{width:100px; float:left;}
.f_r li img{vertical-align:middle; padding-left:8px;}
#sjewm{display:none; height:120px; position:absolute; width:120px; left:0px; bottom:65px;}
#sjewm img{width:120px; height:120px;}
#wxewm{display:none; height:120px; position:absolute; width:120px; left:100px; bottom:65px;}
#wxewm img{width:120px; height:120px;}

/*about*/
.ny_banner{width:100%; height:400px; border-top:#ddd 1px solid; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#per{background:url(../images/per_banner.jpg) no-repeat top center;}
#ser{background:url(../images/ser_banner.jpg) no-repeat top center;}

.pos{width:100%; height:68px; line-height:68px; border-bottom:#e6e6e6 1px solid; float:left}
.pos_l{float:left;}
.pos_l h2{float:left; color:#4f4f4f; font-weight:normal; font-size:22px;}
.pos_l h2 span{color:#bbb; padding-left:10px;}
.pos_r{float:right; font-size:12px; color:#999;}
.pos_r a{color:#999;}
.pos_r a:hover{color:#000;}
.ny_wrap{width:100%; background:#fcfcfc; padding:40px 0px; clear:both}
.sub{width:100%; clear:both;}
.sub li{width:136px; height:45px; margin-right:5px; text-align:center; line-height:45px; float:left}
.sub li a{display:block; background:url(../images/sub.png) no-repeat center; color:#666; font-weight:bold;}
.sub li a:hover,.sub li a.active{background:url(../images/sub_hover.png) no-repeat center; color:#fff;}
.ny{width:1010px; padding:50px; line-height:30px; border:#eee 1px solid; background:#fff; margin:40px auto 0px;}

/*news*/
.manage{width:100%; clear:both}
.manage li{width:970px; height:135px; padding:20px; border-bottom:#e6e6e6 1px dashed; float:left}
.manage li a img{float:left; width:206px; height:135px;}
.manage li h3{height:30px; line-height:30px;}
.manage li p{font-size:12px; color:#999; line-height:26px;}
.list-left{width:730px; margin-left:20px; float:left;}
.list-left a{width:108px; height:24px; line-height:24px; text-align:center; font-size:12px; background:#08733e; color:#fff; display:block;}
.list-left span{color:#777; line-height:24px; height:48px; margin-bottom:5px; font-size:12px; overflow:hidden; display:block;}
.list-left p{color:#555;}
.manage li:hover{background:#f9f9f9;}

/*products*/
.pro_list{width:100%; clear:both;}
.pro_list li{width:240px; margin:0px 5px 10px; border:#ddd 1px solid; text-align:center; float:left;}
.pro_list li img{width:240px; height:200px; float:left;}
.pro_list li p{clear:both; height:40px; line-height:40px; color:#666; overflow:hidden; background:#eee;}
.pro_list li:hover p{background:#08733e; color:#fff;}

/*contact*/
.con_m{width:350px; line-height:28px; }
.con_m h3{line-height:40px; font-size:18px; clear:both}
.con_m li{width:140px; padding-right:10px; margin-top:10px; float:left;}
.con_m li img{width:140px; height:140px; float:left}
.con_m li p{text-align:center; clear:both}

/*honor*/
.honor{width:100%; clear:both;}
.honor li{width:240px; margin:0px 5px 10px; text-align:center; float:left;}
.honor li img{width:230px; height:180px; border:#ddd 1px solid; padding:4px; float:left;}
.honor li p{clear:both; height:35px; line-height:35px; color:#666; overflow:hidden;}
.honor li:hover p{color:#08733e;}

#lanren #audio-btn{width: 44px;height: 44px; position:fixed; z-index:999999; top:0; left:0;}
#lanren .on{background: url(../images/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#lanren .off{background: url(../images/music_off.png) no-repeat 0 0;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.qq{width:150px; position:fixed; top:215px; right:0px;}
.qq_tit{width:100%; height:34px; line-height:34px; background:#484848; text-indent:1em; color:#fff; float:left}
.qq_tit span{float:left;}
.qq_tit a{float:right;}
.qq_main{width:100%; float:left;}
.qq_main img{float:left;}
.qq_main p{background:#fff; text-align:center; color:#333; padding:10px 0px; font-size:12px; line-height:18px; clear:both}
.qq_main h3{text-align:center; background:#fff; height:30px; font-size:16px; color:#e81a2b; clear:both}
.qq_zk{width:25px; height:90px; position:fixed; top:215px; right:0px; cursor:pointer; display:none; z-index:9999}