@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;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color:#00468E #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	
body{ background:#05192F;}


.w1760{max-width:1760px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.76rem;padding-right:0.76rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}


.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:0.9rem;padding:0 0.6rem;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.72rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .lang{ display: flex; position: relative;}
.t_navs .lang .a{ position: relative; display:flex; align-items: center;line-height:0.9rem; font-size:18px;color: #fff; font-weight: 600; text-transform: uppercase; padding:0 24px 0 30px; background: url(img/ico2.svg) left center no-repeat; background-size:24px auto !important;}
.t_navs .lang .a::after{ display: block; content:''; position: absolute; right:0; top:1px; width:16px; height:100%; background: url(img/xia.svg) center no-repeat; background-size:16px auto !important;}
.t_navs .lang .a:hover{ background: url(img/ico2.1.svg) left center no-repeat !important;color: #00B8DC !important; }
.t_navs .lang .a:hover::after{ background: url(img/xia1.svg) center no-repeat !important;}
.t_navs .lang .u1{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%);border-radius:5px; overflow: hidden; width:100%;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs .lang:hover .u1{display: block;}
.t_navs .lang .u1 a{ display: block; text-align: center; width:100%; color: #333; line-height:24px; font-size:16px; padding:10px 20px; border-bottom:1px solid #f5f5f5;text-transform: uppercase; background:#fff; font-weight: 400;}
.t_navs .lang .u1 a:hover{color: #fff; background:#00468E;}
.t_navs .lang .u1 a:last-child{ border-bottom: 0;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.8rem 0 0;}
.t_navs .menu .nli span a{ display:flex; align-items: center; position: relative;line-height:0.9rem; font-size:18px;color: #fff; font-weight: 600; }
.t_navs .menu .nli.on span a{color: #00B8DC !important;}
.t_navs .menu .nli:hover span a{color: #00B8DC !important;}
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10;/* margin-top: -5px; */ transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub4 .u1{ display: flex; flex-direction: column; white-space: nowrap; padding:16px 0; background:#fff; border-radius: 3px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; padding:4px 20px;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #000; line-height:24px; font-size:16px; padding:0 0 0 16px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #00B8DC; transform: rotate(45deg); -ms-transform: rotate(45deg); border-radius: 50%; }
.t_navs .sub4 .u1 .l1 a:hover{color: #00B8DC;}



.t_navs .ss_search{float: left; display:flex;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.9rem; width:0.56rem; background: url(img/_search.svg) left center no-repeat; background-size:24px auto !important;}
.t_navs .ss_search ._t:hover{ background: url(img/_search2.svg) left center no-repeat !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.9rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border-radius: 3px;}
.t_navs ._b .input input{width: 100%;height:48px;display: block; background: #F5F5F5; border: 0; font-size: 14px; line-height:24px; padding:12px 16px; color: #333;}
.t_navs ._b .input input::placeholder{color:#888; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; background:#00B8DC; border: 0; padding:0 16px;color: #fff;font-size: 16px; line-height:48px;height: 48px;}
.t_navs ._b .input:hover .img{background:#00468E;}



.t_navs:hover .top{ background:#fff;}
.t_navs:hover .logo .img1{ display:none;}
.t_navs:hover .logo .img2{ display:block;}
.t_navs:hover .menu .nli span a{ color:#000;}
.t_navs:hover .menu .nli span a i{ background: url(img/down1.svg) center no-repeat;}
.t_navs:hover .lang .a{ background: url(img/ico2.2.svg) left center no-repeat;color: #333; }
.t_navs:hover .lang .a::after{ background: url(img/xia2.svg) center no-repeat; }
.t_navs:hover .ss_search ._t{ background: url(img/_search1.svg) left center no-repeat;}

.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .menu .nli span a{ color:#000;}
.t_navs.ect .menu .nli span a i{ background: url(img/down1.svg) center no-repeat;}
.t_navs.ect .lang .a{ background: url(img/ico2.2.svg) left center no-repeat;color: #333; }
.t_navs.ect .lang .a::after{ background: url(img/xia2.svg) center no-repeat; }
.t_navs.ect .ss_search ._t{ background: url(img/_search1.svg) left center no-repeat;}

.t_navs.act .top{ 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 .logo img{ width: auto; height:0.62rem;}
.t_navs.act .menu .nli span a{ color:#000;}
.t_navs.act .menu .nli span a i{ background: url(img/down1.svg) center no-repeat;}
.t_navs.act .lang .a{ background: url(img/ico2.2.svg) left center no-repeat;color: #333; }
.t_navs.act .lang .a::after{ background: url(img/xia2.svg) center no-repeat; }
.t_navs.act .ss_search ._t{ background: url(img/_search1.svg) left center no-repeat;}



@media screen and (max-width:1600px) {
.t_navs .menu .nli{margin: 0 0.6rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{margin: 0 0.45rem 0 0;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:32px;}
.t_navs.act .logo img{ width: auto; height:32px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin-right: 13px;}
.t_navs .lang .a{ line-height: 50px; font-size: 14px;padding: 0 20px 0 28px; background-size:22px auto !important; }

}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.t_navs:hover .menuph .navbtn{ background: #000;}
.t_navs:hover .menuph .navbtn::after,
.t_navs:hover .menuph .navbtn::before { background: #000;}

.t_navs.ect .menuph .navbtn{ background: #000;}
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before { background: #000;}

.t_navs.act .menuph .navbtn{ background: #000;}
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #000;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{color: #333; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ color: #00468E;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #5F5D5D;line-height:24px;}
.xialaph .active .a2{ color:#00468E;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #5F5D5D;line-height:24px;}
.xialaph .input_box{width: 100%;margin-top:25px;position: relative; display: flex; overflow: hidden; border-radius: 3px;}
.xialaph .input_box input{width: 100%;height:40px;display: block; background:#F5F5F5; border: 0; font-size: 14px; line-height:24px; padding:8px 14px; color: #333;}
.xialaph .input_box input::placeholder{color:#888; opacity:1 !important;}
.xialaph .input_box .img{ display: block; cursor: pointer; background:#00B8DC; border: 0; padding:0 14px;color: #fff;font-size: 15px; line-height:40px;height: 40px;white-space: nowrap;}
.xialaph .input_box:hover .img{ background:#00468E;}


.footer1{ position: relative; z-index:5;}
.footer1 .ctext{ background:#05192f;}
.footer1::after{ display: block; content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height:2.5rem; background: url(img/bg1.png) top center no-repeat; background-size:100% 100%; z-index: 2;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content:center; padding:30px 0;}
.footer1 .right{ display:inline-flex; flex-direction: column; }
.footer1 .info{ display:inline-flex; color: #fff; font-size:16px; line-height:30px; margin:16px 0; }
.footer1 .Copyright{ display:block; width:100%; text-align: center; color: #fff; font-size:16px; line-height:30px; margin-top:6px;}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{color: #00B8DC;}
.footer1 .map{ display:flex; align-items: center; color: #fff; font-size:16px; line-height:30px;}
.footer1 .map i{ display:flex; width: 1px; height: 14px; background: #fff; opacity:0.1; margin:2px 16px 0 16px;}
.footer1 .map a{ display:flex; color: #fff;}
.footer1 .map a:hover{color: #00B8DC;}
.footer1 .share{ display: inline-flex; width:100%;}
.footer1 .share .li{display: inline-flex; margin:0 0 0 10px; position: relative;}
.footer1 .share .li:first-child{ margin-left:0 !important;}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:40px; height:40px;border-radius:4px; background:rgba(255,255,255,0.1);}
.footer1 .share a img{ width:20px; height:20px;}
.footer1 .share a .img2{ display: none;}
.footer1 .share a .img1{ display: block;}
.footer1 .share a:hover{ background:#00B8DC;}
.footer1 .share a:hover .img2{ display: block;}
.footer1 .share a:hover .img1{ display: none;}
.footer1 .input{width:426px; display: flex; overflow:hidden; border-radius: 3px;}
.footer1 .input input{width: 100%;height:48px;display: block; background: #fff; border: 0; font-size: 14px; line-height:24px; padding:12px 16px; color: #333;}
.footer1 .input input::placeholder{color:#888; opacity:1 !important;}
.footer1 .input .img{ display: block; cursor: pointer; background:#00B8DC; border: 0; padding:0 16px;color: #fff;font-size: 16px; line-height:48px;height: 48px; white-space: nowrap;}
.footer1 .input:hover .img{ background:#00468E;}
.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.9rem 0 0.8rem 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.11rem;}
.footer1 .nav .a1{ display:inline-flex; text-transform: uppercase; color: #fff; font-size:18px; line-height:25px; text-transform: capitalize; font-weight: bold;}
.footer1 .nav .a2{ display:inline-flex;; color: #fff; font-size:16px; line-height:30px; margin-top:0.08rem; padding-left: 12px; background: url(img/RightArrow.svg) left 52% no-repeat; background-size:8px auto !important;}
.footer1 .nav .a2:hover{ color:#00B8DC;background: url(img/RightArrow1.svg) left 54% no-repeat; }
.footer1 .addr{ display:flex; width:100%; flex-wrap: wrap; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);
color: rgb(255, 255, 255);
font-size: 16px;
line-height:30px; padding:28px 0; 
}
.footer1 .addr .li{display:flex; flex-direction: column;
}
.footer1 .addr .li .ico{ display:block; position: absolute; left: 0; top: 9px; width:20px; height:20px;}
.footer1 .addr .li .p{display:inline-flex; align-items:center; padding:4px 0 4px 28px; position:relative;}


@media screen and (max-width:1440px) {
.footer1 .nav .a1{ font-size:16px;line-height:23px; }
.footer1 .nav .a2{ font-size:14px; line-height:28px; }
.footer1 .info{ font-size:14px; line-height:28px; }
.footer1 .addr .li .p{ font-size:14px; line-height:28px; }
.footer1 .map{ font-size:14px; line-height:28px; }
.footer1 .Copyright{ font-size:14px; line-height:28px; }
.footer1 .input{width:390px;}
.footer1 .input .img{ font-size:15px;}
}
@media (max-width: 1024px){
.footer1 .nav{ width: 1000%; padding:7px 0;}
.footer1 .nav .a1{ padding:9px 14px; border-radius:3px; background:rgba(255,255,255,0.1); position: relative;}
.footer1 .nav .a1::after{ display: block; content:''; position: absolute; right:14px; top:15px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width:9px; height: 9px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.footer1 .nav .a2{ width:100%;}
.footer1 .nav .u2{ display:none; line-height:24px; padding:8px 14px 5px 14px;}
.footer1 .info{ font-size:14px; line-height:24px; }
.footer1 .addr .li .p{ font-size:14px; line-height:24px; }
.footer1 .addr .li .ico{ top:7px;}
.footer1 .map{ font-size:14px; line-height:24px; }
.footer1 .Copyright{ine-height:24px; }
.footer1 .input{width:100%;}
.footer1 .input input{height:40px;padding:8px 14px;}
.footer1 .input .img{ padding:0 14px; line-height:40px;height: 40px;}
.footer1 .down{ padding:20px 0;}
.footer1 .midd{ padding:30px 0;}
.footer1 .right{ width:100%;}
.footer1 .share{ margin-top:20px; width: 100%; justify-content:center;}
.footer1 .info{ width: 100%; justify-content:center;}
}
@media (max-width: 767px){

}




.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:rgba(0, 0, 0, 0.56);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); z-index: 16; width: 100%; }
.fp-footer .colse{ position:absolute; right:15px; 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:#00B8DC;border: 1px solid #00B8DC;}
.fp-footer .btn .a2{color: #fff;background:#00B8DC;border: 1px solid #00B8DC;}
.fp-footer .btn .a2:hover{color:#fff; background:none;border: 1px solid #fff;}

@media (max-width:1440px){
.fp-hei{ padding-top:1.64rem;}	
.fp-footer .box{ height:1.64rem;}
.fp-footer .info{ font-size:14px; line-height:22px;}
.fp-footer .btn{ margin-top:0.2rem;}
.fp-footer .btn .a{width: 120px;
height: 0.40rem; font-size:14px;margin: 0px 10px;}
}
@media (max-width:1024px){
.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;}
}





.pf-right{display:none; z-index:16; position:fixed; right:0.1rem; top:30vh; width:0.56rem;}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%; border-radius:0.48rem; background: #fff; padding:0 0.04rem;
margin:0 0 11px 0px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);

}
.pf-right .line{ position: relative; display: block; width:16px; height:1px; background:#E6E6E6; margin:1px 0;}
.pf-right .li{ position: relative; display: block; width:100%;padding:0.04rem 0;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:100%; height:0.48rem; border-radius:0.48rem;}
.pf-right .li .a:hover{background:#00468E;}
.pf-right .li .a img{ width:24px; height:24px;}
.pf-right .li .a .img1{ display:block;}
.pf-right .li .a .img2{ display:none;}
.pf-right .li .a:hover .img1{ display:none;}
.pf-right .li .a:hover .img2{ display:block;}
.pf-right .tel{ position: absolute; right:100%; top:50%; background: #fff; border-radius:4px;color:#00468E; white-space: nowrap;
font-size: 18px;
font-weight: 700; display: flex; flex-wrap: wrap; flex-direction: column;
line-height: 20px; padding:14px 20px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-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:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)
}
.pf-right .tel::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -4px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .tel{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);}
.pf-right ._renter{ position: relative; display:flex; justify-content: center; width:100%;}
.pf-right ._renter .a{ display:flex; flex-wrap:wrap; width:0.56rem; height:0.56rem; border-radius: 50%; justify-content: center; align-items: center; line-height: 0;
background: rgb(255, 255, 255);
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07)
}
.pf-right ._renter .a img{ width:24px; height:24px;}
.pf-right ._renter .a:hover{background:#00468E;}
.pf-right ._renter .a .img1{ display:block;}
.pf-right ._renter .a .img2{ display:none;}
.pf-right ._renter .a:hover .img1{ display:none;}
.pf-right ._renter .a:hover .img2{ display:block;}


@media screen and (max-width:1540px) {
.pf-right{ right: 7px;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;padding-top:50px;}
.wap_down{ display: none; width: 100%;background: #fff;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.16);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;}
.wap_down li{width:20%;float: left;text-align: center;}
.wap_down li a{width: 100%;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:50px;}
.wap_down li .ico{ border-radius: 50%; width:42px;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:42px; line-height: 0;}
.wap_down li .ico img{ width:22px; height:22px;}
.wap_down li:nth-child(2) .ico img{ width:20px; height:20px;}
.wap_down li .ico .img1{ display:block;}
.wap_down li .ico .img2{ display:none;}
.wap_down li  a:hover .ico{background:#00468E;}
.wap_down li  a:hover .ico .img1{ display:none;}
.wap_down li  a:hover .ico .img2{ display:block;}


@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}
.wap_down1{ display: none;}
.wap_hei1{ display: none;}

}



.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.56;}
.my-puop1{ display:none; width:100%; height:100%; align-items: center; justify-content: center; position: fixed; left:0; top:0; z-index: 111;}
.my-puop1.act{ display: flex;}
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:790px; border-radius: 10px; overflow: hidden;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:18px; top:18px; width:30px; line-height: 0;}
.my-puop1 .box .colse img{ width:100%;}
.my-puop1 .box .title{ width:100%; background:#00468E; background-size:auto 100% !important; color:#fff; display:flex; align-items: center; font-size:24px; line-height:30px; font-weight: 600; padding:18px 32px;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:32px; background:#F8F9F9;}
._form4 .lab{ width:49%; position:relative; flex-wrap:wrap; display: flex;margin-bottom:0.2rem; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; color: #333; font-size:16px; line-height:24px; margin-bottom:8px;}
._form4 .name span{ color:#FE0000;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #E5E5E5; background:#fff; border-radius:4px; font-size:14px;color: #333; line-height:24px; height:48px; padding:12px 16px;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #E5E5E5; background:#fff; border-radius:4px;  font-size:14px;color: #333;line-height:24px; height:160px; padding:12px 16px;}
._form4 .yanzhengma{ position: absolute; right:1px; bottom:1px; height:46px; width:128px; border-left:1px solid #E5E5E5; object-fit: contain; z-index:6;}
._form4 .yzm{ width:calc(100% - 210px); margin-right:20px;}
._form4 input::placeholder{color:#888; opacity:1 !important;}
._form4 textarea::placeholder{color:#888; opacity:1 !important;}


@media screen and (max-width:1024px) {
.my-puop1 .box{ width:90%;}	
.my-puop1 .box .title{font-size:18px; line-height:26px; padding:10px 15px;}
.my-puop1 .box .colse{ right:12px; top:10px; width:26px;}	

._form4{ padding:15px 15px 20px 15px;}
._form4 .lab{ width:100%;margin-bottom:8px; }
._form4 .w50{ width:100%;}
._form4 .name{margin-bottom:5px; font-size: 14px; line-height:20px; margin-bottom:4px;}	
._form4 .text{ font-size: 13px; line-height:24px; height:36px; padding:6px 14px;}
._form4 .yanzhengma{ height:34px; width:82px; }
._form4 .textarea{ font-size: 13px; height:102px; line-height:22px; padding:7px 14px; }
._form4 .yzm{ width:calc(100% - 160px);margin-right:14px;}

}
@media screen and (max-width:1024px) {
._form4 .yzm{ width:100%;}
._form4 .fl{ flex-wrap: wrap; justify-content: center;margin-right:0;}
._form4 ._btn1{ margin-top: 12px;}
}

._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:0.55rem; background:#F8F9F9; margin-top:48px; border-radius: 8px;}
._form3 .lab{ width:49%; position:relative; flex-wrap:wrap; display: flex;margin-bottom:24px; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #333; font-size:16px; line-height:24px; margin-bottom:8px;}
._form3 .name span{ color:#FE0000;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #E5E5E5; background:#fff; border-radius:4px; font-size:14px;color: #333; line-height:24px; height:48px; padding:12px 16px;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #E5E5E5; background:#fff; border-radius:4px;  font-size:14px;color: #333; line-height:24px; height:160px; padding:12px 16px;}
._form3 .yanzhengma{ position: absolute; right:1px; bottom:1px; height:46px; width:128px; border-left:1px solid #E5E5E5; object-fit: contain; z-index:6;}
._form3 .yzm{ width:100%;}
._form3 .shuaxin{ display: flex; align-items: center; white-space: nowrap; margin:0 1.2rem 0 0.24rem;}
._form3 .shuaxin i{ display: block; min-width:24px; width:24px; height: 24px; margin-right: 8px; background: url(img/shuaxin.svg) center no-repeat; background-size:auto 24px !important; }
._form3 .shuaxin:hover{ color:#00468E;}
._form3 .shuaxin:hover i{ background: url(img/shuaxin1.svg) center no-repeat;}
._form3 ._btn1 .a{ min-width:172px; padding:0 !important;}

._form3 input::placeholder{color:#888; opacity:1 !important;}
._form3 textarea::placeholder{color:#888; opacity:1 !important;}

@media screen and (max-width:1440px) {
._form3 .shuaxin{ margin:0 1rem 0 0.24rem;}
}
@media screen and (max-width:1024px) {
._form3{ padding:20px 15px 25px 15px; margin-top:25px;}
._form3 .lab{ width:100%;margin-bottom:10px; }
._form3 .name{margin-bottom:5px; font-size: 14px; line-height:22px; margin-bottom:6px;}	
._form3 .text{font-size: 13px; line-height:24px; height:36px; padding:6px 14px;}
._form3 .yanzhengma{ height:34px; width:82px; }
._form3 .textarea{font-size: 13px; height:102px; line-height:22px; padding:7px 14px; }
._form3 .w100.fl{ flex-wrap: wrap; justify-content: center;}
._form3 .shuaxin{ width:100%; margin:15px 0;}
._form3 ._btn1 .a{ min-width:162px; }
}


.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; }
.index-banner .ph_show1{ width:100%; }
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; bottom:24px; z-index: 10; justify-content: center;width: 100%;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; margin:0 4px; position: relative; display:block; opacity:0.65; width:10px; height: 10px; border-radius: 10px; background: #fff; }
.index-banner .swiper-pagination-bullet-active{ width:30px;  opacity: 1; }
.swiper-prev,
.swiper-next{ cursor: pointer; min-width:40px; width:40px; height:40px; display:block;position: absolute; top:50%; z-index: 10; background: url(img/next.svg) center no-repeat rgba(255,255,255,0.3); background-size:auto 24px !important; margin-top: -20px; border-radius: 50%; }
.swiper-prev{ left:0.6rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.swiper-prev:hover,
.swiper-next:hover{background: url(img/next.svg) center no-repeat #00468E !important; }
.index-banner .swiper-prev{ left:0.6rem;}
.index-banner .swiper-next{ right:0.6rem;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:2.46rem; z-index: 6; }
.index-banner .box .tit{ display: block; width:100%; text-align: center;text-transform: uppercase; font-weight: 700;  color: #fff; font-size:0.64rem; line-height:0.8rem;text-shadow:0 0 10px rgba(0,0,0,0.3); }


@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{ bottom:15px;}	
.index-banner .swiper-pagination-bullet-active{ width:20px; }
.swiper-prev,
.swiper-next{ min-width:28px; width:28px; height:28px; background-size:auto 18px !important;margin-top: -14px; }
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px;}
}
@media screen and (max-width:767px) {
.index-banner .box{ top:90px; z-index: 6; }	
.index-banner .box .tit{ font-size:0.94rem; line-height:1.2rem; }
}



.black1{ display: block; width: 100%; position: relative; z-index: 6;}
.black1::after{ display: block; content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height:2.5rem; background: url(img/bg1.png) top center no-repeat; background-size:100% 100%;}
.black2{ display: block; position: absolute; z-index: 1; left: 0; top:-0.6rem; width: 100%; height:13.38rem;}
.black3{ display: block; position: absolute; z-index: -1; left: 0; bottom:100%; margin-bottom:-2.94rem; width: 100%; height:13.38rem;}
.black4{ display: block; position: absolute; z-index: 1; left: 0; top:1.63rem; width: 100%; height:13.38rem;}

@media screen and (max-width:767px) {
.black2{top:-1.2rem; height:26.76rem;}
.black3{ margin-bottom:-3.3rem; height:26.76rem;}
.black4{top:3.26rem; height:33.76rem;}
}

.box01{
width: 100%;
background: rgb(255, 255, 255);
border-radius: 24px;
display: flex; flex-wrap: wrap;
padding: 0.8rem;
}

@media screen and (max-width:1600px) {
.box01{padding: 0.6rem;}
}

.mian1{ position: relative; z-index: 7;}

.main01{ display:flex; align-items:center; justify-content: space-between; width: 100%;}
.main01 .left{display:block; width:100%; padding:0 0.5rem 0 0;}
.main01 .right{display:block; min-width:4.92rem;position: relative; border:0.21rem solid rgba(0, 70, 142, 0.1); border-radius: 50%;}
.main01 .right ._img{ border-radius: 50%; padding-bottom:100%; }
.main01 .right ._img img{ width: 100%;}
.main01 .siz18{ margin-top: 0.4rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:10;}
.main01 ._btn1{ margin-top: 0.48rem;}


@media screen and (max-width:1024px) {
.box01{padding:25px 16px;border-radius:12px;}	
.main01{ flex-wrap: wrap; justify-content: center;}	
.main01 .left{ width: 100%; padding:0;}
.main01 .right{ width:280px; margin-top:30px; border:12px solid rgba(0, 70, 142, 0.1);}
.main01 .siz18{ margin-top:15px;}
.main01 ._btn1{ margin-top:20px;justify-content: center;}
}


.main02{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top:0.8rem;}
.main02 .ul{display:flex; flex-wrap: wrap; width:calc(100% + 0.6rem);margin:0 -0.3rem;}
.main02 .ul .li{display:flex; flex-wrap: wrap; width:20%; padding:0 0.2rem; margin-top: 18px;}
.main02 .ul .li .la{display:flex; flex-wrap: wrap; width:100%;position: relative; height: 100%;align-content: flex-start; text-align: center;}
.main02 .ul .li .num{ display:flex; align-items: flex-end; justify-content: center; width:100%; color:#000; font-weight: 700; font-size:0.48rem; line-height:1;}
.main02 .ul .li .dw{  font-size:0.24rem; line-height:1.4; padding:0 0 0 0.1rem; }
.main02 .ul .li .info{ display:flex; align-items: center; justify-content: center; text-align: center; width:100%; color:#333; font-weight:400; font-size:18px; line-height:24px; min-height:48px; margin-top:4px; }
.main02 .ul .li .ico{ display:block; width:100%; line-height:0;  margin-top:4px; }
.main02 .ul .li .ico img{ width:48px; height: 48px;}
.main02 .ul .li .la:hover .num{color:#00468E; }

@media screen and (max-width:1440px) {
.main02 .ul .li .info{ font-size:16px; line-height:22px;  }
}
@media screen and (max-width:1024px) {
.main02 .ul{ width:calc(100% + 14px);margin:0 -7px;}
.main02 .ul .li{ padding:0 7px;}
.main02 .ul .li .num{ font-size:28px;}
.main02 .ul .li .dw{ font-size:16px; } 
.main02 .ul .li .info{ font-size:14px; line-height:20px; } 
.main02 .ul .li .ico img{ width:36px; height: 36px;}
}
@media screen and (max-width:767px) {
.main02 .ul .li{ width:50%;} 
}



.main4 .box{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top:18px;}
.main4 .u1{ display: flex; flex-wrap: wrap;justify-content: space-between; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.main4 .u1 .li{ display:block; width:50%; padding:0 0.15rem; margin-top:0.3rem;}
.main4 .u1 .a{ width: 100%; display: flex; align-items: center;
background: rgb(245, 245, 245);
border-radius: 8px;
padding: 16px 16px;
 }
.main4 .u1 .a .pic{ min-width:2.2rem; margin-right: 0.3rem;}
.main4 .u1 .a ._img{ padding-bottom:68.18%; border-radius: 8px;}
.main4 .u1 .a .tit{ width: 100%; color: #000;font-size:24px; line-height: 30px; font-weight: 600;}
.main4 .u1 .a .p{ width: 100%; color:#383838;font-size:16px; line-height: 24px; margin-top: 0.12rem;}
.main4 .u1 .a:hover{
background: rgb(215, 233, 245);
box-shadow: 0px 0px 15px 0px rgba(0, 70, 142, 0.2)
}

@media screen and (max-width:1440px) {
.main4 .u1 .a .tit{font-size:19px; line-height: 24px;}
.main4 .u1 .a .p{font-size:15px; line-height:22px; margin-top: 0.1rem;}
}
@media screen and (max-width:1024px) {
.main4 .box{margin-top:11px;}
.main4 .u1{ width:calc(100% + 14px); margin:0 -7px;}
.main4 .u1 .li{ padding:0 7px; margin-top:14px;}
.main4 .u1 .a{ padding:12px;}
.main4 .u1 .a .tit{font-size:16px; line-height:22px;-webkit-line-clamp:2;}
.main4 .u1 .a .p{font-size:14px; line-height:20px;-webkit-line-clamp:2; margin-top:6px;} 
.main4 .u1 .a .pic{ min-width: 130px; margin-right: 12px;}
}
@media screen and (max-width:767px) {
.main4 .u1 .li{ width:100%;}
}




.main5{ overflow: hidden; padding-bottom:2.28rem;}
.main5 .tit48{ color: #fff; width:auto;}
.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.3rem); margin:16px -0.15rem 0 -0.15rem; }
.main5 .u2{ width:100%; }
.main5 .u2 .li{ display:block; width:33.33%; padding:0 0.15rem; margin-top: 0.3rem;}
.main5 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative; overflow: hidden; border-radius:8px;}
.main5 .u2 .a .tit{ width: 100%; color:rgba(255, 255, 255, 0.6);font-size:14px; line-height:20px; font-weight: 600; padding-left: 25px; background: url(img/CalendarBlank.svg) left center no-repeat; background-size:17px 17px !important;}
.main5 .u2 .a .info{ width: 100%; color:#fff;font-size:18px; line-height:30px; font-weight: 600; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top:0.16rem;}
.main5 .u2 .a ._img{ padding-bottom:69.14%;}
.main5 .u2 .a ._img img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main5 .u2 .a .cont{width: 100%; display:flex; flex-wrap: wrap; padding:24px 0;}
.main5 .u2 .a:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);} 
.main5 .u2 .a:hover .tit{ color:rgb(153, 152, 152); background: url(img/CalendarBlank1.svg) left center no-repeat;  }
.main5 .u2 .a:hover .info{ color:#00468E; }
.main5 .u2 .a:hover .cont{ background: #fff; padding:24px 24px; 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:0.72rem; padding:0 0.15rem; display: flex; align-items: center; width: 100%;}
.main5 .swiper-prev,
.main5 .swiper-next{ position: static; margin:0 !important;}
.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(255,255,255,0.2));
position: relative;
height: var(--swiper-pagination-progressbar-size,2px);
overflow: hidden;
}
.main5 .swiper-scrollbar-drag{background:#00B8DC;
background: var(--swiper-pagination-color, #00B8DC);
position: absolute;
left: 0;
top: 0;
width: 100%;
height:2px;
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:2px; background:#00B8DC;z-index:1;}


@media screen and (max-width:1024px) {
.main5 .middl{ margin-top:20px; padding:0 8px;}	
.main5 .u2 .li{ padding:0 7px;}
.main5 .u2 .a .info{font-size:16px; line-height:26px;}
.main5 .u2 .a .cont{ padding:15px 0;}
.main5 .u2 .a .info{ line-height:22px; margin-top:6px;}
.main5 .u2 .a:hover .cont{ padding:15px 6px;}
.main5 .dowm{margin-top: 20px;}
}
@media screen and (max-width:767px) {


}

.sy_section3{width: 100%;}
.sy_section3 .tit48{ color: #fff; width:auto;}
.sy_section3 .content{width: 100%; margin-top:48px;}
.sy_section3 .content ul{width: 100%;display: flex;justify-content:space-between;}
.sy_section3 .content li{width:21.25%;position: relative;border-radius: 16px; overflow: hidden;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section3 .content .wzbox{width: 100%;padding:0.42rem 0.41rem;overflow: hidden; position: relative;z-index: 2; height:100%;display: flex; flex-wrap: wrap; align-content: flex-end;left: 0; z-index: 6;
right: 0;
top: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;}
.sy_section3 .content .wzbox::after{left: 0; content: '';
right: 0;
top: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0.00deg, rgb(0, 70, 142),rgba(0, 70, 142, 0));
}
.sy_section3 .content .wzbox .bt{font-size: 24px;color: #ffffff;line-height:36px; font-weight: 700;}
.sy_section3 .content .wzbox .line{width:40px;height: 40px; margin-top:24px;background: url(img/right-blue.svg) center no-repeat #fff; background-size:auto 20px !important; border-radius:50%; }
.sy_section3 .content .wzbox .siz18{color: #fff;margin-top: 16px;}
.sy_section3 .content .wzbox .line:hover{ background:url(img/right-white.svg) center no-repeat #00B8DC;}

.sy_section3 .content .cont{ position: relative; z-index: 6;
background:#F5F5F5; opacity: 0; height:7.46rem;
}
.sy_section3 .content .cont .bg{
width: 100%; display: block; height:3.92rem;
}
.sy_section3 .content .cont .info{
width: 100%; display: block;
 padding:0.41rem;
}
.sy_section3 .content .cont .top{
width: 100%; display: block;
 position: relative; padding-right: 130px;
}
.sy_section3 .content .cont .tit{
width: 100%;
 color: rgb(0, 0, 0);
 font-size: 24px;
 font-weight: 700;
 line-height: 36px;
}
.sy_section3 .content .cont .p{
width: 100%; 
color: rgb(51, 51, 51);
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 0.08rem;
}
.sy_section3 .content .cont .more{
 display:inline-flex; position: absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: 400;
line-height: 24px; padding:0 26px 0 0; background:url(img/jia1.svg) right center no-repeat; background-size:18px auto !important;
}
.sy_section3 .content .cont .more:hover{ font-weight:700; color:#00468E; background:url(img/jia2.svg) right center no-repeat;}
.sy_section3 .content .cont .u1{
 display: flex; flex-wrap: wrap; padding-top:0.08rem; width:calc(100% + 16px); margin:0 -8px; }
.sy_section3 .content .cont .li{
width: 20%;  display: flex; flex-wrap: wrap; padding:0 0.08rem; margin-top: 0.16rem;}
.sy_section3 .content .cont .li a{width: 100%;  display: flex; flex-wrap: wrap;}
.sy_section3 .content .cont .li ._img{ padding-bottom: 100%;margin-bottom: 2px;}
.sy_section3 .content .cont .li ._img img{ border-radius: 8px; }
.sy_section3 .content .cont .li ._img .img1{ display: block;  }
.sy_section3 .content .cont .li ._img .img2{ display: none; border-radius: 0; border:3px solid #D7E9F5;}
.sy_section3 .content .cont .li .p{ text-align: center;}
.sy_section3 .content .cont .li a:hover .p{ font-weight:700; color:#00468E;}
.sy_section3 .content .cont .li a:hover ._img .img1{ display: none;}
.sy_section3 .content .cont .li a:hover ._img .img2{ display: block;}

.sy_section3 .content li.on{width: 55%;}
.sy_section3 .content li.on .cont{ opacity: 1;}
.sy_section3 .content li.on .wzbox{/* opacity: 0; */}



@media  screen and (max-width:1600px){
.sy_section3 .content .wzbox{padding:0.3rem;}
.sy_section3 .content .wzbox .bt{ font-size:20px; line-height:30px;}
.sy_section3 .content .cont{ height:6.6rem;}
.sy_section3 .content .cont .info{padding:0.3rem;}
.sy_section3 .content .cont .tit{ font-size:20px; line-height:30px;}
.sy_section3 .content .cont .p{ font-size:14px; line-height:22px;}
.sy_section3 .content .cont .more{ font-size:14px;}
.sy_section3 .content .cont .top{
 padding-right: 120px;
}
.sy_section3 .content .cont .bg{
 height:3.32rem;
}
}
@media  screen and (max-width:1024px){
.sy_section3 .content{ margin-top:10px;}
.sy_section3 .content ul{ flex-wrap: wrap;}
.sy_section3 .content li{width: 100%; margin-top:15px;border-radius: 12px;}
.sy_section3 .content .wzbox{padding: 30px 20px; position: relative;}
.sy_section3 .content .wzbox .bt{font-size: 18px;line-height:26px;}
.sy_section3 .content .wzbox .line{width: 28px;height: 28px;margin-top:14px; background-size:16px auto !important;}
.sy_section3 .content .wzbox .siz18{margin-top:8px;}
.sy_section3 .content .cont{ height:0; overflow:hidden;}
.sy_section3 .content .cont .bg{
 height:auto; padding-bottom: 44.54%;
}
.sy_section3 .content .cont .u1{padding-top:5px;width: calc(100% + 10px);
  margin: 0 -5px;}
.sy_section3 .content .cont .li{ padding:0 5px; margin-top: 12px;}
.sy_section3 .content .cont .tit{ font-size:18px; line-height:26px;}
.sy_section3 .content .cont .info{ padding:15px;}
.sy_section3 .content .cont .p{ margin-top:4px;}
.sy_section3 .content li.on{width: 100%;}
.sy_section3 .content li.on .cont{height:auto;}
.sy_section3 .content li.on .wzbox{ display:none;}
}
@media  screen and (max-width:767px){
.sy_section3 .content .cont .info{ padding:18px 15px 25px 15px;}
.sy_section3 .content .cont .u1{ display: block;}
.sy_section3 .content .cont .u1 .slick-track{min-width:100%;}
.sy_section3 .content .cont .u1 .slick-list{width:100%;}

}


.page_section{width: 100%; padding-top:0.8rem;}
.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: #333; padding:0 6px;  margin:0 5px; border:1px solid #E5E5E5;}
.page_section .pcpage span{ padding:0 6px;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{ background:#00468E; border:1px solid #00468E; color: #fff;}
.page_section .pcpage .btn{ margin:0 25px; background: url(img/Page2.svg) center no-repeat; background-size:auto 24px !important; }
.page_section .pcpage .btn.on,
.page_section .pcpage .btn:hover{ background: url(img/Page1.svg) center no-repeat #00468E; }
.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{ padding-top:25px;}	
.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/Page2.svg) center no-repeat; background-size:auto 24px !important;border:1px solid #E5E5E5;}
.page_section .phpage a:hover{ background: url(img/Page1.svg) center no-repeat;}
.page_section .phpage span{margin: 0 20px;font-size: 16px;color: #333;}
.page_section .phpage .prev{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
}




.mbxbox{ display: flex; flex-wrap: wrap; justify-content:space-between; justify-content:space-between; padding:20px 0; }
.mbx{ display: block; color:#fff;font-size:16px; line-height:24px;}
.mbx a{ color: #fff;}
.mbx span{ color:#fff;}
.mbx i{ padding:0 5px;}
.mbx a:hover{ color:#00B8DC;}
.fanhui{ display: block; font-size:16px; line-height:24px;}
.fanhui a{  display: block;color: #fff; padding-left:24px; background: url(img/fanhui.svg) left center no-repeat; background-size:16px auto !important;}
.fanhui i{ padding:0 7px;}
.fanhui a:hover{ color:#00B8DC; background: url(img/fanhui1.svg) left center no-repeat;}

@media screen and (max-width:1024px) {
.mbxbox{ justify-content: flex-end;padding:10px 0;}	
.mbx{ display:none;}
.fanhui{font-size:14px; line-height:22px;}
}


.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner::after{  display: block; content:''; position: absolute; left:0; bottom:-0.45rem; width:100%; height:1.07rem; background: url(img/bg3.png) center no-repeat; background-size:100% 100%; z-index: 1;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.inbaner .mbx{ margin-top:8px;}
.inbanerbox0{ position: absolute; left: 0; bottom:0.5rem; width: 100%; z-index: 6; }
.inbanerbox1{ position: absolute; left: 0; top:52%; width: 100%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}


@media screen and (max-width:1440px) {
.inbaner .info{ max-width:686px;
font-size: 16px;
line-height:24px;
 margin-top: 18px;
}
}
@media screen and (max-width:1024px) {
.inbanerbox0{ bottom:25px; }
}
@media screen and (max-width:767px) {

}



.slide1{ display:flex; width:100%;}
.slide1 .ul{ display:inline-flex;}
.slide1 .li{ display: flex; flex-wrap: wrap; margin:0 0.16rem 0 0; }
.slide1 .li a{ display: flex; align-items:center; justify-content: center;color: #fff;font-size:18px; line-height:24px; padding:0.16rem 0.32rem;
 border: 1px solid rgba(255,255,255,0.5);
border-radius:56px;
}
.slide1 .li a i{ display: block; width: 8px; height: 8px; margin-right: 8px;background: url(img/RightArrow2.svg) left center no-repeat; background-size:100% auto !important;}
.slide1 .li:hover a{border: 1px solid #00468E; background: #00468E !important;}
.slide1 .li.on a{border: 1px solid #00468E; background:#00468E !important;}

@media screen and (max-width:1440px) {
.slide1 .li a{font-size:16px; line-height:24px; padding:0.16rem 0.26rem;}
}
@media screen and (max-width:1024px) {
.slide1 .li{margin:0 10px 0 0; }	
.slide1 .li a{padding:7px 14px; font-size:14px; line-height:20px; background:rgb(5, 25, 47,0.5);}
.slide1 .li a i{ margin-right:4px;}
}
@media screen and (max-width:767px) {
.slide1{ justify-content: flex-start; white-space: nowrap; overflow-x: auto;}
}




.nexslist { display: block; width: 100%;}
.nexslist .u1{ display: block; width: 100%;border-top: 1px solid rgb(229, 229, 229);}
.nexslist .u1 .li{ display: block; width: 100%; }
.nexslist .u1 .a{ width: 100%; display: flex; align-items: center; 
border-bottom: 1px solid rgb(229, 229, 229);
padding: 24px 0;
}
.nexslist .u1 .a .pic{ min-width:3.79rem; margin-right: 0.52rem;}
.nexslist .u1 .a ._img{ padding-bottom:69.14%; border-radius: 8px;}
.nexslist .u1 .a .tit1{
display: inline-flex;
color: rgb(51, 51, 51);
font-size: 14px;
font-weight: 700;
line-height: 20px;
 padding:0 0 0 25px;
 background: url(img/CalendarBlank2.svg) left center no-repeat; background-size:auto 17px !important;
}
.nexslist .u1 .a .tit{ width: 100%; color: #000;font-size:18px; line-height: 30px; margin-top: 0.08rem;font-weight: 600;}
.nexslist .u1 .a .p{ width: 100%; color:#333;font-size:16px; line-height:30px; margin-top: 0.16rem;}
.nexslist .u1 .a .more{ display:inline-flex; width:40px; height:40px; border-radius:50%; background: url(img/right-blue.svg) center no-repeat #D7E9F5; background-size:auto 20px !important; margin-top:0.2rem;}
.nexslist .u1 .a:hover{padding: 24px 24px;
background: rgb(215, 233, 245);
border-bottom: 1px solid rgb(229, 229, 229);
}
.nexslist .u1 .a:hover .more{ background: url(img/right-white.svg) center no-repeat #00468E;}

@media screen and (max-width:1440px) {
.nexslist .u1 .a .p{margin-top:0.1rem;}
}
@media screen and (max-width:1024px) {
.nexslist .u1 .a{ padding:20px 0;}	
.nexslist .u1 .a .tit{font-size:16px; line-height:24px; margin-top:6px;}
.nexslist .u1 .a .p{font-size:14px; line-height:22px; margin-top:4px;} 
.nexslist .u1 .a .more{width:28px; height:28px; background-size:auto 16px !important; margin-top:12px; } 
.nexslist .u1 .a .pic{ min-width:240px; margin-right: 12px;}
.nexslist .u1 .a:hover{padding: 20px 20px;}
}
@media screen and (max-width:767px) {
.nexslist .u1{border-top: 0;}
.nexslist .u1 .li:first-child .a{ padding-top:0;}
.nexslist .u1 .a{ flex-wrap: wrap;}
.nexslist .u1 .a .pic{ min-width:100%;width:100%; margin:0 0 16px 0;}
}


.neswbBox2{ padding:0 !important; justify-content: space-between;}
.neswbBox2 .left{  display:block; width:72.2%;  padding:0.8rem 0.4rem 0.8rem 0.8rem;}
.neswbBox2 .right{ background:#F5F5F5; display:block; width:27.8%; padding:0.8rem 0.8rem 0.8rem 0.4rem; 
}
.neswbBox2 .info {align-items: center;
   width: 100%;display: flex; flex-wrap: wrap;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height:20px; padding:16px 0 29px 0; border-bottom: 1px solid #E5E5E5;
}
.neswbBox2 .info .d{align-items: center; display: inline-flex; margin-right:40px;
}
.neswbBox2 .info img{width:17px; height:17px; margin-right:8px;}
.neswbBox2 .cont{
   width: 100%;display: block;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; padding:40px 0;
}
.neswbBox2 .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:16px 0 0 0; border-top: 1px solid rgba(0,0,0,0.1); }
.neswbBox2 .page a{  display: flex; flex-direction: column; max-width:48%; color:#333;font-size:16px;line-height:30px; }
.neswbBox2 .page a .s{ width:100%; }
.neswbBox2 .page a.Next{ text-align: right;}
.neswbBox2 .page a:hover{ color:#00468E;}
.neswbBox2 .title{
color: rgb(0, 70, 142);
font-size: 24px;
font-weight: 700;
line-height: 48px;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 16px;
background: rgb(215, 233, 245);
border-radius: 8px;
}
.nexsbox{display: block; width: 100%;}
.nexsbox .u2{display: block; width: 100%; margin-top:4px;}
.nexsbox .u2 .li{display: block; width: 100%; padding:20px 0;}
.nexsbox .u2 .li .a{display: block; width: 100%;
}
.nexsbox .u2 .li .cont{width: 100%; display:flex; flex-wrap: wrap; padding:24px 0 0 0;}
.nexsbox .u2 .li .tit{ width: 100%;
 width: 100%; color:#333;font-size:14px; line-height:20px; font-weight: 600; padding-left: 25px; background: url(img/CalendarBlank2.svg) left center no-repeat; background-size:17px 17px !important;
}
.nexsbox .u2 .li .p1{
 width: 100%; color:#000;font-size:18px; line-height:30px; font-weight: 600; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top:0.16rem;}
.nexsbox .u2 .li ._img{ padding-bottom:69.14%;border-radius: 8px 8px 0 0;}
.nexsbox .u2 .li ._img img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.nexsbox .u2 .li:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);} 




@media screen and (max-width:1024px) {
.neswbBox2 .left{width: 100%;   padding:25px 15px;}
.neswbBox2 .right{ width: 100%;  padding:25px 15px;border-left:0;border-top:1px solid #bec3c9;}	
.neswbBox2 .info{ font-size:14px; line-height: 24px; padding:10px 0 20px 0;}
.neswbBox2 .cont{ font-size: 14px; line-height: 24px; padding: 25px 0;}
.neswbBox2 .page a{line-height:24px;}
.neswbBox2 .title{
font-size:20px;
line-height:30px; padding:10px 0;
}
.nexsbox .u2{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.nexsbox .u2 .li{ width:32%; padding:14px 0;}
}
@media screen and (max-width:767px) {
.neswbBox2 .page a{ width:100%;max-width: 100%; margin-top: 8px;}
.neswbBox2 .page a.Next{ text-align: left;}
.neswbBox2 .page a .s{ font-weight: 700;}
.nexsbox .u2{ display: block;}
.nexsbox .slick-dots{ margin:0;}
}




.pord4 .box{ display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%;}
.pord4 .pic{ display: flex; flex-wrap: wrap; justify-content:space-between; flex-direction: row-reverse; line-height:0; width: 47.75%;}
.pord4 .pic .big{ display: block; width: 79.3%;}
.pord4 .pic .samll{ display: block; width: 18.3%; margin:-0.08rem 0;}
.pord4 .pic .samll .img{padding:1px; margin:0.08rem 0;}
.pord4 .pic .samll .slick-current  ._img::after{ display: block; content: ''; position:absolute; left: 0; top:0; width: 100%; height: 100%; border:4px solid #D7E9F5;}
.pord4 .pic .img{ display: block; line-height:0; width: 100%; cursor: pointer; }
.pord4 .pic ._img{ padding-bottom:100%;}
.pord4 .pic ._img img{ object-fit: cover;}
.pord4 .right{ display:block; width:52.25%; background:#F5F5F5; align-content:center; padding:0.2rem 1rem;}
.pord4 .tit48{ padding-bottom: 0.32rem;}
.pord4 .tit1{ display:inline-flex; margin-top:0.16rem;
color: rgb(0, 0, 0); width: 100%; 
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.pord4 .info{display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center;
background: rgb(245, 245, 245);
border-radius: 4px; margin-top:0.3rem;
padding: 0.16rem 0.24rem;
color: rgb(0, 0, 0);
font-size: 18px;
font-weight: 400;
line-height: 30px;
 }
 .pord4 .info1{display:block; width: 100%;margin-top:0.24rem;
 color: rgb(0, 0, 0);
 font-size: 16px;
 font-weight: 400;
 line-height: 30px;
}
 .pord4 .us{display:inline-flex;
 color: rgb(0, 0, 0); margin:0 0 0 0.24rem;
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
}
.pord4 .info2{display: flex; flex-wrap: wrap; width: 100%; }
.pord4 .info2 .tit1:nth-child(2){ width: auto; min-width: 57%;}
.pord4 .info2 .tit1:nth-child(3){ width: auto;}
.pord4 ._btn1{ align-items: center; margin-top:0.56rem ;}
.pord4 ._btn1 .a img{ display: block; width:24px; height:24px;}
.pord4 .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:16px 0 0 0; border-top: 1px solid rgba(0,0,0,0.1);  margin-top: 0.8rem;}
.pord4 .page a{  display: flex; flex-direction: column; max-width:49%; color:#333;font-size:16px;line-height:30px; }
.pord4 .page a .s{ width:100%; }
.pord4 .page a.Next{ text-align: right;}
.pord4 .page a:hover{ color:#00468E;}
.pord4 .title{ display:block;
width: 100%; 
color: rgb(0, 70, 142);
font-size: 30px;
font-weight: 700;
line-height: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pord4 .title .t0{ display: inline-flex; padding-bottom: 40px; position: relative;}
.pord4 .title .t0::after{left: 0;
bottom:-2px; z-index: 6;
position: absolute;
width: 100%; content: '';
height:3px;
 background:rgb(0, 70, 142);
}
 .pord4 .sect{display:block; width: 100%;
 color: rgb(0, 0, 0); margin-top:40px;
 font-size: 16px;
 font-weight: 400;
 line-height: 30px;
}


@media  screen and (max-width:1800px){
.pord4 .tit48{ padding-bottom: 0.12rem;}	
.pord4 .tit1{  margin-top:0.08rem;}	
.pord4 .info{ margin-top:0.2rem;}
.pord4 .info1{font-size: 16px;line-height: 26px;margin-top: 0.16rem;}
.pord4 ._btn1{ margin-top:0.4rem ;}
.pord4 .pic .samll{ margin:-0.06rem 0;}
.pord4 .pic .samll .img{ margin:0.06rem 0;}
.pord4 .right{padding: 0.2rem 0.6rem;}	
}
@media  screen and (max-width:1440px){
.pord4 .tit48{ padding-bottom: 0.08rem;}	
.pord4 .tit1{font-size: 16px;line-height: 24px; margin-top:0.08rem;}	
.pord4 ._btn1{ margin-top:0.3rem ;}
.pord4 .title{font-size: 24px;}
.pord4 .info1{font-size: 14px;line-height: 22px;margin-top: 0.1rem;}
.pord4 .us{font-size: 13px;line-height: 22px;margin: 0 0 0 0.16rem;  }
.pord4 .right{padding: 0.2rem 0.4rem;}	
}
@media  screen and (max-width:1024px){
.pord4{ padding:15px 15px 25px 15px;}	
.pord4 .pic{ width:calc(100% + 8px); margin:0 -4px;}
.pord4 .pic .big{ width:100%;}
.pord4 .pic .samll{ width:100%; margin-top:12px;}
.pord4 .pic .img{ width: 100%; margin:0 4px !important;}
.pord4 .right{ width:100%;margin-top:20px; padding:20px 15px;}
.pord4 .tit48{ padding-bottom:6px;}	
.pord4 .tit1{ margin-top:4px;}	
.pord4 .info{ font-size: 16px; line-height: 26px; margin-top:15px; padding:8px 14px; }	
.pord4 .info1{ margin-top:14px;line-height: 24px;}
.pord4 ._btn1{ margin-top:20px ;}
.pord4 ._btn1 .a img{ width:18px; height:18px;}
.pord4 .page{  margin-top:25px;}
.pord4 .page a{line-height:24px;}
.pord4 .sect{ font-size: 14px; line-height: 24px; margin-top:20px;}
.pord4 .title{font-size:20px; line-height: 1.2;}
.pord4 .title .t0{ padding-bottom: 20px; }

}
@media  screen and (max-width:767px){
.pord4 .page a{ margin-top:4px;}
.pord4 .page a .s{ font-weight: 700;}
.pord4 ._btn1{ flex-wrap: wrap;}
.pord4 .us{margin:12px 0 0 0; width:100%;  }
}



.Contact1 .sect{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%;  padding-top:24px;}
.Contact1 .li{display:block; width:49%; margin-top:24px;}
.Contact1 .li .siz18{ margin-top: 8px;}
.Contact1 .li .tit{display:block; width:100%;
color: rgb(255, 255, 255);
font-size: 24px;
font-weight: 700;
line-height: 30px;
padding:40px 0 16px 0px ;
}

@media screen and (max-width:1024px) {
.Contact1 .sect{ padding-top:10px;}
.Contact1 .li{ width:100%;}
.Contact1 .li .tit{
font-size: 18px;
line-height: 26px;
padding:20px 0 8px 0px ;
}
}
@media screen and (max-width:767px) {

}




.mapbox{ display: block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%; height:530px; overflow: hidden; border-radius: 8px;}
.mapbox .box{ display:block; position:absolute; z-index:5; line-height: 0; margin:-15px 0 0 -15px;}
.mapbox .box .ico{ width:56px;}
.mapbox .box .cont{ white-space: normal; display: flex; width:5.52rem; text-align: center; flex-wrap: wrap; justify-content: center; position:absolute; left:50%; top:100%; margin-top:28px; z-index:5; background: #fff; padding:24px 20px; transform: translate(-50%,0); -ms-transform: translate(-50%,0);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 8px;}
.mapbox .box .cont::after{ content:''; display:block; position: absolute; left:50%; bottom:99%; border-left:12px solid transparent; border-right:12px solid transparent;border-bottom:20px solid #fff;  margin:0 0 0 -12px; z-index:6;}
.mapbox .box .cont .siz18{ color: #000000; margin-top:0 !important;}
.mapbox .box .cont .info{ width:100%; color: #000; font-size:16px; line-height:30px; margin-top:4px;}
.mapbox .box .cont .p{ color: #fff; font-size:16px; line-height:24px; background:#00B8DC; padding:5px 16px 7px 16px; margin-top:0.16rem; border-radius: 4px;}
.mapbox .box .cont .p:hover{ background:#00468E;}

@media screen and (max-width: 1024px) {
.mapbox .a{ height:380px;}
.mapbox .box .ico{ width:36px;}
.mapbox .box .cont{ width:250px;padding:8px 10px 14px 10px; margin-top:14px;}
.mapbox .box .cont::after{ border-left:8px solid transparent; border-right:8px solid transparent;border-bottom:12px solid #fff;  margin:0 0 0 -8px; z-index:6;}
.mapbox .box .cont .info{ font-size:13px; line-height:16px; margin-top:2px;}
.mapbox .box .cont .p{ font-size:12px; line-height:22px; padding:0 12px 3px 12px; margin-top:8px; }

}






.gnxc{width: 100%;margin-top:0.8rem;}
.gnxc ul{width: 100%;}
.gnxc li{margin-top:24px;background:#F5F5F5; border-radius: 8px; overflow: hidden;}
.gnxc li:first-child{ margin-top:0 !important;}
.gnxc .top{width: 100%;padding: 0 0.4rem;cursor: pointer;}
.gnxc .top .boxt{width: 100%;padding:0.24rem 0;border-bottom: 1px solid #E5E5E5;display: flex;
  justify-content: space-between;
  align-items: center;line-height:30px; font-weight: 700;font-size:24px;}
.gnxc .top .title{ display: inline-flex; color: #000;}
.gnxc .top .k{ display: inline-flex; color: #00468E;}
.gnxc .top .boxs{width: 100%;display: flex;justify-content: space-between;align-items: center;padding:0.24rem 0;}
.gnxc .top .left{display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: center;}
.gnxc .top .list{font-size: 18px;color:#555555;line-height:24px;margin-right:0.56rem;}
.gnxc .top .list:last-child{margin-right: 0;}
.gnxc .top .right{width:32px; min-width:32px; height:32px; border-radius:50%; position: relative; background:url(img/next.svg) center no-repeat #00468E; background-size:24px auto !important;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.gnxc li:hover .title{color: #00468E;}
.gnxc li.on .top .right{ background:url(img/next1.svg) center no-repeat #fff;}
.gnxc li.on .top{ background:#00468E;}
.gnxc li.on .boxt{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.gnxc li.on .title{color: #fff;}
.gnxc li.on .k{color: #fff;}
.gnxc li.on .top .list{color: #fff;}
.gnxc .bottom{display: none;padding:0.4rem 0.4rem; }
.gnxc .bottom .listbox{width: 100%;}
.gnxc .bottom .list{margin-bottom:0.4rem;}
.gnxc .bottom .list1{display: none;font-size: 16px;color: #333;line-height: 30px;  }
.gnxc .bottom .bt{width: 100%;font-size: 24px;color: #000;line-height: 30px; font-weight: 700;}
.gnxc .bottom .info{width: 100%;font-size: 16px;color: #333;line-height: 30px; margin-top:16px;}

@media screen and (max-width:1600px) {
.gnxc .top .list{font-size: 16px;line-height:24px;margin-right:0.46rem;}
}
@media screen and (max-width:1440px) {
.gnxc .top .list{font-size: 14px;line-height:24px;margin-right:0.3rem;}
.gnxc .top .boxt{line-height:26px; font-size:20px;}
.gnxc .bottom .bt{line-height:26px; font-size:20px;}
}
@media screen and (max-width:1024px) {
.gnxc{margin-top:25px;}	
.gnxc li{margin-top: 16px;}
.gnxc .top{padding: 0 15px;display: flex;justify-content: space-between;align-items: center; position: relative;}
.gnxc .top .boxt{ border-bottom:0;line-height:24px; font-size:16px;padding:18px 0;}
.gnxc .top .boxs{width: auto;padding: 0;}
.gnxc .top .left{display: none;}
.gnxc .top .right{width:24px; min-width:24px; height:24px; margin-left: 12px; background-size:20px auto !important;}
.gnxc .bottom{padding:20px 15px 25px 15px;}
.gnxc .bottom .bt{line-height:24px; font-size:18px;}
.gnxc .bottom .info{line-height:24px; font-size:14px;}
.gnxc .bottom .list{margin-bottom: 14px;line-height:24px; font-size:14px;}
.gnxc .bottom .list1{display: block;}

}



.list21{ display: block;width: 100%; padding-top:18px; }
.list21 .ul{ display: flex; flex-wrap:wrap; width:calc(100% + 30px); margin:0 -15px;}
.list21 .li{ display:flex; flex-wrap:wrap; width: 50%; margin-top: 30px; padding:0 15px;}
.list21 .li .a{ display:flex; align-items: center;  width: 100%; position: relative; overflow: hidden;border-radius:8px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
padding:50px 48px;
}
.list21 .li .ico{ position: relative; z-index: 6; display:block; min-width:40px; width:40px; height:40px; background: url(img/right-lv.svg) center no-repeat #fff; border-radius: 50%; background-size:20px auto !important;}
.list21 .li .img{ position: relative; z-index: 6; display:flex; align-items: center; justify-content: center; line-height: 0; min-width:140px; width:140px; height:140px;background: url(img/Service3.png) center no-repeat; background-size:100% auto !important;  margin:0 6px;}
.list21 .li .img i{display:flex; align-items: center; justify-content: center; line-height: 0;border-radius: 50%;  min-width:96px;
width: 96px;
height: 96px;
background: rgb(0, 184, 220);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.list21 .li .img img{ min-width:48px; width:48px; height:48px; }
.list21 .li .tit{ width:100%;
color: rgb(255, 255, 255);
font-size: 24px;
font-weight: 700;
line-height: 40px; padding:0 0.2rem 0 0.5rem;
}
.list21 .li .a:hover{background: rgb(255, 255, 255);}
.list21 .li .a:hover .ico{ background: url(img/right-white.svg) center no-repeat #00B8DC;}
.list21 .li .a:hover .tit{ color:#00B8DC;}


@media screen and (max-width:1024px) {
.list21{ padding-top:10px; }	
.list21 .ul{ width:calc(100% + 14px); margin:0 -7px;}
.list21 .li{ margin-top: 20px; padding:0 7px;}	
.list21 .li .a{padding: 20px 20px;}
.list21 .li .tit{ font-size:18px; line-height:26px; padding:0 14px 0 14px;}
.list21 .li .ico{ min-width:28px; width:28px; height:28px;background-size:16px auto !important;}
.list21 .li .img{ min-width:96px; width:96px; height:96px; margin:0;}
.list21 .li .img i{ min-width:64px;
width: 64px;
height: 64px;}
.list21 .li .img img{ min-width:34px; width:34px; height:34px; }
}
@media screen and (max-width:767px) {
.list21 .li{ width:100%;}
}


.top_bg::after{left: 0; content: ''; z-index: 3;
right: 0;
top: 0;
position: absolute;
width: 100%;
height:3.5rem;
background: linear-gradient(0deg, rgb(5,25,47,0),rgba(5,25,47,1) 32%);
}
@media screen and (max-width:767px) {
.top_bg::after{ height:7rem;}
}






.pord1{ display: block; width: 100%;}
.pord1 .u1{ display: flex; flex-wrap: wrap; width:calc(100% + 0.48rem); margin:-0.24rem;}
.pord1 .u1 .li{ display: block; width: 50%; padding:0.24rem; }
.pord1 .u1 .a{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; 
border: 1px solid rgb(229, 229, 229); position: relative; height: 100%;
padding:0.4rem;border-radius: 16px;
}
.pord1 .u1 .a .info{ width:34.6%;}
.pord1 .u1 .a .info ._img img{ object-fit: contain;}
.pord1 .u1 .a .pic{ width:57.6%; overflow: hidden; border-radius: 16px;}
.pord1 .u1 .a ._img{ padding-bottom:100%;}
.pord1 .u1 .a .tit1{
display: inline-flex;
color: rgb(51, 51, 51);
font-size: 14px;
font-weight: 700;
line-height: 20px;
 padding:0 0 0 25px;
 background: url(img/CalendarBlank2.svg) left center no-repeat; background-size:auto 17px !important;
}
.pord1 .u1 .a .tit{ width: 100%; color: #000;font-size:24px; line-height: 30px; margin-top: 0.56rem;font-weight: 600;}
.pord1 .u1 .a .p{ width: 100%; color:#333;font-size:16px; line-height:26px; margin-top: 0.1rem;}
.pord1 .u1 .a .num{ color:#00468E; font-weight: 700; margin:0 4px 0 0.08rem;}
.pord1 .u1 .a:hover{
background: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
}


@media screen and (max-width:1600px) {
.pord1 .u1{width:calc(100% + 0.4rem); margin:-0.2rem;}
.pord1 .u1 .li{ padding:0.2rem; }	
.pord1 .u1 .a{ padding:0.34rem;}
.pord1 .u1 .a .info{ width:36.6%;}
.pord1 .u1 .a .pic{ width:56.6%;}
.pord1 .u1 .a .tit{font-size:20px; line-height: 26px; margin-top: 0.3rem;}
.pord1 .u1 .a .num{ margin:0 4px 0 0;}

}
@media screen and (max-width:1440px) {
.pord1 .u1 .a{ padding:0.3rem;}	
.pord1 .u1 .a .info{ width:37.6%;}
.pord1 .u1 .a .pic{ width:56.6%;}
.pord1 .u1 .a .tit{font-size:18px; line-height: 24px; margin-top: 0.3rem;}
.pord1 .u1 .a .p{font-size:14px; line-height:24px; margin-top: 0.06rem;}
.pord1 .u1 .a .num{ margin:0 4px 0 0;}
}
@media screen and (max-width:1024px) {
.pord1 .u1{width:calc(100% + 14px); margin:-7px;}
.pord1 .u1 .li{ padding:7px; }
.pord1 .u1 .a{ padding:14px;border-radius:8px;}	
.pord1 .u1 .a .info{ width:49%;}
.pord1 .u1 .a .pic{ width:47%;border-radius:8px;}
.pord1 .u1 .a .tit{font-size:16px; line-height: 20px; margin-top:6px;}
.pord1 .u1 .a .p{font-size:12px; line-height:20px; margin-top:4px;}
.pord1 .u1 .a .num{ margin:0 4px 0 0;}
.pord1 .u1 .a .info ._img{ margin:0 20%; width:60%; padding-bottom: 60%;}
}
@media screen and (max-width:767px) {
.pord1 .u1 .li{ width:100%;}
}




.about3{ position: relative; z-index:6; min-height:93.7vh;}
.about3 .p1{
width: 100%;
color: rgb(255, 255, 255);
font-size: 30px;
font-weight: 400;
line-height: 56px;
text-align: center;
display: block;  padding:0 11%;
}
.about3 .bg{ display: block;left: 0;
top: 0.65rem;
position: absolute;
width: 100%; content: '';
}
.about1 .p1{
width: 100%;
color: rgb(0, 184, 220);
font-size: 24px;
font-weight: 700;
line-height: 30px;
display: block; text-transform: uppercase;
}
.about1 .sect1{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 20px;}
.about1 .sect1 .div{ width: 49%; display: flex; align-items: center; justify-content: space-between; margin-top: 28px;
background: rgba(255, 255, 255, 0.1);
border-radius: 16px;
backdrop-filter: blur(20px);
padding: 16px;
}
.about1 .sect1 .div .pic{min-width:2.8rem; margin-right: 16px;}
.about1 .sect1 .div ._img{ padding-bottom:107.14%;}
.about1 .sect1 .div .w100{ padding:0 0.16rem;}
.about1 .sect1 .div:hover{
background: rgba(0, 0, 0, 0.15);
}

@media screen and (max-width:1600px) {
.about1 .sect1 .div .siz18{font-size:16px;
line-height:28px;}
}
@media screen and (max-width:1440px) {
.about1 .sect1 .div .w100{ padding:0;}	
.about3 .p1{font-size:26px; line-height:50px;  padding:0 5%;}
.about1 .sect1 .div .siz18{font-size:14px;
line-height:24px;}
}
@media screen and (max-width:1024px) {
.about3{ min-height: inherit;}	
.about3 .p1{font-size:20px; line-height:32px;  padding:0 ;}
.about1 .p1{font-size:18px; line-height: 24px;}
.about1 .sect1{padding-top:10px;}
.about1 .sect1 .div{ flex-wrap: wrap; border-radius: 12px; margin-top:20px;}
.about1 .sect1 .div .pic{min-width:100%; width:100%;  margin:0 0 16px 0;}
}
@media screen and (max-width:767px) {
.about1 .sect1 .div{ width: 100%; }
}


.about4 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.about4 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.about4 .sect1{ display: block; width: 100%; background:#F5F5F5; overflow: hidden;}
.about4 .sect1 .div{ display: flex; align-items: flex-start; justify-content: space-between;}
.about4 .sect1 .div .pic{min-width:4.27rem;}
.about4 .sect1 .div ._img{ padding-bottom:133.25%;}
.about4 .sect1 .div .left{width: 100%; padding:1.4rem 0.8rem;}
.about4 .sect1 .div .tit{
	width: 100%;
	color: rgb(0, 0, 0);
	font-size: 30px;
	font-weight: 700;
	line-height: 1; text-transform: uppercase;
}
.about4 .sect1 .div .p1{ margin-top: 0.16rem;
	width: 100%;
	color:#00468E;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}
.about4 .sect1 .div .p2{margin-top: 0.48rem;
	width: 100%;
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}
.about4 .sect1 .div .line{margin-top: 0.16rem;
position: relative;
width: 48px;
height: 3px;
background: rgb(0, 70, 142);
}
.about4 .sect1 .div .line::after{margin-left:4px;
position: absolute; left:100%; top: 0; content: '';
width: 10px;
height: 3px;
background: rgb(0, 184, 220);
}

.about4 .sect2{ display: block; width: 100%; margin-top: 30px; position: relative; padding: 0 56px 0 40px; overflow: hidden;}
.about4 .sect2 .div{ display: block; margin-top: 13px; padding:0 0 0 16px;}
.about4 .sect2 .div .a{ display: block; width: 100%; text-align: center; cursor: pointer;
background: rgb(215, 233, 245);
border-radius: 8px;
display: flex; flex-wrap: wrap; flex-direction: column;
padding: 16px 0.36rem;
}
.about4 .sect2 .div .tit{ text-transform: uppercase;
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.about4 .sect2 .div .p1{
color: rgb(0, 70, 142);
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 4px;
}
.about4 .slick-track{ display: flex; width: auto !important; }
.about4 .sect2 .div.slick-current .a{
background: rgb(0, 70, 142);
}
.about4 .sect2 .div.slick-current .tit{
color:#fff;
}
.about4 .sect2 .div.slick-current .p1{
color:#fff;
}
.about4 .slick-prev,
.about4 .slick-next{ background: url(img/next.svg) center no-repeat rgba(0, 0, 0, 0.2); width:40px; height:40px; margin-top:-20px;}
.about4 .slick-prev{ left:0;}
.about4 .slick-next{ right:0;}

.about4 .sect2 .div.swiper-slide-active .a{
background: rgb(0, 70, 142);
}
.about4 .sect2 .div.swiper-slide-active .tit{
color:#fff;
}
.about4 .sect2 .div.swiper-slide-active .p1{
color:#fff;
}

.about4 .swiper-prev,
.about4 .swiper-next{ background: url(img/next.svg) center no-repeat rgba(0, 0, 0, 0.2);}
.about4 .swiper-prev{ left:0;}
.about4 .swiper-next{ right:0;}

.about4 .sect2 .div.slick-current .a::after{ content:''; position: absolute; left: 50%; bottom: 100%; margin-left:-8px;
 border-left: 8px solid transparent; border-right:8px solid transparent;border-bottom: 13px solid rgb(0, 70, 142); 
}
.about4 .sect2 .div.swiper-slide-active .a::after{ content:''; position: absolute; left: 50%; bottom: 100%; margin-left:-8px;
 border-left:8px solid transparent; border-right:8px solid transparent;border-bottom: 13px solid rgb(0, 70, 142); 
}

@media screen and (max-width:1600px) {
.about4 .sect1 .div .left{ padding:1rem 0.6rem;}
}
@media screen and (max-width:1440px) {
.about4 .sect1 .div .left{ padding:0.8rem 0.6rem;}	
.about4 .sect1 .div .p2{ line-height:28px;margin-top: 0.38rem;}
.about4 .sect1 .div .tit{font-size:26px;}
.about4 .sect2 .div .a{padding: 16px 0.26rem;}
}
@media screen and (max-width:1024px) {
.about4 .sect1 .div{ position: relative;}	
.about4 .sect1 .div .left{ width: 100%; padding:15px 15px 20px 15px; align-items: flex-start;}
.about4 .sect1 .div .pic{min-width:120px;width:120px; height:159px; overflow: hidden; position: absolute; left:15px; top: 15px;}
.about4 .sect1 .div  .w100{ min-height: 159px; padding:0 0 0 140px; display: flex; flex-wrap: wrap; align-content: center;}
.about4 .sect1 .div .p2{ font-size:14px; line-height:24px;margin-top:15px;}
.about4 .sect1 .div .p1{font-size:16px; line-height:26px;margin-top:6px;}
.about4 .sect1 .div .tit{font-size:20px;}
.about4 .sect1 .div .line{width: 40px; margin-top:8px;}
.about4 .sect2{ margin-top: 15px;padding: 0 36px 0 26px;}
.about4 .sect2 .div{ padding:0 0 0 10px; margin-top: 10px;}
.about4 .sect2 .div .a{padding: 11px 12px;}
.about4 .sect2 .div .p1{font-size:14px; line-height:20px; margin-top:0;}
.about4 .sect2 .div .tit{font-size:14px; line-height:20px;}
.about4 .slick-prev,
.about4 .slick-next{ width:28px; height:28px; margin-top:-14px;}

.about4 .sect2 .div.slick-current .a::after{ margin-left:-8px;
 border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom: 10px solid rgb(0, 70, 142); }
.about4 .sect2 .div.swiper-slide-active .a::after{ margin-left:-6px;
 border-left:6px solid transparent; border-right:6px solid transparent;border-bottom: 10px solid rgb(0, 70, 142); }

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

}



.about2 .sect1{ width:calc(100% + 0.52rem); margin-left:-0.26rem; margin-right:-0.26rem; display: block; position: relative;}
.about2 .sect1::after{ content: '';
position: absolute; left: 0; top:3.84rem;
width: 100%;
height: 0; z-index:1;
border-top: 1px dashed rgba(0, 0, 0, 0.3);
}
.about2 .sect1 .ul{ width: 100%; display: block; position: relative; z-index: 6;}
.about2 .sect1 .div{ width: 25%; display: flex; flex-wrap: wrap; padding:0 0.26rem;}
.about2 .sect1 .div .a{padding:0.28rem 8px 16px 8px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content:center; text-align: center;}
.about2 .sect1 .div .pic{min-width:2.8rem;}
.about2 .sect1 .div ._img{ padding-bottom:100%; border-radius:50%;}
.about2 .sect1 .div .siz18{ margin-top: 24px;}
.about2 .sect1 .div .year{ margin-top: 26px;
width: 1rem;
height: 1rem;
background: rgb(255, 255, 255);
border-radius: 50%;
box-shadow: inset 0px 0px 20px 0px rgba(0, 70, 142, 0.2);display: flex;
justify-content: center;
align-items: center;
color: rgb(0, 70, 142);
font-size: 18px;
font-weight: 700;
line-height: 1.6;
}
.about2 .sect1 .div .a:hover{
background: linear-gradient(180.00deg, rgb(245, 245, 245),rgba(245, 245, 245, 0) 100%);
border-radius: 16px 16px 0px 0px;
}
.about2 .sect1 .div .a:hover .year{
background: rgb(0, 70, 142);
color: #fff;
}
.about2 .sect1 .div .a:hover ._img{
border-radius:8px;
}
.about2 .sect1 .slick-prev,
.about2 .sect1 .slick-next{width:40px;
    height: 40px; top:3.84rem; margin-top:-20px;background:url(img/prev.svg) center no-repeat #cccccc;}
.about2 .sect1 .slick-prev{
    left:-20px;
}
.about2 .sect1 .slick-next{
    right:-20px; 
}

@media screen and (max-width:1440px) {
.about2 .sect1{ width:calc(100% + 0.4rem); margin-left:-0.2rem; margin-right:-0.2rem; }
.about2 .sect1 .div{ padding:0 0.2rem;}
}
@media screen and (max-width:1024px) {
.about2 .sect1{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px;}
.about2 .sect1::after{  top:260px;
}
.about2 .sect1 .div{  padding:0 5px;}
.about2 .sect1 .div .a{padding:20px 6px 12px 6px;}
.about2 .sect1 .div .pic{min-width: 180px;}
.about2 .sect1 .div .year{ margin-top:20px;
width:76px;
height: 76px;
}
.about2 .sect1 .div .siz18{ margin-top:12px;}
.about2 .sect1 .slick-prev,
.about2 .sect1 .slick-next{width:28px;
    height: 28px; top:260px; margin-top:-14px;}
.about2 .sect1 .slick-prev{
    left:0;
}
.about2 .sect1 .slick-next{
    right:-0; 
}
.about2 .box01{ padding-bottom: 10px;}

}
@media screen and (max-width:767px) {
.about2 .sect1 .div .siz18{ text-align: left;}
}


.Join1{ display: flex; align-items: flex-start; justify-content: space-between; width:100%; margin-top:71px; }
.Join1 .left{width: 63%;
background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0) 100%);
border-radius: 16px 0px 0px 16px;
display: flex;
 flex-wrap: wrap;
align-items: center;
padding:0.8rem;
}
.Join1 .right{width: 23.75%; display: block; position: relative; margin:0 1.12rem 0 0;}
.Join1 .right::before{ display: block; content: '';
position:absolute; left:-0.65rem; top:0.36rem;
width:1.19rem;
height: 1.19rem;
background: url(img/Group.png) top center no-repeat; background-size:100% auto;
}
.Join1 .right::after{ display: block; content: '';
position:absolute; right:-0.29rem; bottom:-0.29rem;
width: 100%;
height: 95.65%;
opacity:0.15;
border: 4px solid rgb(147, 197, 253);
border-radius: 26px;
}
.Join1 .cont{ display: block;  text-align: center; z-index:8;
position:absolute; right:-1.12rem; top:-0.23rem;
width: 212px;
background: rgb(255, 255, 255);
border: 1px solid rgb(226, 232, 240);
border-radius: 8px;
box-shadow: 0px 0px 8px 0px rgba(59, 130, 246, 0.12);
padding: 0.24rem 0.1rem;
}
.Join1 .pic{width: 100%; display: block; line-height: 0; overflow: hidden; border-radius: 26px;}
.Join1 .info{ 
width: 100%;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin:0.4rem 0 0 0;
}
.Join1 .t1{ 
width: 100%;
color: #00468E;
font-size: 0.26rem;
font-weight: 900;
line-height: 1; text-transform: uppercase;
}
.Join1 .t2{ 
width: 100%;
color: #00468E;
font-size: 10px;
font-weight: 400;
line-height:16px;
margin:0.1rem 0 0 0;
}

@media screen and (max-width:1600px) {
.Join1 .left{padding: 0.65rem;}	
.Join1 .info{ 
font-size: 16px;
line-height:26px;
margin:0.3rem 0 0 0;}
}
@media screen and (max-width:1440px) {
.Join1 .left{padding: 0.5rem;}	
.Join1 .info{ 
font-size: 14px;
line-height:24px;
margin:0.2rem 0 0 0;}
}
@media screen and (max-width:1024px) {
.Join1{ flex-wrap: wrap; margin-top:35px; flex-wrap: wrap-reverse;} 	
.Join1 .left{width: 100%; padding:25px 15px; margin-top: 30px;}
.Join1 .right{width:calc(100% - 80px); margin:0 40px; }
.Join1 .right::before{
left:-40px; top:20px;
width:60px;
height:60px;
}
.Join1 .right::after{ right:-15px; bottom:-15px;
width: 100%;
height: 95.65%;
opacity:0.15;
border: 2px solid rgb(147, 197, 253);
border-radius:13px;
}
.Join1 .pic{border-radius: 13px;}
.Join1 .t1{ font-size:18px}
.Join1 .cont{ padding:12px;right:-40px; top:-15px;}

}






/*
#00B8DC


calc(100% + 12px)

*/

.pagecon{padding-top:0.8rem; padding-bottom:1.8rem; position:relative; z-index:6;}
.pagecon .box01{display:block;}


/*250625start*/
.index-banner .div video{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; }


/*250625end*/