/*以下样式用于专题背景很复杂的情况，去除底部的背景，使底部风格和页面统一，注意要将此移到外链index.css中*/

/* footer */
/*
body .g-footer{ background:none; margin-top:0; border-top:0;}
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#000;}

body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#000;} 
*/
.nav{position: fixed;top: 300px;right: 50px;width: 255px;height: 418px;background:url(/www1/beauty/0320/mirror/blush/web/images/nav.png) no-repeat center top;display: none; }
.nav ul{padding: 80px 25px;}
.nav li{width: 215px;height: 70px;}
.nav li a{font-size: 22px;line-height: 70px;font-family: "Microsoft Yahei";text-align: center;color: #666666;display: block;}
.nav li a:hover{color: #ff887a;text-decoration: none;}
.doc{background: url(#) no-repeat center top;text-align: left;overflow: hidden;}
.main{width: 1200px;margin: 0 auto;}
.box1{background: url(/www1/beauty/0320/mirror/blush/web/images/box_02.jpg) no-repeat center top;height: 721px;position: relative;}
.ren1{position: absolute;top: 0;left: -360px;animation:fadeInLeft 1.2s ease 0s both;-webkit-animation:fadeInLeft 1.2s ease 0s both }
.ren2{position: absolute;bottom: 0;right: -260px;animation:fadeInRight 1.5s ease 0s both;-webkit-animation:fadeInRight 1.5s ease 0s both  }
.ty{position: absolute;top: 470px;left: 296px;}
.niaobf{width: 108px;height: 110px;position: absolute;top: 158px;right: -323px;background: url(/www1/beauty/0320/mirror/blush/web/images/niaobf.png) no-repeat center top;}
.niaobf .niao{position: absolute;top: 40px;left: 35px;animation: fly 10.8s infinite;
    -webkit-animation: fly 10.8s infinite;}
.t1{position: absolute;top: 185px;left: 560px;display: none;}
.bt{position: absolute;top: 262px;left: 417px;width: 532px;height: 294px;}
.bt img{position: absolute;}
.bt1{top: 0px;left: 0px;animation: zoomIn 0.2s ease 2s both;-webkit-animation: zoomIn 0.2s ease 2s both;}
.bt2{top: 0px;left: 90px;animation: zoomIn 0.2s ease 2.2s both;-webkit-animation: zoomIn 0.2s ease 2.2s both;}
.bt3{top: 0px;left: 208px;animation: zoomIn 0.2s ease 2.4s both;-webkit-animation: zoomIn 0.2s ease 2.4s both;}
.bt4{top: 2px;left: 322px;animation: zoomIn 0.2s ease 2.6s both;-webkit-animation: zoomIn 0.2s ease 2.6s both;}
.bt5{top: 25px;left: 420px;animation: zoomIn 0.2s ease 2.8s both;-webkit-animation: zoomIn 0.2s ease 2.8s both;}
.bt6{top: 118px;left: 6px;animation: zoomIn 0.2s ease 3s both;-webkit-animation: zoomIn 0.2s ease 3s both;}
.bt7{top: 122px;left: 100px;animation: zoomIn 0.2s ease 3.2s both;-webkit-animation: zoomIn 0.2s ease 3.2s both;}
.bt8{top: 106px;left: 190px;animation: zoomIn 0.2s ease 3.4s both;-webkit-animation: zoomIn 0.2s ease 3.4s both;}
.bt9{top: 130px;left: 400px;animation: zoomIn 0.2s ease 3.6s both;-webkit-animation: zoomIn 0.2s ease 3.6s both;}
.share{position: absolute;top: 690px;left: 400px;}
.share a{color: #333333}
.box2{background: url(/www1/beauty/0320/mirror/blush/web/images/box_05.jpg) no-repeat center top;height: 989px;position: relative;}
.tit1{position: absolute;top: 88px;left: 603px;display: none;}
.box2 .p1{top: 250px;font-size: 16px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center;position: absolute;left: 196px;}
.sk{position: absolute;display: none;}
.sk1{top: 338px;left: -30px;}
.sk2{top: 498px;left: 417px;}
.sk3{top: 298px;left: 748px;}
.des{position: absolute;width: 290px;height: 160px;padding-left: 75px;display: none;}
.des1{top: 605px;left: 17px;}
.des2{top: 376px;left: 392px;}
.des3{top: 585px;left: 780px;}
.des .p2{font-size: 33px;line-height: 54px;font-family: "Microsoft Yahei";}
.des1 .p2{color: #f89fb1}
.des2 .p2{color: #ffa160}
.des3 .p2{color: #af96be}
.des .p3{font-size: 16px;line-height: 32px;font-family: "Microsoft Yahei";color: #666666;}
.des .num1{position: absolute;top: 0;left: 0;}
.box3{background: url(/www1/beauty/0320/mirror/blush/web/images/box_08.jpg) no-repeat center top;height: 890px;position: relative;overflow: hidden;}
.tit2{position: absolute;top: 0;left: 478px;display: none;}
.line{position: absolute;width: 1px;display: none;}
.line1{background-color:#f89fb1;height: 190px;top: 568px;left: 73px;}
.line2{background-color:#ffa160;height: 216px;top: 375px;left: 457px;}
.line3{background-color: #af96be;height: 199px;top: 525px;left: 845px;}
.box3 .p1{margin-top: 135px;font-size: 16px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center}
.videobg{position: absolute;top: 195px;left: 41px;width: 633px;height: 343px;}
.video{cursor: pointer;}
.box3 .titbg{position: absolute;top: 540px;left: 209px;}
.box3 .titbg img{position: absolute;}
.x1{-webkit-animation:rotate 6.2s linear 0s infinite;animation:rotate 6.2s linear 0s infinite;}
.x2{-webkit-animation:rotate2 6.2s linear 0s infinite;animation:rotate2 6.2s linear 0s infinite;}
.box4{background: url(/www1/beauty/0320/mirror/blush/web/images/box_11.jpg) no-repeat center top;height: 786px;position: relative;}
.jx1{position: absolute;width: 270px;height: 250px;top: 20px;left: 585px;display: none;}
.jx1 .p1{font-size: 30px;line-height: 32px;font-family: "Microsoft Yahei";margin-bottom: 30px;text-align: left;}
.jx1 .p2{font-size: 16px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center;color: #666666;text-align: left;}
.box4 img{position: absolute;}
.pic4{top: 32px;left: 57px;}
.pic5{top: 313px;left: 731px;}
.pic6{top: 0px;left: 880px;}
.stepbg1{position: absolute;top: 560px;left: 596px;display: none;}
.stepbg1 .p1{font-size: 26px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center;margin-bottom: 15px;text-align: left;}
.stepbg1 .p2{font-size: 16px;line-height: 42px;font-family: "Microsoft Yahei";text-align: center;text-align: left;padding-left: 100px;position: relative;color: #666}
.bline{position: absolute;background-color: #d7d7d7;height: 1px;display: none;}
.bline1{top: px;left: px;width: px;}
.bline2{top: 594px;left: 596px;width: 137px;}
.bline3{top: 80px;left: 448px;width: 210px;}
.bline4{top: 668px;left: 413px;width: 192px;}
.box5{background: url(/www1/beauty/0320/mirror/blush/web/images/box_14.jpg) no-repeat center top;height: 1264px;position: relative;}
.jx2{width: 455px;height: 170px;position: absolute;top: 60px;left:110px; display: none;}
.jx2 .p1{font-size: 30px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center;margin-bottom: 30px;text-align: left;padding-left: 40px;}
.jx2 .p2{font-size: 16px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center;color: #666666;text-align: left;}
.box5 img{position: absolute;}
.box5 .titbg{position: absolute;top: 242px;left: 243px;}
.pic1{top: 4px;left: 660px;}
.pic2{top: 786px;left: 434px;}
.pic3{top: 619px;left: 135px;}
.stepbg2{position: absolute;top: 634px;left: 500px;display: none;}
.stepbg2 .p1{font-size: 26px;line-height: 32px;font-family: "Microsoft Yahei";text-align: center;margin-bottom: 15px;text-align: left;}
.stepbg2 .p2{font-size: 16px;line-height: 42px;font-family: "Microsoft Yahei";text-align: center;text-align: left;padding-left: 100px;position: relative;color: #666}
.step1{width: 96px;height: 40px;background: url(#) no-repeat center top;display: inline-block;position: absolute;top: 0;left: 0}
.step2{width: 96px;height: 36px;background: url(#) no-repeat center top;display: inline-block;position: absolute;top: 0;left: 0}
.box6{background: url(/www1/beauty/0320/mirror/blush/web/images/box_17.jpg) no-repeat center top;height: 1167px;position: relative;overflow: hidden;}
.tit3{top: 0;left: 390px;position: absolute;display: none;}
.r{position: absolute;display: block;width: 332px;height: 333px;top: 247px;cursor: pointer;}
.r1{left: 54px;background:url(/www1/beauty/0320/mirror/blush/web/images/r1.png) no-repeat center top;}
.r2{left: 430px;background:url(/www1/beauty/0320/mirror/blush/web/images/r2.png) no-repeat center top;}
.r3{left: 810px;background:url(/www1/beauty/0320/mirror/blush/web/images/r3.png) no-repeat center top;}
.big{position: absolute;top: 170px;cursor: pointer;}
.b1{left: 0px;display: none;}
.b2{left: 337px;}
.b3{right: 0px;display: none;}
.box6 .con{width: 610px;height: 145px;margin-top: 755px;margin-left: 288px;position: relative;display: none;}
.box6 .con2{display: block;}
.cline{position: absolute;top: -150px;}
.cline1{border-left: 1px solid #ffd4cf;border-bottom: 1px solid #ffd4cf;width: 250px;height: 160px;left: -65px;}
.cline2{border-left: 1px solid #ffd4cf;border-bottom: 1px solid #ffd4cf;width: 1px;height: 140px;left: 300px;}
.cline3{border-right: 1px solid #ffd4cf;border-bottom: 1px solid #ffd4cf;width: 250px;height: 160px;right: -45px;}
.box6 .con .p1{font-size: 36px;line-height: 26px;font-family: "Microsoft Yahei";text-align: center;margin-bottom: 20px;}
.box6 .con .p2{font-size: 16px;line-height: 26px;font-family: "Microsoft Yahei";text-align: center;}
.box7{background: url(/www1/beauty/0320/mirror/blush/web/images/box_20.jpg) no-repeat center top;height: 1101px;position: relative;}
.box7 .cp{position: absolute;transform-origin:top center}
.cp1{top: -82px;left: 173px;animation: wind 1.2s linear  infinite alternate;
  -webkit-animation: wind 1.2s linear infinite alternate; }
.cp2{top: -82px;left: -80px;animation: wind 1.8s linear infinite alternate;
  -webkit-animation: wind 1.8s linear infinite alternate;}
.cp3{top: -82px;left: 132px;animation: wind 1.4s linear infinite alternate;
  -webkit-animation: wind 1.4s linear infinite alternate;}
.cp4{top: -82px;left: 423px;animation: wind 2.2s linear infinite alternate;
  -webkit-animation: wind 2.2s linear infinite alternate;}
.cp5{top: -82px;left: 689px;animation: wind 2.4s linear infinite alternate;
  -webkit-animation: wind 2.4s linear infinite alternate;}
.cp6{top: -82px;left: 1005px;animation: wind 1.5s linear infinite alternate;
  -webkit-animation: wind 1.5s linear infinite alternate;}
.cp7{top: -82px;left: 879px;animation: wind 1.6s linear infinite alternate;
  -webkit-animation: wind 1.6s linear infinite alternate;}
.tit4{top: -5px;left: 660px;position: absolute;display: none;}
.pinkbg{position: absolute;top: 215px;left: 435px;}
#slide02{position: absolute;top: 218px;left: 145px;width: 903px;height: 529px;overflow: hidden;}
#slide02 li{width: 903px;height: 529px;position: relative;}
#slide02 li .con{width: 290px;height: 240px;position: absolute;top: 162px;left: 360px;}
#slide02 li .con .p1{font-size: 24px;line-height: 26px;font-family: "Microsoft Yahei";text-align: center;margin-bottom: 20px;color: #343434}
#slide02 li .con .p2{font-size: 14px;line-height: 30px;font-family: "Microsoft Yahei";text-align: center;color: #343434}
#slide02_control{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#slide02_control li{position: absolute;cursor: pointer;}
// .li1{top: 92px;left: 174px;   animation: icon-bounce 0.8s infinite;
//     -webkit-animation: icon-bounce 0.8s infinite; }
// .li2{top: 574px;left: 132px;animation: icon-bounce 1.2s infinite;
//     -webkit-animation: icon-bounce 1.2s infinite;}
// .li3{top: 725px;left: 423px;animation: icon-bounce 1.8s infinite;
//     -webkit-animation: icon-bounce 1.8s infinite;}
// .li4{top: 628px;left: 683px;animation: icon-bounce 1.5s infinite;
//     -webkit-animation: icon-bounce 1.5s infinite;}
// .li5{top: 348px;left: 1007px;animation: icon-bounce 0.8s infinite;
//     -webkit-animation: icon-bounce 0.8s infinite;}
// .li6{top: 0px;left: 878px;animation: icon-bounce 2.2s infinite;
//     -webkit-animation: icon-bounce 2.2s infinite;}
// .li7{top: 163px;left: -100px;animation: icon-bounce 1.2s infinite;
//     -webkit-animation: icon-bounce 1.2s infinite;}
.li1{top: 92px;left: 174px;width: 280px;height: 367px;}
.li2{top: 574px;left: 132px;width: 293px;height: 271px;}
.li3{top: 725px;left: 423px;width: 260px;height: 311px;}
.li4{top: 628px;left: 683px;width: 353px;height: 331px;}
.li5{top: 348px;left: 1007px;width: 289px;height: 337px;}
.li6{top: 0px;left: 878px;width: 343px;height: 318px;}
.li7{top: 163px;left: -100px;width: 208px;height: 418px;}
.bgli1{background: url(/www1/beauty/0320/mirror/blush/web/images/bg1.png) no-repeat center top;}
.bgli7{background: url(/www1/beauty/0320/mirror/blush/web/images/bg2.png) no-repeat center top;}
.bgli2{background: url(/www1/beauty/0320/mirror/blush/web/images/bg3.png) no-repeat center top;}
.bgli3{background: url(/www1/beauty/0320/mirror/blush/web/images/bg4.png) no-repeat center top;}
.bgli4{background: url(/www1/beauty/0320/mirror/blush/web/images/bg5.png) no-repeat center top;}
.bgli5{background: url(/www1/beauty/0320/mirror/blush/web/images/bg6.png) no-repeat center top;}
.bgli6{background: url(/www1/beauty/0320/mirror/blush/web/images/bg7.png) no-repeat center top;}

.box8{background: url(/www1/beauty/0320/mirror/blush/web/images/box_23.jpg) no-repeat center top;height: 438px;position: relative;}
.box8 span{display: block;width: 69px;height: 69px;position: absolute;top: 218px;cursor: pointer;}
.prev{left: -12px;background: url(/www1/beauty/0320/mirror/blush/web/images/prev.png) no-repeat center top;}
.next{left: 597px;background: url(/www1/beauty/0320/mirror/blush/web/images/next.png) no-repeat center top;}
#slide01{position: absolute;top: 101px;left: 73px;width: 503px;height: 288px;overflow: hidden;}
#slide01 ul li{width: 503px;height: 288px;}
.team {position: absolute;top: 143px;left: 780px;}
.team p{font-size: 22px;color: #646464;line-height: 44px;font-family: "Microsoft Yahei"}

.fadeInDown{animation:fadeInDown 0.5s ease 0s both;-webkit-animation:fadeInDown 0.5s ease 0s both }
@keyframes wind{
  0%{transform:rotate(-3deg) }
 
  100%{transform:rotate(3deg)}
}
@-webkit-keyframes wind{
 0%{transform:rotate(-3deg) }
 
  100%{transform:rotate(3deg)}
}
@keyframes fly{
	0%{top:40px;left: 35px;}
	20%{top:60px;left: 55px;}
	40%{top:70px;left: 65px;}
	60%{top:30px;left: 25px;}
	80%{top:60px;left: 75px;}
	100%{ttop:40px;left: 35px;}
}
@-webkit-keyframes fly{
	0%{top:40px;left: 35px;}
	20%{top:60px;left: 55px;}
	40%{top:70px;left: 65px;}
	60%{top:30px;left: 25px;}
	80%{top:60px;left: 75px;}
	100%{ttop:40px;left: 35px;}
}
@keyframes icon-bounce {
  0%, 100% {opacity:1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }

  50% {
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }

  75% {
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  85% {
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
 opacity:1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
  
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }

  50% {
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }

  75% {
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  85% {
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
    transform:scale3d(.3, .3, .3);
  }

  50% {
    opacity:1;
  }
  100%{
     opacity:1;
  }
}

@keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
    transform:scale3d(.3, .3, .3);
  }

  50% {
    opacity:1;
  }
  100%{
     opacity:1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}
@-webkit-keyframes rotate{
    0%{-webkit-transform:rotateZ(0deg)}
    100%{-webkit-transform:rotateZ(360deg)}
}
@keyframes rotate{
    0%{transform:rotateZ(0deg)}
100%{transform:rotateZ(360deg)}
}
@-webkit-keyframes rotate2{
    0%{-webkit-transform:rotateZ(0deg)}
    100%{-webkit-transform:rotateZ(-360deg)}
}
@keyframes rotate2{
    0%{transform:rotateZ(0deg)}
100%{transform:rotateZ(-360deg)}
}