@charset "utf-8";
@font-face {
  font-family: "syst-light";
  src:url("SourceHanSerifCNLight.woff") format("woff");
}
@font-face {
  font-family: "syht-bold";
  src:url("SourceHanSansCNBold.woff") format("woff");
}
@font-face {
  font-family: "syht-medium";
  src:url("SourceHanSansCNMedium.woff") format("woff");
}
@font-face {
  font-family: "roboto-Light";
  src:url("robotoLight.woff") format("woff");
}

@font-face {
  font-family: "Agencyb";
  src:url("AGENCYB.woff") format("woff");
}
/* CSS Document */
.tengling2{line-height: normal;overflow: hidden;}
.tengling2 .inner{max-width: 1220px; margin: 0 auto; width: 94%;}
@media(min-width:1025px) and (max-width:1440px){
.tengling2 .inner{width: 84.72%;}
}
.tengling2 .hasbg{background-repeat:no-repeat ;background-position:  center center ;background-size: cover;}
.tengling2 .slick-slider{z-index: 1;}
.tengling2 .slick-dots{position: absolute; z-index: 20;right: 3%; top: 50%;transform: translateY(-50%);}
.tengling2 .slick-dots li{ width: 34px; height: 34px; border-radius: 50%;position: relative; margin: 12px 0; border: 1px solid transparent; cursor: pointer;list-style: none;}
.tengling2 .slick-dots li.slick-active{border-color: #3859ff;}
.tengling2 .slick-dots li button{padding:0;position: absolute; width: 8px; height: 8px;border-radius: 50%; font-size: 0;background: #808080;border: 0; left: 50%; top: 50%; margin: -4px 0 0 -4px;}
.tengling2 .slick-dots li.slick-active button{background:#3859ff; }
.tengling-title{font-size: 100px;}
.tengling-title .tit-1{font-size: 0.48em; font-family: "syht-bold"; padding-bottom: 0.25em;}
.tengling-title .tit-2{font-size: 0.24em;padding-bottom: 0.25em;}
.tengling-title .tit-3{font-size: 0.16em; opacity: 0.5;}
@media(min-width:1025px) and (max-width:1440px){
.tengling-title{font-size: 6vw;}
}
@media(max-width:1024px){
.tengling-title{font-size: 9vw;}
}
@media(max-width:640px){
.tengling-title{font-size: 12vw;}
.tengling2 .slick-dots li{width: 16px; height: 16px;margin: 4px 0;}
.tengling2 .slick-dots li button{width: 4px; height: 4px; margin: -2px 0 0 -2px;}
.tengling-title .tit-3{opacity: 1;}
}

.tengling2 > div{position: relative;z-index: 1;}
@media(min-width:1025px){
.tengling2 > div:not(:first-child):before{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;}
.tengling2 .floor-3:before{background-image:url(images/text_02.png);background-position:left bottom;}
.tengling2 .floor-4:before{background-image:url(images/text_03.png);background-position:right bottom;}
.tengling2 .floor-5:before{background-image:url(images/text_04.png);background-position:left bottom;z-index:3}
.tengling2 .floor-6:before{background-image:url(images/text_05.png);background-position:right bottom;}
.tengling2 .floor-7:before{background-image:url(images/text_06.png);background-position:left bottom;z-index:3}
.tengling2 .floor-8:before{background-image:url(images/text_07.png);background-position:right bottom;}

}

.tengling2 .floor-1{position: relative;background-color: #000819; text-align: center;color: #fff;}

.css-522 .logo{padding-top: 97px; font-size: 32px;font-family: 'SourceHanSansCNRegular';}
.css-522 .logo span{font-family: 'syst-light';line-height: 32px;display: inline-block;vertical-align: baseline;}
.css-522 .logo img{display: inline-block;vertical-align: baseline; margin-left: 10px; }
.css-522 .tengling-title{padding-bottom:44px;}
.css-522 .logo,
.css-522 .tengling-title{position:relative;z-index:5;}
.css-522 > img{max-width:707px;width:60%;margin-left: -38px;}
@media(max-width:1024px){
.css-522 .logo{padding-top: 10vw; font-size: 5vw;}
.css-522 .tengling-title{padding-bottom: 5vw;}
.css-522 > img{margin-left: 0;width:90%;}
}

.tengling2 .floor-1 .play-btn{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.5);}
.tengling2 .floor-1 .play-btn a{width:88px;position:absolute;left:50%;margin-left:-44px;border-radius:50%;height:88px;top:50%;margin-top:-44px; cursor: pointer;}
.tengling2 .floor-1 .play-btn a i{position:absolute;width:100%;height:100%;background: url("images/play.svg") no-repeat center center;left:0;top:0; z-index:5;}
.tengling2 .floor-1 .play-btn a:before,
.tengling2 .floor-1 .play-btn a:after{content:'';position:absolute;border-radius:50%;}
.tengling2 .floor-1 .play-btn a:before{left:8px;top:8px;right:8px;bottom:8px;background:#fff;}
.tengling2 .floor-1 .play-btn a:after{ left: 0; top: 0; background:rgba(255,255,255,0.15);width:100%;height:100%; animation:play 2s linear infinite;}
@keyframes play{
    0%{transform: scale(1); opacity: 1;}
    100%{transform: scale(1.5); opacity: 0;}
}
@media(max-width:640px){
.tengling2 .floor-1 .play-btn a{margin-top:-10vw;margin-left:-10vw; width: 20vw; height: 20vw;}
}

.maskVideoFly{left: 0; top: 0; width: 100%; height: 100%;}
.maskVideoFly .videoBox video{position: absolute; left: 0; top: 0; height: 100%; display: block;width: 100%;}

.tengling2 .floor-2{padding: 5% 0;background: url("images/bg2.png") no-repeat center center;background-size: cover;color: #fff;}
.tengling2 .floor-2 .tengling-title {text-align: center;}
.tengling2 .floor-2 .tengling-title .tit-1{margin-bottom: 5%}
.tengling2 .floor-2 .inner{width: 100%}
.tengling2 .floor-2 .slider{max-width: 1600px;margin: 0 auto;padding: 0 5%}
.tengling2 .floor-2 .slider img{width: auto;display: inline;}
.tengling2 .floor-2 .tengling-title .tit-3{padding-top:0.8em;}
.tengling2 .floor-2 .slick-arrow{position: absolute;border-radius: 50%;top: 50%;transform: translateY(-50%);z-index: 33}
.tengling2 .floor-2 .slick-prev{left: 0;background:#333333 url(images/tlleft.png)no-repeat center;}
.tengling2 .floor-2 .slick-next{right: 0;background:#333333 url(images/tlright.png)no-repeat center;}
.tengling2 .floor-2 .slick-arrow:hover{background-color: #3859ff}
@media(min-width:1025px){
.tengling2 .floor-2{min-height: 50vw;}  
.tengling2 .floor-2 .text-area{text-align: center;margin-top: 30px}
.tengling2 .floor-2 .item{position: relative;}
.tengling2 .floor-2 .pic{height:100%; width: 100%; margin: 0 auto ;display: table;height: 550px}
.tengling2 .floor-2 .pic .table-cell{text-align: center;display: table-cell;vertical-align: middle;}
.tengling2 .floor-2 .pic img{max-width: 80%;max-height: 550px }
.tengling2 .floor-2 .item.i01 .pic img{}
.tengling2 .floor-2 .item.i02 .pic img{}

}
@media(min-width:1025px) and (max-width:1440px){
.tengling2 .floor-2 .pic{width: 84.72%;}
}
@media(max-width:1024px){
.tengling2 .floor-2{text-align: center;}
.tengling2 .floor-2 .item{padding:5vw 0}
.tengling2 .floor-2 .pic{margin-bottom:20px;}
.tengling2 .floor-2 .pic img{height:50vw;display: inline-block;}
.tengling2 .floor-2 .slick-prev{left: 15px;}
.tengling2 .floor-2 .slick-next{right: 15px}
}

.tengling2 .floor-3{padding: 117px 0 107px 0; min-height: 50vw;}
.tengling2 .floor-3 .inner{max-width: 1295px;}
.tengling2 .floor-5 .tit-1{position: absolute;width: 100%;text-align: center;top: 50px;left: 0;z-index: 9}

.css-524 .left .tengling-title .tit-1{padding-bottom:1.1875em;}
.css-524 .left dd{font-size: 20px; margin-bottom: 1.8em; }
.css-524 .left dd .t-1{  font-family: "syht-medium"; margin-bottom: 5px;}
.css-524 .left dd .t-2{font-size: 0.8em;}
.css-524 .left ul{margin-top: 3.646vw;display: table;}
.css-524 .left ul li:not(:last-child){border-right: 1px solid #e3e3e3; }
.css-524 .left ul li{font-size:50px; display: table-cell; vertical-align: top;}
.css-524 .left ul li .t-1{color:#3859ff;font-size:1em;font-family:'Agencyb';line-height: 0.8em;}
.css-524 .left ul li .t-2{font-size: 0.32em;margin-top: 0.5em;}
@media(min-width:481px){
.css-524 .left dd{float: left;max-width: 40%;}
.css-524 .left dd:nth-child(2n+1){clear: left;}
.css-524 .left dd:nth-child(2n){float: right;min-width: 224px;}
.css-524 .left ul li:not(:last-child){padding-right: 2.604vw;}
.css-524 .left ul li:not(:first-child){padding-left: 2.604vw;}
}
@media(min-width:1025px){
  .tengling2 .floor-5 .tit-1{width: 93%;left:7%;}
.css-524 .left{width: 54.055%;float: left; padding-left: 3.9vw; padding-top: 5.469vw;}
.css-524 .right{width: 42.472%;float: right;}
.css-524 .right img{max-width: none; width: 38.073vw;}
}
@media(max-width:1024px){
.tengling2 .floor-3{padding:10vw 0;}
.css-524 .right{padding-top:30px;}
}
@media(max-width:640px){
.css-524 .left dd{font-size: 4vw;}
.css-524 .left ul li{font-size:9vw;}
}
@media(max-width:480px){
.css-524 .left ul{width:100%;}
.css-524 .left ul li{width:33.33%;text-align:center;}
}

.css-525{position: relative;z-index: 1;}
.css-525 .right{color: #fff;}
@media(min-width:1025px){
.css-525{height: 50vw;}
.css-525 .pic{height: 100%;display: table;width: 100%;}
.css-525 .pic .table-cell{display:table-cell; vertical-align:middle;}
.css-525 .pic img{max-width: 64.755%; margin-left: -7.292vw;}
.css-525 .right{position:absolute;width:100%; top:50%;left:0; transform: translateY(-50%); z-index: 20;}
.css-525 .right  .tengling-title{float: right;}
}
@media(max-width:1024px){
.css-525{text-align:center;padding:10vw 0;}
.css-525 .right{padding-bottom:30px;}
}

.tengling2 .floor-7 .slick-dots,
.tengling2 .floor-5 .slick-dots{right: auto;left: 3%;}
.css-526{position: relative; z-index: 1;color:#000;}
.css-526 .tengling-title .tit-3{opacity:0.8;}
@media(min-width:1025px) {
.css-526 .main{position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; max-width: 1200px; width: 96%;}
.css-526 .main.right .tengling-title{float: right;} 
.css-526 .tengling-title .tit-3{padding-bottom:5em;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-526 .main{width: 84.72%;}
}
 .floor-5 .tengling-title .tit-2{font-size: 0.36em}
 .floor-5 .tengling-title .tit-3{font-size: 0.24em}
@media(max-width:1024px){
 .tengling2 .floor-5  .tengling-title{background-color: #f8f8f8;padding-left: 4vw}
.tengling2 .floor-5 .tit-1{position: relative;text-align: left;left: auto;top: auto;padding-top: 20px;padding-bottom: 0}
.css-526 .tengling-title{padding:4vw;background-color: #f8f8f8;}
.css-526 .pic{overflow:hidden;}
.css-526 .pic img{max-width:none; width:150%}
.css-526-01 .pic img{margin-left:-50%}
.css-526-03 .pic img{margin-left:-50%}
}

.tengling2 .floor-6{background-image: url("images/bg6.jpg");color: #fff;padding-top: 3%}
.tengling2 .floor-6 .tit-1{text-align: center;margin-bottom: 50px }
.tengling2 .floor-7 .tit-2,
.tengling2 .floor-6 .tit-2{font-size: 0.36em}
.tengling2 .floor-7 .tit-3,
.tengling2 .floor-6 .tit-3{font-size: 0.24em}
.tengling2 .floor-7 .tit-1{position: absolute;left: 0;top: 0;width: 100%;padding-top: 50px;z-index: 9;text-align: center;}
.css-527{position: relative; z-index: 1;}
.css-527 .pic img{width: auto;}
.css-527 .pic-table img{display:inline-block; }
@media(min-width:1025px){
 .css-527{height: 50vw;}
.css-527-01 .pic{position: absolute; left: 0; top: 0; height: 100%;}
.css-527-01 .pic img{ height: 100%;}
.css-527 .main{position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; max-width: 1220px; width: 96%;}
.css-527 .main.left .tengling-title{width: 33%}
.css-527 .main.right .tengling-title{float: right;padding-right: 0.2em;}
.css-527 .pic-table{height:100%;display:table; width: 96%;max-width: 1220px; margin:0 auto;}
.css-527 .pic-table .table-cell{display:table-cell; vertical-align:middle;}
.css-527-02 .pic-table{text-align:right;}
.css-527-02 .pic-table img{max-width:70.082%; margin-right:-3.34vw;}
.css-527-03 .pic-table img{max-width:66.64%; margin-left:-7.1875vw;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-528 .main,
.css-527 .pic-table{width: 84.72%;}
.css-527-02 .pic-table img,
.css-527-03 .pic-table img{max-width:60%;  margin: 0;}
}
@media(max-width:1024px){
.css-527{text-align:center;}
.css-527 .main{padding:5vw 0;}
.css-527 .pic-table img,
.css-527 .pic img{height:55vw;width:auto;display:inline-block; }
.css-527-01 .pic img{ height: 60vw;}
.tengling2 .floor-7 .tit-1{position: relative;left: auto;top: auto;background-color: #f9f9f9;padding-top: 20px}
.tengling2 .floor-6 .tit-1{margin-bottom: 20px}
}

.css-528{position: relative; z-index: 1;}
@media(min-width:1025px){
.css-528 .main{position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; max-width: 1220px; width: 96%;}
.css-528 .main.right .tengling-title{float: right;padding-right:0em;}
.css-528 .main.center{text-align:center;}
.css-528-03 .main{top:20.83vh;transform: translate(-50%,0);}
.css-528-02 .main .tengling-title{margin-right:-4.167vw; max-width:366px;}  
}
@media(min-width:1025px) and (max-width:1440px){
.css-528 .main{width: 84.72%;}
.css-528-03 .main{top:23%;}
.css-528 .main.right .tengling-title{padding-right: 2vw;}
}
@media(max-width:1024px){
.css-528{text-align:center;background:#f9f9f9}
.css-528 .main{padding:5vw 0 0 0;position:relative; z-index:5}
.css-528 .pic{overflow:hidden; margin-top:-8vw;}
.css-528 .pic img{max-width:none;width:150%;}
.css-528-01 .pic img{margin-left:-47%}
.css-528-03 .pic img{margin-left:-24%}
.css-528-04 .pic img{margin-left:-47%}
}

.tengling2 .floor-8{background-image: url("images/bg6.jpg");color: #fff;}
.tengling2 .floor-8 .inner{position: relative; z-index: 2; min-height: 50vw; padding-top: 10.521vw;}

.css-533 .left .tengling-title .tit-3{max-width: 475px; line-height: 1.8;}
.css-533 .left .zhengshu{margin-top: 4.6875vw;}
.css-533 .left .pic{margin-top: 20px;}
.css-533 .right dd{float: left;padding-bottom: 50%; width: 50%; position: relative;border: 1px solid #212121;margin-top:-1px;margin-left:-1px; transition: 0.3s;}
.css-533 .right dd .txt{position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.3vw;}
.css-533 .right dd .t1{font-family: "roboto-Light";font-size: 20px;}
.css-533 .right dd .t2{opacity: 0.5;}
.css-533 .right dd:hover{background: #3859ff;}
@media(min-width:769px){
.css-533 .left{float: left;width: 45.082%;}
.css-533 .right{float: right;width: 32.787%;}  
}
@media(min-width:769px) and (max-width:1024px){
 .tengling2 .floor-8 .inner{padding:10vw 0;}
}
@media(max-width:768px){
.css-533 .right{padding:4vw 0;}
}
@media(min-width:481px) and (max-width:768px){
.css-533 .right dd{padding-bottom:33.333%; width:33.333%;}
}
@media (max-width:480px){
.css-533 .right dd{padding-bottom:30%;}
}
.tengling2 .floor-9{ text-align: center; padding: 5.208vw 0;}
.tengling2 .floor-9 .tengling-title .tit-1{padding-bottom: 1em;}
.tengling2 .floor-9 .flipster > a{width: 60px;height: 60px;border-radius: 50%; font-size: 0;background: #e5e5e5;display:block;position:absolute; z-index:20;top:50%;transform:translateY(-50%); }
.tengling2 .floor-9 .flipster > a:before{position:absolute;content:'';width:20%;height:20%;border-top:1px solid #666;border-right:1px solid #666; left:40%;top:40%;transform:rotate(45deg);margin-left:-4%;}
.tengling2 .floor-9 .flipster > a:hover{background:#3859ff;}
.tengling2 .floor-9 .flipster > a:hover:before{border-color:#fff;}
.tengling2 .floor-9 .flipster > a.flipto-prev{left:50%;margin-left:-420px;}
.tengling2 .floor-9 .flipster > a.flipto-prev:before{transform:rotate(-135deg);margin-left:6%;}
.tengling2 .floor-9 .flipster > a.flipto-next{right:50%;margin-right:-420px;}
.tengling2 .floor-9 .flipster .flip-item{min-width: 500px;min-height: 500px}
@media(min-width:1025px) and (max-width:1440px){
.tengling2 .floor-8 .inner,
.tengling2 .floor-3{ min-height: 60vw;}
.css-525,
.css-527,
.tengling2 .floor-2{ height: 60vw;}
.tengling2 .floor-9 .flip-content img{ width: 34vw;height: 34vw;}
.tengling2 .floor-9 .flipster > a{width:4vw; height:4vw}
.tengling2 .floor-9 .flipster > a.flipto-prev{margin-left:-22vw;}
.tengling2 .floor-9 .flipster > a.flipto-next{margin-right:-22vw;}

}
@media(max-width:1024px){
.tengling2 .floor-9 .flip-content img{ width:40vw;height: 40vw;}
.tengling2 .floor-9 .flipster > a{width:8vw; height:8vw}
.tengling2 .floor-9 .flipster > a.flipto-prev{margin-left:-26vw;}
.tengling2 .floor-9 .flipster > a.flipto-next{margin-right:-26vw;}
.tengling2 .floor-9 .flipster .flip-item{min-width: 200px;min-height: 200px}

}
@media(max-width:480px){
.tengling2 .floor-9 .flipster .flip-item{min-width: 150px;min-height: 150px}

}
.tengling2 .loading-video{position: fixed; left: 0;bottom: 0;width: 100%; z-index: 99;background: #000;}
.tengling2 .loading-video  video{width: 100%; height: 100%;}
.tengling2 .loading-video:before{display: none;}
@media(max-width:1600px){
.flipster-carousel .flip-items img{max-width:500px}
}