@charset "utf-8";

/* CSS Document */

::selection {

	color:#fff;

    background-color: #12a00b;

}



::-moz-selection {

	color:#fff;

    background-color: #12a00b;

}



::-webkit-selection {

	color:#fff;

    background-color: #12a00b;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.between{

	width:1180px;

	margin:0 auto;

	overflow: hidden;

}

.title_nav{

	width: 1000px;

	height: 90px;

	margin:0 auto;

	background: url(../images/title_nav.jpg) no-repeat center 45px;

}

.title_nav h3 p{

	font-size: 28px;

	color: #12a00b;

	text-align: center;

	font-weight: bold;

	display: block;

	line-height: 28px;

}

.title_nav span{

	font-size: 14px;

	color: #666666;

	text-transform: uppercase;

	display: block;

	margin-top: 45px;

	text-align: center;

}

.clearfix{clear:both;}





/**banner start**/

.banner {

  width: 100%;

  height: 480px;

	overflow: hidden;

}

.fullSlide {

  width: 100%;

  position: relative;

  height: 100%;

  background: transparent;

}

.fullSlide .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}

.fullSlide .bd ul {

  height: 100%;

  width: 100%!important;

}

.fullSlide .bd li {

  height: 100%;

	width: 100%!important;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}

.fullSlide .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}

.fullSlide .hd {

  width: 100%;

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

}

.fullSlide .hd ul {

  text-align: center;

  margin-bottom: 20px;

}

.fullSlide .hd ul li {

  background: #12a00b;

  cursor: pointer;

  display: inline-block;

  *display: inline;

  zoom: 1;

  width: 10px;

  height: 10px;

  margin: 4px;

  border-radius: 50%;

  overflow: hidden;

  *filter: alpha(opacity=50);

  *opacity: .5;

  line-height: 999px;

}

.fullSlide .hd ul .on {

  background: #fff;

  width: 30px;

  border-radius: 6px;

}

.fullSlide .prev,

.fullSlide .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.fullSlide .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}

/*banner end*/











/* search start */

.search {

	width: 100%;

	height:67px;

}

.sear_box{

	width: 1180px;

	margin:0 auto;

	height:67px;

}

.keytext{

	width: 500px;

	line-height: 67px;

	font-family:Microsoft YaHei;

	font-size: 14px;

	color: #333;

	overflow: hidden;

	float: left;

	background: url(../images/search_t.jpg) no-repeat left center;

	padding-left: 20px;

	margin-right: 38px;

}

.keytext span{

	line-height: 67px;

	color:#333;

	font-size:14px;

}

.keytext a{

	margin: 0px 8px 0px 0px;

	line-height:67px;

	font-size:14px;

	color:#595959;

}

.keytext a:hover{

	color: #12a00b;

}

.rmgj-n-r{

	width:260px;

	height: 31px;

	margin-top: 19px;

	overflow: hidden;

	float: left;

	background: url(../images/search.jpg) no-repeat left center;

}

.text2{

	padding:0px 0px 0px 10px;

	float:left;

	width: 210px;

	height: 28px;

	margin-left: 4px;

	margin-top: 2px;

	font-size:12px;

	color:#cccccc;

	background: none;

}

.submit{

	width:32px;

	height:31px;

	float:right;

	font-size: 14px;

	color: #fff;

	cursor: pointer;

	background:url(../images/ico1.png) no-repeat;

}

.sear_box .language{

	float: right;

	width: 250px;

	height: 155px;

	background: #12a00b;

	margin-top: -116px;

	position: relative;

	z-index: 9999;

	padding-top: 28px;

}

.language p{

	font-size: 18px;

	color: #fff;

	font-weight: bold;

	text-align: center;

}

.language span{

	font-size: 20px;

	color: #fff;

	display: block;

	width: 230px;

	height: 39px;

	text-align: center;

	line-height: 20px;

	letter-spacing: 10px;

	border-bottom: 1px solid #e5e5e5;

	margin: 20px auto;

}

