/* head */
.hblock{
    height:100px;
}
.head-bg{
    /*position: relative;*/
    position: fixed;
    top: 0;
    background: #fff;
}
.heads{
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    z-index: 9;
    position: relative;
}
.head__main{
    max-width:1650px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 15px;
    transition: all 0.3s ease-in-out;
}
.head-bg.scrolled .head__main{
    padding-top:5px;
    padding-bottom:5px;
}
.head__main .head__main-info{
    display:flex;
    align-items:center;
}

.head__main .head__main-info .head__main-info-logo img{
    width:100%;
    height:60px;
}
.head__main .head__main-info .head__main-info-logo p{
    display: none;
}
.head__main .head__main-info .head__main-info-text:before{
    content:'';
    width:1px;
    height:25px;
    background:#e8e8e8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.head__main .head__main-info .head__main-info-text{
    margin-left:15px;
    position: relative;
    padding-left:15px;
}
.head__main .head__main-info .head__main-info-text .title{
    font-size: 18px;
    font-weight: bold;
    color: #5b5b5b;
    margin-bottom: 5px;
}
.head__main .head__main-info .head__main-info-text .desc{
    font-size: 14px;
    color: #5b5b5b;
}
.head__main .head__main-nav{
    display:flex;
    align-items:center;
}
.head__main .head__main-nav ul{
    display:flex;
    align-items:center;
}
.head__main .head__main-nav ul li{
    /* padding:0 20px; */
    padding: 0 1vw;
    cursor: auto;
}
.head__main .head__main-nav ul li a{
    font-size:14px;
    color:#9f9f9f;
    line-height:30px;
    position: relative;
}
.head__main .head__main-nav ul li:hover a,.head__main .head__main-nav ul li.act a{
    color:#000000;
    font-weight:bold;
}
.head__main .head__main-nav ul li:hover a::after,.head__main .head__main-nav ul li.act a::after{
    content:'';
    width:100%;
    height:3px;
    background:#001a70;
    position: absolute;
    left: 0;
    bottom:-8px;
}
.carbon--phone-filled {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m20.33 21.48l2.24-2.24a2.19 2.19 0 0 1 2.34-.48l2.73 1.09a2.18 2.18 0 0 1 1.36 2v5A2.17 2.17 0 0 1 26.72 29C7.59 27.81 3.73 11.61 3 5.41A2.17 2.17 0 0 1 5.17 3H10a2.16 2.16 0 0 1 2 1.36l1.09 2.73a2.16 2.16 0 0 1-.47 2.34l-2.24 2.24s1.29 8.73 9.95 9.81'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: #9f9f9f;
}
.head__main .head__main-nav .head__main-tel{
    margin-left:2.5vw;
}
.head__main .head__main-nav .head__main-tel img{
    height: 20px;
    width: 100%;
}

