@charset "UTF-8";
html{
  font-size:6.66vw;
}
@media screen and  (min-width:1500px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color:#0C318E #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;
}	




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





/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%; background: #fff;}
 .t_navs .top{ width: 100%; border-bottom: 1px solid #E5E5E5;display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center; width: 100%; height:1rem;}
 .t_navs .down{ width: 100%;display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center; width: 100%;}
 .t_navs .box{display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center; width: 100%;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; max-width: initial; height:0.64rem;}
.t_navs .left{ display: flex; align-items: center;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .tel{ display:flex;line-height:0.6rem; font-size:16px;color: #000; }
.t_navs .tel span{font-size:24px;color: #0C318E; font-weight: 700; }
.t_navs .menu{ float:left;}
.t_navs .menu .ul{ float:left;}
.t_navs .menu .nli{ float:left; margin:0 0.8rem 0 0; position: relative;}
.t_navs .menu .nli span a{ float:left;display:inline-flex; align-items:center; position:relative; color:#000; font-size:18px; line-height:0.6rem; font-weight: 600; text-transform:capitalize;}
.t_navs .menu .nli span a i{ display:inline-flex; width: 16px; height: 16px; position: relative; margin-top: 4px; margin-left: 8px;background: url(img/down1.svg) center no-repeat; background-size:16px auto !important;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ color:#0C318E;}
.t_navs .menu .nli:hover span a i{ transform:rotateX(180deg); -ms-transform:rotateX(180deg);background: url(img/down2.svg) center no-repeat; }
.t_navs .menu .nli.on span a i{background: url(img/down2.svg) center no-repeat; }
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub .u1{ display:flex; flex-wrap: wrap; flex-direction: column; white-space: nowrap;border-radius:5px; overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.t_navs .sub .u1 .a2{ display: block; width:100%; color: #333; line-height:24px; font-size:15px; padding:10px 20px; background:#fff; font-weight:400;border-bottom:1px solid #f5f5f5; text-transform:capitalize;}
.t_navs .sub .u1 .a2:hover{color: #fff; background:#0C318E;}
.t_navs .sub .u1 .a2:last-child{ border-bottom: 0;}
.t_navs .down .lang{ display:none}
.t_navs .share{ display: inline-flex; margin:0 10px 0 0; }
.t_navs .share .li{display: inline-flex; margin:0 16px 0 0; position: relative;}
.t_navs .share a{ display:inline-flex; line-height:0; height:30px;}
.t_navs .share a img{  height:30px;}
.t_navs .share a:hover img{filter: grayscale(100%); opacity:0.6;}
.t_navs .input{width: 3.7rem;border: 1px solid #E5E5E5; display: flex; position: relative; overflow: hidden; margin-left: 0.38rem; border-radius: 42px;}
.t_navs .input .text{width: 100%;height: 42px;display: block;font-size: 14px; line-height:24px; color: #333; padding:9px 50px 9px 24px;}
.t_navs .input .img{width:40px;height: 40px; display: block;position: absolute;right:14px;top: 50%;transform: translate(0,-50%);cursor: pointer; background: url(img/_search.svg) center no-repeat; background-size:20px auto !important;}
.t_navs .input .img:hover{ background: url(img/_search1.svg) center no-repeat;}
.t_navs input::placeholder{color: #888; opacity:1 !important;}

.t_navs.btt .ctext{box-shadow: 0px 0px 10px 0px rgba(12, 49, 142, 0.1);}
.t_navs.act .ctext{box-shadow: 0px 0px 10px 0px rgba(12, 49, 142, 0.1);}
.t_navs.act .top{ display:none;}

@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 0.6rem 0 0;}
}
@media screen and (max-width:1024px) {
.t_navs .tel{ display:none;}
.t_navs .menu{ display: none;}
.t_navs .top{ border: 0; width: calc(100% - 40px); height: 50px;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .share{ display:none;}
.t_navs .top .input{ display:none;}
.t_navs .input{width:100%; margin:30px 0 0 0;}
.t_navs.act .top{ display:flex;}
}


.t_navs .menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.t_navs .menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.t_navs .menuph .point:hover .navbtn,
.t_navs .menuph .point:hover .navbtn::after,
.t_navs .menuph .point:hover .navbtn::before { width: 100%;}
.t_navs .menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #333;
-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;}
.t_navs .menuph .navbtn::after,
.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #333;
-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;}
.t_navs .menuph .navbtn::after { top: -9px;}
.t_navs .menuph .navbtn::before { top: 9px;}
.t_navs .menuph.active .point .navbtn{ background: transparent !important;}
.t_navs .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;}
.t_navs .menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1024px){
.t_navs .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{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: capitalize; font-weight: 700;}
.xialaph .active .a1{ color: #0C318E;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;background: url(img/down1.svg) right center no-repeat; background-size:16px auto !important;}
.xialaph .active .icobox{background: url(img/down2.svg) right center no-repeat; }
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:14px;color: #333;line-height:24px; padding:4px 0;}
.xialaph .on .a2{ color:#0C318E;}
.xialaph .u3{width: 100%;padding:10px 0 15px 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: #333;line-height:24px;}



.footer1{ background:#F4F4F4; position: relative; z-index: 6; overflow: hidden;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; align-items: center; position: relative; padding:28px 0;}
.footer1 .Copyright{ display:block;color:#555; font-size:16px; line-height:20px; margin-top:18px;}
.footer1 .Copyright a{color: #555;}
.footer1 .Copyright a:hover{color: #0C318E;}
.footer1 .share{ display: inline-flex;}
.footer1 .share .li{display: inline-flex; margin:0 0 0 24px; position: relative;}
.footer1 .share a{ display:block; line-height:0; position: relative; height:23px;}
.footer1 .share a img{ width:auto; height:23px;}
.footer1 .top{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; padding:0.8rem 0; border-bottom:1px solid #E5E5E5;}
.footer1 .left{ display: flex; flex-wrap: wrap;align-items: center;}
.footer1 .left .logo{ display: block; line-height: 0; margin-right:1.02rem;}
.footer1 .left .logo img{ height:0.51rem;}
.footer1 .right{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
.footer1 .a1{ display:inline-flex; color: #000; font-size:16px; line-height:22px; text-transform: capitalize; font-weight: 600; padding-bottom:0.17rem;}
.footer1 .nav{ display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column;}
.footer1 .nav .a2{ display:inline-flex; color: #555; font-size:16px; line-height:20px; margin-top:0.12rem; text-transform: capitalize;}
.footer1 .nav .a2:hover{ color: #0C318E;}
.footer1 .info{ display: flex; flex-direction: column;}
.footer1 .adrr{ display:inline-flex; align-items: flex-start; color: #555; font-size:16px; line-height:24px; padding:4px 0;}
.footer1 .adrr img{ display: block; width: 18px; height: 18px; margin:3px 8px 0 0;}


@media (max-width:1440px){
.footer1 .nav .a1{font-size:15px; line-height:21px;}		
.footer1 .nav .a2{font-size:15px; line-height:19px;}	
.footer1 .adrr{ font-size:15px; line-height:23px; }
.footer1 .Copyright{ font-size:15px; line-height:19px;}
}
@media (max-width: 1024px){
.footer1 .top{padding:0;border-bottom:0;}	
.footer1 .left{ flex-direction: column;align-items: flex-start;}
.footer1 .left .logo{ margin: 0 0 3px 0;}
.footer1 .left .logo img{ max-width: initial; height:38px;}
.footer1 .a1{ margin-top:20px;padding-bottom:6px;}
.footer1 .nav{ width: 100%; margin: 0; display:none;}
.footer1 .nav .a2{font-size:14px; line-height:22px; margin-top:6px;}
.footer1 .nav .u2{ width: 100%; flex-direction: row; justify-content: space-between;}
.footer1 .adrr{font-size:14px; line-height:22px; }
}
@media (max-width: 767px){
.footer1 .down{ padding:20px 0;}	
.footer1 .Copyright{ width: 100%; text-align: center;margin-top: 14px;}
.footer1 .share{ width: 100%; justify-content: center;}
.footer1 .share .li{ margin:0 10px;}
.footer1 .share a img{ height:20px;}
.footer1 .right{ width: 100%; padding-top: 20px;border-top: 1px solid #E5E5E5;}
.footer1 .left{ width: 100%; padding-bottom: 20px;}
}


.fp-hei{ display: block; width: 100%; padding-top:1.74rem; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.fp-footer{ position:fixed; left:0; bottom:0; background:#0C318E;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: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.74rem;}
.fp-footer .info{ display: block; width: 100%; color: #fff; font-size:16px; line-height:20px;}
.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{color: #0C318E;background:rgb(255, 255, 255);}
.fp-footer .btn .a2{color: #0C318E;background:rgb(255, 255, 255);}
.fp-footer .btn .a2:hover{color: #fff;border: 1px solid rgb(255, 255, 255);background:none;}

@media (max-width:1440px){
.fp-footer .info{ font-size:15px; line-height:19px;}
}
@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:126px;}	
.fp-hei{ padding-top:126px;}
}





.pf-right{display:none; z-index:16; position:fixed; right:0.37rem; 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:8px 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:#0C318E;}
.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:#0C318E; white-space: nowrap;
font-size: 16px;
font-weight: 700; display: flex; flex-wrap: wrap; flex-direction: column;
line-height: 20px; padding:14px 20px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07); margin:0 24px 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:#0C318E;}
.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 10px 0px rgba(12, 49, 142, 0.1);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:#0C318E;}
.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;}

}

._down{ display:none; position: absolute; left: 0; top:100%; z-index: 8; width: 100%; background: #fff;box-shadow: 0px 0px 10px 0px rgba(12, 49, 142, 0.1); padding:12px 0;border: 1px solid #E5E5E5; margin-top: -1px; border-radius:3px;}
._down li{ text-transform: capitalize; display:block; color: #888; font-size:14px; line-height:20px; padding:5px 16px; cursor: pointer;}
._down li:hover{ color: #0C318E;}
select{  appearance:none;
  -webkit-appearance:none;
-moz-appearance:none;}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.5;}
.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:0.22rem; top:0.22rem; width:34; height:34;}
.my-puop1 .box .colse img{ width:24px; height:24px;}
.my-puop1 .box .title{ width:100%; background:#EAF0F5; background-size:auto 100% !important; color:#33AC79; display:flex; align-items: center; font-size:24px; line-height:30px; font-weight: 600; padding:0.24rem 24px;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:0.4rem 35px; background: #fff;}
._form4 .lab{ width:48.6%; position:relative; flex-wrap:wrap; display: flex;margin-bottom:0.16rem; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; color: #333; font-size:16px; line-height:24px; margin-bottom: 0.08rem;}
._form4 .name span{ color:#FF0000;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#F5F5F5; border-radius:3px; 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:0; background:#F5F5F5; border-radius:3px;  font-size:14px;color: #333; line-height:24px; height:118px; padding:12px 16px;}
._form4 .yanzhengma{ position: absolute; right:0; bottom:0; height:48px; width:128px; background: #fff; object-fit: contain; z-index:6;}
._form4 .san{ position: absolute; right:16px; bottom:20px; height:8px; width:8px; z-index:6; }
._form4 .lab1{ width:100%; display: block; color:#888; font-size:14px; line-height: 24px; }
._form4 ._more{ width:100%; justify-content: center; margin-top: 0.48rem; }

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

@media screen and (max-width:1600px) {
.my-puop1 .box .colse{ right:0.22rem; top:0.14rem; width:34; height:34;}	
.my-puop1 .box .title{ font-size:24px; line-height:30px; padding:0.14rem 24px;}	
._form4{ padding:0.2rem 35px 0.3rem 35px; }	
._form4 .lab{margin-bottom:0.1rem; }
._form4 .name{margin-bottom:0.06rem; }
._form4 ._more{ margin-top: 0.25rem; }
}
@media screen and (max-width:1440px) {
._form4{ padding:0.2rem 35px 0.3rem 35px; }	
._form4 .lab{margin-bottom:8px; }
._form4 .name{margin-bottom:4px; font-size: 14px; line-height:22px; }	
._form4 ._more{ margin-top: 0.2rem; }
._form4 .text{ height:38px; padding:7px 12px;}
._form4 .textarea{ height:88px; padding:7px 12px;}
._form4 .yanzhengma{ height:38px; width:90px;}
._form4 .san{  right:12px; bottom:15px; }
}
@media screen and (max-width:1024px) {
.my-puop1{ width:92%;}
.my-puop1 .box .title{font-size:20px; line-height:26px; padding:11px 40px 13px 15px;}
.my-puop1 .box .colse{ right:12px; top:12px;}	
.my-puop1 .box .colse img{ width:20px; height:20px;}
._form4{ padding:20px 15px 25px 15px;}
._form4 ._more{ margin-top:15px; }
}


.h-tit{ display: flex; flex-wrap:wrap; width: 100%; align-items:flex-end; justify-content: space-between; position: relative;}
.mt12{ margin-top: 12px;}
._more{ display: flex;}
._more .a{
height: 44px;
border: 1px solid rgb(51, 172, 121);
border-radius: 4px;
display:inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: rgb(51, 172, 121);
font-size: 16px;
font-weight: 600;
line-height: 20px;
 padding:0 16px 1px 16px;
}
._more .a:hover{background:#0C318E;
border: 1px solid #0C318E;color:#fff;
}
.tit30{display: block;
width: 100%;
color: #000;
font-size: 30px;
font-weight: 700;
line-height:40px;
}
.tit48{display: block;
width: 100%;
color: #000;
font-size: 48px;
font-weight: 600;
line-height:56px;
}
.tit18{display: block;
width: 100%;
color: #333;
font-size:18px;
font-weight: 400;
line-height:24px;}
.size18{display: block;
width: 100%;
color: #333;
font-size:18px;
font-weight: 400;
line-height:30px;}
.size16{display: block;
width: 100%;
color: #333;
font-size:16px;
font-weight: 400;
line-height:30px;}
.r-fl{ display: flex; flex-wrap: wrap;}
.l-fl{ display: flex; flex-wrap: wrap;}

@media screen and (max-width:1440px) {
.tit30{
font-size:26px;
line-height:36px;
}	
.tit48{
font-size:44px;
line-height:42px;
}	
.tit18{
font-size:15px;
line-height:22px;}
.size18{
font-size:15px;
line-height:24px;}

._more .a{ padding:0 15px;
font-size: 14px;
height:40px;}
}
@media screen and (max-width:1024px) {
.mt12{ margin-top:6px;}		
.h-tit .mt12{ margin-bottom: 12px;}	
._more .a{ padding:0 12px 1px 12px;
font-size: 14px;
height:32px;
}
.tit30{font-size:20px;line-height:30px;}
.tit48{font-size:22px;line-height:30px;}
.lin48{ line-height:28px;}
.size16{
font-size:14px;
line-height:24px;}
}




.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 .box-banner{ display: block; width:100%; position: absolute; left: 0; top:1.14rem; z-index: 6; }
.index-banner .box{ display:block; width: 100%;}
.index-banner .box .tit{ display: block; width:100%; text-align: center;text-transform: uppercase; font-weight: 700;  color: #fff; font-size:0.56rem; line-height:0.68rem; }
.index-banner .box .info{ display: block; width:100%; text-align: center;text-transform: uppercase; font-weight: 700; color: #fff; font-size:0.36rem; line-height:0.48rem;}
.index-banner .box .pic{ display: block; width:53.85%; line-height:0; margin:8.6% 0 0 14.57%;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; bottom:22px; z-index: 10; justify-content: center;width: 100%;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; margin:0 4px; position: relative; display:block; opacity:0.5; width:10px; height: 10px; border-radius: 10px; background: #fff; }
.index-banner .swiper-pagination-bullet-active{ width: 24px;  opacity: 1; }

@media screen and (max-width:1800px) {
.index-banner .box-banner{ top:0.8rem;}	
.index-banner .box .pic{ width:46.85%; margin:5% 0 0 14.57%;}
}
@media screen and (max-width:1440px) {
.index-banner .box-banner{ top:0.7rem;}	
.index-banner .box .pic{ width:46.85%; margin:4.5% 0 0 14.57%;}
}
@media screen and (max-width:1024px) {
.index-banner .box-banner{ top:35px;}		
.index-banner .box .tit{ font-size:20px; line-height:28px;}
.index-banner .box .info{  font-size:14px; line-height:22px;}
.index-banner .box .pic{width:74%; margin:5% 0 0 13%; }
}



.nexsbox{ display: block; width: 100%;}
.nexsbox .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 20px); margin:-10px; }
.nexsbox .u2 .li{ display:block; width: 25%; padding:10px;}
.nexsbox .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; position: relative;
 border:1px solid #E0E5EF;
border-radius:0.24rem;
padding:0.22rem 0.22rem 0.28rem 0.22rem;
}
.nexsbox .u2 .a .time{ display:block; width:100%; background: url(img/time.svg) left center no-repeat; background-size:17px auto !important; margin-top: 0.22rem; color: #0C318E; font-size: 14px; line-height: 20px; font-weight: 600; padding-left: 25px;}
.nexsbox .u2 .a .tit{ width: 100%; font-weight:600; color: #333;font-size:16px; line-height: 24px; min-height:48px;  margin-top:10px;}
.nexsbox .u2 .a .more{ display:inline-flex; background: url(img/jia.svg) right center no-repeat; background-size:14px auto !important; margin-top:16px;  font-size: 14px; line-height: 24px; font-weight: 600; color:#000; padding-right: 22px;}
.nexsbox .u2 .a ._img{ padding-bottom:65.51%;border-radius:10px;}
.nexsbox .u2 .a:hover .time{background: url(img/time1.svg) left center no-repeat; }
.nexsbox .u2 .a:hover .more{background: url(img/jia1.svg) right center no-repeat; }
.nexsbox .u2 .a:hover{
background: rgb(255, 255, 255);
border: 1px solid rgb(12, 49, 142);border-radius:0 !important;
box-shadow: 0px 0px 20px 0px rgba(12, 49, 142, 0.2);
}

@media screen and (max-width:1024px) {
.nexsbox .u2 .a{border-radius:12px;padding:12px 12px 16px 12px;}
.nexsbox .u2 .a .time{ margin-top:15px;} 
 .nexsbox .u2 .a .tit{ margin-top:8px;} 
 .nexsbox .u2 .a .more{ margin-top:8px; } 
 .nexsbox .u2{width:calc(100% + 14px); margin:-7px; }
 .nexsbox .u2 .li{ padding:7px 7px;}
.nexsbox .u2 .li{width:50%;}  
}
@media screen and (max-width:767px) {
.nexsbox .u2 .li{width:100%;}  

}


.list01{ width: 100%;}
.list01 .u2{width:100%; display: flex; flex-wrap: wrap; width:calc(100% + 20px); margin:-10px; }
.list01 .u2 li{ width:50%; padding:10px;}
.list01 .u2 li .a{ position: relative; height: 100%; width: 100%; 
background:#F8F9F9;border: 1px solid #F8F9F9;
border-radius: 0.24rem;display: flex; flex-wrap: wrap;
align-items:flex-start;
padding:0.4rem;
}
.list01 .u2 li .tit{ width: 100%;  color: #000; font-size:18px; line-height:24px; font-weight: 600; padding-left: 40px; background: url(img/dian.svg) 0 3px no-repeat; background-size:24px auto !important;}
.list01 .u2 li .info{ width: 100%; color: #666; font-size:16px; line-height:30px; height:60px; margin-top:16px;padding-left: 40px;}
.list01 .u2 li .more{ display:inline-flex; background: url(img/jia.svg) right center no-repeat; background-size:14px auto !important; margin-top:16px;  font-size: 14px; line-height: 24px; font-weight: 600; color:#000; padding-right: 22px;padding-left: 40px;}
.list01 .u2 li .a:hover .more{background: url(img/jia1.svg) right center no-repeat; }
.list01 .u2 li .a:hover {
background: rgb(248, 249, 249);
border: 1px solid rgb(12, 49, 142);
box-shadow: 0px 0px 20px 0px rgba(12, 49, 142, 0.2);
border-radius: 0 !important;
}
.list01 .u2 li .a:hover .tit{
 color: #0C318E;
}

@media screen and (max-width:1024px) {
 .list01 .u2{width:calc(100% + 14px); margin:-7px; }
 .list01 .u2 .li{ padding:7px 7px;}
.list01 .u2 li .a{ padding:20px 14px;}
.list01 .u2 li .tit{ font-size:16px; line-height:22px; padding-left:24px; background: url(img/dian.svg) 0 5px no-repeat; background-size:16px auto !important;-webkit-line-clamp:2;}
.list01 .u2 li .info{  font-size:14px; line-height:24px; height:48px; margin-top:8px;padding-left: 24px;}
.list01 .u2 li .more{ padding-left: 24px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.list01 .u2 .li{width:100%;}  

}





.list03{ width: 100%;}
.list03 .u2{width:100%; display: flex; flex-wrap: wrap; width:calc(100% + 30px); margin:0 -15px; }
.list03 .u2 li{ width:50%; padding:0 15px; margin-bottom: 30px;}
.list03 .u2 li .a{ position: relative; height: 100%; width: 100%; 
background:#F8F9F9;border: 1px solid #F8F9F9;
border-radius:16px;display: flex; flex-wrap: wrap;
align-content:center;
padding:19px 0.4rem; min-height:186px;
}
.list03 .u2 li .tit{ width: 100%;  color: #000; font-size:20px; line-height:30px; font-weight: 600; padding-left:34px; background: url(img/dian.svg) left center no-repeat; background-size:24px auto !important; margin-bottom:16px;}
.list03 .u2 li .info{ display: flex; align-items: center; width: 100%; color: #333; font-size:16px; line-height:30px; margin-top:4px;}
.list03 .u2 li .info img{ width: 24px; min-width: 24px; height: 24px; margin-right: 8px;}
.list03 .u2 li .a:hover .tit{
 color: #0C318E;
}
.list03 .u2 li .a:hover {
background: rgb(248, 249, 249);
border: 1px solid rgb(12, 49, 142);
box-shadow: 0px 0px 20px 0px rgba(12, 49, 142, 0.2);
border-radius: 0 !important;
}



@media screen and (max-width:1024px) {
 .list03 .u2{width:calc(100% + 14px); margin:0 -7px; }
 .list03 .u2 .li{ padding:0 7px; margin-bottom:14px;}
.list03 .u2 li .a{ padding:19px 14px;border-radius:10px; min-height:166px;}
.list03 .u2 li .tit{ font-size:16px; line-height:24px; padding-left:24px; background-size:16px auto !important; margin-bottom:6px;}
.list03 .u2 li .info{  font-size:14px; line-height:24px; }
.list03 .u2 li .info img{ width: 20px; min-width: 20px; height: 20px; margin-right: 8px;}
}
@media screen and (max-width:767px) {
.list03 .u2 .li{width:100%;}  
.list03 .u2 li .a{ min-height:inherit;}
.Contact .tit30 { padding:0 10%;}
}

.main01{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;}
.main01 .left{display:block; width: 53.71%;}
.main01 .ul{display:flex;/* flex-wrap: wrap; */ align-items: flex-start; justify-content: space-between; width:37%;}
.main01 .ul .li{display:flex; flex-wrap: wrap; flex-direction: column; text-align: center; justify-content:center;}
.main01 .ul .li .num{ display:inline-flex; justify-content:center; color:#0C318E; font-weight: bold; font-size:40px; line-height:48px; }
.main01 .ul .li .dw{ line-height:1; } 
.main01 .ul .li .size18{ margin-top:12px; } 
.shipin{display:block; width: 100%; overflow: hidden; border-radius: 12px; line-height: 0; position: relative;}
.shipin .paly{display:block; width:0.64rem; height:0.64rem; position: absolute; left: 50%; top: 50%; z-index: 6; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}


@media screen and (max-width:1024px) {
.main01 .left{ width: 100%;}
.main01 .ul{ width: 100%;}
.main01 .ul .li{ margin-top:15px;}
.main01 .ul .li .num{ font-size:28px; line-height:36px;}
.main01 .ul .li .dw{ line-height:1.2; } 
.main01 .ul .li .size18{ margin-top:6px; } 
.shipin .paly{ width:32px; height:32px;}
}

.list02 .slick-list{ overflow: visible;}
.list02 .ul{ display:flex; flex-wrap: wrap; width: calc(100% + 20px); margin:0 -10px;  }
.list02 .ul .li{ width:33.33%; display:block; padding:0 10px;}
.list02 .ul .li .a{width: 100%; display:block;}
.list02 .ul .li ._img{ padding-bottom:2.8rem; border-radius:16px; z-index: 6;}
.list02 .ul .li ._img img{ height:calc(2.8rem + 120px); object-fit: cover;}
.list02 .ul .li .tit{ width: 100%;
color: #000;
font-size:18px;
font-weight: 600;
line-height:26px; margin-top:24px;}
.list02 .ul .li .p{ width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height:30px; height:60px;  margin-top: 16px;}
.list02 .ul .li:hover ._img{ padding-bottom:calc(61.83% + 120px); margin-bottom: -120px;}
.list02 .ul .li:hover .tit{ opacity:0;}
.list02 .ul .li:hover .p{ opacity:0;}
.list02 .slick-prev,
.list02 .slick-next{ top:0; margin-top: -60px;}
.list02 .slick-prev{  left:auto; right:66px;}
.list02 .slick-next{ right:10px; }

.list02-1 .ul .li{ margin-bottom: 48px;}


@media screen and (max-width:1024px) {
.list02 .slick-list{ overflow:hidden;}	
.list02 .ul{ width: calc(100% + 10px); margin:0 -5px;  }
.list02 .ul .li{ padding:0 5px;}
.list02 .ul .li ._img{ border-radius: 10px; }
.list02 .ul .li ._img img{ height:calc(2.8rem + 88px); border-radius:10px;}
.list02 .ul .li:hover ._img{ padding-bottom:calc(61.83% + 88px); margin-bottom: -88px;}
.list02 .ul .li .tit{ font-size: 16px; line-height: 24px;margin-top:12px;}
.list02 .ul .li .p{ font-size: 14px; line-height: 22px; height:44px; margin-top: 8px;}

.list02-1 .ul .li{ margin-bottom:24px;}
.list02 .slick-prev,
.list02 .slick-next{ top:0; margin-top: -35px;}
.list02 .slick-prev{  left:auto; right:45px;}
.list02 .slick-next{ right:5px; }
}
@media screen and (max-width:767px) {
.list02 .ul .li{ width:100%;}
.list02 .ul .li ._img{ padding-bottom:8.7rem;}
.list02 .ul .li ._img img{ height:calc(8.7rem + 88px);}
}



.list16{ display:block; width: 100%; }
.list16 .ul{ display:flex; flex-wrap: wrap; width: calc(100% + 0.36rem); margin:0 -10px; }
.list16 .ul .li{ width:25%; display:block; padding:0 10px; margin-bottom: 48px;}
.list16 .ul .li .a{width: 100%; display:block;}
.list16 .ul .li ._img{ padding-bottom:71.64%; border-radius:16px; background:#EAF0F5; }
.list16 .ul .li .tit{width: 100%;
color: #000;
font-size:18px;
font-weight: 600;
line-height:24px; margin-top:24px;}
.list16 .ul .li .p{width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height:30px; height:60px;  margin-top: 16px;}

@media screen and (max-width:1024px) {
.list16 .ul{ width: calc(100% + 10px); margin:0 -5px;  }
.list16 .ul .li{ width:50%; padding:0 5px; margin-bottom: 24px;}
.list16 .ul .li ._img{ border-radius: 10px; }
.list16 .ul .li .tit{ font-size: 16px; line-height: 24px; margin-top:12px; font-weight: bold;}
.list16 .ul .li .p{ font-size: 14px; line-height: 22px; height:44px; margin-top: 8px;}
}
@media screen and (max-width:767px) {
.list16 .ul .li{ width:50%;}
.list16 .ul .li .tit{ height: 48px;-webkit-line-clamp:2;}
}



.list15{ display:block;
 width: 100%;
}
.list15 .slick-track{ display: flex;}
.list15 .ul{ display:block; width: calc(100% + 20px); margin:0 -10px;  }

.list15 .ul .li{ width:25%; display:inline-flex; flex-wrap: wrap; padding:0 10px;}
.list15 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap;justify-content:center; align-content:flex-start;text-align: center; position: relative; padding:0.4rem 0.3rem;background:#F8F9F9; height: 100%;
border-radius: 8px;
}
.list15 .ul .li .pic{ display:flex; align-items: center; justify-content: center; margin:0 auto; line-height: 0; width:100px; height:100px; border-radius:50%;}
.list15 .ul .li .pic img{ width:80%; height:80%;}
.list15 .ul .li .pic .img1{ display: block;}
.list15 .ul .li .pic .img2{ display: none;}
.list15 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size:18px;
font-weight: 600;
line-height:30px; margin-top: 24px;
}
.list15 .ul .li .size18{ margin-top:16px;}
.list15 .ul .li .a:hover .tit{ color:#0C318E;}
.list15 .ul .li .a:hover .pic{ background:#0C318E;}
.list15 .ul .li .a:hover .pic .img1{ display: none;}
.list15 .ul .li .a:hover .pic .img2{ display: block;}
.list15 .ul .li .a:hover .pic img{ width:64%; height:64%;}
.list15 .slick-prev,
.list15 .slick-next{ top:0; margin-top: -60px;}
.list15 .slick-prev{  left:auto; right:66px;}
.list15 .slick-next{ right:10px; }


@media screen and (max-width:1024px) {
.list15 .ul{ width: calc(100% + 10px); margin:0 -5px;  }	
.list15 .ul .li{ padding:0 5px;}
.list15 .ul .li .a{ padding:16px 12px;}
.list15 .ul .li .tit{ font-size:16px; line-height:24px; margin-top:10px; font-weight: bold; }
.list15 .ul .li .size18{ line-height:21px; margin-top:6px;}
.list15 .ul .li .pic{ width:80px; height:80px;}
.list15 .slick-prev,
.list15 .slick-next{ top:0; margin-top: -35px;}
.list15 .slick-prev{  left:auto; right:45px;}
.list15 .slick-next{ right:5px; }
}
@media screen and (max-width:767px) {
.list15 .ul .li{ width:50%;}
}



.main02{ display: flex; align-items: flex-end; justify-content:space-between;
width: 100%;
background: rgb(232, 232, 232); overflow: hidden;
border-radius: 16px; padding:0 0.5rem;
}
.main02 .left{ display:block; width: 50%; padding:0.36rem 0;
}
.main02 .pic{ display:block; width: 46.5%; line-height: 0;}
.main02 ._more{ margin-top: 0.24rem;}

@media screen and (max-width:767px) {
.main02{border-radius: 10px; flex-wrap: wrap; padding: 0;}
.main02 .pic{ width: 100%;}
.main02 .left{ text-align: center; width: 100%; padding:20px 16px 16px 16px;}
.main02 ._more{ margin-top:12px; justify-content: center;}
}




.page_section{width: 100%; padding-top: 2px;}
.page_section .pcpage{display: flex;justify-content: center;align-items: center;}
.page_section .pcpage a{display: block;font-size: 16px;color: #555;width: 30px;height: 30px;border: 1px solid #E5E5E5;border-radius: 0;background: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;margin:0 5px;}
.page_section .pcpage a img{width:24px;}
.page_section .pcpage a .ico2{display: none;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{background:#0C318E;border-color: #0C318E;color: #fff;}
.page_section .pcpage a:hover .ico1{display: none;}
.page_section .pcpage a:hover .ico2{display: block;}
.page_section .pcpage .btn{ margin:0 25px;}
.page_section .pcpage .next{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.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;border: 1px solid #E5E5E5;border-radius: 0;background: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;}
.page_section .phpage a img{width: 24px;}
.page_section .phpage a .ico2{display: none;}
.page_section .phpage a:hover{background: #0C318E;border-color: #0C318E;}
.page_section .phpage a:hover .ico1{display: none;}
.page_section .phpage a:hover .ico2{display: block;}
.page_section .phpage span{margin: 0 20px;font-size: 16px;color: #555;}
.page_section .phpage .next{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
}




.mbxbox{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center; justify-content:space-between; }
.mbx{ display: block; color: #333;font-size:16px; line-height:24px;}
.mbx a{ color: #333;}
.mbx span{ color:#0C318E;}
.mbx i{ padding:0 5px;}
.mbx a:hover{ color:#0C318E;}
.mbx1{ color: #fff;}
.mbx1 a{ color: #fff;}
.mbx1 span{ color:#fff;}
.mbx1 a:hover{ color:rgba(255,255,255,0.8);}
.fanhui{ display: block; color: #333; text-align: center;font-size:16px; line-height:24px;padding:20px 0;}
.fanhui a{  display: block;color: #333; 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:#0C318E; background: url(img/fanhui1.svg) left center no-repeat;}

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

.inbaner{min-height:2rem;  position: relative; line-height:0; overflow: hidden; background:#0C318E;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.inbanerbox1{ position: absolute; left: 0; top:50%; width: 100%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inbanerbox1 .mbx{ margin-top:0.16rem;}
.inbanerbox0{ position: absolute; left: 0; bottom:0; width: 100%; z-index: 6; }

@media screen and (max-width:1024px) {
.inbaner{min-height:100px;}	
.ph-tL{ text-align: left;}
}


.slide1{ display: inline-flex;}
.slide1 .ul{ display:inline-flex;}
.slide1 .li{ display: flex; flex-wrap: wrap; margin:0 10px 0 0; }
.slide1 .li a{ display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #fff;font-size:16px; line-height:24px; height:56px; padding:12px 24px; font-weight: 600;
background: rgba(0, 0, 0, 0.5);
border-radius: 6px 6px 0px 0px;
}
.slide1 .li:hover a{ background: #0C318E;}
.slide1 .li.on a{ background:#0C318E;}


@media screen and (max-width:1024px) {
.slide1 .li{ margin:0 8px 0 0; }	
.slide1 .li a{ padding:6px 12px; font-size:14px; height:40px;}
}
@media screen and (max-width:767px) {
/* .slide1{ width:100%; justify-content: center;} */
}



.Serv{ width: 100%; position: relative; overflow: hidden;}
/* .Serv .bg{ display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; z-index: 1;} */
.Serv .info{ display: block; padding:0.88rem 0 0.8rem 0;
width: 574px;
color: rgb(255, 255, 255);
font-size: 24px;
font-weight: 700;
line-height: 36px;
}

@media screen and (max-width:1024px) {
.Serv .info{ padding:35px 0 35px 0;
width: 100%;
font-size:17px;
line-height:26px;}
}


.Download{ width:100%; padding-bottom:28px;}
.Download .li{ position: relative; width:100%; display: flex; background:#F8F9F9; margin-bottom:20px;}
.Download .li .title{ width:100%; color: #000; font-size:18px; line-height:24px; font-weight: 600; }
.Download .li .info{ display: block; width:100%; color: #333; font-size:16px; line-height:24px; margin-top: 8px; }
.Download .li .w100{ display: block; width:100%; padding:25px 32px;}
.Download .li ._more{ align-items: center; margin-right: 32px;}
.Download .li ._more .a{height: 38px;padding: 0 20px 1px 20px; white-space:nowrap;}
.Download .li ._more .a i{ margin-right:6px; width:20px; height:20px;background: url(img/Download.svg) center no-repeat; background-size: 100% auto !important;}
.Download .li:hover ._more .a{background:#0C318E;
border: 1px solid #0C318E;color:#fff;}
.Download .li:hover ._more .a i{background: url(img/Download1.svg) center no-repeat; }
.Download .li ._more: .a i{background: url(img/Download1.svg) center no-repeat; }
.Download .li .ico{display: flex; align-items: center;justify-content: center; background:#E4E8F1; width:106px; min-width:106px;}
.Download .li .ico img{  width:56px; height:56px;}

@media screen and (max-width:1024px) {
.Download{ width:100%; padding-bottom:10px;}
.Download .li{ margin-bottom:14px;}	
.Download .li .title{ font-size:16px; line-height:24px; }
.Download .li .info{font-size:14px; line-height:22px; margin-top:6px; }
.Download .li .w100{padding:14px 14px;}
.Download .li ._more{ margin-right:14px;}
.Download .li ._more .a{height: 32px;padding: 0 12px 1px 12px;}
.Download .li ._more .a i{ margin-right:4px; width:18px; height:18px;}
.Download .li .ico{display: flex; align-items: center;justify-content: center; background:#E4E8F1; width:70px; min-width:70px;}
.Download .li .ico img{  width:36px; height:36px;}
}
@media screen and (max-width:767px) {
.Download .li{position: relative; }	
.Download .li .w100{padding:14px 14px 66px 14px;}
.Download .li .title{-webkit-line-clamp:2;}
.Download .li ._more{ position: absolute; left:84px; bottom:19px;}

}

.mapbox{ display: block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%; height:580px; }


@media screen and (max-width: 1024px) {
.mapbox .a{ height:280px;}

}


._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:0.55rem; background:#F8F9F9; border-radius: 16px;}
._form3 .lab{ width:48.9%; position:relative; flex-wrap:wrap; display: flex;margin-bottom:24px; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:flex; 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:11px 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:11px 16px;}
._form3 .yanzhengma{ position: absolute; right:0; bottom:0; height:48px; width:128px; background: #fff; object-fit: contain; z-index:6; border-radius:0 4px 4px 0;border:1px solid #E5E5E5;}
._form3 .san{ position: absolute; right:16px; bottom:20px; height:8px; width:8px; z-index:6; }
._form3 .lab1{ width:100%; display: block; color:#888; font-size:14px; line-height: 24px; }
._form3 ._more{ width:100%; justify-content: center; margin-top:40px; }
._form3 .x{ margin-right: 16px;}
._form3 .file{ flex-direction: column; display: flex; justify-content:center; align-items: center;  position:relative; background:#fff; border: 1px solid #E5E5E5; display: flex; overflow: hidden; border-radius:4px; position: relative;height:140px; width:140px; margin-top:8px; cursor: pointer;color: #333; font-size:16px; line-height:24px; }
._form3 .file .img{ width:36px; height: 36px; margin-bottom:16px; background:url(img/jiahao.svg) center no-repeat; background-size:100% auto !important;}
._form3 .file input{ position: absolute; right:0; bottom:0; height:100%; width:100%; z-index: 6; opacity: 0; cursor: pointer;}
._form3 .file:hover{ background:#0C318E; color: #fff; border: 1px solid #0C318E;}
._form3 .file:hover .img{  background:url(img/jiahao1.svg) center no-repeat; }

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



@media screen and (max-width:1024px) {
._form3{ padding:20px 15px 30px 15px;border-radius: 10px;}
._form3 .lab{ width:48.9%;margin-bottom:12px; }
._form3 .name{ font-size:14px; line-height:22px; margin-bottom:6px;}
._form3 .text{ height:38px; padding:6px 12px;}
._form3 .textarea{ height:160px; padding:6px 12px;}
._form3 .yanzhengma{ height:38px; width:90px;}
._form3 .san{ right:12px; bottom:15px; }
._form3 ._more{ margin-top:15px; }
._form3 ._more .a{padding: 0 16px 1px 16px;height: 36px;}
._form3 .file{height:110px; width:110px; margin-top:6px; font-size:14px; line-height:22px; }
._form3 .file .img{ width:32px; height: 32px; margin-bottom:8px;}
._form3 .x{ margin-right:0.15rem;}
}
@media screen and (max-width:767px) {
._form3 .lab{ width:100%; }
._form3 .name{ font-size:calc(12px + 0.01rem); line-height: 20px;}
}






.nexslist{ display: block; width: 100%;padding:14px 0 48px 0;}
.nexslist .u2{  display:block; width: 100%; }
.nexslist .u2 .li{ display:block; width: 100%; margin-top:20px;}
.nexslist .u2 .a{ width: 100%; display: flex; align-items: center; justify-content: space-between;
 border:1px solid #E5E5E5; background:#F8F9F9;
border-radius:16px;
padding:20px;
}
.nexslist .u2 .a .time{ display:block; width:100%; background: url(img/time.svg) left center no-repeat; background-size:17px auto !important; color: #0C318E; font-size: 14px; line-height: 20px; font-weight: 600; padding-left: 25px;}
.nexslist .u2 .a .tit{ width: 100%; font-weight:600; color: #333;font-size:18px; line-height: 24px; margin-top:10px;}
.nexslist .u2 .a .info{ width: 100%; font-weight:400; color: #333;font-size:16px; line-height: 30px; margin-top:16px;}
.nexslist .u2 .a .pic{ display: block; width: 2.78rem; min-width: 2.78rem; margin-right:0.48rem;}
.nexslist .u2 .a ._img{ padding-bottom:66.32%;border-radius:10px; }
.nexslist .u2 .a:hover{ border-radius:0 !important;
border: 1px solid rgb(12, 49, 142);
box-shadow: 0px 0px 20px 0px rgba(12, 49, 142, 0.2);
}

@media screen and (max-width:1440px) {
.nexslist .u2 .a .pic{ margin-right:20px;}
}
@media screen and (max-width:1024px) {
.nexslist{ padding:14px 0 24px 0;}	
.nexslist .u2 .a{border-radius:10px;padding:14px;}
 .nexslist .u2 .a .tit{font-size:16px; line-height:24px; margin-top:6px;} 
 .nexslist .u2 .a .info{font-size:14px; line-height: 22px; margin-top:8px; }
 .nexslist .u2 .a .pic{ width:180px; min-width:180px; margin-right:14px;}
 .nexslist .u2 .a ._img{border-radius:6px; }
}
@media screen and (max-width:767px) {
.nexslist .u2 .a{ flex-wrap: wrap; }  
.nexslist .u2 .a .pic{ width:100%; min-width:100%; margin:0 0 16px 0;}
.nexslist .u2 .a .info{ margin-bottom: 6px;}
}

.neswbBox2{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.neswbBox2 .left{  display:block; width: 72.14%; }
.neswbBox2 .right{  display:block; width: 23.86%; }
.neswbBox2 .tit30 {line-height:48px;word-break: keep-all; }
.neswbBox2 .info {
   width: 100%;display: flex; flex-wrap: wrap;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; padding:16px 0 24px 0; border-bottom: 1px solid #E5E5E5;
}
.neswbBox2 .info .s{display: flex;align-items: center;}
.neswbBox2 .info .s img{width:18px; height:18px; margin-right: 8px;}
.neswbBox2 .info .s:first-child{ margin-right: 0.64rem;}
.neswbBox2 .cont{
   width: 100%;display: block;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; padding:40px 0;
}
.neswbBox2 .nav{display: flex; flex-wrap: wrap; width:calc(100% + 10px); padding-bottom: 30px; margin-right: -10px; }
.neswbBox2 .nav a{  display:inline-flex; margin:0 10px 10px 0; color:#0C318E;font-size: 14px;line-height:24px; padding:5px 17px;border: 1px solid #0C318E; border-radius: 4px;}
.neswbBox2 .nav a:hover{background:#0C318E;color: #fff;}
.neswbBox2 .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:24px 0 0 0; border-top: 1px solid #E5E5E5;}
.neswbBox2 .page a{  display: block; max-width:50%; color:#7E7E7E;font-size: 16px;line-height: 30px; padding:0 32px; background-size:24px auto !important;}
.neswbBox2 .page a:hover{ color:#0C318E;}
.neswbBox2 .page a.Prev{ background: url(img/page1.svg) left center no-repeat;}
.neswbBox2 .page a.Prev:hover{ background: url(img/page2.svg) left center no-repeat;}
.neswbBox2 .page a.Next{ background: url(img/page3.svg) right center no-repeat;}
.neswbBox2 .page a.Next:hover{ background: url(img/page4.svg) right center no-repeat;}
.neswbBox2 .title{
width: 100%;display: block;
text-align: center;
background: rgb(248, 249, 249);
border-radius: 16px;
padding: 20px;
color: rgb(0, 0, 0);
font-size: 24px;
font-weight: 600;
line-height: 40px; margin-bottom: 20px;
}
.neswbBox2 .nexsbox .u2 .li{ width: 100%;}

@media screen and (max-width:1024px) {
.neswbBox2 .left{width: 100%; }
.neswbBox2 .right{ width: 100%;  padding:25px 0 10px 0;}	
.neswbBox2 .tit30 {line-height:28px; }
.neswbBox2 .info{ font-size: 16px; line-height: 22px; padding:8px 0 15px 0;}
.neswbBox2 .cont{ font-size: 14px; line-height: 24px; padding: 20px 0;}
.neswbBox2 .page{ width: 100%; padding:12px 0 0 0;}
.neswbBox2 .page a{ font-size: 14px; background-size:20px auto !important; padding:0 26px;}
.neswbBox2 .title{
border-radius: 10px;
padding:10px;
font-size:18px;
line-height:30px; margin-bottom: 20px;
}
.neswbBox2 .nav{width:calc(100% + 6px); padding-bottom:20px; margin-right: -6px; }
.neswbBox2 .nav a{  margin:0 6px 6px 0;padding:4px 8px;font-size: 12px;line-height:22px;}
}


.Serv2{ width: 100%; display: block;}
.Serv2 .box{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding:36px 0 40px 0;}
.Serv2 .left{  display:block; width: 53.28%; }
.Serv2 .right{  display:block; width: 38.85%; }
.Serv2 .p{ margin-top: 16px;
   width: 100%;display: block;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px; 
}
.Serv2 .info {
   width: 100%;display:block;
    color: #333;
    font-size:16px;
    font-weight: 400;
    line-height:30px;
}
.Serv2 .info .s{display: flex;align-items: flex-start;  width: 100%; padding:0.04rem 0; margin-bottom:0.16rem;}
.Serv2 .info .s img{width:30px; height:30px; margin-right: 8px; }
.Serv2 .cont{ padding-top: 0.2rem;
   width: 100%;display: block;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.Serv2 .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:24px 0 0 0; border-top: 1px solid #E5E5E5;}
.Serv2 .page a{  display: block; max-width:50%; color:#7E7E7E;font-size: 16px;line-height: 30px; padding:0 32px; background-size:24px auto !important;}
.Serv2 .page a:hover{ color:#0C318E;}
.Serv2 .page a.Prev{ background: url(img/page1.svg) left center no-repeat;}
.Serv2 .page a.Prev:hover{ background: url(img/page2.svg) left center no-repeat;}
.Serv2 .page a.Next{ background: url(img/page3.svg) right center no-repeat;}
.Serv2 .page a.Next:hover{ background: url(img/page4.svg) right center no-repeat;}
.Serv2 .title{
width: 100%;display: block;
text-align: center;
background: rgb(248, 249, 249);
border-radius: 16px;
padding: 20px;
color: rgb(0, 0, 0);
font-size: 24px;
font-weight: 600;
line-height: 40px; margin-bottom: 20px;
}

@media screen and (max-width:1600px) {
.Serv2 .info .s{ margin-bottom:0.14rem;}
.Serv2 .cont{ padding-top: 0.12rem;}
}
@media screen and (max-width:1440px) {
.Serv2 .left{ width:57.28%;}	
.Serv2 .right{width: 39.85%;}
.Serv2 .info{ font-size: 14px; line-height:24px;}
.Serv2 .info .s img{width:24px; height:24px; margin-right:6px; }
.Serv2 .cont{ font-size: 14px; line-height:24px;}
}
@media screen and (max-width:1024px) {
.Serv2 .left{width: 100%;}
.Serv2 .right{ width: 100%;}	
.Serv2 .p{ margin-top:8px;
    font-size: 16px;
    line-height:26px; 
}
.Serv2 .box{ padding:18px 0 25px 0;}
.Serv2 .info .s{ padding:4px 0; margin-bottom:4px;}
.Serv2 .cont{ padding:10px 0 25px 0;}
.Serv2 .page{ width: 100%; padding:12px 0 0 0;}
.Serv2 .page a{ font-size: 14px; background-size:20px auto !important; padding:0 26px;}

}



.about3 .tit18{ font-weight: 700; color:#0C318E;}
.list17{width: 100%; display:block; }
.list17 .ul{ display:block;width: calc(100% + 20px); margin:0 -10px;  }
.list17 .ul .li{ width:25%; display:block; padding:0 10px;}
.list17 .ul .li .a{width: 100%; display:block;}
.list17 .ul .li ._img{ padding-bottom:68.65%; border-radius: 8px;}



@media screen and (max-width:1024px) {
.about3 .tit18{ font-size:16px;}	
.list17 .ul{width: calc(100% + 10px); margin:0 -5px; }	
.list17 .ul .li{ padding:0 5px; }
}


.about1{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.about1 .left{  display:block; width: 47.54%; }
.about1 .right{  display:block; width: 46.42%; }
.about1 .size16{ margin-top:0.4rem;}
.about1 .right .pic{display:block; width: 100%; overflow: hidden; border-radius: 16px; line-height: 0; position: relative; border:1px solid #C4C4C4;}
.about1 .right .pic .paly{display:block; width:0.64rem; height:0.64rem; position: absolute; left: 50%; top: 50%; z-index: 6; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);cursor: pointer;}
.list20{width: 100%; display:block; margin-top:0.56rem; }
.list20 .ul{width: 100%; display:flex; flex-wrap: wrap; margin:0 -10px; width:calc(100% + 20px); }
.list20 .ul .li{ width:31.8%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; padding:0 10px;}
.list20 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; align-content:flex-start;text-align: center; position: relative; padding:0.48rem 10px;background:#F8F9F9; height: 100%;
border-radius:8px;
}
.list20 .ul .li .pic{ display:block; line-height: 0; margin:0 auto;}
.list20 .ul .li .pic img{ width:56px; height:56px;}
.list20 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size: 18px;
line-height:24px; margin-top:16px;
}
.list20 .ul .li .a:hover .tit{ color:#2850A2;}


@media screen and (max-width:1600px) {
.about1 .size16{ margin-top:0.3rem;}	
.list20{ margin-top:0.44rem; }
}
@media screen and (max-width:1400px) {
.about1 .size16{ margin-top:0.3rem; font-size:15px; line-height:28px;}	
.list20{ margin-top:0.44rem; }
.list20 .ul .li .a{ padding:0.36rem 10px;}
.list20 .ul .li .pic img{ width:50px; height:50px;}
.list20 .ul .li .tit{ 
font-size: 17px;
line-height:22px; margin-top:14px;
}
}
@media screen and (max-width:1024px) {
.about1 .left{width: 100%;}
.about1 .right{ width: 100%;}		
.about1 .right .pic .paly{ width:32px; height:32px;}
.about1 .right .pic{border-radius: 10px; margin-top:25px;}
.about1 .mt40 { margin-top:15px;}
.list20{ margin-top: 20px;}
.list20 .ul{margin:0 -5px; width:calc(100% + 10px); }	
.list20 .ul .li{ width:33.33%; padding:0 5px;}
.list20 .ul .li .a{ padding:20px 14px;}
.list20 .ul .li .tit{ font-size:16px; line-height:22px; margin-top:12px; }
.list20 .ul .li .pic img{ width:36px; height:36px;}
}


.list04{ display:block;
 width: 100%;
}
.list04 .ul{ display:flex; flex-wrap: wrap; width: calc(100% + 20px); margin:-10px;  }

.list04 .ul .li{ width:20%; display:inline-flex; flex-wrap: wrap; padding:10px;}
.list04 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap;justify-content:center; align-content:flex-start;text-align: center; position: relative; padding:0.3rem 0.14rem;background:#fff; height: 100%; border:1px solid #E5E5E5;
border-radius:16px;
}
.list04 .ul .li .pic{ display:flex; align-items: center; justify-content: center; margin:0 auto; line-height: 0; width:1rem; height:1rem; border-radius:50%;background:#0C318E;}
.list04 .ul .li .pic img{ width:56%; height:56%;}
.list04 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size:18px;
font-weight: 600;
line-height:24px; margin-top:16px;
}
.list04 .ul .li .size16{ margin-top:16px;color: #000; margin-top:16px; padding:0 0.16rem;}
.list04 .ul .li .a:hover .tit{ color:#0C318E;}

@media screen and (max-width:1440px) {
.list04 .ul .li .a{ padding:0.3rem 0.1rem;}
.list04 .ul .li .tit{ font-size:16px; line-height: 22px;}
.list04 .ul .li .size16{ font-size:14px; line-height: 26px;}
}
@media screen and (max-width:1024px) {
.list04 .ul{ width: calc(100% + 10px); margin:-5px;  }	
.list04 .ul .li{ padding:5px 5px;}
.list04 .ul .li .a{ padding:20px 14px;border-radius:10px;}
.list04 .ul .li .tit{ font-size:16px; line-height:24px; margin-top:14px; }
.list04 .ul .li .size16{ margin-top:8px;}
.list04 .ul .li .pic{ width:50px; height:50px;}
}
@media screen and (max-width:767px) {
.list04 .ul .li{ width:100%;}
.list04 .ul .li .a{ text-align: left; justify-content:space-between;}
.list04 .ul .li .tit{ width: calc(100% - 50px); margin: 0; min-height: 50px; align-items: center; display: flex; padding:0 0 0 14px;}
}


.list19{width: 100%; display:block;  }
.list19 .ul{width: 100%; display:block;margin:0 -15px; width:calc(100% + 30px);  }
.list19 .slick-track{ display: flex;}
.list19 .ul .li{ width:33.33%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; position: relative; padding:0 15px; margin:0.88rem 0 0 0;}
.list19 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; align-content:flex-start;text-align: center; position: relative; height: 100%;
background: #F8F9F9;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
box-sizing: border-box;
padding: 0 0.63rem 40px 0.63rem;

}
.list19 .ul .li .pic{ display:flex; align-items: center; justify-content: center; margin:-0.88rem auto 0 auto; line-height: 0; width:1.8rem; height: 1.8rem; overflow: hidden; border-radius: 50%; background:#D5E3FF;}
.list19 .ul .li .pic img{ width:100%; height:100%;}
.list19 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size: 20px;
font-weight: 600;
line-height:30px; margin-top:24px;
}
.list19 .ul .li .p{ display:block;width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 30px;  margin-top: 24px;
}
.list19 .slick-prev,
.list19 .slick-next{ top:0; margin-top: -60px;}
.list19 .slick-prev{  left:auto; right:71px;}
.list19 .slick-next{ right:15px; }

@media screen and (max-width:1024px) {
.list19 .ul{margin:0 -7px; width:calc(100% + 14px); }	
.list19 .ul .li{ padding:0 7px; margin:50px 0 0 0;}
.list19 .ul .li .a{padding: 0 14px 20px 14px;}
.list19 .ul .li .tit{ font-size:16px; line-height:22px; margin-top:14px; }
.list19 .ul .li .p{ font-size:14px; line-height:22px; margin-top:12px; }
.list19 .ul .li .pic{ margin:-44px auto 0 auto; width:90px; height:90px;}
.list19 .slick-prev,
.list19 .slick-next{ top:0; margin-top: -35px;}
.list19 .slick-prev{  left:auto; right:45px;}
.list19 .slick-next{ right:5px; }
}
@media screen and (max-width:767px) {
.list19 .ul .li{ width:50%;}

}

.list05{ width: 100%; display: block;}
.list05 .u2{width:100%; display: block; width:calc(100% + 15px); margin:-15px; }
.list05 .u2 li{ width:50%; padding:15px;}
.list05 .u2 li .a{ position: relative; height: 100%; width: 100%; 
background:#F8F9F9;border: 1px solid #F8F9F9;
border-radius:16px;display: flex; flex-wrap: wrap;
align-items:flex-start;
padding:0.45rem 0.4rem;
}
.list05 .u2 li .tit{ width: 100%;  color: #000; font-size:20px; line-height:30px; font-weight: 600; padding:5px 0 5px 56px; }
.list05 .u2 li .info{ width: 100%; color: #333; font-size:16px; line-height:30px; min-height:60px; margin-top:16px;}
.list05 .u2 li .num{ display:inline-flex; background:#0C318E; border-radius: 50%; 
position: absolute; left:0.4rem; top: 0.45rem;
width: 40px;
height: 40px;
justify-content: center;
align-items: center; font-weight: 700;
 color: #fff; font-size:16px; line-height:30px;
}
.list05 .u2 li .a:hover {
background: rgb(248, 249, 249);
border: 1px solid rgb(12, 49, 142);
box-shadow: 0px 0px 20px 0px rgba(12, 49, 142, 0.2);
border-radius: 0 !important;
}
.list05 .u2 li .a:hover .tit{
 color: #0C318E;
}
.list05 .slick-prev,
.list05 .slick-next{ top:0; margin-top: -45px;}
.list05 .slick-prev{  left:auto; right:71px;}
.list05 .slick-next{ right:15px; }

@media screen and (max-width:1440px) {
.list05 .u2 li .info{ font-size:16px; line-height:26px; min-height:78px;}
}
@media screen and (max-width:1024px) {
 .list05 .u2{width:calc(100% + 14px); margin:-7px; }
 .list05 .u2 .li{ padding:7px 7px;}
.list05 .u2 li .a{ padding:20px 14px;border-radius: 10px;}
.list05 .u2 li .tit{ font-size:16px; line-height:24px;padding: 5px 0 5px 44px;}
.list05 .u2 li .info{  font-size:14px; line-height:24px;margin-top:12px;}
.list05 .u2 li .num{ left:14px; top:20px;
width:34px;height: 34px;font-size:14px; line-height:24px;
}
}
@media screen and (max-width:767px) {
.list05 .u2 .li{width:100%;}  

}

.list06{ width: 100%; display: block;}
.list06 .u2{width:100%; display:flex; flex-wrap: wrap; width:calc(100% + 15px); margin:-15px; }
.list06 .u2 li{ width:50%; padding:15px;}
.list06 .u2 li .a{ position: relative; height: 100%; width: 100%; 
background:#F8F9F9;border: 1px solid #F8F9F9;
border-radius:16px;display: flex;
align-items:center;
padding:0.36rem 0.2rem 0.36rem 0.4rem;
}
.list06 .u2 li .tit{ width: 100%;  color: #000; font-size:20px; line-height:30px; font-weight: 600;}
.list06 .u2 li .info{ width: 100%; color: #333; font-size:16px; line-height:30px; margin-top:8px;}
.list06 .u2 li .ico{ display:block;
width: 0.8rem;min-width: 0.8rem;
height: 0.8rem; margin-right: 0.3rem;
}
.list06 .u2 li .ico img{ width: 100%;}
.list06 .u2 li .a:hover {
background: rgb(248, 249, 249);
border: 1px solid rgb(12, 49, 142);
box-shadow: 0px 0px 20px 0px rgba(12, 49, 142, 0.2);
border-radius: 0 !important;
}
.list06 .u2 li .a:hover .tit{
 color: #0C318E;
}


@media screen and (max-width:1024px) {
 .list06 .u2{width:calc(100% + 14px); margin:-7px; }
 .list06 .u2 .li{ padding:7px 7px;}
.list06 .u2 li .a{ padding:20px 16px;}
.list06 .u2 li .ico{ 
width:40px;min-width:40px;
height:40px; margin-right:14px;
}
.list06 .u2 li .tit{ font-size:16px; line-height:24px;}
.list06 .u2 li .info{  font-size:14px; line-height:24px;margin-top:4px;}
}
@media screen and (max-width:767px) {
.list06 .u2 .li{width:100%;}  

}


.ApplBox .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:24px 0 0 0; border-top: 1px solid #E5E5E5; margin-top: 40px;}
.ApplBox .page a{ display: block; max-width:50%; color:#7E7E7E;font-size: 16px;line-height: 30px; padding:0 32px; background-size:24px auto !important;}
.neswbBox2 .page a:hover{ color:#0C318E;}
.ApplBox .page a.Prev{ background: url(img/page1.svg) left center no-repeat;}
.ApplBox .page a.Prev:hover{ background: url(img/page2.svg) left center no-repeat;}
.ApplBox .page a.Next{ background: url(img/page3.svg) right center no-repeat;}
.ApplBox .page a.Next:hover{ background: url(img/page4.svg) right center no-repeat;}
.ApplBox .div{display: block;width:100%; margin-top: 0.24rem;}
.ApplBox .div:first-child{ margin-top: 0 !important;}
.ApplBox .div .size16{ color: #000; padding-left: 18px;}
.ApplBox .div .tit1{display: block; position: relative; padding-left: 18px; width: 100%;  color: #000; font-size:20px; line-height:30px; font-weight: 600;}
.ApplBox .div .tit1::after{ content: '';
position: absolute; left: 0; top:11px;
width: 8px;
height: 8px;
background: rgb(0, 0, 0); border-radius: 50%;
}

.Appl1 .tit30{ border-bottom:1px solid #E5E5E5; padding-bottom: 30px; margin-bottom: 30px;}
.Appl1 .pic{ display: block; width: 100%; line-height: 0; overflow: hidden; border-radius: 16px;}
.Appl3 .table{ display:block; width:100%;color: #000;font-size:16px; line-height: 24px; text-align: center; }
.Appl3 .table table{ width:100%; }
.Appl7 .box{display: block; width: 100%; }
.Appl6 .box{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; }
.Appl6 .left{ display: block; width:44.14%; }
.Appl6 .right{display: block; width:48.93%; }
.Appl6 .pic{display: block; width:100%; line-height: 0; overflow: hidden;  border-radius: 16px; }

@media screen and (max-width:1440px) {
.Appl3 .table{ font-size: 14px; line-height: 22px;}
}
@media screen and (max-width:1024px) {
.ApplBox .page{ margin-top:25px; width: 100%; padding:12px 0 0 0;}
.ApplBox .page a{ font-size: 14px; background-size:20px auto !important; padding:0 26px;}
.ApplBox .div{ margin-top:14px;}
.ApplBox .div .tit1{ padding-left:16px;font-size:16px; line-height:26px;}
.ApplBox .div .tit1::after{  top:10px;
width: 6px;
height: 6px;
}
.Appl1 .pic{ border-radius: 10px;}
.Appl1 .tit30{ padding-bottom: 15px; margin-bottom: 15px;}
.Appl6 .left{ width:100%; }
.Appl6 .right{ width:100%; margin-top: 30px; }
.Appl6 .pic{ border-radius: 10px; }
}
@media screen and (max-width:767px) {
.Appl3 .table{ overflow-x: auto;}	
.Appl3 .table table{ width:767px; }
}



.list07{ display:block;
 width: 100%;
}
.list07 .slick-track{ display: flex;}
.list07 .ul{ display:block; width: calc(100% + 20px); margin:0 -10px;  }

.list07 .ul .li{ width:25%; display:inline-flex; flex-wrap: wrap; padding:0 10px;}
.list07 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; align-content:flex-start;position: relative; padding:0.3rem 0.3rem;background:#F8F9F9; height: 100%;
border-radius: 8px;
}
.list07 .ul .li .pic{ display:block; line-height: 0; }
.list07 .ul .li .pic img{ width:64px; height:64px;}
.list07 .ul .li .size16{
color: #000;margin-top: 24px;
}
.list07 .slick-prev,
.list07 .slick-next{ top:0; margin-top: -60px;}
.list07 .slick-prev{  left:auto; right:66px;}
.list07 .slick-next{ right:10px; }

@media screen and (max-width:1440px) {
.list07 .ul .li .a{ padding:0.3rem 0.2rem;
}	
.list07 .ul .li .size16{ font-size:14px; line-height: 26px;}
}
@media screen and (max-width:1024px) {
.list07 .ul{ width: calc(100% + 10px); margin:0 -5px;  }	
.list07 .ul .li{ padding:0 5px;}
.list07 .ul .li .a{ padding:16px 12px;}
.list07 .ul .li .size16{ margin-top:12px; line-height:22px;}
.list07 .ul .li .pic img{ width:50px; height:50px;}
.list07 .slick-prev,
.list07 .slick-next{ top:0; margin-top: -35px;}
.list07 .slick-prev{  left:auto; right:45px;}
.list07 .slick-next{ right:5px; }
}
@media screen and (max-width:767px) {
.list07 .ul .li{ width:50%;}
}


.podBox .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:24px 0 0 0; border-top: 1px solid #E5E5E5; margin-top: 40px;}
.podBox .page a{ display: block; max-width:50%; color:#7E7E7E;font-size: 16px;line-height: 30px; padding:0 32px; background-size:24px auto !important;}
.podBox .page a:hover{ color:#0C318E;}
.podBox .page a.Prev{ background: url(img/page1.svg) left center no-repeat;}
.podBox .page a.Prev:hover{ background: url(img/page2.svg) left center no-repeat;}
.podBox .page a.Next{ background: url(img/page3.svg) right center no-repeat;}
.podBox .page a.Next:hover{ background: url(img/page4.svg) right center no-repeat;}
.pod3{ overflow: hidden;}
.pod4 .table{ display:block; width:100%;color: #000;font-size:16px; line-height: 24px; text-align: center; }
.pod4 .table table{ width:100%; }
.pod4 .table table tr:nth-child(2n){ width:100%; background:#F8F9F9; }


@media screen and (max-width:1440px) {
.pod4 .table{ font-size: 14px; line-height: 22px;}
}
@media screen and (max-width:1024px) {
.podBox .page{ margin-top:25px; width: 100%; padding:12px 0 0 0;}
.podBox .page a{ font-size: 14px; background-size:20px auto !important; padding:0 26px;}
.Appl1 .pic{ border-radius: 10px;}
.Appl1 .tit30{ padding-bottom: 15px; margin-bottom: 15px;}
}
@media screen and (max-width:767px) {
.pod4 .table{ overflow-x: auto;}	
.pod4 .table table{ width:767px; }
}


.podBox1{ border-top:1px solid #E5E5E5;}
.pod1{display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width: 100%; }
.pod1 .left{ display: block; width:45.14%; }
.pod1 .right{display: block; width:46.43%; }
.pod1 .info{display: block; width:100%; margin-top: 0.3rem; }
.pod1 ._more{ margin-top: 0.56rem; }
.pod1 .size16{ position: relative; padding-left: 18px; margin-top: 10px;}
.pod1 .size16::after{ content: '';
position: absolute; left: 0; top:11px;
width: 8px;
height: 8px;
background: rgb(0, 0, 0); border-radius: 50%;
}
.pod1 .size16:hover{ color:#33AC79; }
.pod1 .size16:hover::after{
background:#33AC79;
}
.pod1 .big{ display: block; width: 100%;}
.pod1 .big .img{display: block; width:100%; line-height: 0; overflow: hidden; border-radius: 16px; }
.pod1 .samll{ display: block; width: 100%; margin-top: 14px; padding:0 25px;}
.pod1 .samll .img{ display: block; line-height:0; width: 100%; margin:0 7px; cursor: pointer; position: relative;  overflow: hidden; border-radius:8px;}
.pod1 .samll .slick-current::after{ display: block; content: ''; position:absolute; left: 0; top:0; width: 100%; height: 100%; border:1px solid #0C318E; border-radius:8px;}
.pod1 .samll .slick-prev,
.pod1 .samll .slick-next{ width: 24px; height:24px; border-radius: 0; border: 0;background:url(img/left.svg) center no-repeat; background-size:24px auto !important;}
.pod1 .samll .slick-prev:hover,
.pod1 .samll .slick-next:hover{ border: 0;background:url(img/left1.svg) center no-repeat; }

@media screen and (max-width:1600px) {
.pod1 .left{ width:47.14%; }
.pod1 ._more{ margin-top: 0.46rem; }
}
@media screen and (max-width:1400px) {
.pod1 .left{ width:48.14%; }
.pod1 .info{display: block; width:100%; margin-top: 0.2rem; }
.pod1 .size16{ padding-left: 16px; margin-top:6px; font-size:15px; line-height:24px;}
.pod1 .size16::after{  top:9px;
width: 6px;
height: 6px;
}
.pod1 ._more{ margin-top: 0.36rem; }
}
@media screen and (max-width:1024px) {
.pod1{ flex-wrap:wrap-reverse;}	
.pod1 .left{ width:100%; margin-top:25px; }
.pod1 .right{ width:100%; }
.pod1 .info{ margin-top:14px;}
.pod1 ._more{ margin-top:20px; }
.pod1 .big .img{ border-radius: 10px; }
.pod1 .samll .img{ margin:0 5px; border-radius:6px;}
.pod1 .tit30 { font-size:18px; line-height:26px;}
}



._citys { width: 100%; display: inline-block; border: 1px solid #E5E5E5; border-top:0; padding: 5px; position: relative; z-index:12; background: #fff;border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(12, 49, 142, 0.1);}
._citys span{ display: flex; align-items: center; justify-content:center; color: #0C318E; height: 16px; width: 16px; line-height:1; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #0C318E; cursor: pointer; }
._citys span::after,
._citys span::before{ display: block; content:''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); background: #0C318E;}
._citys span::after{ width:1px; height:8px;}
._citys span::before{ height:1px; width:8px;}
._citys0 { width: 100%; display: inline-block; border-bottom: 2px solid #0C318E; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 30px; font-size:14px; color: #333; width:29%; text-align: center; cursor: pointer; }
.citySel { background-color: #0C318E; color: #fff !important; }
._citys1 { width: 100%; display: flex; flex-wrap: wrap; padding: 10px 0; overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:180px
}
._citys1::-webkit-scrollbar {
 width:3px
}
._citys1::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
._citys1::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#0C318E;
 border-radius:3px
}
._citys1 a { width:23%; height:28px; display: flex; justify-content:center; background-color: #F8F9F9; color: #333; margin:3px 1%; line-height: 28px; text-align: center; cursor: pointer; font-size: 12px; overflow: hidden;border-radius: 4px; }
._citys1 a:hover { color: #fff; background-color: #0C318E; }
.AreaS{ background-color: #0C318E !important; color: #fff !important; }




/*2504end*/













/*
#0C318E


calc(100% + 12px)

*/


.pagecon{padding-top:50px; padding-bottom:50px}
@media screen and (max-width:1024px) {
.pagecon{padding-top:20px; padding-bottom:20px}
}


.nexslist .u2 .a .cont{width:100%;}



.t_navs .right .yyqh_box{display: flex; margin-left:15px; }
.t_navs .right .yyqh_box a{border: 1px solid rgb(51, 172, 121);
border-radius: 4px;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: rgb(51, 172, 121);
font-size: 16px; height:40px;  font-weight: 600;
line-height: 20px;  padding: 0 15px 1px 15px;}

.t_navs .right .yyqh_box a:hover{background:#0C318E;
border: 1px solid #0C318E;color:#fff;
}

@media screen and (max-width:1440px) {
    .t_navs .right .yyqh_box{ margin-left:10px; }
.t_navs .right .yyqh_box a{ padding:0 10px;
font-size: 14px;
height:40px;}
}
@media screen and (max-width:1024px) {
    ._more .a{padding: 0 6px 1px 6px; font-size: 12px;}
     .t_navs .right .yyqh_box{ margin-left:4px; }
.t_navs .right .yyqh_box a {
        padding: 0 6px 1px 6px;
        font-size: 12px;
        height: 32px;
    }
}