@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto; }
.ctext{padding-left:0.64rem;padding-right:0.64rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}

html {
  scrollbar-width: thin;
  scrollbar-color:#80C41C #274b8d;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#274b8d;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#274b8d;border-radius:8px;
}	

.body{ padding:0 0.64rem 0 0;}
@media screen and (max-width:1024px) {

.body{ padding:0;}
}

.t_navs{ display: flex; align-items: center; justify-content:space-between; position:fixed; top: 0; left: 0; z-index: 20; width:100%; padding:0 0.64rem 0 0;}
.t_navs .top{width: 100%; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.t_navs .box{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1.11rem;}
.t_navs .menuph{display: none;}
.t_navs .logo{ line-height: 0; display: block;}
.t_navs .logo a{display: block;}
.t_navs .logo img{ width: auto; max-width: inherit; height:0.72rem;}
.t_navs .logo .img1{ display:block;}
.t_navs .logo .img2{ display:none;}
.t_navs .log a{display: block;}
.t_navs .log img{ width: auto; max-width: inherit; height:0.6rem;}
.t_navs .log .img1{ display:block;}
.t_navs .log .img2{ display:none;}

.t_navs.act{ background: #fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .log .img1{ display:none;}
.t_navs.act .log .img2{ display:block;}


@media screen and (max-width:1024px) {
.t_navs{ padding:0;}	
.t_navs .box{ height:49px;}
.t_navs .log img{ height:30px;}
.t_navs .logo img{ height:30px;}
.t_navs .menuph{display: flex;}
}





.left_navs{ position: fixed; top:0; right: 0; z-index: 30; display: flex; flex-wrap: wrap; align-content: space-between; width:0.64rem; height: 100%;  background:#2E58A6;}
.menuph{display: flex; align-items: center; justify-content: center; cursor: pointer;
width: 100%;
height: 0.64rem;
background:#80C41C;}
.menuph:hover{background: rgba(0, 0, 0, 0.3);}
.menuph .img{ display: block; background: url(img/meun.svg) center no-repeat; background-size: 100% auto;
width:0.3rem;
height: 0.3rem;}
.menuph:hover .img{background: url(img/meun1.svg) center no-repeat; }
.left_navs .search{ display: flex; align-items: center; justify-content: center; cursor: pointer;background: rgba(0, 0, 0, 0.15);
width: 100%;
height: 0.64rem;}
.left_navs .search img{
width:0.24rem;
height: 0.24rem;}
.left_navs .search:hover{background: rgba(0, 0, 0, 0.3);}
.left_navs .right{ display: flex; align-items: center; position:absolute; top:0;left:100%; height:100%; transform: translateX(-200%); -ms-transform: translateX(-200%); z-index: 10;}
.left_navs.om .right{  transform: translateX(0);transform: translateX(0);}
.left_navs .ul{ display: flex; overflow: hidden;border-radius: 0px 6px 6px 0px; position: relative; z-index: 6;
backdrop-filter: blur(30px);
background: rgba(0, 58, 123, 0.6);}
.left_navs .ul .nli{ display: flex; flex-wrap: wrap;}
.left_navs .ul .nli a{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; width:0.96rem; height:0.96rem;line-height:0.24rem; font-size:0.14rem;color: #fff;}
.left_navs .ul .nli a img{ width:0.24rem; height:0.24rem; margin-bottom: 0.08rem;}
.left_navs .ul .nli a:hover{ background:#2E58A6;}
.left_navs .shouqi{ z-index: 1; cursor: pointer; display: flex; justify-content:flex-end; align-items: center; position: absolute; top:50%; left:100%; width: 0.32rem; height:0.32rem; border-radius: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);backdrop-filter: blur(30px);
background: rgba(6, 74, 150, 0.6);}
.left_navs .shouqi img{ width: 0.16rem; height:0.32rem;}
.left_navs .shouqi:hover{ background:#2E58A6;}

._renter{ display: block; width: 100%;}
._renter .a{ display:flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; cursor: pointer;background: rgba(0, 0, 0, 0.15); padding:0.24rem 0; font-size:0.14rem; line-height:0.2rem; color: #fff; font-weight: bold; text-transform: uppercase;}
._renter .a img{ width:0.24rem;height:0.24rem; margin-bottom:0.08rem;}
._renter:hover .a{background: rgba(0, 0, 0, 0.3);}

@media screen and (max-width:1024px) {
.left_navs{ height: auto; top: auto; bottom:10px; right:5px; width:54px;border-radius: 50%;  overflow: hidden;}
.left_navs .w100{ display:none; }
._renter .a{ padding:0; font-size:12px; line-height:1; height:54px; }
._renter .a img{ width:18px;height:18px; margin-bottom:2px;}
.menuph{
min-width:50px;width:50px;
height: 50px;}
.menuph .img{
width:24px;
height:24px;}

}


/* header-puop */
.header-puop{ display: none; position: fixed; right: 0; top: 0;background: rgba(0, 0, 0, 0.5); z-index: 9999; width: 100%; height: 100%;}
.header-puop .header-box{ float:right; display: block; background:#fff;width:4.4rem; height: 100vh;}
.header-puop .top{ display: flex; align-items:center; justify-content:space-between; width: 100%;background:#2E58A6;}
.header-puop .menu{line-height: 0; display:inline-flex; margin-left: 0.3rem;color:#fff;
font-size: 0.24rem;
font-weight: 700;
line-height: 0.3rem;
letter-spacing: 0px;
text-align: left;
text-transform: uppercase; }
.header-puop .shouqi{ cursor: pointer; display: flex; align-items:center; justify-content: center; width: 0.64rem; height: 0.64rem; background:#80C41C;}
.header-puop .shouqi img{width:0.32rem; height:0.32rem;}
.header-puop .shouqi:hover{ background:rgba(0, 0, 0, 0.3);}
.header-puop .input_box{width:100%; position: relative; display: flex; align-items: center;}
.header-puop .input_box .input{width: 100%;height:0.48rem;color:#333; border-radius:0.48rem 0 0 0.48rem;
font-weight: 400;
font-size:0.16rem;
line-height:0.46rem; opacity:1 !important;
 padding:0 0.24rem;
border: 1px solid rgba(0, 0, 0, 0.1);border-right:0;
background:rgba(255, 255, 255, 1);
}
.header-puop .input_box input:focus{ outline:none;}
.header-puop .input_box input::placeholder{color:color: rgba(136, 136, 136, 1); opacity: 1 !important; }
.header-puop .input_box .submit{ min-width:1.18rem;width:1.18rem; height: 0.48rem; border-radius:0 0.48rem 0.48rem 0;border:0; padding:0;display:flex; align-items: center; justify-content: center; cursor: pointer;background:#80C41C; color:#fff; font-size: 0.16rem; font-weight: bold; padding:0 0.08rem 0 0 ;
}
.header-puop .input_box .submit .img{ width: 0.2rem; height:0.2rem; margin-right: 4px; display: block;}
.header-puop .input_box .submit:hover{background: #2E58A6;}

.header-puop .box{ display: flex; flex-wrap: wrap;align-content:center; justify-content:space-between;width: 100%; padding:0.3rem 0.3rem 0.3rem 0.28rem;background:rgba(243, 246, 251, 1); }
.header-puop .header-nav{ display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%;height:-webkit-calc(100vh - 1.72rem); height:-moz-calc(100vh - 1.72rem); height:calc(100vh - 1.72rem); padding:0 0.3rem 0.3rem 0.28rem; transform: translateY(-0.06rem); -ms-transform: translateY(-0.06rem);}
.header-puop .nav{ position:relative; z-index: 6;display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding:3.3vh 0;}
.header-puop .nav .ico{display: none; position: absolute; right:0; top:7px; z-index: 10; width: 33px; height: 33px; }
.header-puop .nav .ico::after{ display: block; content: ''; position: absolute; right:5px; top: 50%; width:8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); }
.header-puop .nav.om .ico::after{ border-top: 1px solid #2E58A6; border-right: 1px solid #2E58A6; transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg);}
.header-puop .nav .u2{display:none; width: 100%; padding:1.6vh 0 0 1.6vh;}
.header-puop .nav .a1{display: block; width: 100%; color: #333; font-size:0.18rem; line-height:0.3rem;}
.header-puop .nav .a2{display: block; width: 100%;color: #333; font-size:0.16rem; line-height:0.28rem; padding:1.6vh 0;}
.header-puop .nav .a1:hover{ color:#2E58A6; }
.header-puop .nav.om .a1{ color:#2E58A6; }
.header-puop .nav .a2:hover{ color:#2E58A6; }


@media  screen and (max-width:1024px){
.header-puop .header-box{ width:300px;}	
.header-puop .menu{ font-size:17px; line-height:28px; margin-left:15px;}
.header-puop .shouqi{ width:50px; height:50px; }
.header-puop .shouqi img{ width:32px; height:32px; }
.header-puop .nav{ width: 100%; padding:6px 0;}
.header-puop .nav .ico{display: block;}
.header-puop .nav .a1{font-size:15px;line-height:26px; padding:4px 0;}
.header-puop .nav .u2{ padding:0 0 10px 10px;}
.header-puop .nav .u2.on{ display: block;}
.header-puop .nav .a2{ font-size:14px;line-height:24px; padding:4px 0;}
.header-puop .input_box .input{height:35px;
font-size:13px;
line-height:32px;
 padding:0 14px;border-radius: 34px 0 0 34px;
}
.header-puop .input_box .submit{font-size:13px; min-width:90px;width:90px; height: 35px;border-radius: 0 34px 34px 0;}
.header-puop .input_box .submit .img{width:18px; height: 18px;}
.header-puop .header-nav{  padding: 0 15px 15px 15px;
height: -webkit-calc(100vh - 108px);
height: -moz-calc(100vh - 108px);
height: calc(100vh - 108px);	}
.header-puop .box{ padding:12px 15px;}

}
@media  screen and (max-width:767px){

}




.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-notification{ display:none;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width: 100%;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide img{ width:100%; }
.index-banner .swiper-slide .video{ display:block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;  }
.index-banner .swiper-slide .pc_show1{width: 100%;}
.index-banner .swiper-slide .pc_show1 img{ height:100vh; object-fit: cover;}
.index-banner .swiper-slide .ph_show1{width: 100%;}
.index-banner .swiper-pagination{ display:flex; position: absolute; z-index:10;right:50%; margin-right:-800px; bottom:24px;color: rgba(255, 255, 255, 0.4);
font-size: 16px;
font-weight: 600;
line-height: 40px; font-style: italic;
}
.index-banner .swiper-pagination-current{font-size: 20px;color: rgba(255, 255, 255, 1); padding-right: 4px;
}
.index-banner .swiper-pagination-total{ padding-left: 4px;
}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10;left:50%; margin-left:-800px; border-radius: 50%; bottom:24px; width:40px; height:40px; background: url(img/next.svg) center no-repeat rgba(255, 255, 255, 0.1); background-size:20px auto !important; cursor: pointer;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/next.svg) center no-repeat #80C41C;}
.index-banner .swiper-prev{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.index-banner .swiper-next{ transform: translateX(56px); -ms-transform: translateX(56px);}
.index-banner .box{display:block; width: 100%; position: absolute; left:0; top:37.52%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .tit{display:block; width: 100%;color:rgba(255, 255, 255, 1); position: relative; z-index: 6;
font-size: 0.56rem;
font-weight: bold;
line-height: 0.72rem;}


@media  screen and (max-width:1792px){
.index-banner .swiper-prev,
.index-banner .swiper-next{left:0.64rem;  margin-left:0;}
.index-banner .swiper-pagination{right:0.64rem;  margin-right:0;}
}
@media  screen and (max-width:1600px){
.index-banner .box .tit{
font-size: 0.46rem;
line-height: 0.62rem;}
}
@media  screen and (max-width:1024px){
.index-banner .box .tit{ font-size:19px;
line-height:27px;}
.index-banner .swiper-pagination{ 
font-size: 14px;
line-height: 34px;}
.index-banner .swiper-pagination-current{font-size:18px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{left:15px; width:34px; height:34px;}
.index-banner .swiper-next{ transform: translateX(44px); -ms-transform: translateX(44px);}
}

.footer1{ position: relative; z-index:5;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; align-items:center; justify-content:space-between; padding:18px 0;}
.footer1 .left{ display: block; width:32.62%; margin-top:0.24rem; }
.footer1 .left1{ display: flex; flex-direction: column;  }
.footer1 .logo{ line-height: 0; display: block;}
.footer1 .logo a{display: block;}
.footer1 .logo img{ width: auto; max-width: inherit; height:0.7rem;}
.footer1 .info{ display:inline-flex; color: #fff; font-size:16px; line-height:30px; margin:16px 0; }
.footer1 .Copyright{ display:inline-flex; color: #fff; font-size:calc(14px + 0.02rem); line-height:24px; margin-top:4px;}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{color: #80C41C;}
.footer1 .map{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:24px;}
.footer1 .map i{ display:flex; width: 1px; height: 14px; background: #fff; opacity:0.15; margin:0 12px;}
.footer1 .map a{ display:flex; color: #fff;}
.footer1 .map a:hover{color: #80C41C;}
.footer1 .er{ display: flex; justify-content:center; flex-direction: column; min-width:142px;width:142px; text-align: center; margin-top:0.24rem; }
.footer1 .er i{ display: block; width:100%; line-height:0;}
.footer1 .er span{ display: block; width:100%; margin-top:8px;font-size: calc(14px + 0.02rem);
line-height:calc(20px + 0.04rem); }
.footer1 .midd{ display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.56rem 0 0.75rem 0; border-bottom:1px solid rgba(255,255,255,0.15);}
.footer1 .nav{ display:flex; flex-wrap: wrap; justify-content: space-between; width:42.5%; }
.footer1 .nav .li{ display:flex; flex-wrap: wrap; width:41.17%; margin-top:0.24rem; padding-bottom: 0.16rem; border-bottom:1px solid rgba(255,255,255,0.15);}
.footer1 .nav .a1{ display:block;width:100%; color: #fff; font-size: calc(14px + 0.02rem);line-height:calc(20px + 0.1rem); }
.footer1 .nav .a1:hover{ color:#80C41C; }
.footer1 .addr{ display:inline-flex; flex-direction: column;
color: rgb(255, 255, 255);
font-size: calc(14px + 0.02rem);
line-height:calc(20px + 0.1rem); margin-top:0.3rem;
}
.footer1 .addr .p{ display: flex;}
.footer1 .share{ display: inline-flex;}
.footer1 .share a{ display:flex;justify-content: center; align-items: center;
 line-height:0; width:48px;border-radius: 4px;
background: rgba(255, 255, 255, 0.1); height:48px; margin-left:10px; }
.footer1 .share a img{ width:24px; height:24px;}
.footer1 .share a:hover{ background:#80C41C;}

@media (max-width:1600px){
.footer1 .left{ width:36.62%; }
.footer1 .nav{width:38.5%; }
.footer1 .nav .li{ width:45.17%; }
}
@media (max-width:1440px){
.footer1 .addr{ font-size:14px; line-height:28px;}
.footer1 .nav .a1{ font-size:14px; line-height:28px;}
.footer1 .er span{ font-size:14px; line-height:1;}
.footer1 .er{ min-width:132px;width:132px; }
.footer1 .map a{font-size:14px;}
.footer1 .Copyright{font-size:14px;}
}
@media (max-width: 1024px){
.footer1 .left{ width:100%; border-bottom:1px solid rgba(255,255,255,0.15); margin:0 0 20px 0; padding-bottom:20px;}	
.footer1 .logo img{ height:36px;}	
.footer1 .nav{ width:100%; margin:0;}
.footer1 .nav .li{ width:48.5%; padding:8px 0; margin-top:0;}
.footer1 .nav .li:last-child{ border-bottom: 0;}
.footer1 .nav .a1{ font-size:13px; line-height:24px;}
.footer1 .addr{ min-height:96px; margin-top:15px;font-size:13px; line-height:24px; padding-right:120px;}
.footer1 .er{ position: absolute; right:16px; top:40px; margin:0; min-width: 110px; width: 110px;}
.footer1 .er span{ font-size:12px; line-height:1;}
.footer1 .midd{ align-items: center; padding:30px 0 20px 0;}
.footer1 .share a{ width:34px; height:34px;}
.footer1 .share a img{ width:20px; height:20px;}
.footer1 .map a{font-size:13px;}
.footer1 .Copyright{font-size:13px;}
}
@media (max-width: 767px){
.footer1 .left1{ width:100%;}
.footer1 .map{width:100%; justify-content: center;}
.footer1 .Copyright{ display: block; width:100%; text-align: center;}
.footer1 .share{ justify-content: center; width:100%; margin-top:10px;}
.footer1 .share a{ margin:0 5px; }
}



.fp-hei{ display: block; width: 100%; padding-top:1.84rem; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.fp-footer{ position:fixed; left:0; bottom:0; background:#2E58A6;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); z-index: 16; width: 100%; padding:0 0.64rem 0 0; }
.fp-footer .colse{ position:absolute; right:14px; top:16px; z-index: 10; width: 30px; line-height: 0; cursor: pointer;}
.fp-footer .box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-content: center; text-align: center; height:1.84rem;}
.fp-footer .info{ display: block; width: 100%; color: #fff; font-size:16px; line-height:24px;}
.fp-footer .btn{ display: flex; flex-wrap: wrap; margin-top:0.3rem;}
.fp-footer .btn .a{ display: flex; flex-wrap: wrap;
width: 140px;
height: 0.46rem; font-size:16px; line-height:1; padding-bottom: 1px; border-radius:46px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0px 12px;}
.fp-footer .btn .a1{color: #fff;border: 1px solid rgb(255, 255, 255);}
.fp-footer .btn .a1:hover{background:#80C41C;border: 1px solid #80C41C;}
.fp-footer .btn .a2{color: #fff;background:#80C41C;border: 1px solid #80C41C;}
.fp-footer .btn .a2:hover{ background:#274b8d;border: 1px solid #fff;}

@media (max-width:1440px){
.fp-hei{ padding-top:1.4rem;}	
.fp-footer .box{ height:1.4rem;}
.fp-footer .info{ font-size:14px; line-height:22px;}
.fp-footer .btn{ margin-top:0.15rem;}
.fp-footer .btn .a{width: 110px;
height: 0.36rem; font-size:14px;margin: 0px 8px;}
}
@media (max-width:1024px){
.fp-footer{ padding:0;}	
.fp-footer .box{ height:94px;}	
.fp-footer .info{ font-size:12px; line-height:16px;}
.fp-footer .btn{ margin-top:12px;}
.fp-footer .btn .a{font-size: 13px;width:76px;height:24px;margin: 0px 6px;}
.fp-footer .colse{right:2px;top: 4px; padding:5px;}
.fp-hei{ padding-top:94px;}
}
@media (max-width:767px){
.fp-footer .info{ padding:0 15px;}	
.fp-footer .info br{ display:none;}
.fp-footer .box{ height:136px;}	
.fp-hei{ padding-top:136px;}
}



.main1{ display:flex; flex-direction: column; width: 100%;}
.main1 .size48{ color: #fff;}
.main1 .info{ width: 45%; margin-top: 0.4rem; color: #fff; font-size: calc(14px + 0.02rem);
  font-weight: 400;
  line-height: calc(20px + 0.1rem);}
.main1 ._btn1{ margin-top: 0.64rem;}


@media screen and (max-width:1024px) {
.main1 .info{ width: 100%; margin-top:15px;}
.main1 ._btn1{ margin-top:25px;}
}


.main4{ width: 100%; display: flex; align-items: center; flex-direction: row-reverse;
background:#2E58A6;
border-radius:24px 24px 0px 0px;
padding: 0.4rem 0.56rem;
 }
.main4 .pic{ min-width:1.72rem; margin-left: 0.9rem;}
.main4 ._img{ padding-bottom:100%; border-radius: 50%;}
.main4 .tit{ width: 100%; color: #fff;  font-size: calc(14px + 0.16rem);
  font-weight: bold;
  line-height: calc(20px + 0.2rem);}
.main4 .p{ width: 100%; margin-top: 0.16rem; color: #fff; font-size: calc(14px + 0.02rem);
  font-weight: 400;
  line-height: calc(20px + 0.1rem);}

@media screen and (max-width:1024px) {
.main4{ padding:20px 18px;}
.main4 .p{ font-size:14px; line-height:22px; margin-top:8px;} 
.main4 .pic{ min-width: 90px; margin-left: 12px;}
}
@media screen and (max-width:767px) {
.main4{ position: relative; flex-wrap: wrap; justify-content:center;}
.main4 .pic{ position: absolute; right:50%; top:20px; min-width: 80px; margin:0 10px 0 0;}
.main4 .tit{ display: flex; align-items: center;  height:80px; padding-left:calc(50% + 10px);}
}


.list2{ width:100%; display: block; }
.list2 .ul{display: block;  width:calc(100% + 0.4rem); margin:0 -0.2rem;}
.list2 .li{ width:33.33%; padding:0 0.2rem;}
.list2 .la{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden;  border-radius:0.24rem;}
.list2 .la ._img{ padding-bottom:121.1%;}
.list2 .la .tit{font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.2rem); font-weight: bold;}
.list2 .la .p{font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.1rem); height:calc(80px + 0.4rem); margin-top:0.24rem;}
.list2 .la .info{ position: absolute; left:0; top:0; z-index: 6; display: flex; flex-wrap: wrap; justify-content:center; align-content: center; padding:0.54rem 0.54rem; width:100%; height:100%; text-align: center;background: rgba(0, 0, 0, 0.45);}
.list2 .la ._btn2{ margin-top: 0.8rem;}
.list2 .la:hover ._btn2 .a{ border:1px solid #80C41C; background: #80C41C;}




@media screen and (max-width:1024px) {
.list2{ margin-top:22px;}	
.list2 .ul{ margin:0 -6px; width:calc(100% + 12px);}
.list2 .li{padding:0 6px;}
.list2 .la{  border-radius:12px;}
.list2 .la .info{ padding:20px 14px;}
.list2 .la ._btn2{ margin-top:20px;}
.list2 .la ._btn2 .a{ min-width:inherit;
height:27px;
}
.list2 .la ._btn2 .a span{ margin-bottom: 3px;}
.list2 .la ._btn2 .a i{  margin-left: 6px;}
.list2 .la .p{ font-size:13px; line-height:18px;height:72px; margin-top:4px;}

}
@media screen and (max-width:767px) {
.list2 .li{ width:100%;}

}


.main3{ display: flex; flex-wrap: wrap; width:100%; align-items: flex-start; justify-content: space-between; }
.main3 .size48{ width: 31.875%;}
.main3 .info{ width: 48.125%;color:#000;
font-size:calc(14px + 0.02rem);
font-weight: 400;
line-height:calc(20px + 0.1rem);
 }

@media screen and (max-width:1024px) {
.main3 .size48{ width:100%;}
.main3 .info{ width:100%; margin:15px 0 25px 0;}
}


.main5{ overflow: hidden;}
.main5 .size48{ text-transform: uppercase;}
.main5 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main5 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.main5 .box{ width:100%;  position: relative; overflow: hidden; width:calc(100% + 0.4rem); margin-left:-0.2rem; margin-right:-0.2rem; }
.main5 .u2{ width:100%; }
.main5 .u2 .li{ display:block; width:33.33%; padding:0 0.2rem;}
.main5 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative; overflow: hidden; border-radius:8px;}
.main5 .u2 .a .time{ width: 100%;color:rgba(46, 88, 166, 1);
font-size:calc(14px + 0.02rem);
font-weight: 500;
line-height:calc(20px + 0.1rem);
}
.main5 .u2 .a .tit{ width: 100%;color:#000;
font-size:calc(14px + 0.06rem);
font-weight: 500;
line-height:calc(20px + 0.1rem);
margin-top: 4px; }
.main5 .u2 .a .info{ width: 100%; color:#555;
font-size:calc(14px + 0.02rem);
font-weight: 400;
line-height:calc(20px + 0.1rem);
 margin-top:0.16rem;}
.main5 .u2 .a ._img{ padding-bottom:71.37%;border-radius: 0.24rem;}
.main5 .u2 .a .cont{width:90%; margin:0 5% 0 5%; display:flex; flex-wrap: wrap; padding:24px 0.32rem;border-radius: 8px;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 1);
 transform: translateY(-0.54rem); -ms-transform: translateY(-0.54rem);
}

.main5 .u2 .a:hover .tit{ color:#fff; }
.main5 .u2 .a:hover .time{ color:#fff; }
.main5 .u2 .a:hover .info{color: rgba(255, 255, 255, 0.7); }
.main5 .u2 .a:hover .cont{ background: #2E58A6; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
  }


.main5 .dowm{width: 100%;  margin-top:-4px; padding:0 0.2rem; display: flex; align-items: center; width: 100%;}
.main5 .dowm .w100{width:100%;overflow: hidden; height:3px; margin:0 10px; display: flex; align-items: center;}
.main5 .swiper-prev,
.main5 .swiper-next{ cursor: pointer;
min-width: 40px;
height: 40px; border-radius: 50%;
 background:url(img/next.svg) center no-repeat #2E58A6; background-size:20px auto !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.main5 .swiper-prev:hover,
.main5 .swiper-next:hover{ background:url(img/next.svg) center no-repeat #80C41C;}
.main5 .swiper-prev{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main5 .swiper-scrollbar {opacity:1 !important;width:100%;border-radius: 0;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
background: var(--swiper-pagination-progressbar-bg-color, rgba(0,0,0,0.1));
position: relative;
height: var(--swiper-pagination-progressbar-size,1px);

}
.main5 .swiper-scrollbar-drag{background:#2E58A6;
background: var(--swiper-pagination-color, #2E58A6);
position: absolute;
left: 0;
top: -1px;
width: 100%;
height:3px;
transform: scale(1);border-radius: 0;
transform-origin: left top;
}
.main5 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:3px; background:#2E58A6;z-index:1;}


@media screen and (max-width:1024px) {
.main5 .box{width: calc(100% + 14px);
  margin-left: -7px;
  margin-right: -7px;}	
.main5 .u2 .li{ padding:0 7px;}
.main5 .u2 .a .cont{ padding:20px 15px; width:92%; margin:0 4% 0 4%; 
 transform: translateY(-30px); -ms-transform: translateY(-30px);
}
.main5 .u2 .a ._img{ border-radius:12px;}
.main5 .u2 .a .info{ margin-top:6px;}
.main5 .u2 .a:hover .cont{ padding:15px 6px;}
.main5 .dowm{ padding:0 7px;}
.main5 .swiper-prev,
.main5 .swiper-next{ 
min-width: 34px;
height: 34px; }

}



.main2{background:linear-gradient(40.01deg, rgba(222, 233, 255, 1),rgba(243, 246, 251, 1) 73%);  overflow: hidden;}

.main7{ display: block; width: 100%; position: relative; overflow: hidden;}

.mc_pos_cover{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.mc_a1t_li{ display: inline-flex; flex-wrap: wrap;
    position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
    z-index: 5
}

.mc_a1_top{
    position: relative;
    z-index: 2
}

.mc_a1t_dian { position: relative; z-index: 6;
   display:flex; align-items: center; justify-content:center;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.64rem;
    background: rgba(255, 255, 255, 0.2);
}
.mc_a1t_a .el-icon{ display:flex; align-items: center; justify-content:center;
    width: 0.48rem;
    height: 0.48rem;
    background: #2E58A6;
    border-radius: 50%;}
.mc_a1t_a .el-icon img{ width: 0.3rem;
    height:  0.3rem;}
.mc_a1t_a { display: flex; flex-wrap: wrap; position: relative;
}
.mc_a1t_xl{ white-space: nowrap; display: flex; align-items: center; position:absolute; left:0; top:0; align-items: center;color: rgba(255, 255, 255, 1);
font-size:0.18rem;height: 0.64rem;opacity:0;
font-weight: 500;
line-height:1.3; padding:0.1rem 0.24rem 0.1rem 0.8rem;
border-radius: 0.64rem;
backdrop-filter: blur(40px);
background:rgba(128, 196, 28, 1);
}
.mc_a1t_li.on .mc_a1t_xl{ opacity:1;}
.mc_a1t_li .div{ display: flex; align-items: center;position: absolute;}

@media  screen and (max-width:1890px){
.mc_a1t_xl{ font-size:0.15rem; padding:0.1rem 0.18rem 0.1rem 0.74rem;}	
}
@media  screen and (max-width:1024px){
.mc_a1t_dian { 
    width:40px;
    height:40px;
    border-radius:40px;
}
.mc_a1t_a .el-icon{ 
    width:30px;
    height:30px;}
.mc_a1t_a .el-icon img{ width:18px;
    height:18px;}
.mc_a1t_xl{ font-size:12px; line-height:1.2; height:40px;border-radius:40px; padding:5px 14px 5px 48px; width:210px; white-space: normal;}	

}
@media  screen and (max-width:767px){
.main7 .hd{ display: block; width: 100%; padding:16px 16px;}	
.mc_pos_cover{ display:flex; flex-wrap: wrap; height: auto; position: static;}
.mc_a1t_li{ margin:8px 0; position: static; width:100%;transform: translate(0,0);
  -ms-transform: translate(0,0);}
.mc_a1t_a{width:100%;}
.mc_a1t_dian{ background: #99d049;}
.mc_a1t_xl{ opacity:1; width:100%; font-size:13px; line-height:16px; background:none; color:rgba(128, 196, 28, 1);  border: 1px solid rgba(128, 196, 28, 1);color: #000;}
/* .mc_a1t_li.on .mc_a1t_xl{background: rgba(128, 196, 28, 1); color: #fff;} */

}	




.mbxbox1{ position: absolute; left:0; top:0; z-index: 6; width:100%; top:1.12rem; margin-top: 16px;}
.mbxbox2{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap; width:100%; padding:calc(16px + 1.12rem) 0 16px 0;}
.mbx{ display: block;color: #80C41C;font-size:14px; line-height:24px;}
.mbx a{ color: #fff;}
.mbx i{ color: #fff; padding:0 6px;}
.mbx a:hover{ color:#80C41C;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbxbox2{ justify-content: flex-end; padding:50px 0 16px 0;}
}


.page_section{width: 100%;}
.page_section .pcpage{display: flex;justify-content: center;align-items: center; }
.page_section .pcpage a{display: flex;justify-content: center;align-items: center; width:30px; height:30px; font-size: 16px; line-height: 28px; color:#000;
; padding:0 6px;  margin:0 5px; 
border: 1px solid rgba(229, 229, 229, 1);
background: rgba(255, 255, 255, 1);}
.page_section .pcpage span{ padding:0 6px;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{ background:#2E58A6; border:1px solid #2E58A6; color: #fff;}
.page_section .pcpage .btn{ margin:0 25px; background: url(img/Page1.svg) center no-repeat #fff; background-size:auto 24px !important; }
.page_section .pcpage .btn.on,
.page_section .pcpage .btn:hover{ background: url(img/Page2.svg) center no-repeat #2E58A6; }
.page_section .pcpage .prev{ margin-left:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.page_section .pcpage .next{margin-right:26px;}
.page_section .phpage{display: none;}

@media screen and (max-width:1024px) {
.page_section .pcpage{display: none;}
.page_section .phpage{display: flex;justify-content: center;align-items: center;}
.page_section .phpage a{width: 30px;height: 30px;display: flex; background: url(img/Page1.svg) center no-repeat #fff; background-size:auto 24px !important;border:1px solid rgba(229, 229, 229, 1);}
.page_section .phpage a:hover{ background: url(img/Page2.svg) center no-repeat #2E58A6;}
.page_section .phpage span{margin: 0 20px;font-size: 16px;color:rgba(35, 24, 21, 1);}
.page_section .phpage .prev{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
}


/* inbaner */
.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.slidebox1{ width:100%; position: absolute; left:0; bottom:0; z-index:10; }
.banText{ position: absolute; left:0; top:55.87%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText1{ position: absolute; left:0; top:50%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText2{ position: absolute; left:0; top:53.8%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}

@media  screen and (max-width: 1024px){
.banText1{ text-align: center; margin-top:25px;}
.banText2{ text-align: center;}
}



.slide2{ display: flex; flex-wrap: wrap;width:100%;}
.slide2 .ul{ display: flex;width:100%;}
.slide2 .li{ display: flex; margin:0 2px 0 0 ;}
.slide2 .li .la{ display: flex; color:#fff;font-size:calc(14px + 0.02rem);
font-weight: 600;
line-height:calc(20px + 0.1rem);padding:0.17rem 0.29rem;backdrop-filter: blur(50px);
background: rgba(255, 255, 255, 0.1);}
.slide2 .li:hover .la{background: #80C41C;}
.slide2 .li.on .la{background: #80C41C;}


@media screen and (max-width:1024px) {
.slide2 .ul{ justify-content: center;}	
.slide2 .li{ margin:0 1px;}
.slide2 .li .la{padding:6px 14px; }
}



.nexslist { display: block; width: 100%;}
.nexslist .u1 .li{ display: block; width: 100%; margin-top:0.3rem; }
.nexslist .u1 .li:first-child{ margin-top:0 !important;}
.nexslist .u1 .a{ width: 100%; display: flex; align-items: center; 
background:#fff;  border-radius:0.24rem;
padding:0.32rem; padding-right:0 !important;
}
.nexslist .u1 .a .pic{ min-width:3.94rem; }
.nexslist .u1 .a ._img{ padding-bottom:71.06%;  border-radius:0.24rem; }
.nexslist .u1 .a .info{ width: 100%; padding:0 0.56rem;}
.nexslist .u1 .a .time{ width:100%;
color: rgba(46, 88, 166, 1);
font-size:calc(14px + 0.02rem);
font-weight: 500;
line-height:calc(20px + 0.04rem);
}
.nexslist .u1 .a .tit{ width: 100%;color:rgba(0, 0, 0, 1);
font-size:calc(14px + 0.06rem);
font-weight: 400;
line-height:calc(20px + 0.1rem); margin-bottom: 0.16rem;
 margin-top:4px;}
.nexslist .u1 .a .ino{ margin-top:0.32rem;
width: 64px;
height: 32px;
display: flex;
border-radius: 75px;
background:url(img/ArrowRight.svg) center no-repeat #2E58A6; background-size:16px auto !important;
}

.nexslist .u1 .a:hover .ino{background:url(img/ArrowRight.svg) center no-repeat #80C41C;}
.nexslist .u1 .a:hover{background:#064A96;}
.nexslist .u1 .a:hover .time{color:#fff;}
.nexslist .u1 .a:hover .size16{color: rgba(255, 255, 255, 0.7);}
.nexslist .u1 .a:hover .tit{color:#fff;}




@media screen and (max-width:1024px) {
.nexslist .u1 .li{margin-top:15px; }	
.nexslist .u1 .a{ padding:14px; border-radius: 12px;}	
.nexslist .u1 .a .ino{ margin-top:18px;
width: 56px;
height:26px;
}
.nexslist .u1 .a .tit{ margin-bottom:6px;}
.nexslist .u1 .a .pic{ min-width:220px; }
.nexslist .u1 .a ._img{border-radius: 12px;}	
.nexslist .u1 .a .info{ width: 100%; padding:0 14px;}
}
@media screen and (max-width:767px) {
.nexslist .u1 .a{ flex-wrap: wrap; padding:14px !important;}
.nexslist .u1 .a .pic{ min-width:100%;width:100%;}
.nexslist .u1 .a .info{ padding:18px 4px;}
}


.newsbox{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #fff; border-radius: 0.24rem; }
.newsbox .left{ display: flex; flex-wrap: wrap; align-items: flex-start; width:28.75%; padding:0.5rem;
 background: linear-gradient(90.00deg, rgba(243, 246, 251, 1),rgba(243, 246, 251, 0) 100%);
 }
.newsbox .right{ display: flex; flex-wrap: wrap; align-items: flex-start; width:71.25%; padding:0.5rem;}
.newsbox .cont{ display: block; width: 100%; padding:40px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.newsbox .title{ display: block; width: 100%;font-weight: 600; color: #000;font-size:0.36rem; line-height:0.4rem;}
.newsbox .info{ display:flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:21px 0 37px 0;}
.newsbox .s{ display: flex; align-items: center; margin-right:24px;}
.newsbox .s:last-child{ margin-right:0 !important;}
.newsbox .s img{ width:20px; height:20px; margin-right:8px;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; padding-top: 16px;}
.newsbox ._page .a{ width: 50%; color: #555; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; padding:0 24px;}
.newsbox ._page .a:hover{ color:#2E58A6;}
.newsbox ._page .a.Prev{ background: url(img/ArrowLeft1.svg) left center no-repeat; background-size:16px auto !important;}
.newsbox ._page .a.Next{ text-align:right; background: url(img/ArrowRight1.svg) right center no-repeat; background-size:16px auto !important;}


@media screen and (max-width:1024px) {
.newsbox{ background:none;  border-radius:12px;}	
.newsbox .left{ margin-top:20px; width: 100%; border-radius:12px;padding:25px 14px; background: rgba(255, 255, 255, 1);}
.newsbox .right{ background: #fff; border-radius:12px; width: 100%;padding:25px 14px;}
.newsbox .title{ font-size:18px; line-height:26px;}
.newsbox .info{ padding:10px 0 20px 0;}
.newsbox .s{ margin-right:16px;}
.newsbox .s .pc{ display:none;}
.newsbox .cont{ padding:20px 0 30px 0;}

}


.boxs1{width: 100%;}
.boxs1 .h2{width: 100%;color:#000; text-transform: uppercase;border-bottom:2px solid rgba(46, 88, 166, 1); position: relative; padding-bottom: 0.4rem;
font-size:calc(14px + 0.1rem);
font-weight: 700;
line-height:calc(20px + 0.1rem);}
.boxs1 .h2::after{ content: ''; position: absolute; left:0; bottom:-2px; background:rgba(128, 196, 28, 1);
width: 100px;
height: 2px;}
.boxs1 ul{width: 100%; margin-top:0.16rem;}
.boxs1 li{width: 100%; padding:0.24rem 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.boxs1 a{display:block; width: 100%; }
.boxs1 .size16{ margin-top:4px;}
.boxs1 .date{width:100%;color: rgba(46, 88, 166, 1);
font-size:14px;
font-weight: 500;
line-height:24px;}
.boxs1 a:hover .size16{color: rgba(46, 88, 166, 1);}


@media screen and (max-width:1024px) {
.boxs1 .h2{font-size:18px;line-height:28px; padding-bottom:15px;}	
.boxs1 ul{margin-top:8px}	
.boxs1 li{ padding:16px 0;}	
}




.Ionic{ display: block; width:100%; position: relative; top:0; z-index: 10; margin-top:-1.02rem;border-radius: 24px;
background:rgba(255, 255, 255, 1); padding:0.6rem;}

@media screen and (max-width:1024px) {
.Ionic{ margin-top:0;border-radius: 12px; padding:30px 16px;}
.Ionic1{ padding-top:30px;}
}

.fanhui{ display: flex;width: 100%; justify-content: center;}
.fanhui .a{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.fanhui .a .i{ display: block; width:30px; height:30px; margin-bottom: 8px; background: url(img/fanhui.svg) center no-repeat; background-size:100% auto !important; }
.fanhui .a .size16{ color: #555;}
.fanhui .a:hover .i{ background: url(img/fanhui1.svg) center no-repeat;}
.fanhui .a:hover .size16{ color: #2E58A6;}

.fanhui1{ display: inline-flex;}
.fanhui1 .a{ display: inline-flex; align-items: center; color: #fff; font-size:16px; line-height:24px;}
.fanhui1 .a .i{ display: block; width:24px; height:24px; margin-right: 8px; background: url(img/fanhui2.svg) center no-repeat; background-size:100% auto !important; }
.fanhui1 .a .size16{ color: #555;}
.fanhui1 .a:hover .i{ background: url(img/fanhui3.svg) center no-repeat;}
.fanhui1 .a:hover{ color:#80C41C;}

@media screen and (max-width:1024px) {
.fanhui .a .i{  width:24px; height:24px;}
.fanhui1{ padding-top:16px;}
.fanhui1 .a{ font-size:14px;}
.fanhui1 .a .i{  width:24px; height:24px;}
}


.Technology{ display: block; width:100%; padding-top: 0.2rem;}
.Technology .li{ display: block; width:100%; margin-top: 0.4rem;}
.Technology .la{ display: flex; align-items: center; justify-content: space-between; width:100%;border-radius: 16px; overflow: hidden; position: relative;
background:#2E58A6; padding-bottom: 2px;}
.Technology .la::after{ content: ''; display: flex; width:3.46rem; height:3.83rem; position: absolute; bottom:0; z-index: 1;
background:url(img/ico.png) center no-repeat; background-size:100% auto !important;}
.Technology .size16{min-height:calc(60px + 0.3rem);}
.Technology .cont{ position: relative; z-index: 6; display: block; width:46.625%; padding:0 0 0 0.84rem; }
.Technology .pic{ position: relative; z-index: 6;  display: block; width:52.375%; }
.Technology ._img{ padding-bottom:59.9%; }
.Technology ._btn3{ margin-top: 0.8rem; }
.Technology .size16{ margin-top: 0.4rem; }
.Technology .tit{ display: inline-flex; border-top:1px solid #fff; padding-top: 0.16rem; color: #fff; font-size:calc(14px + 0.16rem);
font-weight: 600;
line-height:calc(20px + 0.16rem);}
.Technology .li:nth-child(2n) .cont{padding:0 0.64rem 0 0.24rem;}
.Technology .li:nth-child(2n) .la{ flex-direction: row-reverse; background: #80C41C;}
.Technology .li:nth-child(2n) .la::after{ right:0;}
.Technology .li:nth-child(2n+1) .la::after{ right:45.25%;}
.Technology .la:hover ._img img{ transform: translateX(10px); -ms-transform: translateX(10px);}
.Technology .la:hover ._btn3 .a{ border:1px solid #80C41C; background: #80C41C;color:#fff;}
.Technology .la:hover ._btn3 .a i{ background: url(img/ArrowRight.svg) center no-repeat !important;}
.Technology .li:nth-child(2n) .la:hover ._btn3 .a{ border:1px solid #2E58A6; background: #2E58A6;color:#fff;}
.Technology .li:nth-child(2n) .la:hover ._btn3 .a i{ background: url(img/ArrowRight.svg) center no-repeat !important;}
.Technology .li:nth-child(2n) .la:hover ._img img{ transform: translateX(-10px); -ms-transform: translateX(-10px);}

@media screen and (max-width:1600px) {
.Technology ._btn3{ margin-top: 0.5rem; }
.Technology .size16{ margin-top: 0.25rem; }

}
@media screen and (max-width:1024px) {
.Technology .li{ margin-top: 20px;}	
.Technology ._btn3{ margin-top:20px; }
.Technology .size16{ margin-top:8px; }
.Technology .tit{ padding-top: 6px;}
.Technology1 .mt40 { margin-top:15px;}

}
@media screen and (max-width:767px) {
.Technology .la{ flex-wrap:wrap-reverse;}
.Technology .la::after{width:3.46rem; height:3.83rem;bottom:46%;}
.Technology .li:nth-child(2n) .la::after{ right:-0.4rem;transform: rotate(255deg); -ms-transform: rotate(255deg);}
.Technology .li:nth-child(2n+1) .la::after{ right:auto; left:-0.5rem; transform: rotate(15deg); -ms-transform: rotate(15deg);}
.Technology .cont{ width:100%; padding:35px 25px; }
.Technology .pic{ width:100%; }
.Technology .la:hover ._img img{ transform: translateX(0); -ms-transform: translateX(0);}
.Technology .li:nth-child(2n) .cont{ padding:25px 16px; }
.Technology .li:nth-child(2n) .la:hover ._img img{ transform: translateX(0); -ms-transform: translateX(0);}
}


.about1{width:57%; display: flex; flex-wrap: wrap; align-content: center; min-height:5.5rem;}
.about1 .tit{width:100%; display: block;font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); font-weight: 500;color:#80C41C; margin-top: 16px;}

@media screen and (max-width:1024px) {
.about1 .tit{ margin-top:8px; }
.about1 .size16{ margin-top:15px;}
.about1{width:100%; }
}


.about2{width:100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
.about2 .left{width:71.25%; display: block;}
.about2 .right{display: flex;}
.about2 .pic{display: flex; min-width:2.4rem; height:3.13rem; line-height:0; overflow: hidden;border-radius:0 8px 8px 8px;}
.about2 .pic img{width:100%; height:100%; object-fit: cover;}
.about2 .tit{display: flex;border-radius: 8px 0px 0px 0px; position: relative;
background: linear-gradient(180.00deg, rgba(128, 196, 28, 1),rgba(128, 196, 28, 0) 100%);padding:0.24rem 0.16rem;
font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.04rem); font-weight: 400;color:#fff; 
}
.about2 .s{ display: inline-flex; transform:rotate(90deg);height:calc(14px + 0.06rem); width:calc(20px + 0.04rem); white-space: nowrap; }


@media screen and (max-width:1024px) {
.about2 .size16{ margin-top:8px;}
.about2 .tit{padding:6px 12px 12px 12px; width:100%;
font-size:15px; line-height:20px; border-radius: 0; }
.about2 .s{height:auto; width:100%;transform:rotate(0deg);}
.about2 .pic{width:120px; height:156px;border-radius:8px 8px 0 0;}
.about2 .right{ min-width:120px; width:120px; flex-wrap: wrap-reverse; margin-left: 14px;}
.about2 .left{width:79.25%; }
}
@media screen and (max-width:767px) {
.about2{ display: inherit;}	
.about2 .right{ float: right;}
.about2 .left{width:auto; display: inherit;}
}




.about3{width:43.125%; display: flex; flex-wrap: wrap; align-content: center; min-height:3.12rem;}
.about3 .size16{ margin-top: 16px;}
.about3 .btn{ display:inline-flex; }
.about3 .btn .a{ white-space: nowrap; display:inline-flex; align-items: center; justify-content: center; padding:0 24px; background:#2E58A6;  border-radius: 48px;
color:#fff;
font-size: 16px;
font-weight: 400; line-height: 1;
height:48px;
}
.about3 .btn .a span{ margin-bottom: 2px;}
.about3 .btn .a i{ display: block; width:20px; height: 20px; margin-right: 8px; background: url(img/tel.svg) center no-repeat; background-size: 100% auto !important;}
.about3 .btn .a:hover{  background: #80C41C;}


@media screen and (max-width:1024px) {
.about3 .size16{ margin-top:15px; }
.about3 .btn{ margin-bottom: 5px;}
.about3 .btn .a{ padding:0 16px;
font-size: 14px;
height:32px;
}
.about3 .btn .a i{  margin-right: 6px;}
.about3{width:75%; }
}


.Presence{ width:100%; display: block; }
.Presence .ul{display: flex; flex-wrap: wrap;  width:calc(100% + 0.3rem); margin:-0.3rem -0.15rem 0 -0.15rem;}
.Presence .li{ width:50%; padding:0 0.15rem; margin-top:0.3rem;}
.Presence .la{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%; height:100%; position: relative; overflow: hidden;  border-radius: 16px; padding:0.4rem;background: rgba(46, 88, 166, 0.1);}
.Presence .la:hover{ box-shadow:0 2px 6px rgba(0,0,0,0.2); transform: translateY(-8px); -ms-transform: translateY(-8px);}
.Presence .la .tit{font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.1rem); font-weight: 600;color:rgba(46, 88, 166, 1);}
.Presence .la .cont{ display:flex; flex-wrap: wrap; width: 100%; padding-top:0.12rem; }
.Presence .la .adrr{ display:flex; width: 100%; margin-top:4px; position: relative; padding-left:28px;color:#333;}
.Presence .la .adrr img{ position: absolute; left: 0; top: 0.06rem; width:20px;}
.Presence .la a.adrr:hover{color:rgba(46, 88, 166, 1);}
.Presence .li:nth-child(1) .la a.adrr:hover,
.Presence .li:nth-child(2) .la a.adrr:hover{color:rgba(128, 196, 28, 1);}

.Presence .li:nth-child(1) .la,
.Presence .li:nth-child(2) .la{background: rgba(128, 196, 28, 0.1);}
.Presence .li:nth-child(1) .la .tit,
.Presence .li:nth-child(2) .la .tit{color:rgba(128, 196, 28, 1);}


@media screen and (max-width:1024px) {
.Presence .ul{ margin:-20px -7px 0 -7px; width:calc(100% + 14px);}
.Presence .li{ width:100%;padding:0 7px; margin-top:16px;}
.Presence .la{  border-radius: 12px; padding:20px 15px;}
.Presence .la .cont{padding-top:6px; }
.Presence .la .adrr{margin-top: 8px;}
.Presence .la .li2{ width:100%; margin:8px 0;}
}


.Flame1{ width:100%; display: block; }
.Flame1 .ul{display: flex; flex-wrap: wrap;  width:calc(100% + 0.52rem); margin:-0.12rem -0.26rem 0 -0.26rem;}
.Flame1 .li{ width:50%; padding:0 0.26rem; margin-top:0.52rem;}
.Flame1 .la{ display: flex; flex-wrap: wrap; justify-content: center; text-align: center; align-content: flex-start; width:100%; height:100%; position: relative; overflow: hidden;  border-radius: 16px; padding:0.6rem;
background:rgba(243, 246, 251, 1);}
.Flame1 .la .tit{ width:100%; font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.1rem); font-weight: 600;color:#000; margin-top:0.3rem;}
.Flame1 .la .size16{ margin-top:0.24rem; height:calc(60px + 0.3rem); }
.Flame1 .la .ico{
width: 88px;
height: 88px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;border-radius: 8px;
background:rgba(46, 88, 166, 1);
}
.Flame1 .la .ico img{
width: 40px;
height: 40px;}
.Flame1 .la .ino{ margin-top:0.32rem;
width: 64px;
height: 32px;
display: flex;
border: 1px solid rgba(46, 88, 166, 1);
border-radius: 75px;
background:url(img/ArrowRight1.svg) center no-repeat; background-size:16px auto !important;
}

.Flame1 .li:hover .ico{background:#80C41C;}
.Flame1 .li:hover .ino{border: 1px solid #80C41C;
background:url(img/ArrowRight.svg) center no-repeat #80C41C;}
.Flame1 .li:hover .tit{color:#80C41C;}


@media screen and (max-width:1024px) {
.Flame1 .ul{ margin:-6px -6px 0 -6px; width:calc(100% + 12px);}
.Flame1 .li{padding:0 6px; margin-top:16px;}
.Flame1 .la{  border-radius: 12px; padding:25px 12px;}
.Flame1 .la .tit{margin-top: 15px;  font-size:16px; line-height:24px; -webkit-line-clamp: 2;}
.Flame1 .la .size16{margin-top: 8px; font-size:14px; line-height:22px;   height:88px; -webkit-line-clamp: 4;}
.Flame1 .la .ico{
width:60px;
height: 60px;
}
.Flame1 .la .ico img{
width: 30px;
height: 30px;}
.Flame1 .la .ino{ margin-top:15px;
width: 56px;
height:26px;
}

}


.flamebox{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #fff; border-radius: 0.24rem; padding:0.51rem 0.5rem 0.45rem 0.5rem;}
.flamebox .cont{ display: block; width: 100%; padding:40px 0 0 0;}
.flamebox .cont p span{color:#2E58A6; font-weight: 600;}
.flamebox .title{ display: block; width: 100%;font-weight: 600; color: #000;font-size:0.36rem; line-height:0.4rem; padding-bottom: 0.4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.flamebox .info{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.flamebox .info .div{ display: flex; align-items: center; justify-content: space-between; width:49%; margin-top:24px;padding: 0.24rem;
border-radius: 8px;
background:rgba(243, 246, 251, 1);
}
.flamebox .info .size16{ display: inline-flex; align-items: center; }
.flamebox .info .size16 img{ min-width:40px; height:40px; margin-right:8px;}
.flamebox .info .Download{ display: inline-flex; align-items: center;color:rgba(46, 88, 166, 1); margin-left:0.24rem;
font-size: 14px;
font-weight: 400;
line-height: 24px;
height: 40px; white-space: nowrap;
border: 1px solid rgba(46, 88, 166, 0.2);
border-radius: 50px;
justify-content: center;
align-items: center;
padding:0 20px;

 }
.flamebox .info .Download .i{ min-width:16px; height:16px; margin-right:8px;background: url(img/Download.svg) center no-repeat; background-size:100% auto !important;}
.flamebox .info .div:hover .size16{color:rgba(46, 88, 166, 1);}
.flamebox .info .div:hover .Download{border: 1px solid rgba(46, 88, 166, 1); background: rgba(46, 88, 166, 1); color:#fff;}
.flamebox .info .div:hover .Download .i{background: url(img/Download1.svg) center no-repeat; background-size:100% auto !important;}
.flamebox ._page{ display: flex; justify-content: space-between; width: 100%; margin-top:40px; padding-top: 16px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.flamebox ._page .a{ width: 50%; color: #555; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; padding:0 24px;}
.flamebox ._page .a:hover{ color:#2E58A6;}
.flamebox ._page .a.Prev{ background: url(img/ArrowLeft1.svg) left center no-repeat; background-size:16px auto !important;}
.flamebox ._page .a.Next{ text-align:right; background: url(img/ArrowRight1.svg) right center no-repeat; background-size:16px auto !important;}


@media screen and (max-width:1024px) {
.flamebox{ border-radius:12px; padding:25px 15px;}		
.flamebox .title{ font-size:18px; line-height:26px; padding-bottom:20px;}
.flamebox .info .div{ width: 100%; margin-top:16px;padding:18px 14px;}
.flamebox .info .size16 img{ min-width:30px; height:30px; margin-right:8px;}
.flamebox .cont{ padding:20px 0 0 0;}
.flamebox ._page{ margin-top:30px;}
}
@media screen and (max-width:767px) {
.flamebox .info .div{ flex-wrap: wrap;}	
.flamebox .info .size16{ width: 100%;}
.flamebox .info .Download{  margin:15px 0 0 0;
height: 34px;padding:0 16px 1px 16px;}
}


.table1{ display:block; width:100%;}
.table1 table{ width:100%;font-weight: 400; color: #000; font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.12rem);}
.table1 table th{color: #fff; border:1px solid rgba(46, 88, 166, 1);background: rgba(46, 88, 166, 1); font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.1rem); font-weight: 600; padding:0.2rem  0.24rem;}
.table1 table td{ padding:0.2rem 0.24rem; border:1px solid rgba(0,0,0,0.1);}
.table1 table tr:nth-child(2n+1){ background:rgba(243, 246, 251, 1);}
.table1 .more{color: rgba(46, 88, 166, 1); padding-right: 24px; background:url(img/ArrowRight1.svg) right center no-repeat; background-size:16px auto !important;
font-size: calc(14px + 0.02rem);
line-height: calc(20px + 0.04rem);
}
.table1 .more:hover{color:#80C41C; background:url(img/ArrowRight2.svg) right center no-repeat; }

@media  screen and (max-width: 1440px){
.table1 table td{font-size: calc(14px + 0.02rem);line-height:calc(18px + 0.1rem);}
}
@media  screen and (max-width: 1024px){
.table1 table{font-size:14px; line-height:24px; }
.table1 table th{ padding:12px 12px;}
.table1 table td{ padding:12px 12px;}
}
@media  screen and (max-width: 767px){
.table1{ overflow-x: auto;}
.table1 table{ width:767px; min-width:767px;}
}



._mapbox1{ display: flex; width: 100%; justify-content: center;}
._mapbox1 .list{  display: block; width:12.67rem; position:relative;}
._map1 li{ display: block; position:absolute; cursor:pointer; margin:-0.2rem 0 0 -0.2rem;}
._map1 li i{width:0.4rem; height:0.4rem; display:block; line-height: 0; }
._map1 li i img{ width: 100%; }
._map1 li .text{ z-index: 20; width:342px; padding:0 0 20px 0; position:absolute; left:50%; bottom:100%;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0)}
._map1 li:hover .text{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);}
._map1 li .text .sect{ position: relative; display: block;width:100%; padding:16px;background: rgba(255, 255, 255, 1);border-radius: 8px; 
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);}
._map1 li .text .sect:after{  display: block; width:0; height:0; content:''; position:absolute; left:50%; top:99%; border-left:14px solid transparent; border-right:14px solid transparent;border-top:14px solid #fff; transform: translateX(-50%); -ms-transform: translateX(-50%);}
._map1 li .text .w100{ display: block; width:100%;line-height:0; overflow: hidden;border-radius: 8px;}
._map1 li .text h6{ display: block; width:100%;font-weight: 400;
 color:#333; font-size:16px; line-height:24px; margin-top:16px;}
._map1 li .text:hover h6{  color: rgba(46, 88, 166, 1);}



@media  screen and (max-width:1024px){
._map1{ width:100%;}	
._map1 li{ margin:-12px 0 0 -12px;}
._map1 li i{width:24px; height:24px;}
._map1 li .text{width:170px;padding:0;}
._map1 li .text .sect{ padding:8px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);border-radius: 8px 8px 0 0; }
._map1 li .text .sect:after{ border-left:10px solid transparent; border-right:10px solid transparent;border-top:10px solid #fff; }
._map1 li .text h6{ display: inline-flex; width: auto; font-size:13px; line-height:18px; margin-top: 6px;}


}


._map3{ display: flex; flex-wrap: wrap; align-content: flex-start; width:2.8rem; margin-top:0.57rem;}
._map3 .ul{ display: block; width:100%; padding-bottom:0.82rem;}
._map3 .ul .li{ display: flex; align-items: center; cursor: pointer;
border: 1px solid rgba(46, 88, 166, 0.2);
border-radius: 50px; width:100%; margin-bottom:0.16rem;
height: 0.7rem;
padding:0 0.3rem;
color:rgba(0, 0, 0, 1);
font-size: 0.18rem;
font-weight: 400;
line-height: 0.3rem;
}
._map3 .ul .li .ico{ display: block; min-width: 0.3rem; height:0.3rem; margin-right:0.08rem;}
._map3 .ul .li .ico img{ display: block; width: 0.3rem; height:0.3rem;}
._map3 .ul .li .ico .img1{ display: block; }
._map3 .ul .li .ico .img2{ display: none; }
._map3 .ul .li.on{border: 1px solid #2E58A6; color:#fff; background: #2E58A6;}
._map3 .ul .li.li1{border: 1px solid #80C41C; color:#80C41C;}
._map3 .ul .li.li1.on{border: 1px solid #80C41C; color:#fff; background: #80C41C;}
._map3 .ul .li.on .ico .img1{ display: none; }
._map3 .ul .li.on .ico .img2{ display: block; }

._map3 .ul .li.slick-current{border: 1px solid #2E58A6; color:#fff; background: #2E58A6;}
._map3 .ul .li.li1{border: 1px solid #80C41C; color:#80C41C;}
._map3 .ul .li.li1.slick-current{border: 1px solid #80C41C; color:#fff; background: #80C41C;}
._map3 .ul .li.slick-current .ico .img1{ display: none; }
._map3 .ul .li.slick-current .ico .img2{ display: block; }


._map3 .slick-prev,
._map3 .slick-next{ cursor: pointer; top:auto; bottom:-20px; 
width: 40px;
height: 40px; border-radius: 50%;
 background:url(img/next.svg) center no-repeat #2E58A6; background-size:20px auto !important;
}
._map3 .slick-prev:hover,
._map3 .slick-next:hover{ background:url(img/next.svg) center no-repeat #80C41C;}
._map3 .slick-prev{ left:0;}
._map3 .slick-next{ right: auto; left:56px;}

@media screen and (max-width:1024px) {
._map3{ width:200px; margin-top:20px;}
._map3 .ul{ padding-bottom:40px;}
._map3 .ul .li{ margin-bottom:12px;
height:40px;
padding:0 15px;
font-size:14px;
line-height:24px;
}
._map3 .ul .li .ico{  min-width:20px; height:20px; margin-right:6px;}
._map3 .ul .li .ico img{  width:20px; height:20px;}	
._map3 .slick-prev,
._map3 .slick-next{  top:auto; bottom:-17px; 
width: 34px;
height: 34px; }
._map3 .slick-next{ right: auto; left:44px;}
}

@media screen and (max-width:767px) {
._map3{ width:100%;}
._map3 .ul{ margin:0 -6px; width: calc(100% + 12px); padding-bottom:0;}
._map3 .ul .li{justify-content: center; margin:0 6px;padding:0;
transition:none;
  -moz-transition:none;
  -webkit-transition: none;
  -o-transition:none;}
._map3 .slick-prev,
._map3 .slick-next{  top:auto; bottom:-70px; } 
._map3 .slick-prev{ left:6px;}  
._map3 .slick-next{ left: auto; right:6px;}
}


._mapbox2{ position:relative; display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
._mapbox2 .list{  display: block; width:70.24%; position:relative; margin-top: -0.67rem; margin-right:-0.28rem;}
._mapbox2 .list .hd{  display: block; width:100%; height:100%; position:absolute; top:0; left:0;}
._map2{ display: block; width:100%; height:100%; position:absolute; top:0; left:0;}
._map2 .slick-list{ height:100%; overflow: visible !important;}
._map2 .slick-track{ width:100% !important; height:100%;}
._map2 li{ display: block; position:static !important; width: auto !important; opacity:1 !important; }
._map2 li .la{ display: block; position:absolute;  cursor:pointer; margin:-0.2rem 0 0 -0.2rem;}
._map2 li i{width:0.4rem; height:0.4rem; display:block; line-height: 0; }
._map2 li i img{ width: 100%; }
._map2 li .text{ z-index: 20; width:364px; padding:0 0 20px 0; position:absolute; left:50%; bottom:100%;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);}
._map2 li.slick-current .text{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);}
._map2 li .text .sect{ position: relative; display: block;width:100%; padding:24px;background: rgba(255, 255, 255, 1);border-radius:16px; 
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);}
._map2 li .text .sect:after{  display: block; width:0; height:0; content:''; position:absolute; left:50%; top:99%; border-left:14px solid transparent; border-right:14px solid transparent;border-top:14px solid #fff; transform: translateX(-50%); -ms-transform: translateX(-50%);}
._map2 li .text .tit{font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.1rem); font-weight: 600;color:#000;}
._map2 li .text .cont{ display:flex; flex-wrap: wrap; width: 100%; padding-top:0.12rem; }
._map2 li .text .adrr{ display:flex; width: 100%; margin-top:4px; position: relative; padding-left:28px;color:#333;}
._map2 li .text .adrr img{ position: absolute; left: 0; top: 0.06rem; width:20px;}
._map2 li .text .li2{ display:block; width: 100%; margin-bottom:0.16rem;}
._map2 li .text .li2:last-child{ display:block; width: 100%;}

@media  screen and (max-width:1600px){
._mapbox2 .list{ margin-right:0;}	
._map2 li .text .sect{ padding:16px 16px 24px 16px;}
._map2 li .text{ width:320px;}
._map2 li .text .cont{padding-top:6px; }
._map2 li .text .adrr{ font-size:14px; line-height:22px;}
.size16 { text-align: justify;}
}	
@media  screen and (max-width:1024px){
._mapbox2 .list{ margin-top:0; margin-bottom:220px;}
._map2{ width:100%;}	
._map2 li{ margin:-12px 0 0 -12px;}
._map2 li i{width:24px; height:24px;}
._map2 li .text{padding:0; width:100%; top:102%; height:220px; display: flex; align-items: center;}
._map2 li .text .sect{ border-radius: 12px; padding:16px;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1); }
._map2 li .text .sect:after{ border-left:10px solid transparent; border-right:10px solid transparent;border-top:10px solid #fff; }
._map2 li .text .cont{padding-top:6px; }
._map2 li .text .adrr{margin-top: 8px;}
._map2 li .text{ position:fixed; bottom:0; left:50%; z-index:60;}	
._map2 li .text .sect:after{  display:none;}
}
@media  screen and (max-width:767px){
._mapbox2 .list{ width:100%; margin-top:25px; }
}

/*251124end*/


/*25120204start*/
@media  screen and (max-width:1024px){
.main5 .u2 .li{ width:50%;}
.size16 { text-align: justify;}
}
@media  screen and (max-width:767px){
.main4 .p{ text-align: justify;}
.main1 .info{ text-align: justify;}
.main5 .u2 .li{ width:100%;}
.size16 { text-align: justify;}

}


/*25120204end*/