.head__subnav{
    width:100%;
    height:100%;
    min-height: 260px;
    background-color: #f9f9f9;
    position: absolute;
    top: 100px;
    z-index: 5;
    display: none;
}
.head__subnav.act{
    display:block;
}
.head__subnav .head__subnav-box{
    max-width: 1650px;
    margin:0 auto;
    height: 100%;
}
.head__subnav .head__subnav-box .head__subnav-ul-item{
    display: flex;
    align-items: center;
    height: 100%;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft{
    width: 65%;
    padding: 45px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
    height: auto;
    align-self: flex-start;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div{
    border: 1px solid #a3a3a3;
    padding: 15px 20px;
    /* width: 11.2vw; */
    border-radius: 5px;
    /* margin-left: 35px; */
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div i{
    transition: all 0.3s ease-in-out;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div:hover{
    border-color: #001a70;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div:hover a{
    color: #001a70;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div:hover i{
    color: #001a70;
}
/* .head__subnav .head__subnav-box .head__subnav-ul-item .ileft div:nth-child(4n+1){
    margin-left: 0;
} */
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div a{
    font-size: 16px;
    color: #090909;
}
.icon-park-outline--right {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%237E7E7E' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m19 12l12 12l-12 12'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .ileft div img{
    height: 100%;
    width: 20px;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .iright{
    width: 35%;
    height: 100%;
    background-color: #ffffff;
    padding: 45px;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .iright .title{
    font-size: 28px;
    color:#090909;
}

.head__subnav .head__subnav-box .head__subnav-ul-item .iright .line{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50px;
    height: 1px;
    background-color: #aaaaaa;
}
.head__subnav .head__subnav-box .head__subnav-ul-item .iright .desc{
    font-size: 14px;
    color: #8e8e8e;
}
.head__main .head__main-nav-btn{
    display:none;
}
.majesticons--menu {
  display: inline-block;
  width: 50px;
  height: 50px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8h12M6 12h12M6 16h12'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
@media screen and (max-width: 1280px) {
    .head__main .head__main-info .head__main-info-text{
        display: none;
    }
    .head__subnav .head__subnav-box .head__subnav-ul-item .ileft{
        grid-template-columns: repeat(3,1fr);
    }
}
@media screen and (max-width: 992px) {
    .head__subnav .head__subnav-box .head__subnav-ul-item .ileft{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 768px) {
    .head__main .head__main-nav{
        display:none;
    }
    .head__main .head__main-nav-btn{
        display:block;
    }
    .head__main .head__main-info .head__main-info-logo a{
        display: flex;
        align-items: center;
    }
    .head__main .head__main-info .head__main-info-logo img{
        width: auto;
    }
    .head__main .head__main-info .head__main-info-logo .mobtit{
        display: block;
        margin-left: 10px;
        font-size: 4vw;
        font-weight: bold;
    }
}


/* foot */
.foot-bg{
    background-color: #041021;
}
.foot__main{
    max-width: 1400px;
    margin:0 auto;
    padding: 60px 15px;
    display: flex;
    justify-content: space-between;
}
.foot__main .foot__main-left{
    width: 65%;
}
.foot__main .foot__main-left ul{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}
.foot__main .foot__main-left li:not(:last-child){
    margin-right: 100px;
}
.foot__main .foot__main-left .title{
    margin-bottom: 25px;
}
.foot__main .foot__main-left .title a{
    font-size: 14px;
    color: #bcbcbc;
    font-weight: bold;
}
.foot__main .foot__main-left dl dd{
    margin-bottom: 10px;
}
.foot__main .foot__main-left dl dd a{
    font-size: 14px;
    color: #bcbcbc;
}
.foot__main .foot__main-left dl dd a:hover{
    color: #001a70;
}
.foot__main .foot__main-right{
    width: 35%;
    text-align: right;
}
.foot__main .foot__main-right img{
    height: 45px;
    width: auto;
    margin-bottom: 30px;
}
.foot__main .foot__main-right .info{
    display: flex;
    flex-direction: column;
}
.foot__main .foot__main-right p{
    font-size: 14px;
    color: #a7a8a9;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.foot__main .foot__main-right .title{
    font-weight: bold;
}
.foot__main .foot__main-right .line{
    background: #a7a8a9;
    width: 70%;
    display: block;
    height: 1px;
    margin-right: 0;
    place-self: end;
}
.foot__main .foot__main-right .line:nth-of-type(1){
    margin-bottom: 20px;
}
.foot__main .foot__main-right .line:nth-of-type(2){
    margin-top: 10px;
}
.foot__copyright{
    max-width: 1400px;
    margin:0 auto;
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #a7a8a9;
}
.foot__copyright .foot__copyright-left p{
    font-size: 14px;
    color: #a7a8a9;
    margin-bottom:5px;
}
.foot__copyright .foot__copyright-right{
    display: flex;
    align-items: center;
}
.foot__copyright .foot__copyright-right ul{
    display: flex;
    align-items: center;
}
.foot__copyright .foot__copyright-right ul li{
    margin:0 8px;
}
.foot__copyright .foot__copyright-right ul li a{
    background: #cdcfd3;
    display: flex;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    justify-content: center;
    align-items: center;
}
.foot__copyright .foot__copyright-right ul li a i{
    color: #4c5273;
}
.foot__copyright .foot__copyright-right ul li img{
    height: 25px;
    width: auto;
}
.foot__copyright .foot__copyright-right p{
    font-size: 16px;
    color: #a7a8a9;
}
.ic--baseline-wechat {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.85 8.14c.39 0 .77.03 1.14.08C16.31 5.25 13.19 3 9.44 3c-4.25 0-7.7 2.88-7.7 6.43c0 2.05 1.15 3.86 2.94 5.04L3.67 16.5l2.76-1.19c.59.21 1.21.38 1.87.47c-.09-.39-.14-.79-.14-1.21c-.01-3.54 3.44-6.43 7.69-6.43M12 5.89a.96.96 0 1 1 0 1.92a.96.96 0 0 1 0-1.92M6.87 7.82a.96.96 0 1 1 0-1.92a.96.96 0 0 1 0 1.92'/%3E%3Cpath fill='%23000' d='M22.26 14.57c0-2.84-2.87-5.14-6.41-5.14s-6.41 2.3-6.41 5.14s2.87 5.14 6.41 5.14c.58 0 1.14-.08 1.67-.2L20.98 21l-1.2-2.4c1.5-.94 2.48-2.38 2.48-4.03m-8.34-.32a.96.96 0 1 1 .96-.96c.01.53-.43.96-.96.96m3.85 0a.96.96 0 1 1 0-1.92a.96.96 0 0 1 0 1.92'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.ant-design--qq-outlined {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112C331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3c-34 109.5-23 154.8-14.6 155.8c18 2.2 70.1-82.4 70.1-82.4c0 49 25.2 112.9 79.8 159c-26.4 8.1-85.7 29.9-71.6 53.8c11.4 19.3 196.2 12.3 249.5 6.3c53.3 6 238.1 13 249.5-6.3c14.1-23.8-45.3-45.7-71.6-53.8c54.6-46.2 79.8-110.1 79.8-159c0 0 52.1 84.6 70.1 82.4c8.5-1.1 19.5-46.4-14.5-155.8'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.ri--facebook-fill {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
@media screen and (max-width: 1280px) {
    .foot__main .foot__main-left li:not(:last-child){
      margin-right: 5vw;
    }
}
@media screen and (max-width: 768px) {
    .foot__main{
      padding: 6vw 15px;
    }
    .foot__main .foot__main-left{
      display:none;
    }
    .foot__main .foot__main-right{
      width: 100%;
      text-align: center;
    }
    .foot__main .foot__main-right .line{
      width: 50%;
      place-self: center;
    }
    .foot__copyright{
      justify-content: center;
      flex-direction: column;
      text-align: center;
    }
    .foot__copyright .foot__copyright-right{
      justify-content: center;
    }
}