@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font-size:14px; font-family:微软雅黑;}
a{ color:#333; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1240px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

header{ width:100%; height:90px;z-index:99; position:relative;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
header .logo{ float:left; padding:16px 0 0; box-sizing:border-box;width:410px; margin-right:0px;}
header .jh_dh{ width: 700px; height:90px;box-sizing:border-box; font-size:16px; float:left;}
header .jh_dh li{ float:left; width:110px; margin-right:5px;}
header .jh_dh li a{ width:100%; height:50px; line-height:50px; margin:20px 0; display:block; text-align:center;font-size: 14px;}
header .jh_dh li:hover a { background:#91c53c; color:#FFF;}
header .jh_dh li .on{background:#91c53c; color:#FFF;}
header .jh_dh li dl{ display:none; margin-top:1px;}
header .jh_dh li:hover dl{ display:block;}
header .jh_dh li dl dd{     width: 312px;
    margin-left: -96px;
    height: 50px;
    margin-top: 1px;
    background: rgba(255,255,255, 0.8);}

header .jh_dh li dl dd a
{
	font-size: 12px;
}
header .jh_dh li:hover dl dd a{ margin:0; background:none; color:#333;}
header .jh_dh li dl dd a:hover{ background:#91c53c; color:#FFF;}

header .zy{ float:right; padding:32px 0 0; font-size:16px;}
header .zy span{ box-sizing:border-box; border-right: 1px solid #91c53c;margin:0px; display:block; float:left;}
header .zy span a { display:block;  padding:5px 20px; }
header .zy span:last-child{ border:none;}
header .zy span:hover{  background-color:#91c53c;}
header .zy span:hover a{color:#FFF;}

/* bannercss */
.slideBox{ width:100%; /*height:600px;*/clear:both;overflow:hidden; margin-top:0px;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -90px;  margin-top:530px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:40px; height:5px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#91c53c; filter: Alpha(Opacity=100);opacity: 1;}/*#1166b6*/
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:570px;}
.slideBox .banner li a{ display:block; width:100%; height:730px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}


/*标题*/
.jh_tit{ text-align:center;}
.jh_tit h5{ text-align:center;}
.jh_tit h2{ font-size:30px; margin:5px 0; font-weight:500; color:#333;}
.jh_tit p{ text-transform: uppercase; color:#666; text-align:center;}


/*简介*/
.jh_jj{ margin-top:40px;}
.jh_jj .jj_nr{ height:430px; width:100%; margin-top:30px;}
.jh_jj .jj_nr .tu{ width:590px; height:100%; overflow:hidden; border:1px solid #ebebeb; box-sizing:border-box;}
.jh_jj .jj_nr .zi{ width:630px; padding:20px 0;}
.jh_jj .jj_nr .zi p{ text-indent:2em; font-size:14px; line-height:32px; color:#333;}
.jh_jj .jj_nr .zi h5{ font-weight:500; margin:10px 0 20px; font-size:14px;}
.jh_jj .jj_nr .zi h5 a{ color:#91c53c;}
.jh_jj .zi .jj_sz{ width:630px; height:105px; background:#91c53c; margin-top:0px;}
.jh_jj .zi .jj_sz li{float:left;padding:17px 22px;margin:10px 0; box-sizing:border-box; border-right:1px solid #e1fcb5;}
.jh_jj .zi .jj_sz li:last-child {border: none;}
.jh_jj .zi .jj_sz li p{ color:#FFF; text-indent:0; font-size:24px;}
.jh_jj .zi .jj_sz li h4{ font-size:14px; font-weight:500; color:#FFF;}
/*简介图标 图片*/
.jj_dt{ margin-top:30px;}
.jj_dt .banner li{ height:300px;}
.jj_tb{ width:100%; height:280px;}
.jj_tb li { width: 130px;
    height: 160px;
    float: left;
    margin: 60px 90px;
    text-align: center;}
.jj_tb li i{ font-size:48px; border:3px solid #91c53c; display:block; height:120px; line-height:120px; text-align:center; color:#91c53c; box-sizing:border-box; border-radius:60px;}
.jj_tb li:hover i{ background:#91c53c; color:#FFF;}
.jj_tb li p{ text-align:center; margin-top:20px;}


/*产品展示*/
.jh_cp{ height:980px; padding-top:40px; background:url(../images/cp_bg.jpg) no-repeat top center; box-sizing:border-box;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {clear:both;*zoom:1;}
.show {	display:block!important;}
.ul_list {width:100%; height:90px; position:relative; background:#FFF; margin:30px 0;  box-sizing:border-box; color:#5a5a5a; font-size:14px;}
.ul_list li 
{
    float: left;
    width: 22%;
    margin: 0 1%;
    line-height: 88px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    color: #5a5a5a;
    font-size: 14px;
}
.ul_list li a{color:#5a5a5a;}
.ul_list li.active { color:#91c53c; font-weight:bold; border-bottom: 2px solid #91c53c;}
.div_box {padding:0px; margin-top:70px;}
.div_box .div_list {	display:none; width:100%;}
.div_box .div_list ul li { width:290px; height:280px;margin-bottom:26px;margin-right:26px; float:left; background:#FFF; border:1px solid #ebebeb; box-sizing:border-box; transition:ease 1s;}
.div_box .div_list ul li a{ display:block; padding:15px 10px 0; box-sizing:border-box; }
.div_box .div_list ul li img{ width:100%; height:200px; padding-bottom:10px; transition:ease 1s;}
.div_box .div_list ul li p{ width:94%; margin:0 3%; height:50px; line-height:50px; border-top: 1px solid #91c53c; text-align:center;}
.div_box .div_list ul li:nth-child(4n){margin-right:0px;}
.div_box .div_list ul li:hover{ border:1px solid #91c53c; }
.div_box .div_list ul li:hover img {transform: scale(0.9);}
.jh_cp .cp_nr{ position:relative;}/**/
.cp_js{ width: 330px; height:140px; background:rgba(145,197,60,0.9); position:absolute; top:-24px; left:0; z-index:10;}
.cp_js .fl{ width:130px; height:120px; box-sizing:border-box; padding:16px 20px; color:#FFF; border-right:1px solid #c3de97; margin:10px auto;}
.cp_js .fl i{ font-size:58px; width:100%; text-align:center; display:block;} 
.cp_js .fl p{ width:100%; text-align:center; font-size:20px; font-weight:bold;}
.cp_js .fr
{
    line-height: 34px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    width: 198px;
    text-align: center;
    padding-top: 36px;
}



/*新闻资讯*/
.jh_xw{ padding-top:50px;}
.jh_xw .xw_nr{ width:100%; margin-top:30px; overflow:hidden;}
.jh_xw .xw_nr .fl { width:480px; height:470px; background:#91c53c;}
.jh_xw .xw_nr .fl a{ color:#FFF;}
.jh_xw .xw_nr .fl .tu{ width:100%; height:340px; overflow:hidden; border: 1px solid #ebebeb; box-sizing:border-box;}
.jh_xw .xw_nr .fl img{ width:100%; height:100%; transition:all ease 1s;}
.jh_xw .xw_nr .fl:hover .tu img{transform: scale(1.05);}
.jh_xw .xw_nr .fl .zi{ padding:10px 15px;}
.jh_xw .xw_nr .fl h2{ font-size:16px; margin-top:5px;}
.jh_xw .xw_nr .fl h5{ overflow:hidden; font-weight:500; margin:8px 0;}
.jh_xw .xw_nr .fl h5 .z{ float:left; }
.jh_xw .xw_nr .fl h5 .y{ float:right;}
.jh_xw .xw_nr .fl p{ line-height:24px; text-align:justify;}

.jh_xw .xw_nr .fr{ width:745px; height:470px;}
.jh_xw .xw_nr .fr li{ width:100%; height:146px; border:1px solid #ebebeb; transition:all ease 0.5s;box-sizing:border-box; margin-bottom:16px;}
.jh_xw .xw_nr .fr li:nth-child(3n){ margin-bottom:0;}
.jh_xw .xw_nr .fr li a{ overflow:hidden; display:block; padding:10px 15px 10px 10px; box-sizing:border-box;transition:all ease 0.5s;}
.jh_xw .xw_nr .fr li:hover { background:#91c53c;}
.jh_xw .xw_nr .fr li:hover a{ color:#FFF;}
.jh_xw .xw_nr .fr li .tu{ width:166px; height:125px; float:left;}
.jh_xw .xw_nr .fr li .tu img{ width:100%; height:100%;}
.jh_xw .xw_nr .fr li .zi{ width:540px; float:right;}
.jh_xw .xw_nr .fr li .zi h2{ font-size:16px; margin:10px 0;}
.jh_xw .xw_nr .fr h5{ overflow:hidden; font-weight:500; margin: 0;}
.jh_xw .xw_nr .fr h5 .z{ float:left; }
.jh_xw .xw_nr .fr h5 .y{ float:right;}
.jh_xw .xw_nr .fr p{ line-height:24px; margin-top:8px; text-align:justify;}

.xw_gd{ width:126px; height:40px; line-height:40px; display:block; margin:50px auto; text-align:center; border:1px solid #ebebeb; color: #666;transition:all ease 0.5s;}
.xw_gd:hover { color:#91c53c; border:1px solid #91c53c;}


/*底部*/
footer{ width:100%; height:710px; background:#6a6f78; clear:both;}
footer .db_lx{ height:650px; padding-top:90px; box-sizing:border-box;}
.db_lx .tu{ width:50%; float:left; position:relative; text-align:right;}
.db_lx .tu .dw_dh{ width:16px; height:24px; display:block; position: absolute;
/*border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.3) inset;*/
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 0.5s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes ripple { 0% { opacity:1;transform: scale(1);} 100% {opacity: 1;transform: scale(1.08);}}
.db_lx .tu .dw_dh img{ width:100%;}
.db_lx .tu .dw01{/*left:240px; top:220px; */ left:290px; top:220px;-webkit-animation-duration: 0.8s;}
.db_lx .tu .dw02{/*left:370px; top:240px;*/ left:420px; top:240px; -webkit-animation-duration: 0.5s; -webkit-animation-delay: 1.5s;}
.db_lx .tu .dw03{/*left:330px; bottom:160px;*/ left:380px; bottom:160px; -webkit-animation-duration: 0.8s; -webkit-animation-delay: 2.3s;}

.db_lx .zi{ width:50%; float:right; padding-left:150px; box-sizing:border-box; color:#FFF;}
.db_lx .zi .gsm{ margin-top:70px;}
.db_lx .zi .gsm h2{ font-size:18px; font-weight:500; margin-bottom:2px;}
.db_lx .zi .gsm p{ font-size:12px; text-transform: uppercase;}
.db_lx .zi .lx{ font-size:14px; line-height:28px; margin:20px 0; color:#ccc;}
.db_lx .zi .ewm {}
.db_lx .zi .ewm .ewm01{ width:110px; height:150px; transition: all 1s ease;cursor:pointer; float:left; margin-right:50px;}
.db_lx .zi .ewm .ewm01 p{ text-align: center; margin:10px;     height: 40px;}
.db_lx .zi .ewm .ewm01:hover{ margin-top:-10px;}

footer .db_bq{ width:100%; height:60px; line-height:60px; color: #FFF; background:#585d66; text-align:center;}
footer .db_bq a{ color:#CCC;}


/*内页内容*/ /*内页大图*/
.nyban1{ height:300px; background:url(../images/br4.jpg) no-repeat center; }
.ny_nav{ height:60px; width:50%; margin-top:-35px; line-height:60px;text-align:right;}
.ny_nav1{width:100%;}
.ny_nav li{ display:inline-block;width:130px; height:60px; line-height:60px; text-align:center; font-size:16px; box-shadow:0px 2px 3px #e5e1e1;}
.ny_nav a{ color:#333; line-height:60px; text-align:center; font-size:14px; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#91c53c; color:#FFF;}
.ny_nav ul li a:hover{ background:#91c53c; color:#FFF;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666;}
.ny_ll .mmx{ width:50%;}
.ny_ll ul p{ border-bottom:2px solid #91c53c; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p img{ float:left; padding-top:20px; padding-right:6px;}
.rhny_nr{ line-height:34px; color:#333; font-size:14px; padding:30px;}