@charset "UTF-8";

html{margin: 0;padding: 0;width: 100%; height: 100%;}
body{margin: 0;padding: 0;font-family:Poppins,sans-serif;font-size: 16px;overflow-x:hidden;width: 100%; height: 100%;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
h2{font-size: var(--fz26);}
h3{font-size: var(--fz20);}
p{font-size: var(--fz16);}
.f12{font-size: var(--fz12);}
.f18{font-size: var(--fz18); }

:root{
    --main-color:#60d8ff;
    --main-color-hover: #1D2088;
    --fcolor:#333333;
    --fcolor2:#999999;
    --fcolor3:#666666;
    --fz12:12px;
    --fz14:14px;
    --fz15:15px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz24:24px;
    --fz26:26px;

}


header{position: relative;z-index: 100}
header .position{position: fixed;top: 0;left: 0;width: 100%;background-color: rgba(0, 0, 0, 0);}
header .position .body{width: 100%;display: flex;align-items: center;box-sizing: border-box}
header.active .position{background-color: #000;transition: all .5s}
header.active .position .body{padding: 0 28px;transition: all .5s}
header.active .position .right ul li a{opacity: 1}
header .position .right{margin-left: auto;display: flex;align-items: center}
header .position .right ul{display: flex;}
header .position .right ul li a,header .position .right .contact a{transition: opacity 0.2s ease, color 0.2s ease;}
header .position .right ul li a{font-weight: 500;font-size: var(--fz14);font-family: Poppins,sans-serif;display: block;padding: 0 10px;color: white;opacity: .75}
header .position .right ul li.active a{color: #60D8FF}
header .position .right ul li a:hover,header .position .right .contact a:hover{opacity: 1;}


.logo img{width:230px;}

footer{background-color: #f2f2f2;display: flex;justify-content: center;align-items: center;padding: 20px 0 }
footer *{color: #777777}

.banner{position: relative;width: 100%;height: 100%;}
.banner .pc_video{width: 100%;height: 100%;}
.banner .pc_video .full_video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:1;object-fit: fill}
.banner .button{position:absolute;left:50%;bottom: 20%;z-index:60;display: flex;flex-direction: column;justify-content: center;align-items: center;transform: translate(-50%)}
.banner .button .img{text-transform:uppercase;line-height:17px;letter-spacing:1px;font-weight:300;font-size:14px;border-color:#60d8ff;border-style:solid;border-width:3px;border-radius:23px;padding:18px 12px;color:rgb(214,167,25);text-decoration:none;white-space:normal;width:10px;height:16px;opacity:1;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) ;transform-origin:50% 50% 0px;}
.banner .img span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite;background:#fff;}
.banner .button p{color: white;margin-top: 20px;cursor: pointer}


@keyframes rev-ani-mouse {
    0% {opacity: 1;top: 29%;}
    15% {opacity: 1;top: 70%;}
    50% {opacity: 0;top: 70%;}
    100% {opacity: 0;top: 29%;}
}

/*rank*/
.index_title{display: flex;position: relative;}
.index_title span{font-family: Poppins,sans-serif;font-size: 50px;font-weight: 700;}
.index_title span:nth-of-type(2){color: #60D8FF;padding-left: 8px;}
.index_title::after{content: '';display: block;position: absolute;width: 76px;height: 5px;background-color: var(--main-color);left: 0;bottom: -40px;}

/*about*/
.about_bg{background-image: url(../img/index_about_bg.jpg);background-size: cover;padding: 120px 0}
.about{padding: 62px;display: flex;}
.about .right .content *{font-family: Poppins,sans-serif;color: #383838}
.about .right .content p:not(:first-of-type){margin-top: 15px;}

/*about*/

.beliefs_bg{background-image: url(../img/index_beliefs_bg.png);background-size: cover;width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;position: relative}
.beliefs_bg::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.68);z-index: 1}
.beliefs{position: relative;z-index: 2}
.beliefs .index_title span:first-of-type{color: white}
.beliefs .beliefs_f{display: flex;}
.beliefs .left{width: 43.802%}
.beliefs .left .msg{font-style: italic;font-size: var(--fz20);margin-top: 80px;color: white;font-weight: 500;}
.beliefs .left bdi{font-size: 16px;font-style: italic;color: white;margin-top: 15px;display: block}
.beliefs .right *{color: white}

.beliefs .right p{margin-top: 20px;}

/*team*/
.team_bg{background-image: url(../img/index_team_bg.jpg);background-size: cover;padding: 120px 0}
.team .index_title::after{bottom: -20px}
.team .top{margin-top: 70px;}
.team .top .left{padding-right: 40px;box-sizing: border-box}
.team .top .left .msg{font-style: italic;font-size: var(--fz20);color:var(--fcolor)}
.team .top .left bdi{font-size: 16px;font-style: italic;color: var(--fcolor);margin-top: 15px;display: block}
.team .top .right p{color: var(--fcolor)}
.team .list{margin-top: 40px;}
.team .list .item{border: 1px solid var(--main-color);padding: 38px;}
.team .list .item h3{color: var(--main-color)}
.team .list .item p{font-size: var(--fz15);color: var(--fcolor);margin-top: 20px;}
.team .list .item a{padding: 10px 20px;background-color: var(--main-color);border-radius: 15px;font-size: var(--fz12);font-weight: 500;color: white;margin-top: 40px;display: inline-block}

/*funds*/
.funds_bg{background-image: url(../img/index_funds_bg.jpg);background-size: cover;padding: 120px 0;position: relative}
.funds_bg::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.68);z-index: 1}
.funds .index_title span:first-of-type{color: white}
.funds{position: relative;z-index: 2;display: flex}
.funds .left{min-width: 234px;width: 18.09%;}
.funds .left .index_title span{font-size: 40px;}
.funds .left .index_title::after{bottom: -20px}
.funds .right .item{border:1px solid var(--main-color);padding: 62px;box-sizing: border-box}
.funds .right .item h3{color: var(--main-color);font-size: var(--fz26);font-weight:normal;}
.funds .right .item p{color: white;margin-top: 10px;}
.funds .top_t{display: flex;flex-wrap: wrap}
.funds .top_t span{color:white;font-size: var(--fz26);}
.funds .top_t span:not(:first-of-type){margin-left: 8px;}
.funds .top_t span.color{color:var(--main-color);}

/*services*/
.services_bg{background-image: url(../img/index_service_bg.jpg);background-size: cover;padding: 120px 0}
.services .index_title{display: flex;justify-content: center}
.services .index_title::after{display: none}
.services .list .item{border:1px solid #aaaaaa;border-radius: 5px;padding: 25px}
.services .list .item h3{color: var(--main-color);font-weight: 600;margin-top: 15px;}
.services .list .item ul{position: relative;list-style: revert;margin-left: 25px;margin-top: 8px;}
.services .list .item li{position: relative;list-style: revert;}
.services .list .item li::before{content:'';display: block;}

/*partners*/
.partners_bg{background-color: #f6f6f6;padding: 120px 0}
.partners .title{display: flex;flex-direction: column;justify-content: center;align-items: center;position:relative}
.partners .title *{font-size: 40px;}
.partners .index_title:after{display: none}
.partners .title::after{content: '';display: block;position: absolute;width: 55px;height: 5px;background-color: var(--main-color);left: 50%;bottom: -20px;transform: translate(-50%)}
.partners .list{display: flex;justify-content: center;margin-top: 80px;flex-wrap: wrap}
.partners .list .item{width: 16%}
.partners .list img{max-width: 100%;padding: 10px;box-sizing: border-box;filter:grayscale(100%)}
.partners .list .item:hover img{filter:unset}

/*message*/
.message_bg{background-image: url(../img/index_contact_bg.jpg);background-size: cover;padding: 120px 0}

.message .tit{display: flex;align-items: center}
.message .tit .line{width: 35px;height: 4px;background-color: var(--main-color);margin-right: 25px;}
.message .tit p{font-size: var(--fz18);color: var(--main-color);vertical-align:baseline;letter-spacing: 3px;font-weight: 600;}
.message .left form span{display: block;margin-top: 20px;}
.message .left form span input,.message .left form textarea{display: block;width: 100%;background-color: rgba(255, 255, 255, 0.1);font-size: var(--fz14);border-radius: 4px;line-height: 24px;padding: 10px;outline: none;border: 2px solid rgba(255, 255, 255, 0);color: white;font-weight: 600;box-sizing: border-box}
.message .left form span input:focus,.message .left form span textarea:focus{transition: all 0.5s ease;border: 2px solid rgba(255, 255, 255, 0.8);}
.message .left form button{padding: 10px 30px;background-color: var(--main-color);border-radius: 20px;border:none;color: white;font-weight: 600;cursor: pointer;position: relative;margin-top: 20px;box-sizing: border-box;font-size: var(--fz16);}
.message .left form button:hover{transform:translateY(-3px);transition: all .5s;}
.message .contact_info{margin-top: 40px;}
.message .contact_info i{color: var(--main-color);min-width: 25px;margin-right: 20px;}
.message .contact_info>div{display: flex;align-items: center;margin-top: 24px;}
.message .contact_info>div p{color: white}
.message .map{margin-top: 20px;}

.message .wpcf7-response-output{color: white}

/*语言切换*/
.language a{color: white;display:flex;}
/*.language a:hover{background-color: #fff;color: #d6a718;transition:  all .5s}*/