@charset "gb2312";

/* CSS Document */

* {-webkit-text-size-adjust:none;-webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}

html { display:block; overflow-x: hidden; width: 640px; margin:0 auto;}

body {margin:0;padding:0;font:22px 微软雅黑,\5b8b\4f53,Arial,sans-serif;background:#ffffff;font-family:"微软雅黑";width: 640px; min-width:640px;max-width:640px;

	display:block;overflow-x: hidden;vertical-align: bottom;position:relative;}

h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block;}

table,td,tr,th{font-size:12px;}

div{overflow:hidden;overflow-x: hidden;}

ol,ul {list-style:none;}

li{list-style-type:none;}

img{vertical-align:top;border:0;outline:0; width: auto;height: auto; max-width:100%;}

.fl{float: left;}.fr{float: right;}

/*linkes*/

a{text-decoration:none; -webkit-transition: color 0.2s linear;-khtml-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear;}



/*top*/

.topbar{background:#231f20; color:#fff;height:70px;line-height:70px; padding:0 15px;}

.topbar .home,.topbar .phone,.topbar .menu{color: #fff;}

.topbar .home{background:url(../images/top1.gif) no-repeat 0 18px; display: inline; padding-left:45px;font-size:24px;}

.topbar .phone{background:url(../images/top2.gif) no-repeat 0 14px;padding-left: 55px;margin-left: 45px;font-size:24px;}

.topbar .menu{background:url(../images/top3.gif) no-repeat ;width:54px;height: 37px;margin-top: 18px;}

#n_menu {display:none;position:absolute;width:280px;z-index:15;right:0;margin:0;top:73px;bottom:0;background:#231f20;height: 390px;}

#n_menu dl {line-height:74px;color:#f0f0f0}

#n_menu dl a {color:#f0f0f0;display:block}

#n_menu dl a:hover {color:#fff}

#n_menu dl dd {width:280px;font-size:30px;margin:0 auto;cursor:pointer;height:74px;line-height:74px;border-bottom:solid 2px #938F8F;border-top:solid 2px #383837;}

#n_menu dl dd a {display:block;height:74px;line-height:74px;font-size:30px;padding:0 20px 0 0;}

#n_menu .ico1,#n_menu .ico2,#n_menu .ico3,#n_menu .ico4,#n_menu .ico5{ width: 48px;height: 74px;display: inline;float: left;margin:0 20px 0 40px;}

#n_menu .ico1{background:url(../images/menu1.gif) no-repeat;}

#n_menu .ico2{background:url(../images/menu2.gif) no-repeat;}

#n_menu .ico3{background:url(../images/menu3.gif) no-repeat;}

#n_menu .ico4{background:url(../images/menu4.gif) no-repeat;}

#n_menu .ico5{background:url(../images/menu5.gif) no-repeat;}

.logo{display: block; text-align: center;height:110px; background:#fff;}

.logo img{ margin-top:25px;}



/*center*/

.main{width: 610px; margin:0 auto;background:#c9234e; padding:0 15px 15px 15px;overflow:hidden;}



/*夏季白斑疯狂生长 小心3大"元凶"*/

.tit{ width:100%; height:95px; font-size:30px; color:#fff; text-align:center; line-height:40px; padding-top:25px;}

.tit p span{ font-size:42px; color:#ffea00; font-weight:bold;}

.why{ float:left;width:610px;background:#fff;margin:0 auto; padding-bottom:45px;}

.why .dw{ width:610px; height:450px; background:url(../images/a_09.gif) no-repeat 50px 108px;position:relative; margin-bottom:45px;}

.why .dw p{ font-size:24px; color:#fff; width:118px; height:90px; text-align:center; padding-top:28px; border-radius:50%; line-height:28px;}

.why .dw .p1{ background:#fcb559; position:absolute;top:40px;right:95px;}

.why .dw .p2{ background:#71bfdf; position:absolute;top:177px;right:28px;}

.why .dw .p3{ background:#a4c761; position:absolute;bottom:10px;right:95px;}

.why a{ color:#cd4166;font-size:22px; margin-left:200px;}



/*38年经验专家教你 夏季快速祛白3攻略*/

.method{width:610px;background:#fff;margin:0 auto; float:left;}

.method .people{ margin-left:15px; width:590px; border-bottom:1px dashed #c9234e;}

.method .people img{ margin:27px 0 20px;}

.method .people h3{ font-weight:100; font-size:22px; color:#666; margin-bottom:8px;}

.method .people h3 span{ color:#000;}

.method .people p{ width:256px; float:left; font-size:18px; color:#666; line-height:24px; margin-bottom:70px;}

.method .people a{ float:right; font-size:18px; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; background:#b69465; border-radius:10px; margin-top:30px; margin-right:20px;}

/*攻略1*/

.method .one{ margin-left:15px; width:590px; border-bottom:1px dashed #c9234e;}

.method .one .p1{font-size:30px;color:#fff; width:100px; height:42px; text-align:center; background:#c9234e; margin-top:22px;}

.method .one h3{ color:#333;font-size:30px; }

.method .one_1{ width:567px; height:450px; background:url(../images/c_17.gif) no-repeat 7px 0; margin-top:40px;}

.method .one_1 .p2{ font-size:18px; color:#333; margin-left:290px; margin-top:22px;}

.method .one_1 .p3{ font-size:20PX; color:#fff;margin-left:290px; line-height:25px; margin-top:10px;}

.method .one_1 .p3 span{ font-weight:bold;}

.method .one_1 .p4{ width:240px; height:50px; font-size:20px; text-align:center; line-height:50px; color:#333; margin:50px 0 7px 330px;background:#eecfd7; }

.method .one_1 .p5{ font-size:18px; color:#333; margin-left:330px; line-height:28px;}

.method .one_1 .p5 span{ color:#ac1139;}

.method .one_1 .p6{ width:570px; height:50px; text-align:center; line-height:50px; background:#eecfd7; font-size:22px; color:#333; font-weight:bold; margin-top:50px; margin-left:10px;}

.method .one_2{ width:570px; height:256px; background:url(../images/c_21.gif) no-repeat 30px 0; margin-top:10px; margin-bottom:73px;}

.method .one_2 .p2{ font-size:22px; color:#333; margin-top:50px; margin-left:330px; margin-bottom:15px;}

.method .one_2 .p3{ font-size:18px; color:#333; margin-left:330px; line-height:28px;}

.method .one_2 .p3 span{ color:#ac1139;}

.method .one .pa{ font-size:22px; color:#c9234e; margin-left:125px;}

.method .one .bijiao{ margin-top:13px;}

.method .one .bijiao .fl dl{ width:275px; text-align:left;}

.method .one .bijiao .fl dl dt,.method .one .bijiao .fl dl dd{ font-size:18px; color:#666; margin-left:5px;}

.method .one .bijiao .fr{ margin-right:12px;}

.method .one .bijiao .fr dl{ width:289px; text-align:left;}

.method .one .bijiao .fr dl dt,.method .one .bijiao .fr dl dd{ font-size:18px; color:#666; margin-left:5px;}

.method .one a{ width:290px; height:40px; font-size:20px; color:#fff; text-align:center; line-height:40px; background:#b69465; display:block; border-radius:50px; margin:60px auto;}

/*攻略2*/

.method .two{ margin-left:15px;width:590px; border-bottom:1px dashed #c9234e; }

.method .two .p1{font-size:30px;color:#fff; width:100px; height:42px; text-align:center; background:#c9234e; margin-top:24px;}

.method .two h3{ color:#333;font-size:30px; }

.method .two .recommend{ width:530px; height:72px; background:#b69465; margin-top:50px; margin-left:25px;}

.method .two .recommend img{ float:left; margin:10px 10px 0 60px;}

.method .two .recommend .p2{ font-size:22px; color:#fff; line-height:72px;}

.method .two .two_1{ margin-top:45px;}

.method .two .two_1 .fl{ margin-left:15px;}

.method .two .two_1 .fr{ margin-right:30px;}

.method .two .two_1 dl{ margin-left:20px;}

.method .two .two_1 .fl dt,.method .two .two_1 .fr dt{ font-size:22px; color:#333; margin-top:26px;}

.method .two .two_1 .fl dd,.method .two .two_1 .fr dd{ font-size:18px; color:#333; margin-left:20px; margin-top:7px;}

.method .two .two_1 .fl dd span,.method .two .two_1 .fr dd span{ color:#ac1139;}

.method .two .two_1 .p3{ font-size:22px; color:#666; width:528px; height:65px; text-align:center; line-height:65px; background:#eecfd7; float:left; margin-top:45px; margin-left:20px;}

.method .two .two_1 a{ font-size:20px; color:#c9234e; float:right; margin:30px 45px 10px 0;}

.method .two .two_2{ width:547px; height:256px; background:url(../images/e_03.gif) no-repeat; margin-top:45px; margin-left:10px;}

.method .two .two_2 .p4{ font-size:18px; color:#fff; margin-top:50px; margin-left:270px; margin-bottom:10px;}

.method .two .two_2 .p4 span{ font-size:22px; font-weight:bold;}

.method .two .two_2 a{ font-size:18px; color:#c9234e;width:88px;}

.method .two .two_2 .as{ margin-left:270px;}

.method .two .two_2 .p5{font-size:18px; color:#333; margin-left:270px; line-height:28px; margin-top:7px;}

.method .two .two_2 .p5 span{ color:#ac1139;}

.method .two .aa{ font-size:20px; color:#c9234e; float:right; margin:35px 45px 70px 0;}

/*攻略3*/

.method .three{ margin-left:15px;}

.method .three .p1{font-size:30px;color:#fff; width:100px; height:42px; text-align:center; background:#c9234e; margin-top:24px;}

.method .three h3{ color:#333;font-size:30px; }

.method .three img{ margin-top:50px; margin-left:5px;}

.method .three a{ font-size:20px; color:#c9234e; text-align:center; line-height:26px; display:block; margin:70px 0;}



/*还在担心白斑吗? 远大疗效全程监视更放心*/

.tabBox{width: 100%;background:#fff;padding:50px 0;}

.tabBox .hd{width: 100%; margin-bottom:24px;} 

.tabBox .hd ul{width: 540px; margin:0 auto; overflow:hidden;}

.tabBox .hd ul li{width: 173px;height: 40px;text-align: center;line-height: 40px;float: left;background:#cccccc;color:#fff; margin-left: 5px;border-radius:5px;}

.tabBox .hd ul li.on{background:#c9234e;}

.tabBox .bd{width: 100%; }

.tabBox .bd ul li{width: 535px; margin:0 auto; overflow:hidden;}

.tabBox .bd ul li .pic{width: 260px;height: 201px; position:relative;}

.tabBox .bd ul li .pic span{width: 260px;height: 35px;text-align: center;line-height: 35px;background:rgba(0,0,0,0.6);color:#fff;font-size: 17px;position:absolute;left:0;bottom:0;}

.tabBox .bd ul li dl{width:535px;margin-top: 18px;float: left;line-height: 28px;}

.tabBox .bd ul li dl dt{color:#ac1139;font-size: 22px;}

.tabBox .bd ul li dl dd{font-size: 18px;}





















/*夏季成功告别白斑 他们的经验值得分享*/

.al{position:relative; padding:35px 0 45px;width:610px;background:#fff;margin:0 auto; float:left;}

.al .tempWrap{margin:0 auto;}

.al .bd{margin:0 auto;width:610px;}

.al .bd li{width:583px;font-size:14px;line-height:16px;color:#333;margin:0 auto;text-align:center;position:relative;}

.al .bd li img{ display:block;margin:0 auto;margin-bottom:10px;}

.al .bd li h2{line-height:35px;font-weight:normal;font-size:30px;padding-top:22px;font-weight:normal; color:#c9234e;}

.al .bd li h2 span{ font-size:22px; color:#666;}

.al .bd li .p1{text-align:left;font-size:20px;line-height:30px;padding-top:22px;padding-left:0px;font-weight:normal;position:relative;height:50px; background:#f0f0f0; height:99px; margin-top: 16px;}

.al .bd li .p1 span{display:block;position:absolute;left:55px;top:20px; width:500px; margin-left:12px;color:#666;}

.al .bd li .p1 img{position:absolute;top:0px;left:0px;}

.al .bd li .p1 b{font-weight:normal;color:#666;}

.al .bd li .p1 a{color:#cc0000;}

.al .bd li .btn1{margin:0 auto;width:345px;height:47px;line-height:47px;background:#a79360;margin-top:68px;border-radius:50px;}

.al .bd li .btn1 a{font-family:"微软雅黑";font-size:18px;color:#fff;}

.al .hd{ height:102px; overflow:hidden;width:100%; font-size:0;position:absolute;left:0px;top:21%;}

.al .hd ul{float:left;display:none;}

.al .prev,.al .next{ display:inline-block;cursor:pointer; width:32px; height:63px;background:url(../images/left11.png); overflow:hidden; margin:0 0px;  vertical-align:top; }

.al .next{ background-position:-38px 0px;float:right;margin-right: 12px;}

.al .prev{background-position:0px 0px;float:left;  margin-left: 12px;} 



/*foot*/

.foot{ background-color: #fff; padding-bottom:40px;}

.foot h3{ font-size:30px; color:#ac1139; text-align:center; font-weight:normal ; margin-top:40px;}

.foot .bs{margin-top:30px;text-align: center;}

.foot .bs a{ color:#666; margin:0 4px;}

.foot ul{ margin-top:27px; width:614px; margin:0 auto; margin-top:26px;}

.foot ul li{ width:65px; text-align:center; margin:0 28px;float: left;}

.foot ul li a{ display:block; width: 65px; color:#333; text-decoration: none;}

.foot ul li a:hover{color:#c54566;}

.foot ul li p{ line-height:30px; }