@charset 'UTF-8';
body{color: #fff;}
body.ofh{height: 100%;overflow: hidden;}
.col-title{position: relative;}
.fp-tableCell{position: relative;}
#fp-nav ul li a, 
.fp-slidesNav ul li a{color: #fff;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{color: #fff;background: #fff;}
/* .fp-tableCell .wrapper{position: absolute;height: 632px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} */
/* video */
.video-container{width: 100%;max-width: 1920px;height: 100%;max-height: 1080px;position: fixed;top: 0;left: 0;z-index: 999;background: #000;}
.video-container video{width: 100%;height: 100%;display: block;background: #000;}
.video-container .skip{width: 176px;height: 60px;line-height: 60px;font-size: 24px;color: #fa3642;background: #fff;border: 1px solid #fff;position: fixed;bottom: 96px;right: 96px;text-align: center;cursor: pointer;transition: all linear .25s;z-index: 1000;}
.video-container .skip:hover{color: #fa3642;background: #fff;}
.video-container .voice{width: 90px;height: 90px;background: url(../img/icon-muted.png) center center no-repeat;position: fixed;top: 115px;right: 96px;z-index: 1000;cursor: pointer;transition: all linear .25s;}
.video-container .voice.muted{background: url(../img/icon-voice.png) center center no-repeat;}
/*  */
.section-container{padding-top: 82px;}
.section{margin-top: -50px;}
/* nav */
.nav-fixed{width: 100%;height: 82px;background-color: #000;position: fixed;top: 0;left: 0;z-index: 99;}
.nav{font-size: 0;height: 70px;line-height: 70px;float: right;margin-top: 12px;}
.nav .nav-item{width: 120px;display: inline-block;text-align: center;font-size: 14px;color: #727272;position: relative;cursor: pointer;}
.nav .nav-item:hover{color: #fff;}
.nav .nav-item.open{background: url(../img/arr-down.png) 92px center no-repeat;}
.nav .nav-item.opened{background: url(../img/arr-down-white.png) 92px center no-repeat;}
.nav .nav-item a{color: inherit;}
.nav-sub{width: 100%;position: absolute;border-top: 2px solid #1180f3;display: none;}
.nav-sub .nav-sub-item{height: 58px;line-height: 58px;background-color: #272727;color: #999;}
.nav-sub .nav-sub-item a{display: block;color: inherit;}
.nav-sub .nav-sub-item:hover{background-color: #1180f3;color: #fff;}
/* screen-01 */
.screen-01{background: #000 url(../img/bg-screen-01-part.jpg) center center no-repeat;background-size: 100%;}
.tab-cnt{height: 536px;}
.cal-intro{width: 680px;height: 578px;position: relative;}
.cal-intro .cal-img{max-width: 100%;max-height: 100%;position: absolute;z-index: 1;top: 0;left: 0;}
.cal-intro .cal-video-abs{position: absolute;width: 282px;height: 166px;left: 0;right: auto;bottom: 40px;z-index: 2;}
.cal-intro .cal-video-abs.right{right: 80px;left: auto;}
/* .cal-title{border-bottom: 1px solid #806e6a;padding-bottom: 16px;margin-bottom: 25px;}
.cal-title-text{font-size: 64px;line-height: 98px;font-weight: bold;}
.cal-img-left{width: 260px;height: 396px;}
.cal-img-left.fl{margin-right: 32px;}
.cal-img-left img{max-width: 100%;max-height: 100%;display: block;}
.cal-text-right{width: 280px;}
.cal-text-right .cal-text-title{font-size: 30px;line-height: 54px;color: #bebebe;font-weight: normal;margin-bottom: 35px;}
.cal-text-right .cal-video{width: 100%;height: 166px;display: inline-block;}
.cal-text-left{position: absolute;font-size: 30px;line-height: 54px;color: #bebebe;font-weight: normal;width: 240px;}
.cal-abs-cnt{position: relative;width: 572px;height: 421px;}
.cal-video-abs{position: absolute;width: 282px;height: 166px;left: 0;bottom: 20px;z-index: 9;}
.cal-img-abs{position: absolute;right: 0;bottom: 0;z-index: 1;} */
.cal-list-wrapper{width: 650px;height: 518px;position: relative;}
.cal-list{height: 444px;overflow-y: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.cal-list-item{height: 90px;overflow: hidden;margin-bottom: 28px;}
.cal-list-pic{width: 90px;height: 90px;}
.cal-list-pic.fl{margin-right: 18px;}
.cal-list-text{font-size: 16px;height: 90px;display: table-cell;vertical-align: middle;padding: 0 26px;background: url(../img/dot-blue.png) 0 center no-repeat;}
.cal-list-text-inner{line-height: 30px;max-height: 90px;overflow: hidden;display: inline-block;}
.tab-trigger{width: 1385px;height: 72px;background: url(../img/bg-line-full.png) center 15px no-repeat;display: flex;justify-content: space-around;margin-top: 24px;}
.tab-trigger .tab-item{width: 40px;text-align: center;cursor: pointer;}
.tab-trigger .tab-item .tab-icon{width: 32px;height: 32px;background: url(../img/dot-white.png) center center no-repeat;margin: 0 auto;transition: all linear .25s;box-sizing: border-box;}
.tab-trigger .tab-item .tab-text{font-size: 16px;font-weight: normal;margin-top: 10px;}
.tab-trigger .tab-item.cur .tab-icon{border-radius: 50%;border: 1px solid #fff;}
/* screen-02 */
.screen-02{background: #000 url(../img/bg-screen-02-part.jpg) center center no-repeat;background-size: 100%;}
.screen-02 .wrapper-inner{height: 818px;}
.main-video{width: 629px;height: 100%;position: relative;}
.main-video a{color: #fff;}
.main-video-bg{height: 100%;}
.main-video-bg img{width: 100%;height: 100%;display: block;}
.main-video-text{position: absolute;bottom: 69px;padding: 0 160px 0 36px;}
.main-video-title{font-size: 22px;line-height: 37px;width: 430px;height: 74px;overflow: hidden;}
.main-video-detail{font-size: 14px;line-height: 25px;width: 410px;height: 50px;overflow: hidden;margin-top: 14px;color: #e4e4e4;}
.main-video .icon{width: 75px;height: 75px;position: absolute;right: 36px;bottom: 10px;}
.news-pic-wrapper{width: 769px;}
.news-pic-link{display: block;color: #fff;padding: 40px 55px;box-sizing: border-box;}
.news-pic-link:hover{border: solid 8px #1180f3;padding: 32px 47px;}
.news-pic-item{height: 185px;}
.news-pic-img{width: 294px;height: 185px;}
.news-pic-img.fl{margin-right: 28px;}
.news-pic-title{font-size: 18px;line-height: 32px;height: 64px;overflow: hidden;}
.news-pic-detail{font-size: 14px;line-height: 26px;height: 78px;overflow: hidden;margin-top: 45px;}
.inner-video-wrapper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.inner-video-wrapper .inner-video{width: 100%;height: 100%;display: block;background: #000;}
/* screen-03 */
.screen-03{background: #000 url(../img/bg-screen-03-part.jpg) center center no-repeat;background-size: 100%;}
.screen-03 .tab-wrapper{width: 100%;height: 620px;position: relative;}
.screen-03 .tab-trigger{width: 1196px;height: 564px;margin: -88px auto 0;position: relative;background: none;}
.screen-03 .tab-trigger .tab-item{width: 100px;height: 100px;position: absolute;}
.screen-03 .tab-trigger .tab-item:nth-of-type(1){width: 50px;height: 120px;transform: rotate(67deg);top: 24px;left: 95px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(2){width: 70px;height: 120px;transform: rotate(67deg);top: 94px;left: 135px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(3){width: 70px;height: 120px;transform: rotate(67deg);top: 167px;left: 175px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(4){width: 70px;height: 120px;transform: rotate(60deg);top: 247px;left: 225px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(5){width: 70px;height: 120px;transform: rotate(48deg);top: 136px;left: 547px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(6){width: 115px;height: 140px;transform: rotate(50deg);top: 154px;left: 657px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(7){width: 145px;height: 170px;transform: rotate(45deg);top: 210px;left: 820px;}
.screen-03 .tab-trigger .tab-item:nth-of-type(8){width: 185px;height: 250px;transform: rotate(38deg);top: 300px;left: 970px;}
.screen-03 .tab-trigger .tab-item .tab-icon{background: none;}
.screen-03 .tab-trigger .tab-item.cur .tab-icon{border: none;}
.screen-03 .tab-cnt{position: absolute;left: 125px;bottom: -40px;width: 720px;height: 228px;z-index: 9;}
.screen-03 .tab-cnt .news-pic-link{padding: 0;}
.screen-03 .tab-cnt .news-pic-link:hover{border: none;padding: 0;}
.screen-03 .tab-cnt .news-pic-img{width: 328px;height: 228px;}
.screen-03 .tab-cnt .news-pic-title{font-size: 22px;line-height: 40px;height: 80px;overflow: hidden;}
.screen-03 .tab-cnt .news-pic-detail{font-size: 17px;line-height: 32px;height: 96px;overflow: hidden;}
/* screen-04 */
.screen-04{background: #000 url(../img/bg-screen-02-part.jpg) center center no-repeat;background-size: 100%;}
.screen-04 .swiper-container{height: 578px;margin-top: -50px;}
.screen-04 .swiper-slide .news-pic-link:last-child{margin: 0;}
.screen-04 .news-pic-wrapper{width: 100%;}
.screen-04 .news-pic-link{width: 433px;margin: 0 50px 0 0;padding: 0 0 34px 0;transition: border .25s linear;}
.screen-04 .news-pic-link:hover{border: none;padding: 0 0 32px 0;border-bottom: 2px solid #3492ec;}
.screen-04 .news-pic-item{height: auto;}
.screen-04 .news-pic-img{width: 433px;height: 288px;}
.screen-04 .news-pic-title{margin-top: 9px;}
.screen-04 .news-pic-detail{margin-top: 21px;color: #e4e4e4;height: 52px;}
.screen-04 .swiper-button-next, 
.screen-04 .swiper-button-prev{width: 16px;height: 26px;background-size: 100%;}
.screen-04 .swiper-button-prev{top: auto;left: 630px;bottom: 0;}
.screen-04 .swiper-button-next{top: auto;left: auto;bottom: 0;right: 630px;}

/* screen-05 */
.screen-05{background: #000 url(../img/bg-screen-05-part.jpg) center center no-repeat;background-size: 100%;}
.screen-05 .wrapper-inner{height: 818px;}

/* screen-06 */
.screen-06{background: #000 url(../img/bg-screen-05-part.jpg) center center no-repeat;background-size: 100%;}
.screen-06 .pic-wall{width: 763px;height: 654px;position: relative;margin-left: 75px;}
.screen-06 .pic-wall-item{position: absolute;}
/* .screen-06 .pic-wall-item:nth-of-type(1){width: 200px;height: 224px;top: 0px;left: 129px;}
.screen-06 .pic-wall-item:nth-of-type(2){width: 207px;height: 120px;top: 0px;right: 112px;}
.screen-06 .pic-wall-item:nth-of-type(3){width: 223px;height: 217px;top: 117px;left: 0;}
.screen-06 .pic-wall-item:nth-of-type(4){width: 104px;height: 108px;top: 226px;left: 225px;}
.screen-06 .pic-wall-item:nth-of-type(5){width: 214px;height: 212px;top: 122px;right: 217px;}
.screen-06 .pic-wall-item:nth-of-type(6){width: 214px;height: 212px;top: 122px;right: 0;}
.screen-06 .pic-wall-item:nth-of-type(7){width: 108px;height: 160px;bottom: 157px;left: 115px;}
.screen-06 .pic-wall-item:nth-of-type(8){width: 320px;height: 212px;bottom: 105px;left: 225px;}
.screen-06 .pic-wall-item:nth-of-type(9){width: 109px;height: 160px;bottom: 157px;right: 106px;}
.screen-06 .pic-wall-item:nth-of-type(10){width: 158px;height: 102px;bottom: 0;left: 323px;} */
.screen-06 .pic-wall-item:nth-of-type(1){width: 200px;height: 224px;top: -1000px;left: -1129px;opacity: 0;}
.screen-06 .pic-wall-item:nth-of-type(2){width: 207px;height: 120px;top: -1000px;right: -1112px;}
.screen-06 .pic-wall-item:nth-of-type(3){width: 223px;height: 217px;top: -1117px;left: -1000px;}
.screen-06 .pic-wall-item:nth-of-type(4){width: 104px;height: 108px;top: -1226px;left: -1225px;}
.screen-06 .pic-wall-item:nth-of-type(5){width: 214px;height: 212px;top: -1220px;right: -1217px;}
.screen-06 .pic-wall-item:nth-of-type(6){width: 214px;height: 212px;top: -1220px;right: -1000px;}
.screen-06 .pic-wall-item:nth-of-type(7){width: 108px;height: 160px;bottom: -1570px;left: -1150px;}
.screen-06 .pic-wall-item:nth-of-type(8){width: 320px;height: 212px;bottom: -1500px;left: -1225px;}
.screen-06 .pic-wall-item:nth-of-type(9){width: 109px;height: 160px;bottom: -1570px;right: -1600px;}
.screen-06 .pic-wall-item:nth-of-type(10){width: 158px;height: 102px;bottom: -1000px;left: -1323px;}
.screen-06 .pic-wall-item.away{top: -10000px;left: -10000px;}
.screen-06 .side-text{width: 490px;font-size: 20px;line-height: 35px;}
.screen-06 .side-text .part-top{margin-top: 78px;}
.screen-06 .side-text .part-btm{margin-top: 70px;}

.picMove1{animation: picMove01 .5s 0s ease-in-out forwards;}
.picMove2{animation: picMove02 .5s .9s ease-in-out forwards;}
.picMove3{animation: picMove03 .5s .15s ease-in-out forwards;}
.picMove4{animation: picMove04 .5s 1.05s ease-in-out forwards;}
.picMove5{animation: picMove05 .5s  1.35s ease-in-out forwards;}
.picMove6{animation: picMove06 .5s .75s ease-in-out forwards;}
.picMove7{animation: picMove07 .5s .3s ease-in-out forwards;}
.picMove8{animation: picMove08 .5s .5s ease-in-out forwards;}
.picMove9{animation: picMove09 .5s .6s ease-in-out forwards;}
.picMove10{animation: picMove10 .5s .45s ease-in-out forwards;}

@keyframes picMove01{
  0%{top: -1000px;left: -1129px;}
  100%{top: 0px;left: 129px;opacity: 1;}
}
@keyframes picMove02{
  0%{top: -1000px;right: -1112px;}
  100%{top: 0px;right: 112px;opacity: 1;}
}
@keyframes picMove03{
  0%{top: -1117px;left: -1000px;}
  100%{top: 117px;left: 0;opacity: 1;}
}
@keyframes picMove04{
  0%{top: -1226px;left: -1225px;}
  100%{top: 226px;left: 225px;opacity: 1;}
}
@keyframes picMove05{
  0%{top: -1220px;right: -1217px;}
  100%{top: 122px;right: 217px;opacity: 1;}
}
@keyframes picMove06{
  0%{top: -1220px;right: -1000px;}
  100%{top: 122px;right: 0;opacity: 1;}
}
@keyframes picMove07{
  0%{bottom: -1570px;left: -1150px;}
  100%{bottom: 157px;left: 115px;opacity: 1;}
}
@keyframes picMove08{
  0%{bottom: -1500px;left: -1225px;}
  100%{bottom: 105px;left: 225px;opacity: 1;}
}
@keyframes picMove09{
  0%{bottom: -1570px;right: -1600px;}
  100%{bottom: 157px;right: 106px;opacity: 1;}
}
@keyframes picMove10{
  0%{bottom: -1000px;left: -1323px;}
  100%{bottom: 0;left: 323px;opacity: 1;}
}

/* screen-07 */
.screen-07{background: #000 url(../img/bg-screen-07-part.jpg) center center no-repeat;background-size: 100%;}
.screen-07-video{width: 1000px;height: 564px;display: block;}
.end-text{width: 330px;padding: 35px;}
.end-title{font-size: 36px;}
.end-text-detail{color: #e4e4e4;margin-top: 32px;font-size: 20px;line-height: 35px;}

/* screen-08 */
.screen-08{background: #000 url(../img/bg-screen-08-part.jpg) center center no-repeat;background-size: 100%;}
.screen-08 .end-wrapper{width: 360px;margin: 0 auto;}
.screen-08 .end-title{font-size: 20px;margin-bottom: 20px;}
.screen-08 .end-text{font-size: 20px;line-height: 40px;width: 100%;padding: 0 0 0 100px;text-align: left;}



/* section-footer */
.section-footer{height: 808px;
  /* background: url(../img/bg-page-right-bottom.png) right center no-repeat; */
  background-image: url(../img/bg-page-right-bottom.png),url(../img/bg-footer-mask.png);
  background-position: right center,left bottom;
  background-repeat: no-repeat,no-repeat;
}
.section-footer-inner{padding-top: 284px;}
.section-footer .col-main{border-right: 1px solid #fff;padding-right: 20px;}
.section-footer .col-main .qr-wrapper{width: 240px;height: 240px;background-image: url(../img/bg-qr-border.png),url(../img/img-qr.png);
background-position: center 0,center center;background-repeat: no-repeat,no-repeat;margin-right: 36px;}
.section-footer .col-main .qr-text{width: 450px;font-size: 16px;line-height: 36px;color: #fff;padding-top: 30px;}
.section-footer .col-sub{width: 425px;padding-left: 28px;color: #fff;padding-top: 37px;}
.contact-title{font-size: 16px;margin-bottom: 6px;}
.contact-tel{font-size: 36px;margin-bottom: 10px;display: block;}
.contact-addr{font-size: 20px;font-style: normal;margin-bottom: 16px;}

/* pop-window */
.pop-window{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.7);z-index: 99;}
.pop-window .pop-container{height: 100%;position: relative;}
.pop-box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 800px;height: 500px;padding: 10px;box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.1);}
.pop-box .pop-header{height: 40px;font-size: 20px;padding-bottom: 10px;position: relative;height: 0;}
.pop-box .pop-header .close{width: 46px;height: 46px;background: url(http://static1.mtime.cn/20200114183050/images/2014/icon24.png) 0 -522px no-repeat;position: absolute;top: 10px;right: 10px;cursor: pointer;cursor: pointer;z-index: 9999;}
.pop-box .pop-footer .btn-cancel{background: #A4A4A4;}
.preview-item{max-width: 100%;display: block;margin: 0 auto;}

/* side-menu */
.side-menu{width: 184px;position: absolute;left: -184px;bottom: 80px;}
.side-menu-item{display: block;width: 100%;height: 62px;line-height: 62px;text-align: center;font-size: 18px;color: #888;}
.side-menu-item.cur{color: #fff;background: #1180f3;}