html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
body{max-width: 7.5rem;margin:0 auto!important;}ol,ul{ margin: 0; padding: 0;}li{ list-style: none;}img{display:block;width:100%;margin: 0 auto;}a{text-decoration:none;}a:hover{text-decoration:none;}.fl{float:left;}.fr {float:right;}strong{color: #13d4d0;font-weight: bold;}.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}.pr{position: relative;}.mg20{margin:.2rem 0;}.mgt30{margin-top: .3rem;}.mgt20{margin-top: .2rem;}.center{text-align: center;}
/*箭头动画*/
@-webkit-keyframes start {0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}60% {opacity: 1;-webkit-transform: translate(0,0);}100% {opacity: 0;-webkit-transform: translate(0,-8px);}}
@-moz-keyframes start {0%,30% {opacity: 0;-moz-transform: translate(0,10px);}60% {opacity: 1;-moz-transform: translate(0,0);}100% {opacity: 0;-moz-transform: translate(0,-8px);}}
@keyframes start {0%,30% {opacity: 0;transform: translate(0,10px);}60% {opacity: 1;transform: translate(0,0);}    100% {opacity: 0;transform: translate(0,-8px);}}

.center{text-align: center;}
.line{display: inline-block;}
html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#333; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; line-height:1.8; max-width:750px; margin:0 auto } 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {position: relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.content{ width:94%; overflow:hidden; margin:0 auto;position: relative;top: -.4rem;} 
.content p{text-align: left;line-height: 2;color:#222;}
.content p .center{text-align: center;}
.content p .indent{text-indent: 2em;}  

.top{ background:url(img/topbg.jpg) no-repeat center bottom; background-size:cover;}
.qiany{ background:url(img/qianybg.jpg) no-repeat center bottom; background-size:cover;}
.bg3{ background:url(img/bg3.jpg) no-repeat center bottom; background-size:cover;}
.bg4{ background:url(img/bg4.jpg) no-repeat center bottom; background-size:cover;}
.bg5{ background:url(img/bg5.jpg) no-repeat center bottom; background-size:cover;}
.bg6{ background:url(img/bg6.jpg) no-repeat center bottom; background-size:cover;}
.bg8{ background:url(img/bg8.jpg) no-repeat center bottom; background-size:cover;}
.bg09{ background:url(img/bg09.jpg) no-repeat center bottom; background-size:cover;}
.pend{ background:url(img/endbgM.jpg) no-repeat center bottom; background-size:cover;}

.content .tit{margin: .37rem auto .61rem;color:#fff;text-align: center;margin: 0 auto}
.content .tit h2{font-size:1rem;color:#ff4f4d;line-height:1.2rem;font-family:'Ebrima';}
.content .tit h3{font-size: .45rem;line-height:.3rem;font-weight: 700;}
.content .tit h4{font-size: .2rem;line-height:.5rem;letter-spacing: .1rem;font-weight:400;}
.content .tit img{display: inline-block;margin: 0 auto .35rem;width: 40%;}
.p4 .content>p,.p5 .content>p,.p7 .content>p{font-size: .24rem;color: #222;line-height: .36rem;text-align: center;}.p8 .content>p{color: #fff;line-height: .36rem;text-align: center;font-size: .22rem;}.p8 .content .tit img{width: 1.03rem;}
.p4 .content .tit h3,.p5 .content .tit h3,.p6 .content .tit h3,.p7 .content .tit h3,.p8 .content .tit h3,.p9 .content .tit h3,.pend .content .tit h3{display: block;margin:.1rem auto .3rem;}
.p4 .content .tit h3,.p5 .content .tit h3,.p7 .content .tit h3,.p9 .content .tit h3,.pend .content .tit h3{color:#222}
.p3 p{font-size: 0.2rem;padding: 0 .4rem;}

/*top*/
.top{margin: 0 auto;}.top .content .logo{margin: 0 auto .55rem;width: 50%;}.top img{width: 88%; margin: 0 auto .51rem;}.top p{display: block;border-bottom:.05rem solid #ffa7a6;color: #222;font-size: .26rem;/*font-weight: 400;*/letter-spacing:.1rem;text-align: center;width: 58%;margin: 0 auto 0.1rem;line-height: 0.8;}.top .p2{width: 70%;}
.top .content .topimg{margin-top:.55rem; }
/*前言qiany*/
.qiany .content{height: 8rem;}
.qiany .content>img{width: 1.93rem;height: 0.47rem;margin: 0 auto .38rem;}.qiany .content .txtpic img{float: left;height: 4.21rem;width: 3.9rem;}.qiany .content .txtpic .line{width: .57rem;}
.qiany .content p{width: 4rem;height: 5.86rem;background:#fff;box-sizing: border-box;position: absolute;top: 1.94rem;right: .04rem;font-size: .2rem;line-height: .32rem;text-indent: 2em;padding: .74rem .1rem 0 .3rem;}
.qiany .content p span{width: .45rem;height: .04rem;background: #ff4f4d;position: relative;top: -.2rem;display: block;}.qiany .content p em{color: #ff4644;}
/*P01=part3*/
.p3 p{color: #fff;}.p3 .p3slide{margin-top: .8rem;}.p3 .p3slide img{width: 1.09rem;height: .93rem;margin-top: .45rem;}
.p3 .p3slide .swiper-slide>div{width: 2.98rem;height: 2.98rem;border:1px solid #616161;}.p3 .p3slide .swiper-slide>div p{text-align: center;color: #dfdfdf;line-height: .2rem;margin-top: .1rem;width: 2.5rem;padding: 0 .2rem;}.p3slide .swiper-slide>div p em{font-size: .26rem;line-height: .3rem;font-weight: 700;}
.p3slide .pagination1{position: relative;margin: .76rem 0 0 1.4rem;}
.p3slide .pagination1 .swiper-pagination-bullet,.slide5 .pagination3 .swiper-pagination-bullet{width: 0.9rem;height: 0.09rem;border-radius: 0;background: #fff;opacity: 1;}
.p3slide .pagination1 .swiper-pagination-bullet-active,.slide5 .pagination3 .swiper-pagination-bullet-active{background: #d42d2b;}

/*p4 02橱柜年历表*/
.p4 .content{height: 9.06rem;}
.p8-txt{position:relative;margin-top: .4rem;height: 5rem !important;}
.p8-txt .bd li{text-align:left;transition: all .2s;}
.p8-txt .bd{top: .58rem;}
.p8-txt .bd .txt1,.p8-txt .bd .txt2{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.p8-txt .bd .txt1{margin-left: .6rem;font-size: .9rem;color: #eb4d4b;border-right: .03rem solid rgba(98,98,98,0.6);float: left;padding-right: .35rem;}
.p8-txt .bd .txt1 p{display:inline-block;*display:inline;*zoom:1;padding:.64rem 0 .1rem;font-size:.24rem;color:#fff;border-bottom:.01rem solid #fff}

.p8-txt .bd .txt2{width: 3.5rem;font-size: .18rem;color: #222;float: left;line-height: .3rem;padding: .1rem 0 0 .2rem;}
.p8-txt .bd .txt2 b{font-size:.36rem;display: block;height: .2rem;}
.p8-txt .hd{padding-top:3rem;font-size:0}
.p8-txt .hd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:.92rem;position: relative;z-index: 2;}
.p8-txt .hd i {display:block;margin:0 auto;width:.08rem;height:.08rem;background-color:#eb4d4b;border-radius: 50%;}
.p8-txt .hd li.on i{display: block;margin: 0 auto;width: .16rem;height: .16rem;border: .03rem solid rgba(232,166,169,1);background-color: #eb4d4b;border-radius: 19rem;}
.p8-txt .hd p{padding-top:.16rem;text-align:center;width: .89rem;;height:.26rem;line-height:.15rem;font-size:.16rem;color:#222;}
.p8-txt .hd li.on p{background:url(img/p4-icon.png) center center no-repeat;background-size: 100%;color: #fff;}
.p8-txt .icon1{position: absolute;left: 0;bottom: 1.9rem;width: 100%;height: .02rem;background-color: #707070;z-index: 1;}


/*05 商机政策*/
.p5 .content .touzi{width: 5.02rem;height: 6.78rem;margin: 0 auto;background: url(img/p5txtbg.png) center bottom no-repeat;background-size:cover;}
.p5 .touzi .p5-txt{text-align: center;padding-top:3.15rem;}
.p5 .touzi .p5-txt p{margin:.2rem auto 0; font-size: .18rem;color: #fff;line-height: .32rem;text-align: center;}
.p5 .touzi .p5-txt p b{font-size: .24rem;}
.p5 .touzi .p5-txt p em,.p5 .touzi .p5-txt p b{color: #ff4644;font-weight: 700;}.p5 .content > p{margin-bottom: .25rem;}
.p5 .touzi .p5-txt img{width: 60%;}
/*06 */
.p6 .content>p{color:#fff;font-size: .22rem;line-height: .33rem;text-align: center;}

.p6 .content .p6-txt{position: relative;top: .73rem;width: 5.7rem;left: .6rem;}
.p6 .content .p6-txt li{float: left;}
.p6 .content .p6-txt .txt2{/*margin-left: 40px;*/height: 5rem;width: 5rem;text-align: center;background-color: #fff;box-sizing: border-box;padding-top:1.17rem}
.p6 .content .p6-txt .txt2 h3{font-size: .22rem;color: #ff3f3d;margin:.2rem auto .1rem;}.p6 .content .p6-txt .txt2 p em{color:#ff3f3d}
.p6 .content .p6-txt .txt2 p{text-align: left;color:#222;line-height: 0.3rem;font-size: .18rem;padding:0 .30rem;margin-bottom: .14rem;}
.p6 .content .p6-txt img{width:2rem;margin-bottom: .20rem;position: absolute;top: -20px;left: 33%;}
.p6 .content .p6-txt ul{height: 6.38rem;}
.p6 .content .p6-txt ,.swiper-slide .spc{margin-right: -10px;}

/* .p7 .content .p7main-2 .p7-txt  p{font-size: .16rem;color: #999;text-indent: .02em;text-align: left;margin-right: .23rem;line-height: .36rem;}
.p7 .content .p7main-2 .p7-txt  h3{width: 1.46rem; line-height: .80rem;font-size: .36rem;color: #222;margin-bottom:.40rem;border-bottom: .02rem solid #eb4d4b; */
/*p7*/
.p7{position: relative;}.p7 .content .tit img{margin: 0 auto .27rem;}.p7mian-2 {margin-top: .33rem}
.p7mian-2  .hd{width: 100%;position: absolute;bottom:0rem; z-index: 999;padding-left: 1.12rem}.p7mian-2 .hd li{float: left;width: 1.84rem;height: 0.4rem;text-align: center;border: 1px solid #a7a7a7;color: #a7a7a7;margin-right: 24px;height: 22px;margin-top: 7px;}.p7mian-2 .hd li.on{border: 1px solid #ff3f3d;color: #ff3f3d;}
.p7-txt{width: 7.04rem;height: 3.70rem;}
.p7-txt h3{font-size: .34rem;color: #222;border-bottom: 1px solid #ff3f3d;width: 1.4rem;margin-bottom: 0.175rem;}.p7-txt .p7spc{font-size: .34rem;color: #222;border-bottom: 1px solid #ff3f3d;width: 2.1rem;}
.p7mian-2  .bd .spc2{position: relative;}.p7mian-2  .bd .spc2 .pagination7{width: 4.33rem;padding-left: 2.57rem;}
.p7-txt p{font-size: .18rem;color:#999999;text-indent:2em;line-height: .36rem;}
.slide7 img{width: 6.9rem;height: 3.4rem;}
.slide7 .pagination7{position: absolute;margin: 0 0 3.5rem .06rem;background: rgba(4,4,4,.5);z-index: 88;width: 5.03rem;padding-left: 1.87rem;height: .58rem;}
.slide7 .pagination7 .swiper-pagination-bullet{width: 0.9rem;height: 0.09rem;border-radius: 0;background: #fff;opacity: 1;}
.slide7 .pagination7 .swiper-pagination-bullet-active{background: #d42d2b;}
/* 8 */
.p8txt p span i img{width: 4px;height: 4px;display: inline-block}
.p8txt p{line-height: .36rem;font-size: .18rem;color:#fff;text-align: center;text-indent: 2em;}
.p8txt {width: 6.18rem;margin: .2rem .1rem;text-align: center;}
.p8{text-align: center}
.p8 .content{margin-bottom: 3.4rem;}
/**/
.pend .endtxt p{text-indent: 2em;font-size: .18rem;line-height: .36rem;color: #fff;}
.pend .endtxt{background: url(img/endbg.jpg) center center no-repeat;position: relative;margin: 1.2rem auto 0;width: 5.3rem;height: 5.37rem;padding: 2.8rem .25rem 0;box-sizing: border-box;background-size: 100%;}
.pend .endtxt img{position: absolute;top: -1.2rem;width: 4.03rem;left: .65rem;}

/*09*/
.bg09 .tit{background: url(img/p9tit.png) center center no-repeat;margin: 0 auto .7rem;height: 0.25rem;width: 5.61rem;background-size: 100%;}
.bg09{text-align: center;color: #222;}
.bg09 img{width:3.31rem;height: 1.59rem;margin:0.25rem auto 0; }
.bg09 .s9-txt p{font-size: 0.24rem;line-height: 0.54rem;text-align: center}
.bg09 .foot img{float: left;width: 0.97rem;height: 1.99rem;margin: .49rem .19rem 0 0;}
.bg09 .foot{margin-top:0.2rem; }
.bg09 .foot p{display: block;width: 5.88rem;float: left;font-size: 0.2rem;text-indent: 1em;line-height: 17px;margin: 0 0 0.1rem;text-align: left;}

/*本专题内用到的动画库*/
footer{display:none!important}
.u-topbar{position: fixed;width: 100%;top:0;z-index: 20;}