*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; font-family: 'Hos','Arial';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.text-center {text-align: center;    position: relative;  z-index: 99;}


/**/
body{
--main-color:#4ea23f; 
--min-width:1400px; 
--max-width:1920px; 
}

@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family:'neu'; src: 
       url('https://cdn.114my.com.cn/font/MiSans/MiSansLatin-Heavy.ttf') format('truetype')
}
@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf");}
@font-face{font-family:'df'; src: url("https://cdn.114my.com.cn/font/lcw/yszt.TTF");}
@font-face { 
        font-family: 'axt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}


@font-face {
  font-family: 'iconfont';  /* Project id 5167418 */
  src: url('//at.alicdn.com/t/c/font_5167418_s4v4605eyjd.woff2?t=1777121878832') format('woff2'),
       url('//at.alicdn.com/t/c/font_5167418_s4v4605eyjd.woff?t=1777121878832') format('woff'),
       url('//at.alicdn.com/t/c/font_5167418_s4v4605eyjd.ttf?t=1777121878832') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gyc {margin: 0 auto;max-width: 80%;min-width: 1200px;}
.gy {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gya {margin: 0 auto;max-width: 80%;min-width: 1200px;overflow:hidden;}
.gyb {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gyd {margin: 0 auto;max-width: 94%;min-width: 1200px; position: relative;}

.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}


/*head*/
.head{ height: 5vw;   line-height: 5vw; padding: 0 4%; width: 100%;z-index: 100; position: absolute;top:0; transition: 1s;}
.head.on{width: 100%; z-index: 999;box-shadow: 0 0 10px #ccc;background: #fff;position: fixed; height: 5.1vw;}
.head.on .head_nav>ul>li>a {color: #333;}
.head.on .head_nav>ul>li>a .head_num li>i{ color: #333;}
.head.on .head_num li i,.head.on .head_num li>a,.head.on .icon>div i span { color: #333;}
.head.on .head_logo p b{ color: #333; text-transform: uppercase;}
.head.on .head_logo p b em{ color: #666;}
.head.on .head_num li>p>span{ color:  var(--main-color);}
.head.on .head_logo .hei {  display: block;}
.head.on .head_logo .lan{ display: none}
.head.on .head_nav>ul>li>a:before{background:var(--main-color);}
.head.on .head_nav>ul>li.cur>a{color: var(--main-color);}

.head_box {max-width: 1800px;margin: 0 auto;display:  flex;justify-content:  space-between;}
.head_logo {display:flex;align-items:center; }
.head_logo img{}
.head_logo .lan {display: block;}
.head_logo .hei { display: none}
.head_logo i {position: relative; padding: 0%; }
.head_logo i:before {content:'';width:1px;height:100%; position:absolute;top:0;right: -17px;}
.head_logo i:after {content:'';width: 3px;height: 20%;/* background:#1a67bf; */position:absolute;top: 22px;right: -18px;}
.head_logo i img{height:40px;   }
.head_logo p {display: flex;flex-direction: column;font-size:2vw; font-family: "alzt"; letter-spacing: 0px;padding: 0 0 0 15px;}
.head_logo p b {color: #fff; font-size: 2vw; letter-spacing:0px;}
.head_logo p b em {color: #f8f8f8;  display: block; font-size: 1vw;padding-top:0.5vw; font-weight: normal; letter-spacing: 0px;}
.head_logo p span {font-size: calc(0.6rem + 0.4vw);font-weight:  lighter; border-radius: 50px;text-align: center;color: #8a8383;text-align-last: justify;position: relative;z-index: 5; }


.head_logo p span:before,.head_logo p span:after {content:'';width: 5%;height: 0.125rem;position:absolute;top:0;background: #666;bottom: 0;margin: auto;opacity: 0.5;display: none;}
.head_logo p span:before {left: 2rem;}
.head_logo p span:after {right: 2rem;}
.head_con {width:61%;display:  flex;align-items:  center;justify-content:  space-between;}
.head_nav {width:100%;/* background: #fff; */display:  flex;justify-content:  space-between;align-items:  center;} 
.head_nav>ul {display: flex;align-items: center;width: 100%;justify-content:  space-between; height: 5vw;}
.head_nav>ul>li {    position: relative;}
.head_nav>ul>li>a {font-size: calc(0.95rem + 0.2vw);position: relative;color: #fff; display: flex;letter-spacing: 0px;flex-direction: column;align-items: center; font-weight: normal; line-height: 5vw;}
.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background:#fff;position:absolute;top:100%;right: 0;transition:0.5s;z-index: -1;right: 0;}

.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width: 100%;right: auto;left: 0;}
.head_nav>ul>li:hover>a{color:#fff;}
.head_nav>ul>li.cur>a {font-weight: bold;}
.head_nav li>a i {font-size: 10px;margin: 0.2rem 0 0;display:none;}
.head_num {display:  flex;  width: 40%; /* align-items:  center; margin: 0 0 0 25px;  */}
.head_num ul {display: flex;width: 100%;align-items:  center;justify-content: center;}
.head_num li {/* position:relative; *//* width: 55px; */ display: flex;}
.head_num>ul>li:nth-child(3) {display:flex;align-items: center;/* display: none; */}
.head_num li:nth-child(1)>a img {width: 32px;}
.head_num li+li {margin: 0 0 0 0.5vw;}
.head_num li>i {font-size: 25px; color: #fff; display: flex;justify-content: center;align-items: center;border-radius: 5px; font-weight: 100;}
.head_num li:last-child:hover>p {transform: rotateX(0deg); }
.head_num li>p {    padding: 0.2vw 0 0 0.5vw;
    white-space: nowrap;
    font-weight: lighter;
    transition: 0.5s;
    /* width: 13%;*/}
.head_num li>p>span { font-family: 'srm'; font-size: calc(1rem + 0.4vw);font-weight: bold;color: #fff;}
.head_num li>a {font-size: 15px;/* color: #fff; */font-family:  Arial;display: flex;align-items: center;}
.head_num li>a i {transform:rotate(90deg);font-size: 10px;margin: -3px 0 0 4px;}
.head_lan {/* margin: 0 0 0 30px; */position: absolute;transform: rotateX(90deg);transform-origin: top;transition: 0.5s;top: 100%;border-top: 2px solid #ff6600;}
.head_lan p {display:flex;/* border-top: 1px solid #eee; */padding: 12% 0;width: 88px;/* justify-content: center; *//* align-items: center; */background: #fff;transition: 0.5s;}
.head_lan p+p {border-top: 1px solid #ebebeb;}
.head_lan p:hover {background:#1a67bf;}
.head_lan p a {display:flex;align-items: center;}
.head_lan p:hover a {color:#fff;}
.head_lan p i {width: 26%;display: none;}
.head_lan p i img {width:100%;}
.head_lan p span {font-size: 13px;margin: 0 0 0 16px;/* font-weight: lighter; */white-space: nowrap;}
.head_num li:hover .head_lan {transform: rotateX(0deg);}



/*下拉*/
.head_nav>ul>li .sec2:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 11px 7px;
    content: "";
    left: 22px;
    position: absolute;
    top: -22px;}
.head_nav>ul>li .sec3 {width: 240px !important;}
.head_nav>ul>li .sec2 {
  position: absolute;
  top: 100%;
  width: 220px;
  left: 0;
  background: white;
  z-index: 999;
  text-align: center;
  padding: 1rem 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
       transform: translateY(20px);
  text-align: center;
  line-height: 1;
  border-top: 1px #eee solid;
box-shadow: 0 0 15px rgba(29, 56, 75, .4);
}

.head_nav>ul>li .sec2 .sec-a {
  width: 100%;
}

.head_nav>ul>li .sec2 .sec-a .img {
  width: 32.88288%;
  padding-bottom: 21.44144%;
  position: relative;
  height: 0;
  overflow: hidden;
border: 2px #eee solid;
}

.head_nav>ul>li .sec2 .sec-a .img > img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.head_nav>ul>li .sec2 .sec-a .cont-p {
  width: 67.11712%;
  padding: 0 5%;
  text-align: left;
}

.head_nav>ul>li .sec2 .sec-a .cont-p .tit {
  color: #3E3E3F;
  font: 600 1.875rem/1.5em "";
  text-transform: uppercase;
}

.head_nav>ul>li .sec2 .sec-a .cont-p .p {
  color: #57585A;
  font-size:1.1rem;
  margin: 0.5rem 0 1em;
font-family: 'axt';
line-height:1.6;
font-weight:100;
}

.head_nav>ul>li .sec2 .sec-a .cont-p a.more-b {
  display: inline-block;
  color: #fff;
  padding: 0.8rem 1.6rem;
}

.head_nav>ul>li .sec2 .sec-b {
  width: 100%;
  padding-left: 0%;
}

.head_nav>ul>li .sec2 .sec-b a {
  display: block;
  color: #3E3E3F;
  font-size: 1.1vw;
  padding: 0.8em 1em;
  text-align: left;
font-weight:100;
    font-family: 'axt';border-bottom: 1px #eee solid;\
}

.head_nav>ul>li .sec2 .sec-b a:hover {
  color: #fff;
background:var(--main-color);
}
.head.on .head_nav>ul>li>a:hover { color:var(--main-color);}
.head_nav>ul>li:hover > a {
  color: #ffd307;font-weight:bold;
}
.head_nav>ul>li.active{color: #075daa;font-weight:bold;}

.head_nav>ul>li:hover .sec, .head_nav>ul>li:hover .sec1, .head_nav>ul>li:hover .sec2 {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
   -ms-transform: translateY(0);
    -o-transform: translateY(0);
       transform: translateY(0);
}









/*xiala*/
.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;height: 25px;}
.icon>div i{/* width:40px; *//* height:40px; */border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;/* border: 1px solid #eee; */}
.icon>div:hover i{/* background: #005ee0; */}
.icon>div i:before{content:'';width:40px;height: 5vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size: 1.1vw; color: #f7f7f7; position: relative;z-index:2;font-weight: 100;}
.icon>div:hover i span{color: #fff;}

.form_ul {/* padding:0; */}
.iser_box,.itel_box{position:absolute;top: 100%;right:0;padding: 4%;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;width: 100%;display: flex;flex-direction: column-reverse;justify-content: center;text-align: center;background: rgba(0,0,0,0.5);}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content: center;/* display: none; */padding: 2% 0 0;color:#fff;}
.search_l span+span{margin-left:4px;font-size: 16px;color: rgba(255,255,255,0.6);}
.search_l a{color: #444;font-size: 16px;margin: 0 5px;color: #fff;}
.search_r{/* margin-top: 15px; */position:relative;width: 86%;display: flex;align-items: center;justify-content: center;}
#infoname{height: 64px;line-height: 64px;border:1px solid #eee;text-indent:12px;width: 100%;border-radius: 2rem;padding: 0 0 0 1%;}
.z_img{width: 40px;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 20px;
    background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:#1f2c5c;color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;display: none;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c { transform: rotateX(0);}
.over img {width: 100%; overflow: hidden;}

/*langu*/
.langu_bc {position: relative; cursor:pointer; margin-left:16px; width: 100px;}
.langu{}
.langu_t {font-size:0.9vw;display: block;margin: 0 auto;     color: #fff;}
.langu_t span{padding-right: 0.3vw; font-size:0.95vw;}
.langu_t2{     position: absolute;
    right: -43px;
    transform-origin: top;
    transform: rotateX(90deg);
    transition: 0.5s;
    left: auto;
    text-align: left;
    z-index: 9999;
    width: 120px;
    background: rgba(0,0,0,0.8);
    border-radius: 4px;
    padding: 10px;
    margin-top: 4px;}


.langu_bc:hover .langu_t2 {
    transform: rotateX(0deg);
}

.langu_t2 a {
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
}
.langu_t2 img {
    width: 20px;
    vertical-align: middle;
    margin-right: 8px;
}
.about_wz p {line-height: 1.5rem;}

@media screen and (max-width: 1600px){
.head_num li:nth-child(1)>a img { width: 36px;}
.head_logo i img { height: 35px;}
.about_bc .top .left::before {right: -4px;}
.about_wz { font-size: 1rem;}
.about_wz p {line-height: 1.5rem;}
.about_bc .top .ab_r{    width: 50%;}
.langu_bc {width: 90px;}
}
@media screen and (max-width: 1560px){
.gyc {max-width: 90%;}
.gy{max-width: 90%;}
.langu_bc {width: 85px;}

}

@media screen and (max-width: 1500px){
.head_num li:nth-child(1)>a img { width: 36px;}
.head_logo i img { height: 30px;}
.about_bc .top .left::before {right: -4px;}
.about_wz { font-size: 1rem;}
.about_wz p {line-height: 1.4rem;}
.about_bc .top .ab_r{ width: 50% !important;}
.gyc {max-width: 90%;}
.gy{max-width: 90%;}
.head_con {  width: 64%;}
.langu_bc { width: 85px; margin-left: 30px;}
.head_num{  width: 44%;}


}
@media screen and (max-width: 1460px){
.f60 { font-size: 3rem !important;line-height: 3 !important; }
.f16 {  font-size: 0.8rem !important;}
.head_num{  width: 44%;}
}


@media screen and (max-width: 1400px){
.head_num li:nth-child(1)>a img { width: 36px;}
.head_nav>ul>li>a {font-size: calc(0.9rem + 0.2vw);}
.head_logo i img { height: 30px;}
.about_bc .top .left::before {right: -4px;}
.about_wz { font-size: 1rem;}
.about_wz p {line-height: 1.2rem;}
.about_bc .top .ab_r{    width: 50%;}
.gyc {max-width: 90%;}
.gy{max-width: 90%;}
.head_con {  width: 64%;}
.langu_bc { margin-left: 30px;width: 85px;}
.f60 { font-size: 3rem !important;line-height: 3 !important; }
.f16 {  font-size: 0.7rem !important;}
.head_num{  width: 44%;}



}
 @media screen and (max-width: 1366px){
.head_con {width: 65%;}
.gy{max-width: 90%;}
.langu_bc { margin-left: 30px;width: 85px;}
.f60 { font-size: 3rem !important;line-height: 3 !important; }
.f16 {  font-size: 0.6rem !important;}
.head_num{  width: 44%;}
}

 @media screen and (max-width: 1300px){
.head_num li:nth-child(1)>a img { width: 36px;}
.head_nav>ul>li>a {font-size: calc(0.9rem + 0.2vw);}
.head_logo i img { height: 30px;}
.about_bc .top .ab_r{    width: 50%;}
.gyc {max-width: 90%;}

}   

.langu_t2 a:hover { text-decoration: underline;}


 
/* banner*/
.container{    text-align: center; width: 1400px;  margin: 0 auto; max-width: 100%;     position: absolute; top: 40%;}
.indexBanner { z-index: 2; position: relative;  overflow: hidden;}
.swiper-wrapper {height: auto !important;}

.bannerSwiper {height: auto; position: static;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}
.bannerSwiper .swiper-slide-active img , .bannerSwiper .swiper-slide-duplicate-active img {transition: 2s linear;transform: scale(1,1);}
.bannerSwiper .con {position: absolute; left: 43%; top: 41%; transform: translate(-50%, -50%);z-index: 1;}
@media screen and (max-width: 1680px){.bannerSwiper .con{left: 52%;top: 33%;}}
@media screen and (max-width: 1440px){.bannerSwiper .con{left: 53%;top: 32%;}}
.bannerSwiper .con strong {font-size:4.3rem;font-weight: 100;color: #ffffff; display: inline-flex; line-height: 2;}
.bannerSwiper .con .ty{text-shadow: 0.1rem 0.1rem 0rem rgba(1, 126, 26, 0.5);}
.bannerSwiper .con .bx {
}
.bannerSwiper .con span {
    background: linear-gradient(to right, #0058c4 0%, #17bce3 100%);
    border-radius: 11px 0 0 11px;
    color: #fff;
    width: 61%;
    line-height: 46px;
    text-align: center;
}
.bannerSwiper .con em {
    color: #fff;
    width: 57%;
    line-height: 46px;
    text-align: center;
    font-style: normal;}

.bannerSwiper .con1{position: absolute; left: 50%; top: 32%; transform: translate(-50%, -50%);z-index: 1; text-align: center;}
.bannerSwiper .con1 strong {font-size:4vw;font-weight: 100;color: #fff; display: inline-flex; line-height: 2;}
.bannerSwiper .con1 .p1 {font-size:2.2rem;color:#fff; line-height: 1.5; padding-top: 1.2%;text-align: center;font-weight:bold;}
.bannerSwiper .con1 .ty{text-shadow: rgba(1, 69, 205,0.5) 0.05rem 0.05rem 0rem;}
.bannerSwiper .con1 .bx {
    font-size: 1.1vw;
    color: #fff;
    line-height: 46px;
    font-family: axt;
    height: 46px;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    width: 31%;
    display: flex;
    text-align: center;
    letter-spacing: 0.1vw;
    border-radius: 11px;
   margin: 0 auto;
margin-top: 3%;
}
.bannerSwiper .con1 span {
    background: linear-gradient(to right, #0d3b88 0%, #054cc4 100%);
    border-radius: 11px 0 0 11px;
    color: #fff;
    width: 57%;
    line-height: 46px;
    text-align: center;
}
.bannerSwiper .con1 em {
    color: #fff;
    width: 60%;
    line-height: 46px;
    text-align: center;
    font-style: normal;
}



.index_banner .txt .morelink{margin-top:25px;min-width:180px;margin-left:10px;margin-right:10px;color:#fff; }
.index_banner .txt .morelink i{font-size:1.1rem;line-height:30px;margin-right:8px;display:inline-block;vertical-align:top; }


.index_banner .txt .morelink:hover{color:#fff;}
.btn-3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.morelink {    margin-right: 10px;     margin-top: 1vw;
    display: inline-block;
    position: relative;
    font-size: 1.1rem !important;
    line-height: 30px;
    color: #fff;
    padding: 9px 24px;
    background-color:var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 6px;
    text-transform: capitalize;
    transition: all 0.3s;}
.morelink i{ float: left;     padding-right: 10px; font-size:1.1rem;}



.index_banner .scrolldown {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
    z-index: 1;
    color: #fff;
    font-size: 18px;    z-index: 999;
}
.index_banner .scrolldown>i {
    display: block;
    margin-top: 15px;
    animation: down 0.8s infinite;
    -webkit-animation: down 0.8s infinite;font-size: 28px;
}

@keyframes down {
 0%{
  transform:translate(0)
 }
 100% {
  transform:translateY(15px)
 }
}
@-webkit-keyframes down {
 0% {
  transform:translate(0)
 }
 100% {
  transform:translateY(15px)
 }
}

@keyframes cross-1{

  0%{transform: translateX(0); opacity: 0.8;}

  50%{transform: translateX(200%); opacity: 1;}

  100%{transform: translateX(0);opacity: 0.8;}

}

@keyframes cross-2{

  0%{transform: translateX(200%); opacity: 0.8;}

  50%{transform: translateX(0); opacity: 1;}
  100%{transform: translateX(200%);opacity: 0.8;}

}

.indexXian {position: absolute; left: 4%; top: auto; z-index: 1;bottom:5rem; display: flex;}
.indexXian span {font-size: 0.9rem;letter-spacing:0rem; color: #ffffff; margin-right: 1rem; text-transform: uppercase;writing-mode:vertical-rl; position: relative;}
.indexXian i {width: 2px;height: 5.84rem;background: #EFEFEF; display: block; position: relative; overflow: hidden;}
.indexXian i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: var(--main-color); opacity: 1; animation: aline 3s infinite linear;}
@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}
.swControls {display: flex; align-items: center; justify-content: space-around; width: 100%;height: 5rem; position: absolute; left: auto; left: 0; top: auto; bottom: -.3rem;  z-index: 11; overflow: hidden;}
.swControls {display: none;}
.swControls { padding-left: 2%; box-sizing: border-box;}
.swControls::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 100%;top: 0;transition: 1.5s; }
.swControls.on::after {left: 0;}
.swControls.swiper-button-next:after, .swiper-button-prev:after{font-size:0px !important;}
.swControls > div {position: relative;}
.bannerSwiper .swiper-pagination {width: 100% !important; bottom: 27px  !important;}
.bannerSwiper .swiper-pagination span {width: 1rem; height: 1rem; border: 1px solid #; opacity: 1; box-sizing: border-box; background: rgba(255,255,255,0.3);}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background:var(--main-color);}
.bannerSwiper .swiper-num {margin-left: 0%;color: #fff; display: none;}
.bannerSwiper .swiper-num .actives {font-size:2rem;}
.bannerSwiper .swjtBox {display: none;}
.bannerSwiper .swjt {position: relative; margin: 0;width: 1rem; height: 1rem; border-radius: 50%; left: 0; top: auto;}
.bannerSwiper .swjt i{color: #ffffff;font-size: 2rem;}
.bannerSwiper .swjt img {max-width: 70%;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: 1.3rem;} 



/*all_title*/
.all_title{text-align: center;margin-bottom:40px;}
.all_title b{font-size:42px;font-weight:bold; display: block; color: #333;padding-bottom: 14px;font-family: 'Microsoft YaHei';}
.all_title p{font-size:20px;font-weight:normal; color: #666;}
.all_title em{font-size:42px;font-weight:bold;color: #444;}
.all_title span{width:37px;height:9px;position:relative;display:flex;margin:18px auto 0;}
.all_title i{width:30px;height:1px;background:#0169d2;position:relative;top:4px;left:25%;margin-left:-15px;animation:alltiti 1.5s infinite;vertical-align: top; display: block;}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.flex2 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
padding: 5% 0;
}
.wh {
    padding: 0 var(--cbasta);
}
.section {
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 768px) {
  .cont2 {
    padding: 2.5rem 0;
  }
}
.cont2 .a2v2 {
width: 80%;
margin:0 auto;
}
@media (max-width: 768px) {
  .cont2 .a2v2 {
    padding: 0 4%;
    margin-top: 1rem;
  }
}
.cont2 .a2v2 .a2_list1 {
  width: 34%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .cont2 .a2v2 .a2_list1 {
    width: 100%;
  }
}
.cont2 .a2v2 .a2_list1::after {
  content: "";
  position: absolute;
  left: 0.9375rem;
  top: 2rem;
  height: 80%;
  width: 2px;
  border-left: 2px dashed rgba(0, 0, 0, 0.2);
}
.cont2 .a2v2 .a2_list1 li {
  padding: 1rem 0;
}
.cont2 .a2v2 .a2_list1 li + li {
  padding-top: 1.2rem;
}
@media (max-width: 768px) {
  .cont2 .a2v2 .a2_list1 li {
    padding: 0.75rem 0;
  }
  .cont2 .a2v2 .a2_list1 li + li {
    padding-top: 1.6rem;
  }
}
.cont2 .a2v2 .a2_list1 li .wex-a i {
  display: block;
  width: 1.875rem;
  cursor: pointer;
}
.cont2 .a2v2 .a2_list1 li .wex-a i img {
  width: 100%;
  -webkit-filter: invert(74%) sepia(15%) saturate(0%) hue-rotate(259deg) brightness(96%) contrast(94%);
          filter: invert(74%) sepia(15%) saturate(0%) hue-rotate(259deg) brightness(96%) contrast(94%);
}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p {
  width: -webkit-calc(97% - 1.875rem);
  width: -moz-calc(97% - 1.875rem);
  width: calc(97% - 1.875rem);
}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p .asbt-cx {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p .tit {
  color: #ADABAB;
  font-size: 1.2vw;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
font-family: 'neu';
}

.cont2 .a2v2 .a2_list1 li.on .wex-a .cont-p .tit {color:  var(--main-color);}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p .prod_l span{font-size:1.6vw;color:#e00b00;font-weight:bold;line-height:2;font-family:'neu';}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p .prod_l dd{font-size:1vw;color:#222;font-weight:400;}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p .prod_l dd:after{content:'';display:block;width:1px;height:20px;background:#ccc;margin:10px 0;}
.cont2 .a2v2 .a2_list1 li .wex-a .cont-p .prod_l d{display:block;font-size:0.85vw;color:#666;line-height:1.2;     margin-bottom:20px;}


.cont2 .a2v2 .a2_list1 li.on .wex-a .cont-p .asbt-cx {
  height: 16rem;
}
.cont2 .a2v2 .a2_list2 {
  width: 65.9003831418%;
position: absolute;
    top: 25%;
    right: -10%;}
@media (max-width: 768px) {
  .cont2 .a2v2 .a2_list2 {
    width: 100%;
  }
}
.cont2 .a2v2 .a2_list2 li {
  display: none;
}
.cont2 .a2v2 .a2_list2 li img {
  width: 70%;
}
.more-a {
  padding: 0.75rem 0.65rem;
  color: #fff;
background:  var(--main-color);
  line-height: 1.65em;
  font-size: 1rem;
  position: relative;
  z-index: 1;
width: 10rem;
    display: flex;
display: flex;
    justify-content: center;
    align-items: center;
}
.icon-a-Vector22Stroke1:before {
    content: "\e620";color: #fff;
}

.more-a i {
  font-size: 0.4rem;
  display: block;
  margin-left: 0.5rem;
  margin-top: -0.125rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.more-a svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.more-a:hover {
  color: #fff;
}
.more-a:hover svg {
  fill: #13315B;
}
.more-a.hs {
  color: #fff;
}
.more-a.hs:hover {
  color: rgba(255,255,255,0.6);
}
.more-a.bs {
  color: #fff;
}
.more-a.bs:hover {
  color: rgba(255,255,255,0.6);
}

@-webkit-keyframes bannerLun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }


  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@-moz-keyframes bannerLun {
  0% {
    opacity: 0;
    -moz-transform: translateY(100px);
         transform: translateY(100px);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px);
         transform: translateY(0px);
    filter: blur(0px);
  }
}

@-o-keyframes bannerLun {
  0% {
    opacity: 0;
    -o-transform: translateY(100px);
       transform: translateY(100px);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0px);
       transform: translateY(0px);
    filter: blur(0px);
  }
}

@keyframes bannerLun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

/* bt */
.font16 {font-size: 16px;}
.font18 {font-size: 36px;font-weight: bold;}
.font44 {font-size: 24px;}
.Btn{ display: flex; align-items: center; border-radius: 100px; border: 1px solid #dadada; position: relative; top: -8px; background: #fff;}
.Btn:hover{ top: -5px;}
.Btn .Btn_left{ color: #666666; padding: 0px 20px;}
.Btn .Btn_right{ height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background:  var(--main-color);}
.Btn.color{ background:  var(--main-color); border: 1px solid  var(--main-color);}
.Btn.color .Btn_left{ color: #fff;}
.Btn.color .Btn_right{ background:  var(--main-color);}
.Btn:hover{ background:  var(--main-color); border: 1px solid  var(--main-color); box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.Btn:hover .Btn_left{ color: #fff;}
.Btn:hover .Btn_right{ background:  var(--main-color);}
.Title{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:40px;}
.Title .Title_left .Title_left_dd{ color:  var(--main-color);}
.Title .Title_left .Title_left_icon{ margin: 19px 0px; display: flex; align-items: center;}
.Title .Title_left .Title_left_icon span{ display: inline-block; width: 7px; height: 5px; border-radius: 100%; background: #828282;}
.Title .Title_left .Title_left_icon span:nth-child(1){ opacity: 1;}
.Title .Title_left .Title_left_icon span:nth-child(2){ opacity: .5; margin: 0px 4px;}
.Title .Title_left .Title_left_icon span:nth-child(3){ opacity: .2;}
.Title .Title_left .Title_left_dt{ color: #111111; line-height: 1; font-weight: bolder;font-family: 'Microsoft YaHei';}
.Title .Title_left .Title_left_p{ color: #111111; line-height: 1.3; margin-top: 7px;}
.Title.color .Title_left .Title_left_dd{ color: #fff;}
.Title.color .Title_left .Title_left_icon span{ background: #fff;}
.Title.color .Title_left .Title_left_dt{ color: #fff;}



/* cpgun */

.pro_gun{ margin: 0 auto;
    max-width: 1500px;
    min-width: 1200px;}
.pro_gun .tempWrap{ }
.pro_gun ul{height:340px !important; float: left; display: flex;}
.pro_gun ul img {
    width: 100%;
    height: auto;
    transition: all .75s;}
.pro_gun li+li{ margin-left: 15px;}
.pro_gun li {
    width: 360px;
    overflow:hidden;
    position:relative;
}
.pro_gun>div:nth-chilf.pro_ct>div>pd(-n+2) li {
    border-left: none;
}
.pro_gun li:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.pro_gun li:hover:after{left:100%; -moz-transition:.75s; -o-transition:.75s; -webkit-transition:.75s; transition:.75s;}

.pro_gun li p a {   display: block;
    height: 64px;
    color: #444;
    font-size: 18px;  line-height: 64px; position: relative; transition: all .5s; background: #fff; text-align:center;}
.pro_gun li:hover p a{color: #fff;}
.pro_gun li:hover p a:after{color: #fff;}
.pro_gun li:hover p a {  background: var(--main-color);}
.pro_gun li>a {display: block;   overflow: hidden; }
.pro_gun li br { display: none;}
.pro_gun li:hover img { transform: scale(1.1);}



/*adv*/
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.adv_bg{position: relative; vertical-align: middle;
    width: 100%; height:900px;
   /* height: 100%;overflow: hidden;*/}
.containery{max-width:80% !important;margin: 0 auto;}
.hmc3ImgBgs{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmc3Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.hmc3Img.on{ opacity:1; visibility:visible}
.hmc3Img .bgImg{ left:0; top:0; right:0; bottom:0; position:absolute; transition:all 4s ease-in-out;}

.hmc3Video{ left:0; top:0; right:0; bottom:0; position:absolute;}
.hmc3Video video{width: 120%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hmc3Video:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}
.hmc3Img .bgImg:after{content:""; background: linear-gradient(180deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 60%), transparent); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc3Img.on .bgImg{ transform:scale(1.07);}
.hmPage3 .containery{position:relative; z-index:3;}
.hmc3con{ height:710px; position:relative;padding-top: 18vh;} 
.hmc3txts{ position:relative;}
.hmc3txt{ position: absolute; left: 0; width: 70%; top: 0; transition: all 0.3s ease-in-out; opacity: 0; color: #FFF; visibility:hidden; z-index:0 }
.hmc3txt.on{    max-width: 820px;  opacity:1; visibility:visible; z-index:1}
.hmc3txt strong{ font-size: 2.1vw; font-weight: bold; line-height: 2; display: block; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); font-family: 'Har';}
.hmc3txt p{ font-size: 0.9vw; letter-spacing: 0px; line-height: 30px; margin: 18px 0px 30px; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); font-family: 'axt';}
.hmc3txt div{ transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px);}
.hmc3txt.on strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}
.hmc3txt.on p{ opacity:1; transform:translateX(0); transition-delay:0.3s}
.hmc3txt.on div{ opacity:1; transform:translateX(0); transition-delay:0.4s}


.morey {
    background: var(--main-color);
    display: inline-block;
    border: 1px solid var(--main-color);
    font-size: 1rem;
    line-height: 3.4375rem;
    color: #FFFFFF;
    padding: 0 2rem;
    position: relative;
    z-index: 4;
}
.morey.borf {
  background: transparent;
  color: #fff;
  border-color: #fff;
padding:10px 20px;
}

.morey.borf::before {
  background: var(--main-color);
}

.morey.borf:hover {
  color: #fff;
  border-color: var(--main-color);
}

.morey.borf:hover img {
  filter: brightness(0) invert(1);
}

.morey div {
  display: flex;
  align-items: center;
}

.morey div img {
  height: 1.1rem;
  margin-left: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  filter: brightness(0) invert(1);
}

.morey::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
  transform: scale(0.6);
  opacity: 0;
}

.morey:hover {
  color: var(--main-color);
}

.morey:hover img {
  filter: brightness(1) invert(0);
  transform: translateX(0.25rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.morey:hover::before {
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}


.hmc3menu{ height:100px;display: flex; justify-content: space-between; position: relative;     bottom: 0;}
.hmc3Btn{ width:25%; display:block; background:#fff; position:relative;  border-right: .05rem solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px .5rem 2.5rem 0px rgba(0, 0, 0, 0.06);}
   
.hmc3menu .hmc3Btn:last-child{margin-right:0;}
.hmc3dbox{ padding: 33px 0px 0px 1.97vw; position: relative; height:100px; }
.hmc3dbox strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 0px;color: #333; }
.hmc3dbox p{ font-size: 12px; color: #D0D0D0; line-height: 20px; text-transform: uppercase; }
.hmc3dbox span{ height:42px; width: 50px; position: absolute; top: 50%; right: 1.67vw; margin-top:-25px;font-size: 42px;color: #333;}
.hmc3layer{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; transition: all 0.5s ease-in-out; border-radius: 1.2em 1.2em 0 0; height: 0; background: var(--main-color); overflow: hidden; height: 0; text-align: center;}
.hmc3layer:before{content:""; height:4px; background:#03b752; width:100%; position:absolute; left:50%; bottom:0; transition:all 0.5s ease-in-out; width:0%;}
.hmc3Btn:hover .hmc3layer:before{width:100%; left:0;}
.hmc3Btn:hover .hmc3layer{height:250px; padding: 45px 12px 0px 12px; color:#fff; }
.hmc3icon{ width:110px; height:110px; display:inline-block; position:relative; margin-bottom:5px; line-height: 110px; font-size: 34px;}
.hmc3icon i{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc3icon i:nth-child(1){ background: url(https://memberpic.114my.net/qunyu02220819en/uploadfile/image/20260429/20260429213724_1658034645.png) no-repeat center center; animation:radiusRotate 3s linear infinite; }

.hmc3icon i:nth-child(2){ background: url(https://memberpic.114my.net/qunyu02220819en/uploadfile/image/20260429/20260429213724_1343734187.png) no-repeat center center; animation:radiusRotate2 3s linear infinite; }
.hmc3icon i:nth-child(3){ background: url(https://memberpic.114my.net/qunyu02220819en/uploadfile/image/20260429/20260429213724_1847198031.png) no-repeat center center; animation:radiusRotate 5s linear infinite;  }
.hmc3icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3layer strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px; }
.hmc3layer p{ font-size: 12px; color:rgba(255,255,255,0.6); line-height: 20px; text-transform: uppercase;}


.section03 .row {
  margin: 0 -7.5rem;
  align-items: center;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0px;}
.row .right{margin-left:4%; }
.section03 .row>div {
  padding: 0 7.5rem;
}

.section03 .right .row {
  margin: 0;
}

.section03 .right .row>div {
  padding: 0;
}

#hw .section03 .right .row>div:first-child {
  margin-bottom: 5.375rem;
}

.right .data {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: #fff;
  position: relative;
  display: flex;
}

.right .data .counter {
  font-size: 6rem;
  line-height:1;
  font-weight: 100;
  color: #fff;
    font-family: 'neu';
}

.right .txt {
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.container3 {
    width: 100%;
    max-width: 100%;
}
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 46%;
    }



/*app*/
.app_c{position: relative; background:#fff;}
.app_bc{padding:0% 0 4% 0;width: 100%; overflow: hidden;}
.app_ic{margin-top: 30px;overflow: hidden;}
.app_ic ul{}
.app_ic li{width: 20%;position: relative;overflow: hidden;     margin: 0 10px;
    border-radius: 10px;
    }
.app_ic li img{display: block; width: auto;transition: .75s;}
.app_ic li p a{display: block;position: absolute;left: 0;height: 50px;text-align: center;line-height: 50px;color: #fff;background: rgba(0,0,0,0.3);width: 100%;font-size: 18px;font-weight: lighter;transition: .5s;}
.app_ic li:nth-child(odd) p a{bottom: 0;}
.app_ic li:nth-child(even) p a{top: 0;}
.app_ic li:hover img{transform: scale(1.1);}
.app_ic li:hover p a{background: rgba(2 124 18 / 50%);}
.app_c>a{display: block;width:66%;margin: 5% auto 0;text-align: center;border-radius: 60px;height: 78px; line-height: 78px;color: #fff;font-size: 34px; letter-spacing: 5px;background: linear-gradient(to bottom, var(--main-color) 0%, #0164d0 100%);}
.app_dot{position: absolute; bottom:0%; left: 46.2%; display: flex; margin-left: -33px;}
.app_dot li{width: 12px; height: 12px; border-radius: 100%; background: #999;}
.app_dot li+li{margin-left: 12px;}
.app_dot li button{display: none;}
.app_dot li.slick-active{background: var(--main-color);}
.app_ic button{display: none!important;}


.clearfix {
    clear: both;
    zoom: 1;}
.conn{margin-top:30px;}
.i-app li{ float:left; width:16.6%; position:relative; overflow:hidden}
.i-app li:last-child{ margin-right:0}
.i-app li .wenzi{ position:absolute; width:100%; height:100%; left:0; top:0;}
.i-app li .wenzi .inn{ position:absolute; bottom:0%; left:0%; padding:80px 40px 50px 40px; text-align:center; width:100%;transition: 0.5s; color:#fff; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.4)); }
.i-app li .wenzi .inn .ptitle{ height:30px; overflow: hidden; transition: 0.5s; }
.i-app li .wenzi .inn .ptitle h3{ font-size:24px;}
.i-app li .wenzi .inn .pmore{ margin-top:50px; display: inline-block; border:solid 1px #fff; padding:2px 15px; border-radius:10px; font-size:15px;}
.i-app li .wenzi .inn .pmore:hover{ background:#0b6abb; border:solid 1px #0b6abb;}
img.img1{position: absolute;}

.i-app li .wenzi .inn .pmore:hover i{background:url(../images/abnext.png) no-repeat 70% center; background-size:16px auto; }

.i-app li .wenzi .inn h3{ font-size:24px; margin-bottom:10px;}
.i-app li .wenzi .inn p{ line-height:26px;display: none;}
.i-app li .wenzi .inn .icon{ width:100px; border-radius:50%; overflow:hidden; margin:0 auto}
.i-app li .wenzi .inn .icon img{ display:block; width:100%; height:auto;}
.i-app li:hover .wenzi .inn .ptitle{ height:250px;}
.i-app li .wenzi .inn  .icon{ position:relative}
.i-app li .wenzi .inn .cirbox {-webkit-transition: all 700ms ease;transition: all 700ms ease;position: relative}
.i-app li .wenzi .inn .cirbox .ico{ position:relative; z-index:9}
.i-app li .wenzi .inn .cirbox img{ width:52px; height:auto; margin:10px auto 0px auto;}
.i-app li .wenzi .inn .cirbox span {top: 50%;left: 50%;position: absolute;display: inline-block}
.i-app li:hover .wenzi .inn .cir1 { background-color:rgba(78,162,63,0.5);width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;border-radius: 100%;-webkit-animation: touming 1s ease infinite;animation: touming 1s ease infinite}
.i-app li:hover .wenzi .inn .cir2 {width: 100px;height: 100px;margin-left: -50px;margin-top: -50px;border-radius: 100%;background-color:rgba(78,162,63,0.5);-webkit-animation: touming 1.2s ease infinite;animation: touming 1.2s ease infinite}
.i-app li:hover .wenzi .inn .cir3 {width: 120px;height: 120px;margin-top: -60px;margin-left: -60px;border-radius: 100%;background-color:rgba(78,162,63,0.5);-webkit-animation: touming 1.3s ease infinite;animation: touming 1.3s ease infinite}
.i-app li:hover .wenzi .inn .cirbox{ margin-bottom:40px;}


@-webkit-keyframes touming {
  0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}
  100% {opacity: 1;-webkit-transform: scale(1)!important;transform: scale(1)!important;}
}


@keyframes touming {
  0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}
  100% {opacity: 1;-webkit-transform: scale(1)!important;transform: scale(1)!important;}
}

/*about*/
.about_t.p100.pt0 {padding-top: 5%;}
.subtitle {
    text-transform: uppercase;
    font-size: 1.25rem;
    color: #999;
    display: inline-block;
    position: relative;
    margin-bottom: 0.25rem;
}
.titleco{font-size: 1.7vw;    font-family: 'alz'; color: #333;}
.about_wz{
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #666;}
.about_bc {
  position: relative;
  z-index: 9;  padding: 8rem 0;
background: url(https://memberpic.114my.com.cn/qunyu022/uploadfile/image/20231025/20231025162717_1673001581.jpg)  bottom center no-repeat;
}
.about_bc.about_j::before {
  display: none;
}
.about_bc.about_j .top .right .font18 {
  color: #8E8E8E;
}
.about_bc .top .left {
  padding-right: 4rem;
  position: relative;
width: 50%;}
.about_bc .top .left::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1px;
  width: 4.25rem;
  height: 16.125rem;
  background: var(--main-color);
}
.about_bc .top .ab_r{    width: 50%;
  padding-left: 2.4rem;
}
.about_bc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 31.25rem;
  background: #F7F7F7;
  z-index: -1;
}
.about_bc .about_wz {margin-top: 1rem;margin-bottom: 1rem;}
.about_bc .bot {
  padding-top: 2.25rem;

}
.about_bc .bot .text {
  text-align: justify;
}
.about_bc .bot .row {
  margin: 0 -1.875rem;
}
.about_bc .bot .row > div {
  padding: 0 1.875rem;
}
.about_bc .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #1F2A83;
  margin-bottom: 0.5rem;
}
.list_about_two .padding {
  padding: 0 26.875rem;
  margin-top: 1.25rem;
}
.list_about_two .padding img {
  height: 32.5rem;
  object-fit: cover;
}
.list_about_two .hover {
  position: absolute;
  top: 3.125rem;
  left: 0;
  padding: 0 3.3125rem;
}
.list_about_two .hover .name {
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #FFFFFF;
}
.swiper_pag .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.375rem;
}
.swiper_pag .swiper-pagination-bullet-active {
  background: #1F2A83;
}
a:focus-visible {
  outline: none;
}
.squera_video {
  height: auto;
  background: #F7F7F7;
}
.squera_video:hover {
  border-color: #1F2A83;
}
.squera_video:hover .name {
  color: #1F2A83;
}
.squera_video:hover img {
  transform: scale(1.1);
}
.squera_video .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #2D2D2D;
  padding: 1.4375rem 1.875rem;
}

.about_more {
  border: 1px solid #8E8E8E;
  line-height: 2.2rem;
  font-size: 1rem;
  color: #8E8E8E;
  padding: 0 2.25rem;
  display: inline-block;
  position: relative;
  z-index: 5;
height: 2.2rem;
}
.about_more div{height: 2rem;}
.icon-single_arrow:before {
    content: "\e8f9";
}
.icon-single_arrow1:before {
    content: "\e8f9";color: #fff;
}
.about_more:hover i{ color: #fff;}
.about_more:hover span{ color: #fff;}
.about_more::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transform: scale(0.6);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: var(--main-color);
  z-index: -1;
  opacity: 0;

}
.about_more:hover i::before {color: #fff;}
.about_more:hover {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.about_more:hover::before {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transform: scale(1);
}
.about_more > div {
  display: flex;
  align-items: center;font-size:16px;
}

.about_more.borg:hover {
  border-color:var(--main-color);
  color: #fff;
}
.about_more.borf {
  border-color: #fff;
  color: #fff;
}
.about_more.borf:hover {
  color: #1F2A83;
}
.about_more.borf:hover::before {
  background: #fff;
}
.about_more .iconfont {
  font-size: 1rem;
  margin-left: 1rem;
}

.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ut_2 {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.ut_2 .item {
  background: #fff;
  padding:2.5vw 2.5vw;
    display: flex;
    align-items: center;
}
.f60 { font-size: 3.6rem;line-height: 3.6; font-family: 'neu';}
.f16 {
    font-size:1rem;
}
.f52 {
    font-size:2.5rem;
}
.f18 {
    font-size: 22px;
}
.ut_2 .item .iconfont{
  max-width: 100%;
  transition: 0.4s;
color:var(--main-color);
font-size:54px;
line-height:54px;
    position: relative;
    z-index: 5;
}
.ut_2 .item:nth-child(2) .iconfont{font-size:50px;}
.ut_2 .item .iconfont:after {
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(63 155 84 / 10%);
    position: absolute;
    top: 11px;
    left: 21px;
    z-index: -1;
}

.ut_2 .item .content {
padding-left:1.5vw;
}
.data.f60 {  display: flex;}
.ut_2 .item .content .data p {
  transition: 0.4s;
  color: #333;
  font-weight: bold;
  line-height: 0.8;
}
.ut_2 .item .content .data b {color: #333;}
.ut_2 .item .content .desc {
  margin-top: 0.6rem;
  color: #666;
}
.ut_2 .item:hover .svg img {
  filter: brightness(1);
}
.ut_2 .item:hover .content .data p {
  color: var(--main-color);
}
/*news*/

.news_bc{padding:3% 0 4% 0;position: relative;z-index: 5; background: url(https://memberpic.114my.net/qunyu02220819en/uploadfile/image/20260429/20260429214635_790190800.jpg)  no-repeat bottom;}
.news_c{overflow: hidden;}
.cate_c ul{display: flex;    justify-content: center;}
.cate_c ul li+li{margin-left: 20px;}
.cate_c ul li a{display: block;width: 190px;height: 46px;line-height: 46px;color: #000; background: #eee; text-align: center;font-size: 20px;border-radius: 10px;}
.cate_c ul li.on a{background: var(--main-color); font-weight:bold;color: #fff;}
.cate_c1 ul li:hover:last-child a {background:var(--main-color);}
.news_tc {display: flex;justify-content: space-between;align-items: center;padding:0 20px;}

.news_cc {display: flex;padding:35px 0px 25px;transition:all .5s;overflow:hidden;}
.news_wz .news_div_item {width:calc(33.3% - 15px);flex-shrink: 0;position: relative;border: 1px solid #eee;background: #fff;}

.news_wz .news_div_item_pic img {width: 100%;height: auto;}
.news_cc .news_div+.news_div{display:none;}
.news_wz .news_div {display: flex;}
.news_wz .news_div_item .news_div_item_date {position: absolute; top: 219px; right: 0px;display: flex; width:70px; height: 60px;
 background: linear-gradient(to right, #f8f8f8, #f1f1f1); color: #666; font-size: 14px;  font-family: "axt"; z-index: 2; transition: all .5s; line-height: 32px;
    font-weight: 100;align-items: center;}
@media screen and (max-width: 1680px){.news_wz .news_div_item .news_div_item_date{top: 171px;}}
@media screen and (max-width: 1440px){.news_wz .news_div_item .news_div_item_date{top: 152px;}}
@media screen and (max-width: 1360px){.news_wz .news_div_item .news_div_item_date{top: 150px;}}
.news_div_item_date .news_div_item_year {font-size: 12px; position: absolute;padding-top: 33%; left: 16%;}
.news_div_item_date .news_div_item_month { font-size: 12px;  position: absolute;  padding-top: 33%;  left: 63%;}
.news_div_item_date .news_div_item_day { font-size: 30px;  position: absolute;  top: 9%; left: 29%;}
.news_wz .news_div_item:hover .news_div_item_date {background: var(--main-color);color: #fff;}
.news_div_item_day { font-family: axt;}
.boxLeft {display: none;}
.news_wz .news_div_item .news_div_item_title a {display: block;font-size: 1.03vw;color: #333;position: relative;margin-top:30px; line-height: 1;overflow:hidden;font-weight: bold;font-family: 'axt';}
.news_wz .news_div_item .news_div_item_body {font-size: 0.9vw; line-height: 24px;color: #666; padding-top: 14px; font-family: 'axt';}
.news_wz button { display: none!important;}
.news_wz .news_div_item .news_div_item_content { padding: 0 25px 38px; }
.news_wz { width: 100%;flex-shrink: 0;}
.news_wz .news_div_item+.news_div_item {margin-left: 20px;}
.news_wz+.news_wz{display:none;}
.news_wz .news_div_item .news_div_item_pic a {display: block;position: relative;}
.news_div_item {display: flex;flex-direction: column-reverse;}


/* bq */
.flexsb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer {background: #535453; position: relative; z-index: 1; padding-top:5.6rem; padding-bottom:2.8rem;}
.footer::after {width: 23%; height: 40%; content: ""; position: absolute; background: var(--main-color); bottom: 0; z-index: 1; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);clip-path: polygon(0 0, 0% 100%, 100% 100%);}

.foterLogo img {max-width:74%;}
.footer .foterBox {display: flex; justify-content: space-between;}
.foterle .leOne {margin-top: .5rem;}
.foterlogo img{width:220px;margin-bottom:5%;}
.foterle .leOne span {font-size: var(--font14); display: block; color: rgba(255, 255, 255, 0.6); padding-bottom:2%;}
.foterle .leOne a {font-weight: 700;color: rgba(255, 255, 255, 1); font-size:1.8rem; font-family: 'Arial'; line-height: 1.1;}
.foterle dl {margin-top: .5rem;margin-bottom: 1.5rem;}
.foterle dl dd {display: flex; align-items: center;margin: .9rem 0;}
.foterle dl dd .icBox {margin-right: .5rem;}
.foterle dl dd .icBox i {font-size: 16px; color: rgba(255, 255, 255, 0.8);}
.foterle dl dd p , .foterle dl dd p a {color: rgba(255, 255, 255, 0.9);font-size:0.95rem;}
.foterle dl dd p a:hover {color: #337330;}
.foterlinks {display: flex;margin-top: .3rem;}

.social {display: flex;margin-top: .3rem;}
.social a { position: relative; font-size: 16px; color: rgba(255, 255, 255, 0.9); display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;margin-right:14px; margin-top:0px;padding: 2% 2%; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2);}
.social a img{ display: block}
.social a i{font-family: 'iconfont'; font-size: 16px; color: #fff;}
.social a:hover{ }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -43px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
.foterle {width: 30%;}
.copy_row1{ width:64%; }
.copy_item{float:left; padding-left: 40px;}
.copy_item ul proadvong{display: block;padding:0 0 30px; position: relative;}
.copy_item ul proadvong a{display: block; line-height: 40px;color: rgba(255,255,255,1); font-weight: bold;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #666;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: rgba(255,255,255,0.9);line-height:30px;font-size: 16px;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #fff;     text-decoration: underline;}
.copy_item ul proadvong::after { position: absolute; content: ""; top: 50px; width: 25px; height: 2px; background-color:rgba(255,255,255,0.5); left: 0px; }
.copy_item:hover proadvong::after { position: absolute; content: ""; top: 50px; width: 77px; height: 2px; background-color: #ffffff;; left: 0px; transition: 0.5s; }


.copyright {margin-top: 6.6rem; position: relative;}
.copyright p , .copyright p a {color: rgba(255, 255, 255,.6); font-size:0.95rem;line-height: 2;}
.copyright p a:hover {color: #fff;     text-decoration: underline;}
.copyright .copyPone {font-size:0.95rem;}
.copyright .copyPone a {color: #fff;     position: absolute;  z-index: 11;top:0px;}
.copyright .copyPone .icon{display: block;text-align: center; padding-top: 10%;font-size:32px;}
.copyright:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #686464;
    position: absolute;
    top: -20px;
    display: block;}

/*link*/
.links {
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
    margin-top:0%;
    background: #ddd;
}
.linksW {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.links_l {
    width: 100px;
}
.links_lm {
    font-size: 18px;
    line-height: 30px;
    font-weight: lighter;
 color: #999;
}
.links_lm p {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
}
.links_lm p span {
    color: #ccc;
}
.links_lm em {
    font-size: 14px;
    color: #999;
    letter-spacing: 5px;
    line-height: 16px;
}
.links_r {
    width: 100%;
    color: #999;
    padding-left: 30px;
}
.links_r a {
    font-size: 15px;
    color: #999 !important;
}
.linkTagcs{width: 100% !important;}
.linkTagcs li a {
    font-weight: lighter;
}