@charset "utf-8";
body{background-color:#000;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.none{display:none;}
html,body,.wrap{width:100%;}
#cy_bot{padding:15px 15px 10px!important;}
.t{text-indent: -9999em;}
.pr{position: relative;}
.pa{position:absolute;}
.sp{background-image: url(../img/sp.png?v=1.0);background-repeat: no-repeat;}
.wrap{width:100%;background:url(../img/wbg.jpg) no-repeat center center;background-size:750px auto;overflow-x:hidden;height: 3414px;position:relative;}
.logo{background:url(../img/logo.png) no-repeat;width: 338px;height: 79px;z-index:2;left: 18px;top: 18px;background-size: 100% auto;text-indent:-9999em;}
.btn{background:url(../img/com.png) no-repeat;display:block;text-indent:-9999em;}
.head{width:100%;height: 648px;position:relative;z-index:1;}
.cont{position: relative;height: 2763px;}
.slog{width: 631px;height: 543px;background:url(../img/slogan.png) no-repeat;text-indent:-99999em;top: 105px;left: 85px;-webkit-animation: sloganAni .4s 0s linear both;}
@-webkit-keyframes sloganAni{0%{-webkit-transform:scale(1.8);opacity:0}
60%{-webkit-transform:scale(1);opacity:1}
65%{-webkit-transform:translate(-4px,-4px)}
70%{-webkit-transform:translate(0,0)}
75%{-webkit-transform:translate(4px,4px)}
80%{-webkit-transform:translate(0,0)}
85%{-webkit-transform:translate(-4px,4px)}
90%{-webkit-transform:translate(0,0)}
95%{-webkit-transform:translate(4px,-4px)}
100%{-webkit-transform:translate(0,0);opacity:1}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}.part1 {height: 761px;}
.title-icon {margin: 0 auto;width: 694px;height: 133px;}
.title-icon.ti-1 {background-position: 0 0;}
.part1 .plank {position: relative;margin: 12px 0 0 12px;width: 733px;height: 368px;background-image: url(../img/p1_plank.png);background-repeat: no-repeat;overflow: hidden;}
.part1 .img-wrap {margin: 40px 0 0 76px;width: 521px;height: 283px;}
.part1 .img-menu {top: 12px;left: 624px;}
.part1 .img-menu li {margin-bottom: 2px;width: 103px;height: 85px;cursor: pointer;}
.part1 .img-menu li.im-1 {background-position: 0 -372px;}
.part1 .img-menu li.im-1:hover,.img-menu li.im-1.active {background-position: -108px -372px;}
.part1 .img-menu li.im-2 {background-position: 0 -461px;}
.part1 .img-menu li.im-2:hover,.img-menu li.im-2.active {background-position: -108px -461px;}
.part1 .img-menu li.im-3 {background-position: 0 -548px;}
.part1 .img-menu li.im-3:hover,.img-menu li.im-3.active {background-position: -108px -548px;}
.part1 .img-menu li.im-4 {background-position: 0 -637px;}
.part1 .img-menu li.im-4:hover,.img-menu li.im-4.active {background-position: -108px -637px;}
.part1 .desc-list {margin: 22px 0 0 130px;width: 570px;}
.part1 .desc-list li {position: relative;margin-bottom: 12px;text-indent: -90px;line-height: 24px;font-size: 20px;color: #a6aaad;}
.icon-arrow {display: inline-block;width: 12px;height: 10px;background-position: -182px -744px;}
.part1 .desc-list li .icon-arrow {position: absolute;top: 7px;left: -112px;}
.part1 .desc-list li span,.part1 .desc-list li a {color: #ffe79a;}
.part1 .desc-list li a {text-decoration: underline;}
.part2 {height: 835px;}
.title-icon.ti-2 {background-position: 0 -138px;height: 112px;}
.part2 .prize-img {top: 112px;left: 60px;width: 434px;}
.part2 .prize-name {top: 206px;left: 568px;width: 49px;}
.part2 .desc-list {top: 522px;right: 40px;padding: 32px 22px 0 126px;box-sizing: border-box;width: 667px;height: 197px;background-image: url(../img/p2_plank.png);}
.part2 .desc-list li {position: relative;margin-bottom: 12px;text-indent: -90px;line-height: 22px;font-size: 20px;color: #a6aaad;}
.part2 .desc-list li .icon-arrow {position: absolute;top: 7px;left: -112px;}
.part2 .desc-list li span,.part1 .desc-list li a {color: #ffe79a;}
.part2 .desc-list li a {text-decoration: underline;}
.part3 {height: 835px;}
.title-icon.ti-3 {background-position: 0 -255px;height: 112px;}
.part3 .plank {margin: 40px 0 0 2px;width: 747px;height: 912px;background-image: url('../img/p3_plank.png');}
.part3 .img-menu {top: 32px;}
.part3 .img-menu.left {left: 67px;}
.part3 .img-menu.right {right: 106px;}
.part3 .img-menu li {margin-bottom: 2px;width: 169px;height: 56px;cursor: pointer;}
.part3 .img-menu li.im-1 {background-position: -216px -372px;}
.part3 .img-menu li.im-1:hover,.part3 .img-menu li.im-1.active {background-position: -390px -372px;}
.part3 .img-menu li.im-2 {background-position: -216px -431px;}
.part3 .img-menu li.im-2:hover,.part3 .img-menu li.im-2.active {background-position: -390px -431px;}
.part3 .img-menu li.im-3 {background-position: -216px -490px;}
.part3 .img-menu li.im-3:hover,.part3 .img-menu li.im-3.active {background-position: -390px -490px;}
.part3 .img-menu li.im-4 {background-position: -216px -549px;}
.part3 .img-menu li.im-4:hover,.part3 .img-menu li.im-4.active {background-position: -390px -549px;}
.part3 .img-menu li.im-5 {background-position: -216px -608px;}
.part3 .img-menu li.im-5:hover,.part3 .img-menu li.im-5.active {background-position: -390px -608px;}
.part3 .img-menu li.im-6 {background-position: -216px -666px;}
.part3 .img-menu li.im-6:hover,.part3 .img-menu li.im-6.active {background-position: -390px -666px;}
.part3 .img-menu li.im-7 {background-position: -216px -725px;}
.part3 .img-menu li.im-7:hover,.part3 .img-menu li.im-7.active {background-position: -390px -725px;}
.part3 .img-menu li.im-8 {background-position: -216px -784px;}
.part3 .img-menu li.im-8:hover,.part3 .img-menu li.im-8.active {background-position: -390px -784px;}
.part3 .img-menu li.im-9 {background-position: -216px -843px;}
.part3 .img-menu li.im-9:hover,.part3 .img-menu li.im-9.active {background-position: -390px -843px;}
.part3 .img-menu li.im-10 {background-position: -216px -902px;}
.part3 .img-menu li.im-10:hover,.part3 .img-menu li.im-10.active {background-position: -390px -902px;}
.part3 .swiper-slide {opacity: 0 !important;min-height: 540px;}
.part3 .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.part3 .img-con {top: 57px;left: 286px;width: 378px;height: 540px;}
.part3 .img-con .title-text {font-size: 28px;color: #2d3846;}
.part3 .img-con .desc-text {margin-top: 10px;line-height: 24px;font-size: 20px;color: #2d3846;}
.part3 .img-con .img-wrap {margin-top: 10px;}
.part3 .desc-list {top: 656px;left: 182px;width: 490px;line-height: 26px;font-size: 20px;text-indent: -104px;color: #d2d7da;}
.part3 .desc-list li.last {margin-top: 6px;line-height: 37px;}
.part3 .btn-qianw {display: block;margin-left: -104px;width: 156px;height: 40px;background-position: 0 -729px;}