/*头部*/
.header{z-index:11;box-sizing:border-box;padding:0;width:100%;height:55px;;background:#fff;}
.header .menu{width:60px;height:55px;text-align:center;font-size:1.625rem;line-height:6px;float: right}
.header .menu span{text-align:center;font-size:26px;line-height:55px;}
.header .index_logo{width:155px;height:20px;float:left; margin: 21px 0 0 20px;}
.header .index_logo img{position:absolute;top:-5px;right:0;bottom:0;left:0;margin:auto;}
.header .index_se{width:60px;text-align:center;line-height:60px;height: 60px;float: right}
.zz_bg{visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;}
.menu_list_box_item .icon-jia-l{font-size:26px;}
.menu_list{right:0;z-index:10;visibility:hidden;box-sizing:border-box;padding-top:54px;height:100%;background:#fff;transform:translateX(100%); width:70%;}
.menu_list_box{border-top:1px solid #eee;}
.menu_list .menu_list_box>li{display:block;padding:0 15px;width:auto;border-bottom:1px solid #eee;}
.menu_list .menu_list_box>li .a_l{display:block;padding:15px 0;color:#333;font-size:1rem;line-height:18px;}
.u_l{display:none;}
.menu_list_box_item_f{text-indent:10px; line-height:33px; height:33px; overflow:hidden;}
.menu_list_box_item_f a{ font-size:0.8rem; color:#666;height:33px; line-height:33px; overflow:hidden; display:block; width:100%;}
.menu_list_box_item .u_l{ border-top:1px solid #eee;}
.home-dh{ position:absolute; right:10%; top:30%;}
.home-dh img{ max-width:55%;}

/*首页头部主图*/
.home-banner{ max-width: 94%; margin: 0 auto; }
.home-banner .swiper-slide img{border-radius:10px; margin-top: 57px;}

/*首页主图底部*/
.Cae_box{ width: 100%; overflow: hidden; padding-bottom: 0.6rem;}
.Cae{ width:90%; height: auto ; margin: 0 auto;overflow: hidden; padding-top:3rem;}
.Cae .cae_logo{ max-width:60%; float: left;}
.Cae h3{ font-size: 1.3rem; color: #000; padding-top:20px; padding-bottom:20px;}
.Cae p{ font-size: 1rem; color: #000;}
.Cae a{ width:150px; height:35px; line-height:35px; text-align:center; color: #fff; background: #0CA948; display:block;  font-size:1rem;border-radius:5px; margin-top:25px;}
.cae_photo{float: right; padding:25px 0 40px 0;}

/*首页产品列表*/
.index_dianqi{ width: 100%; background: #ddd;}
.index_dianqi ul{ width: 100%; overflow: hidden;}
.index_dianqi ul li{ width:calc(100%/2 - 1px); margin-right:1px; margin-bottom:1px; float:left;background: #FAFAFA; text-align: center;    overflow: hidden;}
.index_dianqi ul li:nth-child(2n){ margin-right:0;}
.index_dianqi ul li:nth-child(3){margin-bottom:0;}
.index_dianqi ul li:nth-child(4){margin-bottom:0;}
.index_dianqi ul li a { text-align: center;display: block;}
.index_dianqi ul li a img{ display:block; margin:0 auto; padding:35px; padding-bottom:0; box-sizing:border-box;}
.index_dianqi ul li a span{ display: block; text-align: center; color: #333;font-size: 1rem; margin: 0; padding-bottom:25px;}

/*首页图片列表*/
.index_pic h3{ font-size:1.3rem; text-align: center; color: #333; padding:25px 0;}
.index_pic ul li{ max-width:94%; margin:0 auto; padding-bottom:10px;display: block; position: relative;}
.index_pic ul li a{ display: block;}
.index_pic ul li img{ width: 100%;  border-radius:5px; display: block;}
.index_pic .pic_itext{position: absolute; z-index: 2;}
.index_pic .pic_itext h4{font-size:1.2rem; color: #000; font-weight:500;}
.index_pic #pic_i1 .pic_itext h4 img{ max-width:60%;padding-left: 8%;}
.index_pic .pic_itext p{font-size:1rem; color: #555555;}
.index_pic #pic_i1 .pic_itext {top:26%; left: 13%;}
.index_pic #pic_i2 .pic_itext {top: 28%; left:9%;}
.index_pic #pic_i3 .pic_itext {top: 62%; left: 0%; width: 100%; text-align: center; }
.index_pic #pic_i4 .pic_itext {top: 30%; right:5%;}
.index_pic #pic_i1 .pic_itext p{ color: #333; font-size:1rem;}

/*首页绿色背景部分*/
.jijin{ width: 100%; padding:3rem 0 1rem 0; background: url(../images/jijin_back.jpg); background-size:cover;}
.jijin h4{ font-size:1.4rem; color: #fff; padding-bottom:15px; font-weight:500;}
.jijin p{ color: #fff; font-size:0.9rem;padding-bottom:15px;}
.Caes{ width:85%; margin: 0 auto; overflow: hidden; padding-top: 0.5rem;}

/*网页底部-开始*/
.footer{ width: 90%; margin: 0 auto;}
.footer .yjhx{ padding: 0.1rem 0;}
.footer .yjhx ul{}
.footer .yjhx ul li{ width:100%; display:block;  padding:10px 0; border-bottom: 1px solid #BFBFBF;}
.footer .yjhx ul .nobottom_border{ border: 0px;}
.footer .yjhx ul li a{ float:right; padding-top:7%; padding-right:5%; width:51%}
.footer .yjhx ul li img{float: left; margin:15px; width:28%; border-right: 1px solid #C7C7C7; padding-right:30px; box-sizing:border-box;}
.footer .yjhx ul li a h4{ font-size: 1.2rem; color: #0CA948; padding-bottom: 0.07rem;}
.footer .yjhx ul li a p{font-size:0.9rem; color: #333333;}

.fuwu_coll{ width:100%; background: url(../images/jijin_back.jpg); background-size:cover; padding:25px 0; box-sizing:border-box;}
.fuwu_coll .fuwu_coll_text{ text-align: center; padding: 0.4rem 0;color: #fff;}
.fuwu_coll .fuwu_coll_text h5{ font-size:1.2rem; }
.fuwu_coll .fuwu_coll_text p{font-size:1.8rem; background:url(../images/fuwu_coll.png) 23% center no-repeat;; background-size:9%;padding-left: 12%;}

/*底部导航*/
.join_main{background:#fcfcfc; padding:0 20px 20px;}
.join_warper{width:100%;overflow:hidden;margin:0 auto;padding:10px 0 30px}
.join_title{text-align:center}
.join_title h3{color:#e95549;font-size:2.5rem;margin-bottom:20px;margin-top:40px}
.join_form{width:100%;overflow:hidden}
.join_form ul{display:block;margin-top:2%; margin:0 auto;}
.join_list li{margin-bottom:5px}
.join_list li div{width:100%;display:table;padding:5px 0; border-bottom:1px solid #ddd; cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;transition:all .5s}
.join_list li:last-child{margin-bottom:1px}
.join_list li div i{float:left;margin-top:5px;font-size:1rem;vertical-align:middle; color:#666;}
.join_list li div span{float:right;display:inline-block;width:29px;height:29px;transition:all .5s; position:relative;}
.join_list li div:hover span{transition:all .5s;position:relative;}
.join_list li.active div span{transition:all .5s;position:relative;}
.join_list li div span:before,.join_list li div:hover span:before{content:"+";position:absolute;display:inline-block;width:100%;height:100%;top:-12px;left:0;font-size:28px;line-height:60px;text-align:center;font-weight:100;color:#999}
.join_list li.active div span:before{content:"-";position:absolute;display:inline-block;width:100%;height:100%;top:-12px;left:0;font-size:36px;line-height:60px;text-align:center;font-weight:0;color:#999}
.join_list li article{display:none;width:100%;padding:20px 9px;}
.join_list li article a{ display:block; color:#666; font-size:0.8rem; padding:8px 5px ;border-bottom:1px solid #ddd;}

/*底部服务热线*/
.footer_coll{ padding:10px 0; border-bottom: 1px solid #DDDDDD;}
.footer_coll h4 { font-size:1rem; color: #999999; padding-bottom: 0.2rem;}
.footer_coll p{font-size: 1.5rem; color: #333; }
.footer_coll p img{width:8%; float: left; margin-right:10px;}

/*底部友情链接*/
.footer_link{padding:15px 0; }
.footer_link ul li{line-height:22px; float: left; margin-right:8px;}
.footer_link ul li a{font-size:0.8rem; color: #999999; display: block;}
.footer_copyright{font-size:0.8rem; color: #999999; padding-bottom:20px;}

.wb_rt{ margin-left:-15px;}
#all{width:100%;margin:0 auto;padding:40px 0 30px;}
#all .t_num i{width:31px;height:70px;display:inline-block;background:url(../images/number1.png) no-repeat;background-position:0 0}
.t_num{position:relative;height:70px;overflow:hidden}
.t_num u{color:#fff;font-size:69px;height:70px;overflow:hidden;line-height:70px;text-decoration:none;position:relative;top:-6px}

.cpxqdt{ background:#e9e9e9; padding:35px 0;}
.cpxqdt img{ max-width:80%; display:block; margin:0 auto;}
.cpxqtxok .tabs{ padding:0 5px; height:90px;}
.cpxqtxok .tabs a{ float:left; width:calc(100%/3 - 12px); height:90px; line-height:22px;display: flex;align-items: left;justify-content: space-around;flex-direction: column; text-align:center;border-radius:10px; border:1px solid #eee; padding:10px; box-sizing:border-box; margin:0 5px; margin-top:50px;}
.cpxqtxok .active{ background:#0eaa46; color:#fff !important;}
.cpxqtxok #tabs-container{ float:right; width:100%; padding-top:30px;}

.cpxqazok{ width:100%; background:#f9f9f9; padding:35px 0 0 0; text-align:center; font-size:24px; color:#7e7e7e;}
.cpxqazok img{ max-width:80%; display:inline-table; padding-top:25px; margin:0 auto;}
.cpxqtxok .swiper-slide img{ max-width:100%;}
.cpxqtxok .swiper-slide p{ padding:15px 25px;}
.cpxqtjok{width:100%; background:#f9f9f9; overflow:hidden; padding:60px 0 0;}
.cpxqtjok .tabs2{ width:100%;}
.cpxqtjok .tabs2 a{ width:calc(100%/2); text-align:center; display:block; float:left; border-bottom:1px solid #CCC; line-height:60px; font-size:18px;}
.cpxqtjok #tabs-container2{ margin-top:20px;}
.cpxqtjok .active2{border-bottom:1px solid #0eaa46!important; color:#0eaa46;}
.cpmenu ul .active a{ font-weight:bold; color:#0eaa46;}

/*图片列表页*/
.Prcductbox{ padding-bottom: 0.8rem;}
.banner{ width: 100%; position:relative; border-top: 1px solid #D2D2D2; overflow: hidden; padding-bottom: 0.2rem;}
.banner .banner_text_a{ position: absolute; top:35%; left:5%; z-index: 2;}
.banner .banner_text_a h3{ font-size:1.4rem; color: #666666;}
.banner .banner_text_a p{ font-size:1rem; color: #0da945;}
.banner .banner_text_a span{ font-size:1rem; color: #0da945; padding-top:20px; display:block;}
.banner .banner_text_a2{ position: absolute; top:10%;  z-index: 2; text-align:center; width:100%;}
.banner .banner_text_a2 h3{ font-size:1.4rem; color: #666666;}
.banner .banner_text_a2 p{ font-size:1rem; color: #0da945;}
.banner .banner_text_a2 span{ font-size:1rem; color: #0da945; padding-top:20px; display:block;}
.index-banner{ position:relative; padding-top:57px;}
.index-banner .swiper-slide img{ max-width:100%;}
.index-banner .banner-pagination{ position: absolute; width:100%; text-align:center; bottom:3%; z-index:5}
.index-banner .swiper-pagination-bullet{ width:30px; border-radius:0; margin:0 4px; height:4px;background:#eee;}
.index-banner .swiper-pagination-bullet-active{ background:#0da945;}

.Prcductlist{width: 100%; overflow: hidden; padding:25px 0 25px; }
.Prcductlist ul li{ width:calc(100%/2 - 1px);  float: left; background: #e9e9e9; text-align: center; border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.Prcductlist ul li:nth-child(2n){border-right:0;}
.index_dianqi ul li:nth-child(1){border-top:0;}
.index_dianqi ul li:nth-child(2){border-top:0;}



.Prcductlist ul li a{ display: block;}
.Prcductlist ul li h4{ font-size:1.2rem; color: #333; padding:10px 0 3px; background:#fff;}
.Prcductlist ul li p{ font-size:0.8rem; color: #666; display: block; padding:0 10px; padding-bottom:20px; background:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Prcductlist ul .Prcductlist_right span{height: 140px;display: block;overflow: hidden;}
.Prcductlist ul .Prcductlist_right img{ max-width:80%; display:block; margin:0 auto; padding:20px;}

.banner .banner_text_b{ position: absolute; top: 30%; left: 10%; z-index: 2;}
.banner .banner_text_b h3{ font-size:0.32rem; color: #333333; padding-bottom: 0.08rem;}
.banner .banner_text_b p{ font-size: 0.2rem; color: #666666;}
.banner .banner_text_b a{ color: #0da945; font-size: 0.2rem;}

.banner .banner_text_c{ position: absolute; top: 10%; left: 0; width: 100%; text-align: center; z-index: 2;}
.banner .banner_text_c h3{ font-size:0.4rem; color: #333333; padding-bottom: 0.08rem;}
.banner .banner_text_c p{ font-size: 0.2rem; color: #666666; padding-bottom: 10px;}
.banner .banner_text_c a{ color: #0da945; font-size: 0.2rem; margin: 0; padding: 0; display: block;}

.pro{ width: 100%;display: block; position: relative;}
.pro a{ display: block;}
.Prcductbox .s2 .pic_itext{ position: absolute; top: 26%; left: 8.5%}
.pro .pic_itext h4{}
.pro .pic_itext p{ font-size: 0.32rem; color: #333333; padding-bottom: 0.2rem;}
.pro .pic_itext span{ font-size: 0.2rem; color: #0da945; display: block;}
.pro .pic_itext img{ width: 1.5rem;}
.Prcductbox .s3{ position: absolute; top: 7%; left: 8.5%}
.Prcductbox .ins{}

.Prcductbox .s4{ position: absolute; top: 10%; left: 8.5%}
.Prcductbox .s4 h4{ font-size: 0.4rem; color: #333; padding-bottom: 0.1rem;}
.Prcductbox .s4 p{ color: #666666; font-size: 0.24rem;}
.Prcductbox .s4 span{font-size: 0.2rem;color: #0da945; display: block;}

/*单页*/
.crumbs{ width: 100%; overflow: hidden; font-size:1rem; color: #666; padding:56px 0 0 0; box-sizing:border-box; width: 100%;}
.crumbs .wrap{border-top:1px solid #d2d2d2; padding-left:19px; height:45px; line-height:45px; color:#999;}
.crumbs a{ color: #999;}

.bangzhu_bn{ width: 100%; position: relative;}
.bangzhu_bn .bzm_t{ position: absolute; top: 25%; text-align: center; width: 100%; display: block;}
.bangzhu_bn .bzm_t h4 img{ width: 50%; margin: 0 auto;display: block; padding-bottom: 0.2rem;}
.bangzhu_bn .bzm_t p{ font-size: 0.28rem; color: #505050;}
.index_pic #pic_i1 .pic_itext p{ margin: 0 auto; padding: 0.06rem;}

.bz_content h1,.bz_content h2,.bz_content h3,.bz_content h4,.bz_content h5,.bz_content h6{ color: #0da945; padding-bottom: 0.15rem;}
.bz_content h1{font-size: 0.6rem;}
.bz_content h2{font-size: 0.5rem;}
.bz_content h3{font-size: 0.4rem;}
.bz_content h4{font-size: 0.3rem;}
.bz_content h5{font-size: 0.2rem;}
.bz_content h6{font-size: 0.1rem;}
.bz_content p,.qydt_list ul li a p,.ppln p,.hyggh p,.drl p{ color: #666; font-size:1rem; line-height:1.48rem;}
.bz_fgx{ width: 100%; height: 1px; background: #bfbfbf; margin: 0.5rem 0;}


.lx_bn{ width:100%; position: relative;}
.lx_bn .lx_t{ position:absolute; padding:0 10%; top: 30%; }

.hz_bn .hz_t,.lx_bn .lx_t,.yx_bn .lx_t{ color: #fff;}
.hz_bn .hz_t h4,.lx_bn .lx_t h4,.yx_bn h4{ font-size:1.5rem; color: #fff; padding-bottom:1rem;}
.hz_bn .hz_t p,.lx_bn .lx_t p,.yx_bn p{font-size:1rem; color: #fff;}


.pimg {text-align: center;}
.pimg h4{ text-align: center; display: block;}
.pimg p{text-align: center;}
.pimg p img{ width: 0.2rem;height:auto; margin-right: 0.1rem;}

.pimg .erweima{ width: 1.8rem; margin: 0 auto; border: 1px solid #dbdbdb; display: block;}
.pimg .ewmt{}
.ditu{ width: 100%; height: 4rem; background: url(../images/lxwm/nav.gif) 50% no-repeat #fafafa;}
.yx_bn{ width: 100%; padding: 2.5rem 0; background:url(../images/lxwm/yx.png) left 100% #414141 no-repeat ; background-size: 100%;}

.qydt_list{ margin:2rem; border-left: 1px dashed #0da945; padding-top: 0.5rem;}
.qydt_list ul li{ padding:1.5rem; padding-right:0; display: block;border-top: 1px solid #0da945; position: relative;}
.qydt_list ul li a{ display: block;}
.qydt_list ul li a img{display: block; padding-bottom: 0.3rem;}
.qydt_list ul li a h3{ font-size:1.8rem; font-weight:500; color: #0da945; padding-bottom: 0.2rem; border-bottom: 1px solid #bfbfbf;}
.qydt_list ul li a h4{ font-size: 1.2rem; color: #333; padding-bottom:10px;}
.qydt_list ul li a h5{ font-size: 1.2rem; color: #333; padding:14px 0;font-weight: 500;}
.qydt_list ul li a time{ font-size: 0.20rem; color: #666666; float: left; padding-top: 0.4rem;}
.qydt_list ul li a span{ font-size: 0.20rem; color:  #0da945; float: right;padding-top: 0.4rem;}
.qydt_list ul li .dionlf{width: 0.5rem;height: 0.5rem;display: block;background: #0da945;position: absolute;top: -0.25rem;left: -0.25rem;}
.qydt_list ul li .dionrf{ width:0.3rem; height: 0.3rem; display: block; background: #0da945;  position: absolute; top: -0.2rem; right: -0.15rem;}


/*单页*/
.bz_content_box{ padding: 0.5rem;}

.ppln{ padding:2rem; font-size:1rem; line-height:1.5rem; color:#666;}
.ppln h5{ font-size:1.3rem; color:#333; padding-bottom:10px; border-bottom: 1px solid #bfbfbf; margin-bottom:15px;}
.ppln h4{ font-size: 1.6rem; margin:2rem 0; color: #0da945; line-height:2rem;}
.ppln img{ max-width: 100%; }
.ppln a{color:#666;}

.goum{ width: 100%; text-align: center; padding-top:30px; padding-bottom:30px;}
.goum h2{ font-size:1.5rem; color: #000;}
.goum h3{ font-size:1.5rem; color: #000;}
.goum p{ font-size:1rem; color: #666; padding:4px 0 10px;}
.goum a{  width:130px; height:35px; line-height:35px; margin: 0 auto;overflow: auto; font-size:1rem; color: #fff; border-radius:20px; display: block;
background: -moz-linear-gradient(left, #2ec364 0%, #0da945 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ec364), color-stop(100%,#0da945));
background: -webkit-linear-gradient(left, #2ec364 0%,#0da945 100%);
background: -o-linear-gradient(left, #2ec364 0%,#0da945 100%);
background: -ms-linear-gradient(left, #2ec364 0%,#0da945 100%);
background: linear-gradient(left bottom, #2ec364 0%,#0da945 100%);}

.cans{ padding:1.5rem;}
.cans h4{ font-size:1.5rem; color: #6b6b6b; text-align: center; padding: 10px 0; border-bottom: 1px solid #d2d2d2;}
.cans ul{ padding: 0 0.5rem;}
.cans ul li{ height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem;  color: #939393; border-bottom: 1px solid #d2d2d2}
.cans ul li span{ float: right;}

.but{padding-top: 1rem; overflow: hidden; padding-left: 0.3rem; margin-bottom: 0.3rem;text-align: center;}
.but span{ width: 30%; padding: 0.15rem 0; overflow: hidden; display: block;  font-size: 0.20rem; border: 1px solid #bfbfbf; float: left; margin-right: 0.15rem;border-radius:0.08rem;}
.but .default{ color: #fff; background: #0eaa46;}

.ptsp_ban .swiper-slide{ background:#efefef;}
.ptsp_ban .swiper-slide img{display: block; }
.ptsp_ban .swiper-slide p{ height: 0.9rem; font-size: 0.22rem; padding: 0.3rem; background: #efefef;}


.morexh{}
.morexh .hd{ width: 90%;margin: 0 auto;  padding:1rem 0rem;}
.morexh .hd a{ width: 50%; float: left; font-size: 0.24rem; color: #7f7f7f; border-bottom: 1px solid #c9c9c9; padding-bottom: 0.25rem; text-align: center;}
.morexh .hd .on{ color: #0eaa46; border-bottom: 3px solid #0eaa46;}
.morexh ul{width: 96%; margin: 0 auto; padding-bottom: 0.6rem;}
.morexh ul li{width: 50%; float: left; text-align: center;}
.morexh ul li img{ display: block; width: 90%; margin: 0 auto;border-radius:0.15rem;}
.morexh ul li a{ text-align: center;}
.morexh ul li a span{ font-size: 0.2rem; color: #7f7f7f; display: block;}



.kkcc img{ width: 100%;  display: block;}
.kkcc h4{ font-size: 0.35rem; color: #6b6b6b; text-align: center; padding-top: 0.5rem; padding-bottom: 0.3rem;}

/*专题页（1）*/
.pdbn{ width: 100%; position:relative;}
.pdbn a{  }
.pdbn img{ width: 100%; display: block; position: relative;}
.pdbn1 a h4{ font-size:1rem; width: 100%; text-align: center; display: block; color: #fff;}
.pdbn1 a h3{ font-size:1.5rem; width: 100%;text-align: center; display: block; color: #fff; padding-top: 0.1rem; padding-bottom:1rem;}
.pdbn a span,.pdbn5 .pdbn5t span{ font-size:1rem; width:150px;  margin: 0 auto;line-height:2rem; display: block; background: #2ec364; color: #fff;border-radius:15rem;	background: -moz-linear-gradient(left, #2ec364 0%, #0da945 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ec364), color-stop(100%,#0da945));
background: -webkit-linear-gradient(left, #2ec364 0%,#0da945 100%);
background: -o-linear-gradient(left, #2ec364 0%,#0da945 100%);
background: -ms-linear-gradient(left, #2ec364 0%,#0da945 100%);
background: linear-gradient(left bottom, #2ec364 0%,#0da945 100%);}
.pdbn1 .top_bannertxt{ width: 100%; display: block; text-align: center;position: absolute; bottom:8%; }
.pdbn2 .top_bannertxt{ width: 100%; display: block; text-align: center;position: absolute; bottom:3rem; }
.pdbn2 a h3{font-size:1.50rem; width: 100%; text-align: center; display: block; color: #fff;}
.pdbn2 a h4{font-size:1rem; width: 100%;text-align: center; display: block; color: #fff; padding-top: 0.1rem; padding-bottom:2rem;}
.pdbn3 .top_bannertxt{ width: 100%; display: block; text-align: center;position: absolute; bottom:6%; }
.pdbn3 a h3{font-size:1.5rem; width: 100%; text-align: center; display: block; color: #333333; margin-bottom:0.6rem;}
.pdbn3 a h4{ font-size:1rem; color: #666666; padding-bottom: 0.1rem;}


.cae{ width: 100%; padding:20px 0; background: #16b14d; text-align: center; display: block;}
.cae .cae_qck{ width:70%; margin: auto; padding-top: 0.4rem;}
.cae .cae_qck img{display: block; }

.dhl{ width: 100%; position: relative; overflow: hidden; padding-bottom:30px; height:17rem;}
.dhl .cae_dhl,.dhl2 .cae_dhl{ position: absolute;}
.dhl .cae_1img{ width:60%;  right:3%; top: 4%; z-index: 1;}
.dhl .cae_2img{ width:70%;  left:0; top:0; z-index: 2;}
.dhl .cae_3img{ width:25%; right:7%; top:58%; z-index: 3;}

.caetext_box{ padding: 0 0.6rem; text-align: center;}
.caetext_box h3{ font-size:1.5rem; color: #0da945; padding-bottom:1rem;}
.caetext_box h4{ font-size: 0.16rem; color: #333333; padding-bottom: 0.2rem;}
.caetext_box p{font-size:1rem; color: #333333; line-height:1.40rem;}
.cae_caeicon{ width:80%; margin:20px auto;}
.cae_caeicon ul{ overflow: auto; margin: 0.3rem auto;}
.cae_caeicon ul li{width: calc(100%/3); float: left;}
.cae_caeicon ul li img{ display: block; margin-bottom: 0.1rem; margin:0 auto; display:block;}
.cae_caeicon ul li span{ font-size: 0.1rem; color: #333333; display: block;}

.dhl .cae_4img{ width:60%;  left: 0.35rem; top: 0.23rem; z-index: 1;}
.dhl .cae_5img{ width:88%;  right:0; top:0.9rem; z-index: 2;}
.dhl .cae_6img{ width:20%; left:15%; top: 65%; z-index: 3;}
.dhl2 {width: 100%; height:26rem; position: relative; overflow: hidden;}
.dhl2 .cae_7img{ width:40%;  right:2%; top:20%; z-index: 1;}
.dhl2 .cae_8img{ width:69%; top:20px; z-index: 2;}
.dhl2 .cae_9img{ width:25%; right:6%; top:55%; z-index: 3;}

.back_lan{ width: 100%; background: #f5f8fa; padding: 0.8rem 0;}
.hyggh{ padding: 1rem; padding-top:2rem; background:#f9f9f9 url(../images/Pd/pj/batext.jpg) center bottom no-repeat; background-size:100%; text-align: center;}
.hyggh h3{ font-size:1.5rem; color: #0eaa46; padding-bottom:1rem; display: block;}

.tub{ width: 100%; padding:2rem 0 1rem 0; }
.tub ul{ width: 80%; margin: 0 auto;}
.tub ul li{ width:calc(100%/2); float: left; text-align: center; margin-bottom:25px;}
.tub ul li img{ display:block; margin:0 auto; max-width:68%;}

.pic_listbox{ width: 100%;}
.pic_listbox .pic_list{ width: 100%; position: relative; display: block;overflow:hidden; }
.pic_listbox .pic_listtext{ position: absolute; padding: 0 1rem; display: block;}
.pic_listbox .pic_listtext h3{ font-size:1.3rem; color: #444444; padding-bottom:1rem; display: block;}
.pic_listbox .pic_listtext p{ font-size:1rem; line-height:1.35rem; color: #444444;  display: block;}

.pic_listbox .t1 h3,.pic_listbox .t1 p{color: #d7d7d7;}

.pic_listbox .t1{ right: 0rem; top: 50%; text-align: right;}
.pic_listbox .t2{ left: 0rem; top: 50%; text-align: left;}
.pic_listbox .t3{ right: 0rem; top: 50%; text-align: right;}
.pic_listbox .t4{ left: 0rem; top: 50%; text-align: left;}
.pic_listbox .t5{ right: 0rem; top: 50%; text-align: right;}

/*专题页（2）*/
.resqxz_box,.r-m,.znhw{ width: 100%;position: relative; display: block; }
.resqxz_box .resqxz_img,.r-m .r-mimg,znhwimg{ width: 100%; }
.resqxz_box .resqxz_text{ width: 50%; position: absolute; top:3rem; left:41%;}
.resqxz_box .resqxz_text img{ width:50%;  display: block; margin-bottom: 0.2rem;}
.resqxz_box .resqxz_text h4{ font-size:1.3rem; color: #0eaa46; display: block; margin-bottom: 0.1rem;}
.resqxz_box .resqxz_text p{ color: #333333; font-size:0.9rem; display: block;}

.c-wrambox{ padding:35px 0.5rem 0.5rem 0.5rem; background: #fafafa;display: block; text-align: center;}
.c-wrambox h3,.r-m .r-mtext h3{ width:35%; overflow: auto; margin: 0 auto; padding-bottom: 0.3rem;}
.c-wrambox h4,.r-m .r-mtext h4{ font-size:1.3rem; color: #0eaa46; padding-bottom: 0.5rem; }
.c-wrambox p,.r-m .r-mtext p,.ssaq .ssaqtext p{ font-size:1rem; color: #666666; text-align:center; padding-bottom:20px;}
.c-wrambox .resq1{ margin-top: 0.5rem;}

.r-m .r-mtext{ width: 100%; position: absolute; top:3rem; text-align: center;}

.znhw .znhwtext{ padding:1rem; position: absolute; top: 0.4rem;}
.znhw .znhwtext h3,.pdpicl ul li h4{ font-size:1.5rem; color: #0da945;}
.znhw .znhwtext h4{ font-size:1rem; color: #666666;}
.znhw .znhwtext ul{ padding-top:1.5rem;}
.znhw .znhwtext ul li{overflow:hidden; margin-bottom:1rem;}
.znhw .znhwtext ul li img{ width:5rem; float: left; margin-right:1rem; margin-bottom:15px;}
.znhw .znhwtext ul li h5{ font-size:1.2rem; color:#0eaa46; margin-bottom: 0.1rem;}
.znhw .znhwtext ul li p,.pdpicl ul li p{ font-size:0.9rem; line-height:1.3rem; color: #666666;}

.ssaq{ background: #efefef; padding-bottom:35px;}
.ssaq .ssaqtext{ padding:1.5rem; padding-top:2.5rem;}
.ssaq .ssaqtext h3{ font-size:1.5rem; color: #0da945; padding-bottom: 0.1rem;}
.ssaq .ssaqtext h4{ font-size:1rem; color: #333333; padding-bottom: 0.2rem;}
.ssaq .bh{ width: 90%; padding-bottom: 0.6rem; margin: auto;}
.ssaq .bh img{ width:calc(100%/4); float: left; margin:0 auto; display:block;}

.pdpicl ul li{ width: 100%;  position: relative;}
.pdpicl ul li img{width: 100%; }
.pdpicl ul li h4{ width: 80%; position: absolute; top: 1.5rem; padding: 0 10%; display: block;text-align: center;}
.pdpicl ul li p{ width:100%; line-height:1.34rem; position: absolute; top:4rem; display: block;text-align: center;}


/*专题页（3）*/
.drl{ padding:1.5rem 0.3rem; padding-bottom: 0;}
.drl h3,.dwsnxt h3,.dgncj h3{width: 100%; text-align: center; font-size:1.5rem; color: #0da945; padding-bottom: 0.1rem;}
.drl h4,.dwsnxt h4,.dgncj h4{width: 100%; font-size:1rem; text-align: center; color: #555555; }
.drl P{ padding:1rem;}
.drl ul{ padding: 0.5rem 0.3rem; padding-bottom: 0;}
.drl ul li{ width:calc(100%/3) ; float: left; margin:15px 0;}
.drl ul li img{ display: block; margin:0 auto; max-width:80%;}

.xdgimg{ width:70%;  float: right; overflow:hidden;}
.xdgimg .xdgs{ float: right;}
.bdsn{ width:80%; margin: 0 auto 30px;}
.bdsn ul li{ width:calc(100%/2); float: left; font-size:1rem; text-align:left; margin:1rem 0;}
.bdsn ul li span{ width:1.5rem; height:1.5rem; line-height:1.5rem; float:left; text-align:center; color: #fff; background: #4c4948;border-radius:50%; display:block; margin-right:0.5rem;}

.dwsnxt{ padding:1.5rem 1rem; padding-bottom: 1rem;  background: #f5f5f5;}
.dwsnxt ul li{ width: 100%;   font-size:1rem; color: #7b7b7b; text-align: center; margin:1rem 0 2rem;}
.dwsnxt ul li img{ padding-bottom: 0.3rem;}

.swyt .xdgtop{ width: 94%;  margin: 0 auto;}
.swyt .swytext{ text-align: center; padding:1rem;}
.swyt .swytext h3{ font-size:1.5rem; color: #0da945;}
.swyt .swytext h4{ font-size:1.3rem; color: #666666; line-height:1.7rem; margin-bottom:1rem;}
.swyt .swytext p{ font-size:1rem; color: #666666; line-height:1.4rem;}
.swyt .swytext ul{ padding-top:1.5rem;}
.swyt .swytext ul li{ margin-bottom:2rem;}
.swyt .swytext ul li span{ display: block; font-size:1rem; color: #00a73b;}
.swyt .swytext ul li img{ width:50%; display:block; margin:0 auto 1rem;}

.dgncj{ padding:1.5rem; background: #f5f5f5;}
.dgncj ul{ padding:1rem 0;}
.dgncj ul li{ width: 50%;  float: left; text-align: center; margin-bottom:1rem;}
.dgncj ul li img{ padding-bottom: 0.1rem;}
.dgncj ul li span{ font-size:1rem; display: block; color: #7b7b7b; padding-top:0.3rem;}

.pd3_bot ul li{ width: 100%; position:relative;}
.pd3_bot ul li .pd3text{ position: absolute; color: #fff; padding-top:2rem;text-shadow:0.1em 0.1em 0.05em #000}
.pd3_bot ul li .pd3text h4{ font-size:1.3rem; padding-bottom:0.5rem; text-align: center;}
.pd3_bot ul li .pd3text p{ font-size:1rem; text-align: center; line-height:1.4rem;}

.pd3_bot ul li .t1{ top: 2.0rem; left:1rem;}
.pd3_bot ul li .t2{ top: 0.5rem; right: 0.5rem;}
.pd3_bot ul li .t3{ top: 1rem; right: 1rem;}
.pd3_bot ul li .t4{top: 3.2rem; left:0.3rem;}

/*专题页（4）*/
.cae_title{width: 100%; padding:20px 0; background: #16b14d; text-align: center; display: block;}
.cae_title img{width:60%;  padding-top: 0.7rem; margin: auto;display: block;}
.hui{ width: 100%;  background: #fbfbfb;}
.in_box{ padding:2rem 1rem; text-align: center;}
.in_box h4{ font-size:1.5rem; color: #666666; padding-bottom:0.5rem;}
.in_box h4 span{ color: #0da945;}
.in_box h5{ font-size:1.3rem; color: #666666;padding-bottom:0.5rem;}
.in_box p{ font-size:1rem; color: #666666; line-height:1.42rem;}

.pf-dh{ width: 100%; height:23rem;position: relative;}
.pf-dh img{ position: absolute;}
.pf-dh .pf-dh1{ width:58%;top:15%;}
.pf-dh .pf-dh2{ width:60%; top: 0; right: 0;}
.pf-dh .pf-dh3{ width:30%;bottom:5%; left:10%;}
.pf-dh .pf-dh4{ width:50%;top: 0.0rem;}
.pf-dh .pf-dh5{ width:100%; top:2%; right: 0;}
.pf-dh .pf-dh6{ width:30%;bottom:15%; left:13%;}
.pf-dh .pf-dh7{ width:60%;top:10%;}
.pf-dh .pf-dh8{ width:70%; top: 0rem; right: 0;}
.pf-dh .pf-dh9{ width:30%;bottom:15%; left:10%;}

.pz{ width:90%; margin: 0 auto; padding:1rem 0 2rem;}
.pz span{width:calc(100%/3);float: left;}
.pz img{ display: block;  margin:0 auto; max-width:80%;}

.xjup{ width: 100%;  background:url(../images/Pd/cyj/xjba.jpg); background-size:cover; padding-bottom: 0.6rem;}
.xjup h2{ font-size:1.5rem; color: #333333; display: block; text-align: center; padding:2.5rem 0 1.5rem 0;}
.xjup ul{ width: 65%; margin: 0 auto; text-align: center;}
.xjup ul li{ margin-bottom: 0.6rem;}
.xjup ul li img{ width:50%; margin:0 auto; display:block;}
.xjup ul li h4{ font-size:1.5rem; color: #0da945; padding:1rem 0 0.5rem;}
.xjup ul li p{ color: #333333; font-size:0.9rem; line-height:1.30rem; padding-bottom:2rem;}

.botimgbox .botimg{ width: 100%; position: relative; overflow:hidden;}
.botimgbox .botimgs{ width: 100%; }
.botimg .botext{ width: 100%; position: absolute; color: #333333; text-align: center; display: block;}
.botimg .botext h4{ font-size:1.3rem;  padding: 0 1rem;padding-bottom: 0.15rem; padding-top:20px;}
.botimg .botext p{ font-size:1rem; padding: 0 1rem;}

.botimg .bt1{ bottom:3rem; }
.botimg .bt1 h4{ color: #0da945; display: block; text-align: left;}
.botimg .bt1 p{ color: #fff; display: block; text-align: left;}
.botimg .bt2{bottom:2rem;}

.botimg .bt3{top: 0.6rem;}
.botimg .bt4{top: 0.6rem;}
.botimg .bt4 h4{ color: #fff;}
.botimg .bt4 p{ color: #fff;}
.botimg .bt5{top: 0.6rem;}
.botimg .bt6{ top: 0.6rem; right: 0.2rem;}
.botimg .bt6 h4{ color: #fff;}
.botimg .bt6 p{ color: #fff;}


/*专题页（5）*/
.pdbn5{ width: 100%; position: relative;}
.pdbn5 img{ max-width:100%;}
.pdbn5 .pdbn5t{ width: 100%; position: absolute; top:1.5rem; text-align: center; display: block;}
.pdbn5 .pdbn5t h4{ width: 100%; font-size:1.5rem; color: #3e3e3e; display: block; margin-bottom: 0.3rem;}
.pdbn5 .pdbn5t span{}
.dabac{ padding: 0.8rem 0.5rem;  background: url(../images/Pd/zj/bac.jpg);}
.dabactt{}
.dabactt img{ display: block;}
.dabactt .dabai1{ width:70%; margin: 0 auto; margin-bottom: 0.4rem; margin-top:40px;}
.dabactt .dabai2{ width:25%; margin: 0 auto;margin-top:40px;}
.dabactt h4{ width: 100%; text-align: center; font-size:1.3rem; color: #0da945; display: block; padding:1rem 0 0.2rem 0;}
.dabactt p{ font-size:1rem; color: #fff; text-align: center; line-height:1.4rem; padding: 10px 20px 0.6rem;}

.dxhbox .dxhbox{ width: 100%; padding-bottom: 0.6rem;}
.dxhbox .dxh{ width:71%;  margin: 0 auto;}
.dxhbox .dxh img{ width:36%; float: left; padding: 0 1rem;}

.zaoj{ width: 100%;  margin: 0 auto;}

.dabai3{ width:40%; margin: 0 auto; margin-top:30px;}
.dabai3 .zz2{}

.zz2box{ width: 100%;  background: url(../images/Pd/zj/bac.jpg);}
.zz2box .ashr{ width:50%; margin: 0 auto;}
.ann{ width:55%;  margin: 0 auto; padding-top: 0.6rem;}
.main{ padding:20px 0.5rem;}
.huo{ padding-bottom:5rem; margin-left:16px;}
.huo img{ width:calc(100%/5); float: left;}



/*小豌豆的css*/
.xwd_banner{ width: 100%; height: auto; position: relative;}
.xwd_banner .xwd_bannerimg{ width: 100%; height: auto;}
.xwd_banner .xwd_banner_text{ width: 100%; position: absolute; top: 55%; left: 50%;  transform:translate(-50%,-50%);}

.wandou_chijiu_left{ width: 50%; float: left;}
.wandou_chijiu_left { padding: 50px 0 10px 20px;}
.wandou_chijiu_left .wandou_chijiu_title{ margin-bottom: 40px;}
.wandou_chijiu_left .wandou_chijiu_title b{ font-size: 28px; color: #00A748;font-weight: bold; display: block; margin-bottom: 8px;}
.wandou_chijiu_left .wandou_chijiu_title b span{ width: 13px; height: 13px; background: #00A748; float: left; margin-right: 18px; display: block; margin-top: 15px;}
.wandou_chijiu_left .wandou_chijiu_title em{ font-size: 18px; color: #2d2d2d; margin-bottom: 20px; display: block;}
.wandou_chijiu_left .wandou_chijiu_title p{ font-size:14px; color: #676767; line-height: 23px;}
.wandou_chijiu_left .wandou_chijiu_icon{}
.wandou_chijiu_left .wandou_chijiu_icon ul {}
.wandou_chijiu_left .wandou_chijiu_icon ul li{ margin-bottom:20px;}
.wandou_chijiu_left .wandou_chijiu_icon ul li img{ width: 40px; height: auto;float: left; margin-right: 15px;}
.wandou_chijiu_left .wandou_chijiu_icon ul li b{display: block; color: #00A748; font-size: 18px; font-weight: 400;}
.wandou_chijiu_left .wandou_chijiu_icon ul li p{display: block; color: #676767; font-size: 14px;}

.wandou_chijiu_right{ width: 40%; height: 100%; display: block; float: right; position: relative;}
.wandou_chijiu_right{}

/*净化视界*/
.wandou_shijie_left{ width: 45%; float: left; background: #252324;}
.wandou_shijie_right{ width: 55%; height: auto; float: right;background: linear-gradient(#464646,#2B2B2B);z-index: -10;}
.wandou_shijie_right .wandou_shijie_text{padding:30px 20px 20px 20px;}
.wandou_shijie_right .wandou_shijie_title{ margin-bottom:40px;}
.wandou_shijie_right .wandou_shijie_title b{ font-size: 28px; color: #00A748;font-weight: bold; display: block; margin-bottom: 8px;}
.wandou_shijie_right .wandou_shijie_title b span{ width: 13px; height: 13px; background: #00A748; float: left; margin-right: 18px; display: block; margin-top: 15px;}
.wandou_shijie_right .wandou_shijie_title em{ font-size: 22px; color: #fff; margin-bottom: 20px; display: block;}
.wandou_shijie_right .wandou_shijie_title p{ font-size:14px; color: #fff; line-height: 23px;}
.wandou_shijie_right .wandou_shijie_icon ul {}
.wandou_shijie_right .wandou_shijie_icon ul li{ margin-bottom:20px;}
.wandou_shijie_right .wandou_shijie_icon ul li img{ width: 40px; height: auto;float: left; margin-right: 15px;}
.wandou_shijie_right .wandou_shijie_icon ul li b{display: block; color: #00A748; font-size: 18px; font-weight: 500;}
.wandou_shijie_right .wandou_shijie_icon ul li p{display: block; color: #fff; font-size: 14px;}


/*清新净化*/
.wandou_qingxin_box{ margin: 0 auto;}
.wandou_qingxin .wandou_qingxin_text{ width:calc(45% - 20px); float: left; padding: 30px 0 0; padding-left: 20px;}
.wandou_qingxin .wandou_qingxin_title{ margin-bottom: 40px;}
.wandou_qingxin .wandou_qingxin_title b{ font-size: 28px; color: #00A748;font-weight: bold; display: block; margin-bottom: 8px;}
.wandou_qingxin .wandou_qingxin_title b span{ width: 13px; height: 13px; background: #00A748; float: left; margin-right: 18px; display: block; margin-top: 15px;}
.wandou_qingxin .wandou_qingxin_title em{ font-size: 18px; color: #2d2d2d; margin-bottom: 20px; display: block;}
.wandou_qingxin .wandou_qingxin_icon{}
.wandou_qingxin .wandou_qingxin_icon ul {}
.wandou_qingxin .wandou_qingxin_icon ul li{ margin-bottom:15px;}
.wandou_qingxin .wandou_qingxin_icon ul li img{ width: 74px; height: auto;float: left; margin-right: 15px;}
.wandou_qingxin .wandou_qingxin_icon ul li b{display: block; color: #00A748; font-size: 18px; font-weight: 500;}
.wandou_qingxin .wandou_qingxin_icon ul li p{display: block; color: #676767; font-size: 14px;}
.wandou_qingxin_right{ width: 50%; float: right;}
.wandou_qingxin_right img{width: 95%; max-width: 300px; position: absolute; top: 50%;transform:translateY(-50%);}


/*舒适净化*/
.wandou_shushi{ width: 100%; height: auto; background:url(../images/shushiback.jpg)no-repeat; background-size: 100% 100%; background-position: bottom; }
.wandou_shushi_box{ width: 100%; margin: 0 auto;position: relative;}
.wandou_shushi_left{ width:100%; padding-top: 40px;display: block; float: left;}
.wandou_shushi_left img{ width: 70%; position: absolute; top: 30px; left:50%; transform:translate(-50%,0);}
.wandou_shushi_right{ padding-left: 20px; padding-top: 300px;}

.wandou_shushi_right .wandou_shushi_text{float: left;}
.wandou_shushi_right .wandou_shushi_title{ margin-bottom:20px;}
.wandou_shushi_right .wandou_shushi_title b{ font-size: 28px; color: #00A748;font-weight: bold; display: block; margin-bottom: 8px;}
.wandou_shushi_right .wandou_shushi_title b span{ width: 13px; height: 13px; background: #00A748; float: left; margin-right: 18px; display: block; margin-top: 15px;}
.wandou_shushi_right .wandou_shushi_title em{ font-size: 18px; color: #2d2d2d; margin-bottom: 20px; display: block;}

.wandou_shushi_right .wandou_shushi_icon ul {}
.wandou_shushi_right .wandou_shushi_icon ul li{ margin-bottom:20px;}
.wandou_shushi_right .wandou_shushi_icon ul li img{ width: 74px; height: auto;float: left; margin-right: 15px;}
.wandou_shushi_right .wandou_shushi_icon ul li b{display: block; color: #00A748; font-size:18px; font-weight: 500;}
.wandou_shushi_right .wandou_shushi_icon ul li p{display: block; color: #676767; font-size: 14px;}
.wandou_shushi_right .wandou_shengyin{ padding-bottom: 40px;}
.wandou_shushi_right .wandou_shengyin img{ width: 86%; display:block; margin:0 auto;}

/*人性设计*/
.wandou_sheji_box{ width:100%; margin:30px auto;}
.wandou_sheji_title{ width: 160px; text-align: center; margin: 0 auto; padding-bottom:20px;}
.wandou_sheji_title span{ width: 15px; height: 15px; background: #00A748; display: block; float: left; margin-top: 15px;}
.wandou_sheji_title b{font-size: 28px; font-weight: bold; color: #00A748; float: right; margin-bottom: 10px;}
.wandou_sheji_title p{ display: block; font-size: 14px; color: #676767;}
.wandou_sheji_box .swiper-wrapper{ padding-bottom:20px}
.wandou_sheji_box .swiper-wrapper img{padding-bottom:10px;}
.wandou_sheji_box .swiper-wrapper .swiper-slide b{ font-size: 22px; color: #00A748; display: block; text-align: center; margin-bottom:5px;}
.wandou_sheji_box .swiper-wrapper .swiper-slide p{ font-size: 14px; color: #303030; display: block; text-align: center; margin-bottom:10px;}
.wandou_sheji_box .swiper-pagination-bullet-active{ background: #00A748;}