/*油烟机页面-主图*/
.wrap{ width: 1100px; height: auto; margin: 0 auto;}
.cp_banner{ width: 100%; height:auto; min-width: 1200px;margin: 0 auto; position: relative; overflow: hidden;}
.cp_banner img{ width: 100%; height: 100%; position: relative;}
.cp_banner .text_a{ left: 25%; top: 40%;transform: translate(-50%,-50%); color: #fff; text-align: center;}
.cp_banner .text_a span{font-size: 35px; padding-bottom: 10px; display: block;}
.cp_banner .text_a p{font-size: 24px; padding-bottom: 10px; display: block;}
.cp_banner .text_a .goumai a{ width: 160px; height: 55px; line-height: 55px; margin: 0 auto;background: #23ba59; color: #fff; border-radius: 30px; display: block;}
.cp_banner .text_a .goumai:hover a{background: #666;}
.cp_banner .text_b { color: #333333;}
.cp_banner .text_b h3 { font-size: 18px;}
.cp_banner .text_b h2 { font-size: 40px;}

.cp_banner .text_rsq{ left: 32%; top: 30%; color: #fff; text-align: center;}
.cp_banner .text_rsq span{font-size: 35px; padding-bottom: 10px; display: block;}
.cp_banner .text_rsq p{font-size: 24px; padding-bottom: 10px; display: block;}
.cp_banner .text_rsq .goumai a{ width: 160px; height: 55px; line-height: 55px; margin: 0 auto;background: #23ba59; color: #fff; border-radius: 30px; display: block;}

/*油烟机页面-CAE*/
.cae_stile_box{ width: 100%; min-width: 1200px; height: auto; background: #16B251;position: relative; padding: 0 0;}
.cae_stile_box .cae_stile{ width: 40%; float: left; padding-top: 80px;}
.cae_stile_box .cae_stile img{ width: 50%; margin: 0 auto;}
.cae_stile_box ul{ width: 58%; height: 100%; float: right; padding-right: 2%;}
.cae_stile_box ul li{max-width: 280px;  width: 30%; height: 30%; padding:120px 0 40px 0; display: block; float: left; margin-right: 3%;}
.cae_stile_box ul li .cae_text{float: right; color: #fff;transform: translate(30px); height: 50px;}
.cae_stile_box ul li .cae_text img{}

/*油烟机页面-主体信息*/
.cp_box{ width: 100%; min-width: 1200px; margin: 0 auto; overflow: hidden;}
.cp_box .youyan_left{ width: 50%; float: left; position: relative;}
.cp_box .youyan_left img{ width:90%; max-width: 730px;  float: right; position: absolute;z-index: 1; right: 0;}
.cp_box .youyan_left #youyan_dh_1{width: 30%; height: auto; position: absolute; right:35%; top: 350px;}
.cp_box .youyan_left .yanw_1{ width: 258px; height: 355px; position: absolute; margin-top:43%; left:66%; z-index: 50;}
.cp_box .youyan_left .yanw_1 img{ width: 258px; height: 355px;}
@media only screen and (max-width:1800px) {.cp_box .youyan_left .yanw_1{margin-top:49%; left:61%;}}
@media only screen and (max-width:1600px) {.cp_box .youyan_left .yanw_1{margin-top:50%; left:59%;}}
@media only screen and (max-width:1300px) {.cp_box .youyan_left .yanw_1{margin-top:50%; left:56%;}}
.yanw_3{ position: absolute; z-index:50; width: 16%; height: 25%; top: 40%; right: 18%;}
.yanw_4{ position: absolute; z-index:50; width: 18%; height: 33%; top: 40%; right: 17%;}

.cp_box .youyan_right{ width: 42%; float: right;}
.cp_box .cp_text{ width: 55%;min-width: 440px; min-height:700px; float: left;padding-top: 85px;}
.cp_box .cp_text .cp_text_stile{ height: 200px;  position: relative; }
.cp_box .cp_text .cp_text_stile_imga{ position: absolute; z-index: 1; left: 70px;}
.cp_box .cp_text .cp_text_stile_imgb{ position: absolute; z-index: 2; top: 130px;}
.cp_box .cp_text .cp_text_stile span{ position: absolute; z-index: 3; top: 167px;}
.cp_box .cp_text .text_box{ padding-top: 18px;}
.cp_box .cp_text .text_box span{ font-size: 35px; color: #0da945; padding-bottom: 25px; display: block;}
.cp_box .cp_text .text_box i{ font-size: 18px; color: #333333; display: block; padding-bottom: 25px;}
.cp_box .cp_text .text_box p{ font-size: 14px; color: #333333; line-height: 24px;}
.cp_box .cp_text .text_box ul{ margin-top: 50px}
.cp_box .cp_text .text_box ul li{ width: 33%; height: auto; text-align: center; float: left; font-size: 14px;}
.cp_box .cp_text .text_box ul li img{margin: 0 auto; margin-bottom: 5px;}

.cp_hd{ background: #F6F9FA;}
.cp_hd .youyan_right{ width: 40%; float: left;}
.cp_hd .cp_text{width: 60%; min-width: 440px; min-height:700px; float: right;padding-top: 85px;}
.cp_hd .youyan_left{ width: 60%; float: right; position: relative;}
.cp_hd .youyan_left .youyan_bimg{ float: left; left:50px; padding-top: 180px; position: absolute; z-index: 1;}
.cp_hd .youyan_left .yanw_2{ width: 661px; height: 566px; position: absolute; z-index: 50; top: 320px; left:16%; z-index: 50;}
.cp_hd .youyan_left .yanw_2 img{width: 661px; height: 566px;}

.cp_bd{ height: 726px; overflow: hidden;}
.cp_bd .youyan_left{ width: 45%; float: left;}
.cp_bd .youyan_left img{ width:90%; max-width: 596px;  float: right; padding-top: 60px;}

/*油烟机页面-升级*/
.up_box{ width: 100%; min-width: 1200px; height: auto; background: url(../images/pj/upback.jpg)no-repeat; padding-bottom: 100px;}
.up_box span{ font-size: 35px; color: #0da945; padding: 90px 0 40px 0; display: block; text-align: center;}
.up_box p{ font-size: 14px; clip: #333333; text-align: center; padding-bottom: 100px;}
.up_box ul{}
.up_box ul li{ width: 20%; height: auto; float: left; margin: 0 2.5%; text-align: center; color: #0da945; font-size: 14px;}
.up_box ul li img{ margin: 0 auto; margin-bottom: 20px;}

/*油烟机页面-控制面板*/
.kongzhi{ width: 100%;min-width: 1200px;}
.kongzhi .kongzhi_text{color: #fff; float: right; padding-top: 500px; padding-bottom: 120px}
.kongzhi .kongzhi_text span{ font-size: 35px;}
.kongzhi .kongzhi_text p{ font-size: 14px; padding-top: 25px; color: #BDBDBE;}

/*油烟机页面-底部四图*/
.bottom_img{width: 100%; min-width: 1200px; overflow: hidden;}
.bottom_img ul{}
.bottom_img ul li{ width: 50%; float: left; position: relative;}
.bottom_img ul li img{ width: 100%; height: auto;}
.bottom_img ul li .bottom_img_text{ width: 100%; text-align: center;position: absolute; bottom: 88px; }
.bottom_img ul li .bottom_img_text .bottom_img_text_hh{ display: block; width: 100%; font-size: 26px; color: #333333; padding-bottom: 12px;}
.bottom_img ul li .bottom_img_text p{ font-size: 14px; color: #333333;}

/*热水器页面*/
/*热水器-主图*/
.cp_banner .cp_bannerimg{ width: 100%; height: 100%; position: relative;}
.cp_banner .m10{ margin-top:80px;}
.cp_banner .rsq_banner_text{ margin: 0 auto;}
@media only screen and (max-width: 1800px) {.cp_banner .rsq_banner_text{ width: 90%;}}
@media only screen and (max-width: 1600px){.cp_banner .rsq_banner_text{ width: 80%;}}
@media only screen and (max-width: 1200px) {.cp_banner .rsq_banner_text{ width: 70%;}}

/*油烟机ICR*/
.rsq_icr_box{ width: 100%; min-width: 1200px; height: auto; background: #15B250;}
.icr_left{ width: 33%;float: left;padding: 60px 0; }
.icr_left img{ width: 100%; height: auto;}
.icr_right{ width: 60%; float: right; padding-top: 55px;}
.icr_right ul{}
.icr_right ul li{ text-align: center; width: 33%; float: left; color: #fff; font-size: 14px; border-right: 1px solid #fff;}
.icr_right ul li img{ margin: 0 auto; margin-bottom: 10px;}

/*热水器RM*/
.rsq_rm{ width: 100%; min-width: 1200px; height: auto; overflow: hidden;}
.rsq_rm .rsq_rm_text{ padding: 328px 0 530px 0; float: right;}
.rsq_rm .rsq_rm_text img{ margin-bottom: 30px;}
.rsq_rm .rsq_rm_text p{ color: #333333; font-size: 14px}

/*智能恒温技术*/
.znhwjs_box{ width: 100%; min-width: 1200px; overflow: hidden;}
.znhwjs_left{ width: 50%; min-height: 900px; overflow: hidden; float: left;}
.znhwjs_left img{ height: 100%;}
.znhwjs_right{ width: 50%; float: right;}
.znhwjs_right .znhwjs_title{ padding: 120px 0 0 120px;}
.znhwjs_right ul{ padding: 87px 0 0 120px; width: 470px;}
.znhwjs_right ul li{padding-bottom: 50px;}
.znhwjs_right ul li .znhwjs_img{ width:20%;float: left; padding-right: 5%;}
.znhwjs_right ul li .znhwjs_img img{ display: block; margin: 0 auto;}
.znhwjs_right ul li .znhwjs_text{ width: 75%; float: right;}
.znhwjs_right ul li span{ color: #0da945; font-size: 18px; }
.znhwjs_right ul li p{ color: #666666;  font-size: 14px; line-height: 24px; padding-top: 6px;}

/*十四重安全保护*/
.aqbh_box{ padding: 160px 0; overflow: hidden;}
.aqbh_left{ width: 50%; float: left;}
.aqbh_left .aqbh_text{}
.aqbh_left .aqbh_text p{ padding-top: 30px; color: #666666; font-size: 14px; line-height: 24px;}
.aqbh_left ul{ padding-top: 60px;}
.aqbh_left ul li img{ width: 65px; height: 65px; float: left; margin-right: 24px;}
.aqbh_left ul li{ margin-bottom: 36px;}
.aqbh_left ul li span{ font-size: 24px; color: #0eaa46; padding-top: 6px;}
.aqbh_left ul li p{ font-size: 14px; color: #666666;}
.aqbh_right{float: right;}
.bottom_img ul li .rsq_bottom_img_text{ top: 88px; }
.bottom_img ul li .b_font .bottom_img_text_hh{color: #fff;}
.bottom_img ul li .b_font p{ color: #fff;}

.rsqdwp{ position:relative;}
.rsqdwp img{ max-width:100%; position:relative;}
.rsqdwp-wz{ position:absolute; z-index:10; top:40%; left:25%;}


/*消毒柜页面*/

/*主图文字*/
.cp_banner .text_c{ left: 10%; top: 30%;transform: translate(-30%,-30%); color: #fff; text-align: center;}
.cp_banner .text_c h3{font-size: 24px; padding-bottom: 10px;}
.cp_banner .text_c h2{font-size: 35px;padding-bottom: 10px; padding-bottom: 57px;}
.cp_banner .text_c .goumai a{ padding: 17px 40px; background: #23ba59; color: #fff; border-radius: 30px;}


.gongy_chuju_h{color: #0da945; font-size: 35px;  display: block;}
.gongy_chuju_p{ font-size: 24px; color: #333333; display: block;padding-top: 10px;}
/*容量*/
.rongl_box{ width: 100%; min-width: 1200px; height: auto; margin-top: 30px;}
.rongl_box .rongl{ padding: 65px 0;}
.rongl_box .rongl .chuju{}

.rongl_box .rongl .chuju ul{ width: 720px; padding-top: 35px;}
.rongl_box .rongl .chuju ul li{ width: 180px; height: 70px; line-height: 70px; color: #333333; font-size: 16px; float: left; margin-bottom: 50px;}
.rongl_box .rongl .chuju ul li img{ float: left;}
.rongl_box .rongl .bdsn{ padding-top: 50px;}
.rongl_box .rongl .bdsn p{ font-size: 14px; color: #666666; padding-top: 33px; padding-bottom: 54px;}
.rongl_box .rongl .bdsn ul{ width: 360px; padding-top: 22px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;}
.rongl_box .rongl .bdsn ul li{ width: 50%; float: left; margin-bottom: 20px;}
.rongl_box .rongl .bdsn ul li i{ width: 23px; height: 23px; line-height: 23px; text-align: center; background: #4c4948; border-radius: 50%; display: block; margin-right: 13px; color: #fff; float: left; font-size: 14px}
.rongl_box{background: url(../images/xdg/rl_backimg.jpg) no-repeat; background-position: right top;}
@media only screen and (max-width: 1300px) {.rongl_box{ background-size: 45%;}}

/*大盘碗收纳*/
.dpwsn_box{ width: 100%; min-width: 1200px; background: #f5f5f5;padding: 130px 0;}
.dpwsn_box .tabs-container{ }
.dpwsn_box .bdsn_imgbox{width: 757px; height: 418px; overflow: hidden; float: left;}
.dpwsn_box .bdsn_imgbox img{ width: 100%; height: 100%;}
.dpwsn_box .tabs{ float: right; text-align: right;}
.dpwsn_box .tabs span{ font-size: 35px; color: #0da945; padding-bottom: 7px;}
.dpwsn_box .tabs p{ font-size: 24px; color: #333333;}
.dpwsn_box .tabs .tableft{ margin-top: 60px;}
.dpwsn_box .tabs .tableft a{ width: 280px; height: 56px; line-height: 56px; border:1px solid #0da945; display: block; margin-bottom:20px; border-radius:8px; text-align: center; color: #0da945; padding:0;}
.dpwsn_box .tabs .tableft .active{ background: #0da945; color: #fff;}

.swyt_box{ width: 100%; min-width: 1200px; height: auto;background: url(../images/xdg/shy.png) no-repeat; background-position: center top; text-align: center; }
.swyt_box .gongy_chuju_h{ font-size: 35px; color: #0da945; padding-top: 453px; padding-bottom: 15px; display: block;}
.swyt_box .gongy_chuju_p{ font-size: 24px; color: #666666; display: block;}
.swyt_box p{ font-size: 14px; color: #666666; padding-top: 25px;}
.swyt_box ul{ width: 900px; margin: 0 auto; margin-top: 60px; padding-bottom: 100px;}
.swyt_box ul li{ width: 50%; float: left; font-size: 24px; color: #00a73b}
.swyt_box ul li img{ margin: 0 auto; }
.swyt_box ul li .swyt_img{ height: 200px;}

.dgncj_box{ width: 100%; min-width: 1200px; margin: 0 auto; background: #f5f5f5; padding: 100px 0;}
.dgncj_box h4{ font-size: 35px; color: #0da945; text-align: center; display: block;}
.dgncj_box span{ display: block; text-align: center; font-size: 24px; color: #2f2725; padding-top: 17px;}

.dpwsn_box{ width: 100%; height: auto; min-width: 1200px;}
.dpwsn_box .tabsxdg{ text-align: center; position:relative;}
.dpwsn_box .tabsxdg span{ font-size: 38px; color: #0da945;}
.dpwsn_box .tabsxdg p{ font-size: 24px; color: #2f2725; padding-top: 10px; }
.dpwsn_box .tabsxdg .tableft{ padding-top: 80px;}
.dpwsn_box .tabsxdg .tableft a{ width: 25%; text-align: center; display: block; float: left; padding-top:10px; }
.dpwsn_box .tabsxdg .tableft a i{ width: 1px; height: 20px; display: block; margin: 0 auto;background: #3e3a39;}
.dpwsn_box .xdg_imgbox{ width: 100%; height: auto;}
.dpwsn_box .tabsxdg .tableft .active{ color: #0da945; padding-top: 0px;}
.dpwsn_box .tabsxdg .tableft a{}
.dpwsn_box .tabsxdg .tableft .active i{ padding-bottom: 10px; background:#0da945;}

.gongy_h{font-size: 35px; color: #0da945; display: block; padding-top: 30px; padding-bottom: 20px;}
.gongy_p{color: #ffffff; display: block; font-size: 14px;}
.xdgimgbox-pagination{position: absolute;z-index: 155; text-align: center;}
.xdgimgbox-pagination .swiper-pagination-bullet-active{background:#0da945;}

/*灶具页面*/
.cp_banner .text_d{ right: 10%; top: 30%;transform: translate(-50%,-50%); color: #fff; text-align: center;}
.cp_banner .text_d .goumai a{ padding: 17px 40px; background: #23ba59; color: #fff; border-radius: 30px;}
.cp_banner .text_d .goumai a:hover{ background:#666;}
.zj_body{ width: 100%; height: auto; min-width: 1200px; margin: 0 auto; background: url( ../images/zj/back.jpg) no-repeat; background-position: top center; padding-top: 150px; padding-bottom: 110px; overflow: hidden;}
.zj_body .zj_iocimg{ margin: 0 auto;}

.zj_body .idirect_box{ width: 100%;}
.zj_body .idirect_box .idirect_left{ padding-top: 250px; width: 50%; float: left; padding-bottom: 200px;}
.zj_body .idirect_box .idirect_left p{ color: #ffffff; font-size: 14px;}
.zj_body .idirect_box .idirect_left ul{ margin-top: 46px;}
.zj_body .idirect_box .idirect_left ul li{ color: #fff; float: left; margin-right: 55px; text-align: center;}
.zj_body .idirect_box .idirect_left ul li img{ margin-bottom: 15px;}
.zj_body .idirect_box .idirect_right{ width: 50%; float: right; position: relative;}
.zj_body .idirect_box .idirect_right img{ position: absolute; top: -70px;}

.zj_body .ctemper .ctemper_left{ width: 50%; float: left; height: auto;position: relative;}
.zj_body .ctemper .ctemper_left_img{transform: translate(-80px); position: absolute;}
.zj_body .ctemper .ctemper_left_img1{ bottom:-580px;}
.zj_body .ctemper .ctemper_left_img2{ bottom:-470px;}
.zj_body .ctemper .ctemper_left_img3{ bottom:-300px;}
.zj_body .ctemper .ctemper_left_img4{ bottom:-200px;}
.zj_body .ctemper .ctemper_left_img5{ bottom:-90px;}

.zj_body .ctemper .ctemper_right{ width: 40%; float: right; padding-bottom: 200px;}
.zj_body .ctemper_right ul{ margin-top: 46px;}
.ctemper .ctemper_right ul li{ color: #fff; float: left; margin-right: 55px; text-align: center;}
.zj_body .ctemper .ctemper_right ul li img{ margin-bottom: 15px;}

.zj_body .oiloff{ padding-top: 80px; padding-bottom: 80px;}
.zj_body .oiloff img{ margin: 0 auto; padding-bottom: 30px;}
.zj_body .oiloff span{ text-align: center; display: block; font-size: 35px; color: #0da945; margin-bottom: 20px;}
.zj_body .oiloff p{ font-size: 14px; color: #fff; text-align: center;}

.zj_body .aspr{ width: 100%; min-width: 1200px; height: auto;margin: 0 auto;}
.zj_body .aspr_left{ width: 50%; float: left; padding-top: 650px;}
.zj_body .zj_huo{ padding-top: 80px;}
.zj_body .zj_huo ul{}
.zj_body .zj_huo ul li{ float: left; margin: 0 10px;}
.zj_body .aspr_tight{ float: right; padding-top: 650px;}

.anniuback{position: relative; width: 480px; height: 427px; background: url(../images/zj/backanniu.png) no-repeat; background-position: left;}
.btn-pointer input{display: none;}
.btn-pointer label{position: absolute;display: block;}
.btn-pointer label::after{}
.btn-pointer-for-huo_a{width: 58px; height: 71px; left: 225px; top: 0px;}
.btn-pointer-for-huo_b{width: 35px; height: 35px; left: 115px; top: 88px;}
.btn-pointer-for-huo_c{width: 110px; height: 26px; left: 0px; top: 200px;}
.btn-pointer-for-huo_d{width: 35px; height: 35px; left: 115px; top: 302px;}
.btn-pointer-for-huo_e{width: 58px; height: 71px; left: 225px; bottom: 0px;}
.btn-pointer-inner{ position: absolute; top: 50px; right: 70px; width:319px;height: 319px; background: url(../images/zj/anniuhuo.png) no-repeat;transform: rotate( 0deg );transition: all .8s ease; cursor:pointer;}
.btn-pointer-huo_a:checked~.btn-pointer-inner{transform: rotate(0deg);}
.btn-pointer-huo_b:checked~.btn-pointer-inner{transform: rotate(-49deg);}
.btn-pointer-huo_c:checked~.btn-pointer-inner{transform: rotate(-92deg);}
.btn-pointer-huo_d:checked~.btn-pointer-inner{transform: rotate(-135deg);}
.btn-pointer-huo_e:checked~.btn-pointer-inner{transform: rotate(-182deg);}
#zj_huo{ width: 100%;}
#zj_huo .swiper-slide{ width: 100%;}
#zj_huo .swiper-slide img{ margin: 0 auto;}