﻿@charset "utf-8";
body{margin:0;padding:0;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
ul,li,h2,p{list-style:none;margin:0;padding:0;}
a{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;text-decoration:none;}
H5{padding-bottom: 0px;margin: 0px;padding-left: 0px;padding-right: 0px;font-size: 12px;font-weight: normal;padding-top: 0px;}
.clearBoth{line-height: 0;width: 100%;height: 0px;clear: both;font-size: 0px;overflow: hidden;}
#box_root{margin-left: auto;margin-right: auto;}

/*header*/
#header{border-bottom:#03923a 7px solid;height: 110px;}
#header_box{margin: 0px auto;width: 1200px;height: 110px;}
#logo{margin-top: 10px;width: 188px;float: left;height: 53px;}
#menu{width: 785px;float: left;margin-left: 75px;}

/*about us*/
#box_main{width: 100%;background: url(/images/ab_bg.jpg) no-repeat center center;height: 350px;margin-left: auto;margin-right: auto;padding-top: 60px;}
#box_main_sub1{margin: 0px auto;width: 1200px;}
#box_main_sub1_sub1{width: 550px;float: left;}
#box_main_sub1_sub2{width: 569px;float: right;}
.ab_box{width: 550px;}
.ab_box H2{border-bottom: #bebebe 1px solid;color: #03923a;font-size: 28px;font-weight: 100;}
.ab_box H2 SPAN{line-height: 2em;text-transform: uppercase;font-family: arial;color: #686868;margin-left: 15px;font-size: 28px;}
.ab_box P{line-height: 1.8em;margin-top: 20px;margin-bottom: 50px;color: #747474;font-size: 14px;}
.ab_list{width: 100%;overflow: hidden;}
.ab_list LI{padding-bottom:0px;padding-left:25px;width:116px;padding-right:25px;background:#069;float:left;height:37px;margin-right: 5px;padding-top: 20px;transition: 0.3s;}
.ab_list LI.ab_li_01{background: #343434;}
.ab_list LI.ab_li_02{background: #3acab3;}
.ab_list LI.ab_li_03{background: #dd6c47;}
.ab_list LI A{text-decoration:none;}
.ab_list LI A SPAN{width: 17px;display: block;float: left;height: 22px;margin-right: 13px;margin-left:0;}
.ab_list LI A SMALL{color: #fff;font-size: 16px;}
.ab_list LI A.ab_icon_01 SPAN{background: url(/images/hope.png) no-repeat center center;}
.ab_list LI A.ab_icon_02 SPAN{background: url(/images/ab_pro.png) no-repeat center center;}
.ab_list LI A.ab_icon_03 SPAN{background: url(/images/ab_hor.png) no-repeat center center;}
.ab_list LI:hover{background: #03923a;}
.ab_vid{position: relative;width: 569px;height: 303px;overflow: hidden;}
.ab_vid .vid_bg{position: absolute;top: 0px;left: 0px;transition: 10s;}
.ab_vid .vid_btn{z-index: 10;position: absolute;margin-top: -40px;width: 80px;height: 80px;margin-left: -40px;top: 50%;cursor: pointer;left: 50%;}
.ab_vid:hover .vid_bg{-webkit-transform: scale(1.3);transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
.vid_box{z-index: 99999;position: fixed;margin-top: -225px;width: 700px;height: 450px;margin-left: -350px;top: 50%;left: 50%;}
.close{position: absolute;text-align: center;line-height: 50px;width: 50px;background: #000;height: 50px;color: #fff;font-size: 20px;top: 0px;cursor: pointer;right: -60px;}
.blac{z-index: 99998;position: fixed;filter: alpha(opacity=50);width: 100%;background: #000;font-size: 0px;top: 0px;left: 0px;opacity: 0.5;}

/*indexproductlist*/
#box_pro{width: 100%;height: 600px;}
#box_pro_sub1{margin: 0px auto;width: 1200px;height: 600px;overflow: hidden;padding-top: 40px;}
#box_pro_sub1_sub1{width: 100%;}
#box_pro_sub1_sub2{width: 100%;}
.pro_tit{color: #03923a;font-size: 24px;}
.pro_tit SMALL{color: #6c6c6c;margin-left: 5px;font-size: 16px;}
.pro_list{margin: 40px auto 0px;width: 1200px;overflow: hidden;}
.pro_list LI{position: relative;width: 396px;margin-bottom: 5px;float: left;height: 245px;overflow: hidden;margin-right: 5px;}
.pro_list LI .pro_box{position: absolute;width: 396px;height: 245px;top: 0px;left: 0px;}
.pro_list LI .pro_top{position: absolute;filter: alpha(opacity=0);width: 396px;background: url(/images/pro_top_bg.png) no-repeat center center;height: 122px;top: 0px;left: 0px;opacity: 0;transition: 0.3s;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform-origin: 0 0;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-o-transform-origin: 0 0;}
.pro_list LI .pro_top A{height:100%;padding-top:80px;display: block;color: #fff;font-size: 30px;font-weight: 700;text-decoration: none;text-align:center;}
.pro_list LI .pro_bot A:hover{text-decoration:none;}
.pro_list LI .pro_top A:hover{text-decoration:none;}
.pro_list LI .pro_bot{position: absolute;filter: alpha(opacity=0);width: 396px;bottom: 0px;background: url(/images/pro_bot_bg.png) no-repeat center center;height: 123px;right: 0px;opacity: 0;transition: 0.3s;-webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform-origin: bottom right;-webkit-transform-origin: bottom right;-moz-transform-origin: bottom right;-o-transform-origin: bottom right;}
.pro_list LI .pro_bot A{height:100%;width:100%;display: block;}
.pro_list LI:hover .pro_top{filter: alpha(opacity=100);opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}
.pro_list LI:hover .pro_bot{filter: alpha(opacity=100);opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}

/*news*/
#box_news{width: 100%;float: none;height: 366px;padding-top: 40px;}
#box_news_sub1{margin: 0px auto;width: 1200px;height: 255px;}
#box_news_sub1 H2{color: #03923a;font-size: 28px;font-weight: 100;}
#box_news_sub1 H2 SPAN{line-height: 2em;text-transform: uppercase;font-family: arial;color: #686868;margin-left: 15px;font-size: 28px;}
#box_news .content{position: relative;width: 396px;float: left;height: 255px;margin-left: 2px;overflow: hidden;margin-right: 2px;}
#box_news .content:hover .newslist .pic A IMG{-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
#box_news .content .newslist{position: absolute;height: 255px;top: 0px;left: 0px;}
#box_news .more{text-align: right;width: 100%;overflow: hidden;}
#box_news UL LI.clearBoth{line-height: 1px;width: 100%;height: 1px;clear: both;}
#box_news .newstitle{z-index: 10;position: absolute;width: 100%;bottom: 0px;left: 0px;}
#box_news .newstitle UL{width: 100%;background: #03923a;height: 40px;clear: both;}
#box_news .newstitle LI{}
#box_news .newstitle LI H3{padding-left: 12px;display: inline;background: none transparent scroll repeat 0% 0%;color: #000;font-size: 12px;font-weight: bold;}
#box_news .newstitle LI H3 A{line-height: 40px;color: #fff;font-size: 14px;text-decoration:none;}
#box_news .newstitle LI SPAN{color: #000;}
#box_news .newstitle LI EM{font-style: normal;}
#box_news .newslist UL{width: 100%;overflow: hidden;}
#box_news .newslist .pic{position: absolute;width: 396px;height: 255px;top: 0px;left: 0px;}
#box_news .newslist .pic A{border-bottom: medium none;border-left: medium none;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;float: left;border-top: medium none;border-right: medium none;padding-top: 0px;}
#box_news .newslist .pic A:hover{border-bottom: medium none;border-left: medium none;border-top: medium none;border-right: medium none;}
#box_news .newslist .pic IMG{width: 396px;height: 255px;transition: 10s;}
#box_news .comstyle{width: 100%;overflow: hidden;}

/*footer*/
.ft_box .ft_top{width: 100%;background:#03923a;height: 140px;padding-top: 52px;}
.ft_box .ft_top .ft_box_con{margin: 0px auto;width: 1200px;background: url(/images/ft_line.png) no-repeat 555px 10px;height: 142px;}
.ft_box .ft_top .ft_box_con .ft_left{width: 518px;float: left;height: 88px;}
.ft_box .ft_top .ft_box_con .ft_right{margin-top: 5px;width: 608px;float: right;height: 80px;}
.ft_box .ft_top .ft_box_con .ft_right H5{margin-bottom: 5px;color: #fff;font-size: 16px;}
.ft_box .ft_top .ft_box_con .ft_right P{line-height: 2em;color: #fff;font-size: 12px;}
.ft_box .ft_top .ft_box_con .ft_right P a{color: #fff;font-size: 12px;}
.ft_box .ft_top .ft_box_con .ft_right P SPAN{margin-left: 10px;margin-right: 10px;}
.ft_box .ft_bot{width: 100%;background: #000;height: 50px;}
.ft_box .ft_bot .ft_bot_con{margin: 0px auto;width: 1200px;height: 33px;padding-top: 17px;color: #bbbbbb;font-size: 12px;}
.ft_box .ft_bot .ft_bot_con A{color: #bbbbbb;font-size: 12px;transition: 0.3s;}
.ft_box .ft_bot .ft_bot_con A:hover{color: #fff;text-decoration: underline;}
.ft_box .ft_top .ft_box_con .ft_right H5{margin-bottom: 5px;color: #fff;font-size: 16px;}

/*navagation*/
.nav{height:110px; width:785px; float: left;margin-left: 75px;}
.nav ul{list-style:none;}
.nav ul li{float:left; line-height:110px; text-align:center; height: 110px;}
.nav ul li a{text-decoration:none; color:#000000; display:block; width:110px;}
.nav ul li a:hover{background-color:#03923a; color:#FFFFFF;}
.nav ul li ul li{float:none; height:40px; line-height:40px;}
.nav ul li ul{display:none; position: absolute; z-index:999;}
/*IE7*/
.nav ul li ul li a:link,.nav ul li ul li a:visited{background-color:#EEEEEE;}
.nav ul li ul li a:hover{background-color:#009933;}
#toplink{float:right;}
.fa_list{width: 150px;height: 30px;line-height:30px;}
.fa_list LI{padding-left: 10px;padding-right: 10px;background: url(/images/xuline.png) no-repeat right center;float: left;}
.fa_list LI A{display: block;color: #666;font-size: 12px;}

/* banner */
.mainbanner{height:600px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:2000px;height:600px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:600px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:2000px;height:600px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:540px;width:500px;height:30px;margin-left:-75px;position:absolute;}
.mainbanner_list li{width:30px;height:30px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{background:url("../images/photoico.png") no-repeat;width:25px;height:25px;line-height:25px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background-position:0 -30px;text-decoration:none;}
.mainbanner_list li a:hover{background-position:0 -30px;text-decoration:none;}

/*page*/
#page_banner{width:100%;height: 250px;overflow: hidden;}

#box_sub_main_sub1{width: 100%;background: #fff;height: 110px;padding-top:10px;}
#topbar{margin: 0px auto;width: 1200px;}
#bread_nav{text-align:left;line-height:40px;width:100%;height:40px;clear:both;overflow:hidden;font-size:14px;}
#bread_nav a{color:#03923a;font-weight:700;}
#middle-menu{text-align: left;margin: 0px auto;width: 100%;clear: both;height: 45px;overflow: hidden;}
#middle-menu UL{background: #03923a;height: 45px;}
#middle-menu UL LI{float: left;}
#middle-menu UL LI A{line-height: 45px;margin: 0px;padding-left: 25px;padding-right: 25px;display: block;height: 45px;color: #fff;font-size: 14px;border-right: #01661d 1px solid;text-decoration: none;transition: 0.3s;}
#middle-menu UL LI A:hover{background: #01661d;text-decoration: none;}

#box_sub_main_sub2{width: 100%;background: #f7f7f7;border-top: #e3e3e3 1px solid;}
#page_wrap{margin: 0px auto;width:75%;padding-bottom: 30px;}
.page_title{color:#000;font-size: 24px;font-weight: bold;text-align:center;line-height:90px;height:90px;}
.page_content .wen_tu {margin-bottom: 20px;float: left;margin-right: 20px;}
.page_content p{line-height: 2em;margin-bottom: 10px;color: #333333;font-size: 16px;text-indent:2em;}

/*list*/
#list_wrap{margin: 0px auto;width: 1200px;padding-bottom: 30px;}
.list_title{color:#000;font-size: 24px;font-weight: bold;text-align:center;line-height:90px;height:90px;}
#list_wrap ul{padding-bottom:10px;}
#list_wrap ul li{line-height: 45px;font-size: 14px;transition: 0.3s;border-bottom: #e3e3e3 1px solid;padding:0 20px;color: #666;}
#list_wrap ul li:hover{background:#03923a;padding:0 40px;}
#list_wrap ul li span{float:right;line-height: 45px;color: #333333;font-size: 12px;transition: 0.3s;}
#list_wrap ul li:hover span,#list_wrap ul li:hover{color:#fff;}
.pageInfo{text-align:center;line-height: 45px;height:45px;font-size: 14px;color: #333333;}
.pageInfo a{font-size: 14px;color: #333333;}

/*article*/
#art_wrap{margin: 0px auto;width:75%;padding-top:50px;padding-bottom:30px;}
.art_title{color:#000;font-size: 24px;font-weight: bold;text-align:center;line-height:60px;height:60px;}
.info {text-align: center;height: 40px;line-height: 40px;}
.info span{margin: 0 10px;color: #666666;font-size: 12px;}
.summary {margin: 0px auto;width:85%;line-height: 2em;border: 1px solid #DBDBDB;padding:10px;font-size: 14px;}
.art_content{margin-top:20px;}
.art_content p{line-height: 2em;margin-bottom: 10px;color: #333333;font-size: 16px;text-indent:2em;}
.articlenav{font-size: 14px; color: #666666; line-height: 2em; margin-top: 30px;}
.articlenav span{float: right;}
.articlenav a{color: #666666; text-decoration: none;}

/*productlist*/
#box_pro_main {margin: 0px auto;width: 1200px;padding-top: 30px;}
#box_pro_main_sub1{padding-bottom: 80px; width: 250px; float: left;}
#box_pro_main_sub1 ul li a{border-bottom: #e3e3e3 1px solid; line-height: 45px; padding-left: 25px; display: block;background: url(/images/ny_pro_bg.jpg) no-repeat center center; height: 45px; color: #fff; font-size: 14px;}

#box_pro_main_sub2{border: #e3e3e3 1px solid; width: 910px; background: #f7f7f7;margin-bottom:30px;padding-bottom:10px;float: right;}
#pro_bread_nav {margin: 0px auto;height:45px;line-height:45px;font-size:14px;width:95%;border-bottom: #e3e3e3 1px solid;}
#pro_list{padding-left:20px;padding-right:20px;}
#pro_list .pro_li{padding:20px 0;}
#pro_list .pic{width: 140px;float: left;margin-right: 5px;}
#pro_list .pic A{border: #ececec 1px solid;padding:1px;display: inline-block;}
#pro_list .pic A IMG{ width: 120px; height: 135px;}
#pro_list .pro_intro ul li{height:24px;line-height:24px;font-size:12px;}
#pro_list .pro_intro ul li a,#pro_bread_nav a{color:#03923a;font-weight:700;}

/*product*/
#pro_detail .pro_content{margin: 0px auto;width:95%;padding-top:20px;clear: both;overflow: hidden;}
#pro_detail .pic{text-align:center;}
#pro_detail .pic img{width: 300px;height: 338px;border:#ececec 1px solid; }
.skimpro h4 {font-size:16px;height:30px;line-height:30px;}
.skimpro p{font-size:14px;height:30px;line-height:30px;}
.skimpro a{color:#03923a;}
.pro_name{font-size:16px;color:#03923a;height:70px;line-height:70px;text-align:center;}
.pro_html{padding:20px 0;font-size:14px;line-height:30px;}