@charset "utf-8";
body{ min-width: 100%; font-size: 14px; color:#333;line-height:1.3; background:#fff; font: 14px/1.3  Arial,"Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}




#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,input[type="submit"],.float_right li,.m_nav li,.img,.abo_hon_img .box img,li,.abo_pro_wrap li .text,
.news_vid li .img:before,.abo_net_bl li .num,.abo_his_more,.ser_qua_list li .text_p,.ser_qua_list li .shadow,
.join5_list .img img,.join8_list li span,.join8_list li h2,.join8_list li .text,.i_part_list li .text_p,
.j6_simg_slick .slick-slide font,.i_part_list li .text_p .btn{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav li{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.w{ width: 100%; }
.w50 img{ max-width: 49.5%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.header .baseWidth,.footer .baseWidth,.wpb40{ width: calc(100% - 80px); margin: 0 auto; }
.baseWidth{ width: 100%; margin: 0 auto; box-sizing: border-box; }
.w1200{ width: 1200px; margin: 0 auto; }
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}


.clear{ clear: both;}
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.zoom img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.over{ overflow: hidden; }
.bg_white{ background: #fff; }
.bg_f6f6f6{ background: #f6f6f6; }
.bg_eee{ background: #eee; }
.bg_f4f4f4{ background: #f4f4f4; }
.bg_333{ background: #333; }
.bg_d31636{ background: #d31636; }

/*橱柜加盟*/
.m_join .join_b{ padding: 40px 0; box-sizing: border-box; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.join1{ height: 600px; }
.join1 .logo_j{ position: absolute; display: block; width: 190px;max-width: 14%; height: 52px; background: url(../images/logo_j.png) center no-repeat; background-size: contain; left: 2%; top: 45px; }
.join1 .bkbtn_j{ position: absolute; left: 50%; margin-left: -100px; bottom: 125px; text-align: center; font-size: 18px; width: 200px; height: 60px; line-height: 60px; background: #ffa200; color: #fff; border-radius: 30px; }
.join_tit h2{ overflow: hidden; line-height: 50px; font-size: 36px; font-weight: bold; color: #000; }
.join_tit h2 span{ display: inline-block; position: relative; }
.join_tit h2 span:before{ content: ''; position: absolute; right: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line3.png); }
.join_tit h2 span:after{ content: ''; position: absolute; left: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line4.png); }
.join_tit h3{ font-size: 16px; line-height: 30px; color: rgba(0,0,0,.5); margin: 16px 0 14px; }
.join_tit .text_p{ margin: 0 8.4%; font-size: 14px; color: #000; line-height: 30px; min-height: 60px; }
.m_join .join2{ padding-top: 62px; height: 800px; }
.join2 .join_tit{ margin-bottom: 30px; }
.join2 .join_tit h2,.join11 .join_tit h2{ color: #fff; }
.join2 .join_tit h3{ color: rgba(255,255,255,.5); }
.join2 .join_tit h2 span:before,.join11 .join_tit h2 span:before{ content: ''; position: absolute; right: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line1.png); }
.join2 .join_tit h2 span:after,.join11 .join_tit h2 span:after{ content: ''; position: absolute; left: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line2.png); }
.join2 .join_map{ width: 640px; margin-top: 30px; margin-left: 108px; }
.join2_list{ width: 170px; margin-right: 120px; }
.join2_list .box{ border-bottom: 1px solid rgba(255,255,255,.1); padding: 22px 0 14px; }
.join2_list .bnum{ font-size: 48px; color: #fff; line-height: 50px; }
.join2_list .stxt{ font-size: 14px; color: rgba(255,255,255,.5); line-height: 22px; }
.join3_list ul{ margin-top: 40px; width: 1230px; margin-left: -15px; }
.join3_list .slick-slide{ width: 380px; margin: 0 15px; }
.join3_list .img{ width: 100%; height: 225px; }
.join3_list .text{ padding: 20px 20px 22px; background: #fff; text-align: left; }
.join3_list .text h2{ font-size: 14px; color: #000; margin-bottom: 16px; }
.join3_list .text .text_p{ font-size: 12px; color: #999; line-height: 22px; height: 66px; overflow: hidden; }
.join3_list .slick-prev{ left: -40px; width: 40px; height: 40px; background: url(../images/icon22.png) center no-repeat; }
.join3_list .slick-prev:hover{ background: url(../images/icon22on.png) center no-repeat; }
.join3_list .slick-next{ right: -40px; width: 40px; height: 40px; background: url(../images/icon23.png) center no-repeat; }
.join3_list .slick-next:hover{ background: url(../images/icon23on.png) center no-repeat; }


.join4_list ul{ margin-top: 40px; }
.join4_list li{ position: relative; margin-bottom: 20px; float: left; width: 285px; height: 260px; margin-right: 20px; }
.join4_list li:nth-child(1),.join4_list li:nth-child(2){ width: 100%; }
.join4_list li:nth-child(2),.join4_list li:nth-child(4n+2){ margin-right: 0; }
.join4_list li .shadow{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px; box-sizing: border-box; height: 56px; line-height: 56px; color: #fff; text-align: center; background: rgba(0,0,0,.5); }

.join8_list{ margin-top: 40px; }
.join8_list li{ padding: 30px 20px; box-sizing: border-box; position: relative; width: 240px; height: 280px; width: 50%; float: left; background: #000; }
.join8_list li span{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .4; }
.join8_list li h2{ margin-top: 60px; position: relative; z-index: 1; font-size: 20px; color: #fff; text-align: center; line-height: 30px; }
.join8_list li .line{ width: 20px; height: 1px; background: #fff; display: block; margin: 24px auto 20px; }
.join8_list li .text{ position: relative; z-index: 1; color: #fff; line-height: 30px; height: 0; overflow: hidden; }
.join8_list li:hover span{ opacity: .1; }
.join8_list li:hover h2{ margin-top: 0; }
.join8_list li:hover .text{ height: 150px; }
.join8_list li i{ position: absolute; left: 0; width: 100%; top: 130px; height: 110px; background-position: center; display: block; background-repeat: no-repeat; }
.m_join .join9{ padding-bottom: 90px; }
.join9_con{ margin-top: 80px; font-size: 0; text-align: center; }
.join9_con .box{ position: relative; width: calc(100% / 6); display: inline-block; vertical-align: top; }
.join9_con .box:after{ content: ''; position: absolute; left: 160px; top: 30px; width: 80px; height: 1px; background: rgba(0,0,0,.1); }
.join9_con .box:last-child:after{ display: none; }
.join9_con .img{ width: 60px; height: 60px; line-height: 60px; font-size: 0; margin: 0 auto 25px; }
.join9_con .img img{ max-width: 100%; max-height: 100%; }
.join9_con .box:hover img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.join9_con p{ font-size: 16px; color: #000; line-height: 24px; }
.join9_con p span{ font-size: 12px; }
.join10_list{ padding-bottom: 50px; margin-top: 106px; }
.join10_list ul{ width: 1213px; margin-left: -6.5px; }
.join10_list .slick-slide{ margin: 0 6.5px; width: 160px; }
.join10_list .zoom{ height: 80px; line-height: 78px; font-size: 0; box-sizing: border-box; border: 1px solid #ddd; }
.join10_list .zoom img{ width: auto; height: auto; }
.join10_list p{ margin-top: 10px; line-height: 20px; }
.join10_list .slick-prev{ left: -53.5px; width: 40px; height: 80px; margin-top: 0; top: 0; background: url(../images/icon80.png) center no-repeat; }
.join10_list .slick-prev:hover{ background: url(../images/icon80on.png) center no-repeat; }
.join10_list .slick-next{ right: -53.5px; width: 40px; height: 80px; margin-top: 0; top: 0; background: url(../images/icon81.png) center no-repeat; }
.join10_list .slick-next:hover{ background: url(../images/icon81on.png) center no-repeat; }
.join10_list .slick-slide:hover p{ color: #000; }
.join11_con{ padding-top: 45px; }
.join11_slick{ width: 740px; height: 290px; margin-top: 0; float: left; margin-left: 15px; border-radius: 4px; overflow: hidden; }
.join11_slick .slick-dots{ bottom: 10px; }
.join11_slick .slick-dots li.slick-active{ background: #d80000; }
.join11_form{ width: 380px; float: right; padding-top: 0; margin-right: 25px; }
.join11_form input.book_sub{ background: #d80000; }
.join11_form .select_box > div.d_ib{ width: calc((100% - 20px)/3); margin-right: 10px; }
.join11_form .select_box > div.d_ib:last-child{ margin-right: 0; }
.join11_form .select_box > div.d_ib .sod_select{ width: 100%; margin: 0; }

/*优惠专题*/
.act1{ height: 800px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.act2{ box-sizing: border-box; padding: 40px 0; height: 700px; background: url(../images/bg8.png) right 80px no-repeat; }
.act_title{ height: 60px; line-height: 60px; }
.act_title span{ position: relative; font-size: 48px; color: #d31636; font-weight: bold; }
.act_title span:before{ content: ''; position: absolute; right: calc(100% + 45px); width: 265px; height: 60px; background: url(../images/icon82.png) center no-repeat; }
.act_title span:after{ content: ''; position: absolute; left: calc(100% + 45px); width: 265px; height: 60px; background: url(../images/icon83.png) center no-repeat; }
.act2_p{ margin: 35px 0 65px; text-align: center; font-size: 18px; color: #181619; }
.act2_list li{ margin-right: 25px; float: left; padding: 68px 20px 20px; box-sizing: border-box; width: 220px; height: 440px; background: url(../images/icon87.png) top center no-repeat; color: #fff; }
.act2_list li:last-child{ margin-right: 0; }
.act2_list li h2{ text-align: center; font-size: 30px; margin-bottom: 14px; }
.act2_list li .text_p{ margin-bottom: 24px; font-size: 12px; line-height: 24px; height: 72px; overflow: hidden; }
.act2_list li .img{ margin: 0 auto; width: 150px; height: 150px; line-height: 150px; font-size: 0; }
.act2_list li .img img{ max-width: 100%; max-height: 100%; }
.act3{ padding: 40px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act3_left{ margin-top: 34px; }
.act3_left li{ overflow: hidden; margin-right: 1px; cursor: pointer; position: relative; float: left; width: 150px; }
.act3_left li .img{ width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act3_left li .text{ padding: 30px; background: #ccc; width: 300px; height: 160px; box-sizing: border-box; }
.act3_left li .text h2{ line-height: 32px; font-size: 18px; color: #555; margin-bottom: 10px; }
.act3_left li .text h2 font{ margin-right: 14px; }
.act3_left li .text h2 span{ display: block; color: #999; }
.act3_left li .text p{ font-size: 12px; color: #999; line-height: 20px; display: none; height: 40px; overflow: hidden; }
.act3_left li:after{ content: ''; position: absolute; left: 30px; bottom: 30px; width: 20px; height: 4px; background: #aaa; display: block; }
.act3_left li.on{ width: 300px; }
.act3_left li.on .text{ background: #fff; }
.act3_left li.on .text h2{ color: #000; }
.act3_left li.on .text h2 span{ display: inline-block; color: #ccc; }
.act3_left li.on .text p{ display: block; }
.act3_left li.on:after{ background: #c51533; }
.act3_right{ width: 568px; background: rgba(0,0,0,.3); padding: 25px 24px 5px; box-sizing: border-box; }
.act3_right h2{ font-size: 48px; font-weight: bold; color: #fff; text-align: left; margin-bottom: 28px; }
.act3_right .item{ margin-bottom: 20px; }
.act3_right input{ max-width: 100%; }
.act3_right .sod_select{ width: 160px; }
.act3_right input.book_sub{ background: #d31636; }
.act4{ padding: 40px 0; box-sizing: border-box; height: 800px; }
.act4_con{ margin-top: 60px; }
.act4_top{ width: 100%; height: 500px; }
.act4_top .box{ height: 500px; position: relative; display: none; opacity: .8; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act4_top .box:first-child{ display: block; opacity: 1; }
.act4_top .text{ padding: 40px; box-sizing: border-box; text-align: center; position: absolute; left: 50px; top: 50px; background: rgba(211,22,54,.95); width: 400px; height: 400px; box-sizing: border-box; color: #fff; }
.act4_top .text:before{ content: ''; position: absolute; left: 20px; top: 30px; width: 350px; height: 350px; box-sizing: border-box; border: 1px solid rgba(255,64,124,.6); }
.act4_top .text:after{ content: ''; position: absolute; left: 30px; top: 20px; width: 350px; height: 350px; box-sizing: border-box; border: 1px solid rgba(255,64,124,.6); }
.act4_top .text h2{ position: relative; z-index: 1; font-size: 36px; font-weight: bold; margin: 13px 0; }
.act4_top .text p{ position: relative; z-index: 1; font-size: 16px; }
.act4_top .text .price{ margin: 36px auto 14px; height: 60px; position: relative; z-index: 1; color: #ffff66; font-size: 30px; }
.act4_top .text .price i{ font-size: 40px; font-weight: 100; vertical-align: super; }
.act4_top .text .price em{ line-height: 60px; font-size: 72px; vertical-align: bottom; }
.act4_top .text .price font{ vertical-align: middle; display: inline-block; margin-left: 6px; }
.act4_top .buy_btn{ position: relative; z-index: 1; display: block; width: 160px; height: 40px; line-height: 40px; background: #fff; color: #d31636; font-size: 16px; margin: 40px auto 0; cursor: pointer; }
.act4_top .buy_btn:hover{ background: #ffff66; }
.act4_bot li{ border-right: 1px solid #f1f1f1; box-sizing: border-box; cursor: pointer; background: #fff; color: #000; float: left; font-size: 18px; height: 60px; line-height: 60px; width: calc(100% / 6); text-align: center; }
.act4_bot li:last-child{ border: none; }
.act4_bot li.on{ background: #000; color: #fff; border: none; }
.bg_d31636 .act_title span{ color: #fff; }
.act_title span em{ font-size: 72px; font-family: '华文细黑'; font-weight: bold; letter-spacing: -6px; margin-right: 6px; }
.bg_d31636 .act_title span:before{ background: url(../images/icon82on.png) center no-repeat; }
.bg_d31636 .act_title span:after{ background: url(../images/icon83on.png) center no-repeat; }
.act5{ padding: 40px 0; }
.act5_p{ font-size: 24px; color: #ffff00; text-align: center; margin: 30px auto 45px; }
.act5 .luck-unit{ color: #fff; width: 285px; height: 160px; float: left; background: #ac001d; margin-right: 20px; margin-bottom: 20px; }
.act5 .luck-unit4,.act5 .luck-unit5,.act5 .luck-unit6{ margin-right: 0; }
.act5 .luck-btn{ position: relative; box-shadow: 0 5px 10px rgba(0,0,0,.1); cursor: pointer; text-align: center; float: left; width: 590px; height: 160px; margin-right: 20px; background: url(../images/icon88.png) center no-repeat; background-size: cover; }
.act5 .luck-btn h2{ margin-top: 26px; font-size: 60px; color: #fff; }
.act5 .luck-btn h3{ line-height: 25px; font-size: 18px; text-transform: uppercase; color: rgba(0,0,0,.33); }
.act5 .luck-unit .box{ border: 1px solid rgba(255,255,255,.3); margin: 10px auto; width: 265px; height: 140px; text-align: center; line-height: 36px; font-size: 30px; }
.act5 .luck-unit .box p{ display: inline-block; vertical-align: middle; }
.act5 .luck-unit .box p em{ font-size: 48px; font-weight: 100; }
.act5 .luck-unit .box:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 1px; margin-top: -1px; }
.act5 .luck-unit.active{ background: #ffffce; color: #d31636; }
.act5 .luck-unit.active .box{ border: 1px solid rgba(211,22,54,.5); }
.act6{ padding: 40px 0; }
.act6 .act_title{ margin-bottom: 34px; }
.act6_p{ margin-bottom: 20px; padding-bottom: 36px; background: url(../images/icon89.png) center bottom no-repeat; font-size: 36px; color: #000; text-align: center; }
.act6_p em{ color: #d31636; }
.act7{ padding: 36px 0 30px; }
.act7_list .box{ margin-right: 10px; margin-bottom: 10px; width: 220px; height: 180px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act7_list .box:nth-child(4),.act7_list .box:nth-child(6){ width: 510px; }
.act7_list .box:nth-child(5){ width: 450px; }
.act7_list .box:nth-child(4),.act7_list .box:nth-child(7){ margin-right: 0; }
.act8{ padding: 40px 0; }
.act8_list .box{ width: 395px; height: 220px; margin-right: 10px; margin-bottom: 10px; float: left; }
.act8_list .box:nth-child(2){ width: 390px; position: relative; background: #d31636; color: #fff; text-align: center; }
.act8_list .box:nth-child(2):before{ content: ''; width: 1px; height: 100%; display: inline-block; vertical-align: middle; }
.act8_list .box:nth-child(2) h2{ font-size: 30px; font-weight: bold; margin-bottom: 7px; }
.act8_list .box:nth-child(2) h3{ font-size: 24px; }
.act8_list .box:nth-child(3),.act8_list .box:nth-child(5){ margin-right: 0; }
.act8_list .box:nth-child(4),.act8_list .box:nth-child(5){ width: 595px; height: 180px; }
.act9{ padding: 40px 0; text-align: center; }
.act9_img{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 400px; padding: 50px 40px; box-sizing: border-box; font-size: 18px; color: #000; line-height: 36px; }
.act10{ padding: 40px 0; }
.act10_list .box{ float: left; width: 395px; height: 240px; margin-right: 10px; margin-bottom: 10px; } 
.act10_list .box:nth-child(3n+1){ margin-right: 0; }
.act10_list .box:nth-child(2n+1){ width: 390px; }
.act10_list .box:first-child{ width: 100%; }

@media screen and (max-width: 1700px){

.ser_qua_list li:hover .shadow{ padding: 40px 10%; }
}

@media screen and (max-width: 1600px){
.ser_qua_list li{ height: 380px; }
.ser_qua_list li:hover .shadow{ padding: 26px 10%; }
.ser_qua_list li:hover .text_p{ line-height: 30px; height: 240px; }
}

@media screen and (max-width: 1500px){
.m_pro_select{ padding-top: 0; }
.m_pro_select .path{ position: static; text-align: left; padding-left: 2.1%; }

}

@media screen and (max-width: 1460px){
.header .baseWidth, .footer .baseWidth, .wpb40,.baseWidth{ width: 94%; }
.banner,.banner-wrap,.banner-wrap .banner-bg{ height: 700px; }
.f_box img{ width: 150px; }
.fnav li{ width: 150px; }
.footer .top{ padding: 30px 0 35px; }
.footer .bot{ padding: 10px 0; }
.i_part{ padding-bottom: 60px; }
/*.i_part_list{ width: 94%; margin: 0 auto; }*/
.i_part_list li .zoom{ height: 250px; }
.i_part_list li .text{ padding: 15px 5%; height: 70px; line-height: 40px; }
.pro_top{ padding: 40px 3%; min-height: 0; }
.pro_top .text{ width: 48%; }
.pro_top .text h2{ margin-top: 20px; }
.pro_top .text h3{ margin: 10px 0 20px; }
.pro_top .video_box{ height: 362px; }
/*.abo_pro_wrap li .img{ height: 200px; }*/
.abo_pro_wrap li .text{ height: 60px; line-height: 60px; }
.ser_ring_list li{ padding-top: 30px; height: 220px; }
.ser_ring_list li .img{ width: 80px; height: 80px; }
.ser_qua_list li{ height: 320px; }
.ser_qua_list li:hover .text_p{ height: 180px; }
.ser_qua_list li .shadow{ padding: 0 5%; }
.ser_qua_list li h2{ font-size: 15px; height: 50px; line-height: 50px; }
.ser_qua_list li:hover .text_p{ font-size: 12px; line-height: 24px; height: 192px; padding-top: 26px; }
.abo_his_list li{ padding: 0 3%; }
.abo_his_list li .info{ width: 80%; }
.abo_his_list li .year{ width: 9%; font-size: 28px; }
.abo_his_list li .info h2{ margin-bottom: 10px; }
.book_top .box .img{ width: 100px; height: 100px; line-height: 100px; }
.news_list .news_text{ padding: 15px 5%; height: 120px; }
.news_list .text_p{ margin-bottom: 10px; }
.news_list .shadow{ padding: 0 5%; height: 40px; line-height: 40px; font-size: 13px; }
.abo_pro_wrap li .text{ font-size: 15px; }
.wbanner{ height: 380px; }
.m_nav{ top: -60px; }
.m_nav li{ height: 60px; line-height: 58px; }
.news_list .news_info{ padding: 10px 0; }
.abo_pro_wrap li .text{ padding: 0 14% 0 5%; background-size: 20px!important; background-position: 95% center!important; }
}

@media screen and (max-width: 1300px){
.join3_list .slick-prev{ width: 20px; left: -15px; }
.join3_list .slick-next{ width: 20px; right: -15px; }
.join5_list .slick-prev{ left: -10px; }
.join5_list .slick-next{ right: -10px; }
.join10_list .slick-prev{ width: 20px; left: -20px; }
.join10_list .slick-next{ width: 20px; right: -25px; }
}