﻿

@charset "utf-8";




.h-secTop1{padding: 1rem 0.6rem 0.65rem; background: #0054a0; position: relative; z-index: 1; overflow: hidden;}
.h-secTop1 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: 100% auto; background-size: 100% auto; z-index: -1;}
.h-secTop1 .logo{margin-bottom: 0.02rem; height: 0.92rem; line-height: 0.92rem; font-size: 0;}
.h-secTop1 .logo img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.h-secTop1 .tit{margin-bottom: 0.86rem;}
.h-secTop1 .tit img{margin: 0 auto; display: block; max-width: 100%; max-height: 5.66rem;}
.h-secTop1 .tit2{color: #FFFFFF; text-align: center; line-height: 1.3;}
.h-secTop1 .tit2 .p1{font-family: HarmonyOS_Sans_SC_Medium; font-size: 0.36rem;}
.h-secTop1 .tit2 .p2{font-family: HarmonyOS_Sans_SC_Bold; margin-top: 0.08rem; font-size: 0.54rem;}
.h-secTop1 .txt{font-family: AlibabaPuHuiTi_3_65_Medium; margin-top: 0.34rem; padding: 0.56rem 0.44rem 0.74rem; background: url(../images/bg2.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; border-radius: 0.1rem; font-size: 0.3rem; color: #0055A1; line-height: 1.8; text-indent: 2em;}
.h-secTop2{padding: 2.58rem 0 3.56rem; position: relative;}
.h-secTop2 .logo-l{position: absolute; left: 0.66rem; top: 0.54rem; height: 1.18rem; line-height: 1.18rem; font-size: 0; z-index: 10;}
.h-secTop2 .logo-l img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.h-secTop2 .logo-r{position: absolute; right: 0.52rem; top: 0.56rem; height: 1.02rem; line-height: 1.02rem; font-size: 0; z-index: 10;}
.h-secTop2 .logo-r img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.h-secTop2 .tit{color: #FFFFFF; line-height: 1.2; text-align: center;}
.h-secTop2 .tit .p1{font-family: YouSheBiaoTiHei; font-size: 0.67rem;}
.h-secTop2 .tit .p2{font-family: AlibabaPuHuiTi_3_105_Heavy; margin-top: 0.02rem; font-size: 0.97rem;}
.h-secTop2 .icon{margin: 0 auto; margin-top: 0.5rem; height: 2.42rem; line-height: 2.42rem; font-size: 0; text-align: center;}
.h-secTop2 .icon img{position: static; display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.h-secTop2 .tags{font-family: HarmonyOS_Sans_SC_Medium; margin-top: 0.54rem;}
.h-secTop2 .tags .tag-tit{font-size: 0.3rem; color: #FFFFFF; text-align: center; line-height: 1.3;}
.h-secTop2 .tags .tag-txt{margin-top: 0.26rem; margin-bottom: -0.22rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.h-secTop2 .tags .tag-txt span{margin: 0 0.06rem; margin-bottom: 0.22rem; padding: 0 0.2rem; display: block; min-width: 2.04rem; line-height: 0.56rem; background-color: #fff; border-radius: 0.3rem; font-size: 0.32rem; color: #0055A1; text-align: center; flex-shrink: 0;}
.h-secTop2 .tags .tag-txt.v1{padding: 0 1rem;}

.h-secBot1{margin-top: -2.19rem; overflow: hidden;}
.h-secBot1 img{display: block; width: 100%;}
.h-secBot2{overflow: hidden;}
.h-secBot2 img{display: block; width: 100%;}


.h-ind2{overflow: hidden;}
.h-ind2 img{display: block; margin: 0 auto; width: 100%;}

.h-ind3{padding: 0.92rem 0 2.07rem; position: relative;}
.h-ind3 .ind-bg1{position: absolute; left: 0; bottom: calc(100% - 0.3rem); right: 0; z-index: 10;}
.h-ind3 .ind-bg1 img{display: block; width: 100%;}
.h-ind3 .ind-bg2{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; z-index: -1;}

.h-body1{background: #0054a0; position: relative; z-index: 1; overflow: hidden;}
.h-body1 .bdy-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: 100% auto; background-size: 100% auto; z-index: -1;}
.h-ny1{padding: 0.54rem 0 0.35rem; position: relative; z-index: 1;}
.h-ny1 .ny-bg{position: absolute; left: 0; bottom: 100%; right: 0; z-index: -1;}
.h-ny1 .ny-bg img{display: block; width: 100%;}
.h-img1{margin: 0.67rem 0; margin-left: 0.95rem;}
.h-img1 img{display: block; max-height: 1.22rem;}
.h-list1{font-family: HarmonyOS_Sans_SC_Medium; padding: 0 0.3rem; padding-top: 2.68rem; height: 10.72rem; position: relative; z-index: 1;}
.h-list1 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg6.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: -1;}
.h-list1 .btn{margin: 0 auto; margin-bottom: 0.7rem; padding-left: 1.16rem; width: 4.54rem; display: block; font-size: 0.27rem; color: #FFFFFF; height: 0.52rem; line-height: 0.52rem; display: flex; align-items: center;}
.h-list1 .tit{margin-bottom: 0.32rem; font-size: 0.3rem; color: #0055A1; text-align: center; line-height: 1.3;}
.h-list1 .ul{margin: 0 -0.18rem -0.3rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.h-list1 .ul li{padding: 0 0.18rem; margin-bottom: 0.3rem; width: 50%; flex-shrink: 0;}
.h-list1 .ul .con{font-family: HarmonyOS_Sans_SC_Bold; display: block; overflow: hidden;}
.h-list1 .ul .con img{display: block; width: 100%;}



.h-ul1{}
.h-ul1 li{margin-bottom: 0.45rem;}
.h-ul1 li:last-child{margin-bottom: 0;}
.h-ul1 .con{display: block; min-height: 3.38rem; position: relative; z-index: 1;}
.h-ul1 .con img{display: block; width: 100%;}

.h-ul2{font-family: HarmonyOS_Sans_SC_Bold; color: #FFFFFF; line-height: 1.32;}
.h-ul2 li{margin-bottom: 0.12rem;}
.h-ul2 li:last-child{margin-bottom: 0;}
.h-ul2 .con{display: block; height: 2.02rem; position: relative; z-index: 1; display: flex; align-items: center;}
.h-ul2 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: -1;}
.h-ul2 .left{padding: 0.2rem 0; padding-left: 0.3rem; width: calc(100% - 1.2rem); flex-shrink: 0;}
.h-ul2 .right{width: 1.2rem; flex-shrink: 0;}
.h-ul2 .tit{font-size: 0.34rem; max-height: 3.96em; -webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;overflow:hidden;}
.h-ul2 .btn{font-size: 0.22rem; text-align: center;}
.h-ul2 .btn img{margin: 0 auto 0.16rem; display: block; width: 0.56rem; height: 0.56rem;}