@charset "utf-8";

.wrapper {
    position:relative; width:1200px; margin:0 auto;
}
.subCons{width:100%; min-width:1200px; position:relative;}
.subCons > div{position:relative;}
.centerImage {position:relative; left:50%; margin-left:-960px; line-height:0; font-size:0;}
.c_img {position:relative; left:50%; max-width: 1920px !important; margin-left:-960px}
.slideTitle{overflow:hidden;}
.txt04{ font-weight: 400; font-size:20px; opacity:0; color:#fff; position:absolute; top:530px; line-height:150%;width:100%; text-align:center;}
.slideTitle .tit01{ font-weight: 900;  font-size:20px; color:#fff; width:110px; display:inline-block; margin-right:20px; text-align:center; height:40px; line-height:40px; background:#fc8581;}
.slideTitle .tit02{ font-weight: 400;  font-size:20px; color:#402727; width:1300px; display:inline-block; text-align:center; height:38px; line-height:38px; border-top:1px solid #402727; border-bottom:1px solid #402727; }
.slideInfo .info01 span,.slideInfo .info02 span,.section03 ul li div span,.section04 .section04Bottom span,.txt01 span,.txt02 span,.txt03 span{ font-weight: 900;}

.slideInfo{display:table; table-layout:fixed; width:100%; margin-top:8px; text-align:right;}
.slideInfo .info01{display:table-cell; text-align:center; width:200px; padding:20px;  font-weight: 400; font-size:20px; color:#fff; background:#fc8581; line-height:1.2;}

.slideInfo .info02{display:table-cell; text-align:left;  padding-left:20px;  font-weight: 400; font-size:20px; color:#402727; background:#ffbab7; line-height:1.2;}

.section01, .section02 {background: #FC8581;}

.section01 .txt01{ font-weight: 400; color:#fff; font-size:98px; line-height:110%; position:absolute; top:230px; left:-5px; letter-spacing:-5px; opacity:0; transform:translateX(-50px);}
.section01.current .txt01{opacity:1; transform:translateX(0); transition:all 0.5s 0.5s;}

.section01 .txt02{ font-weight: 500; color:#fff; opacity:0; font-size:34px; position:absolute; top:570px; left:0;}
.section01.current .txt02{opacity:1; transition:all 0.5s 1s;}
.section01 .txt03{position:absolute; top:340px; right:0; opacity:0; }
.section01.current .txt03{opacity:1; transition:all 0.5s 1.5s;}
.section02 .txt01{position:absolute; top:50px; width:100%; opacity:0; text-align:center;}
.section02.current .txt01{opacity:1; transition:all 0.5s 0.5s;}
.section02 .txt02{ font-weight: 400; font-size:58px; opacity:0; color:#402727; line-height:120%; position:absolute; top:180px; width:100%; text-align:center;}
.section02.current .txt02{opacity:1; transition:all 0.5s 1s;}
.section02 .txt03{ font-weight: 400; font-size:38px; opacity:0; color:#dd6865; position:absolute; top:365px; width:100%; text-align:center; padding-bottom:120px;}
.section02.current .txt03{opacity:1; transition:all 0.5s 1.5s;}
.section02 .txt03:after{content:''; width:1px; height:65px; background:#dd6865; position:absolute; bottom:0; left:50%;}
.section02 .txt04{ font-weight: 400; font-size:38px; opacity:0; color:#fff; position:absolute; top:560px; line-height:150%;width:100%; text-align:center;}
.section02.current .txt04{opacity:1; transition:all 0.5s 2s;}
.section03{padding:80px 0 50px; background:#f3f3f3; text-align:center;}
.section03 .txt01{ font-weight: 400; font-size:20px; width:360px; height:47px; line-height:47px; border-radius:47px; text-align:center; margin:0 auto; background:#fc8581; color:#fff; }

.section03 .txt02{ font-weight: 400; font-size:58px; color:#402727; text-align:center; line-height:120%; margin:10px 0;}

.section03 .txt03{ font-weight: 400; font-size:24px; color:#402727; display:inline-block; padding:10px 15px; margin-bottom:20px; border-top:1px solid #402727; border-bottom:1px solid #402727;}

.section03 ul{margin-top:20px; text-align:center; font-size:0;}
.section03 ul li{display:inline-block; width:50%;}
.section03 ul li div{ font-weight: 400; font-size:24px; color:#402727; display:inline-block; padding:10px 15px; margin-bottom:20px; border-top:1px solid #402727; border-bottom:1px solid #402727; opacity:0; transform:translateY(50px);}
.section03.current ul li div{opacity:1; transform:translateY(0); transition:all 1s 0.5s;}

.section04 .section04Top{position:relative; text-align:center;}
.section04 .section04Top .wrapper{position:absolute; top:0; left:50%; height:100%; margin-left:-1000px;}
.section04 .section04Top .img01{position:absolute; top:150px; left:180px; opacity:0;}
.section04 .section04Top .img02{position:absolute; top:150px; right:165px; opacity:0;}
.section04.current .section04Top .img01{opacity:1; transition:all 0.5s 0.5s;}
.section04.current .section04Top .img02{opacity:1; transition:all 0.5s 1s;}
.section04 .section04Bottom{text-align:center; padding:30px; background:#ffdddc;}
.section04 .section04Bottom .txt01{  font-weight: 400; font-size:20px; background:#fc8581; width:300px; height:45px; line-height:45px; border-radius:45px; display:inline-block; color:#fff; }

.section04 .section04Bottom .txt02{ font-weight: 400; font-size:58px; color:#402727; text-align:center; line-height:120%; margin:10px 0 40px;}
.section04 .section04Bottom .imgList{overflow:hidden;}
.section04 .section04Bottom .imgList .leftCon{width:890px; float:left;}
.section04 .section04Bottom .imgList .rightCon{width:290px; float:left; margin-left:10px;}
.section04 .section04Bottom .imgList > div .imgListTit{ font-weight: 400; width:100%; height:40px; line-height:40px; font-size:20px; color:#402727; background:#ffbab7; margin-bottom:10px;}
.section04 .section04Bottom .imgList > div .imgListTit span{ font-weight: 900;}
.section04 .section04Bottom .imgList > div > ul{font-size:0; text-align:center;}
.section04 .section04Bottom .imgList > div > ul li{display:inline-block; width:290px; margin-right:10px;}
.section04 .section04Bottom .imgList > div > ul li:last-child{margin-right:0;}
.section04 .section04Bottom .imgList > div > ul li .subject{display:table; table-layout:fixed; height:80px; background:#fff; width:100%; position:relative; margin-bottom:10px;}
.section04 .section04Bottom .imgList > div > ul li .subject .arr{position:absolute; bottom:-30px; left:50%; margin-left:-15px; z-index:10; opacity:0;}
.section04.current .section04Bottom .imgList > div > ul li .subject .arr{opacity:1; transition:all 0.5s 1.5s;}
.section04 .section04Bottom .imgList > div > ul li .subject .txt{display:table-cell; vertical-align:middle; font-size:18px;  font-weight: 400; color:#402727; width:100%; line-height:1.2}
.section04 .section04Bottom .imgList > div > ul li .desc{display:table; table-layout:fixed; height:120px; background:#fc8581; width:100%; position:relative; z-index:9; opacity:0;}
.section04.current .section04Bottom .imgList > div > ul li .desc{opacity:1; transition:all 0.5s 2s;}
.section04 .section04Bottom .imgList > div > ul li .desc p{display:table-cell; vertical-align:middle; font-size:18px;  font-weight: 500; color:#fff; width:100%; line-height:1.2}
.section05{padding:80px 0 30px; background:#f3f3f3; text-align:center;}
.section05 .txt01{display:inline-block; width:300px; height:45px; line-height:45px; border-radius:45px; text-align:center; background:#402727; color:#fff; font-size:20px; margin-bottom:30px;  font-weight: 400;}
.section05Slide{font-size:0; text-align:center; }
.section05Slide .section05Tab{display:inline-block; width:110px; margin-right:20px; vertical-align:top;}
.section05Slide .section05Tab .swiper-pagination-bullet{width:auto; height:auto; border-radius:0; margin:0; margin-bottom:1px;  opacity:1;}
.section05Slide .section05Tab .swiper-pagination-bullet span{position:relative; display:block;}
.section05Slide .section05Tab .swiper-pagination-bullet span:after{
    content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active span:after{    display:none;}
.swiper-container{width:1070px; height:400px; display:inline-block; vertical-align:top;}
.section06{padding:30px; background:#f3f3f3; text-align:center;}
.section06 .txt01{display:inline-block; width:300px; height:45px; line-height:45px; border-radius:45px; text-align:center; background:#402727; color:#fff; font-size:20px; margin-bottom:30px;  font-weight: 400;}
.section06Slide{font-size:0; text-align:center;}

.section06Tab{display:inline-block; width:110px; margin-right:20px; vertical-align:top;}
.section06Tab .swiper-pagination-bullet{width:auto; height:auto; border-radius:0; margin:0; margin-bottom:1px;  opacity:1;}
.section06Tab .swiper-pagination-bullet span{position:relative; display:block;}
.section06Tab .swiper-pagination-bullet span:after{    content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.swiper-pagination-bullet.swiper-pagination-bullet-active span:after{    display:none;}
.section06Slide .swiper-container{width:1070px; height:400px; display:inline-block;  vertical-align:top;}
.section07{padding:30px 0 80px; background:#f3f3f3; text-align:center;}
.section07 .txt01{display:inline-block; width:300px; height:45px; line-height:45px; border-radius:45px; text-align:center; background:#402727; color:#fff; font-size:20px; margin-bottom:30px;  font-weight: 400;}
.section07Slide{font-size:0; text-align:center;}

.section07Slide .section07Tab{display:inline-block; width:110px; margin-right:20px; vertical-align:top;}
.section07Slide .section07Tab .swiper-pagination-bullet{width:auto; height:auto; border-radius:0; margin:0; margin-bottom:1px;  opacity:1;}
.section07Slide .section07Tab .swiper-pagination-bullet span{position:relative; display:block;}
.section07Slide .section07Tab .swiper-pagination-bullet span:after{    content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.section07Slide .section07Tab .swiper-pagination-bullet.swiper-pagination-bullet-active span:after{    display:none;}

.section07Slide .swiper-container{width:1070px; height:400px; display:inline-block;  vertical-align:top;}
.section08,.section09,.section16 {background:#FF8BA5; }
.section08 .txt01{ font-weight: 400; color:#fff; font-size:98px; line-height:110%; position:absolute; top:230px; left:-5px; letter-spacing:-5px; opacity:0; transform:translateX(-50px);}
.section08.current .txt01{opacity:1; transform:translateX(0); transition:all 0.5s 0.5s;}
.section08 .txt02{ font-weight: 500; color:#fff; opacity:0; font-size:34px; position:absolute; top:570px; left:0;}
.section08.current .txt02{opacity:1; transition:all 0.5s 1s;}
.section08 .txt03{position:absolute; top:340px; right:0; opacity:0; }
.section08.current .txt03{opacity:1; transition:all 0.5s 1.5s;}
.section08.section09 {background: #FF8BA5;}
.section09 .wrapper{position:absolute; top:0; left:50%; height:100%; margin-left:-600px;}
.section09 .txt01{position:absolute; top:50px; width:100%; opacity:0; text-align:center;}
.section09.current .txt01{opacity:1; transition:all 0.5s 0.5s;}
.section09 .txt02{ font-weight: 400; font-size:58px; opacity:0; color:#402727; line-height:120%; position:absolute; top:150px; width:100%; text-align:center;}
.section09.current .txt02{opacity:1; transition:all 0.5s 1s;}
.section09 .txt02 span.small{ font-weight: 400; font-size:30px;}
.section09 .txt03{ font-weight: 400; font-size:38px; opacity:0; color:#dd6865; position:absolute; top:300px; width:100%; text-align:center; padding-bottom:90px;}
.section09.current .txt03{opacity:1; transition:all 0.5s 1.5s;}
.section09 .txt03:after{content:''; width:1px; height:65px; background:#dd6865; position:absolute; bottom:0; left:50%;}
.section09 .txt04{  color:#fff; position:absolute; top:530px; }
.section09 .txt04 span{font-size:40px; display:block; margin-bottom:30px;}
.section09 .txt04 span b{ font-weight: 900;}
.section09.current .txt04{opacity:1; transition:all 0.5s 2s;}
.section10 {background:  #aaa;}
.section11{padding:80px 0 ; background:#f3f3f3; text-align:center; height:630px;}
.section11 .txt01{ font-weight: 400; font-size:20px; background:#ff8ba4; width:300px; height:45px; line-height:45px; border-radius:45px; display:inline-block; color:#fff; }
.section11 .txt02{ font-weight: 400; font-size:58px; color:#402727; margin:20px 0;}
.section11 .txt03{ font-weight: 400; font-size: 24px; color: #402727; display: inline-block;  padding: 10px 15px;  margin-bottom: 20px; border-top: 1px solid #402727; border-bottom: 1px solid #402727;}
.section11 .section11Slide .graph{width:462px; height:50px; background:url(/img/face/revision/section11_scroll_bg.png) no-repeat 0 0; margin:40px auto 60px; position:relative;}
.section11 .section11Slide .graph .swiper-scrollbar{position:absolute; height:10px; width:400px; background:#fff; border-radius:10px; left:50%; margin-left:-200px; bottom:15px;}
.section11 .section11Slide .graph .swiper-scrollbar .swiper-scrollbar-drag{background:#ff8ba4; height:10px; border-radius:10px;}
.section11 .section11Slide .swiper-slide span{display:block;}
.section11 .section11Slide .swiper-slide span.desc{ font-weight: 400; font-size:15px; color: #402727; line-height:120%; margin-top:10px;}
.section12{padding:80px 0 0; background:#ffe4ea; text-align:center;}
.section12 .txt01{ font-weight: 400; font-size:20px; background:#ff8ba4; width:380px; height:45px; line-height:45px; border-radius:45px; display:inline-block; color:#fff; }
.section12 .txt02{ font-weight: 400; font-size:58px; color:#402727; margin:20px 0;}
.section12 .txt03{ font-weight: 400; font-size: 24px; color: #402727; display: inline-block;  padding: 10px 15px;  margin-bottom: 20px; border-top: 1px solid #402727; border-bottom: 1px solid #402727;}

.section13{padding:80px 0; background:#f3f3f3; text-align:center; height:700px;}
.section13 .txt01{ font-weight: 400; font-size:20px; background:#ff8ba4; width:380px; height:45px; line-height:45px; border-radius:45px; display:inline-block; color:#fff; }
.section13 .txt02{ font-weight: 400; font-size:58px; color:#402727; margin:20px 0;}
.section13 .txt03{ font-weight: 400; font-size: 24px; color: #402727; display: inline-block;  padding: 10px 15px;  margin-bottom: 30px; border-top: 1px solid #402727; border-bottom: 1px solid #402727;}
.section13 .txt04{ font-weight: 400; font-size: 20px; color: #402727; line-height:120%; margin-top: 0; position:relative; }
.section13 .txt04 span{display:inline-block; position:relative; z-index:10;}
.section13 .txt04 span.bold{ font-weight: 900;}
.section13 .txt04 span.big{font-size:28px;}
.section13 .txt04 span.bg{width:1000px; background:#ffbcca; height:15px; position:absolute; left:50%; bottom:0; margin-left:-500px; z-index:9;}
.section13 .section13Slide{position:relative;}
.section13 .section13Slide span{display:block;}
.section13 .section13Slide span.desc{ font-weight: 500; font-size:20px; width:100%; height:50px; line-height:50px; background:#9b9b9b; color:#fff; }
.section13 .section13Slide .swiper-slide-active span.desc{background:#ff8ba4;}
.section13 .section13Slide .swiper-button-next, .section13 .section13Slide .swiper-button-prev{position:absolute; top:20%; margin-top:20px; width: 50px; height: 50px; background:#ff8ba4; border-radius:50px; z-index:101; outline:none;}
.section13 .section13Slide .swiper-button-prev{left:50%; margin-left:-215px; }
.section13 .section13Slide .swiper-button-next{right:50%; margin-right:-215px; }
.section13 .section13Slide .swiper-button-prev:after{content:'\e93d'; font-family:xeicon; color:#fff; font-size:30px; position:absolute; top:10px; left:10px;}
.section13 .section13Slide .swiper-button-next:after{content:'\e940'; font-family:xeicon; color:#fff; font-size:30px; position:absolute; top:10px; left:10px;}

.section14{padding:30px; background:#f3f3f3; text-align:center;}
.section14 .txt01{display:inline-block; width:400px; height:45px; line-height:45px; border-radius:45px; text-align:center; background:#402727; color:#fff; font-size:20px; margin-bottom:30px;  font-weight: 400;}
.section14Slide{font-size:0; text-align:center;}

.section14Slide .section14Tab{display:inline-block; width:110px; margin-right:20px; vertical-align:top;}
.section14Slide .section14Tab .swiper-pagination-bullet{width:auto; height:auto; border-radius:0; margin:0; margin-bottom:1px; opacity:1;}
.section14Slide .section14Tab .swiper-pagination-bullet span{position:relative; display:block;}
.section14Slide .section14Tab .swiper-pagination-bullet span:after{    content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);
}
.section14Slide .section14Tab .swiper-pagination-bullet.swiper-pagination-bullet-active span:after{    display:none;}
.section14Slide .swiper-container{width:1070px; height:400px; display:inline-block; vertical-align:top;}
.section14 .slideTitle .tit01{background:#ff8ba4;}
.section14 .slideInfo .info01{background:#ff8ba4;}
.section14 .slideInfo .info02{background:#ffccd7;}
.section15{padding:30px 0; background:#ffe4ea; text-align:center; height:1050px;}
.section15 .txt01{ font-weight: 400; font-size:20px; background:#ff8ba4; width:300px; height:45px; line-height:45px; border-radius:45px; display:inline-block; color:#fff; }
.section15 .txt02{ font-weight: 400; font-size:58px; color:#402727; margin:20px 0;}
.section15 .txt03{ font-weight: 400; font-size: 24px; color: #402727; display: inline-block;  padding: 10px 15px;  margin-bottom: 30px; border-top: 1px solid #402727; border-bottom: 1px solid #402727;}
.section15 .swiper-slide{width:200px; position:relative; }
.section15 .swiper-slide span{display:block;}
.section15 .swiper-slide a{display:block; padding:20px 0 12px; position:relative;}
.section15 .swiper-slide a span.desc{ font-weight: 400;font-size:15px; color: #402727; line-height:120%; margin-top:5px;}
.section15 .swiper-slide:hover a span.desc { font-weight: 900;}
.section15 .swiper-slide a span.bg{opacity:0; position:absolute; top:0; left:0;}
.section15 .swiper-slide:hover a span.bg{opacity:1;}
.section16 .txt01{ font-weight: 400; font-size:20px; background:#d75b76; width:300px; height:45px; line-height:45px; border-radius:45px; display:inline-block; color:#fff; text-align:center; position:Absolute; top:190px; right:150px;}
.section16 .txt02{ font-weight: 400; font-size:48px; color:#fff; line-height:120%; position:absolute; top:260px; right:0; text-align:center;}
.section16 .img01{position:absolute; top:390px; right:95px;}

.section01 .wrapper,.section01 .wrapper,.section08 .wrapper,.section09 .wrapper,.section16 .wrapper{position:absolute; top:0; left:50%; height:100%; margin-left:-600px;}