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

body {
    margin: 0 auto;
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif "微软雅黑";
    min-width:1400px;
    background:#ffffff
}
.wrapper {
    width: 1400px;
    margin: 0 auto;
	overflow:hidden
}
.wrapper1 {
    width: 1200px;
    margin: 0 auto;
	overflow:hidden
}
a {
    outline: none;
    text-decoration:none
}
a:hover{ text-decoration:underline}
img {
    border: 0
}
.fl {
    float: left
}
.fr {
    float: right
}
.cb {
    clear: both;
    height:0
}
li{ list-style:none}
div, h1, h2, h3, h4, h5, h6, p, form, label, input, textarea, img, ul, li,dl,dt,dd {
    padding: 0;
    margin: 0
}


.w25{ width:25%}
.w200{ width:200px}
#wrap{
    overflow: hidden;
    width:100%;
}
#main{
    height:2944px;
    top:0;
    position: relative;
}
.page{
    width:100%;
    margin:0;
}

.bg01{
    background-color: rgba(0,132,32,.8);
    height: 100px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008420,endColorstr=#008420);
}
.bg01_ny{
    background-color: rgba(0,132,32,.8);
    height: 100px;
    width: 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008420,endColorstr=#008420);
}
.bg02{
    background-image: url("../images/bg02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.bg03{
    background-image: url("../images/bg03.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.bg04{
    background-image: url("../images/bg04.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.bg05{
    background-image: url("../images/bg05.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.nav{
    width: 1100px;
    color: #fff;
    padding-top: 20px;
    margin-left: 40px;
}
.nav a{
    display: inline-block;
    width: 100px;
    text-align: center;
    color: #fff;
    height: 60px;
    line-height: 60px;
}
.nav a:hover span{
    border-bottom: 3px solid #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    height: 60px;
}




.banner-engine{height:100%;position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height:auto}
.banner-engine .banner-text{position:absolute;left:0;top:0;width:100%;height:100%; background-size: cover}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:50px;line-height:50px;color:#fff; margin-left: 50%}
.banner-engine .banner-text2{margin-top:28px;font-size:22px;line-height:38px;color:#ffffff; background: url(../images/index02.png) no-repeat; width: 545px; margin-left: 80%; text-indent: .5em}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:100%;max-width:100%; height: 100%}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:15%}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:url(../images/pagination_02.png) no-repeat}
.banner-area li.active{background:url(../images/pagination_01.png) no-repeat}

.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 100; width: 36px; height: 94px; margin-left: -18px;}
.godown span { display: block; width: 36px; height: 94px; background-image: url(../images/godown.png);}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	25% {-webkit-transform: translateY(-10px);}
	50%, 100% {-webkit-transform: translateY(0);}
	75% {-webkit-transform: translateY(10px);}
}
@keyframes fade {
	25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
	75% {-webkit-transform: translateY(10px);}
}

.index_profile{
    width: 592px;
    margin-left: 170px;
    margin-top: 220px;
    color: #006e3b;
    font-size: 16px;
    line-height: 30px;
	opacity:0
}
.index_quick{
    width: 308px;
    margin-right: 182px;
    margin-top: 255px;
	opacity:0
}
.index_quick .icon01{
    width: 124px;
    height: 124px;
    background: #006e3b;
    border-radius: 75px;
    text-align: center;
}
.index_quick .icon01:hover{
    background: #f08300;
}
.index_quick .icon01 a{
    color: #fff;
    display: block;
    height: 124px;
    background: url("../images/icon01.png") center 20px no-repeat;
    position: relative;
}
.index_quick .icon01 a span{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 124px;
    text-align: center;
}

.index_quick .icon02{
    width: 124px;
    height: 124px;
    background: #006e3b;
    border-radius: 75px;
    text-align: center;
}
.index_quick .icon02:hover{
    background: #f08300;
}
.index_quick .icon02 a{
    color: #fff;
    display: block;
    height: 124px;
    background: url("../images/icon02.png") center 20px no-repeat;
    position: relative;
}
.index_quick .icon02 a span{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 124px;
    text-align: center;
}

.index_quick .icon03{
    width: 124px;
    height: 124px;
    background: #006e3b;
    border-radius: 75px;
    text-align: center;
    margin-top: 39px;
}
.index_quick .icon03:hover{
    background: #f08300;
}
.index_quick .icon03 a{
    color: #fff;
    display: block;
    height: 124px;
    background: url("../images/icon03.png") center 20px no-repeat;
    position: relative;
}
.index_quick .icon03 a span{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 124px;
    text-align: center;
}

.index_quick .icon04{
    width: 124px;
    height: 124px;
    background: #006e3b;
    border-radius: 75px;
    text-align: center;
    margin-top: 39px;
}
.index_quick .icon04:hover{
    background: #f08300;
}
.index_quick .icon04 a{
    color: #fff;
    display: block;
    height: 124px;
    background: url("../images/icon04.png") center 20px no-repeat;
    position: relative;
}
.index_quick .icon04 a span{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 124px;
    text-align: center;
}
.pro_title{
	padding-top: 200px;
	text-align: center;
	opacity: 0
}
.fp-tableCell .img {
    width: 100%;
    height: 100%;
}
.pro_con{
	width: 1280px;
	position: absolute;
	margin-left: 65px;
	margin-top: 200px;
	opacity: 0
}
.pro_con .pro_con_item{
	width: 199px;
	height: 185px;
	margin-right: 14px;
	position: relative
}
.pro_con .pro_con_item:hover .pro_con_item_detail{
	display: block;
} 
.pro_con .pro_con_item .pro_con_item_detail{
	width: 521px;
	height: 480px;
	background: rgba(255,255,255,.7);
	border: 1px solid #f08300;
	position: absolute;
	top: -485px;
	left: 0;
	display: none
}
.pro_con .pro_con_item .pro_con_item_detail .img1{
	width: 521px;
	height: 440px;
}
.pro_con .pro_con_item .pro_con_item_detail a{
	color: #f08300;
	line-height: 40px;
	text-align: center;
	background: none;
}
.pro_con .pro_con_item .pro_con_item_detail a:hover{
	background: none;
	text-decoration: underline
}
.pro_con .pro_con_item:last-child{
	margin-right: 0
}
.pro_con .pro_con_item .img{
	width: 199px;
	height: 163px;
	background: #fff
}
.pro_con .pro_con_item span{
	display: block;
	height: 22px;
	line-height: 22px;
	text-align: center;
}
.pro_con .pro_con_item a{
	background: #006e3b;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 12px
}
.pro_con .pro_con_item a:hover{
	background: #f08300
}
.news_title{
	padding-top: 200px;
	text-align: center;
	opacity: 0
}
.news_con{
	width: 1142px;
	margin: 35px auto 0 auto;
	opacity: 0
}
.news_con .more{
	text-align: right
}
.news_con .more a{
	display: inline-block;
	color: #f08300;
	font-size: 12px;
	background: #f0f0f0;
	border: 1px solid #f08300;
	border-radius: 5px;
	line-height: 30px;
	padding: 0 15px
}
.news_con .news_item{
	width: 514px;
	height: 118px;
	margin-bottom: 54px;
	background: rgba(255,255,255,.9);
	padding: 17px 16px
}
.news_con .news_item:hover{
	-moz-box-shadow: -5px 5px 10px #494949; /* 老的 Firefox */
	box-shadow: -5px 5px 10px #494949;
	transition-duration: .5s
}
.news_con .news_item .img{
	width: 166px;
	height: 118px;
}
.news_con .news_item .txt{
	width: 327px;
	color: #666565
}
.news_con .news_item .txt .h_title{
	color: #4e4e4e;
	font-size: 14px;
	float: left;
	width: 150px;
}
.news_con .news_item .txt .h_date{
	float: right;
	color: #9b9b9b
}
.news_con .news_item .txt .h_detail{
	height: 50px;
	margin-top: 10px
}
.news_con .news_item .txt .h_more{
	text-align: right
}
.news_con .news_item .txt .h_more a{
	display: inline-block;
	color: #f3862e;
	border: 1px solid #bfbfbf;
	background: #fff;
	width: 86px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	text-decoration: none
}
.news_con .news_item .txt .h_more a:hover{
	color: #fff;
	background: #f3803c;
	border: 1px solid #d75c13
}
.contact_title{
	padding-top: 200px;
	text-align: center;
	opacity: 0
}
.contact_left{
	width: 445px;
	height: 407px;
	background: rgba(255,255,255,.7);
	margin-top:45px;
	margin-left:130px;
	padding:0 51px;
	opacity: 0
}
.contact_left h1{
	color:#007d3a;
	font-size:30px;
	display:block;
	padding-top:40px;
	font-weight:normal
}
.contact_left p{
	display:block;
	margin-top:30px;
	color:#323232;
	font-size:14px
}
.contact_right{
	width: 569px;
	height: 364px;
	background: rgba(255,255,255,.7);
	margin-top:45px;
	margin-right:130px;
	padding:43px 0 0 0;
	opacity: 0
}
.contact_right .form_t{
	width:118px;
	text-align:right;
	color:#323232;
	font-size:14px;
	margin-top:10px
}
.contact_right .form_c{
	width:332px;
	margin-left:10px;
	margin-top:10px
}
.contact_right .form_c textarea{
	width:332px;
	height:152px;
	resize:none;
	border:0
}
.contact_right .form_c .input{
	width:332px;
	height:30px;
	border:0
}
.contact_right .form_c .input1{
	width:139px;
	height:30px;
	border:0
}
.contact_right .form_c .btn{
	width:90px;
	height:32px;
	border:0;
	background:#006f3c;
	color:#fff;
	font-size:18px;
	cursor:pointer
}
.copyright{
	text-align:center;
	color:#fff;
	margin-top:70px
}

.ny_banner{
	height:357px;
	text-align:center;
	color:#FFF
}
.ny_banner .banner_txt{
	padding-top:140px
}
.ny_banner .banner_txt h1{
	font-size:36px;
}
.ny_banner .banner_txt p{
	font-size:18px;
	margin-top:10px;
	line-height:26px
}
.banner_txt_orange{
	color:#f08300 !important
}
.banner_txt_news{
	color: #fff;
	text-align: right;
	width: 800px;
	margin: 0 auto
}
.banner_txt_news p{
	font-size: 22px !important;
	height: 38px;
	line-height: 38px !important;
	background: url(../images/ny06.png) right no-repeat;
	padding-right: 10px
}
.ny_menu{
	height:59px;
	background:#e2e2e2;
	text-align:center;
	line-height:59px;
}
.ny_menu li{
	float:left
}
.ny_menu li a{
	color:#323232;
	font-size:14px;
	display:block;
	height:59px;
	line-height:59px;
	text-decoration:none
}
.ny_menu li a:hover{
	color:#ffffff;
	background:#339d45
}
.ny_menu li a.active{
	color:#ffffff;
	background:#339d45
}
.ny_menu .ny_menu_a{
	text-align:right;
	color:#535353
}
.ny_menu .ny_menu_a a{
	color:#535353;
	padding:0 10px;
	text-decoration:none
}
.ny_menu .ny_menu_a a:hover{
	color:#339d45
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ny_menu{ padding:0; height:59px; line-height:59px; background:#e2e2e2;  position:relative; z-index:1; width: 100%  }
.ny_menu a{ color:#323232;  }
.ny_menu .nLi{ float:left;  position:relative; display:inline; text-align: center}
.ny_menu .nLi h3{ float:left; width: 100%  }
.ny_menu .nLi h3 a{ display:block; font-size:14px; width: 100% }
.ny_menu .on h3 a{ background:#339d45; color:#fff;   }

.about_brand{
	padding-bottom:60px
}
.about_brand li{
	float:left;
	width:284px;
	height:284px;
	margin-top:60px;
	margin-right:33px;
	margin-left:33px
}
.about_brand li img{ width: 284px; height: 284px}

.footer{
	background:#333333;
	color:#c6c6c6;
	line-height:89px;
	text-align:center;
	font-size:14px
}

.about_profile{
	width:1200px;
	margin:60px auto;
	background:url(../images/ny02.jpg) no-repeat;
	background-size:cover;
	height:677px;
	overflow:hidden
}
.about_profile .about_profile_con{
	margin-right:45px;
	color:#505050;
	font-size:14px;
	width:481px;
	padding-top:60px;
	float:right
}
.about_profile .about_profile_con .t{
	border-bottom:1px solid #339d45;
	color:#339d45;
	font-size:24px;
	line-height:40px;
	padding-left:15px;
}

.about_profile_detail{
	margin-top:40px;
	line-height:26px
}

.about_honor{
	width:1200px;
	margin:60px auto;
	background:#eeeeee;
	overflow:hidden
}
.about_honor_left{
	width:568px;
}
.about_honor_left img{
	width:568px;
}
.about_honor_right{
	width:600px;
}
.about_honor_right .honor_item{
	border:1px solid #8f8f8f;
	width:240px;
	height:160px;
	padding:7px 9px;
	float:left;
	margin-top:47px;
	margin-left:15px;
	margin-right:15px
}
.about_honor_right .honor_item img{ width: 240px; height: 160px}
.about_culture{
	width:1200px;
	margin:60px auto;
	overflow:hidden
}
.about_culture_left{
	width:600px;
	height:368px
}
.about_culture_left img{
	width:600px;
	height:368px
}
.about_culture_right{
	width:565px;
	height:368px;
	color:#505050;
	font-size:14px;
	line-height:26px;
	padding-left:35px
}
.about_culture_right h2{
	color:#339d45;
	margin-top:15px
}
.about_culture_right p{
	margin-top:10px
}

.customer_service{
	width:1198px;
	margin:60px auto;
	background:#f7f7f7;
	border:1px solid #d5d5d5
}
.customer_service .t{
	border-bottom:1px solid #d5d5d5;
	height:148px;
	line-height:148px;
	color:#323232;
	text-align:center;
	font-size:30px
}
.customer_service .customer_service_con{
	padding:30px 60px;
	line-height:40px;
	color:#323232;
	font-size:14px
}

.product_detail{
	width:1200px;
	margin:60px auto;
}
.product_detail_pic{
	width: 597px;
	height: 701px;
	background: #f2f2f2
}
.product_detail_txt{
	width: 540px;
	height: 701px;
	color: #323232;
	font-size: 14px;
	line-height: 26px
}
.product_detail_txt h1{
	color: #2a2a2a;
	font-size: 24px;
	padding-bottom: 20px
}
.product_detail_txt h2{
	color: #2a2a2a;
	font-size: 24px;
	padding-bottom: 40px;
	font-weight: normal
}
.product_detail_txt p{
	padding-bottom: 20px
}
.product_detail_parameter{
	margin-top: 90px
}
.product_detail_parameter .t{
	display: inline-block;
	background: #339d45;
	color: #fff;
	height: 40px;
	padding: 0 25px;
	font-size: 24px;
	line-height: 40px
}
.product_detail_parameter table{
	border-collapse: collapse;
	margin-top: 22px
}
.product_detail_parameter table td{
	border: 1px solid #d5d5d5;
	min-height: 75px;
	text-align: center;
	padding: 8px;
	color: #505050;
	font-size: 14px
}

.product_list{
	width: 1200px;
	margin:60px auto;
}
.product_list .pro_con_item{
	width: 285px;
	height: 284px;
	margin-right: 15px;
	position: relative
}
.product_list .pro_con_item:last-child{
	margin-right: 0
}
.product_list .pro_con_item .img{
	width: 285px;
	height: 232px;
	background: #fff
}
.product_list .pro_con_item span{
	display: block;
	height: 51px;
	line-height: 51px;
	text-align: center;
}
.product_list .pro_con_item a{
	background: #b9b9b9;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 12px
}
.product_list .pro_con_item a:hover{
	background: #339d45
}

.news_list{
	width: 1200px;
	margin: 60px auto;
}
.news_list .news_item{
	width: 100%;
	height: 118px;
	margin-bottom: 54px;
	padding: 14px 0 39px 0;
	border-bottom: 1px solid #eeeeee
}
.news_list .news_item .img{
	width: 214px;
	height: 118px;
}
.news_list .news_item .txt{
	width: 970px;
	color: #666565
}
.news_list .news_item .txt .h_title{
	color: #4e4e4e;
	font-size: 14px;
	float: left;
	width: 800px;
}
.news_list .news_item .txt .h_date{
	float: right;
	background: url(../images/time.png) left no-repeat;
	padding-left: 17px;
	color: #d0d0d0
}
.news_list .news_item .txt .h_date span{
	color: #b7b6b6
}
.news_list .news_item .txt .h_detail{
	height: 50px;
	margin-top: 10px
}
.news_list .news_item .txt .h_more{
	text-align: right
}
.news_list .news_item .txt .h_more a{
	display: inline-block;
	color: #339d45;
	border: 1px solid #bfbfbf;
	background: #fff;
	width: 86px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	text-decoration: none
}
.news_list .news_item .txt .h_more a:hover{
	color: #fff;
	background: #339d45;
	border: 1px solid #339d45
}

.news_detail{
	width:1200px;
	margin:60px auto;
}
.news_detail .t{
	border-bottom:1px solid #d5d5d5;
	height:148px;
	color:#323232;
	
}
.news_detail .t h1{
	text-align:center;
	font-size:30px;
	line-height: 100px;
	font-weight: normal
}
.news_detail .t p{
	color: #9f9f9f
}
.news_detail .news_detail_con{
	padding:30px 0;
	line-height:40px;
	color:#323232;
	font-size:14px
}

.video_list{
	width:1200px;
	margin:60px auto
}
.video_list .video_item{
	width:384px;
	height:398px;
	position:relative;
	margin-bottom:23px;
	margin-left:7px;
	margin-right:7px
}
.video_list .video_item a.link{ display: block; height: 290px}
.video_list .video_item .img{
	width:384px;
	height:290px;
	position: absolute;
	top: 0;
	left: 0
}
.video_list .video_item .img_mask{
	width:384px;
	height:290px;
	position:absolute;
	top:0;
	left:0
}
.video_list .video_item .txt{
	border:1px solid #d5d5d5;
	height:106px;
	width:382px;
}
.video_list .video_item .txt .title{
	color:#b6b6b6;
	font-size:16px;
	line-height:30px;
	padding-left:5px;
}
.video_list .video_item .txt .title a{
	color:#5f5f5f
}
.video_list .video_item .txt .datetime{
	margin-left:5px;
	background:url(../images/time.png) left no-repeat;
	color:#939393;
	padding-left:15px;
	line-height:30px
}
.video_list .video_item .txt .more{
	text-align:right;
	padding-right:10px
}
.video_list .video_item .txt .more a{
	display:inline-block;
	color:#FFF;
	width:86px;
	height:30px;
	background:url(../images/ny08.png) no-repeat;
	text-align:center;
	line-height:30px
}
.marketing_network{
	width:1200px;
	margin:60px auto
}
.marketing_network .t{
	height:148px;
	line-height:148px;
	color:#323232;
	text-align:center;
	font-size:30px
}

.slideBox{ width:597px; height:701px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#9f9f9f; cursor:pointer; border-radius: 25px }
.slideBox .hd ul li.on{ background:#339d45; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:597px; height:701px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.modal {
    
	width: 1200px;
	margin: 0 auto
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
	background-color: #ffffff;
}
.modal-body {
    position: relative;
    padding: 15px;
	background-color: #ffffff;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
	background-color: #ffffff;
}

@media (max-width:1024px) {
    body {
        margin: 0 auto;
        font-size: 14px;
        font-family:Arial, Helvetica, sans-serif "微软雅黑";
        min-width:1000px;
        background:#ffffff
    }
    .wrapper {
        width: 1000px;
        margin: 0 auto;
        overflow:hidden
    }
    .wrapper1 {
        width: 1000px;
        margin: 0 auto;
        overflow:hidden
    }
    .logo{ height: 80px; margin-top: 10px}
    .tel{ width: 120px}

    .w25{ width:25%}
    .w200{ width:160px}
    #wrap{
        overflow: hidden;
        width:100%;
    }
    #main{
        height:2944px;
        top:0;
        position: relative;
    }
    .page{
        width:100%;
        margin:0;
    }

    .bg01{
        background-color: rgba(0,132,32,.8);
        height: 100px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008420,endColorstr=#008420);
    }
    .bg01_ny{
        background-color: rgba(0,132,32,.8);
        height: 100px;
        width: 100%;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008420,endColorstr=#008420);
    }
    .bg02{
        background-image: url("../images/bg02.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 10;
        background-position: top;
    }
    .bg03{
        background-image: url("../images/bg03.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    .bg04{
        background-image: url("../images/bg04.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    .bg05{
        background-image: url("../images/bg05.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    .nav{
        width: 776px;
        color: #fff;
        padding-top: 20px;
        margin-left: 10px;
    }
    .nav a{
        display: inline-block;
        width: 70px;
        text-align: center;
        color: #fff;
        height: 60px;
        line-height: 60px;
    }
    .nav a:hover span{
        border-bottom: 3px solid #fff;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        height: 60px;
    }




    .banner-engine{height:100%;position:relative;overflow:hidden;}
    .banner-engine .banner-ul{position:relative;width:100%;height:auto}
    .banner-engine .banner-text{position:absolute;left:0;top:0;width:100%;height:100%; background-size: cover}
    .banner-engine .banner-text{display:none}
    .banner-engine .banner-text1{font-size:50px;line-height:50px;color:#fff; margin-left: 10%}
    .banner-engine .banner-text1 img{ width: 500px}
    .banner-engine .banner-text2{margin-top:28px;font-size:18px;line-height:38px;color:#ffffff; background: url(../images/index02.png) right no-repeat; width: 460px; margin-left: 20%; background-size: cover; text-indent: .5em}
    .banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
    .banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
    .banner-ul li{display:none;height:100%;width:100%;float:left}
    .banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
    .banner-engine .banner-ul li:first-child{z-index:initial}

    .banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
    .banner-engine .banner-point{display:block}

    .slider-main{display:none;position:relative;margin:0 auto;min-width:100%;max-width:100%; height: 100%}
    .banner-engine .slider-main{display:block}
    .slider-text{position:absolute;margin-top:20%}
    .banner-area{width:100%;text-align:center}
    .banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:url(../images/pagination_02.png) no-repeat}
    .banner-area li.active{background:url(../images/pagination_01.png) no-repeat}


    .index_profile{
        width: 570px;
        margin-left: 0;
        margin-top: 160px;
        color: #006e3b;
        font-size: 16px;
        line-height: 30px;
        opacity:0
    }
    .index_profile img{ height: 80px}
    .index_quick{
        width: 296px;
        margin-right: 0px;
        margin-top: 205px;
        opacity:0
    }
    .index_quick .icon01{
        width: 124px;
        height: 124px;
        background: #006e3b;
        border-radius: 75px;
        text-align: center;
    }
    .index_quick .icon01:hover{
        background: #f08300;
    }
    .index_quick .icon01 a{
        color: #fff;
        display: block;
        height: 124px;
        background: url("../images/icon01.png") center 20px no-repeat;
        position: relative;
    }
    .index_quick .icon01 a span{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 124px;
        text-align: center;
    }

    .index_quick .icon02{
        width: 124px;
        height: 124px;
        background: #006e3b;
        border-radius: 75px;
        text-align: center;
    }
    .index_quick .icon02:hover{
        background: #f08300;
    }
    .index_quick .icon02 a{
        color: #fff;
        display: block;
        height: 124px;
        background: url("../images/icon02.png") center 20px no-repeat;
        position: relative;
    }
    .index_quick .icon02 a span{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 124px;
        text-align: center;
    }

    .index_quick .icon03{
        width: 124px;
        height: 124px;
        background: #006e3b;
        border-radius: 75px;
        text-align: center;
        margin-top: 39px;
    }
    .index_quick .icon03:hover{
        background: #f08300;
    }
    .index_quick .icon03 a{
        color: #fff;
        display: block;
        height: 124px;
        background: url("../images/icon03.png") center 20px no-repeat;
        position: relative;
    }
    .index_quick .icon03 a span{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 124px;
        text-align: center;
    }

    .index_quick .icon04{
        width: 124px;
        height: 124px;
        background: #006e3b;
        border-radius: 75px;
        text-align: center;
        margin-top: 39px;
    }
    .index_quick .icon04:hover{
        background: #f08300;
    }
    .index_quick .icon04 a{
        color: #fff;
        display: block;
        height: 124px;
        background: url("../images/icon04.png") center 20px no-repeat;
        position: relative;
    }
    .index_quick .icon04 a span{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 124px;
        text-align: center;
    }
    .pro_title{
        padding-top: 150px;
        text-align: center;
        opacity: 0
    }
    .pro_title img{ height: 80px}
    .fp-tableCell .img {
        width: 100%;
        height: 100%;
    }
    .pro_con{
        width: 1000px;
        position: absolute;
        margin-left: 0px;
        margin-top: 160px;
        opacity: 0
    }
    .pro_con .pro_con_item{
        width: 157px;
        height: 145px;
        margin-right: 9px;
        position: relative
    }
    .pro_con .pro_con_item:hover .pro_con_item_detail{
        display: block;
    }
    .pro_con .pro_con_item .pro_con_item_detail{
        width: 409px;
        height: 376px;
        background: rgba(255,255,255,.7);
        border: 1px solid #f08300;
        position: absolute;
        top: -395px;
        left: 0;
        display: none
    }
    .pro_con .pro_con_item .pro_con_item_detail .img1{
        width: 409px;
        height: 337px;
    }
    .pro_con .pro_con_item .pro_con_item_detail a{
        color: #f08300;
        line-height: 40px;
        text-align: center;
        background: none;
    }
    .pro_con .pro_con_item .pro_con_item_detail a:hover{
        background: none;
        text-decoration: underline
    }
    .pro_con .pro_con_item:last-child{
        margin-right: 0
    }
    .pro_con .pro_con_item .img{
        width: 157px;
        height: 128px;
        background: #fff
    }
    .pro_con .pro_con_item span{
        display: block;
        height: 22px;
        line-height: 22px;
        text-align: center;
    }
    .pro_con .pro_con_item a{
        background: #006e3b;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 12px
    }
    .pro_con .pro_con_item a:hover{
        background: #f08300
    }
    .news_title{
        padding-top: 150px;
        text-align: center;
        opacity: 0
    }
    .news_title img{ height: 80px}
    .news_con{
        width: 1000px;
        margin: 25px auto 0 auto;
        opacity: 0
    }
    .news_con .more{
        text-align: right;
        margin-bottom: 10px;
    }
    .news_con .more a{
        display: inline-block;
        color: #f08300;
        font-size: 12px;
        background: #f0f0f0;
        border: 1px solid #f08300;
        border-radius: 5px;
        line-height: 15px;
        padding: 0 15px
    }
    .news_con .news_item{
        width: 447px;
        height: 99px;
        margin-bottom: 24px;
        background: rgba(255,255,255,.9);
        padding: 17px 16px
    }
    .news_con .news_item:hover{
        -moz-box-shadow: -5px 5px 10px #494949; /* 老的 Firefox */
        box-shadow: -5px 5px 10px #494949;
        transition-duration: .5s
    }
    .news_con .news_item .img{
        width: 146px;
        height: 104px;
    }
    .news_con .news_item .txt{
        width: 287px;
        color: #666565
    }
    .news_con .news_item .txt .h_title{
        color: #4e4e4e;
        font-size: 14px;
        float: left;
        width: 150px;
    }
    .news_con .news_item .txt .h_date{
        float: right;
        color: #9b9b9b
    }
    .news_con .news_item .txt .h_detail{
        height: 36px;
        margin-top: 10px
    }
    .news_con .news_item .txt .h_more{
        text-align: right
    }
    .news_con .news_item .txt .h_more a{
        display: inline-block;
        color: #f3862e;
        border: 1px solid #bfbfbf;
        background: #fff;
        width: 86px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        text-decoration: none
    }
    .news_con .news_item .txt .h_more a:hover{
        color: #fff;
        background: #f3803c;
        border: 1px solid #d75c13
    }
    .contact_title{
        padding-top: 150px;
        text-align: center;
        opacity: 0
    }
    .contact_title img{ height: 80px}
    .contact_left{
        width: 377px;
        height: 275px;
        background: rgba(255,255,255,.7);
        margin-top:45px;
        margin-left:0px;
        padding:0 51px;
        opacity: 0
    }
    .contact_left h1{
        color:#007d3a;
        font-size:24px;
        display:block;
        padding-top:40px;
        font-weight:normal
    }
    .contact_left p{
        display:block;
        margin-top:10px;
        color:#323232;
        font-size:14px
    }
    .contact_right{
        width: 498px;
        height: 232px;
        background: rgba(255,255,255,.7);
        margin-top:45px;
        margin-right:0px;
        padding:43px 0 0 0;
        opacity: 0
    }
    .contact_right .form_t{
        width:118px;
        text-align:right;
        color:#323232;
        font-size:14px;
        margin-top:10px
    }
    .contact_right .form_c{
        width:332px;
        margin-left:10px;
        margin-top:10px
    }
    .contact_right .form_c textarea{
        width:332px;
        height:55px;
        resize:none;
        border:0
    }
    .contact_right .form_c .input{
        width:332px;
        height:30px;
        border:0
    }
    .contact_right .form_c .input1{
        width:139px;
        height:30px;
        border:0
    }
    .contact_right .form_c .btn{
        width:90px;
        height:32px;
        border:0;
        background:#006f3c;
        color:#fff;
        font-size:18px;
        cursor:pointer
    }
    .copyright{
        text-align:center;
        color:#fff;
        margin-top:15px
    }

    .ny_banner{
        height:357px;
        text-align:center;
        color:#FFF
    }
    .ny_banner .banner_txt{
        padding-top:140px
    }
    .ny_banner .banner_txt h1{
        font-size:36px;
    }
    .ny_banner .banner_txt p{
        font-size:18px;
        margin-top:10px;
        line-height:26px
    }
    .banner_txt_orange{
        color:#f08300 !important
    }
    .banner_txt_news{
        color: #fff;
        text-align: right;
        width: 800px;
        margin: 0 auto
    }
    .banner_txt_news p{
        font-size: 22px !important;
        height: 38px;
        line-height: 38px !important;
        background: url(../images/ny06.png) right no-repeat;
        padding-right: 10px
    }
    .ny_menu{
        height:59px;
        background:#e2e2e2;
        text-align:center;
        line-height:59px;
    }
    .ny_menu li{
        float:left
    }
    .ny_menu li a{
        color:#323232;
        font-size:14px;
        display:block;
        height:59px;
        line-height:59px;
        text-decoration:none
    }
    .ny_menu li a:hover{
        color:#ffffff;
        background:#339d45
    }
    .ny_menu li a.active{
        color:#ffffff;
        background:#339d45
    }
    .ny_menu .ny_menu_a{
        text-align:right;
        color:#535353
    }
    .ny_menu .ny_menu_a a{
        color:#535353;
        padding:0 10px;
        text-decoration:none
    }
    .ny_menu .ny_menu_a a:hover{
        color:#339d45
    }
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .ny_menu{ padding:0; height:59px; line-height:59px; background:#e2e2e2;  position:relative; z-index:1; width: 100%  }
    .ny_menu a{ color:#323232;  }
    .ny_menu .nLi{ float:left;  position:relative; display:inline; text-align: center}
    .ny_menu .nLi h3{ float:left; width: 100%  }
    .ny_menu .nLi h3 a{ display:block; font-size:14px; width: 100% }
    .ny_menu .on h3 a{ background:#339d45; color:#fff;   }

    .about_brand{
        padding-bottom:60px
    }
    .about_brand li{
        float:left;
        width:237px;
        height:237px;
        margin-top:60px;
        margin-right:6px;
        margin-left:6px
    }
    .about_brand li img{ width: 237px; height: 237px}

    .footer{
        background:#333333;
        color:#c6c6c6;
        line-height:89px;
        text-align:center;
        font-size:14px
    }

    .about_profile{
        width:1000px;
        margin:60px auto;
        background:url(../images/ny02.jpg) no-repeat;
        background-size:cover;
        height:566px;
        overflow:hidden
    }
    .about_profile .about_profile_con{
        margin-right:45px;
        color:#505050;
        font-size:12px;
        width:402px;
        padding-top:60px;
        float:right
    }
    .about_profile .about_profile_con .t{
        border-bottom:1px solid #339d45;
        color:#339d45;
        font-size:24px;
        line-height:40px;
        padding-left:15px;
    }

    .about_profile_detail{
        margin-top:40px;
        line-height:26px
    }

    .about_honor{
        width:1000px;
        margin:60px auto;
        background:#eeeeee;
        overflow:hidden
    }
    .about_honor_left{
        width:500px;
    }
    .about_honor_left img{
        width:500px;
    }
    .about_honor_right{
        width:500px;
    }
    .about_honor_right .honor_item{
        border:1px solid #8f8f8f;
        width:201px;
        height:134px;
        padding:7px 9px;
        float:left;
        margin-top:47px;
        margin-left:12px;
        margin-right:12px
    }
    .about_honor_right .honor_item img{ width: 201px; height: 134px}
    .about_culture{
        width:1000px;
        margin:60px auto;
        overflow:hidden
    }
    .about_culture_left{
        width:500px;
        height:307px
    }
    .about_culture_left img{
        width:500px;
        height:307px
    }
    .about_culture_right{
        width:465px;
        height:307px;
        color:#505050;
        font-size:12px;
        line-height:20px;
        padding-left:35px
    }
    .about_culture_right h2{
        color:#339d45;
        margin-top:15px
    }
    .about_culture_right p{
        margin-top:10px
    }

    .customer_service{
        width:998px;
        margin:60px auto;
        background:#f7f7f7;
        border:1px solid #d5d5d5
    }
    .customer_service .t{
        border-bottom:1px solid #d5d5d5;
        height:148px;
        line-height:148px;
        color:#323232;
        text-align:center;
        font-size:30px
    }
    .customer_service .customer_service_con{
        padding:30px 60px;
        line-height:40px;
        color:#323232;
        font-size:14px
    }

    .product_detail{
        width:1000px;
        margin:60px auto;
    }
    .product_detail_pic{
        width: 494px;
        height: 581px;
        background: #f2f2f2
    }
    .product_detail_txt{
        width: 450px;
        height: 581px;
        color: #323232;
        font-size: 14px;
        line-height: 26px
    }
    .product_detail_txt h1{
        color: #2a2a2a;
        font-size: 24px;
        padding-bottom: 20px
    }
    .product_detail_txt h2{
        color: #2a2a2a;
        font-size: 24px;
        padding-bottom: 40px;
        font-weight: normal
    }
    .product_detail_txt p{
        padding-bottom: 20px
    }
    .product_detail_parameter{
        margin-top: 90px
    }
    .product_detail_parameter .t{
        display: inline-block;
        background: #339d45;
        color: #fff;
        height: 40px;
        padding: 0 25px;
        font-size: 20px;
        line-height: 40px
    }
    .product_detail_parameter table{
        border-collapse: collapse;
        margin-top: 22px
    }
    .product_detail_parameter table td{
        border: 1px solid #d5d5d5;
        min-height: 75px;
        text-align: center;
        padding: 8px;
        color: #505050;
        font-size: 14px
    }

    .product_list{
        width: 1000px;
        margin:60px auto;
    }
    .product_list .pro_con_item{
        width: 237px;
        height: 237px;
        margin-right: 10px;
        position: relative;
        border: 1px solid #b9b9b9;
        margin-top: 10px;
    }
    .product_list .pro_con_item:last-child{
        margin-right: 0
    }
    .product_list .pro_con_item .img{
        width: 237px;
        height: 195px;
        background: #fff
    }
    .product_list .pro_con_item span{
        display: block;
        height: 42px;
        line-height: 42px;
        text-align: center;
    }
    .product_list .pro_con_item a{
        background: #b9b9b9;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 12px
    }
    .product_list .pro_con_item a:hover{
        background: #339d45
    }

    .news_list{
        width: 1000px;
        margin: 60px auto;
    }
    .news_list .news_item{
        width: 100%;
        height: 118px;
        margin-bottom: 54px;
        padding: 14px 0 25px 0;
        border-bottom: 1px solid #eeeeee
    }
    .news_list .news_item .img{
        width: 179px;
        height: 99px;
    }
    .news_list .news_item .txt{
        width: 808px;
        color: #666565
    }
    .news_list .news_item .txt .h_title{
        color: #4e4e4e;
        font-size: 14px;
        float: left;
        width: 800px;
    }
    .news_list .news_item .txt .h_date{
        float: right;
        background: url(../images/time.png) left no-repeat;
        padding-left: 17px;
        color: #d0d0d0
    }
    .news_list .news_item .txt .h_date span{
        color: #b7b6b6
    }
    .news_list .news_item .txt .h_detail{
        height: 50px;
        margin-top: 10px
    }
    .news_list .news_item .txt .h_more{
        text-align: right
    }
    .news_list .news_item .txt .h_more a{
        display: inline-block;
        color: #339d45;
        border: 1px solid #bfbfbf;
        background: #fff;
        width: 86px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        text-decoration: none
    }
    .news_list .news_item .txt .h_more a:hover{
        color: #fff;
        background: #339d45;
        border: 1px solid #339d45
    }

    .news_detail{
        width:1000px;
        margin:60px auto;
    }
    .news_detail .t{
        border-bottom:1px solid #d5d5d5;
        height:108px;
        color:#323232;

    }
    .news_detail .t h1{
        text-align:center;
        font-size:30px;
        line-height: 70px;
        font-weight: normal
    }
    .news_detail .t p{
        color: #9f9f9f
    }
    .news_detail .news_detail_con{
        padding:30px 0;
        line-height:40px;
        color:#323232;
        font-size:14px
    }

    .video_list{
        width:1000px;
        margin:60px auto
    }
    .video_list .video_item{
        width:319px;
        height:330px;
        position:relative;
        margin-bottom:23px;
        margin-left:7px;
        margin-right:7px
    }
    .video_list .video_item a.link{ display: block; height: 243px}
    .video_list .video_item .img{
        width:319px;
        height:243px;
        position: absolute;
        top: 0;
        left: 0
    }
    .video_list .video_item .img_mask{
        width:319px;
        height:243px;
        position:absolute;
        top:0;
        left:0
    }
    .video_list .video_item .txt{
        border:1px solid #d5d5d5;
        height:88px;
        width:317px;
    }
    .video_list .video_item .txt .title{
        color:#b6b6b6;
        font-size:16px;
        line-height:20px;
        padding-left:5px;
    }
    .video_list .video_item .txt .title a{
        color:#5f5f5f
    }
    .video_list .video_item .txt .datetime{
        margin-left:5px;
        background:url(../images/time.png) left no-repeat;
        color:#939393;
        padding-left:15px;
        line-height:30px
    }
    .video_list .video_item .txt .more{
        text-align:right;
        padding-right:10px
    }
    .video_list .video_item .txt .more a{
        display:inline-block;
        color:#FFF;
        width:86px;
        height:30px;
        background:url(../images/ny08.png) no-repeat;
        text-align:center;
        line-height:30px
    }
    .marketing_network{
        width:1000px;
        margin:60px auto
    }
    .marketing_network .t{
        height:108px;
        line-height:108px;
        color:#323232;
        text-align:center;
        font-size:30px
    }

    .slideBox{ width:494px; height:581px; overflow:hidden; position:relative;}
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#9f9f9f; cursor:pointer; border-radius: 25px }
    .slideBox .hd ul li.on{ background:#339d45; color:#fff; }
    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:494px; height:581px; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
    .slideBox .prev:hover,
    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .slideBox .prevStop{ display:none;  }
    .slideBox .nextStop{ display:none;  }


    .modal {

        width: 630px;
        margin: 0 auto
    }
    .modal-header {
        padding: 10px !important;
        border-bottom: 1px solid #e5e5e5;
        background-color: #ffffff;
    }
    .modal-body {
        position: relative;
        padding: 0 !important;
        background-color: #ffffff;
        width: 613px;
        height: 450px;
        text-align: center;
    }
    .modal-body img{
        width: 600px;
        height: 450px;
    }
    .modal-footer {
        padding: 10px !important;
        text-align: right;
        border-top: 1px solid #e5e5e5;
        background-color: #ffffff;
    }
}