﻿@charset "UTF-8";
html{
  font-size:6.27vw;
}
@media screen and  (min-width:1595px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #1d2089 rgba(222, 222, 222, .75);
}
html::-webkit-scrollbar {
  width:5px;
}
html::-webkit-scrollbar-thumb {
  background-color: #1d2089;border-radius:0;
}
html::-moz-scrollbar {
  width:5px; 
}
html::-moz-scrollbar-thumb {
  background-color: #1d2089;border-radius:0;
}	

.w_width{max-width:1595px; margin-right: auto; margin-left: auto; position: relative; z-index: 6;}
.w_1920{max-width:1920px; margin-right: auto; margin-left: auto;position: relative; z-index: 6;}
.ctext{padding-left: 0.8rem;padding-right: 0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
.wyb_s{position: relative;z-index: 20; width:100%;}
.t_navs{ width: 100%; position: fixed; left: 0; top:0; z-index: 20;}
.t_navs::after{content: "";display: block;clear: both;}
.t_navs .top{ width: 100%; float: left;}
.t_navs .top .logo{ line-height: 0; float: left; height:1.2rem; display: flex; align-items: center;}
.t_navs .top .logo a{ float: left;}
.t_navs .top .logo img{ width: auto; height:0.75rem;}
.t_navs .top .logo .img1{ display: none;}
.t_navs .top .logo .img2{ display: block;}
.t_navs .top .right{ float: right; height:1.2rem; display: flex; align-items: center;}
.t_navs .lang{ display: flex; opacity: 0; margin-right: 0.4rem;}
.t_navs .lang .a{ display: flex; line-height:0.56rem; font-size:calc(14px + 0.03rem); color: #fff; padding-left:calc(17px + 0.2rem); background-size:22px auto !important; background: url(img/_world1.svg) left center no-repeat;transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.t_navs .phssbox{ position: relative; width:0.56rem; height:0.56rem; display: flex; justify-content: center; align-items: center; background:#fff; border-radius:50%; cursor: pointer;transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.t_navs .phssbox .ico{ display:flex; width:24px; height: 24px; background-size:100% auto !important; background: url(img/_search.svg) center no-repeat;transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.t_navs .input_b{width: 100%;position:absolute;left: 0;top:100%;background:#fff; z-index:10; display:none; border-top:1px solid #d1d1d1; box-shadow:0  5px 6px 0 rgba(0,0,0,0.19);}
.t_navs .inputbox{width:80%; margin:50px 10%; position: relative; display: flex;}
.t_navs .inputbox .text{width: 100%;height:56px; line-height:36px; font-size: 16px;color:#2b2b2b;padding:10px 15px; background: none;border-bottom: 1px solid #d1d1d1; padding: 0 0 0 50px; }
.t_navs .inputbox .text:focus{border-bottom: 1px solid #1d2089;}
.t_navs .inputbox .ico{width:50px; height: 56px; display: block; position: absolute; left: 0; top:0; background:url(img/_search.svg) center no-repeat; background-size:20px 20px;}
.t_navs .inputbox ::-webkit-input-placeholder{color:#2b2b2b;}
.t_navs .inputbox ::-moz-placeholder{color:#2b2b2b;}
.t_navs .inputbox ::-moz-placeholder{color:#2b2b2b;}
.t_navs .inputbox :-ms-input-placeholder{color:#2b2b2b;}
.t_navs .menuph{ position: relative; width:0.56rem; height:0.56rem; display: flex; justify-content: center; align-items: center; background:#fff; border-radius:50%; cursor: pointer;transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; margin-left: 0.34rem;}
/* .t_navs .menuph .ico{ display:flex; width:26px; height: 26px; background-size:100% auto !important; background: url(img/_system.svg) center no-repeat;transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;} */
.t_navs .menuph .ico{ display:flex; width:0.36rem; height:0.36rem; background-size:100% auto !important; background: url(img/meun1.png) center no-repeat;transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}

.t_navs.act{ background: #fff;}
.t_navs.act .top .logo .img1{ display: block;}
.t_navs.act .top .logo .img2{ display: none;}
.t_navs.act .lang .a{ color: #2b2b2b; background: url(img/_world.svg) left center no-repeat; }
.t_navs.act .phssbox{ background:#535353;}
.t_navs.act .phssbox .ico{ background: url(img/_search1.svg) center no-repeat;}
.t_navs.act .menuph{ background:#535353;}
.t_navs.act .menuph .ico{ background: url(img/_system1.svg) center no-repeat;}
/* .t_navs.act .menuph .ico{ background: url(img/_system1.svg) center no-repeat;} */
.t_navs.act .menuph .ico{ background: url(img/meun3.png) center no-repeat;}

.t_navs .menuph:after {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border: 4px solid #fff;
  border-radius: 50%;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-name: menu_circle;
  animation-name: menu_circle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.t_navs.act .menuph:after {
  border: 4px solid #535353; 
}
@keyframes menu_circle {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
}


@media screen and (max-width:1024px) {
.t_navs .top .logo{ height:60px;}
.t_navs .top .logo img{ height:40px;}
.t_navs .top .right{ height:60px;}
.t_navs .top .right .lang{ display: none;}
.t_navs .lang .a{ line-height: 32px; padding-left:30px;}
.t_navs .phssbox{ width:32px; height: 32px;}
.t_navs .phssbox .ico{ width:18px; height: 18px;}
.t_navs .inputbox{ width:96%; margin:10px 2% 30px 2%;}
.t_navs .inputbox .text{ font-size:14px; padding: 0 0 0 41px;}
.t_navs .inputbox .ico{ width: 41px; background-size:17px 17px;}
.t_navs .menuph{ width:32px; height: 32px; margin-left: 10px;}
.t_navs .menuph .ico{ width:24px; height: 24px;}
.t_navs .menuph:after {
  border: 2px solid #fff;
}
.t_navs.act .menuph:after {
  border: 2px solid #535353; 
}
.menu-xl{ display:none !important;}

}

.t_navs .xialaph{ position: fixed; left:-100%; top: 0; float: left; width: 100%;z-index:3; height:100vh;z-index: 40; overflow: hidden; border-radius: 0 5rem 5rem 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph.act{left: 0; border-radius:0;}
.t_navs .xialaph .lang{ display: none;}
.t_navs .xialaph .anniu{width: 30px;height: 30px;display:block; position: absolute; right: 0.65rem; top:0.48rem; z-index: 10; cursor: pointer;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.t_navs .xialaph .anniu::after,
.t_navs .xialaph .anniu::before{content: "";display: block;background: #1570b9;position: absolute;top:50%; left: 50%;}
.t_navs .xialaph .anniu:hover::after,
.t_navs .xialaph .anniu:hover::before{ background: #1d2185;}
.t_navs .xialaph .anniu::after{width: 24px;height: 2px;
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
-moz-transform: translate(-50%,-50%) rotate(-45deg);
-ms-transform: translate(-50%,-50%) rotate(-45deg);
-o-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);}
.t_navs .xialaph .anniu::before{width:24px;height: 2px;-webkit-transform: rotate(45deg);
-moz-transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);
-o-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);}
.t_navs .xialaph ._bs{width: 100%; display: flex; height:100vh; align-content: flex-start; position: relative; flex-wrap: wrap; background:#fff;}
.t_navs .xialaph .u1{width: 100%; display: flex;}
.t_navs .xialaph .l1{width:16.7%; display:flex; flex-wrap: wrap; height:100vh; align-content: flex-start; text-align: center; border-right: 1px solid #e5e5e5;padding:18vh 0.3rem; text-align: center;}
.t_navs .xialaph .l1:last-child{border-right::none;}
.t_navs .xialaph .a1box{width: 100%;position: relative; margin:0.16rem 0;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .num{color: #efefef; font-weight: bold; font-size:calc(20px + 0.44rem); line-height:1;position: relative;display: block;width: 100%; position: relative; padding: 0.95rem 0 0.39rem 0;}
.t_navs .xialaph .num:after{ display:block; content: ''; position: absolute; left: 50%; top:0; width:1px; height: 0; background: #fff;}
.t_navs .xialaph .a1{color: #050505;font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.16rem);position: relative;display: block;width: 100%;}
.t_navs .xialaph .icobox{width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #050505;  border-right:1px solid #050505; display: none;}
.t_navs .xialaph .on .icobox{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.t_navs .xialaph .u2{width: 100%;}
.t_navs .xialaph .u2 .l2{ width: 100%; margin:0.08rem 0;display: block;display: inline-flex; flex-wrap: wrap;}
.t_navs .xialaph .u2 .a2{ width: 100%;color: #5a5a5a;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.t_navs .xialaph .u2 .a2:after{ display: block; content: ''; position: absolute; left:50%; bottom:-0.04rem; width:0; height:1px; background: #fff; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}


.t_navs .xialaph .l1:hover{}
.t_navs .xialaph .l1:hover .num{ color: #fff;}
.t_navs .xialaph .l1:hover .num:after{ height:0.85rem;}
.t_navs .xialaph .l1:hover .a1{ color: #fff;}
.t_navs .xialaph .l1:hover .a2{ color: #fff;}
.t_navs .xialaph .u2 .a2:hover:after{ width:46px;}

@media screen and (max-width:1440px) {
.t_navs .xialaph .l1{padding:14vh 0.3rem;}
.t_navs .xialaph .num{font-size:calc(20px + 0.42rem); padding: 0.95rem 0 0.3rem 0;}
.t_navs .xialaph .a1{font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem);}
.t_navs .xialaph .u2 .a2{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.t_navs .xialaph .anniu{ top:15px; right:10px;}	
.t_navs .xialaph .u1{ flex-wrap: wrap; margin:60px 0 0 0; border-top: 1px solid #e5e5e5;}	
.t_navs .xialaph .l1{ position: relative; width:100%; height: auto; padding:15px 15px; border-right:0; border-bottom: 1px solid #e5e5e5; text-align: left;}
.t_navs .xialaph .l1 .num{ width: auto; position: absolute; left:15px; top:14px; padding: 0; font-size:30px; }
.t_navs .xialaph .icobox{ display: block;}
.t_navs .xialaph .l1:hover{ background:#fff;}
.t_navs .xialaph .l1:hover .num{ color: #efefef;}
.t_navs .xialaph .l1:hover .a1{ color: #050505;}
.t_navs .xialaph .l1:hover .a2{ color: #5a5a5a;}
.t_navs .xialaph .a1box{ margin: 0;}
.t_navs .xialaph .a1{ line-height:30px; padding: 0 0 0 40px;}
.t_navs .xialaph .u2{ display:none; padding: 5px 40px 0 40px;}
.t_navs .xialaph .lang{ display: flex; width:100%; padding:20px 15px; justify-content: center;}
.t_navs .xialaph .lang .a{ color: #050505; background: url(img/_world.svg) left center no-repeat;}
}


.footer{ background: #333333;position: relative;z-index: 10;}
.footer .top{ border-bottom: 1px solid #484848; padding:0.87rem 0 0.83rem 0;}
.footer .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.footer .logo{display: flex; line-height: 0; margin:0.1rem 0 0.64rem 0;}
.footer .logo a{ display: flex;}
.footer .logo img{ height:58px;}
.footer .cont{ display: flex; }
.footer .er{ display: flex; flex-direction: column; width: 112px; text-align: center; margin: 0.22rem 0.26rem 0 0;}
.footer .er i{ width: 112px; line-height: 0;}
.footer .er i img{ width:100%;}
.footer .er span{ margin-top: 0.08rem; color:#adadad; font-size:14px; line-height:24px;}
.footer .addr{ display: flex; flex-wrap: wrap; flex-direction: column; width:4.32rem;}
.footer .addr .li{ display: flex; margin-top:0.2rem; color:#adadad; font-size:calc(14px + 0.03rem); line-height:calc(22px + 0.05rem); }
.footer .addr .li .ico{ min-width:calc(18px + 0.04rem); width:calc(18px + 0.04rem); line-height: 0;height:calc(22px + 0.05rem); display: flex; justify-content: center; align-items: center;}
.footer .addr .li .ico img{ width: 100%;}
.footer .addr .li .info{ flex-direction: column;}
.footer .addr .li .tit{ white-space: nowrap; position: relative; padding-left:11px; margin-left:0.14rem;}
.footer .addr .li .tit:after{ display: block; content: ''; position: absolute; left: 0; top:calc(4px + 0.01rem); background: #adadad; width: 2px; height: calc(14px + 0.03rem);}
.footer .nav{ display: flex; flex-wrap: wrap; flex-direction: column; }
.footer .nav .tit{ display:flex; color:#fff; font-weight: bold; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem);}
.footer .nav .sub{ display: flex; flex-wrap: wrap; flex-direction: column; margin-top:0.08rem;}
.footer .nav .l2{ display: flex; margin-top:0.16rem; }
.footer .nav .l2 .a{ display:flex; color:#adadad; font-size:calc(14px + 0.03rem); line-height:calc(22px + 0.05rem);}
.footer .nav .l2 .a:hover{ color: #fff;}
.footer .down{ padding:0.23rem 0 0.19rem 0;}
.footer .Copyright{ color:#adadad; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.footer .Copyright a{ color:#adadad; margin:0 0.05rem;}
.footer .Copyright a:hover{ color:#fff;}
.footer .mav{ color:#adadad; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin:0 -0.05rem;}
.footer .mav a{ color:#adadad; margin:0 0.05rem;}
.footer .mav a:hover{ color:#fff;}

@media (max-width:1600px){
.footer .addr{ width:4rem;}
}
@media (max-width:1440px){
.footer .addr{ width:4rem;}
.footer .addr .li{font-size:calc(14px + 0.01rem);}
.footer .nav .tit{ font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);}
.footer .nav .l2 .a{ font-size:calc(14px + 0.01rem);}
.footer .Copyright{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer .mav{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
}
@media (max-width: 1024px){
.footer .left{ width: 100%; flex-direction:row; align-items: center; justify-content:center;}
.footer .logo{ margin: 0;}
.footer .logo img{ height:46px;}
.footer .addr{ width:100%;}	
.footer .er{ margin:0 15px;}
.footer .top{ padding: 20px 0 15px 0;}	
.footer .down{ justify-content: center; padding:15px 0;}
.footer .nav{ display:none;}
}
@media (max-width: 767px){
.footer{ padding-bottom:55px;}	
.footer .left{ position: relative;}	
.footer .logo{display: none; }
.footer .cont{ align-items: flex-start;}
.footer .addr{ width: auto; min-height:100px; justify-content: center;}
.footer .addr .li{ width:100%; margin:4px 0;}
.footer .addr .li .ico{ margin-right:8px;}
.footer .addr .li .tit{ display:none; padding-left:8px; margin-left:8px;}
.footer .addr .li .tit:after{ width: 1px;}
.footer .er{ width:100px; margin:0 12px 0 0;}
.footer .er i{ width:100px;}
.footer .Copyright a{ text-align: center;}
.footer .Copyright a{ display: block;}
}



.b_navs .pf_down{ display: none; width: 100%; float: left; position: fixed; left: 0;bottom: constant(safe-area-inset-bottom);bottom: env(safe-area-inset-bottom); height:55px; background: #fff; z-index: 16; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.b_navs .pf_down li{ width:33.33%; float: left; text-align: center; padding:8px 0;}
.b_navs .pf_down li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 23px; line-height:0; display: flex; justify-content: center; align-items: center; position:relative;}
.b_navs .pf_down li .ico7 img{ width:23px; height: 23px;}
.b_navs .pf_down li .ico7 .show{ display: block;}
.b_navs .pf_down li .ico7 .hide{ display: none;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top:2px; font-size: 14px; color: #000; line-height: 14px;}
.b_navs .pf_down li .dian{ display: none; position: relative; float: left;  width:12px; height: 4px; border-radius:4px; background: #fff; margin:6px 0;}
.b_navs .pf_down li .dian::after,
.b_navs .pf_down li .dian::before{ content: ''; float: left;  width:6px; height: 4px; border-radius:4px; background: #fff; opacity:0.5; position: absolute; top:0; margin:0 2px;}
.b_navs .pf_down li .dian::after{ left:100%;}
.b_navs .pf_down li .dian::before{ right:100%;}
.b_navs .pf_down li:hover{ background: #1d208b;} 
.b_navs .pf_down li:hover .ico7 .show{ display: none;}
.b_navs .pf_down li:hover .ico7 .hide{ display: block;}
.b_navs .pf_down li:hover .d_name{ display: none;}
.b_navs .pf_down li:hover .dian{ display: block;}


@media screen and (max-width:767px) {
.b_navs .pf_down{ display: block;}

}


.index-banner{ display:flex; width: 100%; overflow: hidden; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.index-banner .swiper-slide { flex-shrink: 0; position: relative; transition-property: transform;}
.index-banner .swiper-pagination{ display:flex; flex-wrap: wrap; justify-content: center; width: 100%; position: absolute; left: 0; bottom:0.65rem; z-index: 10;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ cursor: pointer; display: flex; width:22px; height:22px; margin:0 0.1rem; border-radius:50%; border:2px solid #fff; position: relative;}
.index-banner .swiper-pagination .swiper-pagination-bullet:after{ display: block; content: ''; position: absolute; left: 50%; top:50%; width:0; height: 0; border-radius: 50%; background: #1d2089; z-index: 1; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  }
.index-banner .swiper-pagination .swiper-pagination-bullet::before{display:flex; justify-content: center; align-items: center; content: 'H'; position: absolute; left:50%; top:40%; width:14px; height:14px; line-height:14px; font-size:12px; color: #fff; text-transform: uppercase; text-align: center; z-index: 6; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.index-banner .swiper-pagination .swiper-pagination-bullet-active::after{ width:100%; height:100%;}
.index-banner .swiper-slide { width:100%; line-height: 0;}
.index-banner .swiper-slide .wel-banner-bg{width: 100%; height:100vh; object-fit: cover;}
.index-banner .cont{ width:100%; display:block; position: absolute; left: 0; top:42%; z-index: 2;}
.index-banner .cont .text{ width:67.5%; margin:0 0 0 10.3%;}
.index-banner .video{ position: absolute; left: 0; top:0; width: 100%; height:100%; z-index: 1;object-fit: cover;}


@media screen and (max-width:1024px) {
/* .index-banner .swiper-slide .wel-banner-bg{ height:calc(100vh - 55px);}	 */
.index-banner .swiper-pagination{ bottom:30px;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ border:1px solid #fff; margin:0 6px;}
.index-banner .cont .text{ width:100%; margin:0;}
/*.index-banner .video{ display: none;}*/
}

.h-about{ padding-top:0.9rem; padding-bottom:2.02rem;}
.h-about .left{ width:45.1%; margin-top:0.26rem;}
.h-about .right{ width:39.9%;}
.h-about .title{ color: #fff;font-size: calc(14px + 0.12rem);line-height:calc(22px + 0.14rem); margin-top:0.54rem; }
.h-about .cont{ color: #fff;font-size: calc(14px + 0.04rem);line-height:calc(22px + 0.15rem); margin-top:0.27rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;}
.h-about ._btn{ margin-top: 0.6rem;}
.h-about .ul li{ padding:0.43rem 0 0.37rem 0; border-top:2px solid rgba(255,255,255,0.4); }
.h-about .ul li:last-child{ border-bottom:2px solid rgba(255,255,255,0.4);}
.h-about .ul li .t{ display: flex; min-width:50%; width:50%; color: #fff;font-size: calc(14px + 0.4rem);line-height:calc(22px + 0.4rem); margin-top: -0.06rem; font-weight: lighter;}
.h-about .ul li .d{ display: flex; min-width:50%; width:50%; color: #fff;font-size: calc(14px + 0.04rem);line-height:calc(22px + 0.12rem); }


@media screen and (max-width:1440px) {
.h-about .left{ width:47.1%;}
.h-about .right{ width:41.9%;}
.h-about .title{font-size: calc(14px + 0.1rem);line-height:calc(22px + 0.12rem); margin-top:0.54rem; }
.h-about .cont{ font-size: calc(14px + 0.02rem);line-height:calc(22px + 0.14rem); margin-top:0.27rem;}
.h-about .ul li .t{ font-size: calc(14px + 0.38rem);line-height:calc(22px + 0.38rem); margin-top: -0.06rem;}
.h-about .ul li .d{ font-size: calc(14px + 0.02rem);line-height:calc(22px + 0.1rem); }
}
@media screen and (max-width:1024px) {
.h-about{ padding:35px 30px;}	
.h-about .left{ width:100%; margin-top: 0;}
.h-about .right{ width:100%; margin-top:20px;}
.h-about .title{margin-top:10px; }
.h-about .cont{ margin-top:8px;}
.h-about ._btn{ margin-top:15px;}
.h-about .ul li .t{ min-width:26%; width:26%;}
.h-about .ul li .d{ min-width:74%; width:74%;}
}


.h-main1{ padding-top:1.08rem; padding-bottom:0.82rem; overflow: hidden; position: relative;}
.h-main1 .info{ display: block; position: absolute; right: 0; bottom:0; z-index: 1; width:4.8rem; line-height: 0;}
.h-main1 .info img{ width:100%;}
.h-main1 .bg{ display: block; position: absolute; left: 0; top:0; z-index: 1; width: 50.5%; height:100%;}
.h-main1 .bg .img{ display: block; position: absolute; left: 0; top:0; z-index: 1; width:100%; height:100%; opacity: 0; z-index: 1; line-height: 0;}
.h-main1 .bg .img:after{ display:block; content: ''; position: absolute; right: -1px; top:0; width:50%; height:100%; background:url(img/main4.2.png) right center no-repeat; background-size:auto 100%;}
.h-main1 .bg .img.on{ position: relative; opacity: 1; z-index:2;}
.h-main1 .bg .img img{ width:100%; opacity:0;}
.h-main1 .left{ width:45.1%; }
.h-main1 .right{ width:36%; padding:0 8% 0 0; position: relative; margin-top:0.65rem;}
.h-main1 .cont{ color: #060606;font-size: calc(14px + 0.04rem);line-height:calc(22px + 0.15rem); margin-top:0.45rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.h-main1 ._btn{ margin-top: 0.58rem;}
.h-main1 .box{ display: block; position: absolute; left: 0; top:0; z-index: 1; width: 100%; height:100%; opacity:0; z-index: 1;}
.h-main1 .box.on{ position: relative; opacity: 1; z-index:2;}
.h-main1 .hd{ width:50%; display: flex; flex-wrap: wrap; justify-content:flex-end;}
.h-main1 .hd ul{ width:0;}
.h-main1 .hd li{ display: inline-flex; color: #080808;font-size: calc(14px + 0.06rem);line-height:calc(22px + 0.08rem); position: relative; padding:0.14rem 0 0.14rem 0.2rem; cursor: pointer; margin:0.35rem 0; white-space: nowrap; }
.h-main1 .hd li i{ display: block; position: absolute; left:0; top:50%;transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.h-main1 .hd li i:after,
.h-main1 .hd li i::before{ display: block; content: ''; position: absolute; left:50%; top:50%; border-radius: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.h-main1 .hd li i:after{ background: #1e218a; width: 10px; height: 10px;}
.h-main1 .hd li i::before{ border:1px solid #1e218a; width:0.30rem; height:0.30rem; opacity: 0;}
.h-main1 .hd li:nth-child(1){ margin-left:-0.14rem;}
.h-main1 .hd li:nth-child(2){ margin-left:0.04rem;}
.h-main1 .hd li:nth-child(3){ margin-left:0.06rem;}
.h-main1 .hd li:nth-child(4){ margin-left:-0.1rem;}
.h-main1 .hd li:nth-child(5){ margin-left:-0.45rem;}
.h-main1 .hd li.on{ padding:0.14rem 0 0.14rem 0.42rem;}
.h-main1 .hd li.on i::before{ width:0.62rem; height:0.62rem; opacity:1;}



@media screen and (max-width:1600px) {
.h-main1 .right{ padding: 0 4% 0 0;}
}
@media screen and (max-width:1440px) {
.h-main1 .left{ width:47.1%;}
.h-main1 .right{ width:36%; padding: 0;}
.h-main1 .cont{ font-size: calc(14px + 0.02rem);line-height:calc(22px + 0.14rem); margin-top:0.45rem;}
.h-main1 .bg{ width:48%; height:100%;}
}
@media screen and (max-width:1024px) {
.h-main1{ padding-top:30px; padding-bottom:30px;}
.h-main1 .cont{ margin-top:8px;}
.h-main1 ._btn{ margin-top:15px;}
.h-main1 .hd li{ margin:10px 0;}
}
@media screen and (max-width:767px) {
.h-main1 .bg{ width:100%; height:auto; position: relative; margin-top:40px;}
.h-main1 .bg .img:after{ display:none; }
.h-main1 .bg .img img{ width:100%; opacity:1;}
.h-main1 .w_width{ position: static;}
.h-main1 .left{ width:100%; position: absolute; left:0; top:22px; padding: 0 15px;}
.h-main1 .right{ width:100%; margin-top:16px;}
.h-main1 .hd ul{ width:100%; display: flex; overflow-x: auto;}
.h-main1 .hd li{ margin:5px 12px 5px 8px !important; padding:5px 0 5px 0.45rem;}
.h-main1 .hd li i:after{ width:8px; height:8px;}
.h-main1 .hd li.on{ padding:5px 0 5px 0.55rem;}
}


.h-main2{ padding-top:0.86rem; padding-bottom:1rem;}
.h-main2 .title{ color: #fff;font-size: calc(14px + 0.12rem);line-height:calc(22px + 0.14rem); margin-top:0.55rem;}
.h-main2 .cont{ color: #fff;font-size: calc(14px + 0.05rem);line-height:calc(22px + 0.15rem); margin-top:0.17rem;}
.h-main2 .list{ margin-top:0.3rem;}
.h-main2 .list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.h-main2 .list li{ display: flex; flex-wrap: wrap; width:24%; position: relative; text-align: center; cursor: pointer; margin:0.15rem 0;}
.h-main2 .list li .t{ display: flex; flex-wrap: wrap; width:100%; height:100%; position:absolute; left: 0; top:0; z-index:1; align-content: center;}
.h-main2 .list li .d{ display: flex; flex-wrap: wrap; width:100%; position: relative; z-index:6; background: rgba(255,255,255,0.6); border-radius: 0.12rem; padding:0.32rem 0; opacity: 0;align-content:flex-start;}
.h-main2 .list li .tit{ width:100%; font-weight: bold; color: #2c2a2b;font-size: calc(14px + 0.11rem);line-height:calc(22px + 0.13rem); }
.h-main2 .list li .p{ width:100%; color: #2c2c2c;font-size: calc(14px + 0.03rem);line-height:calc(22px + 0.11rem); margin-top:0.22rem; }
.h-main2 .list li .text{ width:100%; color: #fff;font-size: calc(14px + 0.04rem);line-height:calc(22px + 0.06rem); margin-top:0.22rem; }
.h-main2 .list li .ico{ width:100%; height:0.82rem; line-height: 0; }
.h-main2 .list li .ico img{ height:0.82rem;}
.h-main2 .list li.on{ width:28%;}
.h-main2 .list li.on .t{ opacity:0;}
.h-main2 .list li.on .d{ opacity:1; padding:0.32rem 0.38rem;}

@media screen and (max-width:1440px) {
.h-main2 .title{font-size: calc(14px + 0.1rem);line-height:calc(22px + 0.12rem);}
.h-main2 .cont{font-size: calc(14px + 0.03rem);line-height:calc(22px + 0.13rem);}
.h-main2 .list li .tit{ font-size: calc(14px + 0.09rem);line-height:calc(22px + 0.11rem);}
.h-main2 .list li .p{ font-size: calc(14px + 0.01rem);line-height:calc(22px + 0.09rem);}
.h-main2 .list li .text{ font-size: calc(14px + 0.02rem);line-height:calc(22px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.h-main2{ padding-top:30px; padding-bottom:30px;}
.h-main2 .title{ margin-top:15px;}
.h-main2 .cont{ margin-top:8px;}
.h-main2 .list{ margin-top:20px;}
.h-main2 .list li{ width:50%;}
.h-main2 .list li .tit{ font-size: calc(14px + 0.09rem);line-height:calc(22px + 0.11rem);}
.h-main2 .list li .p{ margin-top: 5px;}
.h-main2 .list li .text{ font-size: calc(14px + 0.02rem);line-height:calc(22px + 0.04rem);}
.h-main2 .list li.on{ width:50%;}
.h-main2 .list li.on .d{ padding:15px 15px;}
}
@media screen and (max-width:767px) {	
.h-main2 .cont{ text-align: left;}	
.h-main2 .list li{ margin:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);}
.h-main2 .list li:last-child{ border-bottom: 0;}
.h-main2 .list li .ico{ width:42px; min-width:42px; height:42px; margin-right:15px;}
.h-main2 .list li .ico img{ height:42px;}
.h-main2 .list li .text{ margin-top:0; text-align: left;}
.h-main2 .list li .p{ margin-top: 5px; text-align: left;}
.h-main2 .list li .t{ align-items: center; flex-wrap: nowrap; position:relative; padding:25px 15px;}
.h-main2 .list li .d{ position: absolute;}
.h-main2 .list li.on{ width:100%;}
.h-main2 .list li.on .t{ position:absolute;}
.h-main2 .list li.on .d{ position: relative; padding:20px 15px;}

}


.h-news{ padding-top:0.75rem; padding-bottom:0.72rem;}
.h-news .list{ width: calc(100% + 0.4rem); margin:0.47rem -0.2rem 0 -0.2rem; overflow: hidden; position: relative; padding: 0 0 7px 0;}
.h-news .list .li{ width:33.33%; padding:0 0.2rem; margin-bottom:0.4rem;}
.h-news .list .a{ width:100%;}
.h-news .list .img{ width:100%; line-height:0; overflow:hidden; position:relative; border-radius:0.18rem; padding-bottom:62%;}
.h-news .list .img img{ display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.h-news .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-news .list .time{ width:100%; color: #686868; font-size:14px; line-height:24px; margin-top:0.28rem;}
.h-news .list .tit{ width:100%; color: #424242;font-size: calc(14px + 0.1rem);line-height:calc(22px + 0.12rem); margin-top:0.1rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.h-news .list .more{ width:100%; color: #181818; font-size:13px;line-height:23px; margin-top:0.65rem; display: flex; align-items:center;}
.h-news .list .more i{ display: block; margin: 0 0 0 8px; width:18px; height: 18px; background: #aaaaaa; border-radius: 50%; position:relative;}
.h-news .list .more i::after{ display: block; content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); border-top:1px solid #fff; border-right:1px solid #fff; width: 6px; height: 6px; margin-left: -1px;}
.h-news .list .a:hover .tit{ color: #1e218a;}
.h-news .list .a:hover .more i{ background: #1e218a;}
.h-news .list .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.h-news .list .swiper-slide { flex-shrink: 0; position: relative; transition-property: transform;}
.h-news .list .swiper-pagination{text-align: center; background: #e9e9e9; position: relative; height: var(--swiper-pagination-progressbar-size,2px); transition: .3s opacity; transform: translate3d(0,0,0); z-index:5; margin:0 0.2rem;width:calc(100% - 0.4rem - 74px);}
.h-news .list .swiper-pagination-progressbar-fill{ background: #1e218a; position: absolute; left: 0; top: 0; width: 100%;  height: 100%; transform: scale(0); transform-origin: left top;}
.h-news .list .swiper-button-prev,
.h-news .list .swiper-button-next{ float: right; width:22px; height:16px; position:absolute; right:0.4rem; bottom:0; z-index: 7; cursor: pointer; }
.h-news .list .swiper-button-prev{ margin-right:22px; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.h-news .list .swiper-button-prev::after,
.h-news .list .swiper-button-next::after{ display: block; content: ''; position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:12px; height:12px; border-top:1px solid #9a9a9a; border-right:1px solid #9a9a9a; margin:0 0 0 -4px;}
.h-news .list .swiper-button-prev:hover::after,
.h-news .list .swiper-button-next:hover::after{ border-top:1px solid #1e218a; border-right:1px solid #1e218a;}



@media screen and (max-width:1024px) {
.h-news{ padding-top:30px; padding-bottom:30px;}
.h-news .list{ margin:20px -0.2rem 0 -0.2rem;}
.h-news .list .time{ margin-top: 15px;}
.h-news .list .more{ margin-top: 10px;}
.h-news .list .li{ width:100%; padding:0 0.2rem; margin-bottom: 15px;}
}


.in-banner{ width:100%; display: flex; position: relative; line-height: 0; margin-top: 1.2rem;}
.banTit{ position: absolute; left: 0; top:48%; width: 100%; z-index: 6; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);}
.banTit .font24{ margin-top: 0.08rem; font-size: calc(12px + 0.24rem);}
@media screen and (max-width:1024px) {
.in-banner{ margin-top:60px;}
}







.contact{ padding-top:0.8rem; padding-bottom:0.65rem;}
.contact ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:-0.15rem;}
.contact li{ display:flex; flex-wrap: wrap; align-content:flex-start; width:calc(33.33% - 0.3rem); margin:0.15rem;border:1px solid #eaeaea; text-align: center; padding:0.44rem 0.3rem 0.51rem 0.3rem; position: relative;}
.contact li:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.15);}
.contact li .w100{ justify-content:center;}
.contact li .font28{ font-weight: bold; margin-top: 0.38rem;}
.contact li .font18{ margin-top: 0.12rem;}
.contact li .font17{ margin-top: 0.42rem;}
.contact li .font17 img{ margin:8px 0 -8px 6px; width:20px;}
.contact li .ico{ line-height: 0; height: 0.66rem;}
.contact li .ico img{ height: 0.66rem;}
.contact li .er{ display: block; line-height:0; box-shadow:0 3px 6px rgba(0,0,0,0.15); width:160px; height:160px; position: absolute; left:50%; bottom:0.5rem; margin-bottom:40px; transform: translate(-50%,0) scale(0); -ms-transform: translate(-50%,0) scale(0); z-index: 10;}
.contact li .er::after{ display: block; content: ''; position: absolute; left:50%; top:100%; transform: translate(-50%,0); -ms-transform: translate(-50%,0);border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff;  }
.contact li .er img{ width: 100%;}
.contact li:hover .font17{ color: #1d2089;}
.contact li:hover .er{ transform: translate(-50%,0) scale(1); -ms-transform: translate(-50%,0) scale(1);}


@media  screen and (max-width:1024px){
.contact{ padding-top:30px; padding-bottom:25px;}	
.contact li:last-child .font17{ display: none;}
.contact li .er{ position:static; margin:15px auto 5px auto; width: 120px; height:120px; transform: translate(0%,0) scale(1); -ms-transform: translate(0%,0) scale(1);}
.contact li .er::after{ display:none;}
}
@media  screen and (max-width:767px){
.contact ul{ width:100%; margin:-7px 0;}	
.contact li{ width:100%; margin:7px 0; padding:20px 15px;}
.contact li .w100{ justify-content: flex-start;}
.contact li .ico{ width:50px; min-width:50px; height:40px; margin-bottom:-40px;}
.contact li .ico img{ height:40px;}
.contact li .font17{ padding-left:60px; margin-top:5px;}
.contact li .font18{ padding-left:60px; margin-top:0;}
.contact li .font28{ padding-left:60px; margin-top:0;}
.contact li .er{ position:static; width:110; height:110; margin:12px 0 0 60px;}

}


._form{ display: flex; flex-wrap: wrap; justify-content: space-between; margin:0.2rem 0 0.8rem 0;}
._form .lab{ display: flex; width:48%; margin-top:0.5rem;}
._form .line{border:1px solid #e5e5e5; background: #fbfbfb; border-radius:5px; overflow: hidden;}
._form .w100{ width:100%; flex-wrap: nowrap;}
._form .line.w100{ padding:0 0.15rem;}
._form .ico{ display:flex; width:calc(32px + 0.3rem); min-width:calc(32px + 0.3rem);; height:calc(32px + 0.3rem); justify-content: center; align-items: center;border-right:1px solid #e5e5e5;}
._form .ico img{width:calc(20px + 0.1rem);; height:calc(20px + 0.1rem);}
._form .name{float: left; color:#666666;font-size:calc(14px + 0.06rem);line-height:calc(32px + 0.3rem); margin-left:0.32rem; white-space: nowrap;}
._form .text{float: left;width: 100%;background:none;border:0; border-radius:0; color:#666666;font-size:calc(14px + 0.06rem);line-height:calc(32px + 0.1rem); height:calc(32px + 0.3rem); padding:0.1rem 0.25rem;}
._form .textarea{height:369px;}
._form .submit{float: left;width:223px;background-image:linear-gradient(to left, #609afd , #034099);font-size:calc(14px + 0.06rem);line-height:calc(32px + 0.3rem); height:calc(32px + 0.3rem); border-radius: calc(32px + 0.3rem); color: #fff;border: 0;text-align: center; margin:0 0.25rem; }
._form .submit:hover{background:#1e218a; }



._form ::-webkit-input-placeholder{color:#666666}
._form :-moz-placeholder{color:#666666}
._form ::-moz-placeholder{color:#666666}
._form :-ms-input-placeholder{color:#666666}

@media  screen and (max-width:1024px){
._form{margin:5px 0 30px 0;}	

}
@media  screen and (max-width:767px){
._form .lab{ margin-top:15px; width: 100%;}
._form .textarea{height:260px;}
._form .submit{width:120px;}
}


.pordL{ width:100%; display: flex; flex-wrap: wrap; justify-content:center; margin-top: 0.6rem;}
.pordL .li{ max-width:1920px; width:100%; position: relative; display: flex; flex-wrap: nowrap;}
.pordL .li:after,
.pordL .li::before{ display: block; content: ''; position: absolute; left: 0; top:0; z-index:1; width:100%; height:1px; background:#d5d3d4;}
.pordL .li:last-child::before{ top:auto; bottom: 0;}
.pordL .li .img{ display: block; position:relative; left:0; top:0; z-index: 7; width:50%; height:calc(184px + 3.04rem); line-height:0; overflow: hidden;}
.pordL .li .img img{ display: block; position:absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.pordL .li:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.pordL .li .box{ width:100%; margin:0 0 0 -50%;}
.pordL .li .cont{ display: block; width:50%; margin:0 0 0 50%; padding:0.8rem 0 0.7rem 1.15rem;}
.pordL .li .font27{ display: inline-block; font-weight: bold; margin-bottom:0.13rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.pordL .li .font17{ position: relative; padding-left:24px; margin-top:0.09rem;color: #494949;}
.pordL .li .font17::after{ display:block; content: ''; position: absolute; left:0; top:calc(5px + 0.05rem); background: #1d2087; width: 10px; height: 10px;}
.pordL .li .more{ margin-top: 0.35rem; display:inline-block; min-width:124px; font-size:14px; line-height:calc(30px + 0.14rem); border-radius:calc(30px + 0.12rem); color: #fff;border:1px solid #0033a0; background: #0033a0; text-align: center;background-position:right bottom; transition:all .5s ease; padding:0 20px; }
.pordL .li:hover .more{border:1px solid #0033a0; background:linear-gradient(to left,transparent 50%,#fff 50%); background-size:200% 100%; background-position:left bottom;color: #0033a0;}


.pordL .li:nth-child(2n){flex-direction:row-reverse;}
.pordL .li:nth-child(2n) .box{ width:100%; margin:0 -50% 0 0;}
.pordL .li:nth-child(2n) .img{ left:auto; right: 0;}
.pordL .li:nth-child(2n) .cont{ margin:0; padding:0.8rem 0.6rem 0.7rem 0.9rem;}

@media  screen and (max-width:1440px){
.pordL .li .cont{ padding:0.8rem 0 0.7rem 0.75rem;}
.pordL .li:nth-child(2n) .cont{ padding:0.8rem 0.5rem 0.7rem 0.5rem;}
}
@media  screen and (max-width:1024px){
.pordL{margin-top:20px;}	
.pordL .li .cont{ padding:25px 0 30px 15px;}
.pordL .li:nth-child(2n) .cont{ padding:25px 15px 30px 0;}
.pordL .li .font17{ padding-left: 16px;}
.pordL .li .font17::after{ width:8px; height: 8px;}
}
@media  screen and (max-width:767px){
.pordL .li{ flex-wrap: wrap; padding:0 15px;}	
.pordL .li .img{ position: relative; width:100%;/* height: auto; */ margin-top:30px;}
.pordL .li .img img{ position: static;}
.pordL .li .cont{ width:100%; padding:20px 0 30px 0; margin: 0;}
.pordL .li:nth-child(2n) .cont{ padding:20px 0 30px 0;}
.pordL .li .more{ margin-top:15px; min-width:100px; line-height:calc(28px + 0.14rem); }
.pordL .li .box{ width:100%; margin:0; padding: 0;}
.pordL .li:nth-child(2n) .box{ width:100%; margin:0;}
}


.slideA{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:0.6rem;}
.slideA .ul{ width:100%; margin:-1px 0; display: flex; justify-content: center;}
.slideA .ul li{ display: flex; justify-content: center;border-right:1px solid #e5e5e5;}
.slideA .ul li:first-child{border-left:1px solid #e5e5e5;}
.slideA .ul li a{ display: flex; justify-content: center; align-items:center; flex-direction: column; padding:0.27rem 0.27rem; min-width:2.45rem;}
.slideA .ul li .ico{ display: flex; width:0.46rem; height:0.46rem; line-height: 0; margin:0.05rem 0;}
.slideA .ul li .ico img{height:0.46rem; object-fit: contain;}
.slideA .ul li .ico .img1{ display: block;}
.slideA .ul li .ico .img2{ display: none;}
.slideA .ul li .font23{ display: flex; justify-content: center; margin-top:5px;}

.slideA .ul li.on .ico .img1{ display: none;}
.slideA .ul li.on .ico .img2{ display: block;}
.slideA .ul li.on .font23{ color: #fff;}
.slideA .ul li.on a{ background:#1d2089;}
.slideA .ul li:hover .ico .img1{ display: none;}
.slideA .ul li:hover .ico .img2{ display: block;}
.slideA .ul li:hover .font23{ color: #fff;}
.slideA .ul li:hover a{ background:#1d2089;}

.slideA-2{ margin-top:0.5rem;}

@media  screen and (max-width:1600px){
.slideA .ul li a{ min-width:2.1rem;}
}
@media  screen and (max-width:1440px){
.slideA .ul li a{ min-width:1.9rem;}
}
@media  screen and (max-width:1024px){
.slideA{ margin-top:20px;}	
.slideA .ul li a{ padding:12px 16px;}
.slideA .ul li .ico{ width:28px; height:28px;}
.slideA .ul li .ico img{height:28px;}
.slideA .ul li .font23{ margin-top:2px; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); }
.slideA-2{ margin-top:20px;}
}
@media  screen and (max-width:767px){
.slideA-1 .ul{ overflow-x: auto; justify-content: flex-start; white-space: nowrap;}
.slideA .ul li a{ flex-direction: row; white-space: nowrap;}
.slideA .ul li .ico{ margin-right:6px;}
}


.newsL{ margin-bottom:0.96rem;}
.newsL .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.5rem); margin:0 -0.25rem;}
.newsL .ul li{ display: flex; flex-wrap: wrap; width:25%; padding:0 0.25rem; margin-top:0.53rem;}
.newsL .ul li a{ display: flex; flex-wrap: wrap; width:100%;}
.newsL .ul li .font27{ color: #333; font-weight: bold;line-height:calc(22px + 0.22rem);overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top: 0.22rem;}
.newsL .ul li .font18{ color: #333; font-size: calc(14px + 0.06rem); line-height:calc(22px + 0.16rem);overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top: 0.24rem;}
.newsL .ul li a:hover .font27{ color: #004098;}
.newsL .ul li .time{ color: #9a9a9a; font-size:16px; line-height:24px; margin-top: 0.22rem;}
.newsL .ul li .img{ width:100%; display: block; position:relative; line-height:0; overflow: hidden; padding-bottom:63.8%;}
.newsL .ul li .img img{ display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.newsL .ul li a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}

@media  screen and (max-width:1440px){
.newsL .ul{ width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.newsL .ul li{ width:25%; padding:0 0.15rem; margin-top:0.53rem;}
.newsL .ul li .font18{ font-size: calc(14px + 0.04rem);}
}
@media  screen and (max-width:1024px){
.newsL{ margin-bottom:30px;}	
.newsL .ul{ width:calc(100% + 14px); margin:0 -7px;}
.newsL .ul li{ width:25%; padding:0 7px; margin-top:20px;}
.newsL .ul li .font27{ line-height: calc(22px + 0.13rem); margin-top:15px;}
.newsL .ul li .font18{ line-height: calc(22px + 0.04rem); margin-top:6px;}
.newsL .ul li .time{ margin-top:6px;}
}
@media  screen and (max-width:767px){
.newsL .ul li{ width:50%;}	
}



/* 分页 */
.wack1{ margin:0 0 0.66rem 0;}
.wack1 .pz_fy{ display:flex; justify-content: center; align-items: center; text-align:center;}
.wack1 .pz_fy a { float:left; min-width:40px; height:40px; line-height:38px; color:#999; font-size:16px; border-radius:3px; margin:0 0.12rem; border:1px solid #fff;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; background:#004098; border:1px solid #004098;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ min-width:32px; height:32px; line-height:30px; border-radius:3px; border:1px solid #e2e3e7; display:flex; justify-content: center; align-items: center; }
.wack1 .pz_fy .prev{ margin:0 0.37rem 0 0; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.wack1 .pz_fy .next{ margin:0 0.37rem;}
.wack1 .pz_fy .prev i,
.wack1 .pz_fy .next i{ display: flex; width:20px; height: 20px; background:url(img/_right-small.svg) center no-repeat; background-size:100% 100% !important;}
.wack1 .pz_fy .prev:hover i,
.wack1 .pz_fy .next:hover i{ background:url(img/_right-small1.svg) center no-repeat;}
.wack1 .pz_fy input{ text-align: center; width:49px; height:40px; line-height:38px; color:#999; font-size:16px; border-radius:3px; border:1px solid #e2e3e7;}
.wack1 .pz_fy button{ text-align: center; width:40px; height:40px; line-height:38px; color:#999; font-size:16px; border-radius:3px; border:1px solid #e2e3e7; text-transform: uppercase;}
.wack1 .pz_fy button:hover{color:#fff; background:#004098; border:1px solid #004098}
.wack1 .pz_fy span{ padding:0 0.1rem; color:#333;font-size:calc(14px + 0.02rem); line-height:40px;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:14px; color:#333;}
.wack1 .fy_pc a{ padding:4px 25px; color:#fff; background:#004098; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ padding:0 20px; color:#333;}

@media  screen and (max-width:1024px){	
.wack1{ margin:0 0 30px 0;}	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}



.job2 .li{display: flex; flex-wrap: wrap; width:50%; position: relative; padding:0.77rem 0.8rem 0.83rem 0.8rem;}
.job2 .li .img{display: flex; flex-wrap: wrap; width:100%; height:100%; line-height:0; position: absolute; left:0; top:0; z-index: 1; overflow: hidden;}
.job2 .li .img img{ display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.job2 .li:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.job2 .li .cont{display: flex; flex-wrap: wrap; width:100%; position: relative; z-index: 6;}
.job2 .li .font44{ font-weight: bold;}
.job2 .li .font17{ margin:0.09rem 0 0.37rem 0;}
.job2 .li .but .a{ display:inline-flex; justify-content: center; align-items: center; min-width:144px; font-size:calc(12px + 0.04rem); line-height:calc(28px + 0.3rem); height:calc(30px + 0.3rem); border-radius:calc(28px + 0.3rem); color: #fff;border:1px solid #fff; text-align: center;background-position:right bottom; transition:all .5s ease; padding:0 25px; min-width:2.22rem; }
.job2 .li:hover .but .a{border:0; background-image:linear-gradient(to right, #01419b , #5f97f6);}

@media  screen and (max-width:767px){	
.job2 .li{/* width:100%; */ padding:40px 15px;}
.job2 .li .font17{ margin:10px 0 20px 0;}
.job2 .li .but .a{ line-height:30px; height:32px;}
}
	
	
.job1{ padding:0.96rem 0.5rem 0.78rem 0.5rem; color: #545454; line-height:calc(22px + 0.26rem);}	
.job1 .img{ width: 46.2%; line-height: 0;}
.job1 .cont{ width: 46.5%; margin-top:0.15rem;}
.job1 .font30{ color: #0a0a0a; font-weight:bold;}	
.job1 .mt40{ margin-top:0.4rem;}	
	
@media  screen and (max-width:1600px){	
.job1{ padding:0.96rem 0 0.78rem 0; line-height:calc(22px + 0.22rem);}
.job1 .cont{ width:48.5%; margin-top:0.15rem;}
.job1 .mt40{ margin-top:0.3rem;}	
}	
@media  screen and (max-width:1440px){	
.job1{ padding:0.96rem 0 0.78rem 0;}
.job1 .cont{ width:50.5%; margin-top:0.15rem;}
}		
@media  screen and (max-width:1024px){	
.job1{ padding:0.96rem 0 0.78rem 0;}
.job1 .img{ width: 100%;}
.job1 .cont{ width:100%; margin-top:20px;}
.job1 .mt40{ margin-top:10px;}	

}		
	
	
.fangAn1{padding-top:0.88rem; padding-bottom:1.14rem;}
.fangAn1 .box{ margin-top: 0.65rem; letter-spacing:0.01rem;}
.fangAn1 .font30{ color: #070707; line-height: calc(22px + 0.26rem);}
.fangAn1 .font18{ color: #070707; line-height: calc(22px + 0.14rem);}
.fangAn1 .left{ width: 48%;}
.fangAn1 .left .font18{ margin-top:0.53rem;}
.fangAn1 .right{ width: 45.7%;}
.fangAn1 .right .font30{ padding-bottom:0.44rem;}
.fangAn1 .right .font30 img{ object-fit: contain; height: calc(26px + 0.2rem); margin-right:0.19rem;}
.fangAn1 .right .font18{ margin-top:0.04rem; position: relative; padding-left: 16px;}
.fangAn1 .right .font18:after{ display: block; content: ''; position: absolute; left: 0; top:calc(8px + 0.07rem); width: 5px; height: 5px; background: #009edd; border-radius: 50%;}

@media  screen and (max-width:1024px){
.fangAn1{padding-top:30px; padding-bottom: 30px;}	
.fangAn1 .box{ margin-top:20px;}
.fangAn1 .left{ width: 100%;}
.fangAn1 .right{ width: 100%; margin-top:20px;}
}
	
.fangAn2{ background: #eff8ff;padding-top:0.58rem; padding-bottom:0.42rem;}	
.fangAn2 .index-zh{ color: #1c1f86;}	
.fangAn2 .list{ margin-top: 0.8rem;}
.fangAn2 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.34rem); margin:-0.17rem -0.17rem;}
.fangAn2 .ul li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.17rem 0.17rem;}
.fangAn2 .ul li a{ display: flex; flex-wrap: wrap; width:100%; border-bottom:1px solid #e5e7e6;}
.fangAn2 .ul li .cont{ width:100%; display: block; position:relative; padding:0.39rem 0.74rem 0.45rem 0.1rem;}
.fangAn2 .ul li .ico{ position: absolute; right: 0.1rem; top:50%; width:0.54rem; height:0.54rem; background: #019cdc; border-radius: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); }
.fangAn2 .ul li .ico::after{ display: block; content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); border-top:1px solid #fff; border-right:1px solid #fff; width:0.12rem; height:0.12rem; margin-left: -0.02rem;}
.fangAn2 .ul li a:hover .ico{ background: #1f208a;}
.fangAn2 .ul li .font24{ color: #1f208a; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.fangAn2 .ul li .font18{ color: #4c4d4f; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1; margin-top:0.08rem;}
.fangAn2 .ul li .img{ width:100%; display: block; position:relative; line-height:0; overflow: hidden; padding-bottom:68%;}
.fangAn2 .ul li .img img{ display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.fangAn2 .ul li a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}



@media  screen and (max-width:1024px){
.fangAn2{padding-top:30px; padding-bottom: 30px;}	
.fangAn2 .list{ margin-top:20px;}
.fangAn2 .ul{ width:calc(100% + 14px); margin:-10px -7px;}
.fangAn2 .ul li{ padding:10px 7px;}
}
@media  screen and (max-width:767px){
.fangAn2 .ul li{ width:100%;}
.fangAn2 .ul li .cont{ padding:15px 38px 15px 0;}	
.fangAn2 .ul li .ico{right: 0; width:28px; height:28px;}
.fangAn2 .ul li .ico::after{width:8px; height:8px; margin-left: -2px;}
.fangAn2 .ul li a:hover .ico{ background: #1f208a;}
}


	
.fangAn3{padding-top:0.86rem; padding-bottom:1rem;}	
.fangAn3 .img{ width:100%; line-height: 0; margin-top: 0.65rem;}
.fangAn3 .img img{ max-width: 100%;}	
	
@media  screen and (max-width:1024px){
.fangAn3{padding-top:30px; padding-bottom: 30px;}	
.fangAn3 .img{ margin-top:20px;}
}	
	
	
	
.pordD{ padding:0.83rem 0.16rem 1.72rem 0.42rem;}	
.pordD .font30{ font-weight: bold;}	
.pordD .font18{ color: #686868; line-height: calc(22px + 0.14rem); border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:0.3rem; padding:0.34rem 0 0.63rem 0;}	
.pordD .btn{ margin-top: 0.4rem;}
.pordD .btn a{ color: #fff; font-size:calc(14px + 0.02rem); line-height: calc(30px + 0.3rem); border-radius: calc(30px + 0.3rem); border:1px solid #07338a; background: #07338a; padding:0 0.8rem;}	
.pordD .btn a:hover{ background: #fff; color: #07338a;}
.pordD .cont{ width:47.5%; margin-top: 0.48rem;}
.pordD .img{ width:46.2%; overflow: hidden;}
.pordD .swiper{ width:100%; position: relative;}
.pordD .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.pordD .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.pordD .swiper-slide img{ width: 100%;}
.pordD .mySwiper2 .swiper-slide{ padding:1px;}
.pordD .mySwiper2 .swiper-slide img{ border:1px solid #dddddd;}
.pordD .mySwiper{margin-top: 0.2rem; padding:0 34px;}
.pordD .mySwiper .swiper-slide{ padding:1px 5px;}
.pordD .mySwiper .swiper-slide img{border:1px solid #dddddd; cursor: pointer;}
.pordD .mySwiper .swiper-slide-thumb-active img{border:1px solid #201e89;}
.pordD .mySwiper .swiper-button-prev,
.pordD .mySwiper .swiper-button-next{ float: right; width:30px; height:102%; position:absolute; right:0; top:-1%; z-index: 7; cursor: pointer; background: #fff; }
.pordD .mySwiper .swiper-button-prev{left:0; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pordD .mySwiper .swiper-button-prev::after,
.pordD .mySwiper .swiper-button-next::after{ display: block; content: ''; position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:20px; height:20px; border-top:2px solid #9a9a9a; border-right:2px solid #9a9a9a; margin:0 0 0 -5px;}
.pordD .mySwiper .swiper-button-prev:hover::after,
.pordD .mySwiper .swiper-button-next:hover::after{ border-top:2px solid #1e218a; border-right:2px solid #1e218a;}

@media  screen and (max-width:1600px){
.pordD .cont{ margin-top: 0.2rem;}
.pordD .font18{ margin-top: 0.3rem; padding:0.3rem 0;}
}
@media  screen and (max-width:1440px){
.pordD{ padding:0.83rem 0 1.72rem 0;}	
.pordD .cont{ margin-top: 0.1rem;}
}
@media  screen and (max-width:1024px){
.pordD{ padding:30px 0;}		
.pordD .font18{ margin-top:15px; padding:15px 0;}	
.pordD .btn{ margin-top:20px;}
.pordD .btn a{ line-height:32px; padding: 0 25px;}
.pordD .cont{ width:100%; margin-top:20px;}
.pordD .img{ width:100%;}
.pordD .mySwiper{ margin-top:10px;}
.pordD .mySwiper .swiper-button-prev::after,
.pordD .mySwiper .swiper-button-next::after{ width:14px; height:14px; margin:0 0 0 -4px;}
}		
	
	
.canshu{ background: #f5f5f5; padding-top: 0.77rem; padding-bottom:0.98rem;}	
.canshu .font44{ position: relative; font-weight: bold; padding-bottom: 0.25rem;}	
.canshu .font44::after{ display: block; content: ''; position: absolute; left: 50%; bottom: 0; background: #0610c7; width:38px; height: 2px; transform: translate(-50%,0); -ms-transform: translate(-50%,0); }	
.canshu .table{ margin-top: 0.64rem; color: #4c4c4c;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); text-align: center;}	
.canshu .table table{ width:100%; background: #fff;}
.canshu .table th{ padding:13px 13px; border:1px solid #0911be;font-size:calc(14px + 0.04rem); background: #0911be; color: #fff; font-weight: bold;}
.canshu .table td{ padding:13px 13px; border:1px solid #dddddd;}
	
	
@media  screen and (max-width:1024px){
.canshu .font44{ padding-bottom:12px;}
.canshu .table{ margin-top:20px;}	
.canshu .table th{ padding:10px 10px; }
.canshu .table td{ padding:10px 10px; }
}		
@media  screen and (max-width:880px){
.canshu .table{overflow-x: auto;}		
.canshu .table table{ width:880px; min-width:880px;}

}	
	
	
.about1{ padding-top:1.13rem; padding-bottom:1.13rem;}	
.about1 .box{ align-items: flex-end; color: #555;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.2rem);}
.about1 .cont{ width: 46%; padding:0.22rem 0;}
.about1 .img{ width:50%; position: relative; line-height: 0; overflow: hidden;}
.about1 .img .pic{ width:100%; position: relative; z-index: 1;}
.about1 .img .paly{ width:1.1rem; height: 1.1rem; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 6;}

@media  screen and (max-width:1600px){
.about1 .box{line-height:calc(22px + 0.16rem);}	
.about1 .cont{  padding:0.1rem 0;}

}	
@media  screen and (max-width:1440px){
.about1 .box{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem);}

}	
@media  screen and (max-width:1024px){
.about1{padding-top:30px; padding-bottom:35px;}		
.about1 .cont{ width: 100%; padding:0 0 20px 0;}
.about1 .img{ width:100%; }


}	


.about2{ padding-top:0.53rem; padding-bottom:0.88rem;}	
.about2 .index-en{ text-transform: none; color: #535353;}
.about2 .box{ width:calc(100% + 0.4rem); margin:0.48rem -0.2rem 0 -0.2rem; overflow: hidden;}
.about2 .box .li{ width:20%; padding:0 0.2rem; cursor: pointer;}
.about2 .box .li .img{ width:100%; line-height: 0; box-shadow:0 0 0.1rem rgba(0,0,0,0.2);}
.about2 .box .li .font18{ width:100%; margin-top: 0.2rem; text-align:center; color: #535353;}
.about2 .box .li:hover .font18{color: #1d2089;}
.about2 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.about2 .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.about2 .swiper-button-prev,
.about2 .swiper-button-next{ float: right; width:0.5rem; height:0.5rem; border-radius: 50%; position:absolute; right:0; top:0.34rem; z-index: 7; cursor: pointer; background: #fff; border:1px solid #ddd; }
.about2 .swiper-button-prev{ margin-right: 0.72rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.about2 .swiper-button-prev::after,
.about2 .swiper-button-next::after{ display: block; content: ''; position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:11px; height:11px; border-top:2px solid #9a9a9a; border-right:2px solid #9a9a9a; margin:0 0 0 -2px;}
.about2 .swiper-button-prev:hover::after,
.about2 .swiper-button-next:hover::after{ border-top:2px solid #1e218a; border-right:2px solid #1e218a;}


@media  screen and (max-width:1024px){
.about2{padding-top:30px; padding-bottom:30px;}		
.about2 .box{ width:calc(100% + 14px); margin:20px -7px 0 -7px;}
.about2 .box .li{ padding:0 7px;}
.about2 .swiper-button-prev,
.about2 .swiper-button-next{ width:32px; height: 32px; top:0.6rem}
.about2 .swiper-button-prev{ margin-right:42px;}
.about2 .swiper-button-prev::after,
.about2 .swiper-button-next::after{ width:9px; height: 9px;}
}	
@media  screen and (max-width:767px){
.about2 .box .li{ width:50%;}

}	



	
.about3{ padding-top:1.05rem; padding-bottom:1.04rem;}	
.about3 .font34{ font-weight: bold;}	
.about3 .box{ width:100%; display: flex; flex-wrap: wrap; margin-top:0.62rem;}
.about3 .box .img{ width:22.6%; display:flex; line-height: 0;}
.about3 .box .img img{ width:100%; display:flex; line-height: 0; position: relative; min-height:100%; object-fit: cover;}
.about3 .box .ul{ display: flex; flex-wrap: wrap;width:100%; }
.about3 .box .li{ display: flex; flex-wrap: wrap; width:22%; position: relative; min-height: 100%;}
.about3 .box .pic{ width:100%; display:flex; line-height: 0; position: absolute; left: 0; top:0; height: 100%; z-index: 1;}
.about3 .box .pic img{ width:100%; display:flex; line-height: 0; position: absolute; height:100%; object-fit: cover;}
.about3 .box .ico{ position: relative; z-index: 6; line-height:0; height: 0.54rem; margin-bottom:1.16rem;}
.about3 .box .ico img{ height: 0.54rem;}
.about3 .box .info{ display:flex; flex-wrap: wrap; position: relative; z-index: 6; width:100%; height:100%; align-content: space-between; padding: 0.64rem 0.52rem; background: rgba(0,0,0,0.5);}
.about3 .box .cont{ position: relative; z-index: 6; width:100%;}
.about3 .box .font23{ display:none; margin-top:0.42rem;}
.about3 .box .font24{ display:none; margin-top:0.38rem; margin-bottom: 1rem;}
.about3 .box .font27{ margin-bottom:2px;}
.about3 .box .li.on{ width:56%;}
.about3 .box .li.on .pic{ width:40%;}
.about3 .box .li.on .info{ margin:0 0 0 40%; width:60%; padding: 0.64rem 0.34rem; background: #1d2089;}
.about3 .box .li.on .font23{ display:block;}
.about3 .box .li.on .font24{ display:block;}

@media  screen and (max-width:1024px){
.about3{padding-top:30px; padding-bottom:30px;}		
.about3 .box{ margin-top:20px;}
}
@media  screen and (max-width:767px){
.about3 .box .img{ width:100%; height:100px;}	
.about3 .box .li{ width:100%;min-height: inherit;}
.about3 .box .li .info{ padding:40px 15px;}
.about3 .box .ico{ height:34px; margin-bottom:20px;}
.about3 .box .ico img{ height:34px;}
.about3 .box .font23{ margin-top:8px;}
.about3 .box .font24{ margin-top:8px; margin-bottom:0;}
.about3 .box .ul{ width:100%;}
.about3 .box .li.on{ width:100%;}
.about3 .box .li.on .info{ padding:35px 15px;}

}		
	
	
	

.xwxq_section{width: 100%;padding-top:0.8rem;padding-bottom:0.8rem;}
.xwxq_section h2{font-size: 32px;color: #000000;line-height: 40px;margin-bottom: 24px;}
.xwxq_section .boxs{width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-bottom:40px;}
.xwxq_section .boxs .bq{font-size: 16px;color: #565656;line-height: 20px;margin-right: 16px;}
.xwxq_section .boxs .date{font-size: 16px;color: #565656;line-height: 20px;}
.xwxq_section .content{font-size: 16px;color: #000000;line-height: 30px;margin-bottom: 66px;padding-bottom: 66px;border-bottom: 1px solid #d1d1d1;}
.xwxq_section .content img{max-width: 100%;}
.xwxq_section .pagebox{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.xwxq_section .page_l{width: calc(100% - 200px);}
.xwxq_section .page_l a{display: block;font-size: 16px;color: #000000;line-height: 20px;margin-bottom: 18px;
transition: All 0.1s ease-in-out;
-webkit-transition: All 0.1s ease-in-out;
-moz-transition: All 0.1s ease-in-out;
-o-transition: All 0.1s ease-in-out;}
.xwxq_section .page_l a .span1{margin-right: 16px;position: relative;}
.xwxq_section .page_l a .span1::after{content: "";display: block;width: 1px;height: 14px;background: #dfdfdf;position: absolute;left: calc(100% + 8px);top: 50%;transform: translate(0,-50%);}
.xwxq_section .page_l a:last-child{margin-bottom: 0;}
.xwxq_section .page_l a:hover{color: #1d2089;}
.xwxq_section .back_r{width: 124px;}
.xwxq_section .back_r a{display: block;width: 100%;font-size: 14px;color: #1d2089;line-height: 34px;text-align: center;border: 1px solid #1d2089;border-radius: 18px;
transition: All 0.1s ease-in-out;
-webkit-transition: All 0.1s ease-in-out;
-moz-transition: All 0.1s ease-in-out;
-o-transition: All 0.1s ease-in-out;}
.xwxq_section .back_r a:hover{background: #1d2089;color: #fff;}
@media screen and (max-width:1024px) {
.xwxq_section{padding-top:20px;padding-bottom: 30px;}
.xwxq_section h2{font-size: 18px;line-height: 26px;margin-bottom: 12px;}
.xwxq_section .boxs{margin-bottom: 14px;}
.xwxq_section .boxs .bq{font-size: 14px;line-height: 18px;margin-right: 10px;}
.xwxq_section .boxs .date{font-size: 14px;line-height: 18px;}
.xwxq_section .content{font-size: 14px;line-height: 24px;margin-bottom: 20px;padding-bottom: 20px;text-align: justify;}
.xwxq_section .pagebox{display: block;}
.xwxq_section .page_l{width: 100%;margin-bottom: 14px;}
.xwxq_section .page_l a{font-size: 14px;margin-bottom: 10px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xwxq_section .page_l a .span1{margin-right: 12px;}
.xwxq_section .page_l a .span1::after{left: calc(100% + 6px);}
.xwxq_section .back_r{width: 100px;margin: 14px auto 0 auto;}
.xwxq_section .back_r a{line-height: 30px;border-radius: 16px;}
}

	
	
	
	
	
/* overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;	 */



.sitemap{ width:100%; overflow:hidden;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#1d2089;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}




.about3 .box .li{-webkit-transition: all 0.5s ease-out 0s; height: calc(304px + 2.8rem);
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;}
@media screen and (max-width:767px) {
.about3 .box .li{height:auto;}
}
.doc_download { padding-top:0; padding-bottom: 0.98rem;background-color: #f5f5f5;
}
.download_resources { width:calc(100% + 0.3rem); margin:0.4rem -0.15rem 0 -0.15rem;}
.download_resources .a{
    float: left;
    padding:0.15rem 0.15rem;
    width: 33.3%;
    box-sizing: border-box;
}

.download_res:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 14px 29px 0 rgba(12,12,12,0.08);
}
.download_res .res_icon{ width:32px; min-width:32px; margin-left:0.25rem; line-height: 0;}
.download_res .pdf01{  display: block;}
.download_res .pdf02{  display: none;}
.download_res:hover .pdf01 {
    display: none;
}

.download_res:hover .pdf02 {
    display: block;
}

.download_res i {
    display: block;
    width: 0;
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 2px;
    background-color: #1d2089;
    transition: .3s all ease-in-out;
}

.download_res:hover i {
    width: 100%;
    transition: .3s all ease-in-out;
}

.download_res {
    background-color: #FFFFFF;
    width: 100%; position: relative;
    cursor: pointer;  
    padding:0.35rem 0.4rem; flex-wrap: nowrap; align-items: center;
    justify-content: space-between;
}

.download_res .res-tit {color: #333;
  font-size: calc(14px + 0.02rem);
  line-height: calc(22px + 0.04rem);
}
.download_res .res_desc{color: #686868;
  font-size: calc(14px + 0.02rem);
  line-height: calc(22px + 0.04rem);
}

@media screen and (max-width:1024px) {
.download_resources{ width: calc(100% + 0.3rem);  margin: 0.4rem -7px 0 -7px;}	
.download_resources .a{ width: 100%; padding:7px 7px;}
.download_res{ padding:12px 15px;}
.download_res .res_icon{ width:28px; min-width:28px;  margin-left: 12px;}
}




.h-main1 .bx{ justify-content: flex-end;}
.h-main1 .bx .right1{ width: 36%;}
.h-main1 .left{ margin-top: calc(-44px - 0.5rem);}
.h-main1 .box .index-zh{ font-size: calc(12px + 0.26rem); line-height: calc(22px + 0.28rem);}
.about1 .box{ align-items: inherit;}
.about1 .img{ display: flex; flex-wrap: wrap;}
.about1 .img .video1{ width: 100%; height: 100%; object-fit:cover;}

@media screen and (max-width:767px) {
.h-main1 .left{ margin-top:calc(54px + 0.5rem);}
.h-main1 .bx .right1{ width: 100%;}
.h-main1 .bx .right1 .w100{ justify-content: center;}
.h-main1 .bg{ margin-top:60px;}
}

.t_navs .top{ display: flex; justify-content: space-between;}
.menu-xl{ opacity: 0; display: flex;
 -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.t_navs.act .menu-xl{ opacity: 1;}
.t_navs .lang{ display:none;}
.menu-xl .ul{ display: flex;}
.menu-xl .ul .nli{ display: flex; margin:0 0.25rem;}
.menu-xl .ul .nli .a{ color:#050505; font-size: calc(14px + 0.04rem); line-height:1.2rem;}
.menu-xl .ul .nli.on .a{ color:#1e218a;}
.menu-xl .ul .nli:hover .a{ color:#1e218a;}


@media screen and (max-width:1600px) {
.menu-xl .ul .nli{ margin:0 0.2rem;}
}
@media screen and (max-width:1440px) {
.menu-xl .ul .nli{ margin:0 0.15rem;}
}






.white_important{color:#fff !important;}
.black_important{color:#333 !important;}






/*231102start*/
.t_navs .top .logo .img1{ display: block;}
.t_navs .top .logo .img2{ display: none;}

.index-banner .cont{ overflow: hidden;}
.index-banner .cont .text{ opacity:0; transform: translate(0,150%); -ms-transform: translate(0,150%);
-webkit-transition: all 0.6s ease-out 0s; 
-moz-transition: all 0.6s ease-out 0s; 
-o-transition: all 0.6s ease-out 0s; 
transition: all 0.6s ease-out 0s;  
 }
.index-banner .swiper-slide-active .cont .text{ opacity:1; transform: translate(0,0); -ms-transform: translate(0,0); }
.h-about .cont{ text-align: justify;}



@media screen and (min-width:1024px) {
.h-about .right{ margin-top:0.31rem;}
.h-about .ul li{ padding:calc(13px + 0.19rem) 0;}
.footer .left{ flex-direction: row;}
.footer .addr{ display:none;}
.footer .logo{ margin-bottom: 0;}
.footer .er{ margin:0.1rem 0 0 0.3rem;}
}

.h-about .ul li{border-top:1px solid rgba(0,0,0,.2);}
.h-about .ul li:last-child{border-bottom:1px solid rgba(0,0,0,.2);}

.in-banner{ margin: 0 !important; height:4.8rem;}
.in-banner img{ height:100%; object-fit: cover;}
.banTit{top:50%; padding-top: 1.2rem;}

@media screen and (max-width:1024px) {
.banTit{top:50%; padding-top:60px;}
}
@media screen and (max-width:767px) {
.in-banner{ height:9.6rem;}
}



.about1 .font44{ margin-bottom: 0.60rem;}
.about1-1{ padding-top:0.4rem;}

@media screen and (min-width:1440px) {
.about1 .cont{ padding: 0; margin:calc(-4px - 0.07rem) 0;}
}
@media screen and (min-width:1024px) {
.about1 .cont{ padding: 0; margin:calc(-4px - 0.04rem) 0;}
}
@media screen and (max-width:767px) {
.about1-1{ padding-top:0;}
}



/*231114start*/
sup {top: .5em;}
sub{bottom: -.5em;}
.h-main2 .list li .p{text-align: left;}
.h-main2 .cont{ justify-content: flex-start !important;text-align: left;}
.h-main1 .bg .img::after{ height:101%;}
.canshu .table th{ background: #1e218a;border: 1px solid #1e218a;}
.canshu .table td:first-child{ background: #1e218a !important;}

@media screen and (min-width:1024px) {
.about1-1 .font44{ margin-bottom:0.49rem;}
.about3 .box{ margin-top:0.6rem;}
.about2 .box{ margin-top: 0.6rem;}
.about2 .swiper-button-prev,
.about2 .swiper-button-next{ top:0.05rem;}
}

/*231114end*/




sub{position:initial; vertical-align:sub;}
sup{position:initial; vertical-align:super;}































