@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
img{ border:0; vertical-align:bottom; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



/* 导航栏 */

.menu_top{width:100%; height: 126px; padding-top: 26px;}
.menu_top_left{width:256px; float: left;   height: auto;}
.menu_top_left .menu_top_dm{width:100%; height: 30px}
.menu_top_dm p{width:200px; height: 29px; background: #6fba2c; color: #fff; text-align: center; line-height: 27px; border-radius: 10px; float: left}
.menu_top_dm h3{ font-size: 24px; color: #333333; float: left; margin-left: 12px;}
.menu_to_lx{width:100%; height: auto; line-height: 32px; padding-left: 15px;}
.menu_to_lx p{font-size: 15px; color: #333; float:left ;}
.menu_to_lx p span{font-size: 24px; color: #6fba2c; font-family: "Arial"; margin-left: 9px}
.menu_top_xx{width:330px; height: auto; float: right; margin-top: 18px;}
.weixin img,.shouji img{width:100px; height: 100px; position: absolute; top:30px; left:0px; display: none; z-index: 999}
.weixin,.shouji{width:152px; height: auto; position: relative; float: left}
.weixin:hover img{display: block}
.shouji:hover img{display: block}
.menu_top_xx i{float: left; font-size: 32px; color:#333333; margin-right: 10px;}
.menu_top_xx p{font-size:15px; color: #333333; line-height: 32px;}




#menu{ height:183px; width: 100%; z-index: 999;position: absolute; top:0px; left: 0px;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; float: right; height: 50px; background: #eeeeee;}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height: 50px;}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:170px; text-align:center; font-size:15px; z-index: 2; position: relative; color:#333333;height: 50px;  line-height: 50px;}
#menu .nav .nLi h3 a{color:#333333; padding-bottom:5px;}
#menu .nav .sub{ display:none; width:170px; left:50%; margin-left:-85px; top:50px;  position:absolute; background:#ddd;   }
#menu .nLi:hover h3 a{ color:#fff}
#menu .nLi:hover{background: #6fba2c}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height:auto;font-size: 14px; line-height:26px; margin:5px auto; color:#222e48;}
#menu .nav .sub a:hover{ color:#6fba2c;   }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
.nav_search > .icon{ color:#fff; font-size:20px;}
.nav_search{ float:right; width:90px; height: 90px; background:#113582; text-align: center; cursor: pointer;}
.nav_search > p{ color:#000;position: relative;top: -51px;}
.nav_search_inptut{ position:absolute; right: 0; top: 90px; display:none;}
.nav_search_inptut > input{ background:#d4d4d4; width:266px; height: 43px; line-height: 43px; border: none; text-indent: 10px;}
#menu .nav .nLi .sub a:hover{ color:#6fba2c;}
#menu .nav .on h3 a{color:#fff}
#menu .nav .on{background: #6fba2c}
.index_logo{width:171px; height: 69px; float: left; margin-left: 244px;}
.index_logo img{width:100%; height: auto; overflow: hidden}






/* 首页:banner */
.banner{ width:100%;  position:relative;  height:894px; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%;bottom:25px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background:#04c364}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}



/*关于我们*/
.index_about{ width: 100%;  height: 862px; padding-top: 58px; background: url(../images/about_bj.png) no-repeat;  margin-top: -116px; position: relative; padding-top: 135px;}
.index_about_xx{width:100%; height: 112px; margin: 0px auto; text-align: center;}
.index_about_xx img{width:221px; height: 31px; display: block;margin: 10px auto;}
.index_about_xx h3{font-size: 60px; color: #999999; font-family: "Impact"; opacity: 0.25; height: 40px; display: block; margin-top: 50px;}
.index_about_xx h4{font-size: 30px; color: #333333; height: 50px; line-height: 50px; font-weight: bold;}
.index_about_xx i{width:20px; height: 3px; background: #6fba2c; display: block; margin: 5px auto;}
.index_about_info{width:855px; height: 70px; font-size: 15px; color: #333333; line-height: 30px; text-align: center;  margin: 0px auto;}
.index_about_info p{ width: 100%; font-size: 15px; color: #333333; line-height: 30px; height: 100%; overflow: hidden}

.index_about_li{width:100%; height: 380px; margin-top: 66px;}
.index_about_li dl{width:132px; height: auto; float: left; text-align: center; margin-top: 125px}
.index_about_li dl dt{width:132px; height: 132px; background: #828282;   align-items: center; display: table-cell;vertical-align: middle;}
.index_about_li dl dd{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 15px; text-align: center}
.index_about_li dl dt img{align-items: center; }
.index_ab_xx{width:375px; height: 375px; border-radius: 50%; float: left; background: #e5e5e5; padding: 10px; position: relative}
.index_ab_xx img{width:100%; height: 100%; border-radius: 50%; -webkit-transition: -webkit-transform 0.8s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.8s ease-out; }
.index_ab_info{width:234px; height: 234px; background:rgba(229,229,229,0.5);  border-radius: 50%; text-align: center; position: absolute; top: 50%; left:50%; margin-left:-117px; 
	margin-top: -117px; padding: 10px;  text-align: center}
.index_ab_info h3{font-size: 16px; color: #000000; height: 35px; line-height: 35px; margin-top: 20px;}
.index_ab_info p{font-size: 15px; color: #333333; line-height: 24px; width: 100%; height: 83px; overflow: hidden; width: 200px; margin: 15px auto 10px;}
.index_ab_info span{width:75px; height:30px; background: #6fba2c; text-align: center; line-height:30px; display: block; margin: 0px auto; color: #fff; font-size: 15px;}
.index_about_li dl.li_left{margin-right: 74px;}
.index_about_li dl.li_right{margin-left: 74px;}
.about_more{width:186px; height: auto; overflow: hidden; margin: 40px auto 20px;}
.about_more span{font-size: 14px; color: #828282; margin-left: 5px; float: left}
.about_more img{float: left}
.about_more img.jh{margin-top: 5px; margin-left: 5px;}
.index_about_li dl dt:hover{background:#6fba2c}
.index_about_li dl:hover dd{color:#6fba2c}
.index_ab_xx:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.about_more:hover span{color:#6fba2c}


/*产品*/
.index_product{width:100%; height:978px; background:url(../images/pro_bj.jpg) no-repeat; padding-top: 66px;     background-attachment: fixed; }
.productC{width:100%; height: auto; overflow: hidden}
.productC .cenPro{width:100%; height: auto; overflow: hidden; text-align: center}
.cenPro h3{font-size: 30px; color:rgba(255,255,255,0.37); font-family: "Impact"; height: 40px; line-height: 40px;}
.cenPro h4{font-size: 30px; color: #fff; font-weight: bold; height: 45px; line-height: 45px; margin: 5px 0}
.cenPro span{width:20px; height: 3px; background: #6fba2c; display: block; margin: 5px auto;}
.cenTo{width:536px; height: 46px;  margin: 20px auto 10px;}
.cenTo li{float: left; width: 123px; height: 46px; text-align: center;  line-height: 46px; color: #fff; font-size: 16px; margin: 0px 5px;}
.cenTo li:hover{background:#6fba2c; border-radius:30px;}
.cenTo li.active{background:#6fba2c; border-radius: 30px;}
.cenTo li a{font-size: 18px; color: #ffffff;}
.index_product_list{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_product_left{width:584px; height: 620px; float: left;}
.index_product_left .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.index_product_left .slideBox .hd{position:absolute;right:20px;bottom:160px;z-index:1;overflow:hidden;height:22px}
.index_product_left .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.index_product_left .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #828282; cursor:pointer; border-radius: 50%;}
.index_product_left .slideBox .hd ul li.on{background:#6fba2c}
.index_product_left .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.index_product_left .slideBox .bd ul{width:100%;height:100%}
.index_product_left .slideBox .bd li{width:100%;height:620px;vertical-align:middle;zoom:1; position: relative}
.index_product_left .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.index_product_left .slideBox .bd img{display:block;width:100%;height:477px;}
.index_product_xx{width:552px; height: 597px; position: absolute; top:20px; left:50%; margin-left: -276px; border: 4px solid #fff; padding: 27px; }
.pro_xx{width:100%; height: 125px; margin-top: 435px;}
.pro_xx h3{font-size: 20px; color: #fff; font-weight: bold; height: 45px; line-height: 45px;}
.pro_xx p{width:100%; height: 62px; line-height: 30px; overflow: hidden; font-size: 16px; color: #fff}

.index_product_right{width:606px; height: auto; float: right; position: relative}
.mr_frUl{height:100%;width:100%; }
.mr_frUl ul li{display:inline;float:left;height:472px;width:283px;margin-left:20px;overflow:hidden; float: left}
.mr_frUl ul li img{ width: 100%; height: 100%;}
.mr_li{width:100%; height: 100%; position: absolute; top:0px; left:0px; z-index: 999; text-align: center; background: rgba(0,0,0,0.2); padding: 10px; opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);}
.mr_li h3{font-size: 18px; color: #ffffff; text-align: center; height: 35px; line-height: 35px;}
.mr_li p{font-size: 14px; color: #fff; line-height: 30px;}
.mr_lih{width:100%; height: 100%; border: 1px solid #fff;}
.mr_lih{padding-top: 78px;}
.mr_frUl_li{width:283px; height: 231px; margin-bottom: 10px; position: relative}
.mr_frUl_li:hover .mr_li{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.p_more{width:183px; height: 74px; float: right; margin-top: 68px;}


/* btn */
.og_prev, .og_next{width:55px;height:74px; line-height:74px;position: absolute; right:0px; bottom:0px; background: #fcf3f0; text-align: center}
.og_prev{right:238px;}
.og_prev:hover{ background: #7cb633}
.og_next{right:183px;}
.og_next:hover{background: #7cb633}
.og_prev i, .og_next i{ color:#7bb634; font-size:30px;}
.og_next:hover i{color:#fff;}
.og_prev:hover i{color:#fff;}





/*新闻*/
.index_news{width:100%; height:980px; background: url(../images/news_bj.jpg) no-repeat center; padding-top:93px}
.index_news_top{width:100%; height:548px;}
.index_news_left{width:381px; height:100%; float:left;}
.index_news_left  h3{font-size:30px; color:#333333; font-weight:bold; height:35px; line-height:35px;}
.news_timg{margin:10px 0}
.news_nav{width:100%; height:auto; text-align:center; margin:85px auto 40px;}
.news_nav a{font-size:20px; color:#6fba2c;  text-align:center; height:40px; line-height:40px; background:url(../images/jhs.png) no-repeat 240px center; display:block; margin:10px 0}
.news_nav a:hover{font-weight: bold;}

.top_news{width:100%; height:22px; padding-left:143px;}
.index_news_right{width:819px; height:100%; float:left;}
.index_news_right ul{width:100%; height:100%;}
.index_news_right ul li{width:350px; float:left; margin-left:42px;}
.index_news_right ul li:nth-child(2){float:right}
.index_news_right ul li .news_pic{width:100%; height:220px; overflow:hidden}
.index_news_right ul li .news_pic img{width:100%; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s}
.index_news_right ul li .news_xx{width:100%; height:auto; margin-top:20px;}
.index_news_right ul li .news_xx h3{ font-size:18px; color:#333; height:40px; line-height:40px;}
.index_news_right ul li h4{width:100%; height:108px; font-size:14px; color:#666666; line-height:26px; margin-top:30px;}
.news_t{width:145px; height:30px; background:#eeeeee; text-align:center; line-height:30px; margin-top:30px;}
.news_t p,.news_ts p{width:87px; float:left; font-size:14px; color:#666666;}
.news_t span,.news_ts span{ background:#6fba2c; color:#fff; width:58px; float:left; font-size:14px;}
.index_news_right ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_right ul li:hover .news_t p{background: #6fba2c; color: #fff}
.index_news_bottom{width:100%; height:auto;}
.index_news_bottom ul{width:100%; height:auto; overflow:hidden}
.index_news_bottom ul li{width:33.3%; float:left; height:100%; padding:35px;}
.index_news_bottom ul li h3{font-size:18px; color:#333333; height:40px; line-height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.index_news_bottom ul li h4{width:100%; height:108px; font-size:14px; color:#666666; line-height:26px; margin-top:30px;}
.index_news_bottom ul li:hover .news_ts p{background: #6fba2c; color: #fff}
.news_ts{width:145px; height:30px; background:#fff; text-align:center; line-height:30px; margin-top:30px;}
.index_news_bottom ul li:hover .news_t p{background: #6fba2c; color: #fff}


/*草原责任*/
.index_respon{width:100%; height:860px; background:url(../images/re_bj.png) no-repeat top center; padding-top:70px; margin-bottom:-55px; position:relative;  background-attachment: fixed; }
.index_respon_t{width:100%; height:auto; text-align:center}
.index_respon_t img{width:374px; height:31px; display:block;  margin:10px auto;}
.index_respon_t h3{font-size: 30px; color: #fff; font-weight: bold; height: 45px; line-height: 45px; margin: 5px 0}
.index_respon_t span{width:20px; height: 3px; display: block; margin: 5px auto; background: #fff}
.index_respon_bottom{width:100%; height:680px; margin-top: 90px;  background:url(../images/re_bjs.png) no-repeat bottom center; padding: 18px 0 0}
.index_respon_img{width:100%; height:542px; }
.respon_left{width:630px; height:542px; float:left; margin-left:86px;box-shadow:-3px 0px 20px rgba(0,0,0,0.5); overflow:hidden }
.index_respon_img .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; }
.index_respon_img .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.index_respon_img .slideBox .bd li{width:100%; height:542px; }
.index_respon_img .slideBox .bd img{ width:100%; height:100%; display:block;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s  }
.index_respon_img .slideBox .bd li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_respon_img .slideBox .prev,
.index_respon_img .slideBox .next{ position:absolute; left:85px; top:50%; margin-top:-61px; display:block; width:75px; height:122px;  background:rgba(0,0,0,0.5);filter:alpha(opacity=50);opacity:0.5; text-align:center; line-height:75px;   }
.index_respon_img .slideBox .next{ left:640px;  background-position:8px 5px; }
.index_respon_img .slideBox .prev:hover,
.index_respon_img .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index_respon_xx{width:435px; height:auto; float:right; background:#fff; margin-top:30px;}
.index_respon_xx h3{font-size:24px; color:#333333; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:80px;}
.index_respon_xx p{width:100%; height:183px; overflow:hidden; line-height:30px; font-size:14px; color:#666666; margin-top:20px;}
.respon_dw{width:630px; height: 542px; position: absolute; top:-78px; left:0px;}
.index_respon_xx a{width:119px; height:29px; background:#6fba2c url(../images/jia.png) no-repeat right; display:block; margin-top:75px; font-size:14px; color:#fff; line-height:29px; padding-left:15px;}
.index_respon_bottom .container{position: relative;}
.index_respon_xx a:hover{ background:#e5e5e5 url(../images/jia.png) no-repeat right}



/*底部*/


.footer{ width: 100%; height:auto; background:#343434; padding-top:162px; overflow:hidden; padding-bottom:30px;}
.foot_center{width:207px; height: 164px; color:#fff; font-size: 16px; float: left; }
.foot_center img{width:100%; height: auto}
.footer_gq{width:100%; height:auto; border-top:1px solid #616161; padding-top:20px; margin-top:20px;}
.footer_gq p{width:242px; height:34px; background:#4a4a4a; text-align:center; line-height:34px; color:#cccccc; font-size:15px; float:left;}
.footer_gq span{float:left; font-size:24px; color:#797979; line-height:34px; margin-left:10px;}

.footer_info{width:580px; height:auto; float:left; margin-left:75px; margin-top:16px;}
.footer_info_xx{width:100%; height:90px; border-bottom:1px solid #616161; }
.footer_info_xx p{font-size:16px; color:#fff; float:left; width:auto; margin-bottom:20px; }
.f1{width:167px; height:25px; line-height:25px; margin-right:32px;}
.f2{width:167px; height:25px; line-height:25px; margin-right:78px;}

.footer_top_right{width:280px;  display: block; overflow: hidden; float: right;}
.footer_top_right .footer_img{width:120px; height:auto; float:left; margin-left:20px;}
.footer_img img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px; color:#999999; text-align:center}
.footer_img div{width:120px; height:120px; background:#eeeeee; border-radius: 5px;  padding:8px;}

.footer_ban{width:120%; height: 60px; line-height: 60px; }
.footer_zhichi{width:100%; height:30px;}
.footer_zhichi p{ width: 162px; float: left; margin-right: 20px; line-height: 30px; font-size: 12px; color:#999999;}
.footer_zhichi .pt{width:102px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 5px; }
.footer_zhichi .js{width:90px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 5px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #999999;}
.footer_zhichi i{ float: left;}
.f_brq{width:100%;height:40px; line-height: 40px;font-size: 12px; color:#999999; }
.f_brq a:hover{color:#6fba2c!important}
.index_kuaijie{width:100%; height: 50px; background:#343434; padding: 15px;border-top:1px solid #616161}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 14px; color: #999999; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #999999; float: left; padding-right: 10px;}
.index_kuaijie a:hover{color:#fff}





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#6fba2c;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}





/*内页头部导航*/
.main_top{position: relative}
.header_top_left{width:205px; float: left;}
.header_top_left p{width:100%; height:22px; line-height: 22px; font-size: 20px;font-weight: bold;margin-left: 29px;margin-bottom: 10px; color: #999999}
.header_top_left .header_top_sousuo{width:100%; height:32px; background: #fff; border-radius: 50px;padding-left:18px; line-height: 30px; margin-top: 5px}
a.mmbutton{ background: url(../images/ss.png) no-repeat center; width:16px; height:16px; border: 0px; margin-top:6px; float: left}
.header_top_left .header_top_sousuo input[type="text"]{outline: none; border: 0px; font-size: 12px; color: #999; line-height: 30px;padding-left: 8px}
.header_top_right{width:178px; float: right}
.top_logon{ width:100px;height:110px; position: absolute;left: 50%; margin-left: -50px;top: -15px;}
.top_logon img{width: 100%;height: 100%;}
.header_top .allwidth{position: relative}
/*about关于我们neiye*/
.about_all{width:100%;height: auto;margin-bottom: 45px;}
.about_all,.news_main{font-size:14px; color: #666;line-height:28px;}
.about_bj{width:100%;height:400px; background: url(../images/aboutbj.jpg) no-repeat center;}
.case_bj{width:100%;height:400px; background: url(../images/casebj.jpg) no-repeat center;}
.qxpp_bj{width:100%;height:400px; background: url(../images/qxppbj.jpg) no-repeat center;}
.contact_bj{width:100%;height:400px; background: url(../images/contactbj.jpg) no-repeat center;}
.product_bj{width:100%;height:400px; background: url(../images/productbj.jpg) no-repeat center;}
.news_bj{width:100%;height:400px; background: url(../images/newsbj.jpg) no-repeat center;}
.service_bj{width:100%;height:400px; background: url(../images/servicebj.jpg) no-repeat center;}
.join_bj{width:100%;height:400px; background: url(../images/joinbj.jpg) no-repeat center;}
.cyzr_bj{width:100%;height:400px; background: url(../images/cyzrbj.jpg) no-repeat center;}
.cyms_bj{width:100%;height:400px; background: url(../images/cymsbj.jpg) no-repeat center;}
.cyzf_bj{width:100%;height:400px; background: url(../images/cyzfbj.jpg) no-repeat center;}
.cymg_bj{width:100%;height:400px; background: url(../images/cymgbj.jpg) no-repeat center;}

/*新闻资讯neiye*/
.main_zhong{width:100%; height:auto; display: block;overflow:hidden; margin-top: 162px;}
.news_bj{ width:100%;height:497px; background: url(../images/newsbj.jpg) no-repeat center;}
.news_main{width:1200px; height:auto; display: block; overflow: hidden; margin: 0px auto}
.info_main{width:100%; height: auto; display: block;overflow: hidden}
.banner_info{width: 100%; height: 366px; margin-top: 150px;}
.banner_info img{width: 100%; height: 100%;}
.news_info{width: 100%;height: auto; display: block; overflow: hidden; margin-bottom:45px;}
.news_info li{width: 100%; height:auto; padding: 35px; border: 1px solid #e5e5e5; margin-bottom: 15px;display: block; overflow: hidden}
.news_info li img{width:145px; height: 128px; float: left;}
.news_info li .news_info_xx{ float: left; width: 80%; margin-left: 20px;}
.news_info li .news_info_xx h3{ font-size: 16px; color: #333333; height: 30px; line-height: 30px; width: 100%;}
.news_info li .news_info_xx p{ font-size: 12px; color: #999; line-height: 24px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.news_info li:hover{border:1px solid #6fba2c}
.news_info li:hover h3{color: #6fba2c;}
.news_info li:hover .news_info_a{ background:#6fba2c }
.news_info_time{width:80px; height:76px; color: #fff; float: left; background: #6fba2c;text-align: center;line-height: initial;}
.news_info_a{float:right; background: #d1d1d1;width:106px; height:30px; text-align: center; line-height: 30px; color: #fff;margin-top: 28px;}
.news_info_time p{font-size:37px;}
.news_info_time span{font-size:16px;}
.news_biaoti{width: 100%; height: auto; margin:40px 0px ;display:block;overflow: hidden}
.news_biaoti ul{width: auto; height: auto; float: left;border: 1px solid #999999      }
.news_biaoti ul li{float: left; width: 145px; height:48px; line-height: 48px; text-align: center; border-right: 1px solid #999;}
.news_biaoti ul li a{ color: #999999;display: block;}
.news_biaoti ul li:hover{ background:#6fba2c; border: 1px solid #6fba2c }
.news_biaoti ul li:hover a,.news_biaoti ul li.active a{ color: #fff}
.news_biaoti ul li.active{background:#6fba2c;border: 1px solid #6fba2c }
.title_tishi{ float:right;font-size: 12px; color: #666666}
.news_biaoti ul li:last-child{border-right: none;}
.title_tishi:hover a{color:#6fba2c}

/*内页下面新闻*/
.leo_list{ width: 100%; height: auto; display: block; margin-top:30px;  margin-bottom: 50px;overflow: hidden;}
.leo_list_info  ul{overflow: hidden;}
.leo_list_info  ul li{ height: 40px; line-height: 40px; margin-top: 15px;width: 48%;float: left;}
.leo_list_info  ul li:nth-child(2n){float: right;}
.leo_list_info  ul li p{ width: 80%;  font-size: 14px; color: #666666; float: left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 0;}
.leo_list_info  ul li .icon-dian{ float: left; font-size: 25px!important; color: #bebebe;}
.leo_list_info  ul li time{ float: right; font-size: 12px;color: #666666;}
.leo_list_info  ul li .leo_xian{border-bottom: 1px dashed #bfbfbf;height: 100%; width: 100%;}
.leo_list_info  ul li .leo_xian a{display: block;width: 100%; height: 100%;}
.leo_list_info  ul li .leo_xian .icon{color:#999; font-size:18px; float:left; line-height:40px;}
.leo_list_info  ul li:hover  p{ color:#6fba2c;}
.leo_list_info  ul li:hover time{color:#6fba2c;}
.leo_list_info  ul li:hover .icon-dian{color:#6fba2c ;}
.leo_list_info  ul li:hover .leo_xian{border-bottom: 1px dashed #6fba2c;}
.leo_list_info  ul li:hover .leo_xian{border-bottom: 1px dashed #6fba2c;}
.leo_list_info  ul li .leo_xian img{ float: left;width: 10px; height: 10px; margin-top:16px; margin-right:13px;}
.news_bottom{width: 100%; height: 1px; border: 1px solid rgba(197, 197, 197, 0.58);position: absolute;
    top: 67px;left: 0; z-index: 0;}
.yema{width:100%;height: 1px;padding: 15px 0;}
.dlogo{width:120px; height:auto; float:left; margin-top:37px;}
.dlogo img{ width:100%; height:100%;}
.dlogo_title{width: 1050px;
    float: right;
    border-bottom: 1px solid #6fba2c;
    height: 35px;
    line-height: 35px;
    margin-top: 50px;
}
.dlogo_title h3{ color: #666666;  font-size:21px; float: left;line-height: 35px;text-transform: uppercase;}
.dlogo_title span{ color: #666666;font-size: 12px; margin-left: 10px;}
.leo_about_title{width:100%;height:88px; margin-top: 30px;}

/**honor**/
.store_info，.product_info{width: 100%; height: auto}
.store_info{margin-bottom: 45px;}
.store_info .row，.product_info .row{margin: 0px;}
.store_info ul,.product_info ul{width:100%; height: auto; display: block; overflow: hidden}
.store_info li{margin-bottom: 36px;padding: 0px 8px;width:400px; float: left}
.store_info li .jskc_img{ width:100%; height:auto; display: block; overflow: hidden}
.store_info li img{width: 100%; height:auto;pxtransform: scale(1);transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s; }
.store_info li p{width:100%; height: 50px; border:1px solid #868686; text-align: center; font-size: 15px; color: #999; margin-top: 10px; line-height: 47px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0px 10px;}
.store_info li:hover p{ background: #6fba2c; color: #fff; border: 1px solid #6fba2c}
.store_info li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;_height:130px;}

/**contact**/


/*联系我们neiye*/
.about_info,.contact_all,.news_all{width: 100%; height: auto;display: block;overflow: hidden;}
.contact_info{width:100%; height: 280px; background: #eeeeee; padding: 20px}
.contact_nei{ background: #fff; width: 100%; height: 100%; padding: 0px 60px}
.contact_nei ul{width:100%; height: 100%; overflow:hidden}
.contact_nei li.leftinfo{width:600px; float: left;margin-top:16px;}
.contact_nei li.centerinfo{float:left;width:330px;margin-top: 48px; }
.contact_nei li.rightinfo{float:right; margin-top:20px;}
.contact_nei li.leftinfo h3{color: #666;  width:120px; margin-bottom: 10px}
.contact_nei li.leftinfo h3 span{border-bottom: 2px solid #6fba2c; font-size: 16px}
.contact_nei li.leftinfo p{font-size: 16px; color: #666; height: 30px; line-height: 30px}
.contact_nei li.leftinfo p span{font-size:24px;}
.contact_dizhi{ font-size: 12px!important}
.centerinfo img{width:153px; height: 120px; margin: 0px auto 10px; display: block; overflow: hidden}
.centerinfo h2{ font-size: 24px; color: #6db254; font-weight: bold; height: 40px; line-height:40px}
.centerinfo p{font-size:11px; color: #666; height: 30px; line-height: 30px; border-top: 1px solid #b5b5b5; font-weight: bold}
.rightinfo dl{float: left; width: 128px;height: auto; margin-left: 10px}
.rightinfo dl dt{width:128px; height: 127px; border: 1px solid #d2d2d2; padding: 4px}
.rightinfo dl dt img{width:118px;height: 117px}
.rightinfo dl dd{ text-align: center; height: 30px; line-height: 30px; color: #666; font-size: 12px}
.ditu{width:100%; height: 487px; margin: 40px 0 25px}

.liuyan{z-index: 888; background: url(../images/liuyan.png)no-repeat center;width: 185px;height: 489px;position: fixed;right: 0;top: 50%;margin-top: -244.5px;padding-top: 159px;}
.liuyan ul li{overflow: hidden; width: 159px;margin: 0 auto;border-bottom: 1px solid rgba(229,229,229,.42);color: #fff;padding-bottom: 8px;margin-bottom: 18px;}
.liuyan ul li>span{font-size: 16px;float: left;}
.liuyan ul li a{display: block;}
.liuyan ul li i{display: inline-block;margin-left: 25px;margin-right: 7px;float: left;width: 22px;height: 21px;}
i.ico_ly_kefu{background: url(../images/zxkf.png)no-repeat;}
i.ico_lyly{background:url(../images/lypl.png)no-repeat;}
.ly_rx span{font-size: 14px;}
.ly_rx h6{font-size: 20px;font-weight: bold;}
.ly_er_pic{width: 76px;height: 76px;margin: 0 auto;}
.ly_er_pic img{width: 100%;height: 100%;}
.ly_er{margin: 0 auto;text-align: center;}
.ly_er span{font-size: 14px;color: #fff;}

i.myclose{display: inline-block;width: 20px;height: 20px;cursor: pointer;}
i.myclose img{width: 20px;height: 20px;}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:fixed; z-index:999; ;right: 0;top: 50%;margin-top: -244.5px;}
.side_content{width:185px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:185px;overflow:hidden;}
.show_btn{ width:0px; height:313px; overflow:hidden; float:left; cursor:pointer;background:#6fba2c;padding-top: 114.5px;margin-top: 50px;}
.show_btn span {color: #fff;display: inline-block;width: 16px;margin-left: 12.5px;}
.close_btn{cursor:pointer;}
/*.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/feedback.jpg) no-repeat;}*/
.side_title {height:39px;color: #FFFFFF;line-height: 39px;padding-right: 10px;padding-left: 16px;}
.side_title>span{float: right;}
.side_title a{display: block;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; font-size:12px;background: url(../images/liuyan.png)no-repeat center;width: 185px;height: 489px;padding-top: 159px;}


/*.liuyan{z-index: 888; background: url(../images/liuyan.png)no-repeat center;width: 185px;height: 489px;position: fixed;right: 0;top: 50%;margin-top: -244.5px;padding-top: 159px;}*/
.side_center ul li{overflow: hidden; width: 159px;margin: 0 auto;border-bottom: 1px solid rgba(229,229,229,.42);color: #fff;padding-bottom: 8px;margin-bottom: 18px;}
.side_center ul li>span{font-size: 16px;float: left;}
.side_center ul li a{display: block;}
.side_center ul li i{display: inline-block;margin-left: 25px;margin-right: 7px;float: left;width: 22px;height: 21px;}


.close_btn { float:right; display:block;  }
/*.close_btn span { display:none;}*/
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
/*.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}*/
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
/*.show_btn , .side_blue .show_btn {background-position:-119px 0;}*/
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
/*.side_green .show_btn {background-position:-147px 0;}*/
.side_green .msgserver a {color:#76a20c;}


/**tscx**/
.tscx{background: url(../images/bg_tscx.jpg) no-repeat center;padding-top: 26px;padding-bottom: 78px;margin-top: 54px;}
.tscx_tit{text-align: center;background: url(../images/cx_tit.jpg) no-repeat center;height: 60px;}
.tscx_tit h6,.mjoin_tit h6{font-size: 30px;color: #333333;font-weight: bold;}
.tscx_tit span,.mjoin_tit span{font-size: 16px;color: #6fba2c;text-transform: uppercase;}




.tsd_xx{overflow: hidden;margin-top: 25px;}
.tsd_xx a.mabu_more{float: left;margin-top: 0;margin-right: 35px;}
.tsd_tel{float: left;overflow: hidden;margin-right: 20px;}
.tsd_tel_tit{margin-right:15px;margin-top: 5px; float: left; width: 104px;height: 26px;text-align: center;line-height: 26px;background: #5e341a;border-radius: 13px;font-size: 16px;color: #FFFFFF;}
.tsd_tel span{float: left;font-size: 26px;color: #6fba2c;font-weight: bold;}
.ts_biaoyu{float:left;width: 620px;height: 33px;background: url(../images/bg_biaoyu.jpg)no-repeat;line-height: 33px;color: #FFFFFF;font-size: 16px;padding-left: 18px;}










/*内页产品*/
ul.ppicList{overflow: hidden; width:100%;}
ul.ppicList li{ width:285px; height:auto; float:left; margin-right:20px; margin-bottom:20px;}
ul.ppicList li:nth-child(4n){margin-right: 0}
ul.ppicList li .pic {width:100%; height:233px; position: relative; overflow: hidden;}
ul.ppicList li .pic img { width: 100%; height:100%; display: block; transition: all 0.8s ease-in-out;}
.pic_hd{display: none; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.6);left: 0;top: 0;padding: 15px;}
.ph_con{width: 100%;height: 100%;border: 1px solid #FFFFFF;position: relative;}
i.ico_search{display: inline-block;background: url(../images/ss.png)no-repeat;width: 54px;height: 54px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
ul.ppicList li .title { height: 50px; line-height: 50px; background: #6fba2c; color: #FFFFFF; font-size: 16px; text-align:center}
ul.ppicList li:hover .pic_hd { display: block;}
ul.ppicList li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}


/*案列展示*/
.md_list ul li{width:380px; height:auto; float:left; margin-right:30px; margin-bottom:20px;}
.md_list ul li .title{width:100%; height:35px; line-height:35px; font-size:16px; color:#333;  margin-top:15px; }
.md_list ul{overflow: hidden;}
.md_list ul li:nth-child(3n){margin-right: 0;}
.md_list ul li:hover .title{color: #40220F;}
.md_list ul li img{width:100%;  height:auto;}
.md_list ul li .pic{width:380px; height:auto; overflow:hidden}
.md_list ul li .pic img{width:100%; height:100%;transition: all 0.8s ease-in-out;}
.md_list ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}



/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:800px; height:380px; position:fixed; top:50%; left:50%; margin-left:-400px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}