* {
  margin: 0;
  padding: 0;
  user-select: none;
}
body{
  overflow-x: hidden;
}
a{
  text-decoration: none;
}
.h_row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.h_header {
  width: 100%;
  background-color: #fff;
  top: 0;
  z-index: 99;
}
.h_header .header_top {
  padding: 0.6835% 13.54%;
  background: #53565A;
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
  justify-content: space-between;
}
.h_header .header_top .h_left p{
  margin-right: 24px;
}
.h_header .header_top .h_left p img{
  margin-right: 10px;
}

.h_header .header_top .h_right img{
  margin-left: 12px;
}

.h_header .h_nav{
  position: relative;
}
.h_header .h_logo{
  width: 7%;
}
.h_header .h_logo img{
  width: 100%;
}
/* 导航按钮 */
.h_header .h_nav{
  padding: 0.631% 13.54%;
  justify-content: space-between;
}
.h_header .h_nav .h_btns {
  width: 60%;
  padding: 0.721%;
  justify-content: space-between;
}
.h_header .h_nav .h_btn a{
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 19px;
}
.h_header .h_nav .h_btn:hover a{
  color: #264181;
}
.h_header .h_nav .h_btn .h_line{
  width: 64px;
  height: 2px;
  position: absolute;
  bottom: 0;
}
.h_header .h_nav .h_btn:hover .h_line{
  background: #264181;
}
.h_header .h_nav .active a{
  color: #264181;
}
.h_header .h_nav .active .h_line{
  background: #264181;
}

