@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font-size:12px; font-family:Arial,"microsoft yahei"; color:#21282e; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}

a{text-decoration:none; color:#21282e;}
a:hover{text-decoration:none; color:#00923f; }
.clear{clear:both;}
.clearfix:after, .clearfix:before{ display: table; content: ""; line-height: 0;}
.clearfix:after{ clear:both;}
img{border:0}

input,textarea{  font-family:"Microsoft YaHei";}
input:focus,textarea:focus{ outline:none;}

::selection{ background:#00923f; color:#fff;}
::-moz-selection{ background:#00923f; color:#fff;}
::-webkit-selection{ background:#00923f; color:#fff;}

.fadeInLeft{animation: fadeInLeft 2s;}
.fadeInRight{animation: fadeInRight 2s;}
.fadeInDown{animation: fadeInDown 2s;}
.fadeInUp{animation: fadeInUp 2s;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.box{ width:1200px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative;}
.fl {
    float:left;
    display: inline;
}
.fr {
    float:right;
    display: inline;
}


.scroll_i{cursor:pointer; background: url(../images/tip.png) no-repeat 0 0; background-size: contain; position: absolute; bottom: 50px; left:50%; margin-left: -10px; width: 20px; height: 34px; z-index: 5;}
.wheel{position: absolute; top: 10px; left: 50%; margin-left: -1.5px; height: 8px; width: 3px; display: block; background: #fff; border-radius: 10px; -webkit-animation: mouse-wheel 2s ease infinite; -moz-animation: mouse-wheel 2s ease infinite; animation: mouse-wheel 2s ease infinite;}
.scroll_down .unu{ display: block; position: absolute; bottom:-12px; left:0; width: 100%; height: 7px; background: url(../images/scroll_down.png) center top no-repeat; background-size: 16px;}
@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% {top: 1px;}
    50% {top: 2px;}
    100% {top: 3px;}
}
.unu,.doi,.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.unu {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
}
@-webkit-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@-moz-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@-o-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}


/* 导航 */
.pc_nav{margin:0; height:100px; width:100%; background:#fff;}
.pc_nav .logo{float: left;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative; margin:20px 0;}
.pc_nav .logo img{width:100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pc_nav .nav{ height:100px; float:right;}
.pc_nav .nav ul{ margin:0 auto;}
.pc_nav .nav ul li{ float:left; line-height: 100px; text-align:center;}
.pc_nav .nav ul li a{ color:#666;font-size:16px; display:block; padding:0 35px;}
.pc_nav .nav ul li:hover, .pc_nav .nav ul li:hover a{background:#00923f; color:#fff;}
.pc_nav .nav .on a, .pc_nav .nav .on li{color:#fff;background:#00923f;}






/* banner */
.banner {width:100%;position:relative;height:675px;}
.banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:675px;overflow:hidden;text-align:center;}
.banner .hd {width:20px;position:absolute;z-index:1;bottom:50%; right:2%;}
.banner .hd ul {text-align:center;}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px; border:solid 1px #fff; border-radius:7px; margin:10px 0;overflow:hidden;line-height:999px;}
.banner .hd ul .on {background:#fff;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:0 -44px;}


/* main1 */

.main1{ width:1200px; margin:0 auto; position: relative;}
.news{ margin:60px 0 0; width:776px; float:left;}
.news .top_n{ width:100%; font-size:22px; color:#00923f; margin-bottom: 40px;}
.news .top_n span{ font-size:16px; color:#7c7c7c; margin-left: 15px;}
.news .news_box{ width:100%; position:relative;}
.news .news_img{ width: 295px; height: 265px; border: 5px #f1f1f1 solid; position:relative; overflow: hidden; float: left;}
.news .news_img img{width: 295px; height: 265px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.news .news_img:hover img{transform: scaleX(1.1) scaleY(1.1);}
.news .news_1{ width:440px; float:right;}
.news .news_1 h2{ font-size:14px; color:#333;}
.news .news_1 h2 a:hover{ color:#00923f;}
.news .news_1 dd{ font-size:12px; color:#666; line-height: 24px; margin-top:10px;}
.news .news_1 span{ margin-top:15px; float: left;}
.news .news_1 span a{ font-size:12px; color:#999;}
.news .news_1 span a:hover{color:#00923f;}
.news .i{ width:440px; height:1px; background:#ddd; margin:25px 0; float: right;}
.news .news_2{ width:440px; float:right;}
.news .news_2 li{ width:100%; line-height:28px; color:#333;}
.news .news_2 li a{ width:85%; float: left;}
.news .news_2 li a:hover{color:#00923f;}
.news .news_2 li p{ width: 15%; float:right;}


.about{ margin:60px 0 0; width:380px; float:right;}
.about .top_a{ width:100%; font-size:22px; color:#00923f; margin-bottom: 40px;}
.about .top_a span{ font-size:16px; color:#7c7c7c; margin-left: 15px;}
.about .about_box{ width:100%; position:relative;}
.about .about_img{ width:205px; height: 274px; float: left;}
.about .about_j{ width:254px; height:160px; background:rgba(0, 130, 60, .8); position: absolute; right:0; margin: 37px 0; padding: 20px;}
.about .about_j dd{ font-size:12px; line-height: 26px; color:#fff;}
.about .about_j .tite{ width:106px; height:24px; border: 1px #fff solid; background:none; text-align:center; position:absolute; bottom: 20px;}
.about .about_j .tite a{ font-size: 12px; line-height:26px; color:#fff; display: block;}
.about .about_j .tite:hover{ background:#da251c; border:1px #da251c solid; transition: all 0.5s ease 0s;}

/* main2 */
.main2{ width:1200px; margin:0 auto; position: relative;}
.product{ margin:60px 0 0; width:100%;}
.product .top_p{ width:100%; font-size:22px; color:#00923f; margin-bottom: 40px;}
.product .top_p span{ font-size:16px; color:#7c7c7c; margin-left: 15px;}
.product .top_p a{ float:right; color:#333; font-size:14px;}
.product .top_p a:hover{ color:#00923f;}
.product .product_box{ position:relative; width:1200px;}
.product .product_box ul{ width: 1248px; margin-left:-24px;}
.product .product_box li{ float: left; margin:0 24px; width:368px;}
.product .product_box li .img{ width:368px; height: 260px; position:relative; overflow: hidden;}
.product .product_box li .img img{ width:368px; height: 260px; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.product .product_box li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.product .product_box li p{ width:100%; text-align:center; line-height:50px; height:50px; font-size: 14px; color:#333;}
.product .product_box li:hover p{ color:#00923f;}


/* foot */
.foot{ width:100%; background:#00923f; height: 358px; position:relative; margin-top:50px;}
.foot .f_img{ padding:40px 0; text-align:center;}
.foot .foot_nav{ margin:0 auto; width:1200px; text-align:center; color:#fff;}
.foot .foot_nav li{ margin:0 30px; display: inline-block; text-align:center;}
.foot .foot_nav li a{ font-size: 15px; color:#fff;}
.foot .foot_nav li a:hover{text-decoration:underline;}
.foot .xian{ width:100%; height:1px; background:#018138; margin: 35px 0;}
.foot .copy{ width:1200px; margin:0 auto; text-align:center; color:#fff; font-size: 14px; line-height:24px;}
.foot .copy a{ font-size:14px; color:#fff;}
.foot .copy a:hover{text-decoration:underline;}
.foot .foot_ic{margin:40px auto 0; width:1200px; text-align:center;}
.foot .foot_ic li{ margin:0 20px; text-align:center; display: inline-block;}
.weixin{display:block;text-align:center; position:relative;}
.weixin a{ width:24px; height:20px;background:url(../images/wx_ic.png) no-repeat; float:left}
.weixin img{ display:none;}
.weixin:hover img{ position:absolute; left:50%; bottom: 40px; margin-left:-80px; padding-top:30px; display:block; transition: all 0.5s ease 0s;}




.page_banner{width:100%; height:360px;position: relative; overflow:hidden;left:0;top:0; z-index:5;}
/*  面包屑 */
.crumbs{background:url(../images/now.png) center left no-repeat; padding-left: 24px; height: 50px; line-height: 50px;font-size: 13px; color: #fff;position:absolute;z-index:1; bottom: -360px;}
.crumbs a{ margin:0 5px; color:#fff;}
.crumbs a:hover{text-decoration:underline;}




/* 内页导航 */
.inline-nav{width: 100%; border-bottom: 1px solid #e5e5e5; height: 60px; background: #fff;}
.inline-nav .page_nav{ margin:0 auto; position:relative; text-align:center;}
.inline-nav .page_nav li{padding: 0 10px;margin:0 18px; position: relative;text-align: center;line-height: 60px; display: inline-block;}
.inline-nav .page_nav li a{display: block;width: 100%;font-size: 15px;color: #333;transition:color 0.3s;}
.inline-nav .page_nav li:hover a,.inline-nav .page_nav li.select a{color: #00923f;}


/* */
.cont-box{ padding:40px 0; line-height:26px; font-size:14px; color:#666;}


.file4_pic{ position:relative; width:1200px; overflow: hidden;}
.file4_pic .bd{ width:1260px; margin-left:-30px; margin-top:30px;}
.file4_pic .bd ul{  overflow: hidden;}
.file4_pic .bd li{ width: 255px; margin:10px 30px; float: left; position: relative; cursor:pointer;overflow: hidden;}
.file4_pic .bd li img{ width:100%;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.file4_pic .bd li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);-webkit-transition: .5s; transition: .5s;}
.file4_pic .bd li p{width:100%;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; line-height:50px; text-align:center; font-size:14px;}
.file4_pic .bd li:hover p{ background:#00923f; color:#fff;}

/* page_product */
.page_pro{ padding:25px 0 0; width: 1200px;}
.page_pro .pro_list{ width:1230px; margin-left:-15px;}
.page_pro .pro_list li{ width:277px; margin:15px; float: left; height: 256px;}
.page_pro .pro_list li .img{width:277px; height: 196px; position:relative; overflow: hidden;}
.page_pro .pro_list li .img img{width:277px; height: 196px; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.page_pro .pro_list li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.page_pro .pro_list li p{ width:100%; height:60px; text-align:center; background:#f9f9f9; color:#333; line-height:60px; font-size: 16px;}
.page_pro .pro_list li:hover p{background:#00923f; color:#fff; transition: all 0.5s ease 0s;}
.page_pro .pro_list li span{ background:url(../images/p-bg.png) 0 0 no-repeat; position:absolute; width:277px; height: 25px;}


.page_news{ width:1200px; padding:25px 0;}
.page_news{width: 1200px;margin: 0 auto;}
.page_news ul li{border-bottom: 1px solid #eee;padding: 30px 0;}
.page_news ul li a{display: block;height: 100%;width: 100%;cursor: pointer;}
.page_news .model2 .news_b{width: 900px;height: auto;}
.page_news .model2 .news_b .title{margin-bottom: 5px;}
.page_news .model2 .title h2{display: inline-block;max-width: 80%;color: #333;font-size: 18px;font-weight: bold;line-height: 38px;margin-right: 10px;}
.page_news .model2:hover .title h2{ color:#00863a;}
.page_news .model2 .title span{display: inline-block;color: #888888;font-size: 12px;padding-right: 10px;font-weight: normal;}
.page_news .model2 .details{color: #666666;font-size: 14px;line-height: 35px;overflow: hidden;}
.page_news .model2 .news_m{ font-size:14px; color:#666; margin-top:30px;}
.page_news .model2:hover .news_m{ color:#00863a;}
.page_news .model2 .pic{width: 200px;height: 180px;overflow: hidden;}
.page_news .model2 .pic img{display: block;width: 200px;height: 180px;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.page_news .model2:hover .pic img{transform: scaleX(1.1) scaleY(1.1); }


.pageNewsT{ width:1200px; margin:30px auto 0; font-size:16px; text-align:center; color:#222; font-weight:bold;}
.pageNewsC{ width:1200px; margin:0 auto; font-size:12px; color:#999; text-align:center; padding:15px 0; border-bottom:dashed 1px #ccc;}
.pageNewsD{ width:1200px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


.page_case{ width:1200px; padding:25px 0;}
.page_case ul{ width: 1230px; margin-left: -15px;}
.page_case li{ float: left; width:277px; margin:15px; position: relative; cursor:pointer;}
.page_case li .img{ width: 277px; height: 185px; position:relative; overflow: hidden;}
.page_case li .img img{ width: 277px; height: 185px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.page_case li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.page_case li h3{ font-size: 16px; color:#000; font-weight: normal; float: left; width:100%; margin-top:15px;    text-align: center;}
.page_case li dd{ font-size:12px; color:#666; line-height: 24px; margin-top: 15px; float: left; width:100%;}
.page_case li .more{ float: left; margin-top:15px;}
.page_case li .more a{ font-size:12px; color:#666;}
.page_case li .more a:hover{ color:#00923f;}


.page_case_list{ width:1200px; margin:20px auto 0; display: block; }
.page_case_list li{ width: 100%; float: left; height: 200px; position:relative; margin:20px 0;}
.page_case_list li dl{width: 300px; height: 200px; cursor:pointer; overflow:hidden; position:relative; display:inline-block; float:left;}
.page_case_list li dl .img{width: 300px; height: 200px; position:relative ; overflow: hidden;}
.page_case_list li dl .img img{width: 300px; height: 200px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.page_case_list li:hover dl .img img{transform: scaleX(1.1) scaleY(1.1);}
.page_case_list li .case_con{ width: 72%; float:right;}
.page_case_list li .case_con a{ float: left; font-size:16px; color:#333;line-height:38px; font-weight:700; display: block;width:100%;}
.page_case_list li .case_con a:hover{ color:#00923f;}
.page_case_list li .case_con span{ width:100%;font-size: 14px;color: #666; border-bottom: 1px dotted #d3d3d3; padding-bottom: 10px;line-height: 24px; display: block;}
.page_case_list li .case_con dd{ width:100%;    font-size: 14px;color: #878787;padding-bottom: 18px;margin-top: 18px;line-height: 30px;}





.page_contact {
	position: relative;
	width: 1200px;
	margin: 40px auto 0;
}
.contact_list {
	width: 580px;
	float: left;
}
.contact_list dd {
	font-size: 24px;
	color: #515151;
}
.contact_list p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 20px;
}
.contact_form {
	width: 580px;
	float: right;
}
.contact_form p {
	margin-bottom: 20px;
}
.contact_form p .inputtxt {
	width: 100%;
	line-height: 22px;
	padding: 10px 26px;
	color: #333;
	border: #ccc 1px solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all .1s linear;
	font-size: 12px;
	font-family: "微软雅黑";
}
.contact_form p textarea.inputtxt {
	height: 126px;
	resize: none;
	overflow: hidden;
	background-color: transparent;
	font-size: 12px;
}
.contact_form p .inputtxt.submit {
	border-color: #E9E9E9;
	width: auto;
	cursor: pointer;
	background: none;
}
.contact_map {
	width: 1200px;
	margin: 20px auto 40px;
}



.downlist{ width: 1156px; margin:60px auto;  padding:0 0;}
.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:20px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#00923f;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:500px; height:353px; display:block;  }
.picFocus .prev{ position:absolute; left:0 ; bottom:24px;}
.picFocus .next{ position:absolute; right:0 ; bottom:24px;}
.floatl{ float: left;width: 502px;}
.floatr{ width: 600px; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{ width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px;}
.left02 p{ font-size: 14px; line-height: 24px;}
.left02 img{max-width:100%;}

.left02 td{ border: 1px #dfdfdf dashed;}


/* fenye */
.pages1{ width:1200px; margin:30px auto;}
.pages1_l{ float:left; width:50%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#00923f;}
.pages1_r{ float:left; width:50%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#00923f;}

.pages { margin:25px 0 40px; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#00923f; border:1px solid #00923f;text-decoration:none}
.pages .page-active a{color:#fff;}
.pages li:hover { background:#00923f; border:1px solid #00923f; text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px; border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}





#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url(../images/loading.gif);
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url(../images/close.png) no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url(../images/arrows.png) no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url(../images/arrows.png) no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #00823d;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #00823d;
}


#cnzz_stat_icon_1274369272{ display:none;}