body { overflow-x:hidden;height:100%;position:relative}
.wrap { width: 1200px; margin: 0 auto; list-style-type: none;height:auto }


.card_main{width:100%;height:100%;overflow:hidden;} 
.card_main .swiper-container{width:100%;height:100%;} 
.card_main .items{	background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;} 
.card_main .items:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.25); }
 @-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } }
.card_main .active .items.scaleBg{ visibility: visible; -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; } 
.card_main .inner .block_txt{text-align:center; position: absolute; top: 32%; right: 10px; left:10px; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.card_main .inner .block_txt .c{background:rgba(255, 255, 255, 0.41);display:inline-block;padding:50px;width:50%;}
.card_main .active2 .inner .block_txt{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; } 
.card_main .inner .block_txt h4{ font-size: 30px; color: #fff; text-align: center; font-family: 'COCO'; } 
.card_main .inner .block_txt h2{ color: #fff; font-size: 70px; font-weight: bold; text-align:center; letter-spacing:5px; } 
.card_main .inner .block_txt h2 span{ color: #f5c920; display: inline-block; letter-spacing: 5px; } 
.card_main .inner .block_txt h3{ color: #fff; font-size: 22px; text-align:center; margin-top: 10px; letter-spacing: 3px; }/*width: 50%;margin-left: 25%;*/

.card_main .inner p{display:block;padding-top:60px;}
.card_main .inner p a{cursor:pointer; width: 150px;margin: auto;display:flex;background:rgba(255, 255, 255, 0.3);border:1px solid white;border-radius:10px;align-items:center;justify-content:center;padding:10px 20px;color:white;font-size:18px;}
.card_main .inner p a i{font-size:18px;padding-right:5px}

.card_main .swiper-button-prev{ background-image:url(../img/cardLunbo/ban_prev.png);padding-left:25px}
.card_main .swiper-button-prev:hover{ background-image:url(../img/cardLunbo/ban_prev_hover.png)}
.card_main .swiper-button-next{ background-image:url(../img/cardLunbo/ban_next.png);padding-right:25px}
.card_main .swiper-button-next:hover{ background-image:url(../img/cardLunbo/ban_next_hover.png)}
#card_main .swiper-pagination {position: absolute; bottom: 8%; left: 50%; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); display: table; padding: 0 20px; width: auto; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#card_main .swiper-pagination span{ font-family: "Myriad Pro","Microsoft YaHei"; font-size: 14px; color: #fff; margin-right:60px; display: inline-block; cursor: pointer; position: relative; transition: all 500ms ease; -webkit-transition:all 500ms ease; } 
#card_main .swiper-pagination span:last-child{ margin-right: 0; }
#card_main .swiper-pagination span:after{ content: ""; display: inline-block; width: 0; height: 2px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:-20px; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition:all 500ms ease; }
#card_main .swiper-pagination span.active:after{ width: 100%; opacity: 1; visibility: visible; }
#card_main .swiper-pagination-bullet{width:30px;height:30px;background:none;opacity:1}
#card_main .swiper-pagination-bullet-active{background:none}
@media only screen and (max-width: 1600px){ .card_main .inner .block_txt h4{ font-size: 28px; } .card_main .inner .block_txt h2{ font-size: 60px; } .card_main .inner .block_txt h3{ font-size: 20px; } } @media only screen and (max-width: 1440px){ .card_main .inner .block_txt h4{ font-size: 24px; } .card_main .inner .block_txt h2{ font-size: 40px; } .card_main .inner .block_txt h3{ font-size: 18px; margin-top: 5px; } } @media only screen and (max-width: 1366px){ .card_main .inner .block_txt h4{ font-size: 20px; } .card_main .inner .block_txt h2{ font-size: 26px; } .card_main .inner .block_txt h3{ font-size: 16px; } } @media only screen and (max-width: 1300px){ } @media only screen and (max-width: 1199px){ .card_main .inner .block_txt h4{ font-size: 18px; } .card_main .inner .block_txt h2{ font-size: 22px; } .card_main .inner .block_txt h3{ font-size: 14px; } } @media only screen and (max-width: 992px){ .card_main{ height: 100vh; } .card_main .inner .block_txt{ left: 0; right:0; margin: 0 auto; padding: 0 20px; top: 42%; } #card_main .swiper-pagination{ bottom: 12%; display: none; } #card_main .swiper-paginationspan{ margin-right: 22px; } #card_main .swiper-pagination:after{ bottom: -14px; } } @media only screen and (max-width: 767px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 320px){ }

/*.more-info{z-index:1; position: absolute; bottom: 8%; right: 5%; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); display: table; padding: 0 20px; width: auto; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.more-info{color:white;border:1px solid white;border-radius:5px;}*/
.more-info{position:absolute;z-index:2;right:5%;bottom:8%;background:white;padding:15px;display:flex;align-items:center;flex-direction:column;border-radius:10px}
.more-info p{text-align:center;font-size: 14px;color:rgba(0, 0, 0, 0.5);padding-bottom:15px}
.more-info img{width:150px;margin-bottom:20px;}
.more-info a{border:1px solid rgb(128, 128, 128);color:rgb(128, 128, 128);display:inline-block;margin:auto;padding:6px 15px}

.header{position:absolute;left:0;right:0;width:100%;z-index:2}
.header > div .menu a{color:white!important}
.header-right a:nth-child(1){border-color:white;color:white}


/*.card-video{position:absolute;z-index:1;left:5%;bottom:8%;background:white;padding:15px;display:flex;align-items:center;flex-direction:column;border-radius:10px}*/
.card-video{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:100%; background:white;display:flex;align-items:center;flex-direction:column;opacity:0}

.card-video video{width:100%;height:100%}

.vjs-poster:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.25); }
.my-video-dimensions{width:100%;height:100%;}

.card-btn{position:absolute;z-index:1;bottom:4%;left:0;right:0;width:100%;display:none;z-index:2;opacity:.3}
.card-btn:hover{opacity:1}
.card-btn p a{cursor:pointer; width: 80px;margin: auto;display:flex;background:rgba(255, 255, 255, 0.3);border:1px solid white;border-radius:10px;align-items:center;justify-content:center;padding:5px 10px;color:white;font-size:18px;}
.card-btn p a i{font-size:15px;padding-right:5px}