﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{color:#555; font-size: 14px; font-family:"Arial", "微软雅黑";}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#777; font-size:15px; font-family: "Open Sans"; vertical-align:middle;}
input:focus {outline:none;}
a{ color:#555; text-decoration:none; transition:0.5s;}
.w1200{max-width:1200px; margin:0 auto;}
.w1200:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.sy_bt{text-align:center; margin-bottom:42px;}
.sy_bt .sy_bt_t{color:#999; font-size:15px; font-weight:bold;}
.sy_bt .sy_bt_m{font-size:35px;}
.sy_bt .sy_bt_m span{color:#4eb839;}
.sy_bt .sy_bt_b{margin-top:12px;}
.sy_bt .sy_bt_b span{display:inline-block; padding:0 20px; position:relative;}
.sy_bt .sy_bt_b span:after{content:""; width:10px; height:2px; margin-top:-1px; background:#848484; position:absolute; top:50%; left:0;}
.sy_bt .sy_bt_b span:before{content:""; width:10px; height:2px; margin-top:-1px; background:#848484; position:absolute; top:50%; right:0;}


/*top*/
.top_bjj{width:100%; border-top:4px #333 solid; border-bottom:4px #4eb839 solid;}
.top_bj{width:100%; background:#fff;}
.top .logo{height:126px; float:left; display:table;}
.top .logo a{display:table-cell; vertical-align:middle;}
.top .top_r{float:right; padding-top:35px; position:relative;}
.top .top_r .top_r_xx{width:640px; overflow:hidden; line-height:31px; padding:0 30px; padding-bottom:4px; border-radius:0 0 6px 0; background:#333 url(../images/top_r_bj.png) left top no-repeat; position:absolute; top:0; right:0;}
.top .top_r .top_r_xx .top_r_xx_rx{float:left; color:#fff; font-size:16px; margin-left:20px; padding-left:24px; background:url(../images/top_r_rx.png) left center no-repeat;}
.top .top_r .top_r_xx .top_r_xx_yx{float:left; color:#fff; font-size:16px; margin-left:40px; padding-left:24px; background:url(../images/top_r_yx.png) left center no-repeat;}
.top .top_r .top_r_xx .top_r_xx_wx{width:24px; height:25px; float:left; margin-top:4px; margin-left:44px; cursor:pointer;}
.top .top_r .top_r_xx .top_r_xx_wb{width:24px; height:25px; float:left; margin-top:4px; margin-left:40px;}
.top .top_r .top_r_xx .top_r_xx_zyw{float:left; margin-left:40px;}
.top .top_r .top_r_xx .top_r_xx_zyw a{display:block; color:#fff; font-size:16px; font-weight:bold;}

.top_r_xx_wx_erweima{width:100%; height:100%; display: none; background:rgba(0,0,0,0.4); position: fixed; top:0; left:0; z-index:3;}
.p-show{display:block;}
.top_r_xx_wx_erweima img{width:220px; height:220px; margin-top:-110px; margin-left:-110px; position:fixed; left:50%; top:50%;}

.top .top_r ul{overflow:hidden; margin-top:35px;}
.top .top_r ul li{float:left; font-size:15px; line-height:20px; margin-left:30px;}


/*banner*/
.block_home_slider {position:relative; text-align:center; line-height:0px; margin-right:auto; margin-left: auto;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:30px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#fff; text-indent:-9000px; cursor:pointer; transition:all 0.5s; border-radius:20px;}
.block_home_slider .flex-control-paging li a.flex-active {width:40px;background:#4eb839;}
.flexslider {margin:0; padding:0; height:700px;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li {height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}


/*产品展示*/
.cpzs_bj{width:100%; padding-top:90px; border-bottom:70px #f4f4f4 solid; background:#f4f4f4 url(../images/sy_cp_zs.png) top center no-repeat;}
.cpzs .cpzx_dh{width:260px; float:left;}
.cpzs>.cpzx_dh>ul>li{margin-bottom:2px;}
.cpzs>.cpzx_dh>ul>li>a{display:block; font-size:16px; line-height:20px; padding:28px 40px; background:#fff url(../images/cpzs_dh_1.png) right center no-repeat;}
.cpzs>.cpzx_dh>ul>.s>.cpzx_dh_erji{display:block;}
.cpzs>.cpzx_dh>ul>.act>a{color:#fff; background:#4eb839 url(../images/cpzs_dh_2.png) right center no-repeat;}
.cpzs .cpzx_dh ul li .cpzx_dh_erji{display:none; overflow:hidden; padding-top:8px; padding-bottom:26px; background:#fff;}
.cpzs .cpzx_dh ul li .cpzx_dh_erji ul li{margin-top:22px;}
.cpzs .cpzx_dh ul li .cpzx_dh_erji ul li a{display:block; line-height:20px; padding:0 36px; border-left:4px #fff solid;}
.cpzs .cpzx_dh ul li .cpzx_dh_erji ul li:hover a{color:#4eb839; border-left:4px #4eb839 solid; transition:all 0.5s;}
.cpzs .cpzx_dh ul li .cpzx_dh_erji ul .s a{color:#4eb839; border-left:4px #4eb839 solid; transition:all 0.5s;}

.cpzs .cpzs_sj_dh{display:none;}
.cpzs .cpzs_sj_dh ul{overflow:hidden; margin-top:-2%; margin-left:-6px; text-align:center;}
.cpzs .cpzs_sj_dh ul li{display:inline-block; line-height:20px; margin-top:2%; margin-left:6px; padding:10px 20px; border:1px #eaeaea solid; background:#4eb839;}
.cpzs .cpzs_sj_dh ul li a{color:#fff;}

.cpzs .cpzs_kj{width:calc(100% - 300px); float:right;}
.cpzs .cpzs_kj ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzs .cpzs_kj ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpzs .cpzs_kj ul li .cpzs_img{width:100%; position:relative;}
.cpzs .cpzs_kj ul li .cpzs_img:after{content:""; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6) url(../images/sy_cp_fdj.png) center no-repeat; transition:all 0.5s; position:absolute; top:0; left:0;}
.cpzs .cpzs_kj ul li:hover .cpzs_img:after{opacity:1;}
.cpzs .cpzs_kj ul li .cpzs_wz{color:#fff; line-height:20px; padding:13px; background:#444; transition:all 0.5s;}
.cpzs .cpzs_kj ul li:hover .cpzs_wz{background:#4eb839;}


/*三大优势*/
.sy_ys_bj{width:100%; padding:70px 0; background:#fff;}
.sy_ys ul{overflow:hidden;}
.sy_ys ul li{width:33.33%; float:left;}
.sy_ys ul li .sy_ys_img{height:230px;}
.sy_ys ul li .sy_ys_wb{height:230px; text-align:center; padding:16px; background:#f1f1f1; transition:all 0.5s;}
.sy_ys ul li:hover .sy_ys_wb{ background:#4eb839;}
.sy_ys ul li .sy_ys_wb_t{color:#44ae2e; font-size:18px; margin-top:24px;}
.sy_ys ul li:hover .sy_ys_wb_t{color:#fff;}
.sy_ys ul li .sy_ys_wb_b{width:100%; height:124px; overflow:auto; line-height:30px; margin-top:14px; padding-right:10px;}
.sy_ys ul li .sy_ys_wb_b::-webkit-scrollbar{width:2px; background:#ddd;}  
.sy_ys ul li .sy_ys_wb_b::-webkit-scrollbar-thumb{background:#44ae2e;}
.sy_ys ul li:hover .sy_ys_wb_b{color:#fff;}


/*公司介绍*/
.gsjs_bj{width:100%; padding:70px 0; background:#f4f4f4;}
.gsjs{padding:40px; background:#fff;}
.gsjs .gsjs_wb{width:410px; float:left;}
.gsjs .gsjs_wb .gsjs_wz{line-height:36px;}
.gsjs .gsjs_more{margin-top:50px;}
.gsjs .gsjs_more a{display:inline-block; color:#fff; line-height:20px; padding:10px 30px; background:#4eb839;}

.gsjs .gsjs_sp_img{width:calc(100% - 470px); float:right; height:360px; position:relative;}
.gsjs .gsjs_sp_img .gsjs_sp_an{width:62px; height:62px; margin-top:-31px; margin-left:-31px; position:absolute; top:50%; left:50%; cursor:pointer;}
.gsjs .gsjs_sp_img .gsjs_sp_an:hover img{-webkit-animation:tada 1s .2s ease both; -moz-animation:tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}}

.gsjs_sp{width:100%; height:100%; display: none; position: fixed; top:0; left:0; z-index: 99;}
.gsjs_sp .gsjs_sp_fg{width:100%; height:100%; background: rgba(0,0,0,0.4) !important; position:absolute; top:0; left:0; z-index:2;}
.gsjs_sp_kj{max-width:900px; width:96%; padding:12px; background:#fff; position:absolute; top:50%; left:50%; z-index:3; transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.p-show { display: block; }


/*为什么*/
.why_kj .sy_bt_bj{width:100%; overflow:hidden; padding-top:33px; padding-bottom:21px; background:url(../images/sy_xz_bt_bj.png) bottom center no-repeat;}
.why_kj .sy_bt .sy_bt_t{color:#fff;}
.why_kj .sy_bt .sy_bt_m{color:#fff;}
.why_kj .sy_bt .sy_bt_b{color:#fff;}
.why_kj .sy_bt .sy_bt_b span:after{background:#fff;}
.why_kj .sy_bt .sy_bt_b span:before{background:#fff;}

.why_bj{width:100%; padding-top:60px; padding-bottom:70px; background:#fff url(../images/sy_xz_bj.png) center no-repeat;}
.why{height:480px; position:relative;}
.why .why_logo{text-align:center;}
.why ul li{overflow:hidden;}
.why ul li .why_wb .why_wb_t{font-size:23px;}
.why ul li .why_wb .why_wb_b{margin-top:8px;}

.why ul li:nth-child(1){width:510px; position:absolute; top:26px; left:0;}
.why ul li:nth-child(1) .why_img{width:128px; float:right; padding-left:64px; background:url(../images/sy_xz_tp_bj.png) left center no-repeat;}
.why ul li:nth-child(1) .why_wb{width:calc(100% - 148px); float:left; text-align:right;}

.why ul li:nth-child(2){width:510px; position:absolute; top:26px; right:0;}
.why ul li:nth-child(2) .why_img{width:128px; float:left; padding-right:64px; background:url(../images/sy_xz_tp_bj.png) right center no-repeat;}
.why ul li:nth-child(2) .why_wb{width:calc(100% - 148px); float:right; text-align:left;}

.why ul li:nth-child(3){width:486px; position:absolute; top:206px; left:0;}
.why ul li:nth-child(3) .why_img{width:104px; float:right; padding-left:38px; background:url(../images/sy_xz_tp_bj.png) left center no-repeat;}
.why ul li:nth-child(3) .why_wb{width:calc(100% - 124px); float:left; text-align:right;}

.why ul li:nth-child(4){width:486px; position:absolute; top:206px; right:0;}
.why ul li:nth-child(4) .why_img{width:104px; float:left; padding-right:38px; background:url(../images/sy_xz_tp_bj.png) right center no-repeat;}
.why ul li:nth-child(4) .why_wb{width:calc(100% - 124px); float:right; text-align:left;}

.why ul li:nth-child(5){width:100%; position:absolute; top:293px; left:0;}
.why ul li:nth-child(5) .why_img{width:100%; text-align:center; padding-bottom:42px; background:url(../images/sy_xz_tp_bj2.png) bottom center no-repeat;}
.why ul li:nth-child(5) .why_wb{width:100%; text-align:center; margin-top:20px;}


/*新闻资讯*/
.xwfb_bj{width:100%; background:#fff;}
.xwfb{padding-top:60px; border-top:1px #eaeaea solid;}
.xwfb_kj{width:calc(100% - 430px); float:left; padding-left:285px; position:relative;}
.xwfb_kj .xwfb_kj_bt{width:260px; height:100%; padding:30px; padding-top:70px; background:url(../images/sy_xw_bt_bj.jpg) top left no-repeat; position:absolute; top:0; left:0;}
.xwfb_kj .xwfb_kj_bt .xwfb_kj_bt_t{color:#f4f4f4; font-size:34px;}
.xwfb_kj .xwfb_kj_bt .xwfb_kj_bt_b{color:#f4f4f4; font-size:16px; letter-spacing:2px; margin-top:10px;}
.xwfb_kj .xwfb_kj_bt .xwfb_kj_bt_more{margin-top:56px;}
.xwfb_kj .xwfb_kj_bt .xwfb_kj_bt_more a{display:inline-block; color:#fff; line-height:20px; padding:4px 15px; padding-right:47px; border:2px #fff solid; border-radius:2px; background:url(../images/sy_xwzx_more.png) 70px 8px no-repeat;}

.xwfb_kj ul{overflow:hidden; margin-top:-26px;}
.xwfb_kj ul li{width:100%; overflow:hidden; padding:26px 0; border-bottom:1px #ccc dashed;}
.xwfb_kj ul li .xwfb_img{width:164px; height:122px; float:left;}
.xwfb_kj ul li .xwfb_wb1{width:calc(100% - 180px); float:right;}
.xwfb_kj ul li .xwfb_wb_t{font-size:18px; margin-top:6px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition:all 0.5s;}
.xwfb_kj ul li:hover .xwfb_wb_t{color:#4eb839;}
.xwfb_kj ul li .xwfb_wb1 .xwfb_wb_m{color:#666; margin-top:6px;}
.xwfb_kj ul li .xwfb_wb_b{color:#666; line-height:26px; margin-top:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.5s;}

.xwfb_kj ul li .xwfb_rq{width:74px; float:left; text-align:center; color:#999; transition:all 0.5s;}
.xwfb_kj ul li:hover .xwfb_rq{color:#4eb839;}
.xwfb_kj ul li .xwfb_rq .xwfb_rq_t{font-size:40px; font-weight:bold;}
.xwfb_kj ul li .xwfb_wb2{width:calc(100% - 94px); float:right;}
.xwfb_kj ul li .xwfb_wb2 .xwfb_wb_b{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.xwfb_kj ul li:hover .xwfb_wb2 .xwfb_wb_b{color:#4eb839;}


/*常见问题*/
.cjwt{width:340px; float:right;}
.cjwt .cjwt_btt{overflow:hidden; padding-bottom:20px; background:#fff; position:relative; z-index:3;}
.cjwt .cjwt_btt .cjwt_bt{width:calc(100% - 100px); float:left;}
.cjwt .cjwt_btt .cjwt_bt .cjwt_bt_t{font-size:24px; font-weight:bold;}
.cjwt .cjwt_btt .xwfb_jt{float:right;}
.cjwt .cjwt_btt .xwfb_jt a{width:40px; height:40px; float:left; display:block;}
.cjwt .cjwt_btt .xwfb_jt .jc_if_prev{background:#666 url(../images/sy_wt_jt.png);}
.cjwt .cjwt_btt .xwfb_jt .jc_if_next{background:#4eb839 url(../images/sy_wt_jt.png) 40px 0px ;}

.cjwt_kj{margin-top:-32px;}
.cjwt ul{overflow:hidden;}
.cjwt ul li{width:100%; margin-top:32px; padding-bottom:32px; border-bottom:1px #ccc dashed; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.cjwt ul li .cjwt_t{line-height:20px; padding-left:34px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background:url(../images/sy_wt1.jpg) left center no-repeat;}
.cjwt ul li .cjwt_b{line-height:20px; margin-top:9px; padding-left:34px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background:url(../images/sy_wt2.jpg) left center no-repeat;}


/*友情链接*/
.yqlj{ padding-left:110px; margin-top:70px; margin-bottom:50px; padding-top:10px; background:url(../images/yqlj_bt.jpg) top left no-repeat;}
.yqlj ul{overflow:hidden;}
.yqlj ul li{float:left; font-size:15px; line-height:20px; margin-top:10px; margin-left:30px;}


/*底部*/
.db_bj{padding-top:70px; background:#222;}
.db .db_bt{color:#fff; font-size:16px; margin-bottom:40px;}

.db .db_dh{width:300px; float:left;}
.db .db_dh ul{overflow:hidden; margin-top:-14px; margin-left:-46px;}	
.db .db_dh ul li{width:127px; float:left; line-height:20px; margin-top:14px; margin-left:46px; padding-bottom:14px; border-bottom:1px #444 solid;}	
.db .db_dh ul li:nth-child(5){border:none;}
.db .db_dh ul li:nth-child(6){border:none;}
.db .db_dh ul li a{color:#fff;}	

.db .db_lx{width:340px; float:left; margin-left:140px;}
.db .db_lx .db_bt{color:#4eb839;}
.db .db_lx ul{overflow:hidden; margin-top:-22px;}
.db .db_lx ul li{width:100%; color:#fff; line-height:18px; margin-top:22px; padding-left:26px;}	
.db .db_lx ul li:nth-child(1){background:url(../images/db_lx1.png) left top no-repeat;}
.db .db_lx ul li:nth-child(2){background:url(../images/db_lx2.png) left top no-repeat;}
.db .db_lx ul li:nth-child(3){background:url(../images/db_lx3.png) left top no-repeat;}
	
.db .db_erweima{width:130px; float:left; margin-left:140px;}

.bah_bj{width:100%; margin-top:100px; padding:20px 0; border-top:1px #444 solid;}	
.bah{text-align:center; font-size:12px; line-height:20px;}
.bah a{color:#919191;}
	
	
/*内页banner*/
.ny_banner{width:100%; height:260px;}
	
	
/*内页框架*/	
.ny_bj{width:100%; padding-top:60px; padding-bottom:80px; background:#fff;}
.ny .ny_dh{width:260px; float:left;}
.ny .ny_dh .ny_dh_bt{font-size:24px; line-height:24px; font-weight:bold; padding-left:40px; padding-bottom:34px; background:url(../images/ny_dh_bt_bj.png) bottom center no-repeat;}
.ny>.ny_dh>ul{margin-top:10px;}
.ny>.ny_dh>ul>li{margin-bottom:2px;}
.ny>.ny_dh>ul>li>a{display:block; font-size:16px; line-height:20px; padding:28px 40px; background:#f1f1f1;}
.ny>.ny_dh>ul>.s>a{color:#fff; background:#4eb839;}
.ny>.ny_dh>ul>.c>.cpzx_dh_erji{display:block;}
.ny>.ny_dh>ul>.z>a{background:#f1f1f1 url(../images/cpzs_dh_1.png) right center no-repeat;}
.ny>.ny_dh>ul>.act>a{color:#fff; background:#4eb839 url(../images/cpzs_dh_2.png) right center no-repeat;}
.ny .ny_dh ul li .cpzx_dh_erji{display:none; overflow:hidden; padding-top:8px; padding-bottom:26px; background:#f6f6f6;}
.ny .ny_dh ul li .cpzx_dh_erji ul li{margin-top:22px;}
.ny .ny_dh ul li .cpzx_dh_erji ul li a{display:block; line-height:20px; padding:0 36px; border-left:4px #f6f6f6 solid;}
.ny .ny_dh ul li .cpzx_dh_erji ul li:hover a{color:#4eb839; border-left:4px #4eb839 solid; transition:all 0.5s;}
.ny .ny_dh ul li .cpzx_dh_erji ul .s a{color:#4eb839; border-left:4px #4eb839 solid; transition:all 0.5s;}
.ny .ny_dh .lxwm{width:100%; margin-top:6px; overflow:hidden; padding:4px; border:1px #eaeaea solid; position:relative;}
.ny .ny_dh .lxwm .lxwm_wz{width:200px; font-size:16px; line-height:20px; margin-left:-100px; margin-top:-30px; padding:20px 15px; position:absolute; left:50%; top:50%;} 
.ny .ny_dh .lxwm .lxwm_wz a{color:#fff;}

.ny .ny_kj{width:calc(100% - 320px); float:right;}
.ny .ny_kj .ny_kj_wz{width:100%; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ccc dotted;}
.ny .ny_kj .ny_kj_wz .ny_kj_wz_l{float:left; font-size:20px;}
.ny .ny_kj .ny_kj_wz .ny_kj_wz_r{float:right;}
.ny .ny_kj .ny_kj_wz .ny_kj_wz_r ul{overflow:hidden; margin-top:4px;}
.ny .ny_kj .ny_kj_wz .ny_kj_wz_r ul li{float:left; line-height:20px; margin-left:9px; padding-left:14px; background:url(../images/ny_kj_wz.png) left center no-repeat;}
.ny .ny_kj .ny_kj_wz .ny_kj_wz_r ul li:nth-child(1){margin:0; background:none;}
.ny .ny_kj .ny_wb{line-height:20px;}


/*资料下载*/
.zlxz ul{overflow:hidden; margin-top:-20px;}
.zlxz ul li{width:100%; font-size:15px; line-height:24px; padding:20px 0; padding-left:30px; border-bottom:1px #eaeaea solid; background:url(../images/zlxz.png) left center no-repeat; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zlxz ul li:after{content:""; width:0; height:1px; background:#4eb839; position:absolute; left:0; bottom:0; transition:all 0.5s;}
.zlxz ul li:hover:after{width:100%;}


/*产品中心*/
.cpzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzx ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpzx ul li .cpzx_img{width:100%; position:relative;}
.cpzx ul li .cpzx_img:after{content:""; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6) url(../images/sy_cp_fdj.png) center no-repeat; transition:all 0.5s; position:absolute; top:0; left:0;}
.cpzx ul li:hover .cpzx_img:after{opacity:1;}
.cpzx ul li .cpzx_wz{color:#fff; line-height:20px; padding:13px; background:#666; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_wz{background:#4eb839;}


/*产品详情*/
.cpxq_t:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.cpxq_t_l{ float:left; width:48%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:24%; height:70px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.sp-large a img{}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.cpxq_t_r{ float:right; width:48%;}
.cpxq_t_r .cpxq_t_r_bt{color:#4eb839; font-size:22px;}
.cpxq_t_r .cpxq_t_r_jj{font-size:15px; margin-top:20px;}
.cpxq_t_r .cpxq_t_r_wb{line-height:24px;margin:20px 0 0 0;}
.cpxq_t_r .fh{ line-height:40px; margin-top:30px;}
.cpxq_t_r .fh a{display:inline-block; color:#fff; background:#444; padding:0 15px; transition:all 0.5s;}
.cpxq_t_r .fh a:hover{background:#4eb839;}

.cpxq_b{margin-top:30px;}
.cpxq_b_dh{background:#f1f1f1;}
.cpxq_b_dh ul{overflow:hidden;}
.cpxq_b_dh ul li{float:left; text-align:center; line-height:20px; padding:15px 20px; cursor:pointer; background:url(../images/ny_dh_bj.png) -200px 0 no-repeat;}
.cpxq_b_dh ul li:hover{color:#fff; background:#4eb839 url(../images/ny_dh_bj.png) 300px 0 no-repeat; transition:all 1.5s;}
.cpxq_b_dh ul .active{color:#fff; background:#4eb839 url(../images/ny_dh_bj.png) 300px 0 no-repeat;}

.cpxq_b_kj{margin-top:30px;}
.cpxq_b_kj .wb{display:none; line-height:24px;}

.cpxq_b_kj .wb_xgcp
.cpxq_b_kj .wb_xgcp ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpxq_b_kj .wb_xgcp ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img{width:100%; position:relative;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img:after{content:""; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6) url(../images/sy_cp_fdj.png) center no-repeat; transition:all 0.5s; position:absolute; top:0; left:0;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_img:after{opacity:1;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_wz{color:#fff; line-height:20px; padding:13px; background:#666; transition:all 0.5s;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_wz{background:#4eb839;}


/*新闻中心*/
.xwzx ul{margin-top:-20px;}
.xwzx ul li{ overflow:hidden; padding:20px 0 ; border-bottom:1px #eaeaea solid; position:relative;}
.xwzx ul li:after{content:""; display:block; width:0; height:1px; background:#4eb839; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.xwzx ul li:hover:after{width:100%;}
.xwzx ul li .xw_img{width:170px; height:120px; float:left;}
.xwzx ul li .xw_wb{width:calc(100% - 200px); float:right;}
.xwzx ul li .xw_bt{font-size:17px; margin-top:7px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s; padding-right:14px;}
.xwzx ul li:hover .xw_bt{color:#4eb839;}
.xwzx ul li:hover .xw_bt{padding-left:14px; padding-right:0;}
.xwzx ul li .xw_wz{ color:#848484; margin-top:16px; line-height:20px; height:40px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.6s; padding-right:14px;}
.xwzx ul li:hover .xw_wz{padding-left:14px; padding-right:0;}
.xwzx ul li .xw_rq{ overflow:hidden; margin-top:10px; transition:all 0.8s; padding-right:14px;}
.xwzx ul li:hover .xw_rq{ padding-left:14px; padding-right:0;}
.xwzx ul li .xw_rq span{color:#4eb839; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}

.xwxq .xwxq_bt{font-size:20px;}
.xwxq .xwxq_rq{font-size:13px; margin-top:20px; padding-bottom:20px; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.xwxq .xwxq_rq span{color:#4eb839; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}
.xwxq .xwxq_wb{line-height:24px; font-size:16px; margin-top:40px;}

.xwxq_more{margin-top:40px;}
.xwxq_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#444;}
.xwxq_more a:hover{ background:#4eb839;}

.xwxq .xwxq_sxp{width:100%; overflow:hidden; margin:30px 0 0 0;}
.xwxq .xwxq_sxp a{display:block; margin-bottom:10px; transition: all 0.7s;}
.xwxq .xwxq_sxp a:hover{color:#4eb839;}
.xwxq .xwxq_sxp a span{ font-weight: bold; color:#444;}


/*常见问题*/
.ny_cjwt ul{overflow:hidden; margin-top:-20px;}
.ny_cjwt ul li{ overflow:hidden; padding:20px 0 ; border-bottom:1px #eaeaea solid; position:relative;}
.ny_cjwt ul li:after{content:""; display:block; width:0; height:1px; background:#4eb839; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.ny_cjwt ul li:hover:after{width:100%;}
.ny_cjwt ul li .ny_cjwt_t{line-height:20px; padding-left:34px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background:url(../images/sy_wt1.jpg) left center no-repeat;}


/*客户留言*/
.khly ul{ margin:0 0 0 -2%;}
.khly ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.khly ul li{width:48%; float:left; line-height:14px; color:#444; margin:0 0 20px 2%;}
.khly ul li .input_txt{width:100%; height:36px; font-size:13px; line-height:36px; padding:0 10px; border:1px #ccc solid; border-radius:4px; background:none; }
.khly ul .textarea{width:98%; margin:0 0 0 2%;}
.khly ul li textarea{width:100%; height:90px;  font-size:13px; padding:10px; border:1px #ccc solid; border-radius:4px; background:none;}
.khly .more{overflow:hidden; margin-top:20px;}
.khly .more .input_btn{width:100px; height:36px; color:#444; font-size:14px; line-height:36px; text-align:center; cursor:pointer; border:1px #ccc solid; border-radius:4px; background:#fff;}