@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:#006CBA rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color:#006CBA;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #006CBA;border-radius:8px;
}	

.w1400{max-width:1400px; margin-right: auto; margin-left: auto;}
.w1405{max-width:1405px; margin-right: auto; margin-left: auto;}
.w_width{max-width:1600px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}




.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%; }
.t_navs.bct{ transform: translateY(-100%); -ms-transform: translateY(-100%);box-shadow:none !important;}
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; padding:0 0.5rem;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.64rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .tel{ display: flex;   background: url(img/pf2.svg) center no-repeat; background-size: 100% auto !important;
width: 28px;
height: 28px;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left; margin:0 0 0 0.32rem;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.2rem;}
.t_navs .menu .nli span a{ display:flex; align-items: center; position: relative;line-height:0.96rem; font-size:calc(14px + 0.04rem);color: #fff; font-weight: 400; padding:0 16px; }
.t_navs .menu .nli span a::after{ display: block; width: 0; height:2px; position: absolute; left:50%; bottom:0; background:#fff; transform: translateX(-50%); -ms-transform: translateX(-50%); content: '';}
.t_navs .menu .nli.on span a{ font-weight: bold;}
.t_navs .menu .nli.on span a::after{  width:calc(100% - 32px);}
.t_navs .menu .nli:hover span a::after{  width:calc(100% - 32px);}

.t_navs .top.active{ background:#fff;}
.t_navs .top.active .logo .img1{ display: none;}
.t_navs .top.active .logo .img2{ display: block;}
.t_navs .top.active .logo .img1{ display: none;}
.t_navs .top.active .tel{ background: url(img/tel1.svg) center no-repeat;}

.t_navs.ect{ 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::after{background:#006CBA;}
.t_navs.ect .menu .nli:hover span a{color:#006CBA;}
.t_navs.ect .menu .nli.on span a{color:#006CBA;}
.t_navs.ect .tel{ background: url(img/tel1.svg) center no-repeat;}

.t_navs.act{ background:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.1); }
.t_navs.act .logo .img1{ display: none;}
.t_navs.act .logo .img2{ display: block;}
.t_navs.act .menu .nli span a{color: #000;}
.t_navs.act .menu .nli span a::after{background:#006CBA;}
.t_navs.act .menu .nli:hover span a{color:#006CBA;}
.t_navs.act .menu .nli.on span a{color:#006CBA;}
.t_navs.act .tel{ background: url(img/pf2.svg) center no-repeat;}

.t_navs .ss_search{float: left; display:flex; margin:0 0.2rem 0 0.26rem;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.96rem; width:44px; background: url(img/_search.svg) center no-repeat; background-size:24px auto !important;}
.t_navs.act .ss_search ._t{ background: url(img/_search1.svg) center no-repeat;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.svg) center no-repeat;}
.t_navs ._b{width: 100%;height: 120px;background:rgba(255,255,255,1);box-shadow:3px 3px 3px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.8rem; margin-top:1px; display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border:1px solid rgba(0,0,0,0.1); border-radius: 4px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height:48px;display: block; border-radius:0;background:none; border:0; font-size:16px; line-height:26px; padding:10px 24px; color: #000; text-transform: capitalize;}
.t_navs ._b .input input::placeholder{color:#555; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; min-width:60px;height: 48px;background: url(img/_search1.svg) center no-repeat; background-size:24px auto !important;}



.t_navs .menuSub{ display:none; position: absolute; top:100%; left:0; z-index: 10; width:100%;padding:0 0.5rem;}
.t_navs .menuSub .sect{ display: flex; width:100%; position: relative;background:rgba(255, 255, 255,0.96); }
.t_navs .menuSub .box0{ background:#006CBA; display: block; align-items: flex-start; width:3rem; min-width:3rem;}
.t_navs .menuSub .bd{display: block; width:100%; position: relative;} 
.t_navs .menuSub .box1{ background:#F1F5F6; display: block; align-items: flex-start; width:2.9rem; min-width:2.9rem;}
.t_navs .menuSub .box2{ display: block; width:100%;position: relative; }
.t_navs .menuSub .inBox{display: flex; width:100%;height:3.6rem; overflow: hidden; }
.t_navs .menuSub .inBd-ul{display: flex; width:100%;}
.t_navs .menuSub .u2{ display: block; width:100%;height:3.6rem; overflow: hidden;  }
.t_navs .menuSub .u2 .l2{ display: block; width:100%; padding:0 0.3rem; }
.t_navs .menuSub .u2 .a2{ display: flex; align-items: center; height:0.78rem; width:100%; font-weight: bold; color: #fff; line-height:0.3rem; font-size:0.18rem; padding:0.24rem 0;background: url(img/next1.svg) right center no-repeat; background-size:0.3rem auto !important;}
.t_navs .menuSub .u2 .on.l2{ background: #F1F5F6;}
.t_navs .menuSub .u2 .l2:hover{ background: #F1F5F6;}
.t_navs .menuSub .u2 .a2:hover{color:#006CBA;background: url(img/next.svg) right center no-repeat;}
.t_navs .menuSub .u2 .on .a2{color:#006CBA;background: url(img/next.svg) right center no-repeat;}
.t_navs .menuSub .ul3{ display: flex; flex-wrap: wrap; width:100%;}
.t_navs .menuSub .ul3 .l3{ display: block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1);height:0.6rem; padding:0 0.24rem;}
.t_navs .menuSub .ul3 .a3{ display: block; width:100%; color: #333; line-height:0.3rem; font-size:0.16rem; padding:0.15rem 0;background: url(img/right_hui.svg) right center no-repeat; background-size:0.24rem auto !important}
.t_navs .menuSub .ul3 .l3:hover{ background: #fff;}
.t_navs .menuSub .ul3 .on.l3{ background: #fff;}
.t_navs .menuSub .ul3 .a3:hover{color: #006CBA; background: url(img/right_lan.svg) right center no-repeat;}
.t_navs .menuSub .ul3 .on .a3{color: #006CBA; background: url(img/right_lan.svg) right center no-repeat;}
.t_navs .menuSub .ul3 .dl{ display: block; width:100%; margin-top: 16px; }
.t_navs .menuSub .u4{ display: flex; flex-wrap: wrap; width:100%; padding:0.54rem 0.3rem; }
.t_navs .menuSub .u4 .l4{ display: block; width:33.33%; padding:0.04rem 0.4rem; }
.t_navs .menuSub .u4 .a4{ display:inline-flex; padding:0.08rem 0; color:#555; line-height:0.24rem; font-size:0.16rem; position: relative;}
.t_navs .menuSub .u4 .a4::after{ display: block; width: 0; height:1px; position: absolute; left:0; bottom:0; background:#006CBA; content: '';}
.t_navs .menuSub .u4 .a4:hover{color:#006CBA;}
.t_navs .menuSub .u4 .a4:hover::after{width:100%;}
.t_navs .menuSub .u3{ width: 100%;display: flex; flex-wrap: wrap; padding:0.48rem 0.32rem;}
.t_navs .menuSub .u3 .l3{ width: 25%;display: block;padding:0.08rem 0.4rem;}
.t_navs .menuSub .u3 .a3box{ width: 100%;display: block;}
.t_navs .menuSub .u3 .a3{ width: 100%;display:flex; align-items: center; font-size:0.16rem;color: #555;line-height:0.24rem;}
.t_navs .menuSub .u3 .a3:hover{color:#006CBA;}
.t_navs .menuSub .u3 .ino{ display: flex; align-items: center; justify-content:center;box-shadow: 0px 0px 30px 0px rgba(68, 114, 196, 0.06);
background:rgba(255, 255, 255, 1); border-radius: 50%; line-height: 0; margin-right:0.16rem;
min-width: 0.5rem;width: 0.5rem;
height: 0.5rem; border-radius:100%; overflow:hidden;}
.t_navs .menuSub .u3 .ino img{max-width:0.5rem; max-height:0.5rem; object-fit: contain;}
.t_navs.act .menuSub .sect{ box-shadow:2px 2px 2px rgba(0,0,0,0.1);} 
.t_navs.ect .menuSub .sect{ box-shadow:2px 2px 2px rgba(0,0,0,0.1);} 


@media screen and (max-width:1440px) {
.t_navs .menu .nli{margin: 0 0.1rem;}
}
@media screen and (max-width:1024px) {
.t_navs .top{height:50px; padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:32px;}
.t_navs .ss_search{ display:none;}
.t_navs .tel{ margin:0 16px 0 0;}
}



.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: #006CBA;
-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: #006CBA;
-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;}



@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;border-top:1px solid rgba(0,0,0,0.1);}
.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 .a3box{width: 100%;position: relative;}
.xialaph .a1{color: #000;  font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ color: #006CBA;}
.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:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #236770;  border-right:1px solid #236770;}
.xialaph .u2{width: 100%;padding:0 10px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #000;line-height:24px;padding:8px 10px;}
.xialaph .u3 .ino{ display: flex; align-items: center; justify-content:center;box-shadow: 0px 0px 15px rgba(68, 114, 196, 0.15);
background:rgba(255, 255, 255, 1); border-radius: 50%; line-height: 0; margin-right:15px;
min-width: 40px;width: 40px;
height: 40px;}
.xialaph .u3 .ino img{max-width:40px; max-height:40px; object-fit: contain;}
.xialaph .active .a2{ color:#236770;}
.xialaph .u3{width: 100%;padding:10px 10px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display:flex; align-items: center; font-size:15px;color: #333;line-height:24px;padding:8px 10px;}
.xialaph .u4{width: 100%;padding:10px 10px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block;}
.xialaph .u4 .l4{ width: 100%;display:flex; align-items: center; font-size:15px;color: #555;line-height:24px;padding:4px 0;}
.xialaph .input_box{width: 100%;margin-top:25px;position: relative; display: none; overflow: hidden; border-radius:4px;background: #f3f3f3;
  border: 1px solid rgba(0,0,0,0.1);}
.xialaph .input_box input{width: 100%;height:40px;display: block; background:none; border: 0; font-size: 14px; line-height:24px; padding:8px 14px; color: #000;}
.xialaph .input_box input::placeholder{color:#555; opacity:1 !important;}
.xialaph .input_box .img{ display: block; cursor: pointer; border: 0; width:56px;height: 40px;background: url(img/_search.svg) center no-repeat; background-size:20px auto !important;}



.footerBox{ background: linear-gradient(180.00deg, rgba(241, 245, 246, 1) 20%,rgba(175, 222, 255, 1) 100%);}
.footer1{ background:url(img/sign3.png) center bottom no-repeat; background-size:100% auto; padding-bottom: 24px;}
.footer-logo{ width: 100%; display: flex; justify-content: center; line-height: 0;}
.footer-logo img{ height:0.88rem;}
.footer-er{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.footer-er .ico{ display: flex; line-height: 0;}
.footer-er .ico img{width: 1.4rem; height: 1.4rem;}
.footer-addr{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top:30px; padding:15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.footer-addr .div{ display: flex; align-items: center; flex-direction: column;padding:15px 0;}
.footer-addr .div:first-child{ width: 376px;}
.footer-addr .ico{ display: flex; line-height: 0;}
.footer-addr .ico img{width: 40px; height: 40px;}
.footer-addr .tit{ margin-top:8px; text-align: center;font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.02rem); color:#555; }

.footer-share{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.footer-share .linkTo {
  display: flex; margin:0 5px;
  cursor: pointer;
  position: relative;
}
.footer-share .linkTo:hover .code {
  visibility: visible;
  opacity: 1;
}
.footer-share .linkTo .ico {
  display: flex; align-items: center; justify-content:center; background: #A5D9FE; border-radius: 50%;
  width: 40px;
  height: 40px;
}
.footer-share .linkTo .ico img{  width: 20px;
  height: 20px;}
.footer-share .linkTo .code {
  opacity: 0;
  visibility: hidden;
  width: 140px;
  height: 140px;
  background: white; padding:10px;
  position: absolute;
  bottom:40px;
  left:50%;  transform: translateX(-50%); -ms-transform: translateX(-50%);
  pointer-events: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  transition: 0.3s linear;
}
.footer-share .linkTo .code img {
  width: 100%;
}

.footer-Copyright{ width: 100%; display:block; text-align: center;color:#555;
font-size: 14px;
font-weight: 400;
line-height: 21px;}
.footer-Copyright a{ color:#555;}
.footer-Copyright a:hover{ color:#006CBA;}
   


@media  screen and (max-width:1024px){
.footer-logo img{ height:44px;}
.footer-share .linkTo .ico{ width: 36px; height: 36px;}
.footer-share .linkTo .ico img{ width: 20px; height: 20px;}
.footer-share .linkTo .code {
  width: 100px;
  height: 100px;
  background: white; padding:10px;
  position: absolute;
  bottom:46px;
}
.footer-share .linkTo .code img {
  width: 100%;
}
.footer-er .ico img{width:100px; height:100px;}
.footer-addr{  padding: 10px 0;}	
.footer-addr .div{  padding: 10px 0;}	
.footer-addr .div:first-child{ width: 100%;}
.footer-addr .ico img{width:30px; height: 30px;}
.footer-addr .tit{ margin-top:4px;font-size:14px;
line-height:22px;}

}
@media  screen and (max-width:767px){
.footer-addr .div{ width:48%;}
}


.pf-right{display:none;z-index:16; position:fixed; right:0; bottom:1rem; width:0.64rem;}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%; padding:8px 0;
}
.pf-right .li{ position: relative; display: block; width:100%;padding:1px 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.64rem; box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px 0px 0px 4px;
background:rgba(255, 255, 255, 1);}
.pf-right .li .a:hover{background:#006CBA;border: 1px solid #006CBA;border-radius: 0;}
.pf-right .li .a img{ width:0.3rem; height:0.3rem;}
.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:rgba(255, 255, 255, 1);color:#333;
font-size: 16px;
font-weight: 400; display: flex; flex-wrap: wrap; flex-direction: column;
line-height: 0.64rem; padding:0 20px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07); 
-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 .er{ position: absolute; right:100%; bottom:0; width:1.3rem; line-height: 0; padding:5px; background: #fff;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
-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% 80%;
	-moz-transform-origin:90% 80%;
	-ms-transform-origin:90% 80%;
	-o-transform-origin:90% 80%;
	transform-origin:90% 80%;
	-webkit-transform:scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform:scale(0)
}
.pf-right .er i{ display: block; width: 100%; line-height: 0; border-radius:4px; overflow: hidden; background: #fff;}
.pf-right .er span{ text-align: center; display: block; width: 100%;
color: rgb(0, 82, 217);
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.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 .li:hover .er{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform: scale(1);}
.pf-right ._Message{ position: relative; display:flex; justify-content: center; width:100%;}
.pf-right ._Message .a{ display:flex; flex-wrap:wrap; width:100%; border-radius: 4px 0px 0px 4px;
background:rgba(0, 108, 186, 1);justify-content: center; align-items: center; padding:0.14rem 0; text-align: center;
}
.pf-right ._Message .a:hover{ background:rgba(223, 0, 0, 1);}
.pf-right ._Message .a .fs12{ margin-top: 0.08rem; line-height:16px; font-family: Open Sans;}
.pf-right ._Message .a img{ width:0.3rem; height:0.3rem;}
.pf-right ._renter{ position: relative; display:flex; justify-content: center; width:100%;}
.pf-right ._renter .a{ display:flex; flex-wrap:wrap; width:100%; height:0.64rem;border-radius: 4px 0px 0px 4px;
background:rgba(0, 108, 186, 1);justify-content: center; align-items: center; line-height: 0;
}
.pf-right ._renter .a img{ width:0.3rem; height:0.3rem;}


@media screen and (max-width:1600px) {
.pf-right ._Message .a .fs12{ font-size:0.12rem; line-height: 0.16rem;}
}
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}



.wap_hei{ display: none; width: 100%;height:54px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);position: fixed;z-index: 15; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); left: 0; }
.wap_down li{width:20%;float: left;text-align: center;}
.wap_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;height:54px;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color:#000;line-height: 14px; text-transform:capitalize;}
.wap_down li .ico{ width: 100%; line-height: 0;}
.wap_down li .ico img{ width:22px; height:22px; margin:0 auto;}
.wap_down li .ico .img1{ display: block; }
.wap_down li .ico .img2{ display: none; }
.wap_down li:hover .ico .img1{ display: none; }
.wap_down li:hover .ico .img2{ display: block; }
.wap_down li:hover{background:#006CBA;}
.wap_down li:hover .d_name{color:#fff;}

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

}



.d-poup{ width:100%; position:fixed; left:0;  bottom:0; background: rgba(0, 0, 0, 0.6);z-index: 20;transform: translateY(0%); -ms-transform: translateY(0%);;-webkit-animation:all .5s cubic-bezier(.23,1.08,.62,.95);
-moz-transition:all .5s cubic-bezier(.23,1.08,.62,.95);
-o-transition:all .5s cubic-bezier(.23,1.08,.62,.95);
transition:all .5s cubic-bezier(.23,1.08,.62,.95); }
.d-poup.act{ transform: translateY(150%); -ms-transform: translateY(150%) }
.d-poup .box{ align-items: center; padding:12px 0;}
.d-poup .cont{ font-size:0.16rem; line-height:0.3rem;}
.d-poup .cont a{ color: #fff; text-decoration: underline;}
.d-poup .cont a:hover{ color: #00843d;}
.d-poup .more{display: flex; align-items:center; justify-content:center; white-space: nowrap; line-height:1;height:0.48rem;border-radius:0.5rem;  position: relative; overflow: hidden; padding:0 0.4rem 2px 0.4rem; color: #fff; font-size:0.16rem;
  background:#006CBA;
}
.d-poup .more:hover{  background: #fff;color:#006CBA;}

@media screen and (max-width:1024px) {
.d-poup .cont{ font-size:14px; line-height:16px;}	
.d-poup .box{ flex-wrap:nowrap;}
.d-poup .more{padding:0 14px 2px 14px; height:32px;}
}
@media screen and (max-width:767px) {
.d-poup .cont{ font-size:12px; line-height:14px;}	
.d-poup .more{ font-size:12px; height:26px;}
}


._form1{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form1 .lab{ width:100%; position:relative; display: flex;margin-top:0.16rem; }
._form1 .text{cursor: pointer; width:100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;padding: 13px 16px 13px 16px;
background:rgba(255, 255, 255, 1);height: 48px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
._form1 .textarea{ cursor: pointer; width:100%;border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;padding: 13px 16px 13px 16px;
background:rgba(255, 255, 255, 1);height:120px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;}
._form1 .yanzhengma{ object-fit: contain; z-index:6; min-width:120px; width:120px; height:48px; margin-left:16px;background:rgba(255, 255, 255, 1);border-radius: 4px;}
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:180px; font-size:calc(14px + 0.02rem); color: #fff; height:48px; padding-bottom: 1px; border:0; border-radius:0;font-family: Open Sans; margin-top: 8px;
border-radius: 4px;
background:rgba(0, 108, 186, 1); border: 1px solid rgba(0, 108, 186, 1);
}
._form1 .submit:hover{background:#fff; color:rgba(0, 108, 186, 1);}


._form1 input::placeholder{color:#888888; opacity:1 !important;}
._form1 textarea::placeholder{color:#888888; opacity:1 !important;}

@media screen and (max-width:1024px) {
._form1 .lab{ margin-top:12px; }	
._form1 .text{ font-size:14px; line-height:22px; height:40px; padding:8px 14px;}
._form1 .textarea{ font-size:14px; padding:8px 14px;}
._form1 .yanzhengma{ min-width:100px; height:40px; margin-left:12px;  }
._form1 .submit{ font-size:14px; height:40px;  width: 140px;}
}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.6;}
.my-puop2{ display:none; width:5.8rem; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop2 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%;border-radius: 8px;padding: 0.6rem;
background: rgba(241, 245, 246, 1);}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:-0.4rem; top:-0.32rem; width:0.36rem; height:0.36rem; line-height: 0;/* background: rgba(255, 255, 255, 0.2); */border-radius: 50%;}
.my-puop2 .box .colse img{display:block; width:100%;height:100%; object-fit: contain;}
.my-puop2 .tit24{ padding-bottom: 0.08rem;}

@media screen and (max-width:1600px) {
.my-puop2 .box{ padding: 0.3rem 0.4rem 0.4rem 0.4rem;}
}
@media screen and (max-width:1024px) {
.my-puop2{ width:92%;}
.my-puop2 .box{ flex-wrap: wrap; padding:20px 15px 30px 15px;}
.my-puop2 .box .colse{  right:0; top:-40px; width:30px; height:30px;}
}




@keyframes move {
    0% {
       height: 7px; 
    }
    100% {
       height: 20px; 
    }
}
@-webkit-keyframes move {
   0% {
      height: 7px; 
   }
   100% {
      height: 20px; 
   }
}


._mouse{ position: absolute; left:50%; bottom:29px; transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:10;}
._mouse .p{ cursor: pointer; align-items: center; display: flex; flex-direction: column; justify-content: center;
border: 1px solid var(--白色, rgba(255, 255, 255, 1)); position: relative;
border-radius: 12px;
width: 24px;
height: 36px;}
._mouse .p::after{ content: ''; position: absolute; left:50%; top:7px; transform:translateX(-50%); -ms-transform:translateX(-50%); animation:move 2s linear 0s infinite;background: var(--白色, rgba(255, 255, 255, 1));
width: 2px;
height: 7px; }

@media screen and (max-width:1024px) {
._mouse{ display:none; bottom:30px;}

}

.index-banner{ display:flex; width: 100%; 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 .swiper-slide .pc_show1{width: 100%; height: 100vh; object-fit: cover;}
.index-banner .swiper-slide .ph_show1{width: 100%;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; display:flex; justify-content: center; position: absolute; z-index:10; bottom:27px; width:40px; height:40px;
backdrop-filter: blur(50px);
background: rgba(255, 255, 255, 0.08);border-radius:50%;}
.index-banner .swiper-prev::after,
.index-banner .swiper-next::after{ content: ''; display:block; position: absolute; left:0; top:0; z-index:10; width:100%; height: 100%;background:url(img/next5.svg) center no-repeat ; background-size:20px auto !important; }
.index-banner .swiper-prev{ left:0.5rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.index-banner .swiper-next{ right:0.5rem;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background:#006CBA;}

.index-banner .box{ display:block; position: absolute; left:0; bottom:0; z-index:10; width:100%; }
.index-banner .box .w100{ display:flex;width:100%; height:98vh; align-items: center;}

@media screen and (max-width:1920px) {
.index-banner .box .w100{ height:86vh;}
}
@media screen and (max-width:1800px) {
.index-banner .box{ padding:0 10vw;}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:20px; width:30px; height:30px;}	
.index-banner .swiper-prev::after,
.index-banner .swiper-next::after{ background-size:15px auto !important; }
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px;}
.index-banner .box{ display:none;}
}
@media screen and (max-width:767px) {

}




.list01{ overflow: hidden;width:calc(100% + 0.3rem); margin-left:-0.15rem; margin-right:-0.15rem; }
.list01 ul{ width: 100%;margin:-0.16rem 0;}
.list01 ul li{ display: flex; flex-wrap: wrap; width:50%; padding:0 0.15rem;}
.list01 ul li .a{ position: relative;width: 100%;display: flex; margin:0.16rem 0;
justify-content:space-between;
align-items: center;
padding: 0.32rem 0.3rem;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.08);
}
.list01 ul li .time{min-width:88px; width:88px; height:88px; line-height: 0; margin-right: 0.24rem; display: flex; flex-direction: column; justify-content: center; align-items: center;border-radius: 4px;
background: rgba(0, 108, 186, 1);color: var(--fff, rgba(255, 255, 255, 1));
font-family: Open Sans;
font-size: 16px;
line-height: 20px;
letter-spacing: 0px;
text-align: center;}
.list01 ul li .time span{ font-weight: bold;}
.list01 ul li .time i{border: 1px solid rgba(255, 255, 255, 0.2); margin: 8px 0;
width: 48px;
height: 0;}
.list01 ul li .text{ width: 100%;}
.list01 ul li .tit{ width: 100%;  color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.02rem); font-weight: bold;font-family: Open Sans;
}
.list01 ul li .p{ width: 100%; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem); margin-top:0.12rem;}
.list01 ul li .a:hover {
border: 1px solid rgba(255, 255, 255, 1);
background:rgba(255, 255, 255, 1);
}
.list01 ul li .a:hover .tit{
 color:#006CBA;
}
.list01 ul li .a:hover .p{
 color:#888;
}


@media screen and (max-width:1024px) {
.list01{ width:calc(100% + 14px); margin-left:-7px; margin-right:-7px; }
.list01 ul{margin:8px 0;}
.list01 ul li{ padding:0 7px;}
.list01 ul li .a{ margin:8px 0; padding:14px;}
.list01 ul li .time{  min-width:64px; width:64px; height:64px; margin-right:12px; font-size: 14px; line-height:18px;}
.list01 ul li .time i{ margin:4px 0;
width:38px;}
.list01 ul li .tit{ font-size:16px; line-height:24px;}
.list01 ul li .p{ font-size:14px; line-height:22px; height:44px; margin-top:0;}
}
@media screen and (max-width:767px) {
.list01 ul{grid-template-columns: repeat(1, 1fr); }
}	



.list02{ width: 100%;}
.list02 ul{width:100%; display:grid; gap:0.3rem;grid-template-columns: repeat(1, 1fr); }
.list02 ul li{ display: flex; flex-wrap: wrap; width:100%;}
.list02 ul li .a{ position: relative; height: 100%; width: 100%;display: flex;
justify-content:space-between;
align-items: center;
padding: 0.4rem 0.3rem;
box-sizing: border-box;
border-radius: 8px;
backdrop-filter: blur(20px);
background:rgba(241, 245, 246, 1);
}
.list02 ul li .time{min-width:96px; width:96px; height:96px; line-height: 0; margin-right: 0.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center;border-radius: 4px;
background: rgba(0, 108, 186, 1);color:rgba(255, 255, 255, 1);
font-family: Open Sans;
font-size: 16px;
line-height: 20px;
letter-spacing: 0px;
text-align: center;}
.list02 ul li .time span{ font-weight: bold;}
.list02 ul li .time i{border: 1px solid rgba(255, 255, 255, 0.2); margin: 8px 0;
width: 48px;
height: 0;}
.list02 ul li .text{ width: 100%;}
.list02 ul li .tit{ width: 100%;  color: #000; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.02rem); font-weight: bold;font-family: Open Sans;
}
.list02 ul li .p{ width: 100%; color: #333; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem); margin-top:0.12rem;}
.list02 ul li .a:hover {
 background:#006CBA;
}
.list02 ul li .a:hover .tit{
 color:#fff;
}
.list02 ul li .a:hover .p{
 color:#fff;
}
.list02 ul li .a:hover .time{
 background:#fff;color:#006CBA;
}
.list02 ul li .a:hover .time i{border: 1px solid rgba(0, 0, 0, 0.2);}



@media screen and (max-width:1024px) {
.list02 ul{ gap:16px; }
.list02 ul li .a{ padding:16px 15px;}
.list02 ul li .time{  min-width:64px; width:64px; height:64px; margin-right:12px; font-size: 14px; line-height:18px;}
.list02 ul li .time i{ margin:4px 0;
width:38px;}
.list02 ul li .tit{ font-size:16px; line-height:24px;}
.list02 ul li .p{ font-size:14px; line-height:22px; height:44px; margin-top:0px;}
}
@media screen and (max-width:767px) {

}	

._inputBox{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.input01{width:7.72rem; display: flex; }
.input01 input{width: 100%;height:48px;display: block;box-sizing: border-box;
border:1px solid rgba(0, 0, 0, 0.1);
border-right:0;
border-radius: 4px 0px 0px 4px;
background: var(--fff, rgba(255, 255, 255, 1));padding: 9px 24px 9px 24px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.input01 input::placeholder{color:#888; opacity:1 !important;}
.input01 .img{display: flex; align-items: center; justify-content: center; cursor: pointer; min-width:168px;height: 48px;background: #006CBA;border-radius: 0px 4px 4px 0px;color:rgba(255, 255, 255, 1); border: 1px solid #006CBA;
font-family: Open Sans;
 font-weight: bold;
font-size: 16px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.input01 .img:hover{color:#006CBA;background:#fff;border-radius:4px ; }
.input01 .img i{ margin-right: 10px; background: url(img/_search.svg) center no-repeat; background-size: 100% 100% !important;
width: 20px;
height: 20px;}
.input01 .img:hover i{ background: url(img/_search1.svg) center no-repeat;}

@media screen and (max-width:1024px) {
.input01{width:100%; margin-top: 15px; }
.input01 input{height:40px;padding:5px 14px;
font-size: 14px;
line-height:28px;
}
.input01 .img{ min-width:130px;height: 40px;
font-size: 14px;
line-height: 30px;
}
.input01 .img i{ margin-right:8px;
width: 18px;
height: 18px;}
}	
@media screen and (max-width:767px) {
.input01 input{
font-size: 13px;
}
.input01 .img{ min-width:52px;
font-size: 13px;}
.input01 .img span{ display:none;}
.input01 .img i{ margin-right: 0;}
}	


.tspy{ display: block; width: 100%; position: relative;}
.tspy .big{ display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width: 100%;}
.tspy .big .pic{ display: block; width: 49.18%; }
.tspy .big ._img{ display: block; width: 100%; padding-bottom:61%;border-radius: 8px;
 }
.tspy .big .cont{ display: block; width:45%;  }
.tspy .big .tit{width: 100%;}
.tspy .big .tit16{width: 100%;color:#fff;  line-height:calc(22px + 0.08rem); text-align: justify; margin-top: 0.4rem;}


.tspy .dowm{position: relative; padding:0 52px;}
.tspy .small{ display: block; width: 100%; overflow: hidden;  }
.tspy .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.tspy .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.tspy .small .li{ display: block; position: relative; padding:0 0.12rem;}
.tspy .small .cont{ cursor: pointer; display: flex; align-items:center; justify-content: center; width: 100%; padding:0.23rem 0.24rem;box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;font-family: Open Sans;
 color: #fff;font-weight: Bold;
 font-size: calc(14px + 0.04rem);
line-height:calc(22px + 0.08rem);
}
.tspy .small .tit{
}
.tspy .small .num{border-radius: 50%;
width: 0.4rem;
height: 0.4rem; margin-right: 0.1rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.1); }

.tspy .swiper-prev,
.tspy .swiper-next{ cursor: pointer; display:flex; justify-content: center; position: absolute; z-index:10; top:50%; margin-top: -20px; width:40px; height:40px; z-index: 6;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 80px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.04);border-radius:50%;}
.tspy .swiper-prev::after,
.tspy .swiper-next::after{ content: ''; display:block; position: absolute; left:0; top:0; z-index:10; width:100%; height: 100%;background:url(img/next5.svg) center no-repeat ; background-size:20px auto !important; }
.tspy .swiper-prev{ left:0; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.tspy .swiper-next{ right:0;}
.tspy .swiper-prev:hover,
.tspy .swiper-next:hover{background:#006CBA;border: 1px solid #006CBA;}

@media screen and (max-width: 1600px) {
.tspy .big .cont{width: 47%; }
.tspy .big .tit16{margin-top: 0.2rem; font-size: calc(14px + 0.01rem);line-height:calc(22px + 0.06rem);}
}
@media screen and (max-width: 1440px) {
.tspy .big .tit24{font-size: calc(14px + 0.06rem); line-height: calc(22px + 0.04rem);}	
.tspy .big .tit16{margin-top: 0.2rem; font-size:calc(12px + 0.02rem);line-height:calc(19px + 0.02rem);}
.tspy .small .cont{font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.06rem);  padding: 0.2rem 0.2rem;}
}
@media screen and (max-width: 1024px) {
.tspy .big .pic{width: 100%; margin-top: 25px; }	
.tspy .big .cont{width: 100%; }	
.tspy .big .tit16{ line-height:24px;}

.tspy .dowm{ padding:0 40px;}
.tspy .small .li{padding:0 7px;}
.tspy .small .cont{  padding:10px 16px;
 font-size: 14px;
line-height:24px;
}
.tspy .small .num{
width: 30px;
height: 30px; margin-right:6px;}
.tspy .swiper-prev,
.tspy .swiper-next{width:30px; height:30px; margin-top: -15px;  }
.tspy .swiper-prev::after,
.tspy .swiper-next::after{ background-size:15px auto !important; }
}

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

}





/*in*/

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

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


/* inbaner */
.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.slidebox1{ width:100%; position: absolute; left:0; bottom:0; z-index:10; }
.banText{ position: absolute; left:0; top:55.87%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText1{ position: absolute; left:0; top:50%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText2{ position: absolute; left:0; top:57.9%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText2::after{position: absolute; left:0; top:50%; width:37.9%; z-index:1;transform: translateY(-50%); -ms-transform: translateY(-50%);width:37.8%; height:2rem; content: '';
  background:url(img/bg.png) center no-repeat; background-size: 100% 100%;
}
.banText2 .w1400{ position: relative; z-index: 7;}

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



.slide2{ display: flex; flex-wrap: wrap;width:100%;}
.slide2 .ul{ display: flex;width:100%;}
.slide2 .li{ display: flex; margin:0 10px 0 0 ;}
.slide2 .li .la{ display: flex; color:#fff;font-size:calc(14px + 0.04rem);
font-weight: 400;
line-height:calc(20px + 0.1rem);padding:0.2rem 0.4rem;border-radius: 8px 8px 0px 0px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.04);}
.slide2 .li:hover .la{background:#006CBA;}
.slide2 .li.on .la{background: #006CBA;}


@media screen and (max-width:1024px) {
.slide2 .ul{ justify-content: center;}	
.slide2 .li{ margin:0 4px;}
.slide2 .li .la{padding:6px 14px;font-size:15px; line-height: 22px; }
}



.nexslist { display: block; width: 100%;}
.nexslist .u1 .li{ display: block; width: 100%; margin-top:0.3rem; }
.nexslist .u1 .li:first-child{ margin-top:0 !important;}
.nexslist .u1 .a{ width: 100%; display: flex; align-items: center; 
background: rgba(241, 245, 246, 1); border-radius:8px;
padding:0.3rem; padding-right:0 !important;
}
.nexslist .u1 .a .pic{ min-width:3.5rem; }
.nexslist .u1 .a ._img{ padding-bottom:62.85%;  border-radius:8px; }
.nexslist .u1 .a .info{ width: 100%; padding:0 0.4rem;}
.nexslist .u1 .a .time{ width:100%;
font-size:calc(14px + 0.02rem);color:#064A96;
font-family: Open Sans;

font-weight: 400;
line-height:calc(20px + 0.04rem);
}
.nexslist .u1 .a .tit{ width: 100%;color:rgba(0, 0, 0, 1);
font-size:calc(14px + 0.04rem);
font-weight: bold;
line-height:calc(22px + 0.08rem);  margin-bottom: 0.16rem;
 margin-top:4px;}
.nexslist .u1 .a .size16{ width: 100%;color: var(--333, rgba(51, 51, 51, 1));

font-family: Open Sans;
font-style: Regular;
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height:calc(22px + 0.08rem);height:calc(44px + 0.16rem);
letter-spacing: 0px;
text-align: left;}
.nexslist .u1 .a .ino{ margin-top:0.24rem;
width: 64px;
height: 32px;
display: flex;
border-radius: 75px;
background:url(img/ArrowRight.svg) center no-repeat #064A96; background-size:16px auto !important;
}

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




@media screen and (max-width:1024px) {
.nexslist .u1 .li{margin-top:15px; }	
.nexslist .u1 .a{ padding:14px;}	
.nexslist .u1 .a .ino{ margin-top:14px;
width: 50px;
height:26px;
}
.nexslist .u1 .a .time{ font-size:14px; line-height:20px;}
.nexslist .u1 .a .tit{ font-size:16px; line-height:26px; margin-bottom:6px;}
.nexslist .u1 .a .size16{ font-size:14px; line-height:24px; height:48px;}
.nexslist .u1 .a .pic{ min-width:220px; }
.nexslist .u1 .a .info{ width: 100%; padding:0 14px;}
}
@media screen and (max-width:767px) {
.nexslist .u1 .a{ flex-wrap: wrap; padding:14px !important;}
.nexslist .u1 .a .pic{ min-width:100%;width:100%;}
.nexslist .u1 .a .info{ padding:18px 4px 10px 4px;}
}


.mbxbox1{ position: absolute; left:0; top:0; z-index: 6; width:100%; top:1.12rem; margin-top: 16px;}
.mbxbox2{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap; width:100%; padding:20px 0;}
.mbx{ display: block;color: #fff;font-size:16px; line-height:30px;}
.mbx a{ color: #fff;}
.mbx i{ color: #fff; padding:0 6px;}
.mbx a:hover{ text-decoration: underline;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbxbox2{; padding:10px 0;}
}


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

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



.news1{background:rgba(241, 245, 246, 1); }
.news1::after{ content: ''; position: absolute; left:0; top:0; z-index: 6; width:100%; top:0; height:8rem;background: linear-gradient(180.00deg, rgba(104, 151, 191, 1),rgba(181, 204, 224, 0) 100%); z-index: 1}


.newsbox1{display: flex; flex-wrap: wrap;width: 100%; background: #fff; border-radius: 16px; padding:24px 0.5rem 0.52rem 0.5rem;}
.newsbox1 .tit24{border-bottom: 2px solid rgba(0, 108, 186, 1); padding-bottom: 24px;}
.newsbox{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #fff; border-radius: 16px; padding:0.6rem 0.5rem 0 0.5rem;font-size: calc(14px + 0.02rem);
font-weight: 400;color: #333;
line-height: calc(22px + 0.08rem);}
.newsbox .cont{ display: block; width: 100%; padding:30px 0 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.newsbox .title{ display: block; width: 100%;font-weight: bold; color: #000;font-size:0.3rem; line-height:0.48rem;/* font-family: Open Sans; */
}
.newsbox .info{ display:flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:16px 0 30px 0;}
.newsbox .s{ display: flex; align-items: center; margin-right:40px;}
.newsbox .s:last-child{ margin-right:0 !important;}
.newsbox .s img{ width:24px; height:24px; margin-right:8px;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; padding: 28px 0;}
.newsbox ._page .a{ position: relative; width: 49%; color: #333; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; line-height:0.4rem; }
.newsbox ._page .a.Prev::after{ left:0; transform:rotateY(180deg); -ms-transform:rotateY(180deg); }
.newsbox ._page .a.Prev{ padding-left: 0.48rem;}
.newsbox ._page .a.Next{ text-align: right; padding-right: 0.48rem;}
.newsbox ._page .a.Next::after{ right:0;}
.newsbox ._page .a::after{content: ''; position: absolute; top:0; z-index: 6; width:0.4rem; top:0; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size: 100% 100% !important;}
.newsbox ._page .a:hover{ color:#006CBA;}
.newsbox ._page .a:hover::after{ background: url(img/next3.svg) center no-repeat;}


@media screen and (max-width:1024px) {
.newsbox1{ border-radius: 8px; padding:15px 15px 25px 15px;}	
.newsbox1 .tit24{ padding-bottom: 15px;}
.newsbox{ border-radius:8px;padding:25px 15px 0 15px;}	
.newsbox .title{ font-size:18px; line-height:26px;}
.newsbox .info{ padding:15px 0 20px 0;}
.newsbox .s{ margin-right:16px;}
.newsbox .s img{ width:20px; height:20px; margin-right:8px;}
.newsbox .cont{ padding:20px 0 30px 0;}
.newsbox ._page{ padding:20px 0;}
.newsbox ._page .a{ line-height:30px;}
.newsbox ._page .a::after{ width:30px; height:30px;}
.newsbox ._page .a.Prev{ padding-left:38px;}
.newsbox ._page .a.Next{ padding-right:38px;}
}



.case1{ display: block; width: 100%;}
.case1 .u2 { display:grid; grid-template-columns: repeat(3,1fr); gap:0.43rem;  width:100%;}
.case1 .u2 .li{ display:flex; flex-wrap: wrap; width:100%;}
.case1 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;}
.case1 .u2 .a .pic{ display: block; width: 100%; position: relative;}
.case1 .u2 .a ._img{ padding-bottom:63.01%; border-radius:8px;}
.case1 .u2 .a .cont{ width: 100%; padding:18px 0 0.5rem 0;position: relative; border-top: 2px solid #eaeaea;}
.case1 .u2 .a .cont::after{ display: block; content: ''; position: absolute; left:0; top:-2px; z-index: 6; width: 0; height:2px;background:#006CBA;}
.case1 .u2 .a .tit{ width: 100%; color: #000;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem);height:calc(44px + 0.16rem); font-weight: bold; margin-top: 0.4rem;}
.case1 .u2 .a .p{ width: 100%; color: #555;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); min-height:calc(44px + 0.16rem); margin-top: 0.16rem; }
.case1 .u2 .a .info{ width: 100%; display: flex; justify-content: space-between; }
.case1 .u2 .a .time{ display:flex;font-size:16px; line-height:20px;}
.case1 .u2 .a .more{ display:flex; background: url(img/right3.png) right center no-repeat; background-size:auto 14px !important; width:20px; height: 20px; }
.case1 .u2 .a:hover .tit{color:#006CBA;}
.case1 .u2 .a:hover .time{color: #006CBA;}
.case1 .u2 .a:hover .cont::after{width: 100%; }
.case1 .u2 .a:hover .more{background: url(img/right4.png) right center no-repeat;}


@media screen and (max-width:1024px) {
.case1 .u2 {gap:20px; }
.case1 .u2 .a .cont{ padding:18px 0 20px 0;}
.case1 .u2 .a .tit{font-size:16px; line-height:24px; height:48px; margin-top:6px; } 
.case1 .u2 .a .p{font-size:14px; line-height:22px; height:44px; margin-top:6px;} 
}
@media screen and (max-width:767px) {
.case1 .u2 {grid-template-columns: repeat(1,1fr); }
.case1 .u2 .a .tit{ height: auto;}
.case1 .u2 .a .p{ height: auto;}
}



.Contact1{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;border-radius: 400px;
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);padding: 0.25rem 0.6rem; position: relative; z-index: 6; margin-bottom: -0.88rem;
background: var(--fff, rgba(255, 255, 255, 1));}
.Contact1 .div{ display: flex; align-items: center; flex-direction: column;padding:15px 0;}
.Contact1 .div:first-child{ width: 376px;}
.Contact1 .ico{ display: flex; line-height: 0;}
.Contact1 .ico img{width: 40px; height: 40px;}
.Contact1 .tit{ margin-top:8px; text-align: center; color: #333;font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.02rem);}


@media  screen and (max-width:1024px){
.Contact1 {  padding:15px 15px;border-radius:20px; margin-bottom: -44px;}	
.Contact1 .div{  padding: 10px 0;}	
.Contact1  .div:first-child{ width: 100%;}
.Contact1 .ico img{width:30px; height: 30px;}
.Contact1 .tit{ margin-top:4px;font-size:14px;
line-height:22px;}

}
@media  screen and (max-width:767px){
.Contact1  .div{ width:48%;}
}



.mapbox{ display: block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%; height:740px;}
.mapbox .box{ display:block; position:absolute; z-index:5; line-height: 0; margin:-15px 0 0 -15px;}
.mapbox .box .ico{ width:30px;}
.mapbox .box .cont{ white-space: normal; display: flex; width:371px; text-align: center; flex-wrap: wrap; justify-content: center; position:absolute; left:100%; top:-0.45rem; margin-left:0.25rem; z-index:5; background: #fff; padding:20px; border-radius: 16px;
background: rgba(255, 255, 255, 1);}
.mapbox .box .cont::after{ content:''; display:block; position: absolute; right:100%; top:0.4rem; border-top:16px solid transparent; border-bottom:16px solid transparent;border-right:16px solid #fff;  z-index:6;}
.mapbox .box .cont .pic{border-radius: 8px; overflow: hidden;}
.mapbox .box .cont .tit{color: var(--333, rgba(51, 51, 51, 1));margin-top:0.16rem;
 width:100%;
 font-weight: bold;
font-size: calc(14px + 0.04rem);
font-weight: 700;
line-height: calc(22px + 0.08rem);
letter-spacing: 0px;
text-align: left;}
.mapbox .box .cont .tit16{ width:100%; display: flex; align-items: center; margin-top:0.16rem;}
.mapbox .box .cont .tit16 img{ width:20px; height:20px; margin-right: 8px;}
.mapbox .box .cont .tit16:hover{ text-decoration: underline;}

@media screen and (max-width: 1024px) {
.mapbox .a{ height:540px; }
.mapbox .box .cont{ width:260px;padding:12px;}
.mapbox .box .cont .tit{ font-size:15px; line-height:22px;margin-top:10px;}
.mapbox .box .cont .tit16{ margin-top:6px; margin-bottom: 5px;}
.mapbox .box .cont::after{  top:0.5rem; border-top:8px solid transparent; border-bottom:8px solid transparent;border-right:8px solid #fff;}
}
@media screen and (max-width: 767px) {
.mapbox .box .cont{ left:50%; top:40px; margin-left:-130px;}
.mapbox .box .cont::after{ right:50%; top:-12px; margin-left: -4px; transform:rotate(90deg); -ms-transform:rotate(90deg); }
}

.form2{ display: flex; flex-wrap:wrap; width:100%; align-items:flex-start; justify-content: space-between;border-radius: 8px;
background:rgba(241, 245, 246, 1); padding:0.5rem;} 
.form2 .lab{ position: relative; display:flex; margin-bottom:24px;}
.form2 .w32{ width:32.3%;}
.form2 .w100{ width:100%;}
.form2 .text{width: 100%;box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: var(--fff, rgba(255, 255, 255, 1));
padding: 13px 16px 13px 16px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
.form2 .textarea{width: 100%;border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: var(--fff, rgba(255, 255, 255, 1));
padding: 13px 16px 13px 16px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: 16px;
font-weight: 400;
line-height: 22px;height:120px;
letter-spacing: 0px;
text-align: left;
}
.form2 .yanzhengma{
width: 120px;
height: 48px;object-fit: contain;box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: var(--fff, rgba(255, 255, 255, 1));margin-left: 0.16rem;}
.form2 .submit{display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  font-size: calc(14px + 0.02rem);
  color: #fff;
  height: 48px;
  padding-bottom: 1px;
  border:1px solid rgba(0, 108, 186, 1);
  font-family: Open Sans;
  border-radius: 4px;
  background: rgba(0, 108, 186, 1);}
.form2 .submit:hover{background:#fff; color:rgba(0, 108, 186, 1);}
.form2 .btn{ width:100%; display: flex; justify-content: center; padding-top:0.26rem;}



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

@media screen and (max-width:1024px) {
.form2{ padding:20px;} 	
.form2 .lab{ margin-bottom:14px; }	
.form2 .text{ font-size:14px; line-height:22px; height:40px; padding:8px 14px;}
.form2 .textarea{ font-size:14px; padding:8px 14px;}
.form2 .yanzhengma{ min-width:100px; height:40px; margin-left:12px;  }
.form2 .submit{  width: 140px;font-size:14px; height:40px;}
}
@media screen and (max-width:767px) {
.form2 .w32{ width:100%;}
}


._slide1{ display:block; width:calc(100% + 14px); margin-left:-7px; margin-right:-7px;}
._slide1 .ul{ display:block; width:100%; }
._slide1 .ul .li{display:flex; flex-wrap: wrap; width:12.5%; padding:0 7px;}
._slide1 .ul .li a{ background:url(img/bg3.png) bottom center no-repeat; background-size:100% 100% !important; float: left; width:100%; position: relative; height:100%; padding:0.18rem 0.14rem 0.38rem 0.14rem; text-align: center;}
._slide1 .ul .li i{ display: block; margin:0 auto; width:0.64rem; height:0.64rem; overflow: hidden; border-radius:50%;box-shadow: 0px 0px 30px 0px rgba(68, 114, 196, 0.06);
background: var(--fff, rgba(255, 255, 255, 1));}
._slide1 .ul .li i img{ width:100%; height:100%; object-fit: contain;}
._slide1 .ul .li span{ display: block; width:100%; color: #333; font-size:calc(14px + 0.02rem); text-transform: uppercase; line-height:calc(22px + 0.08rem); margin-bottom:10px;}
._slide1 .ul .li font{ display: block; width:100%; color: #555; font-size:14px; line-height:16px; margin-top:6px;}
._slide1 .ul .li.on a::after{ display: block; content:''; position: absolute; left:50%; top:100%; border-left: 10px solid transparent; border-right:10px solid transparent;border-top:10px solid #d21920; margin-left:-10px; }
._slide1 .ul .li.on a{ background:url(img/bg4.png) bottom center no-repeat;}
._slide1 .ul .li.on a span{ color: rgba(222, 233, 239, 1);font-style: Bold;}
._slide1 .ul .li.on a font{color: rgba(222, 233, 239, 1);}
/*._slide1 .ul .li:hover a{ background:url(img/bg4.png) bottom center no-repeat;}
._slide1 .ul .li:hover a span{ color: rgba(222, 233, 239, 1);}
._slide1 .ul .li:hover a font{color: rgba(222, 233, 239, 1);}*/


._slide1 .slick-prev,
._slide1 .slick-next{ top:39%; margin-top:-0.2rem; width:0.4rem; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size:100% 100% !important;}
._slide1 .slick-prev:hover,
._slide1 .slick-next:hover{ background: url(img/next3.svg) center no-repeat; }
._slide1 .slick-prev{ left:-0.57rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
._slide1 .slick-next{ right:-0.57rem;}


@media screen and (max-width:1024px) {
._slide1{  width:calc(100% + 10px);margin-left:-5px; margin-right:-5px;}
._slide1 .ul .li{width:20%; padding:0 5px;}
._slide1 .ul .li a{ padding:14px 8px 30px 8px;}
._slide1 .ul .li i{ width:44px; height:44px;}
._slide1 .ul .li span{ font-size:14px; }
._slide1{ padding-bottom:40px;} 	
._slide1 .slick-prev,
._slide1 .slick-next{ width:30px; height:30px; top:100%;  margin-top:15px;}
._slide1 .slick-prev{left:37%; }
._slide1 .slick-next{ right: 37%;}
}
@media screen and (max-width:767px) {
._slide1 .ul .li{ width:33.33%; }
}



._list3{ display: block; width:100%;}
._list3 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:-0.15rem;}
._list3 .ul .li{display: flex; flex-wrap: wrap;width:25%; padding:0.15rem;}
._list3 .ul .li a{ display: flex; flex-wrap: wrap;width:100%; position: relative; height:100%; align-content: flex-start; justify-content: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
background: var(--fff, rgba(255, 255, 255, 1)); padding:0.26rem 0.3rem 0.37rem 0.3rem;}
._list3 .ul .li .img{ display: block;width:100%; line-height:0; overflow: hidden; position: relative; padding-bottom:100%;}
._list3 .ul .li .img img{ display: block; width:100%; height:100%; object-fit: contain; position: absolute; left:0;  top:0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._list3 .ul .li .tit{width:100%; color: #333;font-weight: bold;text-align: center; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top: 0.24rem;}
._list3 .ul .li .ico{ display: inline-flex; align-items: center; justify-content: center; color: var(--333, rgba(51, 51, 51, 1));
font-family: Open Sans; margin-top: 0.24rem;
font-style: Regular;background:rgba(241, 245, 246, 1);
font-size: 14px;height: 0.44rem; padding: 0 24px;border-radius: 50px;
font-weight: 400;
line-height: 1;
letter-spacing: 0px;
text-align: left;}
._list3 .ul .li .ico i{ display: block; width:16px; height:16px; margin-left:0.16rem;background: url(img/dian1.svg) center no-repeat;  background-size:100% 100% !important;}
._list3 .ul .li a:hover .img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
._list3 .ul .li a:hover .ico{ background: #006CBA;color: #fff;}
._list3 .ul .li a:hover .ico i{background: url(img/dian.svg) center no-repeat; }


@media screen and (max-width:1600px) {
/* ._list3 .ul .li .ico{height: 36px;}	 */
}	
@media screen and (max-width:1024px) {
._list3 .ul{ width:calc(100% + 14px); margin:-7px;}
._list3 .ul .li{ padding:7px;}
._list3 .ul .li a{ padding:10px 10px 20px 10px;}
._list3 .ul .li .tit{ font-size:15px; line-height:24px; height:48px; margin-top:14px;}	
._list3 .ul .li .ico{height:34px; padding: 0 16px; margin-top:14px;}
._list3 .ul .li .ico i{ width:16px; height:16px; margin-left:8px;}
}
@media screen and (max-width:767px) {
._list3 .ul .li{ width:50%;}
}



._box2{ width:100%; color: #555; font-size:16px; line-height:20px; display: flex; justify-content: space-between; align-items: center;}
._box2 .tit24{ width:auto; }
._box2 .tit16{ display: inline-flex; color: #888; }
._box2 .toll{ font-weight: bold;color: #006CBA; margin-left: 6px;}
._box3{ width:100%;display: flex; border-radius: 8px; padding: 0.24rem;
background:rgba(241, 245, 246, 1); display: flex; justify-content: space-between;}
._box3 ._select{ float:left; min-width:230px; width:230px; position:relative; margin-left:0.24rem;}
._box3 .text{ position: relative; display: flex;width: 100%;box-sizing: border-box; cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: var(--fff, rgba(255, 255, 255, 1)); color:#888;font-size:16px;line-height:36px; height:48px; padding:5px 16px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
._box3 .text::after{ cursor: pointer; float:left; position:absolute; top:50%; right:16px; width:24px; height:24px; content:''; background: url(img/right_hui.svg); background-size: 100% 100% !important; margin-top: -12px; }
._box3 .input01{  width:100% !important;}
._down{ display:none; float:left; width:100%; position:absolute; left:0; top:100%; z-index:6; background:#fff; padding:12px 0; box-shadow:0 0 7px rgba(2,97,208,0.07); overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:234px;border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;}
._down::-webkit-scrollbar {width:3px}
._down::-webkit-scrollbar-track{background:rgba(105,172,70,0.14);border-radius:3px}
._down::-webkit-scrollbar-thumb { width:3px; height:60px; background:#006CBA; border-radius:3px}
._down .li{ float:left; width:100%; color:#888; font-size:16px;line-height:30px; cursor:pointer; padding:0 16px;}
._down .li:hover{ color:#006CBA;}

@media screen and (max-width:1024px) {
._box3{ flex-wrap: wrap; padding:12px;}
._box3 ._select{ float:left; min-width:100%; width:100%; position:relative; margin:12px 0 0 0;}
._box3 .submit{ margin-left:10px; min-width:120px; width:120px; font-size:14px; height:40px; }
._box3 .submit img{ margin-right:4px;}
._box3 .input{ font-size:14px; padding:5px 12px; line-height:28px; height:40px;}
._box3 .text{ font-size:14px; padding:5px 12px; line-height:28px; height:40px;}
._box3 .text::after{right:10px;}
._down{  max-height:220px;}
._down .li{ font-size:14px;line-height:28px; padding:0 12px;}
}





.about1 .size16{font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.08rem);}

@media screen and (max-width:1024px) {
.about1 .size16{ font-size:14px;line-height:24px}
}


.about2{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.about2 .big{ display: block; width: 67.1%;}
.about2 .big .div{display: block; width:100%; overflow: hidden; border-radius:8px; position:relative; }
.about2 .big ._img{ padding-bottom: 63.9%; }
.about2 .big .cont{ display: block; position:absolute; left: 0; bottom:0; z-index: 6; width: 100%;padding: 0.3rem;
backdrop-filter: blur(40px); color: #fff;
background: rgba(0, 108, 186, 0.72);}
.about2 .big .tit{font-size: calc(14px + 0.04rem);
font-weight: bold;
line-height: calc(22px + 0.08rem);}
.about2 .big .p{font-size: calc(14px + 0.02rem); margin-top: 8px;
font-weight: 400;
line-height: calc(22px + 0.08rem);}

.about2 .small{ display: block; width: 36%; transform: translateX(-0.15rem); -ms-transform: translateX(-0.15rem); padding: 0.2rem 0;}
.about2 .small .div{ display: block; width: 100%; padding: 0.08rem 0;}
.about2 .small .a3{ width: 100%;display:flex; align-items: center; font-size:0.16rem;color: #333;line-height:1.4; font-weight: bold;}
.about2 .small .a3:hover{color:#006CBA;}
.about2 .small .a3 .ino{ display: flex; align-items: center; justify-content:center;box-shadow: 0px 0px 0.15rem 0px rgba(68, 114, 196, 0.15);
background:rgba(255, 255, 255, 1); border-radius: 50%; line-height: 0; margin:0 0.16rem;
min-width: 0.64rem;width: 0.64rem;
height: 0.64rem;}
.about2 .small .a3 .ino img{max-width:0.64rem; max-height:0.64rem; object-fit: contain;}
.about2 .small .slick-current .a3 span{border-radius: 400px;height:0.64rem; display: flex; align-items: center;  padding:0 0.24rem;color:#fff;
background: var(--主色, rgba(0, 108, 186, 1));}
.about2 .small .slick-prev,
.about2 .small .slick-next{ margin:0 !important; width:0.4rem; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size:100% 100% !important;}
.about2 .small .slick-prev:hover,
.about2 .small .slick-next:hover{ background: url(img/next3.svg) center no-repeat; }
.about2 .small .slick-prev{ left:0.28rem; top:auto; bottom: 100%; transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.about2 .small .slick-next{ right:auto; left:0.28rem; top:100%; transform: rotate(90deg); -ms-transform: rotate(90deg);}

@media screen and (max-width:1024px) {
.about2{ flex-wrap: wrap;}
.about2 .big{ width: 100%; }
.about2 .big .cont{padding:15px 14px;}
.about2 .big .tit{ font-size:16px; line-height:24px;  }
.about2 .big .p{ font-size:14px; line-height:22px; margin-top:4px; }
.about2 .small{ width: 100%; transform: translateX(0); -ms-transform: translateX(0); padding:8px 30px;}
.about2 .small .div{ padding:8px 8px;}
.about2 .small .a3{ font-size:14px; line-height:18px; justify-content: center;}
.about2 .small .a3 .ino{box-shadow: 0px 0px 0.15rem 0px rgba(68, 114, 196, 0.15); margin:0 12px 0 0;
min-width:50px;width:50px;
height:50px;}
.about2 .small .a3 .ino img{max-width:50px; max-height:50px;}
.about2 .small .slick-current .a3 span{height:50px;  padding:0 14px;}
.about2 .small .slick-prev,
.about2 .small .slick-next{ width:30px; height:30px; margin-top: -15px !important;}
.about2 .small .slick-prev{ left:0; bottom:auto; top:50%; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.about2 .small .slick-next{ left:auto; right:0; top:50%; transform: rotate(0deg); -ms-transform: rotate(0deg);}
}
@media screen and (max-width:767px) {
.about2 .big .cont{ position: static;}
}

.list19{width: 100%; display:block;}
.list19 .ul{width: 100%; display:flex; flex-wrap: wrap; margin:-13px; width:calc(100% + 26px); }
.list19 .ul .li{ width:25%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; padding:13px;}
.list19 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; align-content:flex-start;text-align: center; position: relative; padding:15px 15px 0.53rem 15px;background: rgba(241, 245, 246, 1);height: 100%;
border-radius:240px 240px 0 0;
}
.list19 .ul .li ._img{ padding-bottom: 100%; border-radius: 50%;}
.list19 .ul .li .tit{ display:block;width: 100%;
color: #333;
font-family: Open Sans;
 font-weight: bold;text-transform: uppercase;
font-size:calc(14px + 0.02rem);
line-height:calc(22px + 0.08rem); margin-top:0.49rem;
}
.list19 .ul .li .a:hover .tit{ color:#006CBA;}


@media screen and (max-width:1024px) {
.list19 .ul{margin:-7px; width:calc(100% + 14px); }	
.list19 .ul .li{ width:50%; padding:7px;}
.list19 .ul .li .a{ padding:10px 10px 20px 10px;}
.list19 .ul .li .tit{ font-size:14px; line-height:23px; margin-top:15px; }
.list19 .ul .li .tit br{ display: none;}
}
@media screen and (max-width:767px) {

}	



.list20{width: 100%; display:block; }
.list20 .ul{width: 100%; display:flex; flex-wrap: wrap; margin:-7px; width:calc(100% + 7px); }
.list20 .ul .li{ width:20%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; padding:7px;}
.list20 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content:center;text-align: center; position: relative; padding:0.38rem 0.3rem;height: 100%;box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.04);
}
.list20 .ul .li .pic{ display:flex; align-items: center; justify-content: center; width:0.8rem; height:0.8rem; line-height:1; margin:0 auto;background: url(img/bg2.png) center no-repeat;background-size: 100% !important;color: var(--主色, rgba(0, 108, 186, 1));
font-family: Open Sans;
 font-weight: bold;
font-size:calc(14px + 0.06rem);
font-weight: 700;
letter-spacing: 0px;
text-align: center;}
.list20 .ul .li .tit{ display:block;width: 100%;
color: #fff;font-family: Open Sans;
text-transform: uppercase;
font-size:calc(14px + 0.02rem);
font-weight: bold;
line-height:calc(22px + 0.08rem); margin-top:0.24rem;
}

.list20 .ul .li .a:hover{
border: 1px solid rgba(255, 255, 255, 0.2);
background: var(--fff, rgba(255, 255, 255, 1));}
.list20 .ul .li .a:hover .tit{color: #333;}
.list20 .ul .li .a:hover .pic{color: #fff;background: url(img/bg1.png) center no-repeat;}



@media screen and (max-width:1024px) {
.list20 .ul{margin:-5px; width:calc(100% + 10px); }	
.list20 .ul .li{ width:50%; padding:5px;}
.list20 .ul .li .a{ padding:20px 14px;}
.list20 .ul .li .tit{ font-size:15px; line-height:23px; margin-top:10px; }
.list20 .ul .li .pic{font-size:16px;  width:60px; height:60px;}
}
@media screen and (max-width:767px) {
.list20 .ul .li{ width:50%;}
}



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

.list04 .ul .li{ width:16.66%; display:inline-flex; flex-wrap: wrap; padding:9px;}
.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.48rem 0.24rem;background:#fff; height: 100%;
border-radius:8px;
}
.list04 .ul .li .pic{ display:block; width: 100%; line-height: 0;}
.list04 .ul .li .pic img{ width:0.56rem; height:0.56rem;}
.list04 .ul .li .tit{width: 100%;
color: #333;font-family: Open Sans;

font-size:calc(14px + 0.04rem);
font-weight: 400;
line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem); margin-top:0.24rem;
}
.list04 .ul .li .ico{ margin-top:0.24rem;
width: 40px;
height: 40px;background: url(img/jia.svg) center no-repeat rgba(241, 245, 246, 1);background-size: 20px auto !important;border-radius: 50%;
backdrop-filter: blur(50px);
display: flex;}
.list04 .ul .li .a:hover .tit{ color:#006CBA;}
.list04 .ul .li .a:hover .ico{;background: url(img/jia_bai.svg) center no-repeat #006CBA;}


@media screen and (max-width:1024px) {
.list04 .ul{ width: calc(100% + 6px); margin:-6px;  }	
.list04 .ul .li{ width:33.33%; padding:6px 6px;}
.list04 .ul .li .a{ padding:20px 14px;}
.list04 .ul .li .tit{ font-size:16px; line-height:24px; margin-top:10px; }
.list04 .ul .li .ico{ margin-top:10px;width:30px;background-size:18px auto !important;
height: 30px;}
.list04 .ul .li .pic img{ width:36px; height:36px;}
}
@media screen and (max-width:767px) {
.list04 .ul .li{ width:50%;}

}





._list2{ display: block;/* width:100%; */width:calc(100% + 0.3rem); margin-left:-0.15rem;margin-right:-0.15rem; }
._list2 .ul{ display: flex; flex-wrap: wrap; width:100%; }
._list2 .ul .li{display: flex; flex-wrap: wrap; min-width:5.7rem;width:5.7rem;  padding:0 0.15rem;}
._list2 .ul .li a{ display: flex; flex-wrap: wrap;width:100%; position: relative; height:100%; align-content: flex-start; justify-content: center;
border-radius: 0.3rem;
background: var(--fff, rgba(255, 255, 255, 1)); padding:0.46rem 0.45rem 82px 0.45rem;}
._list2 .ul .li .img{ display: block;width:64.6%; line-height:0; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 0.24rem;aspect-ratio: 100 / 100;}
._list2 .ul .li .img img{ display: block; width:100%; height:100%; object-fit: contain;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._list2 .ul .li .tit{width:100%; color: #333;font-weight: bold; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
._list2 .ul .li .info{width:100%; color: #555;font-weight: 400;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);height:calc(44px + 0.04rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top: 0.14rem;}
._list2 .ul .li .ico{ display: inline-flex; align-items: center; justify-content: center; color: var(--333, rgba(51, 51, 51, 1)); position: absolute; right: 10px; bottom:10px;
font-family: Open Sans; margin-top: 0.24rem;
font-style: Regular;background:rgba(241, 245, 246, 1);
font-size: 14px;height: 44px; padding: 0 24px;border-radius: 50px;
font-weight: 400;
line-height: 1;
letter-spacing: 0px;
text-align: left;}
._list2 .ul .li .ico i{ display: block; width:16px; height:16px; margin-left: 16px;background: url(img/dian1.svg) center no-repeat;  background-size:100% 100% !important;}
._list2 .ul .li a:hover .img img{ transform: scale(1.06); -ms-transform: scale(1.06);}
._list2 .ul .li a:hover .ico{ background: #006CBA;color: #fff;}
._list2 .ul .li a:hover .ico i{background: url(img/dian.svg) center no-repeat; }
._list2 .ul .li a:hover .tit{ color: #006CBA;}

@media screen and (max-width:1920px) {
.main5-1 ._list2{ padding:0 0 0 4.4vw;}	
}	
@media screen and (max-width:1600px) {
.main5-1 ._list2{ padding:0;}	
}	
@media screen and (max-width:1024px) {
._list2{ width:calc(100% + 14px);  margin-left:-7px;margin-right:-7px;}
._list2 .ul .li{ min-width:280px; width:280px; padding:0 7px;}
._list2 .ul .li a{ padding:10px 10px 55px 10px;border-radius: 8px;}
._list2 .ul .li .tit{ font-size:15px; line-height:24px;}	
._list2 .ul .li .info{ font-size:14px; line-height:23px; height:46px; margin-top:10px;}	
._list2 .ul .li .img{ margin-top: 10px;}
._list2 .ul .li .ico{height:34px; padding: 0 16px; }
._list2 .ul .li .ico i{ width:16px; height:16px; margin-left:8px;}
}
@media screen and (max-width:767px) {

}




.Application{ display: block; width: 100%; position: relative;}
.Application .top{  display:block; position: absolute; z-index:1; left: 0; top:1.1rem; width:100%; z-index: 6;}
.Application .xia{  display:block; position: absolute; z-index:1; left: 0; bottom:1.1rem; width:100%; z-index: 6;}
.Application .big{ display: block; width: 100%; overflow: hidden;}
.Application .big  .li{ display: block; width: 100%; padding-top:2.24rem; padding-bottom: 2.54rem;}
.Application .big .tit24 {width: 100%; line-height: 0.48rem; text-transform: uppercase;}
.Application .big .tit16{/* width: 774px; */ width: calc(500px + 2.74rem); display: flex; flex-wrap: wrap; color:#fff; margin-top:0.24rem;}
.Application .big .dd{width: 50%; padding-right:0.3rem;}
.Application .big .p{ display: inline-flex; position: relative; padding:0.08rem 0;  color:#fff;}
.Application .big .p::after{ display: block; width: 0; height:1px; position: absolute; left:0; bottom:0; background:#fff; content: '';}
.Application .big .p:hover::after{width:100%;}
.Application .big .w_width{ height: 100%;}
.Application .big .sect{width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-content: center;}


.Application .dowm{position: relative; padding:0 64px;}
.Application .small{ display: block; width: 100%; overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 100px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.04);  }
.Application .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.Application .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.Application .small .li{ display: block; position: relative;border-right: 1px solid rgba(255, 255, 255, 0.4);}
.Application .small .cont{ cursor: pointer; display: flex; align-items:center; justify-content: center; width: 100%; padding:0.23rem 0.36rem;box-sizing: border-box;
 color: #fff;font-weight: 400;
 font-size: calc(14px + 0.04rem);
line-height:calc(22px + 0.08rem);
}
.Application .small .tit{
}
.Application .small .num { line-height: 0;
width: 40px;min-width: 40px;
height: 40px; margin-right: 0.1rem;
display: flex;}
.Application .small .swiper-slide-thumb-active{ background:#006CBA;}
.Application .swiper-prev,
.Application .swiper-next{ cursor: pointer; display:flex; justify-content: center; position: absolute; z-index:10; top:50%; margin-top: -20px; width:40px; height:40px; z-index: 6;
border: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.04);border-radius:50%;}
.Application .swiper-prev::after,
.Application .swiper-next::after{ content: ''; display:block; position: absolute; left:0; top:0; z-index:10; width:100%; height: 100%;background:url(img/next5.svg) center no-repeat ; background-size:20px auto !important; }
.Application .swiper-prev{ left:0; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.Application .swiper-next{ right:0;}
.Application .swiper-prev:hover,
.Application .swiper-next:hover{background:#006CBA;border: 1px solid #006CBA;}



@media screen and (max-width: 1024px) {	
.Application .top{ top:35px;}
.Application .xia{ bottom:35px;}	
.Application .big .tit24 { line-height:26px;}
.Application .big .tit16{width: 100%; margin-top:10px;}
.Application .big .dd{width: 50%; padding-right:15px;}
.Application .big  .li{ display: block; width: 100%; padding-top:90px; padding-bottom:110px;}
.Application .dowm{ padding:0 40px;}
.Application .small .cont{  padding:10px 16px;
 font-size: 14px;
line-height:24px;
}
.Application .small .num{
width: 30px;min-width: 30px;
height: 30px; margin-right:6px;}
.Application .swiper-prev,
.Application .swiper-next{width:30px; height:30px; margin-top: -15px;  }
.Application .swiper-prev::after,
.Application .swiper-next::after{ background-size:15px auto !important; }
}

@media screen and (max-width: 767px) {
.Application .big .sect{ padding:0 40px;}	
.Application .big .dd{width: 100%; padding-right:0;}
}





.main5{ position: relative; overflow: hidden;}
.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; line-height: 0;}
.main5 .w_width::after{ content: ''; display:block; position: absolute; left:100%; bottom:19px; z-index:10; width:300px; height:2px; background:rgba(0,0,0,0.15);}
.main5-1 .w_width::after{ margin-left:0.15rem;}
.main5 ._list2 .ul{ flex-wrap:initial;}
.main5 .dowm{width: 100%;  margin-top:40px;  display: flex; align-items: center; width: 100%;}
.main5 .swiper-prev,
.main5 .swiper-next{ position:relative; z-index: 6; cursor: pointer; min-width:40px; height:40px;background:url(img/next2.svg) center no-repeat ; background-size:100% auto !important;}
.main5 .swiper-prev:hover,
.main5 .swiper-next:hover{background:url(img/next3.svg) center no-repeat ; }
.main5 .swiper-prev{ margin-right: 16px;  transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main5 .swiper-next{ margin-right: 0.64rem;}
.main5 .swiper-scrollbar {opacity:1 !important;width:100%;border-radius: 0;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
background: var(--swiper-pagination-progressbar-bg-color, rgba(0,0,0,0.15));
position: relative;
height: var(--swiper-pagination-progressbar-size,2px);
overflow: hidden;
}
.main5 .swiper-scrollbar-drag{background:#006CBA;
background: var(--swiper-pagination-color,#006CBA);
position: absolute;
left:0.5%;
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:#006CBA;z-index:1;}
.main5 .case1 .u2{  gap:0;}
.main5 .case1 .u2 .li{ min-width: 4.38rem;width: 4.38rem; margin-right: 0.6rem;}



@media screen and (max-width:1024px) {
.main5 .w_width::after{ bottom:14px;}		
.main5-1 .w_width::after{ margin-left:7px;}
.main5 .dowm{margin-top: 20px;}
.main5 .swiper-prev,
.main5 .swiper-next{ min-width:30px; height:30px;}
.main5 .swiper-prev{ margin-right:10px; }
.main5 .swiper-next{ margin-right:16px;}
.main5 .case1 .u2{  gap:0;}
.main5 .case1 .u2 .li{ min-width:266px;width:266px;margin-right:14px;}
}


.main6{ overflow: hidden;}
.main6 .w_width::after{ content: ''; display:block; position: absolute; left:100%; bottom:19px; z-index:10; width:300px; height:2px; background:rgba(255,255,255,0.2)}
.main6 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main6 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main6 .dowm{width: 100%;  margin-top:40px;  display: flex; align-items: center; width: 100%; padding:0 0.15rem;}
.main6 .dowm .w100{ position: relative;}
.main6 .swiper-prev,
.main6 .swiper-next{ position:relative; z-index: 6; cursor: pointer; min-width:40px; height:40px;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 80px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.04);border-radius:50%;}
.main6 .swiper-prev:hover,
.main6 .swiper-next:hover{background:#006CBA;border: 1px solid #006CBA; }
.main6 .swiper-prev::after,
.main6 .swiper-next::after{ content: ''; display:block; position: absolute; left:0; top:0; z-index:10; width:100%; height: 100%;background:url(img/next5.svg) center no-repeat ; background-size:20px auto !important; }

.main6 .swiper-prev{ margin-right: 16px;  transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main6 .swiper-next{ margin-right: 0.64rem;}
.main6 .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;
}
.main6 .swiper-scrollbar-drag{background:#fff;
background: var(--swiper-pagination-color,#fff);
position: absolute;
left:0.5%;
top: 0;
width: 100%;
height:2px;
transform: scale(1);border-radius: 0;
transform-origin: left top;
}
.main6 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:2px; background:#fff;z-index:1;}


@media screen and (max-width:1024px) {
.main6 .w_width::after{ bottom:14px;}	
.main6 .dowm{margin-top: 20px; padding:0 7px;}
.main6 .swiper-prev,
.main6 .swiper-next{ min-width:30px; height:30px;}
.main6 .swiper-prev::after,
.main6 .swiper-next::after{ background-size:15px auto !important; }
.main6 .swiper-prev{ margin-right:10px; }
.main6 .swiper-next{ margin-right:16px;}
}


.pord-box{ display: flex; width: 100%; align-items: flex-start; justify-content: space-between;}
.pord-box1{ flex-direction: row-reverse;}
.pord-left{ width:3.28rem; min-width:3.28rem;}
.pord-right{ width:calc(100% - 3.56rem); }
.pord-right ._list3 .ul .li{ width:33.33%;}
.pord-tit1{border-radius: 8px; width: 100%; display: block; text-align: center;
background: var(--主色, rgba(0, 108, 186, 1));color: var(--fff, rgba(255, 255, 255, 1));
padding: 0.36rem 0.2rem;

font-family: Open Sans;
font-style: Bold;
font-size: 0.28rem;
font-weight: 700;
line-height: 0.4rem;
letter-spacing: 0px;
text-transform: uppercase;}
.pord-tit2{border-radius: 8px; width: 100%; display: block;
background: var(--主色, rgba(0, 108, 186, 1));
padding: 0.25rem 0.24rem; color: #fff;}
.mr28{ margin-right:0.28rem; }
.ml28{ margin-left:0.28rem; }

@media screen and (max-width:1024px) {
.pord-box{ flex-wrap: wrap;}
.pord-right{  width:100%;  }
.pord-left{ width:100%; min-width:100%; margin:0 0 20px 0; }
.pord-tit1{
padding:10px 14px;
font-size:18px;
line-height:28px;}
.pord-tit2{padding:10px 14px; text-align: center;}
.mr28{ margin:0 0 20px 0;}
.ml28{ margin:0 0 20px 0;}
}
@media screen and (max-width:767px) {
.pord-right ._list3 .ul .li{ width:50%;}
}

.pord-slilde1{ width: 100%;  }
.pord-slilde1 .ul3{ display: flex; flex-wrap: wrap; width:100%;}
.pord-slilde1 .ul3 .l3{ display: block; width:100%;margin-top:10px;}
.pord-slilde1 .ul3 .a3{ display: flex; align-items: center; justify-content: space-between; width:100%; color: #333; line-height:0.3rem; position: relative; font-size:0.16rem; padding:0.3rem 0.24rem;
border-radius: 8px;
background:rgba(241, 245, 246, 1);}
.pord-slilde1 .ul3 .a3 .ico{  min-width:0.3rem; width:0.3rem; line-height: 0; margin-right: 0.1rem;}
.pord-slilde1 .ul3 .a3 .ico img{ width:0.3rem; height:0.3rem; }
.pord-slilde1 .ul3 .a3 .ico .img1{display: block;}
.pord-slilde1 .ul3 .a3 .ico .img2{display: none;}
.pord-slilde1 .ul3 .l3:hover .a3 .ico .img1{display: none;}
.pord-slilde1 .ul3 .l3:hover .a3 .ico .img2{display: block;}
.pord-slilde1 .ul3 .l3.on .a3 .ico .img1{display: none;}
.pord-slilde1 .ul3 .l3.on .a3 .ico .img2{display: block;}
.pord-slilde1 .ul3 .a3 .ino{  min-width:0.24rem; width:0.24rem; height:0.24rem; background: url(img/right_hui.svg) right center no-repeat; background-size:100% auto !important;}
.pord-slilde1 .ul3 .l3:hover .a3{color: #fff; background: #006CBA;}
.pord-slilde1 .ul3 .l3.on .a3{color: #fff; background: #006CBA;border-radius: 8px 8px 0 0;}
.pord-slilde1 .ul3 .l3:hover .ino{ background: url(img/right_bai.svg) right center no-repeat;}
.pord-slilde1 .ul3 .l3.on .ino{background: url(img/right_bai.svg) right center no-repeat;  transform: rotate(90deg); -ms-transform: rotate(90deg);}
.pord-slilde1 .u4{ display: none; width:100%; padding:0.2rem 0.18rem 0.2rem 0.18rem;border-radius: 0px 0px 8px 8px;
background:rgba(241, 245, 246, 1); }
.pord-slilde1 .u4 .l4{ display: block; width:100%; padding:0.04rem 0; }
.pord-slilde1 .u4 .a4{ display:inline-flex; padding:0.08rem 0; color:#555; line-height:0.24rem; font-size:0.16rem; position: relative;}
.pord-slilde1 .u4 .a4::after{ display: block; width: 0; height:1px; position: absolute; left:0; bottom:0; background:#006CBA; content: '';}
.pord-slilde1 .u4 .a4:hover{color:#006CBA; }
.pord-slilde1 .u4 .a4:hover::after{width:100%;}
.pord-slilde1 .u4 .l4.on .a4{color:#006CBA; font-weight: bold;}
.pord-slilde1 .u4 .l4.on .a4::after{width:100%;}


@media screen and (max-width:1024px) {
.pord-slilde1 .ul3 .a3{ line-height:22px;font-size:14px; padding:10px 14px;}
.pord-slilde1 .ul3 .a3 .ico{  min-width:26px; width:26px; margin-right:6px;}
.pord-slilde1 .ul3 .a3 .ico img{ width:26px; height:26px; }
.pord-slilde1 .ul3 .a3 .ino{  min-width:20px; width:20px; height:20px;}
.pord-slilde1 .u4 .a4{ padding:4px 0;  line-height:22px;font-size:14px; }
.pord-slilde1 .u4{ padding:10px 14px; }
}


.pord-slilde2{ width: 100%;}
.pord-slilde2 .u3{ width: 100%;display: block;}
.pord-slilde2 .u3 .l3{ width: 100%;display: block;margin-top:10px;}
.pord-slilde2 .u3 .a3box{ width: 100%;display: block;}
.pord-slilde2 .u3 .a3{ width: 100%;display:flex; align-items: center; font-size:0.16rem;color: #555;line-height:0.24rem;border-radius: 8px;padding:0.17rem 0.24rem;

background:rgba(241, 245, 246, 1);}
.pord-slilde2 .u3 .a3:hover{background:#006CBA; color:#fff;}
.pord-slilde2 .u3 .ino{ display: flex; align-items: center; justify-content:center;box-shadow: 0px 0px 30px 0px rgba(68, 114, 196, 0.06);
background:rgba(255, 255, 255, 1); border-radius: 50%; line-height: 0; margin-right:0.16rem;
min-width: 0.56rem;width: 0.56rem;
height: 0.56rem; border-radius:50%; overflow:hidden; }
.pord-slilde2 .u3 .ino img{max-width:0.56rem; max-height:0.56rem; object-fit: contain;}

@media screen and (max-width:1024px) {
.pord-slilde2 .u3 .a3{ line-height:22px;font-size:14px; padding:10px 14px;}
.pord-slilde2 .u3 .a3 .ino{margin-right: 15px;
  min-width: 40px;
  width: 40px;
  height: 40px;  box-shadow: 0px 0px 15px rgba(68, 114, 196, 0.15);}
.pord-slilde2 .u3 .ino img{max-width:40px; max-height:40px;}
}



.top-header{ height: 0.96rem; background:rgba(104, 151, 191, 1);}

@media screen and (max-width:1024px) {
.top-header{ height:50px;}
}

.pord1{
	background: linear-gradient(180.00deg, rgba(104, 151, 191, 1),rgba(181, 204, 224, 1) 100%);
}


.pord2{ width: 100%; padding-top: 0.6rem;}
.pord2 .title{color: rgba(255, 255, 255, 1);
width: 100%;
font-family: Open Sans;
font-style: Bold;
font-size: 0.36rem;
font-weight: 700;
line-height: 0.48rem;
letter-spacing: 0px;
text-align: center;}
.pord2 .info{color: rgba(255, 255, 255, 1); margin-top: 0.3rem;
font-family: Open Sans;
font-style: Regular;
font-size: calc(14px + 0.04rem);
font-weight: 400;
line-height:calc(22px + 0.08rem);
letter-spacing: 0px;
/* text-align: justify; */}


@media screen and (max-width:1024px) {
.pord2{ padding-top:30px;}
.pord2 .title{
font-size:20px;
line-height:30px;}
.pord2 .info{ margin-top:10px;
font-size:15px;
line-height:26px;}
}





._list3-1 .ul{ display: block;  margin:0 -0.15rem;}
._list3-1 .ul .li{  padding:0 0.15rem;}
._list3-1 .slick-prev,
._list3-1 .slick-next{ top:0; margin-top:-0.8rem; width:0.4rem; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size:100% 100% !important;}
._list3-1 .slick-prev:hover,
._list3-1 .slick-next:hover{ background: url(img/next3.svg) center no-repeat; }
._list3-1 .slick-prev{ left:auto; right:0.7rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
._list3-1 .slick-next{ right:0.14rem;}


@media screen and (max-width:1024px) {
._list3-1{ padding-bottom:30px;} 	
._list3-1 .ul{ margin:0 -7px;}
._list3-1 .ul .li{  padding:0 7px;}	
._list3-1 .slick-prev,
._list3-1 .slick-next{ width:30px; height:30px; top:100%;  margin-top:0;}
._list3-1 .slick-prev{ right:auto; left:37%; }
._list3-1 .slick-next{ right:37%;}
}



.pord3{
 width: 100%;
font-family: Open Sans; color: #333;
font-style: 400;
font-size: calc(14px + 0.02rem);
line-height: calc(22px + 0.08rem);}
.pord3 .title{
	color: var(--主色, rgba(0, 108, 186, 1));
	width: 100%;
	font-family: Open Sans;
	font-style: Bold;
	font-size: calc(14px + 0.04rem);
	font-weight: 700;
	line-height: calc(22px + 0.08rem);
	letter-spacing: 0px;
	text-align: left;
 display: flex; align-items: flex-start;
}
.pord3 .title .s{ padding:0.03rem 0;}
.pord3 .title .num{ margin-right: 8px;
	/* 容器 2135 */
	min-width: calc(22px + 0.14rem);
	height: calc(22px + 0.14rem);
	/* 自动布局 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: var(--主色, rgba(0, 108, 186, 1));
color: var(--fff, rgba(255, 255, 255, 1));
font-family: Open Sans;
font-style: Bold;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.pord3 .bd{width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0px 8px 0 0;
background: var(--fff, rgba(255, 255, 255, 1));}
.pord3 .cont{width: 100%; margin-top: 24px;}
.pord3 .sect1{width: 100%; padding:0 0.35rem 37px 0.35rem;}
.pord3 .sect{width: 100%; padding:30px 0.35rem 40px 0.35rem;}
.pord3 .sect .dl{width: 100%;}
.pord3 .sect .dd{width: 100%; padding: 40px 0; border-top: 2px solid rgba(0, 108, 186, 1);}
.pord3 .pdd30{ padding-bottom: 30px;}
.pord3 .ptt30{ padding-top: 30px;}
.pord3 .info1{ border-top: 2px solid rgba(0, 108, 186, 1);}
.pord3 .info3{ border-bottom: 2px solid rgba(0, 108, 186, 1);}
.pord3 ._page{ display: flex; justify-content: space-between; width: 100%; padding:24px 0.35rem;border-radius: 0px 0 8px 8px;background:rgba(241, 245, 246, 1);border: 1px solid #d8dcdd; border-top: 0;}
.pord3 ._page .a{ position: relative; width: 49%; color: #333; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; line-height:0.4rem; }
.pord3 ._page .a.Prev::after{ left:0; transform:rotateY(180deg); -ms-transform:rotateY(180deg); }
.pord3 ._page .a.Prev{ padding-left: 0.48rem;}
.pord3 ._page .a.Next{ text-align: right; padding-right: 0.48rem;}
.pord3 ._page .a.Next::after{ right:0;}
.pord3 ._page .a::after{content: ''; position: absolute; top:0; z-index: 6; width:0.4rem; top:0; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size: 100% 100% !important;}
.pord3 ._page .a:hover{ color:#006CBA;}
.pord3 ._page .a:hover::after{ background: url(img/next3.svg) center no-repeat;}

.pord3 .hd{width: 100%;}
.pord3 .hd ul{ display: inline-flex; flex-wrap: wrap;}
.pord3 .hd li{ cursor: pointer; display: inline-flex;box-sizing: border-box; margin-right: 10px;
border-left: undefinedpx solid rgba(0, 0, 0, 0.1);
border-right: undefinedpx solid rgba(0, 0, 0, 0.1);
border-top: undefinedpx solid rgba(0, 0, 0, 0.1);
border-radius: 8px 8px 0px 0px;
background:rgba(241, 245, 246, 1); padding:0.25rem 0.3rem;color: #006CBA;
}
.pord3 .hd li.on{  color: #fff;
background: #006CBA;
}
.pord3 .red{ color: #FF0000;}


@media screen and (max-width:1024px) {
.pord3 ._page{ padding:14px 15px;}
.pord3 ._page .a{ line-height:30px;}
.pord3 ._page .a::after{ width:30px; height:30px;}
.pord3 ._page .a.Prev{ padding-left:38px;}
.pord3 ._page .a.Next{ padding-right:38px;}
.pord3 .title .s{ padding:2px 0;}
.pord3 .title .num{
	min-width: 30px;
	height: 30px;
font-size: 13px;}
.pord3 .sect .dd{ padding: 25px 0;}
.pord3 .cont{ margin-top: 8px;}
.pord3 .sect1{padding:0 15px 30px 15px;}
.pord3 .sect{padding:25px 15px 30px 15px;}
.pord3 .pdd30{ padding-bottom: 20px;}
.pord3 .ptt30{ padding-top: 20px;}
.pord3 .hd li{padding:7px 18px 10px 18px; font-size:17px;}


}



.pingjia{width: 100%;}
.pingjia .itme{width: 100%; padding:30px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
.pingjia .left{display: flex;
    align-items: center;}
.pingjia .reviewer-avatar { overflow: hidden; margin-right: 8px;
    width:40px;
    height: 40px;
    border-radius: 50%;   
    display: flex;
    align-items: center;
    justify-content: center;
}
.pingjia .reviewer-avatar img{object-fit: cover;
	width:40px;
    height: 40px;}
.pingjia .stars {display: flex;
    align-items: center;
}
.pingjia .stars img{ margin-left: 2px;
	width:16px;
    height: 16px;}
.pingjia .reviewer-name {display: inline-flex;color: var(--000, rgba(0, 0, 0, 1));
font-family: Open Sans;
font-style: Bold;
font-size: 18px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.pingjia .reviewer{display: flex;width: 100%;  justify-content: space-between;
    align-items: center;}
.pingjia .review-content{width: 100%;  margin-top: 0.24rem;}
.pingjia .review-content a{color: #333;}
.pingjia .review-content a:hover{color:#006CBA;}

@media screen and (max-width:1024px) {
.pingjia .itme{ padding: 20px 0;}
.pingjia .review-content{ margin-top:10px;}



}



.form3{ display: flex; flex-wrap:wrap; width:100%; align-items:flex-start; justify-content: space-between;} 
.form3 .lab{ position: relative; display:flex; flex-wrap:wrap; margin-top:20px; width:29.9%;}
.form3 .w100{ width:100%;}
.form3 .stars1 {width:100%;display: flex; margin-top:8px;
    align-items: center;
}
.form3 .stars1 .star_span{ display:block; margin-right: 2px; width:16px;  height: 16px; background:url(img/stars1.png) no-repeat center center;background-size:100% 100%;}
.form3 .stars1 .star_span.on{background-image:url(img/stars.png);}

.pingjia .reviewer-name {display: inline-flex;color: var(--000, rgba(0, 0, 0, 1));
font-family: Open Sans;
font-style: Bold;
font-size: 18px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.form3 .name{ width:100%; margin-bottom:8px;}
.form3 .text{width: 100%;box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background:rgba(241, 245, 246, 1);
padding: 13px 16px 13px 16px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
.form3 .textarea{width: 100%;box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background:rgba(241, 245, 246, 1);
padding: 13px 16px 13px 16px;
color:#333;
font-family: Open Sans;
font-style: Regular;
font-size: 16px;
font-weight: 400;
line-height: 22px;height:130px;
letter-spacing: 0px;
text-align: left;
}
.form3 .yanzhengma{ cursor:pointer;
width: 110px;
height: 48px;object-fit: contain;box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: var(--fff, rgba(255, 255, 255, 1));margin-left: 0.16rem;}
.form3 .submit{display: flex;margin-top:20px;
  justify-content: center;
  align-items: center;
  width: 180px;
  font-size: calc(14px + 0.02rem);
  color: #fff;
  height: 48px;
  padding-bottom: 1px;
  border: 0;
  border-radius: 0;
  font-family: Open Sans;
  border-radius: 4px;
  background: rgba(0, 108, 186, 1);}
.form3 .submit:hover{background:#fff; color:rgba(0, 108, 186, 1);border: 1px solid #006CBA;}
.form3 .checkbox{width:100%; display: flex; align-items: flex-start;color: var(--888, rgba(136, 136, 136, 1)); margin-top:16px;
font-family: Open Sans;
font-style: Regular;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;}
.form3 .checkbox .check{ cursor: pointer; position:relative; min-width:20px; width:20px; height:20px; display:flex; margin:2px 8px 0 0;border: 1px solid rgba(38, 144, 188, 1);
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
background:rgba(241, 245, 246, 1);}
.form3 .checkbox .check.checked{background:url(img/checked.svg) #006CBA center no-repeat; background-size: 100% 100%;border: 1px solid #006CBA; }


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

@media screen and (max-width:1024px) {
.form3 .lab{ margin-top:10px; }	
.form3 .text{ font-size:14px; line-height:22px; height:40px; padding:8px 14px;}
.form3 .textarea{ font-size:14px; padding:8px 14px;}
.form3 .yanzhengma{ min-width:90px; height:40px; margin-left:12px;  }
.form3 .submit{ margin-top:10px; width: 140px;font-size:14px; height:40px;}
.form3 .last{ justify-content: center;}
}
@media screen and (max-width:767px) {
.form3 .lab{ width:100%;}
}


.pord4{ position: relative; overflow: hidden; padding:0 0.11rem;}
.pord4 .swiper-slide{ padding:0 0.11rem;}
.pord4 .pic{width:72%;}
.pord4 .swiper-slide-prev{justify-content: flex-end; display: flex;}
.pord4 .swiper-slide-active .pic{width:100%;}
.pord4 ._img{ padding-bottom: 100%;}
.pord4 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; align-items: center;}
.pord4 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.pord4 .swiper-prev,
.pord4 .swiper-next{ position:absolute; z-index: 6; cursor: pointer;width:40px; height:40px; top:50%; margin-top: -20px; z-index: 6; background:url(img/next4.svg) center no-repeat ; background-size:100% auto !important;}
.pord4 .swiper-prev:hover,
.pord4 .swiper-next:hover{background:url(img/next3.svg) center no-repeat ; }
.pord4 .swiper-prev{ left: 0;  transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pord4 .swiper-next{ right:0;}

@media screen and (max-width:1024px) {
.pord4 .swiper-prev,
.pord4 .swiper-next{width:30px; height:30px; margin-top: -15px;}

}
@media screen and (max-width:767px) {
.pord4{  overflow: visible; padding:0;}
.pord4 .swiper-slide{ padding:0 6px;}
.pord4{ margin-bottom: 50px;}
.pord4 .swiper-prev,
.pord4 .swiper-next{top:100%; margin-top:20px;}
.pord4 .swiper-prev{ left: 37%;  }
.pord4 .swiper-next{ right:37%;}
}





.main4{ overflow: hidden;}
.main4 .info{color:rgba(85, 85, 85, 1); width: 100%; margin-top: 9px;
font-family: Open Sans;
font-style: Regular;
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.08rem);
text-align: center;}
.main4 .yuanhu{  position:absolute; left:-1%; cursor: pointer;width:102%; height:3.88rem; top:5.4rem; z-index:1; background:url(img/yuanhu.svg) center top no-repeat ; background-size:100% 100% !important; }
@media screen and (max-width:1024px) {
	.main4 .info br{display: none;}
	.main4 .yuanhu{  top:6rem;  }
}

#yixing{ width: 100%;}
#yixing .anniu{display: flex; justify-content: center; width: 100%; margin-top: 40px;}
#yixing .anniu .zuoanniu{display: block; width: 40px; height: 40px;  margin-right:8px; cursor: pointer;background:url(img/next2.svg) center no-repeat ; background-size:100% auto !important; transform: rotate(180deg); -ms-transform: rotate(180deg); }
#yixing .anniu .youanniu{display: block; width: 40px; height: 40px; margin-left: 8px; cursor: pointer;background:url(img/next2.svg) center no-repeat ; background-size:100% auto !important;}
#yixing .anniu .zuoanniu:hover,
#yixing .anniu .youanniu:hover{background:url(img/next3.svg) center no-repeat ; }

#yixing ul{ list-style: none;display: block; width: 100%;  overflow: hidden; height:4.14rem; position: relative;  }

#yixing ul li{ position: absolute;  width:9.125%; }
#yixing ul li .a{ margin: 0.3rem 0;display: block; width: 100%; aspect-ratio: 100 / 100; border-radius: 50%; overflow: hidden;
box-shadow: 0px 0px 30px 0px rgba(68, 114, 196, 0.02);
background: var(--白色, rgba(255, 255, 255, 1)); }
#yixing ul li img{ width: 100%; height: 100%; }
#yixing ul li.no0{ top:57.6%; left:0; }
#yixing ul li.no1{ top:31.1%; left:11.2%; }

#yixing ul li.no2{ top:12.4%; left:24.2%; }

#yixing ul li.no3{ top:0; left:38.1%; }

#yixing ul li.no4{ top:0; left:52.43%; }

#yixing ul li.no5{ top:12.4%; left:66.8%; }

#yixing ul li.no6{ top:31.1%; left:79.6%; }

#yixing ul li.no7{ top:57.6%; left:90.7%; }
#yixing ul li.denghou{display: none;}



@media screen and (max-width:1024px) {
#yixing .anniu .zuoanniu,
#yixing .anniu .youanniu{width:30px; height:30px; }
#yixing .anniu{ margin-top:20px;}

}




/*260115start*/
.cont-tit .more{ text-transform: uppercase;}
._list2 .ul .li a::after{ display: block; content: ''; position: absolute; left:0; bottom: 0.55rem; width:100%; height:1.14rem; z-index: 1; background:url(img/yuan.png) center bottom no-repeat; background-size:auto 100%; }

@media screen and (max-width:1024px) {
._list2 .ul .li a::after{ bottom:45px; height:57px;  }
.t_navs .ss_search{ display: block;}
.t_navs .ss_search ._t{height:50px;  background-size: 20px auto !important;
  width: 44px;}
.t_navs ._b{  top:49px; height: 100px;}  
.t_navs ._b .input{ width: 92%; }
 .t_navs ._b .input input{height:40px;font-size:14px; padding:6px 14px;}
 .t_navs ._b .input .img{ min-width:56px;height: 40px; background-size:20px auto !important;}
 .t_navs .logo img{width: auto;
    height: 34px;}
.tspy .big .tit16{line-height: 24px; font-size: 14px; margin-top: 15px;}  
.tspy .big .tit24{line-height: 26px; font-size: 18px;}  
 

.footer-logo{ width: auto; display: inline-flex; align-items: center; }  
.footer1 .tit20.mt16{ margin:0; width: calc(100% - 50px); text-align: right; }
.footer1 .w1405{ display: flex; flex-wrap: wrap; justify-content: space-between;} 
  
 .pord-box1{ flex-wrap: wrap-reverse;} 
 .pord-box1 .pord-left{ margin: 25px 0 0 0;}
._list3-1 .ul .li{ margin-bottom: 20px;}
.about2 .small .a3{ flex-direction: column;} 
.about2 .small .a3 .ino{ margin:0 0 10px 0;min-width:44px;width:44px;
height:44px;}
.about2 .small .a3 .ino img{max-width:44px; max-height:44px;}
.about2 .small .a3 span{padding:8px 14px 10px 14px;}
.about2 .small .slick-current .a3 span{ height: auto; padding:8px 14px 10px 14px;}

  
}
@media screen and (max-width:767px) {
.tspy .small .cont{ font-size: 13px;padding: 10px 12px; }  
 .tspy .dowm{    padding: 0 35px 0 30px;} 
 .footer1 .tit20.mt16{ margin:0; width:266px; text-align: left;} 
 .pord4{padding: 0 50px;}
 
 .about1 .tit40{font-size: 19px;
    line-height: 27px;}
.list20 .ul .li .a{    padding: 16px 10px;}	
 .list20 .ul .li .tit{font-size: 12px;    margin-top:8px;
    line-height: 18px;}
.list20 .ul .li .pic {
    font-size: 13px;
    width: 48px;
    height: 48px;
  }	
	
}

.wap_down li .d_name{ display:none;}


.yixing1 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.yixing1 .swiper-slide{
  flex-shrink: 0; position: relative; transition-property: transform;line-height: 0;
}

.yixing1{ width: 100%;display: block; position: relative; /* overflow: hidden; */ }
.yixing1 .anniu{display: flex; justify-content: center; width: 100%; margin-top: 40px;}
.yixing1 .anniu .zuoanniu{display: block; width: 40px; height: 40px;  margin-right:8px; cursor: pointer;background:url(img/next2.svg) center no-repeat ; background-size:100% auto !important; transform: rotate(180deg); -ms-transform: rotate(180deg); }
.yixing1 .anniu .youanniu{display: block; width: 40px; height: 40px; margin-left: 8px; cursor: pointer;background:url(img/next2.svg) center no-repeat ; background-size:100% auto !important;}
.yixing1 .anniu .zuoanniu:hover,
.yixing1 .anniu .youanniu:hover{background:url(img/next3.svg) center no-repeat ; }

.yixing1 ul{display: block; width: 100%; position: relative;  }
.yixing1 ul li .a::after,
.yixing1 ul li .a::before{ display: block; content: ''; position: absolute; left: 50%; top: 1.03rem;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
	box-sizing: border-box; border-radius: 50%;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.yixing1 ul li .a::after{	width: 1.76rem;
height: 1.76rem;border: 1px solid rgba(0, 108, 186, 0);}
.yixing1 ul li .a::before{
width: 2.06rem;
height: 2.06rem;border: 1px solid rgba(0, 108, 186, 0);}
.yixing1 ul li .a:hover::after{border: 1px solid rgba(0, 108, 186, 0.15);}
.yixing1 ul li .a:hover::before{border: 1px solid rgba(0, 108, 186, 0.08);}
.yixing1 ul li .a{ margin: 0.3rem auto;display: block; width: 1.46rem; aspect-ratio: 100 / 100; border-radius: 50%; overflow: hidden;
box-shadow: 0px 0px 0.3rem 0px rgba(68, 114, 196, 0.02);
background: rgba(255, 255, 255, 1);
 }
 .yixing1 ul li .a:hover{box-shadow: 0px 2px 0.3rem 0px rgba(0, 108, 186, 0.3);}
.yixing1 ul li img{ width: 100%; height: 100%; }


.main4 .info{ padding:0 10%;}


@media screen and (min-width:767px) {
.yixing1 ul .swiper-slide{transform: translateX(50%); -ms-transform: translateX(50%); margin-top:2.06rem; opacity: 0;}
.yixing1 ul .swiper-slide-prev4{ margin-top: 2.06rem;opacity: 1; }
.yixing1 ul .swiper-slide-prev3{margin-top: 0.98rem;opacity: 1;}
.yixing1 ul .swiper-slide-prev2{margin-top: 0.28rem;opacity: 1;}
.yixing1 ul .swiper-slide-prev1{margin-top: 0;opacity: 1;}
.yixing1 ul .swiper-slide-active{margin-top: 0;opacity: 1;}
.yixing1 ul .swiper-slide-next3{ margin-top: 2.06rem;opacity: 1; }
.yixing1 ul .swiper-slide-next2{margin-top: 0.98rem;opacity: 1;}
.yixing1 ul .swiper-slide-next1{margin-top: 0.28rem;opacity: 1;}
}


@media screen and (max-width:1024px) {
.yixing1 .anniu .zuoanniu,
.yixing1 .anniu .youanniu{width:30px; height:30px; }
.yixing1 .anniu{ margin-top:20px;}
.main4 .yuanhu{ top:calc(120px + 1.6rem);}
}
@media screen and (max-width:767px) {
.yixing1 ul li .a::after,
.yixing1 ul li .a::before{ top:52px; }
.yixing1 ul li .a::after{	width:74px;
height:74px;}
.yixing1 ul li .a::before{
width:84px;
height:84px;}
.yixing1 ul li .a{ margin:20px auto; width:64px;
box-shadow: 0px 0px 15px 0px rgba(68, 114, 196, 0.02);
 }
 .yixing1 ul li .a:hover{box-shadow: 0px 2px 15px 0px rgba(0, 108, 186, 0.3);}
.yixing1 ul .swiper-slide{ margin-top:55px; opacity: 0;}
.yixing1 ul .swiper-slide-prev2{margin-top:55px;opacity: 1;}
.yixing1 ul .swiper-slide-prev1{margin-top:20px;opacity: 1;}
.yixing1 ul .swiper-slide-active{margin-top: 0;opacity: 1;}
.yixing1 ul .swiper-slide-next2{ margin-top:55px;opacity: 1; }
.yixing1 ul .swiper-slide-next1{margin-top: 20px;opacity: 1;}

.main4 .pt100{ padding-top:10px;}
.main4 .yuanhu{ top:180px;}
}


/*260115end*/






/*260202start*/
.pord4_zx{ display: flex; justify-content: center; width: 100%; padding-top:0.6rem;}
.pord4_zx .link{display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1;
  height: 0.48rem;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
  padding: 0 0.4rem 2px 0.4rem;
  color: #fff;
  font-size: 0.16rem; line-height: 1;
  background: #006CBA;}
 .pord4_zx .link .ino{ width:0.22rem; height: 0.22rem; margin-right: 0.1rem; background: url(img/whatsapp.png) center no-repeat; background-size: 100% 100% !important; } 
.pord4_zx .link:hover{color: #006CBA; background: #fff;}  
.pord4_zx .link:hover .ino{ background: url(img/whatsapp1.png) center no-repeat;}
.pord4_zx .link .wz{ padding-bottom: 2px;}


@media screen and (max-width:1024px) {
.pord4_zx{  padding-top:20px;}	
.pord4_zx .link{font-size:14px;padding:0 20px 2px 20px; height:36px;  border-radius: 32px;}
.pord4_zx .link .ino{ width:16px; height: 16px; margin-right:8px; } 
}



/*260202end*/