.header_tel{

	overflow: hidden;

	padding-left: 37px;

	background: url(../images/logo_dh.png) no-repeat 27px 72px;

	font-size: 24px;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

}

/* search end */











/* base start */

.base{

	width: 100%;

	height: 477px;

	overflow: hidden;

	margin-top: 80px;

}

.base .base_box{

	width: 1200px;

	height: 477px;

	overflow: hidden;

	margin: 0 auto;

}

.base_con{

	width: 1200px;

	height: 347px;

	overflow: hidden;

	margin-top: 40px;

}

.base_con > ul{

	width: 218px;

	height: 280px;

	float: left;

	margin-left: 10px;

	overflow: hidden;

}

.base_con > ul li{

	width: 178px;

	height: 38px;

	overflow: hidden;

	border: 1px solid #12a00b;

	margin-top: 25px;

	-webkit-transition:all .5s;

	transition:all .5s;

}

.base_con > ul li a{

	font-size: 16px;

	color: #12a00b;

	line-height: 38px;

	float: left;

	margin-left: 40px;

	display: block;

	width: 130px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.base_con > ul li span{

	width: 7px;

	height: 13px;

	background: url(../images/base.png) no-repeat center;

	overflow: hidden;

	display: block;

	float: right;

	margin: 14px 15px 0 0;

	opacity: 0;

}

.base_con > ul .on{

	width: 216px;

	background: #12a00b;

}

.base_con > ul .on a{

	color: #fff;

}

.base_con > ul .on span{

	opacity: 1;

}

.base_con > ul > a{

	width: 178px;

	height: 38px;

	overflow: hidden;

	border: 1px solid #12a00b;

	font-size: 16px;

	color: #12a00b;

	line-height: 38px;

	text-align: center;

	display: block;

	margin-top: 25px;

}

.base_con > ul > a:hover{

	background: #12a00b;

	color: #fff;

}

.base_con .bd{

	width: 950px;

	height: 347px;

	overflow: hidden;

	float: right;

}

.base_con .bd .base_cont{

	width: 950px;

	height: 347px;

	overflow: hidden;

	position: relative;

}

.base_cont > a{

	width: 571px;

	height: 347px;

	overflow: hidden;

	display: block;

	position: relative;

	z-index: 6;

}

.base_cont > a img{

	width: 571px;

	height: 347px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.base_cont > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.base_cont .case_w{

	width: 300px;

	height: 140px;

	background: rgba(250,250,250,0.8);

	position: absolute;

	left: 542px;

	top: 64px;

	z-index: 9;

	padding:40px 50px;

	box-shadow: 0px 0px 16px rgba(18,160,11,.4);

    transform: translate3d(0,-2px,0);

}

.case_w a{

	font-size: 16px;

	color: #4c4c4c;

	line-height: 16px;

	width: 300px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.case_w p{

	width: 300px;

	height: 90px;

	font-size: 14px;

	color: #808080;

	line-height: 30px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3;

	overflow: hidden;

	margin-top: 25px;

}

.base_cont span{

	width: 135px;

	height: 99px;

	background: url(../images/base_w.png) no-repeat center;

	display: block;

	position: absolute;

	top: 248px;

	left: 700px;

	z-index: 22;

}

/* base end */











/* product start */

.product{

	width: 100%;

	height: 595px;

	overflow: hidden;

	margin-top: 80px;

}

.pro_left{

	width: 338px;

	height: 595px;

	overflow: hidden;

	float: left;

}

.pro_left .pro_nav{

	width: 338px;

	height: 325px;

	background: url(../images/pro_bg.jpg) no-repeat center;

	padding-top: 50px;

}

.pro_nav h3 span{

	font-size: 28px;

	color: #cccccc;

	text-transform: uppercase;

	display: block;

	text-align: center;

	line-height: 28px;

}

.pro_nav h3 i{

	width: 50px;

	height: 2px;

	background: #b2b2b2;

	display: block;

	margin: 20px auto;

}

.pro_nav h3 p{

	font-size: 24px;

	color: #12a00b;

	font-weight: bold;

	display: block;

	text-align: center;

	line-height: 24px;

}

.pro_nav ul{

	width: 338px;

	margin-top: 60px;

}

.pro_nav ul li{

	width: 140px;

	height: 38px;

	border: 1px solid #12a00b;

	float: left;

	margin: 0 0 18px 18px;

}

.pro_nav ul li a{

	font-size: 16px;

	color: #12a00b;

	text-align: center;

	line-height: 38px;

	display: block;

}

.pro_nav ul li:hover{

	background: #12a00b;

}

.pro_nav ul li:hover a{

	color: #fff;

}

.pro_ewm{

	width: 338px;

	height: 170px;

	background: url(../images/pro_ewm.jpg) no-repeat center;

	margin-top: 20px;

	padding-top: 30px;

}

.pro_ewm img{

	width: 110px;

	height: 110px;

	margin: 0 auto;

	display: block;

	overflow: hidden;

}

.pro_ewm h4{

	font-size: 14px;

	color: #666666;

	text-align: center;

	line-height: 40px;

}

.pro_tu{

	width: 842px;

	height: 595px;

	float: right;

	overflow: hidden;

}

.pro_tu .bd{

	width: 842px;

	height: 595px;

	overflow: hidden;

}

.pro_tu .bd .pro_con{

	width: 842px;

	height: 595px;

	overflow: hidden;

}

.pro_con ul{

	width: 842px;

	height: 595px;

	overflow: hidden;

}

.pro_con ul li{

	width: 190px;

	height: 180px;

	float: left;

	margin: 0 0 20px 10px;

	position: relative;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_con ul li > a{

	width: 188px;

	height: 158px;

	overflow: hidden;

	border:1px solid #e5e5e5;

	display: block;

}

.pro_con ul li > a img{

	width: 188px;

	height: 158px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_con ul li > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.pro_con ul li h4 a{

	position: absolute;

	left: 10px;

	bottom: 0;

	background: rgba(18,160,11,0.8);

	border-top: 1px solid #fb7c16;

	font-size: 14px;

	color: #ffffff;

	width: 170px;

	height: 39px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	line-height: 39px;

	text-align: center;

}

.pro_con ul li:hover > a,.pro_con ul li:hover > a img{

	height: 180px;

}

.pro_con ul li:hover h4 a{

	color: #fff;

	border-bottom: 1px solid #fb7c16;

	bottom:20px;

}


/* product end */













/* feature start */

.feature{

	width: 100%;

	height: 1229px;

	margin-top: 80px;

	padding-top: 70px;

	background: url(../images/fea_bg.jpg) no-repeat center;

}

.fea_con{

	width: 1180px;

	margin-top: 40px;

}

.fea_con li{

	width: 1180px;

	height: 407px;

	overflow: hidden;

}

.fea_con li img{

	width: 451px;

	height: 407px;

	overflow: hidden;

	float: left;

	margin-left: 55px;

}

.fea_con li .fea_w{

	width: 560px;

	float: right;

	margin-top: 50px;

}

.fea_w h4{

	width: 560px;

	height: 75px;

	margin-bottom: 15px;

}

.fea_w h4 span{

	font-size: 30px;

	color: #b2b2b2;

	line-height: 30px;

	float: left;

	display: block;

}

.fea_w h4 p{

	font-size: 20px;

	color: #12a00b;

	font-weight: bold;

	line-height: 36px;

	float: left;

	margin-left: 15px;

}

.fea_w h4 p i{

	font-size: 12px;

	color: #808080;

	text-transform: uppercase;

	font-weight: normal;

}

.fea_w h4 p b{

	font-size: 14px;

	color: #4c4c4c;

	font-weight: normal;

	display: block;

}

.fea_con .fea2{

	margin-top: -120px;

	height: 497px;

}

.fea_con .fea2 .fea_w{

	float: left;

	margin: 195px 0 0 40px;

}

.fea_con .fea2 img{

	width: 364px;

	height: 497px;

	overflow: hidden;

	float: right;

	margin-right: 100px;

	margin-left: 0;

}

.fea_dh{

	width: 1180px;

	height: 116px;

	margin-top: 90px;

}

.fea_dh .fea_tel{

	width: 460px;

	float: left;

}

.fea_tel h4{

	font-size: 16px;

	color: #666666;

}

.fea_tel h4 span{

	font-size: 24px;

	color: #12a00b;

	font-weight: bold;

}

.fea_tel a{

	width: 120px;

	height: 40px;

	background: #12a00b;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	display: block;

	margin-top: 20px;

	position: relative;

	-webkit-transition: all .5s;

    transition: all .5s;
    margin-right:20px;
    float: left;

}

.fea_tel a span{

	position: relative;

	z-index: 9;

}

.fea_tel a i{

	position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 100%;

    height: 100%;

    background-color: #12a00b;

    -webkit-transition: all .6s ease-out;

    transition: all .6s ease-out;

    -webkit-transform: scale(0.6, 1);

    transform: scale(0.6, 1);

    z-index: 8;

}

.fea_tel a:hover{

	background: #fff;

}

.fea_tel a:hover i{

	-webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}

.fea_dh > h4{

	float: right;

	width: 399px;

	height: 96px;

	background: url(../images/fea_dw.png) no-repeat center;

	font-size: 24px;

	color: #12a00b;

	line-height: 44px;

	padding-top: 20px;

}

.fea_dh > h4 span{

	font-size: 16px;

	color: #666666;

	display: block;

	letter-spacing: 1px;

}

/* feature end */







/* process start */

.process{

	width: 100%;

	margin-top: 80px;

}

.proc_con{

	width: 100%;

	height: 180px;

}

.proc_con li{

	width: 236px;

	height: 125px;

	float: left;

	padding-top: 50px;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.proc_con li b{

	display: block;

	width: 48px;

	height: 48px;

	margin: 0 auto;

}

.proc_con li h4{

	font-size: 20px;

	color: #12a00b;

	text-align: center;

	margin-top: 30px;

	margin-bottom: 15px;

}

.proc_con li span{

	width: 50px;

	height: 2px;

	background: #e5e5e5;

	display: block;

	margin: 0 auto;

}

.proc_con li p{

	font-size: 14px;

	width: 170px;

	line-height: 24px;

	color: #fff;

	margin: 20px auto;

	text-align: center;

}

.proc1 b{

	background: url(../images/proc1.png) no-repeat center;

}

.proc2 b{

	background: url(../images/proc2.png) no-repeat center;

}

.proc3 b{

	background: url(../images/proc3.png) no-repeat center;

}

.proc4 b{

	background: url(../images/proc4.png) no-repeat center;

}

.proc5 b{

	background: url(../images/proc5.png) no-repeat center;

}

.proc_con:hover{

	height: 240px;

}

.proc_con:hover li{

	margin-top: 40px;

	height: 190px;

}

.proc_con li:hover{

	background: #12a00b;

}

.proc_con li:hover b{

	display: none;

}

.proc_con li:hover h4{

	color: #fff;

	margin-top: 10px;

}

.proc_con li:hover span{

	background: #d3d3d3;

}

/* process end */













/* case start */

.case{

	width: 100%;

	margin-top: 70px;

}

.case_cont{

	width: 1100px;

	height: 210px;

	overflow: hidden;

	margin: 30px auto;

	position: relative;

}

.case_cont{

	width: 1180px;

	height: 210px;

	margin-top: 40px;

	overflow: hidden;

	position: relative;

}

.case_cont > a{

	width: 16px;

	height: 26px;

	display: block;

	position: absolute;

}

.case_cont .lefts{

	top:96px;

	left: 0;

	background: url(../images/case_jt.jpg) no-repeat left center;

}

.case_cont .rights{

	top:96px;

	right: 0;

	background: url(../images/case_jt.jpg) no-repeat right center;

}

.case_cont .case_nr{

	width: 1040px;

	height: 210px;

	margin:0 auto;

	overflow: hidden;

}

.case_nr ul{

	width: 1040px;

	height: 210px;

	overflow: hidden;

}

.case_nr ul li{

	width: 248px;

	height: 210px;

	float: left;

	overflow: hidden;

	border: 2px solid #cccccc;

	margin-right: 25px;

	position: relative;

}

.case_nr ul li:hover{

	border-color: #12a00b;

}

.case_nr ul li >a{

	width: 248px;

	height: 210px;

	overflow: hidden;

	display: block;

}

.case_nr ul li >a img{

	width: 248px;

	height: 210px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.case_nr ul li >a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.case_nr ul li .case_w{

	position: absolute;

	left: 24px;

	top: 35px;

	width: 170px;

	height: 120px;

	background: rgba(18,160,11,0.8);

	-webkit-transition:all 1s;

	transition:all 1s;

	padding:20px 15px 0;

	opacity: 0;

	transform: scale(0,0);

}

.case_nr ul li .case_w a{

	font-size: 14px;

	color: #fff;

	width: 100%;

	line-height: 30px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.case_nr ul li .case_w p{

	width: 100%;

	font-size: 14px;

	color: #f5f5f5;

	line-height: 24px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

	margin: 4px auto;

}

.case_nr ul li .case_w h4 a{

	font-size: 14px;

	color: #e5e5e5;

	text-align: center;

	display: block;

}

.case_nr ul li:hover .case_w{

	opacity: 1;

	transform: scale(1,1);

}

/* case end */













/* reason start */

.reason{

	width: 100%;

	height: 780px;

	margin-top: 80px;

	padding-top: 100px;

	background: url(../images/rea_bg.jpg) no-repeat center;

}

.rea_nav{

	width: 1180px;

	padding-top: 30px;

	background: url(../images/rea_nav.png) no-repeat top left;

}

.rea_nav p{

	font-size: 30px;

	color: #12a00b;

	font-weight: bold;

	display: block;

	line-height: 80px;

}

.rea_nav span{

	font-size: 14px;

	color: #666666;

	display: block;

}

.rea_con{

	width: 1180px;

	height: 615px;

	overflow: hidden;

	position: relative;

	margin-top: -135px;

}

.rea_con .hd{

	width: 240px;

	float: left;

	margin-top: 200px;

}

.rea_con .hd li{

	width: 240px;

	height: 63px;

	overflow: hidden;

	margin-top: 40px;

	-webkit-transition:all 1s;

	transition:all 1s;

	cursor: pointer;

}

.rea_con .hd li span{

	width: 30px;

	height: 1px;

	background: #cccccc;

	display: block;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.rea_con .hd li h4{

	font-size: 18px;

	color: #4c4c4c;

	line-height: 28px;

	margin-top: 12px;

}

.rea_con .hd li h4 i{

	font-size: 12px;

	color: #999999;

	text-transform: uppercase;

	display: block;

	font-weight: normal;

}

.rea_con .hd .on span{

	width: 140px;

	height: 2px;

	background: #12a00b;

}

.rea_con .hd .on h4{

	color: #12a00b;

	font-weight: bold;

}

.rea_con .bd{

	width: 848px;

	height: 615px;

	float: right;

	overflow: hidden;

}

.rea_con .bd .rea_cont{

	width: 848px;

	height: 615px;

	overflow: hidden;

	position: relative;

}

.rea_cont img{

	width: 775px;

	height: 460px;

	float: right;

	overflow: hidden;

	position: relative;

	z-index: 8;

}

.rea_cont .rea_w{

	width: 337px;

	height: 242px;

	background: #12a00b;

	position: absolute;

	left: 0;

	bottom: 0;

	padding:14px 20px;

	z-index: 9;

}

.rea_w b{

	width: 304px;

	height: 188px;

	border: 1px solid #ffffff;

	display: block;

	padding: 50px 0 0 30px;

}

.rea_w b h4{

	font-size: 20px;

	color: #ffffff;

	font-weight: bold;

	line-height: 20px;

}

.rea_w b h4 i{

	font-size: 16px;

	color: #ffffff;

	font-weight: normal;

}

.rea_w b span{

	font-size: 12px;

	color: #e5e5e5;

	text-transform: uppercase;

	display: block;

	margin: 20px 0;

	font-weight: normal;

}

.rea_w p{

	width: 272px;

	font-size: 14px;

	color: #f5f5f5;

	line-height: 36px;

	font-weight: normal;

}

.rea_con .rea_dh{

	width: 410px;

	height: 40px;

	position: absolute;

	right: 18px;

	bottom: 35px;

}

.rea_dh h4{

	font-size: 22px;

	color: #12a00b;

	float: left;

	line-height: 36px;

	font-weight: bold;

}

.rea_dh a{

	width: 148px;

	height: 38px;

	border:1px solid #12a00b;

	font-size: 16px;

	color: #12a00b;

	text-align: center;

	line-height: 38px;

	display: block;

	float: right;

}

.rea_dh a:hover{

	background: #12a00b;

	color: #fff;

}

/* reason end */



























/* customer start */

.customer{

	width: 100%;

	height: 583px;

	overflow: hidden;

	margin-top: 80px;

}

.cus_con{

	width: 1180px;

	height: 435px;

	margin-top: 40px;

}

.cus_con li{

	width:355px;

	height: 435px;

	float: left;

	margin: 19px;

	-webkit-transition:all .5s;

	transition:all .5s;

	background: #fafafa;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.cus_con li:hover{

	box-shadow: 0px 0px 20px rgba(18,160,11,.2);

    transform: translate3d(0,-2px,0);

}

.cus_con li > a{

	width:355px;

	height: 343px;

	overflow: hidden;

	display: block;

}

.cus_con li >a img{

	width:355px;

	height: 343px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.cus_con li >a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.cus_con li .cus_w{

	width: 355px;

	height:75px;

	padding-top: 20px;

}

.cus_w h4 a{

	font-size: 16px;

	color: #4c4c4c;

	width: 355px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.cus_w p{

	width: 287px;

	padding: 0 34px 0;

	font-size: 14px;

	color: #808080;

	line-height: 30px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:1;

	overflow: hidden;

	height: 22px;

	margin-top: 10px;

}

.cus_con li:hover > a{

	width: 355px;

	height: 258px;

}

.cus_con li:hover > a img{

	width: 355px;

	height: 258px;

}

.cus_con li:hover .cus_w{

	width: 355px;

	height: 157px;

	background: #12a00b;

	padding-top:20px;

}

.cus_con li:hover .cus_w h4 a{

	width: 261px;

	padding: 0 47px 0;

	color: #fff;

}

.cus_con li:hover .cus_w p{

	color: #e7e7e7;

	width: 261px;

	padding: 0 47px 0;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3;

	overflow: hidden;

	height: 84px;

	margin-top: 20px;

}

/* customer end */



















/* company start */



.company{

	width: 100%;

	height: 580px;

	margin-top: 80px;

}

.com_box .com_w{

	width: 1180px;

	height: 380px;

	overflow: hidden;

}

.com_w h4{

	float: left;

	width: 352px;

	height: 376px;

	border-left: 4px solid #12a00b;

	border-right: 4px solid #12a00b;

	border-top: 4px solid #12a00b;

	overflow: hidden;

	display: block;

	position: relative;

	cursor: pointer;

}

.com_w h4 img{

	width: 340px;

	height: 370px;

	overflow: hidden;

	position: absolute;

	top: 6px;

	left: 6px;

}

.com_w h4 i{

	position: absolute;

	top: 6px;

	left: 6px;

	width: 100%;

	height: 100%;

	font-size: 18px;

	text-align: center;

	color: #fff;

	display: block;

	line-height: 370px;

	background: rgba(0,0,0,0.5);

	opacity: 0;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.com_w h4:hover i{

	opacity: 1;

}

.com_w .com_m{

	width: 784px;

	float: right;

	margin-top: 48px;

	height: 234px;

	overflow: hidden;

}

.com_m h3 i{

	width: 550px;

	font-size: 24px;

	color: #12a00b;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	font-weight: bold;

	line-height: 24px;

}

.com_m p{

	width: 784px;

	font-size: 14px;

	color: #808080;

	line-height: 36px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3;

	height: 108px;

	overflow: hidden;

	margin: 40px 0;

}

.com_m > a{

	font-size: 14px;

	color: #808080;

	display: block;

}

.com_box .hon_con{

	width: 1180px;

	height: 250px;

}

.hon_con > ul{

	width:450px;

	height: 36px;

	margin-top: -36px;

	margin-left: 376px;

}

.hon_con > ul li{

	width: 118px;

	height: 34px;

	float: left;

	margin-left:20px;

	border: 1px solid #12a00b;

}

.hon_con > ul .on{

	background: #12a00b;

}


.hon_con > ul li p{

	font-size: 16px;

	color: #12a00b;

	text-align: center;

	line-height: 34px;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.hon_con .hon_cont{

	width: 784px;

	height: 180px;

	margin-top: 20px;

	margin-left: 396px;

	position: relative;

	overflow: hidden;

}

.hon_cont .hon_nr{

	width: 784px;

	height: 180px;

	overflow: hidden;

	margin:0 auto;

	overflow: hidden;

}

.hon_nr ul{

	width: 784px;

	height: 180px;

	overflow: hidden;

}

.hon_nr ul li{

	width: 203px;

	height: 180px;

	float: left;

	margin-right: 20px;

	overflow: hidden;

}

.hon_nr ul li:hover > a{

	border-color: #12a00b;

}

.hon_nr ul li > a{

	width: 201px;

	height: 148px;

	border: 1px solid #cccccc;

	overflow: hidden;

	display: block;

}

.hon_nr ul li > a img{

	width: 201px;

	height: 148px;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.hon_nr ul li > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform: scale(1.2,1.2);

}

.hon_nr ul li h4 a{

	font-size: 14px;

	color: #4c4c4c;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	line-height: 30px;

	text-align: center;

}

.hon_nr ul li h4 a:hover{

	color: #12a00b;

}

.com_text{

	width: 352px;

	height: 176px;

	border-left: 4px solid #12a00b;

	border-right: 4px solid #12a00b;

	border-bottom: 4px solid #12a00b;

	margin-top: -214px;

	padding-top: 20px;

}

.com_text h4{

	font-size: 14px;

	color: #12a00b;

	font-weight: bold;

	text-align: center;

	line-height: 30px;

}

.com_text h4 span{

	color: #808080;

	display: block;

	font-weight: normal;

}

.com_text i{

	width: 90px;

	height: 2px;

	background: #e5e5e5;

	display: block;

	margin: 15px auto;

}

.com_text h5{

	font-size: 16px;

	color: #666666;

	text-align: center;

	line-height: 24px;

}

.com_text h5 span{

	font-size: 24px;

	color: #12a00b;

	font-weight: bold;

}

/* company end */













/* news start */

.news{

	width: 100%;

	height: 660px;

	overflow: hidden;

	margin-top: 50px;

}
.new_con{
    width: 1180px;
    height: 562px;
    margin-top:40px;
    overflow: hidden;
}
.new_con > ul{
    width: 450px;
    height: 40px;
    margin: 0 auto
}
.new_con > ul li{
    width: 138px;
    height: 38px;
    border: 1px solid #12a00b;
    font-size: 16px;
    color: #12a00b;
    text-align: center;
    line-height: 38px;
    margin-left: 15px;
    cursor: pointer;
    float: left;
    -webkit-transition:all 1s;
    transition:all 1s;
}
.new_con > ul li:first-child{
    margin-left: 0;
}
.new_con > ul .on{
    background: #12a00b;
    color: #fff;
}
.new_con > ul li:hover{
    background: #12a00b;
    color: #fff;
}
.new_con .bd{
    width: 1180px;
    height: 482px;
    margin-top: 40px;
    clear: both;
    overflow: hidden;
}
.new_con .bd .new_cont{
    width: 1180px;
    height: 482px;
    overflow: hidden;
}
.new_cont dl{
    width: 1180px;
    height: 202px;
    overflow: hidden;
}
.new_cont dl dd{
    width: 560px;
    height: 202px;
    float: left;
    margin: 0 15px;
    overflow: hidden;
}
.new_cont dl dd > a{
    width: 250px;
    height: 202px;
    overflow: hidden;
    display: block;
    float: left;
}
.new_cont dl dd > a img{
    width: 250px;
    height: 202px;
    overflow: hidden;
    -webkit-transition:all 1s;
    transition: all 1s;
}
.new_cont dl dd > a img:hover{
    -webkit-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}
.new_cont dl dd .new_w{
    width: 278px;
    height: 192px;
    float: right;
    margin-top: 10px;
}
.new_w h4{
    width: 278px;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
}
.new_w h4 span{
    font-size: 24px;
    color: #999999;
    line-height: 24px;
    display: block;
    float: left;
}
.new_w h4 i{
    font-size: 18px;
    color: #999999;
    line-height: 24px;
    display: block;
    float: right;
}
.new_w a{
    font-size: 14px;
    color: 595959;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 15px;
}
.new_w p{
    font-size: 14px;
    color: #808080;
    line-height: 30px;
    width: 278px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    margin: 15px 0;
}
.new_w h5 a{
    font-size: 14px;
    color: #808080;
    display: block;
}
.new_w a:hover,.new_w h5 a:hover{
    color: #12a00b;
}
.new_cont ul{
    width: 1180px;
    height: 280px;
    overflow: hidden;
}
.new_cont ul li{
    width: 560px;
    height: 39px;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 15px;
    -transition:all 1s;
    transition:all 1s;
}
.new_cont ul li a{
    font-size: 14px;
    color: #666666;
    float: left;
    width: 475px;
    line-height: 39px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.new_cont ul li i{
    font-size: 14px;
    color: #808080;
    display: block;
    float: right;
    line-height: 39px;
}
.new_cont ul li:hover{
    border-color: #12a00b;
}
.new_cont ul li:hover a{
    color: #12a00b;
}
/* news end */











/*link start*/

.link{

	width: 100%;

	height: 32px;

	margin-top: 80px;

	margin-bottom: 80px;



}

.link .link_box{

	width: 1180px;

	margin:0 auto;

}

.link_box h4{

	width: 1180px;

	font-size: 18px;

	color: #12a00b;

	font-weight: bold;;

	float: left;

	margin-right: 20px;

	line-height: 30px;

	background: url(../images/link_nav.jpg) no-repeat center right;

}

.link_box a{

	float: left;

	font-size: 14px;

	color: #4c4c4c;

	line-height: 32px;

	margin-right: 10px;

}

.link_box a:hover{

	color: #12a00b;

}

/*link end*/