@charset "utf-8";
body,* { font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
:root {
    --red: #00B7FF;
    --green: #00B7FF;
    --green2: #00B7FF;
    --blue: #00B7FF;
}
@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1100px){
    html{
        font-size: calc(100vw/8) !important;
    }
}
.colorRed { color:var(--red); }
.colorG { color:var(--green); }
.colorYellow { color: var(--green); }
.container { width: 78%; margin: 0 auto; }

@media(max-width: 1600px){
    .container { width: 86%; }
}
@media(max-width: 1100px){
    .container { width: 92%; }
}



.header { position: fixed; left:0; top: 0; width: 100%; z-index: 101; }

.bgImg { width: 100%; heiggt: 100vh; }
.mainSx { width: 1px; height: 100vh; position: fixed; left: 0.7rem; top: 0; z-index: 99; background: rgba(159,159,159,0.2); }
.mainSx2 { position: relative; }
.mainSx2:before { content:''; width: 2px; transition:all 0.6s; height: 0%; position: absolute; left: -0.7rem; top: 0;background: linear-gradient(0deg, #1049B2 0%, #00B7FF 100%);  }
.mainSx2.animated:before { height: 100%; }

.banner .swiper-pagination { position: absolute; left:0; bottom: 0.5rem; width:100%; }
.banner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; overflow: hidden; position: relative; width: 0.7rem; height: 2px; background: rgba(255,255,255,0.4); opacity: 1; }
.banner .swiper-pagination .swiper-pagination-bullet:after { content:""; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #fff; transition:all 3s; }
.banner .swiper-pagination .swiper-pagination-bullet-active:after { width: 100%; }

.container2 { margin-left: 0.7rem; width: calc(100% - 0.7rem); padding: 0 0.7rem; }
.container3 { margin-left: 0.7rem; width: calc(100% - 0.7rem); padding: 0 1.4rem 0 0.7rem; }

.headerA-a .logo img { width: auto; height: 0.36rem; }
@media(max-width: 1100px){
    .container2,
    .container3 { width: 100%; margin-left:0; padding: 0 4vw; }
    .mainSx,
    .mainSx2:before { display: none; }
}

.header { position: fixed; z-index: 99; width: 100%; top: 0; left: 0; background:rgba(255,255,255,0); transition:all 0.5s; }
.header .logo img { width: auto; height: 0.36rem; }

.header .logo:hover img { transform:scale(1); }

.header .logo .morena { display: none; }
.header .logo a { display: block; padding: 0.2rem 0; transition:all 0.6s; }
.header .adenz ul li { float: left; margin-right: 0.4rem; position: relative; }
.header .adenz ul li:last-child { margin-right: 0; }
.header .adenz ul li a { line-height: 0.76rem; display: block; color: #fff; transition:all 0.6s; }

.header .adenza ul li a { transition:all 0.6s; }
.header .adenzb { margin-left: 0.8rem; }
.header .adenza .enzb a { font-size: 14px; display: block; color: #fff; line-height: 1;  transition:all 0.6s; padding: 33px 0 32px 22px; position: relative; }
.header .adenza .enzb a::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/enzb.svg)no-repeat center center/cover; }

.banner { transition: all 0.5s; position: relative; width: 100%; height: 100vh; }
.banner .swiper-container,.banner .swiper-container .swiper-slide { width: 100vw; overflow: hidden; }
.banner .img { position: relative; height: 100vh; overflow: hidden; }
.banner .img .bg { width: 100%; height: 100%; -webkit-animation:fa1 5s linear 1; }
.banner .img .vid { z-index: 3; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.banner video { z-index: 3; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.banner .img:before { content:""; width: 100%; height: 40%; position: absolute; left:0; top:0; background: linear-gradient(180deg, #1E242C 0%, rgba(30, 36, 44, 0) 100%); opacity: 0.5; z-index: 10; }


.indexA .img:before { content:""; width: 100%; height: 40%; position: absolute; left:0; top:0; background: linear-gradient(180deg, #1E242C 0%, rgba(30, 36, 44, 0) 100%); opacity: 0.3; z-index: 10; }


.header.fixed-head { background: rgba(0,0,0,1); }

@media(max-width: 1100px){
    .bannerZ,.banner,.banner .img { height: auto; position: relative; }
}

@-webkit-keyframes fa1{
    0%{-webkit-transform:scale(1.1);}
    10%{-webkit-transform:scale(1.09);}
    20%{-webkit-transform:scale(1.08);}
    30%{-webkit-transform:scale(1.07);}
    40%{-webkit-transform:scale(1.06);}
    50%{-webkit-transform:scale(1.05);}
    60%{-webkit-transform:scale(1.04);}
    70%{-webkit-transform:scale(1.03);}
    80%{-webkit-transform:scale(1.02);}
    90%{-webkit-transform:scale(1.01);}
    100%{-webkit-transform:scale(1.0);}
}
.header .logo .pic2 { display:none; }

.header.detHeader .logo .pic1 { display:none; }
.header.detHeader .logo .pic2 { display:block; }
.header.detHeader .adenz ul li>a { color:#1A1A1A; }
.header.detHeader .adenza .enzb a { color:#1A1A1A; }
.header.detHeader .adenza .enzb a::before { background: url(../images/enzb2.svg)no-repeat center center/cover; }

/*新的下拉*/
.header .adenz ul li,.header .adenza { position: initial; }

.jhexin { height:0; transition:all 0.6s; overflow: hidden; display:block; position: absolute; left:-2.86vw; width: 100vw; }

.jhexinA { display:flex; flex-wrap:wrap; border-top:1px solid #D8D8D8; }
.jhexinA .exinl { float:left; background: rgba(255, 255, 255, 0.7); width: 43vw; padding: 3vw 3.5vw 3vw 2.86vw;backdrop-filter: blur(61px); }
.jhexinA .exinr { float:left; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(61px); width: 57vw; }
.jhexinA .exinl img { max-width: 356px; }
.jhexinA .exinr dl { width: 360px; height: 100%; border-right:1px solid #D8D8D8; }
.header .adenz ul li .jhexinA .exinr dl a { border-bottom:1px solid #D8D8D8; display:block; padding: 25px 30px 25px 40px; font-size:16px;color:#333; }
.header .adenz ul li .jhexinA .exinr dl a span { display:block; background: url(../images/xiala1.svg) no-repeat right center; }
.header .adenz ul li .jhexinA .exinr dl a:hover span { color:#003C83; background: url(../images/xiala2.svg) no-repeat right center; }
.header .adenz ul li:hover .jhexin { height: 60vh; opacity: 1; }

@media(max-width: 1500px){
    .header .adenz ul li .jhexinA .exinr dl a { padding: 22px 20px 20px 30px; }
    .header .adenz ul li:hover .jhexin { height: 70vh; }
}
@media(max-width: 1300px){
    .header .adenz ul li:hover .jhexin { height: 80vh; }
}


.banner { overflow: hidden; }
.banner .img { transition:all 2s; transform:scale(1.2); }
.banner .swiper-slide-active { position: relative; z-index: 5; }
.banner .swiper-slide-active .img { transform:scale(1.0); }
.banner .img .bg { width: 100vw; height: 100vh; }
.bannerA { position: absolute; width: 100%; left:0; top: 50%; transform:translateY(-50%); }
.bannerA-a { position: relative; opacity: 0; top: 100px; transition:all 1.5s; }
.banner .swiper-slide-active .bannerA-a { opacity: 1; top: 0; }

.bannerD { padding-left: 0.25rem; position: absolute; bottom:0.5rem; z-index: 5; right: 0.7rem; }
.bannerD span { content:'';width: 0.13rem;height: 0.18rem;background: url(../images/scrolldow.svg) no-repeat center/cover; position: absolute; left: 0; top: -10px;}
.bannerD span {
    -webkit-animation: godown 2s infinite;
    animation: godown 2s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {-webkit-transform: translate(0, 15px);opacity: 1;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {opacity: 1;}
    100% {transform: translate(0, 15px);opacity: 1;}
}
@media(max-width: 1600px){
    .mainQh { cursor: pointer; width: 64px; height: 50px; }
    @-webkit-keyframes godown {
        0% {-webkit-transform: translate(0, 0);opacity: 1;}
        50% {opacity: 1;}
        100% {-webkit-transform: translate(0, 10px);opacity: 1;}
    }
    @keyframes godown {
        0% {transform: translate(0, 0);opacity: 1;}
        50% {opacity: 1;}
        100% {transform: translate(0, 10px);opacity: 1;}
    }
}
@media(max-width: 1100px){
    .bannerD { right: 4vw; padding-left: 0.5rem; }
    .bannerD span { width: 0.26rem; height: 0.36rem; }
}

@media(max-width: 1100px){
    .bannerA { top: 40%; }
}



.header .adenz ul li .sub { padding-right: 0.12rem; background: url(../images/subbg.svg) no-repeat right center; background-size: 0.07rem auto; }
.header .adenz ul li { position: relative; }
.headSub { background: #fff; overflow: hidden; height:0; /*display:none;*/ transition:all 0.6s; position: absolute; left:50%; transform:translateX(-50%); text-align:center; width: 3rem; top: 82px; }
.headSubA { padding: 0.2rem 0; background: #fff; }
.header .adenz ul li:hover .headSub { height: 3rem; }
.header .adenz ul li .headSub a { transition:all 0.5s; color:#333; line-height: 0.5rem; }
.header .adenz ul li .headSub a:hover { background: var(--blue); color:#fff; }





.topSearch { position: relative; float:right; width: 0.3rem; height: 0.76rem; }
.topSearch .icon { cursor: pointer; width: 0.3rem; height: 0.5rem; transition:all 0.5s; position: absolute; right:0; top: 50%; transform: translateY(-50%); background: url(../images/searchbtn1.svg) no-repeat center; background-size: 0.22rem auto; }
.topSearch form { overflow: hidden; position: absolute; top: 0.5rem; right:0; transition:all 0.5s; width: 2rem; height: 0; transition:all 0.5s; transition:all 0.5s; position: absolute; }
.topSearch form .layui-input { padding-left: 0.12rem; width: 100%; overflow: hidden; transition:all 0.5s; height: 100%; background: none; border:none; }
.topSearch form .layui-input::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.4);}
.topSearch form .layui-input::-moz-placeholder {color: rgba(255, 255, 255, 0.4);}
.topSearch form .layui-input:-moz-placeholder {color: rgba(255, 255, 255, 0.4);}
.topSearch form .layui-input:-ms-input-placeholder {color: rgba(255, 255, 255, 0.4);}
.topSearch form .layui-input { color:#fff; height: 0.5rem; }
.topSearch2 { border: 1px solid rgba(255, 255, 255, 0.5); width: 100%; height: 0.5rem; }
.topSearch2 button { width: 0.5rem; height: 0.5rem; position: absolute; right:0; top:0; background: url(../images/searchbtn1.svg) no-repeat center; background-size: 0.2rem auto; }
.topSearch:hover form { padding-top: 0.12rem; height: 0.7rem; }
.topLan { margin-right: 0.2rem; margin-left: 0.5rem; }
.topLan .icon2 {  background: url(../images/lanbtn1.svg) no-repeat center;  background-size: 0.22rem auto; }
.subLan { height: 0; overflow: hidden; transition:all 0.5s; position: absolute; left:0; top: 0.5rem; width: 0.8rem; padding-top: 0.1rem; }
.subLanA { padding: 0.1rem 0; text-align:center; background: #fff; border-radius: 5px; }
.subLan a { padding: 6px 0; display:block; font-size: 0.16rem; color:#333; }
.subLan a:hover { color:#fff; background: var(--red); }
.topLan:hover .subLan { height: 1.2rem; }

.header { position: fixed; left:0; top: 0; width: 100%; z-index: 101; }

.bgImg { width: 100%; heiggt: 100vh; }
.mainSx { width: 1px; height: 100vh; position: fixed; left: 0.7rem; top: 0; z-index: 99; background: rgba(159,159,159,0.2); }
.mainSx2 { position: relative; }
.mainSx2:before { content:''; width: 2px; transition:all 0.6s; height: 0%; position: absolute; left: -0.7rem; top: 0;background: linear-gradient(0deg, #1049B2 0%, #00B7FF 100%);  }
.mainSx2.animated:before { height: 100%; }
.banner { width: 100%; overflow: hidden; }
.banner .swiper-pagination { position: absolute; left:0; bottom: 0.5rem; width:100%; }
.banner .swiper-pagination .swiper-pagination-bullet { overflow: hidden; position: relative; width: 0.7rem; height: 2px; background: rgba(255,255,255,0.4); opacity: 1; }
.banner .swiper-pagination .swiper-pagination-bullet:after { content:""; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #fff; transition:all 3s; }
.banner .swiper-pagination .swiper-pagination-bullet-active:after { width: 100%; }

.container2 { margin-left: 0.7rem; width: calc(100% - 0.7rem); padding: 0 0.7rem; }

.headerA-a .logo img { width: auto; height: 0.36rem; }
@media(max-width: 1100px){
    .container2 { width: 100%; margin-left:0; padding: 0 4vw; }
    .mainSx,
    .mainSx2:before { display: none; }
}

@media(max-width: 1100px){
    .header .logo { margin-right:0; }
    .header .adenz,
    .header .adenza .enza { display:none; }
    .header .adenza { margin-right: 1.3rem; }
    .header .adenza,.navR { display:block; }
    .topSearch .icon { width: 0.6rem; height: 1.2rem; }
    .banner video { top:0; transform:translateX(-50%); left:50%;  }
    .topSearch { width: 1rem; height: 1.2rem; }
    .topSearch .icon { background: url(../images/searchbtn1.svg) no-repeat center; background-size: 0.5rem auto; }
    .topLan .icon2 { margin-left: 0.3rem; background: url(../images/lanbtn1.svg) no-repeat center;  background-size: 0.5rem auto; }
    .header .logo a { padding: 0.3rem 0; }
    .header .logo img { height: 0.6rem; }

}
.banner { background:#000; }

.homeA { margin-top: -1px; position: relative; background: url(../images/homeabg.jpg) no-repeat center/cover; }
.homeA2 { position: absolute; width: 100%; left:0; top: 50%; transform:translateY(-50%); }
.homeA-b .c { max-width: 7.7rem; }
.homeA-c { width: 7rem; position: absolute; right:0; top: 50%; transform: translateY(-50%); }
.homeA-c .img { width: 70%; margin: 0 auto; }
@media(max-width: 1100px){
    .homeA-b { width: 100%; }
    .homeA-b .c { max-width: 100%; }
    .homeA-c { margin-top: 0.5rem; float:left; width: 100%; position: relative; right:0; top:0; transform: translateY(0); }
    .homeA-c .img { width: 70%; margin: 0 auto; }
    .homeA2 { top: auto; transform: translateY(0); bottom: 1.2rem; }
}

.homeB { padding: 1.7rem 0 1.7rem; background: #191C21; }
.homeB-c { position: absolute; right:0; bottom: 0; }
.mainQh { cursor: pointer; width: 0.75rem; height: 0.55rem; transition:all 0.5s; border:1px solid #CACACA; }
.mainPrev { background: url(../images/mainQhprev.svg) no-repeat center; background-size: 0.1rem auto; }
.mainNext { background: url(../images/mainQhnext.svg) no-repeat center; background-size: 0.1rem auto; }
.mainNext { margin-left: 0.1rem; }
.mainQh:hover { background-color: var(--blue); border-color: var(--blue); }
.homeB-d ul { display: flex; flex-wrap: nowrap; }
.homeB-d ul li { background: rgba(88, 120, 181, 0.1); overflow: hidden; margin-right: 0.12rem; transition:all 0.5s; width: 2.58rem; }
.homeB-d ul li:nth-child(4n) { margin-right:0; }
.homeB-d ul li.active { width: 9rem; }
.homeB-d ul li .img { position: relative; height: 4.2rem; overflow: hidden; }
.homeB-d ul li .img img { max-width: 100vw; width: 9rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; }
.homeB-f { transition:all 0.6s; text-align:center; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; }
.homeB-f .icon img { width: auto; height: 0.36rem; }
.homeB-h { width: 100%; overflow: hidden; }
.homeB-g { transition:all 0.6s; padding: 0.3rem 0.3rem; width: 100%; opacity: 0; width: 8rem; box-sizing: border-box; height: auto; }
.homeB-d ul li.active .homeB-f { opacity: 0; }
.homeB-d ul li.active .homeB-g { opacity: 1; }



@media(max-width: 1100px){
    .homeB-d ul { display: flex; flex-wrap: wrap; }
    .homeB-d ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .homeB-d ul li.active { width: calc(50% - 0.1rem); }
    .homeB-d ul li:nth-child(2n) { margin-right:0; }
    .homeB-d ul li:nth-child(n+3) { margin-top:0.4rem; }
    .homeB-d ul li .img { height: auto; overflow: hidden; }
    .homeB-d ul li .img img { max-width: 100vw; width: 100%; position: relative; left: 0; top: 0; transform: translate(0, 0); height: auto; }
    .homeB-g { width: 100%; }
    .homeB-d ul li .homeB-f { opacity: 0; }
    .homeB-d ul li .homeB-g { opacity: 1; }
    .homeB-c { display: none; }
}
/*@media(max-width: 500px){*/
/*    .homeB-d ul li { width: 100%; margin-right: 0; }*/
/*    .homeB-d ul li.active { width: 100%; }*/
/*    .homeB-d ul li:nth-child(n+2) { margin-top:0.4rem; }*/
/*}*/

.homeC .swiper-container { position: relative; }
.homeC .swiper-pagination { width: 0.3rem; top: 50%; bottom: auto; transform: translateY(-50%); right: 1.4rem; left:auto; }
.homeC .swiper-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; margin: 0.5rem auto; opacity: 1; transition: all 0.5s; position: relative; display: block; background: rgba(255,255,255,0.5); }
.homeC .swiper-pagination .swiper-pagination-bullet:before { content:''; width: 0; transition:all 0.5s; height: 0; background: url(../images/homecbg2.svg) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: 100% auto; }
.homeC .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
.homeC .swiper-pagination .swiper-pagination-bullet-active:before { width: 0.33rem; height: 0.33rem;  }
.homeC-b { width: 50%; }
/*.homeC-b .c { letter-spacing: -1px; }*/
.homeC-c { position: absolute; left:0; top: 1.6rem; width: 100%; }
@media(max-width: 1100px){
    .homeC-b { width: 100%; }
    .homeC .swiper-pagination { right: 4vw; }

}

.homeD-bg:before,.homeD-bg:after { z-index: 5; opacity: 0.8; content:''; width: 40%; height: 100%; position: absolute; left:0; top:0; }
.homeD-bg:before { background: linear-gradient(90deg, rgba(37, 40, 46, 0.8) 0%, rgba(37, 40, 46, 0) 100%); }
.homeD-bg:after { left: auto; right: 0; background: linear-gradient(90deg, rgba(37, 40, 46, 0) 0%, rgba(37, 40, 46, 0.8) 100%); }

.homeC { width: 100%; overflow: hidden; }
.homeD { height: 100vh; width: 100%; overflow: hidden; padding: 1.5rem 0 2rem; background: #25282E; }
.homeD-c { width: 7.4rem; position: absolute; right: 0; bottom: 0; }
.homeD-d ul li { margin-right: 0.18rem; text-align:center; width: 14.28vw; height: 1.23rem; border-radius: 0.1rem; border:1px solid rgba(255,255,255,0.2); }
.homeD-d ul li .img { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.homeD-d ul li .img img { width: auto; height: 0.32rem; }
@media(max-width: 1100px){
    .homeD-d ul li { width: 25vw; }
    .homeD-b { width: 100%; }
    .homeD-c { position: relative; float: left; width: 100%; margin-top: 0.3rem; }
}



.indexFMore { position: absolute; right: 0; bottom: 0.05rem; }
.indexF { padding:1.7rem 0 2.1rem; background: #191C21; }
.indexF-c a { height: 100%; display:block; position: relative; }
.indexF-c { float:left; width: calc(50% - 0.2rem); }
.indexF-c .con { z-index: 2; width: 100%; padding:0.3rem; position: absolute; left:0; bottom:0; }
.indexF-c .con .t { width: calc(100% - 1.5rem); }
.indexF-c .con .more { display:inline-block; padding-right: 0.15rem; position: absolute; right: 0; bottom: 0.05rem; background: url(../images/mainmore1.svg) no-repeat right center; background-size: 0.05rem auto; }
.indexF-d { float:right; width: calc(50% - 0.2rem); }
.indexF-d,.indexF-c { height: 27vw; overflow: hidden; }
.indexF-c .img { position: relative; }
.indexF-c .img:before { z-index: 1; content:''; width: 100%; height: 70%; position: absolute; left:0; bottom:0;background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0, 0, 0, 0) 100%); }
.indexF-d ul { position: relative; height: 100%; border-bottom:1px solid rgba(234,234,234,0.1); }
.indexF-d ul li { position: relative; height: 33.33333%; border-top:1px solid rgba(234,234,234,0.1); padding:0.9vw 0; }
.indexF-d .con .t,.indexF-c .con .t { line-height: 1.4; }
.indexF-d ul li a { display:block; position: relative; }
.indexF-d ul li a .img { left:0; position: relative; transition:all 0.5s; width: 10vw; }
.indexF-d ul li:hover a .img {  left: 10px; }
.indexF-d ul li .con { position: absolute; left: 12vw; top:50%; transform:translateY(-50%); width: calc(100% - 13vw); }
.indexF-d ul li:hover a .t,.indexF-d ul li:hover a .more { color:var(--blue); }
.indexF-d .con .more { display:inline-block; padding-right: 0.15rem; background: url(../images/mainmore2.svg) no-repeat right center; background-size: 0.05rem auto; } 
.indexF-c img { transition: all 0.5s; }
.indexF-c:hover img { transform: scale(1.05); }
@media(max-width: 1100px){
    .indexF-d,.indexF-c { height: auto; width: 100%; }
    .indexF-d { margin-top:20px; }
    .indexF-d ul li { padding: 20px 0; }
    .indexF-d ul li a .img { width: 30vw; }
    .indexF-d ul li .con { left: 32vw; width: calc(100% - 32vw); }
    .indexF-d ul li:nth-child(n+3) { display: none; }
}
@media(max-width: 600px){
    .indexF-c .con { padding: 20px 15px; }
    .indexF-d ul li a .img { width: 36vw; }
    .indexF-d ul li .con { left: 38vw; width: calc(100% - 38vw); }
}
@media(max-width: 450px){
    .indexF-d { margin-top:15px; }
    .indexF-d ul li { padding: 15px 0; }
    .indexF-d ul li .con .more { display:none; }
    .indexF-d ul li .con { left: 39vw; width: calc(100% - 39vw); }
    .indexF-d ul li .con .t { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2; }
}

/*.mainSx2 .t { letter-spacing: -0.03rem; }*/
.indexG { overflow: hidden; width: 100%; position: relative; padding: 1.2rem 0 1rem; background: #25282E; }
.indexG-a { float: right; width: 14.5rem; position: relative; right: -1.4rem; }
.indexG-d { position: absolute; transform: translate(-50%, -50%); width: 0.13rem; height: 0.13rem; }
.indexG-d .btn { width: 0.13rem; height: 0.13rem; background: #fff; border-radius: 50%; position: relative; }
.indexG-d .btn:after { box-sizing: border-box; content:''; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); transition: all 0.5s; border-radius: 50%; width: 0.35rem; height: 0.35rem; border:2px solid #fff; }
.indexG-d .btn:hover { background: none; }
.indexG-d .btn:hover:after { border-width: 0.11rem; }
.indexG-d .btn span { position: absolute; left: 0.4rem; top: 50%; transform: translateY(-50%); width: 1rem; }
.indexG-e { cursor: pointer; position: relative; }
.indexG-f { display: none; transition:all 0.6s; position: absolute; left: 0.85rem; bottom: -0.5rem; width: 3.3rem; background: #2C2E31; padding: 0.15rem; }
.indexG-e:hover .indexG-f { display: block; }
.indexG-b { position: absolute; left:0; top:0; width: 100%; height: 100%; }
.indexG-a .tabSwitch { z-index: 5; position: relative; left:0; top:0; width: 100%; height: 100%; }
.indexG-a .tabSwitch .tabTit { z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.5rem; width: 6.4rem; padding: 0.1rem; border: 1px solid rgba(216,216,216,0.5) }

.indexG-a .tabSwitch .tabTit { width: 2.2rem; }

.indexG-a .tabSwitch .tabTit span { padding: 0.1rem 0; cursor: pointer; text-align:center; float:left; width: 33.3333%; }
.indexG-a .tabSwitch .tabTit span { padding: 0.1rem 0; cursor: pointer; text-align:center; float:left; width: 100%; }
.indexG-a .tabSwitch .tabTit span.cur { background: #D8D8D8; color:#242931; }
.indexG-a .tabSwitch .tabBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.indexG-a .tabSwitch .tabBox .box,.indexG-c { position: relative; left: 0; top: 0; width: 100%; height: 100%; }
.indexG2 { position: absolute; left:0; top: 30%; transform: translateY(-50%); width: 100%; }
.indexG2-b { width: 3.1rem; }
.indexG2-b ul li { padding: 0.15rem 0.2rem; background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255, 255, 255, 0) 100%); }
.indexG2-b ul li:nth-child(n+2) { margin-top: 0.3rem; }
@media(max-width: 1100px){
    .indexG2-b { width: 100%; }
    .indexG2 { position: relative; top: 0; transform: translate(0); }
    .indexG-a { margin-top: 0.5rem; float: right; width: 100%; position: relative; right: 0; }
}

.homeH { position: relative; z-index: 100; padding: 0.8rem 0; background: url(../images/homehbg.jpg) no-repeat center/cover; }
.homeH-a .tit { width: 7rem; }
.homeH-a .more { position: absolute; right:0; top: 50%; transform:translateY(-50%); }
@media(max-width: 1100px){
    .homeH-a .tit { width: 100%; }
    .homeH-a .more { position: relative; float:left; right:0; top: 0; transform:translateY(0); margin-top: 0.3rem; }
}


.color93 { color:#939393; }
.footer { position: relative; z-index: 100; background: #191C21; }
.footerA { padding: 0.6rem 0 0.9rem; }
.footerA-b { width: 3rem; }
.footerA-b .flogo img { width: auto; height: 0.5rem; }
.footerA-b .text li { position: relative; }
.footerA-b .icon img { width: 0.54rem; height: auto; }
.footerA-b .con { position: absolute; left: 0.65rem; top: 50%; transform: translateY(-50%); }
.footerA-c dl { margin-left: 0.5rem; float: left; }
.footerA-c dd a { display: block; margin-top: 0.05rem; }
.footerA-c dd a:hover { color:#fff; }
/*.footerA-c dl a { letter-spacing:-1px; }*/
.footerB { padding: 0.2rem 0; background: #111317; }
.colorc4 { color: #c4c4c4; }
.footerB-a .copyright { line-height: 0.54rem; }
.footerB-a .copyright a { color:#c4c4c4; transition: all 0.5s; }
.footerB-a .copyright a:hover { color:#fff; }
.footerB-b { float: right; }
.footerB-b ul li { float: left; position: relative; }
.footerB-b ul li:nth-child(n+2) { margin-left:0.15rem; cursor: pointer; }
.footerB-b ul li .icon { text-align:center; width: 0.4rem; transition:all 0.6s; border-radius: 0.6rem; padding: 0.125rem 0; background: rgba(102, 102, 102, 0.1); height: 0.4rem; }
.footerB-b ul li:hover .icon { background: rgba(255, 255, 255, 0.3); }
.footerB-b ul li .icon img { height: 0.15rem; width: auto; }
.footerB-b ul li a,.footerB-b ul li img { vertical-align:top; }
.footerB-b ul li:hover .icon { background-color: rgba(102,102,102,0.2); opacity: 1; }
.footerB-b ul li .ewm { position: absolute; width: 1.2rem; height: 1.2rem; border:1px solid #e2e2e2; background: #fff; position: absolute; left:50%; transform: translateX(-50%); bottom:0.52rem; display: none; }
.footerB-b ul li:hover .ewm { display: block; }
@media(max-width: 1100px){
    .footerA-c { display: none; }
    .footerB-a .copyright { line-height: 1.6; width: 100%; }
    .footerB-b ul li .icon { padding: 0.2rem 0; width: 0.8rem; height: 0.8rem; }
    .footerB-b ul li .icon img { width: 0.4rem; height: auto; }
    .footerB-b ul li .ewm { width: 2.2rem; height: 2.2rem; bottom: 0.85rem; }
    .footerA-b { width: 100%; }
    .footerB-b { text-align: center; width: 100%; margin-top: 0.3rem; }
    .footerB-b ul li { display: inline-block; margin: 0 0.2rem; vertical-align: top; float: none; }
}

.bold { font-weight: 300; }

.k-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}

.fadeInUpA { position: relative; opacity: 0; bottom: -1rem; transition: all 2s; }
.active .fadeInUpA { opacity: 1; bottom: 0; }
.section { position: relative; }
.section3 { background:#191C21!important; }
.section5 { background:#25282E!important; }
.section7 { background:#25282E!important; }
.section5 .homeD { height: auto; padding: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.section5 .homeB { height: auto; padding: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.section5 .homeG { height: auto; padding: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }

.homeC .img .bg { width: 100%; height: 100vh; }