@charset "utf-8";

@font-face {
  font-family: "HarmonyOS_Sans_SC_Regular";
  src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
  display:swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Black";
  src: url(../fonts/HarmonyOS_Sans_SC_Black.ttf);
  display:swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Bold";
  src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);
  display:swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Light";
  src: url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
  display:swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Medium";
  src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
  display:swap;
}
@font-face {
  font-family: "Poppins_Medium";
  src: url(../fonts/Poppins-Medium.ttf);
  display:swap;
}

* {
  scroll-behavior: smooth;
  font-family: "HarmonyOS_Sans_SC_Regular";
  line-height: 1;
}
.fd::after {
  content: " ";
  display: block;
  clear: both;
}
.fd {
  zoom: 1;
}
.container {
  margin: 0 auto;
  width: 75%;
}
.wapr {
  margin: 0 auto;
  width: 90%;
}
.mb {
  display: none;
}
.pc {
  display: block;
}
.wimg {
  width: 100%;
}
@media (max-width: 1730px) {
  .wapr {
    width: 95%;
  }
}
@media (max-width: 1440px) {
  .container {
    width: 95%;
  }
}

@media (max-width: 1024px) {
  .wapr,
  .container {
    width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 768px) {
  .wapr,
  .container {
    width: 100%;
    padding: 0 10px;
  }
  .mb {
    display: block;
  }
  .pc {
    display: none;
  }
}

/* 公共栏目动画 */
@keyframes myscale{
  from{transform:scale(1.1);
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
  }
  to{transform:scale(1);
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
  }
}

.base_hover .imgbox{
  overflow: hidden;
}
.base_hover img{
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.base_hover:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

/* 头部 */
.nav{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.nav .main{
  display: flex;
  justify-content: space-between;
  height: 110px;
}
.nav .main .logo{
  display: flex;
  align-items: center;
}
.nav .main .logo .img1{
  display: block;
}
.nav .main .logo .img2{
  display: none;
}
.nav .main .meau{
  width:80%;
}
.nav .main .con{
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.nav .main .list{
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.nav .main .list .item{
  position: relative;
}
.nav .main .list .nav_title{
  font-size: 18px;
  font-family: "HarmonyOS_Sans_SC_Light";
  display: flex;
  align-items: center;
  height: 100%;
}
.nav .main .list .nav_title a{
  color: #fff;
}

.nav .main .plist{
  position: absolute;
  top: 100%;
  left: 50%;
  right: 0;
  width: 150%;
  background-color: #fff;
  display: none;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}
.nav .main .plist .pitem a{
  padding: 10px;
  text-align: center;
  display: block;
}
.nav .main .plist .pitem a:hover{
  color: #025ff8;
}

@media(min-width:1025px){
    .nav .main .plist{
        width:700px;
        padding:40px 100px;
        background-color:#f2f6ff;
        border-radius: 0 0 20px 20px;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -ms-border-radius: 0 0 20px 20px;
        -o-border-radius: 0 0 20px 20px;
        overflow: hidden;
    }
    .nav .main .plist .pitem{
        width:42%;
        display:inline-block;
        vertical-align: middle;
        margin-right:15%;
        margin-bottom:15px;
    }
    .nav .main .plist .pitem:nth-child(2n){
        margin-right:0;
    }
    .nav .main .plist .pitem a{
        text-align:left;
        padding:0;
        display:block;
        line-height:40px;
        border-bottom:1px solid #e0e0e0;
        font-size:16px;
    }
    .nav .main .qlist{
        padding-left:10px;
    }
    .nav .main .plist .pitem a:hover{
        color:#025ff8;
        border-color:#025ff8;
    }
}

.nav .main .other{
  display: flex;
  align-items: center;
  margin-left: 6.5%;
}
.nav .main .other .search{
  border: 2px solid #fff;
  padding: 10px 40px 10px 25px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
}
.nav .main .other .search input{
  width: 100%;
}
.nav .main .other .search input,
.nav .main .other .search input::placeholder{
  color: #fff;
  font-size: 14px;
  font-family: "HarmonyOS_Sans_SC_Light";
}
.nav .main .other .search .search_btn{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  background-image: url(../images/search.png);
  width: 19px;
  height: 18px;
  cursor: pointer;
}
.nav .main .other .langs{
  margin-left: 25px;
  position: relative;
}
.nav .main .other .langs a::before{
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-bottom: 3px solid #faf9f7;
  border-top: 0;
  bottom: 0;
  z-index: 1;
  top: 45%;
  right: 0;
  transform: translate(-50%,0) rotate(180deg);
  -webkit-transform: translate(-50%,0) rotate(180deg);
  -moz-transform: translate(-50%,0) rotate(180deg);
  -ms-transform: translate(-50%,0) rotate(180deg);
  -o-transform: translate(-50%,0) rotate(180deg);
}
.nav .main .other .langs a{
  color: #fff;
  font-size: 16px;
  font-family: "HarmonyOS_Sans_SC_Light";
  position: relative;
  padding-right: 12px;
  display: block;
  white-space: nowrap;
}
.nav .main .other .langs .lang_box{
  position: absolute;
  top: 100%;
  background-color:rgba(0, 0, 0, .15);
  width: 150%;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: none;
  overflow: hidden;
}
.nav .main .other .langs .lang_box a{
  padding: 5px;
  font-size: 14px;
  padding: 10px;
}
.nav .main .other .langs .lang_box a:hover{
  background-color:rgba(0, 0, 0, .3);
}
.nav .main .other .langs .lang_box a::before{
  right: 10px;
}
.nav .main .other .langs a.i{
  line-height: 45px;
}




.open_menu {
  width: 25px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  right: 30px;
  display: none;
  cursor: pointer;
}
.open_menu i {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  top: 10px;
  margin-top: -1.5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.open_menu i:nth-child(1) {
  margin-top: -10px;
}
.open_menu i:nth-child(3) {
  margin-top: 8px;
}
.open_menu.cur i:nth-child(2) {
  display: none;
}
.open_menu.cur i:nth-child(3) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  margin: 0;
}
.open_menu.cur i:nth-child(1) {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin: 0;
}

/* 底部 */
.foot .fot_t{
}
.foot .fot_t .content{
  display: flex;
  justify-content: space-between;
  padding: 7.1% 0;
  align-items: center;
}
.foot .fot_t .content .title{
  font-size: 30px;
  color: #000000;
  line-height: 1.33;
}
.foot .fot_t .content .us{
  margin-top: 30px;
  display: inline-block;
  background-image: url(../images/more1.png);
  width: 180px;
  text-align: center;
  line-height: 58px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding-right: 10px;
}
.foot .fot_t .content .us:hover{
  color: #025ff8;
}
.foot .fot_t .content .right{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.foot .fot_t .content .imgbox{
  background-color: #ffffff;
  width: 250px;
  height: 120px;
  padding: 10px;
}
.foot .fot_t .content .imgbox img{
  width: 100%;
}
.foot .fot_t .content .text{
  padding-left: 20px;
}
.foot .fot_t .content .t01{
  font-size: 20px;
  color: #000000;
  line-height: 1.5;
  margin-bottom: 10px;
}
.foot .fot_t .content .t02{
  font-size: 16px;
  font-family: "HarmonyOS_Sans_SC_Light";
  line-height: 1.875;
}

.foot .fot_b{
  background-color: #022959;
  padding: 20px 0;
}
.foot .fot_b .content{
  display: flex;
  justify-content: space-between;
}
.foot .fot_b .content .left{
  display: flex;
  align-items: center;
}
.foot .fot_b .content .list{
  display: flex;
  margin-left: 15px;
}
.foot .fot_b .item{
  margin: 0 5px;
}
.foot .fot_b .item a{
  color: rgba(255, 255, 255, .5);
}
.foot .fot_b .right{

}
.foot .fot_b .right .mores{
  display: flex;
}
.foot .fot_b .right .mores a{
  position: relative;
  color: #fff;
}
.foot .fot_b .right .mores a:not(:first-child){
  margin-left: 20px;
}
.foot .fot_b .right .mores a + a::before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  top: 50%;
  width: 2px;
  height: 80%;
  background-color: #d4d4d4;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.foot .fot_b .right .desc{
  font-size: 14px;
  color: #fff;
  font-family: "HarmonyOS_Sans_SC_Light";
  margin-top: 12px;
  line-height: 1.5;
}



/* 响应式 */
@media (max-width: 1459px){
  .nav .main .meau {
      flex: 1;
      padding-left:3%;
  }
  .foot .fot_t .content {
    padding: 5% 0;
  }
  .nav .main .list .item {
    margin-right: 5px;
    }

    .nav .main .list .nav_title {
        font-size: 16px;
    }
}
@media (max-width: 1366px){
  .nav .main .other {
    margin-left: 5.5%;
  }
  .foot .fot_b .content{
    flex-wrap: wrap;
  }
  .foot .fot_b .content .left {
    width: 100%;
  }
  .foot .fot_b .content .right {
    width: 100%;
    margin-top: 20px;
  }
  .foot .fot_t .content .title {
    font-size: 24px;
  }
  .foot .fot_t .content .us {
    width: 124px;
    line-height: 40px;
    padding-right: 10px;
  }
}
@media (max-width: 1024px){
  .nav .main .plist{
    position: relative;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    left: unset;
}
  .nav .main .meau {
    width: auto;
    flex:unset;
  }
  .nav .main .other {
    margin-left: 5.5%;
    margin-right: 60px;
  }
  .nav .main{
    height: 90px;
  }
  .open_menu {
    display: block;
  }
  .nav .main .list {
    overflow-y: auto;
    position: fixed;
    right: -100%;
    top: 80px;
    z-index: 99;
    height: calc(100% - 80px);
    width: 100%;
    background-color: white;
    padding:30px;
    display: block;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    z-index: 2;
  }
  .nav .main .list.cur{
    right: 0;
  }
  .nav .main .list .nav_title a {
    color: #333333;
  }
  .nav .main .list .item a{
    padding: 20px 0;
    display: inline-block;
  }
  .nav .main .nav_title {
    position: relative;
    border-bottom: 1px solid #eee;
  }
  .nav .main .nav_title::after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    right: 8px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .nav .main .item.cur .nav_title::after{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
  .foot .fot_t .content .title,
  .foot .fot_t .content .t01{
    font-size: 18px;
  }

  .foot .fot_t .content .us {
      margin-top: 10px;
  }
  .foot .fot_t .content .t02 {
    font-size: 14px;
  }
}
@media (max-width: 768px){
  .foot .fot_t .content{
    flex-wrap: wrap;
  }
  .foot .fot_t .content .left{
    width: 100%;
  }
  .foot .fot_t .content .right{
    margin-top: 10px;
  }
}
@media (max-width: 680px){
  .foot .fot_b .content .left{
    flex-wrap: wrap;
  }
  .foot .fot_b .content .left .logo{
    width: 100%;
    margin-bottom: 20px;
  }
  .foot .fot_b .content .list{
    margin-left: 0;
  }
  .foot .fot_b .item{
    margin: 0 10px;
    font-size: 14px;
  }
  .foot .fot_b .item:first-child{
    margin-left: 0;
  }
  .foot .fot_t .content .title, .foot .fot_t .content .t01 {
    font-size: 16px;
  }
}
@media (max-width: 480px){
  .nav .main .other .search{
    width: 200px;
    padding: 10px 0;
  }
  .open_menu{
    right: 10px;
  }
  .nav .main .other .langs a{
    font-size: 12px;
  }
  .nav .main .other .search {
    border: 2px solid #fff;
    padding: 5px;
  }
  .nav .main .other .search input, .nav .main .other .search input::placeholder {
    font-size: 12px;
  }
  .nav .main .other .langs{
    margin-left: 5px;
  }
  .nav .main .logo img{
    width: 85px;
  }
  .nav .main .other .search .search_btn{
    right: 3px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .nav .main .other {
    margin-left: 5px;
    margin-right: 30px;
  }
  .foot .fot_b .content .list{
    flex-wrap: wrap;
  }
  .foot .fot_b .item{
    width: 33.33%;
    margin: 0 0 10px;
  }
  .foot .fot_t .content .imgbox {
    min-width: 100px;
    height: 100px;
  }
  .foot .fot_t .content .t02 {
    font-size: 12px;
  }
  .nav .main {
    height: 60px;
  }
  .nav .main .list{
    top: 60px;
    padding: 20px;
    height: calc(100% - 60px);
  }
  .nav .main .list .item a {
    padding: 10px 0;
    display: inline-block;
  }
  .nav .main .nav_title::after{
    top: 15px;
  }
  .nav .main .list .nav_title{
    font-size: 16px;
  }
  .nav .main .other .langs .lang_box a {
    padding: 5px 10px;
    font-size: 12px;
  }
  .foot .fot_t .content .right {
    flex-wrap: wrap;
    }

    .foot .fot_t .content .text {
        margin-top: 20px;
    }

    .foot .fot_t .content .imgbox {
        height: auto;
    }
}


/* 反白 */

.nav.nav2,
.nav.nav3{
  background-color: #fff;
}
/*.nav2.nav .main,
.nav3.nav .main{
  height: 90px;
}*/
.nav2.nav .main .list .nav_title a,
.nav3.nav .main .list .nav_title a{
  color: #333;
}
.nav2.nav .main .logo .img1,
.nav3.nav .main .logo .img1{
  display: none;
}
.nav2.nav .main .logo .img2,
.nav3.nav .main .logo .img2{
  display: block;
}

.nav2.nav .main .other .search,
.nav3.nav .main .other .search{
  border: 2px solid #333;
}
.nav2.nav .main .other .search input, .nav2.nav .main .other .search input::placeholder,
.nav3.nav .main .other .search input, .nav3.nav .main .other .search input::placeholder{
  color: #333;
}
.nav2.nav .main .other .langs a.i,
.nav3.nav .main .other .langs a.i{
  color: #333;
}
.nav2.nav .main .other .langs a::before,
.nav3.nav .main .other .langs a::before{
  border-bottom: 3px solid #333;
}
.nav2 .main .other .langs .lang_box a::before,
.nav3 .main .other .langs .lang_box a::before{
  border-bottom: 3px solid #faf9f7;
}
.nav2.nav .main .other .search .search_btn,
.nav3.nav .main .other .search .search_btn{
  background-image: url(../images/search1.png);
}
.nav2.nav .open_menu i,
.nav3.nav .open_menu i{
  background-color: #333;
}

/* 公共按钮 */
.base_more{
  background-image: url(../images/more.png);
  display: inline-block;
  width: 180px;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 58px;
  color: #000000;
  font-size: 16px;
  font-family: "HarmonyOS_Sans_SC_Light";
  height: 58px;
  background-position: center center;
}
.base_more:hover{
  color:  #025ff8 !important;
}
@media (max-width: 1024px){
  .base_more {
      width: 120px;
      line-height: 39px;
      font-size: 14px;
      height: 39px;
  }
}
@media (max-width: 480px){
  .base_more {
      width: 80px;
      line-height: 26px;
      font-size: 12px;
      height: 26px;
  }
}
.base_title{
  text-align: center;
}
.base_title span{
  position: relative;
  font-size: 20px;
  color: #025ff8;
  line-height: 1.5;
}
.base_title span::before,
.base_title span::after{
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background-image: url(../images/icon1.png);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.base_title span::before{
  left: -32px;
}
.base_title span::after{
  right:-32px;
}

.base_title1{
  text-align: left;
  padding-left: 30px;
}
.base_title1 span{
  position: relative;
  font-size: 44px;
  color: #333;
  line-height: 1.5;
}
.base_title1 span::before,
.base_title1 span::after{
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background-image: url(../images/icon1.png);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.base_title1 span::before{
  left: -30px;
}
.base_title1 span::after{
  right:-30px;
  background-image: url(../images/icon01.png);
}
@media (max-width: 1459px){
  .base_title1 span,
  .base_title span{
    font-size: 36px;
  }
}
@media (max-width: 1024px){
  .base_title1 span,
  .base_title span{
    font-size: 24px;
  }
}
@media (max-width: 768px){
  .base_title1 span,
  .base_title span{
    font-size: 18px;
  }
}
@media (max-width: 480px){
  .base_title1,.base_title{
    padding-left: 20px;
  }
  .base_title1 span::before,
  .base_title span::before{
    left: -20px;
  }
  .base_title1 span::after,
  .base_title span::after{
    right: -20px;
  }
  .base_title {
    padding-left: 20px;
  }
}




/* 栏目页banner */
.base_banner{
  position: relative;
}
@media(min-width:1025px){
    .base_banner{max-height:405px;overflow:hidden;}
}
.base_banner .text{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: #fff;
}
.base_banner .text .cn{
  font-size: 44px;
  line-height: 1.25;
}
.base_banner .text .en{
  font-size: 24px;
  line-height: 2;
}
.base_banner .imgbox{
  overflow: hidden;
}
.base_banner img {
  animation: myscale 5s infinite;
  -webkit-animation: myscale 5s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
.location{
  position: relative;
}
.location::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
}
.location .main{
  display: flex;
  justify-content: space-between;
}
.location .list{
  display: flex;
}
.location .list .item{
  padding: 40px 0 30px;
  position: relative;
}
.location .list .item:not(:first-child){
  margin-left: 45px;
}
.location .list .item a{
  font-size: 18px;
  color: #333;
}
.location .list .item.cur::before{
  content: '';
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #025ff8;
  position: absolute;
}
.location .list .item.cur a{
  color: #025ff8;
}
.location .list .item:hover a{
  color: #025ff8;
}
.location .list .item:hover::before{
  content: '';
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #025ff8;
  position: absolute;
}
.location .main{
  display: flex;
  flex-wrap: wrap;
}
.location .main .loca{
  display: flex;
  align-items: center;
  color: #999;
}
.location .main .loca a,.location .main .loca span{
  font-size: 16px;
  color: #999999;
  margin: 0 5px;
}
.location .main .loca span{
  color: #333;
}
.location .main .loca img{
  margin-right: 5px;
}
@media (max-width: 1459px){
  .location .list .item a {
      font-size: 16px;
  }
  .location .list .item {
      padding: 15px 0;
  }
  .location .main .loca a, .location .main .loca span {
      font-size: 14px;
  }
  .base_banner .text .cn {
    font-size: 36px;
  }
  .base_banner .text .en {
      font-size: 20px;
  }
}
@media (max-width: 1200px){
  .location .main .loca{
      display: none;
  }
}
@media (max-width: 1024px){
  .location .list .item a {
      font-size: 14px;
  }
  .location .list .item{
      padding: 15px 0;
  }
  .location .list .item:not(:first-child) {
    margin-left: 25px;
  }
  .base_banner .text .cn {
    font-size: 24px;
  }
  .base_banner .text .en {
      font-size: 16px;
  }
}
@media (max-width: 768px){
  .location .list{
      flex-wrap: wrap;
      width: 100%;
  }
}
@media (max-width: 640px){
  .location .list .item{
      width: 32.33%;
      text-align: center;
  }
  .location .list .item:not(:nth-child(3n+1)){
      margin-left: 1.5%;
  }
  .location .list .item:not(:first-child){
      margin-left: 0;
  }
}

.template{
  overflow: hidden;
}
.template.column1{
  background-color: #f0f5fc;
}


@keyframes topbot {
  0%{
      transform: translate(0,-10px);
      -webkit-transform: translate(0,-10px);
      -moz-transform: translate(0,-10px);
      -ms-transform: translate(0,-10px);
      -o-transform: translate(0,-10px);
}
  50%{
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
}
  100%{
      transform: translate(0,-10px);
      -webkit-transform: translate(0,-10px);
      -moz-transform: translate(0,-10px);
      -ms-transform: translate(0,-10px);
      -o-transform: translate(0,-10px);
}
}


.fs16{
  font-size: 16px;
  line-height: 1.875;
  
}
@media (max-width: 1024px){
  .fs16{
    font-size: 14px;
  }
}
@media (max-width: 480px){
  .fs16{
    font-size: 12px;
  }
}



/* pager */
.Pages{
  text-align: center;
}
.Pages .p_page{
  display: flex;
  justify-content: center;
}
.Pages .p_page a{
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  display: inline-block;
  font-style: initial;
  margin: 0 10px;
  font-size: 14px;
  color: #001f2b;
}
.Pages .p_page .num a{
  background-color: #fff;
}
.Pages .p_page .a_prev{
  background-image: url(../images/page_left.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.Pages .p_page .a_prev:hover{
  background-image: url(../images/page_left01.png);
  background-color: unset;
}
/* page_left.png
page_right01.png */
.Pages .p_page .a_next{
  background-image: url(../images/page_right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.Pages .p_page .a_next:hover{
  background-image: url(../images/page_right01.png);
  background-color: unset;
}
.Pages .p_page a.a_cur{
  background-color: #025ff8;
  color: #fff;
}
.Pages .p_page a:hover{
  background-color: #025ff8;
  color: #fff;
}
@media (max-width: 1024px){
  .Pages .p_page a{
      width: 40px;
      line-height: 40px;
  }
}
@media (max-width: 768px){
  .Pages .p_page a {
      width: 30px;
      line-height: 30px;
      font-size: 14px;
      margin: 0 5px;
  }
}

/* 2023.5.31 */
.location .list .item.cnav48 {
    display: none;
}