@charset 'utf-8;'

.clear { clear: both; }
.depthnew { display: none; }
.wrapper { position: relative; width: 1200px; margin: 0 auto; }
.subCons {position: relative; width: 100%; min-width: 1200px; }
.subCons > div { position: relative; }
.centerImage { position: relative; left: 50%; margin-left: -960px; font-size: 0;line-height: 0; }
.videoList { position: absolute; top: 224px; left: 50%; width: 1200px; margin-left: -600px; border-top: 2px solid #ffcfd7; border-bottom: 2px solid #ffcfd7; }
.videoList li {cursor: pointer;; border-bottom: 1px dashed #ffcfd7; }
.videoList li:last-child { border-bottom: 0; }
.videoView { display: none; position: fixed; z-index: 99999;top: 0; left: 0; width: 100%; height: 100%; }
.videoView .dimmed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); }
.videoView .videoSec { position: absolute; z-index: 10;top: 50%; left: 50%; margin-top: -208px; margin-left: -370px; }
.videoView .videoSec .videoViewclose { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; font-size: 30px; cursor: pointer;text-align: center; color: #000; border-radius: 2px; background: #fff; }
.videoView .videoSec .videoViewclose i { line-height: 40px; }
.moreBtn { position: absolute; bottom: 60px; left: 50%; margin-left: -95px; }
.section01 .wrapper { position: absolute; top: 0; left: 50%; height: 100%; margin-left: -600px; }
.section01 .txt01 { position: absolute; z-index: 10; top: 375px; left: 0; font-size: 100px; line-height: 120%; transform: translateX(-50px); opacity: 0; color: #fff; }
.section01 .txt01 span { letter-spacing: 100px; }
.section01 .txt02 { position: absolute; z-index: 10; top: 375px; right: 0; font-size: 100px; line-height: 120%; transform: translateX(-50px); opacity: 0; color: #fff; }
.section01 .txt03 { position: absolute; z-index: 10;top: 495px; right: 0; font-size: 100px; line-height: 120%; color: #fff; }
.section01 .txt03 span { opacity: 0; }
.section01 .txt04 { position: absolute; z-index: 10; top: 630px; right: 0; font-size: 38px; line-height: 120%; transform: translateX(-50px); opacity: 0; color: #fff; }

.section01.current .txt01 {transition: all .3s .2s;transform: translateX(0);  opacity: 1; }
.section01.current .txt02 {transition: all .3s .5s;transform: translateX(0);  opacity: 1; }
.section01.current .txt03 .fade01 {transition: all .3s .8s; opacity: 1; }
.section01.current .txt03 .fade02 {transition: all .3s 1.1s; opacity: 1; }
.section01.current .txt03 .fade03 {transition: all .3s 1.4s; opacity: 1; }
.section01.current .txt04 {transition: all .3s 1.7s;transform: translateX(0);  opacity: 1; }
.section02 .wrapper { position: absolute; top: 0; left: 50%; height: 100%; margin-left: -600px; }
.section02 .wrapper h2 {width: 280px; height: 50px; margin: 80px auto 20px;font-size: 22px; line-height: 50px;  text-align: center; color: #fff; border-radius: 50px; background: #dd6b89; }
.section02 .wrapper p { font-size: 48px; font-weight: 300; line-height: 120%; text-align: center; color: #fff; }

.section03 .wrapper { position: absolute; top: 0; left: 50%; height: 100%; margin-left: -600px; }
.section03 .wrapper h2 {position: absolute; top: 85px; width: 100%; font-size: 48px; line-height: 120%;  text-align: center; color: #360915; }

.section03 .wrapper h3 {position: absolute; top: 215px; left: 50%;  width: 300px; height: 50px; margin-left: -150px; font-size: 22px; line-height: 50px; text-align: center;color: #fff; border-radius: 50px; background: #360915; }
.section03 .wrapper p {position: absolute; top: 750px;  width: 100%; font-size: 22px; line-height: 140%; text-align: center; color: #360915; }
.section03 .wrapper p.desc {position: absolute; top: 702px;  width: 100%; height: 25px; font-size: 14px;line-height: 25px; color: #5b5b5b; background: #d9d9d9; }
.section03 .wrapper p.txt1 {display: none; top: 280px; font-size: 20px; }
.section03 .wrapper p span { font-size: 28px; }
.section04 { padding: 80px 0; background: #ececec; }
.section04 h2 {font-size: 48px; font-weight: 400;line-height: 120%; text-align: center; color: #360915; }

.section04 .skullWrap { position: relative; margin-top: 50px; }
.section04 .skullWrap .thumb { display: inline-block; }
.section04 .skullWrap .descWrap { position: absolute; top: 0; right: 0; }
.section04 .skullWrap .descWrap li { margin-bottom: 25px; }
.section04 .skullWrap .descWrap .title { font-size: 48px; color: #762e41; }
.section04 .skullWrap .descWrap .title img { vertical-align: bottom; }
.section04 .skullWrap .descWrap .desc {margin-top: 10px; padding-left: 98px; font-size: 22px; line-height: 150%; color: #360915; }

.section04 .skullWrap .descWrap .desc span.bg { background: #fbd1dc; }
.section05 { background: #d28099; }
.section05 .wrapper { overflow: hidden; }
.section05 .swiper-slide .thumb { position: relative; }
.section05 .swiper-slide .textWrap { position: absolute; top: 0; left: 520px; }
.section05 .swiper-slide .textWrap p { padding: 160px 0 30px; font-size: 22px;color: #fff; }
.section05 .swiper-slide .textWrap h2 {font-size: 35px; line-height: 140%;  color: #fff; }

.section05 .control { position: absolute; bottom: 200px; left: 520px; width: 99px; height: 49px; font-size: 0; border: 1px solid #fff; display: flex; }
.section05 .control > div {display: inline-block; position: relative; right: auto; left: auto; width: 49px; height: 49px; font-size: 30px; text-align: center; outline: none; border-radius: unset; }
.section05 .control > div i {line-height: 49px;  text-align: center; color: #fff; }
.section05 .control > div.swiper-button-prev { border-right: 1px solid #fff; }
.section06 {padding: 200px 0 120px;text-align: center;  background: #e797b0; }
.section06 p {position: relative; font-size: 52px; line-height: 120%; color: #fff; }

.section06 p span { display: inline-block; border-bottom: 2px solid #fff; }
.section06 p:after {position: absolute; top: -120px; left: 50%; width: 1px; height: 100px;  content: ''; background: #fff; }
.section07 { padding: 50px 0 0; background: #ececec; }
.section07 h2 { width: 420px; height: 50px; margin: 0 auto; font-size: 22px; line-height: 50px; text-align: center;color: #fff; border-radius: 50px; background: #360915; }
.section07 h3 {margin: 10px 0 30px; font-weight: 400; font-size: 46px; line-height: 120%; text-align: center; letter-spacing: -3px; color: #360915; }

.section07 .case ul {font-size: 0; text-align: center; }
.section07 .case ul li { display: inline-block; margin-right: 2px; }
.section07 .case ul li.casetitle {width: 100%; height: 30px;  margin: 0; margin-top: 10px; margin-bottom: 2px; font-size: 13px; line-height: 30px; text-align: center; color: #fff; background: #360915; }
.section07 .case ul li:nth-child(3n) { margin-right: 0; }
.section07 .case ul li span { display: block; }
.section07 .case ul li span.text { padding: 30px 0; background: #dd6b89; }
.section07 .case ul li span.text .title { font-size: 22px; line-height: 120%;color: #fff; }
.section07 .case ul li span.text .title .small { font-size: 18px; }
.section07 .case ul li span.text .desc {margin-top: 20px; font-size: 15px; line-height: 140%; color: #fff; }
.section07 .case p { margin-top: 20px; font-size: 14px; text-align: center; color: #5b5b5b; }
.section07 h4 {margin: 80px 0 0; font-size: 46px; font-weight: 400; line-height: 120%; text-align: center; letter-spacing: -3px; color: #360915; }

.section07 .text01 {margin-top: 30px;  font-size: 16px; line-height: 150%; text-align: center;color: #360915; }
.section07 .text02 {position: relative;padding: 70px 0 50px;  font-size: 22px; line-height: 150%; text-align: center; color: #360915; }
.section07 .text02 span.bg { background: #f4dee4; }
.section07 .text02:after {position: absolute; top: 20px; left: 50%; width: 2px; height: 30px; margin-left: -1px;  content: ''; background: #360915; }

.section08 { padding: 50px 0; background: #ececec; }
.section08 h2 { width: 350px; height: 50px; margin: 0 auto; font-size: 22px; line-height: 50px; text-align: center;color: #fff; border-radius: 50px; background: #360915; }
.section08 h3 {margin: 10px 0 50px; font-size: 46px; font-weight: 300; line-height: 120%; text-align: center; letter-spacing: -3px; color: #360915; }

.section08 .case ul {font-size: 0; text-align: center; }
.section08 .case ul li { display: inline-block; margin-right: 65px; }
.section08 .case ul li:last-child { margin: 0; }
.section08 .case ul li span { display: block; }
.section08 .case ul li span.text .title {height: 60px; margin-top: 10px; font-size: 22px; line-height: 30px; color: #360915; }
.section08 .case ul li:last-child span.text .title {height: 60px; line-height: 60px; }
.section08 .case ul li span.text .link a {display: block;  width: 150px; height: 40px; margin: 20px auto 0; font-size: 15px; line-height: 40px; text-align: center; color: #fff; border-radius: 40px; background: #dd6b89; }
.section09 .wrapper { position: absolute; bottom: 110px; left: 50%; margin-left: -600px; text-align: center; }
.section09 .wrapper h2 {margin: 0 0 50px; font-size: 52px; line-height: 120%; text-align: center; letter-spacing: -3px; color: #360915; }

.section09 .wrapper p {margin: 0 0 50px; font-size: 16px; line-height: 150%; text-align: center; color: #360915; }
.section09 .wrapper h3 { font-size: 22px; line-height: 150%; text-align: center;color: #360915; }

.section10 { padding: 100px 0 0 ; background: #dd6b89; }
.section10 .wrapper .text {overflow: hidden;position: absolute; top: 260px; left: 0;  width: 100%; }
.section10 .wrapper .text > div { font-size: 52px; line-height: 150%; letter-spacing: -3px;color: #fff; }
.section10 .wrapper .text > div span { font-weight: 800; }
.section10 .wrapper .text > div.left { float: left; padding-left: 20px;text-align: right; }
.section10 .wrapper .text > div.right { float: right; padding-right: -32px;text-align: left; }

.section11 .wrapper { position: absolute; top: 0; left: 50%; height: 100%; margin-left: -600px; }
.section11 .wrapper .text { position: absolute; top: 250px;right: 0; }
.section11 .wrapper .text h2 { font-size: 22px; line-height: 150%; letter-spacing: 1px;color: #fff; }
.section11 .wrapper .text h3 {margin: 30px 0; font-size: 52px; line-height: 120%; letter-spacing: -3px; color: #fff; }

.section11 .wrapper .text p { font-size: 22px; line-height: 150%;color: #fff; }
.datv_wrap .datv_list ul.cate01 li.on { background: #dd6b89!important; }