@import url("bootstrap.css");
@import url("swiper-bundle.min.css");
@import url("../font/bootstrap-icons.min.css");
@import url("../font/iconfont/iconfont.css");

@font-face {
  /* 字体名称（自定义，后续引用时使用） */
  font-family: "HarmonyOS_m";
  /* 字体文件路径（相对/绝对路径均可） */
  src: url("../font/HarmonyOS_Sans_Medium.ttf") format("truetype");
}
html,body{font-family: 'HarmonyOS_m';}
*{transition: all .3s ease-in-out;}
.theme-btn .bi{
	margin-left: 8px;
	transform: rotate(-40deg);display: inline-block;
}
.theme-btn:hover .bi{transform: rotate(0deg);}

.fs-48{font-size: 34px !important;}
.fs-32{font-size: 24px !important;}
.fs-18{font-size: 18px !important;}
.ttxt{color: #666;font-size: 14px;}

.dropdown-menu{border:none;border-radius: 5px;min-width:100px;box-shadow: 0px 4px 4px 0px rgba(229, 228, 228, 0.42)}
.dropdown-menu .dropdown-item{text-align: center;}

.c-hd,.c-hd .navbar {height: 60px;}
.c-hd .navbar{background-color: #fff;}
.c-hd .t-logo{display: block;width: auto;height: 28px;}
.c-hd .nav-link{border-bottom: 1px solid #EDF1F8;padding-top: 15px;padding-bottom: 15px;color: var( --bs-body-color);text-align: center;}
.c-hd .nav-link.active{color: var(--bs-primary);}
.navbar-toggler{padding:0;border:none}
.navbar-toggler:focus{outline:none;box-shadow:none}
.navbar-toggler span{display:block;width:22px;border-bottom:3px solid #002c5b;border-radius:50px;margin-top:5px}
.navbar-toggler span:first-child{margin-top:0}
.navbar-toggler span:nth-child(2){width:15px}
.offcanvas.offcanvas-end{width: 100%;}
.lang-m .bi{font-size:26px;color: #002c5b;}
.lang-m  .dropdown-toggle::after{display: none;}


.homeSwiper{height: 600px;}
.homeSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-pagination .swiper-pagination-bullet{width: 30px;height: 6px;border-radius: 0;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:  var(--bs-primary);}

.home-banner-tbox{top:0;right: 0;bottom: 0;left:0;position: absolute;z-index: 88;}
.home-banner-tbox .b-tbox-c{display: flex;justify-content: center;flex-direction: column;}
.home-banner-tbox .ttab-l{width: 100%;}
.ttab-l ul{display: flex;align-items: center;justify-content: center;}
.ttab-l .nav-item{margin-bottom: 0;background-color:  #fff;border: 2px solid #9bb7ef;width: 33.33%;flex: 0 0 auto;}
.ttab-l .nav-item:nth-child(2){border-width:2px 0px}
.ttab-l .nav-link{width: 100%;height: 100px;display: flex;align-items: center;justify-content: center;flex-direction: column;color: var(--bs-primary);padding: 0;cursor: pointer;position:relative}
.ttab-l .nav-link::before,.ttab-l .nav-link::after{
	 font-family: 'bootstrap-icons';color: var(--bs-primary);position: absolute;display: none;font-size: 24px;
}
.ttab-l .nav-link::before{content: '\F229'; left: 50%; margin-left: -17px;bottom: 0; margin-bottom: -22px;   }
.ttab-l .nav-link::after{content: '\F231';right: -15px;top: 50%;font-size: 24px;margin-top: -17px;}
.ttab-l .nav-link .iconfont{font-size: 24px;}
.ttab-l .nav-link span{color: var( --bs-body-color);}
.ttab-l .nav-link.active{background-color:var(--bs-primary);color: #fff;}
.ttab-l .nav-link.active::before{display: block}
.ttab-l .nav-link.active span{color: #fff;}

.home-banner-tbox .tab-content{width: 100%;margin-top: 20px;}




.home-bhd {text-align: center;margin-bottom: 25px;}
.home-bhd h4{font-size: 28px;}
.home-bhd h6{font-size: 14px;}

.home-sec,.home-sec .pos-section,.hs5-left{padding: 40px 0;}
/* .hs1-item{height:100%;;}
.hs1-item .hs1-item-box{height:100%;padding:2.8rem 2.4rem 1.6rem;position:relative;border-radius:1.4rem;border:1px solid #edf2fe;backdrop-filter:blur(.2rem);transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(125deg,hsla(0,0%,100%,.9) 9.79%,hsla(0,0%,100%,.7) 90.81%);backdrop-filter:blur(2px);pointer-events:none}
@media only screen and (max-width:991.98Px){.hs1-item .hs1-item-box{padding:20Px}
}
.hs1-item .__biNY3{color:#091221;font-family:PingFang SC;font-size:2.2rem;font-weight:600;line-height:3rem}
.hs1-item .__thu3{margin-top:.4rem;color:rgba(9,18,33,.6);font-family:PingFang SC;font-size:min(1.2rem,16Px);font-weight:400;line-height:2rem;opacity:1;transition:opacity .3s ease;height:4rem}
.hs1-item .__CHKVD{height:21.6rem;width:100%;margin-top:1.8rem;opacity:1;transition:opacity .3s ease;display:flex;justify-content:center;margin-bottom: 1.8rem;}
.hs1-item .__CHKVD img{width:auto;height:100%}
@media only screen and (max-width:991.98Px){.hs1-item .__CHKVD{margin-top:8Px;height:216Px}
.hs1-item .__CHKVD img{height:100%;width:auto}
}.hs1-item .__bxRSU{position:absolute;right:1.4rem;left:1.4rem;bottom:1.4rem;height:4rem;pointer-events:all}
.hs1-item .__bxRSU .__N3sXA{position:absolute;right:0;background:#eff4fe;border-radius:2rem;height:4rem;width:4rem;transition:width .3s ease,background-color .2s ease,color .2s ease;z-index:-1;opacity:0;display:flex;justify-content:center;align-items:center;color:#2468f2;font-family:PingFang SC;font-size:1.4rem;font-weight:500;line-height:2rem;cursor:pointer}
.hs1-item .__bxRSU .Text__bjkBR{opacity:0;transition:opacity .3s ease;transition-delay:.2s}
.hs1-item .__bxRSU .__DffnT{position:absolute;right:0;width:4rem;height:4rem;opacity:1;transition:opacity .3s ease}
.hs1-item .__Ob8dK{position:absolute;top:9.4rem;left:2.4rem;right:2.4rem;pointer-events:all}
@media only screen and (max-width:991.98Px){.hs1-item .__Ob8dK{top:72Px}
}.hs1-item .__Ob8dK .__Y18fh{opacity:0;transition:all .4s ease;margin-bottom:1.6rem;cursor:pointer}
.hs1-item .__Ob8dK .__Y18fh .__oHkIr{color:#091221;font-family:PingFang SC;font-size:1.4rem;font-weight:500;line-height:2rem;cursor:pointer;position:relative;width:max-content}
.hs1-item .__Ob8dK .__Y18fh .__oHkIr:after{content:"";position:absolute;left:calc(100% + .4rem);bottom:.4rem;width:min(1.2rem,18PX);height:min(1.2rem,18PX);background-size:200% 200%;background-position:100% 0;transition:.3s ease-out;}
.hs1-item .__Ob8dK .__Y18fh .___BmeI{color:rgba(9,18,33,.6);margin-top:.2rem;font-family:PingFang SC;font-size:min(1.2rem,16Px);font-style:normal;font-weight:400;line-height:2rem}
.hs1-item .__Ob8dK .__Y18fh .__H8NGR{margin-top:.4rem;color:#222;font-family:PingFang SC;font-size:1.2rem;font-style:normal;font-weight:400;line-height:2rem;display:inline-flex;align-items:baseline}
.hs1-item .__Ob8dK .__Y18fh .__H8NGR>span{margin-right:.4rem;display:inline-block}
.hs1-item .__Ob8dK .__Y18fh .__H8NGR .__4jSK_{color:#f33e3e;font-family:PingFang SC;font-size:1.6rem;font-weight:600;line-height:2.4rem}
.hs1-item .__Ob8dK .__Y18fh:hover .__oHkIr{color:#2468f2}
.hs1-item .__Ob8dK .__Y18fh:hover .__oHkIr:after{background-position:0 100%;background-image:url('../img/icon_nonearrow.svg')}
.hs1-item:hover .hs1-item-box{box-shadow:0 2.4rem 3.2rem 0 rgba(9,18,33,.04);transform:translateY(-.8rem)}
.hs1-item:hover .__DffnT,.hs1-item:hover .__CHKVD,.hs1-item:hover .__thu3{opacity:0}
.hs1-item:hover .__N3sXA{width:100%;opacity:1;z-index:100}
.hs1-item:hover .__N3sXA:hover{background-color:#2468f2;color:#fff}
.hs1-item:hover .Text__bjkBR{opacity:1;z-index:100}
.hs1-item:hover .__Ob8dK{z-index:2;opacity:1}
.hs1-item:hover .__Ob8dK .__Y18fh{transition-delay:2s;opacity:1;transform:translateY(-1.2rem)}
.hs1-item:hover .__DffnT,.hs1-item:hover .__CHKVD,.hs1-item:hover .__thu3{opacity:0} */
.home-sec1{background-image: url("../img/earth.png");background-position: right bottom; background-repeat: no-repeat;background-size: auto auto;}
.hs1-item{background-color: #f1f6fd;margin-bottom: 16px;padding: 20px;cursor: pointer;}
.hs1-item .con{display: none;}

.home-sec2{background-color: #f4f8ff;}

.home-sec3 .row{    --bs-gutter-x: 0;}
.hs3-item{text-align: center;position: relative;margin-bottom: 30px;}
.hs3-item h5{font-size: 18px;}
.hs3-item .icon{background-color:#f3f7ff;width: 102px;height: 102px;border-radius: 50%;margin:0 auto 20px;display: flex;align-items: center;justify-content: center;}
.hs3-item .icon img{width: 64px;}
.hs3-item:after {
    border-top: 2px solid #eef5ff;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(51px);
    transform: translateX(51px);
    width: calc(100% - 102px);
}

.home-sec3 .row .col:last-child .hs3-item:after{display: none;}

.hs3-item .arrow{
    background-color: #fff;
    height: 16px;
    position: absolute;
    right: -8px;
    top: 43px;
    width: 16px;
    z-index: 2;
}
.home-sec4{ height: 700px;position: relative;overflow: hidden;padding: 0;}
.image-section img {
            width: 100%;
            height: 100%;min-height: 500px;
            object-fit: cover;
            object-position: center;
        }
.pos-section{
    position: absolute;
    bottom: 0;
    left: 0;right: 0;top: 0;
                
}
.hs4-item{
        background-image: linear-gradient(0deg, #fff, #f3f5f8);cursor: pointer;
        box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
        border-radius: 4px;
        white-space: normal;
        position: relative;padding: 20px; display: flex;flex-direction: column;justify-content: space-between;}
.hs4-item .pj-txt{position: relative;z-index: 2;padding-top: 20px;padding-left: 20px;}
.hs4-item:before {
    content: "\e61d";
    position: absolute;
    top: 0;
    z-index: 1;
    width: 57px;
    height: 46px;color: #e3e8ed; font-family: "iconfont";font-size: 50px;
}

.pjSwiper .swiper-pagination{position: relative;margin-top: 30px;}
.fitem {
     box-sizing: border-box;
       background: #fff;
       box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
       border-radius: 8px;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-align: center;
       align-items: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-font-smoothing: antialiased;
       padding: 20px;margin-bottom: 20px;}
    
 .fitem .flogo{
        padding-top: 25%;width: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 0 !important;
        line-height: 0 !important;
    }
.home-sec5 {padding: 0 !important;}

.home-sec5 img{max-width: 500px;}
.hs5-item{display: flex;align-items: center;margin-bottom: 30px;}
.hs5-item .icon{width: 40px;height: 40px;align-items: center;justify-content: center;display: flex;flex: 0 0 auto;margin-right: 15px;}
.hs5-item .iconfont{font-size: 32px;color: var(--bs-primary);}
.ffbox_1{background-image: url("../img/bg2.jpg");    background-size: cover;    background-position: center;    background-repeat: no-repeat;padding: 40px 0;color: #fff;}
.ffbox_1 h2{font-size: 24px;}
.ffbox_2{padding: 30px 0;background-color: #151b26;}
.ffbox_2,.ffbox_2 a{color: #fff;}
.ffbox_2 .f-logo{width: auto;height: 36px;}
.ffbox_2 dt{margin-bottom: 20px;}
.f-about{flex: 0 0 auto;width: 400px;}
.f-contact{display: flex;}
.f-contact .icon{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border:1px solid #fff;margin-right: 15px;}
.f-contact h5{font-size: 16px;}

.ins-banner img{
    width: 100%;
    height: 100%;min-height: 240px;
    object-fit: cover;
    object-position: center;
}
.ins-banner-box{position: absolute;left: 0;top: 0;bottom: 0;right: 0;font-size: 14px;}
.ins-banner-box h3{font-size: 28px;font-weight: bold;color: var(--bs-primary);}
.ins-sec1{background-color: #f7fafd;}
.submit-sec{background-color: #fff;padding: 15px;box-shadow:  0px 4px 4px 0px rgba(229, 228, 228, 0.42);}
.team-item{background-color:#F0F4F7;padding: 20px;box-shadow:  0px 4px 4px 0px rgba(229, 228, 228, 0.42);cursor: pointer;margin-bottom: 30px;}
.team-item img{width: 70px;border-radius: 6px; transition: all 1s ease;}
.team-item .bi{font-size: 18px;margin-right: 8px;}
.team-item:hover img {
  transform: rotateY(360deg);
}
.team-item:hover .bi{color: var(--bs-primary);}
.ins3-item{padding: 20px;height: 100%;cursor: pointer;position: relative;top: 10px;overflow: hidden;}
.ins3-item:hover{top: 0;}
.ins3-item::after{content: '';font-family:"iconfont";position: absolute;width: 140px;height: 140px;text-align: center;font-size: 130px;right: -50px;top: 50%;margin-top: -70px;line-height: 1;}
._qyyj{background-color: #e2f0fd;}
._qyyj::after{content: "\e615";color:#cde2f6;}
._qysm{background-color: #e2eaff;}
._qysm::after{content: "\e600";color:#d3ddf6;}
.ins-sec4{background-color: #f7fafd; background-image: url("../img/earth2.png");background-position: right bottom; background-repeat: no-repeat;background-size: auto auto;}
.ins-sec4 .row{ --bs-gutter-y:15px;}
.ins4-item{background-color: #fff;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);padding: 20px;height: 100%;}
.ins4-item .icon{width: 80px;height: 80px;border-radius: 10px;display: flex;align-items:center;justify-content: center;background-color: #d8ebff;margin-bottom: 30px;}
.ins4-item .iconfont{font-size: 48px;color: var(--bs-primary);}
.ins-sec6 .f-contact .icon{border-color: var(--bs-primary);background-color: var(--bs-primary);}
.ins-sec6 .f-contact .bi{color: #fff}
.csubmit-sec{background-color: #f7fafd;padding: 20px;}
@media (min-width: 768px) {
  
}
@media (min-width: 992px) {
	.fs-48{font-size: 48px !important;}
    .fs-32{font-size: 32px !important;}
	
	.c-hd,.c-hd .navbar {height: 80px;}
	.c-hd .t-logo{height: 40px;}
	.c-hd .navbar-nav .nav-item{margin-left: 40px;}
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 0;padding-right: 0;padding-top: 8px;padding-bottom: 8px;}
	.c-hd .nav-link{border-bottom: 3px solid transparent;}
	.c-hd .nav-link.active{border-bottom-color: var(--bs-primary);}
	
	.home-banner-tbox .ttab-l{width:120px;flex: 0 0 auto;margin-right: 30px;}
	.ttab-l ul{flex-direction: column;}
	.ttab-l .nav-item{width: 100%;}
	.ttab-l .nav-item:nth-child(2){border-width: 0px 2px}
	.ttab-l .nav-link .iconfont{font-size: 28px;}
	.home-banner-tbox .tab-content{width:480px;flex: 0 0 auto;margin-top: 0;}
	.home-banner-tbox .form-control.w370{width: 370px;}
	.home-banner-tbox .form-control{line-height: 56px;}
	.ttab-l .nav-link.active::after{display: block}
	
	.home-bhd{margin-bottom: 40px;}
	.home-bhd h6{font-size: 16px;}
	.home-bhd h4{font-size: 42px;margin: 15px 0;}
	.home-sec,.home-sec .pos-section,.hs5-left{padding: 70px 0;}
    
    .hs1-item{margin-bottom: 25px;padding:50px 30px;position: relative;overflow: hidden;}
    .hs1-item .con{display: block;}
    .hs1-item .more-box{left: 0;right: 0;top: 100%;height: 100%;position: absolute;background-color: var(--bs-primary);color: #fff;padding: 30px;display: flex;flex-direction: column;}
    .hs1-item img{width: 50%;}
    .hs1-item:hover .more-box{top: 0;}
    .hs1-item:hover img{opacity: 0;}
    
    .home-sec4{padding: 0;min-height: 800px;}
    .hs4-item{ height: 210px;padding: 30px;}
	.hs5-item .icon{width: 50px;height: 50px;}
	.hs5-item .iconfont{font-size: 48px;}
    .ffbox_1{padding: 80px 0;}
    .ffbox_1 h2{font-size: 38px;font-weight:bold;}
    .ins-banner-box {font-size: 18px;}
    .ins-banner-box h3{font-size: 48px;margin-bottom: 30px;}
    .submit-sec{padding: 40px;}
	.ins3-item,.ins4-item,.csubmit-sec{padding: 30px;}
	
}
@media (min-width: 1200px) {
 
}
@media (min-width: 1400px) {
 
}