/* app */
.wap_nav{position:fixed;top:50px;bottom:0;left:0;width:100%;display:none;z-index:999;background: rgba(0,0,0,0.3);overflow-y:scroll}
.wap_nav.active{transition:left 0.3s;left:0;}
.wap_nav_list{width:100%;overflow-y:scroll}
.close_wap_nav{width:20%;height:75px;background:#202020 url(../images/close_wap.png) no-repeat center;}
.wap_nav_list > li{min-height:45px;padding:0 15px;position:relative;border-bottom:1px solid #ddd}
/* .wap_nav_list > li:first-child{height:75px;line-height:75px;} */
/* .wap_nav_list > li:first-child a{line-height:75px;} */

/* .wap_nav_list > li:nth-child(2n){background:#333;} */
.wap_nav_list > li a{display:block;line-height:45px;color:#fff;font-size:18px;}
.wap_two_nav{display:none;padding-left:10px;}
.wap_nav_list .wap_two_nav a{font-size:14px;line-height:55px;color:#fff;}
.wap_nav_list .wap_two_nav li + li{border-top:1px solid #ddd}
.wap_icon{position:absolute;right:0;height:55px;width:55px;background:url(../images/arrow-bottom.png) no-repeat center;top:0;background-size: 20px;}
.wap_icon.active{background-image:url(../images/arrow-top.png);}
.wap_head{
    display: none;
    height: 50px;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 990;
	transition:ease-in-out 0.3s;
}
.wap_head.active{ background: rgba(0,0,0,0.3);transition:ease-in-out 0.3s}
.wrap_show{width:50px;height:50px;position:absolute;right:0;top:0;text-align:center;padding-top:7px;transition: ease-in-out 0.3s;}
.wrap_show .wap_line{width:35px; height:3px;background:#fff;display:block;margin:8px auto 0;transition: ease-in-out 0.3s;}
.wrap_show.active{padding-top:15px;transition: ease-in-out 0.3s;}
.wrap_show.active .wap_line1{transform: rotate(45deg);margin-bottom:-10px;}
.wrap_show.active .wap_line2{opacity: 0;}
.wrap_show.active .wap_line3{transform: rotate(-45deg);margin-top:-4px}
.wap_head img{
    margin-top:13px;
    margin-left: 5px;
    max-height:100%;
    max-height:50%
}



/* banner */
.banner {
  width: 100%;
  position: relative;
}

.banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

.banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .swiper-slide .h_content{
  text-align: left;
  position: absolute;
  top: 31%;
  left: 13.5%;
}
.banner .swiper-slide .h_content .h_title{
  font-size: 48px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
line-height: 56px;
margin-bottom: 15px;
}
.banner .swiper-slide .h_content .h_desc{
  font-size: 20px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
line-height: 23px;
}
.banner .h_next,.banner .h_pre{
  position: absolute;
  color: transparent;
}
.banner .h_next {
  top: 90%;
  right: 18.23% ;
}
.banner .h_next img{
  transform: rotate(180deg);
}
.banner .h_pre{
  left: auto;
  top: 90%;
  right: 22% ;
}

.banner .swiper-button-next:after,.banner .swiper-rtl .swiper-button-prev:after{
  content: none;
}
.banner .swiper-button-prev:after,.banner .swiper-rtl .swiper-button-next:after{
  content: none;
}

.banner .h_page{
  position: absolute;
  z-index: 11;
  color: #FFFFFF;
  top: 88.8%;
  right: 12%;
  display: flex;
}
.banner .h_page .h_n1{
  font-size: 32px;
  font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
  font-weight: bold;
  line-height: 19px;
}
.banner .h_page .h_n2{
  font-size: 16px;
  font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;    
  line-height: 24px;
}


/* 底部 */
.h_footer1{background: #3E3E3E;    padding: 64px 13.54%;align-items: center;justify-content: space-between;}
.h_footer1 .h_left{width: 70%;}
.h_footer1 .h_left p{
	margin-bottom: 25px;
}
.h_footer1 .h_left p img{
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.h_footer1 .h_left p span{
	font-size: 16px;
	font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
	font-weight: 400;
	color: #FFFFFF;
}
.h_footer1 .h_left div {
  margin-bottom: 40px;
}
.h_footer1 .h_left div dl dt{
  width: 72px;
  font-size: 18px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
  margin-right: 64px;
}
.h_footer1 .h_right{
  text-align: right;
}
.h_footer1 .h_right img{
  margin-bottom: 29px;
}
.h_footer1 .h_right .h_ch{
  font-size: 22px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 26px;
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
}
.h_footer1 .h_right .h_en{
  font-size: 12px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 14px;
  margin-top: 10px;
}

.h_footer3{
	padding: 17px 13.54% 7px;
	background: #222;
	font-size: 15px;
	font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 18px;
	justify-content: space-between;
}
.h_footer3 dt{
	width: 100px;
}
.h_footer3 dd a{
	display: inline-block;
	margin: 0 32px 10px 0;
	font-size: 15px;
	font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 18px;
}
.h_footer3 a img{
  width: 28px;
  margin-left: 2%;
}
.h_footer3 .h_left{width:82%;align-items: flex-start;}
.h_footer3 .h_right{width: 18%;text-align: right;}


/* 翻页条 */

.flex_row{
  margin: 40px auto 0;
  display: flex;
}
.flex_row .tcdPageCode {
  /* width: 100%; */
  /* margin: 40px 0; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.current {
  background: #014A87;
  color: #fff;
  border-color: transparent;
  padding: 8px 14px;
  margin: 0 8px;
}
.flex_row .tcdPageCode a {
  color: #333 !important;
  padding: 8px 14px;
  margin: 0 8px;
  border: 1px solid #dddddd;
}
.flex_row .tcdPageCode .disabled,
.flex_row .tcdPageCode .nextPage {
  border: 1px solid #dddddd;
  color: #333 !important;
  padding: 8px 14px;
  margin: 0 8px;
  font-size: 12px;
}


.flex_row .sum{
  margin-right: 8px;
}
.flex_row input{
  width: 37px;
}
.flex_row button{
  margin-left: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
}



@media (max-width:767px){
  .layout{width:100%;}
    .h_header{display:none;}
	.wap_head{display:block;}
	.width{width:90%}
  /* 翻页条 */
  .navigation .navigation_ul li {
      cursor: pointer;
      padding: 4px 10px;
  }

  /* 头部
  .wap_head{height: 40px;}
  .wrap_show {padding-top: 2px;} */
  .wrap_show .wap_line{width: 30px;margin: 7px auto 0;}
  .wap_head img {margin-top: 10px;margin-left: 15px;}
  /* .wap_nav{top: 40px;} */
  .wap_nav_list > li a{font-size: 16px;}

  /* banener */
  .banner .swiper-slide .h_content{left: 4.5%;width: 35%;top: 42%;}
  .banner .swiper-slide .h_content .h_title{font-size: 20px;margin-bottom: 2px;line-height: normal;}
  .banner .swiper-slide .h_content .h_desc{font-size: 12px;line-height: normal;}
  .banner .h_pre img,.banner .h_next img{width: 30px;}
  .banner .h_page span {font-size: 13px;}
  .banner .h_page .h_n1 {font-size: 18px;}
  .banner .h_page .h_n2 {font-size: 14px;line-height: 20px;}
  
  .banner .h_pre{right: 24%;}
  .banner .h_page{right: 8%;top: 86.8%;}


  /* 底部 */
.h_footer1{padding: 30px 5%;flex-direction: column;align-items: flex-start;}
.h_footer1 .h_left{width: 100%;}
.h_footer1 .h_left div {margin-bottom: 5%;}
.h_footer1 .h_left p {margin-bottom: 3%;}
.h_footer1 .h_left div dl dt{font-size: 16px;margin-right: 15px;}
.h_footer1 .h_left p span{font-size: 15px;}
.h_footer1 .h_right{text-align: left;margin-top: 5%;}
.h_footer1 .h_right .h_ch{font-size: 18px;}
.h_footer1 .h_right img {
  margin-bottom: 5%;
}
.h_footer3 {padding: 17px 5% 7px; flex-direction: column;}
.h_footer3 .h_left{width: 100%;}
.h_footer3 .h_right{width: 100%;text-align: left;}
.h_footer3 .h_left dd a{margin-right: 10px;}

}
@media (max-width:465px){
  .flex_row .tcdPageCode{margin: 20px 0;}

/* 上一页,下一页 */
.flex_row .tcdPageCode .disabled, .flex_row .tcdPageCode .nextPage{padding: 4px 7px;}

/* 1 */
.current{border: 1px solid #014A87;}

/* 1-10 */
.current,.flex_row .tcdPageCode a{padding: 4px 10px;}
}
@media (max-width:400px){
/* 上一页,下一页 */
.flex_row .tcdPageCode .disabled, .flex_row .tcdPageCode .nextPage{margin: 0 2px;padding: 2px 6px;}

/* 1-10 */
.current,.flex_row .tcdPageCode a{margin: 0 2px;padding: 2px 8px;}


.banner .swiper-slide .h_content{left: 4.5%;width: 35%;top: 42%;}
.banner .swiper-slide .h_content .h_title{font-size: 16px;margin-bottom: 2px;line-height: normal;}
.banner .swiper-slide .h_content .h_desc{font-size: 12px;line-height: normal;}
.banner .h_pre img,.banner .h_next img{width: 22px;}
.banner .h_page span {font-size: 12px;}
.banner .h_page .h_n1 {font-size: 16px;}
.banner .h_page .h_n2 {font-size: 12px;line-height: 20px;}

.banner .h_pre{right: 24%;}
.banner .h_page{right: 7.5%;top: 82.8%;}



}

@media (min-width:768px) and (max-width:991px){
  /* 头部 */
  .h_header .header_top {padding: 0.6835% 5%;}
  .h_header .h_nav {padding: 0.631% 5%;}
  .h_header .h_nav .h_btns{width: 70%;}
  .h_header .h_nav .h_btn a {font-size: 14px;}
  .h_header .h_nav .h_btn .h_line {width: 56px;}

  /* banener */
  .banner .swiper-slide .h_content{left: 8.5%;}
  .banner .swiper-slide .h_content .h_title{font-size: 30px;margin-bottom: 6px;line-height: normal;}
  .banner .swiper-slide .h_content .h_desc{font-size: 14px;}
  .banner .h_pre img,.banner .h_next img{width: 36px;}
  .banner .h_page .h_n1 {font-size: 22px;}
  .banner .h_page .h_n2 {font-size: 14px;}
  .banner .h_pre{right: 23%;}
  .banner .h_page{right: 10.5%;top: 86.8%;}


  /* 底部 */
  .h_footer1{padding: 30px 5%;}
  .h_footer1 .h_left{width: 60%;}
  .h_footer1 .h_left div dl dt{font-size: 16px;margin-right: 45px;}
  .h_footer1 .h_left p span{font-size: 15px;}
  .h_footer1 .h_right .h_ch{font-size: 20px;}
  .h_footer3 {padding: 17px 5% 7px;}
  .h_footer3 .h_right{width: 20%;}
}

@media (min-width:992px) and (max-width:1024px){
  /* 头部 */
  .h_header .header_top {padding: 0.6835% 10%;}
  .h_header .h_nav{padding: 0.631% 10%;}
  .h_header .h_nav .h_btns {width: 70%;}

  /* banener */
  .banner .swiper-slide .h_content .h_title{font-size: 38px;margin-bottom: 6px;}
  .banner .swiper-slide .h_content .h_desc{font-size: 16px;}
  .banner .h_pre img,.banner .h_next img{width: 40px;}
  .banner .h_page .h_n1 {font-size: 24px;}
  .banner .h_page .h_n2 {font-size: 15px;}
  .banner .h_pre{right: 22.5%;}
  .banner .h_page{right: 11.5%;}


  /* 底部 */
  .h_footer1{padding: 30px 10%;}
  .h_footer1 .h_left{width: 66%;}
  .h_footer3 {padding: 17px 10% 7px;}
}

@media (min-width:1025px) and (max-width:1199px){
  /* 头部 */
  .h_header .header_top {padding: 0.6835% 10%;}
  .h_header .h_nav{padding: 0.631% 10%;}
  .h_header .h_nav .h_btns {width: 70%;}

  /* banener */
  .banner .swiper-slide .h_content .h_title{font-size: 38px;margin-bottom: 6px;}
  .banner .swiper-slide .h_content .h_desc{font-size: 16px;}
  .banner .h_pre img,.banner .h_next img{width: 40px;}
  .banner .h_page .h_n1 {font-size: 24px;}
  .banner .h_page .h_n2 {font-size: 15px;}
  .banner .h_pre{right: 22.5%;}
  .banner .h_page{right: 11.5%;}


  /* 底部 */
  .h_footer1{padding: 64px 10%;}
  .h_footer3 {padding: 17px 10% 7px;}
}

@media (min-width:1200px) and (max-width:1440px){
  /* 头部 */
  .h_header .header_top {padding: 0.6835% 10%;}
  .h_header .h_nav{padding: 0.631% 10%;}


  /* banener */
  .banner .swiper-slide .h_content .h_title{font-size: 42px;margin-bottom: 12px;}
  .banner .swiper-slide .h_content .h_desc{font-size: 18px;}
  .banner .h_pre img,.banner .h_next img{width: 46px;}
  .banner .h_page .h_n1 {font-size: 26px;}
}