@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a, img{border:0;}

.index_cp{ float: left;}
.index_cp{ margin-top: 50px; margin-bottom: 50px;}
.index_cp li{ display: inline-block; float: left; margin-left: 20px; margin-right: 20px;}
.index_cp li img{ display: block;}


.hui_bj{ background: #f9f9f9; border-bottom: 1px solid #dcdcdc;height:50px;text-align:center;position:relative;overflow:hidden;margin-top:160px;display:inline-block}

.news_nr{ }
.news_nr ul{float: left; margin-top: 40px; margin-bottom: 50px;}
.news_nr li{ float: left;  margin-top: 10px;}
.news_nr li a{ border: 1px solid #fff; display: inline-block; padding: 10px;transition:all .3s; }
.news_nr li a:hover{border: 1px solid #32b16c; padding: 10px;transition:all .3s ;  }
.news_nr li a:hover h2{ color: #32b16c;transition:all .3s ;}
.news_nr li i{background: url(/images/changjt.png) no-repeat 0 0; width: 64px; height: 11px; float: left; margin-top: 30px;transition:all .3s ; }
.news_nr li a:hover i{background: url(/images/changjt.png) no-repeat 0 -11px;;transition:all .3s ;}
.news_nr span{float:left; margin-right: 30px;}
.news_nr span img{  width: 360px; height: 220px;}
.news_nr h2{ float: left; width: 780px; font-size: 20px; margin-top: 10px; color: #151515; font-weight: normal;transition:all .3s ; line-height: 60px;}
.news_nr p{float: left; width: 780px; height: 80px; overflow: hidden; font-size: 16px; color: #868686; line-height: 24px; }
.news_nr b{ float:right; margin-right: 20px; margin-top: 30px; color: #868686;}
.biank{background: #f9f9f9; float: left;}

.mianbao span{ float: left; font-size: 16px; line-height: 30px; margin-top:13px; background: url(/images/hom.jpg) no-repeat 0 8px; padding-left: 25px;}
.mianbao{}
.mianbao ul{ float: right; width: 220px;}
.mianbao li{ float: left; width: 110px; margin-top: 13px;  text-align: center; font-size: 16px;  line-height: 30px;}
.mianbao li a{ height: 38px;padding: 10px;}
.mianbao li a:hover{ border-bottom: 2px solid #32b16c; }

.jingg a{border-bottom: 2px solid #32b16c; color: #32b16c; height: 38px;}

.about_p{ font-size: 16px; line-height: 45px; padding-top: 50px; padding-bottom: 20px; color: #707070;}

/*新闻终端*/
.news_bt{ float: left; margin-top: 70px; width: 100%; border-bottom: 1px solid #f0f0f0; padding-bottom: 30px;}
.news_bt h1{float: left; font-size: 30px; font-weight: normal; line-height: 50px; width: 1050px;}
.news_bt span{float: right; text-align: center; font-size: 16px; line-height: 50px;}
.news_bt span a{ width: 140px; height: 50px; background: #ababab; color: #fff; display: block;transition:all .3s ;}
.news_bt span a:hover{background: #32b16c;transition:all .3s ;}
.news_bt b{float: left; width: 100%; font-size: 18px; margin-top: 20px; color: #898989;}

.news_end_nr{ float: left; width: 100%; padding-top: 30px; padding-bottom: 120px; font-size: 18px; line-height: 35px;}

/*联系我们*/
.lianxi{ float: left; margin-top: 50px; width:100%; margin-bottom: 50px;}
.lianxi h2{ font-size: 18px; padding-top: 10px; float: left; width: 100%;  line-height: 30px; }
.lianxi ul{ float: left;}
.lianxi li{ font-size: 16px; line-height: 35px; padding-left: 35px; color: #707070;}
.lianxi span{ float: left;font-size: 18px; font-weight: bold;}

.lx_dt{ background: url(/images/l_dt.jpg) no-repeat 0 6px;}
.lx_tel{ background: url(/images/l_tel.jpg) no-repeat 0 3px;}
.lx_email{ background: url(/images/l_em.jpg) no-repeat 0 3px;}

.lx_map{float: right; width: 600px; height: 440px; margin-top: 50px; position: relative; top:-260px;}

.map_en{ width: 480px;}

/*加盟*/

.biaodan{ background: url(/images/zs_bj.jpg) center no-repeat; width: 100%; height: 620px; margin-bottom: 40px; }

.bbt{ font-size: 35px; line-height: 50px; color: #32b16c; padding-top: 70px; padding-bottom: 40px;}

.jiar{ padding-bottom: 20px;}
.jiar span{ font-size: 22px; font-weight: normal; line-height: 50px;}
.jiar p{ color: #6d6d6d; font-size: 16px; line-height: 30px;}

.biaodan_nr{ float: left;  margin-left: 50px; margin-top: 50px;}
.biaodan_nr ul{ width: 400px; float: left;}
.biaodan_nr li{ width: 400px; float: left; margin-bottom: 10px;}
.biaodan_nr span{ float: left; font-size: 16px; line-height: 48px; width: 40px;}
.biaodan_nr p{ float: left;}
.biaodan_nr b{ float: left; font-size: 16px; line-height: 24px; width: 40px;}
.biaodan_nr .intxt{ width: 330px; height: 48px; background: #fff; border: 0px; line-height: 48px;}
.biaodan_nr .hez{ width: 330px; height:180px; }

.anniu{ width: 100%; text-align: center; float: left; margin-top: 45px; margin-left: 167px;}
.anniu input{cursor: pointer;}
.coolbg{ background: #32b16c; color: #fff; width: 200px; height: 60px; border: 0; font-size: 16px; cursor: pointer;}

.kouqiang_bj{ width: 100%; height: 800px; padding-top:  100px;}

.kouqiang_n{}
.kouqiang{}
.kouqiang img{ margin-bottom: 20px; width: 100%; display: block;}

.jifu{  margin-top: 20px; margin-bottom: 20px; width: 100%;}

.product{height: 520px; padding: 50px 0;}
.product-pic{float: left; width:550px; height:520px; overflow: hidden;}
.product-list{float: left; width: 550px; height: 520px; display: none;}
.product-list .tab{float: left; width: 100px; height: 520px;}
.product-list .tab span{width: 100px; height: 120px; margin-bottom:14px; display: block; cursor:pointer;}
.product-list .tab img{ width: 100px; height: 120px;}
.product-list .tabBox{float: left; width: 450px; height: 520px; overflow: hidden;}
.product-list .tabCon{float: left; width: 450px; height: 520px; display: block;}
.product-con{float: right; width: 614px; padding-top:12px;}
.product-con h3{padding-bottom: 6px; color: #545454; font-size: 48px; font-weight: normal; line-height: 64px;}
.product-con h3 span{padding-left: 12px; font-size: 37px;}
.product-con ul{padding-bottom: 16px;}
.product-con li{position: relative; height: 40px; padding-left:22px; color: #545454; font-size: 25px; line-height: 40px;}
.product-con li i{position: absolute; left: 0; top:50%; margin-top: -4px; width:8px; height:8px; border-radius: 50%; background-color:#acacac; overflow: hidden;}
.product-con .colorTab{height: 60px; padding-bottom: 6px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.product-con .colorTab span{float: left; position: relative; width:94px; height: 60px; padding-left: 32px; display: block; color: #545454; font-size: 18px; line-height: 60px; cursor:pointer;}
.product-con .colorTab span i{position: absolute; left:0; top:50%; margin-top: -14px; width: 29px; height: 29px; background: url(/images/colorBg.png) no-repeat;}
.product-con .colorTab span .i1{background-position: 0 -40px;}
.product-con .colorTab span .i2{background-position:-40px -40px;}
.product-con .colorTab span .i3{background-position:-80px -40px;}
.product-con .colorTab span.active .i1{background-position: 0 0;}
.product-con .colorTab span.active .i2{background-position: -40px 0;}
.product-con .colorTab span.active .i3{background-position: -80px 0;}
.product-con .price{height: 82px; border-bottom: 1px solid #ccc; color: #545454; font-size: 35px; line-height: 82px;}

/*肌肤*/
/* f1Box */
.f1Box{padding:82px 0 32px;overflow:hidden;}
.f1Tab{float:left;width:540px;height:338px;margin-top:68px;}
.f1Tab .tab{float:left;width:102px;height:338px;overflow:hidden;}
.f1Tab .tab span{width:102px;height:85px;margin-bottom:4px;display:block;cursor:pointer;}
.f1Tab .tab span img{width:102px;height:82px;}
.f1Tab .tabBox{float:right;width:420px;height:338px;overflow:hidden;}
.f1Tab .tabCon{float:left;width:420px;height:338px;display:none;}
.f1Tab .tabCon img{width:420px;height:338px;display:block;}
.f1Con{float:right;width:614px;}
.f1Con h3{color:#545454;font-size:24px;line-height:56px;}
.f1Con p{padding:12px 0 14px;border-bottom:1px solid #ccc; color:#707070;font-size:16px;line-height:26px;}
.f1Con ul{padding:10px 0 14px;border-bottom:1px solid #ccc;}
.f1Con li{color:#545454;font-size:20px;line-height:30px;}
.f1Con .price{display:block;color:#545454;font-size:24px;line-height:86px; font-weight: bolder;}
/* f2Box */
.f2Box{padding:50px 0 30px;}
.f2Box li{padding-bottom:30px;}
.f2Box li h3{color:#fff;font-size:24px;line-height:40px;}
.f2Box li p{color:#fff;font-size:16px;line-height:30px;}
/* f3Box */
.f3Box{padding:40px 0 50px;}
.f3Box dl{position:relative;height:420px;}
.f3Box dl dt{position:absolute;top:0;left:0;width:282px;height:420px;}
.f3Box dl dt img{width:281px;height:419px;}
.f3Box dl dd{padding-left:426px;}
.f3Box dl dd h3{padding:20px 0 4px;color:#545454;font-size:38px;line-height:52px;}
.f3Box dl dd p{color:#545454;font-size:22px; line-height:35px;}
/* f4Box */
.f4Box{height:748px;padding:30px 0 14px;}
.f4Box dl{float:left;position:relative;width:350px;height:300px;margin:37px 50px 37px 0;}
.f4Box dl.mr0{margin-right:0;}
.f4Box dl dt{border:1px solid #f0f0f0;border-bottom-color:#32b16c;transition:all .3s;}
.f4Box dl dt img{width:348px;height:298px;}
.f4Box dl dd{position:absolute;top:50%;left:50%;margin:-150px 0 0 -175px;width:350px;height:300px;display:none;}
.f4Box dl dd h3{padding-top:66px;color:#000;font-size:24px;font-weight:normal;line-height:50px;text-align:center; width: 200px; margin: 0 auto;}
.f4Box dl dd h3 i{width:46px;height:1px;margin:0 auto;display:block;background-color:#32b16c;overflow:hidden;}
.f4Box dl dd a{margin-top:48px;display:block;color:#32b16c;font-size:22px;line-height:36px;text-align:center;}
.f4Box dl.active{box-shadow:0 0 24px rgba(0,0,0,.2);cursor:pointer;}
.f4Box dl.active dt{border-color:#fff;opacity:0.1;filter:alpha(opacity=10);}

.bgColor{background-color:#8957a1;}
.borderB{border-bottom:1px solid #8957a1;}

.jifu_end_1{display: inline-block;}
.jifu_end_1 ul{ float: left; width: 810px; margin-top: 30px; margin-left: 50px;}
.jifu_end_1 li{ font-size: 16px; line-height: 30px; display: inline-block; color: #707070;}
.jifu_end_1 b{ float: left; width: 20px; height: 35px; }
.jifu_end_1 span{ float: left;}
.jifu_end_1 h2{float: left; font-size: 24px; line-height: 25px; margin-left:50px; margin-top: 40px; }