@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ 
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}



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





/*PC head*/
.t_navs{ position:absolute; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:0.94rem;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.62rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-right:0.86rem;}
.t_navs .menu .nli:last-child{ margin-right:0 !important;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:0.94rem; font-size:calc(14px + 0.04rem);color: #fff; }
.t_navs .menu .nli span a i{ display: none;  position: absolute; left:50%; bottom:5px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fff; margin-left: -5px; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:0; height:2px; width:0; background:#fff;}
.t_navs .menu .nli:hover span a i{display: block;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #fff;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .sub{ display:none; position: absolute; top:100%; right:0; z-index: 10; margin-top: -5px; background:#fff;}
.t_navs .sub4 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;width:4.09rem; padding:0.3rem 0 0.39rem 0.3rem; flex-direction: row-reverse;}
.t_navs .sub4 .u1{ display: block; width:35.3%;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; margin-bottom:0.14rem;}
.t_navs .sub4 .u1 .l1:last-child{ margin-bottom:0 !important;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #666; line-height:calc(20px + 0.02rem); font-size:calc(14px + 0.02rem); padding:0 0 0 16px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #0e6eb8; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a:hover{color: #0e6eb8; text-decoration: underline;}
.t_navs .sub4 .pic{ display:block; width:51%; line-height: 0; overflow: hidden;}
.t_navs .sub4 ._img{ padding-bottom: 67.01%;}
.t_navs .sub3{ width:100%; overflow: hidden;}
.t_navs .sub3 .box{ display: block; display: flex; flex-wrap: wrap;width:100%; padding:0.48rem 0 0.35rem 0;}
.t_navs .sub3 .u1{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.t_navs .sub3 .u1 .l1{ display: block; width:20%; margin-bottom:0.47rem; padding:0 0.15rem;}
.t_navs .sub3 .u1 .l1 a{ display: block; width:100%;}
.t_navs .sub3 .u1 .l1 a .tit{ text-align: center; width:100%; color: #666; line-height:calc(22px + 0.02rem); font-size:calc(14px + 0.02rem); margin-top:0.2rem;}
.t_navs .sub3 .u1 .l1 a ._img{ padding-bottom: 56.08%;}
.t_navs .sub3 .u1 .l1 a:hover .tit{color: #0e6eb8; }




.t_navs .ss_search{float: left; display:flex; margin-left:0.54rem;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.94rem; width:0.39rem; background: url(img/_search.svg) right center no-repeat; background-size:20px auto !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.94rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 12px;border: 1px solid #ececec;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size: 15px;color: #333;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input img{width: 20px;display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


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

.t_navs.bbt .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bbt .logo .img1{ display:none;}
.t_navs.bbt .logo .img2{ display:block;}
.t_navs.bbt .menu .nli span a{ color:#494949;}
.t_navs.bbt .menu .nli span a::after{ background:#0e6eb8;}
.t_navs.bbt .menu .nli.on span a,
.t_navs.bbt .menu .nli:hover span a{color: #0e6eb8;}
.t_navs.bbt .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}

.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .menu .nli span a{ color:#494949;}
.t_navs.ect .menu .nli span a::after{ background:#0e6eb8;}
.t_navs.ect .menu .nli.on span a,
.t_navs.ect .menu .nli:hover span a{color: #0e6eb8;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}

/* .t_navs.act .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{ color:#494949;}
.t_navs.act .menu .nli span a::after{ background:#0e6eb8;}
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #0e6eb8;}
.t_navs.act .sub{ box-shadow:0 0 7px rgba(0,0,0,0.07);}
.t_navs.act .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;} */


@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin-right:0.76rem;}	
.t_navs .sub3 .u1 .l1{  margin-bottom:0.37rem; padding:0 0.15rem;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .ss_search{ display:none;}
}



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

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

.t_navs.bct .menuph .navbtn{ background: #494949;}
.t_navs.bct .menuph .navbtn::after,
.t_navs.bct .menuph .navbtn::before { background: #494949;}


/* .t_navs.act .menuph .navbtn{ background: #494949;}
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #494949;} */


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

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #494949; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #0e6eb8;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #494949;  border-right:1px solid #494949;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #666666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#0e6eb8;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #333333;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;border-bottom: 1px solid #ececec;margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 15px;color: #333333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box img{width: 20px;cursor: pointer;position: absolute;right: 10px;top: 50%;margin-top: -10px;}


.footer1{ background: #474747; position: relative; z-index: 6;}
.footer1 .top{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:0.20rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:0.61rem;}
.footer1 .p1{ display:inline-flex;; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);}
.footer1 .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 48px; background: #0e6eb8; border:1px solid #0e6eb8; margin-right:34px; border-radius:16px 0 16px 0; padding:0 25px;}
.footer1 .btn i{ display: block; width:19px; height:19px; margin-left:10px; background: url(img/ico3.1.png) center no-repeat; background-size: 100% auto !important;}
.footer1 .btn:hover{ color: #0e6eb8; background: #fff; border:1px solid #fff;}
.footer1 .btn:hover i{background: url(img/ico3.png) center no-repeat;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content: center; padding:0.21rem 0;}
.footer1 .Copyright{ display:block; color:rgba(255,255,255,0.4); font-size:14px; line-height:22px;}
.footer1 .Copyright a{color: rgba(255,255,255,0.4); margin-left:17px;}
.footer1 .Copyright a:hover{color:rgba(255,255,255,1);}
.footer1 .sjkf{ display: inline-flex;color:rgba(255,255,255,0.4); font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 6px; font-size:12px;}
.footer1 .sjkf a{color:rgba(255,255,255,0.4); }
.footer1 .sjkf a:hover{ color:rgba(255,255,255,1) !important;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right:20px;}
.footer1 .sjkf .links span::after{ display: block; content:''; position: absolute; right: 0; top:50%;
 border-left: 5px solid transparent; border-right:5px solid transparent;border-top:5px solid #fff; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.footer1 .sjkf .links span.active::after{  transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); margin-top:1px;}
.footer1 .sjkf .donw{ display: none; width: 170px; position: absolute; right: 0; bottom:100%; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 164px; scrollbar-width: thin;
  scrollbar-color: #0e6eb8 #fff;}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:1px 14px; }
.footer1 .sjkf .donw a:hover{ color:#0e6eb8 !important;}
.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column; width:20%;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.09rem;}
.footer1 .nav .a1{ display:inline-flex; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem); padding-bottom:0.21rem; position: relative;}
.footer1 .nav .a1::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; background:#0e6eb8; width: 21px; height: 2px; }
.footer1 .nav .a2{ display:inline-flex;; color: #c1c1c1; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.08rem;}
.footer1 .nav .a2:hover{ color: #fff; }
.footer1 .tel{ display:block; width: 100%; text-align: right; color: #fff; font-weight: bold; font-size:calc(16px + 0.18rem); line-height:calc(22px + 0.18rem);}
.footer1 .tr{ display:inline-flex; flex-wrap: wrap; align-items: center;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; width:65%; padding:0.58rem 0 0.65rem 0; border-right:1px solid rgba(255,255,255,0.2);}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; justify-content: flex-end; width:35%; padding:0.36rem 0 0.65rem 0; }
.footer1 .cont{ display:block; width:252px; }
.footer1 .info{ display:flex; align-items: flex-start; margin-top:0.12rem; }
.footer1 .adrr{ display:flex; width: 100%; color:rgba(255,255,255,0.6);font-size:calc(14px + 0.02rem); line-height:24px; margin-top:0.24rem;}
.footer1 .adrr .s{ white-space: nowrap;}
.footer1 .adrr img{ min-width:20px; width:20px; height:20px; margin:2px 8px 0 0;}
.footer1 .er{ display:flex; flex-wrap: wrap; width:113px; margin:30px 30px 0 0;}
.footer1 .er i{ display:block; width:100%; line-height: 0;}
.footer1 .er span{ display:block; width:100%; text-align:center; margin-top:11px; color: #c1c1c1; font-size:14px; line-height:24px;}
.footer1 .share{ display:flex; width:100%; justify-content:flex-end; margin-top:0.58rem; color:#9e9e9e; font-size:14px; line-height:18px;}
.footer1 .share .li{display: inline-flex; margin:0 0 0 18px; position: relative;}
.footer1 .share a{ display:block; line-height:0; position: relative; height:18px;}
.footer1 .share a img{ width:auto; height:18px;}
.footer1 .share a .img2{ display: block;}
.footer1 .share a .img1{ display: none;}
.footer1 .share a:hover .img2{ display: none;}
.footer1 .share a:hover .img1{ display: block;}
.footer1 .share .li .weixin{ float:left; width:112px; height:112px; position:absolute; left:50%; margin-left:-56px; bottom:30px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-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)}
.footer1 .share .li .weixin::after{ display:block; content:''; position: absolute; left:50%; top:100%; border-left:6px solid transparent; border-right:6px solid transparent;border-top:6px solid #fff; margin-left: -6px; }
.footer1 .share .li:hover .weixin{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}


@media screen and (max-width:1200px) {
.footer1 .left{padding: 0.48rem 0 0.48rem 0;}	
.footer1 .nav .a1{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);  padding-bottom:0.15rem;}
.footer1 .nav .a2{ font-size:14px; line-height:24px; margin-top:0.06rem;}
.footer1 .info{ margin-top:0.1rem; }
.footer1 .share{margin-top: 0.48rem;}
.footer1 .share .li{ margin:0 0 0 13px;}
.footer1 .adrr{ font-size:14px; line-height:22px;}
.footer1 .cont{width: 225px;}
.footer1 .tel{font-size: calc(16px + 0.16rem); line-height: calc(22px + 0.16rem);}
.footer1 .er{width: 100px;margin:24px 0.36rem 0 0;}
}
@media screen and (max-width:1400px) {
.footer1 .left{padding: 0.4rem 0 0.4rem 0;}	
.footer1 .nav .a1{ padding-bottom:0.1rem;}
.footer1 .nav .a2{ margin-top:0.04rem;}
.footer1 .adrr{margin-top: 0.2rem;}
.footer1 .share{margin-top: 0.3rem;}
.footer1 .er{width: 100px;margin:20px 0.32rem 0 0;}
}
@media (max-width: 1024px){
.footer1 .top{ padding:25px 0; display:none;}
.footer1 .logo img{height:34px;}
.footer1 .left{ display:none;}
.footer1 .right{ width: auto; justify-content:center; flex-direction: column;width:100%; padding:20px 0 25px 0;}
.footer1 .midd{ justify-content: center;}
.footer1 .btn{height:30px;margin-right:14px; border-radius: 0 12px 0 12px; padding: 0 12px; font-size: 12px;}
.footer1 .btn i{width: 16px; height:16px; margin-left:4px;}
.footer1 .p1{ font-size: 14px; line-height:24px;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .er{ width:100px; margin:12px 0 0 0;}
.footer1 .down{ justify-content: center; padding:18px 0;}
.footer1 .adrr{ margin-top: 10px;}
.footer1 .info{ margin-top: 0; justify-content: space-between; flex-direction: row-reverse;}
.footer1 .share{ justify-content: flex-start; display: none; }
.footer1 .tel{ position: absolute; right:94px; top:-60px; width: auto; line-height:30px; font-size:20px; width:calc(100% - 188px); text-align:center; display:none;}
.footer1 .er span{ margin-top:6px;}
}
@media (max-width: 767px){
.footer1 .Copyright a{ margin-left:5px;}
.footer1 .btn{margin-right:0;}
.footer1 .p1{ display:none;}
}







.pf-right{display:none; z-index:13; position:fixed; right:0.3rem; bottom:12vh; width:0.66rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:2px;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; background: #fff; justify-content: center; align-items: center; line-height: 0; width:100%; padding:0.11rem 4px; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.pf-right .li:first-child .a{ border-radius:12px 12px 0 0;}
.pf-right .li:last-child .a{ border-radius:0 0 12px 12px;}
.pf-right .li .a img{ width:0.31rem; height:0.31rem;}
.pf-right .li .a .img1{ display: block; }
.pf-right .li .a .img2{ display: none; }
.pf-right .li .a span{ display: block; width: 100%; text-align: center; color: #666666; font-size:calc(14px + 0.02rem); line-height:1; margin-top:5px;}
.pf-right .li:hover .a{background: #0e6eb8;}
.pf-right .li:hover .a span{color: #fff;}
.pf-right .li:hover .a .img1{ display: none; }
.pf-right .li:hover .a .img2{ display: block; }
.pf-right .tel{ display:none; position: absolute; right:100%; top:50%; background: #0e6eb8; border-radius:6px; color: #fff; font-weight: 700; font-size:calc(14px + 0.04rem); line-height:0.5rem; padding:0 0.2rem;box-shadow:0 0 7px rgba(0,0,0,0.07); transform: translateY(-50%); -ms-transform: translateY(-50%); white-space: nowrap;}
.pf-right .tel::after{ display:block; content:''; position: absolute; left:100%; top:50%; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #0e6eb8; margin-top: -6px; }
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #0e6eb8; border-radius:6px; line-height:0;  padding:6px;}
.pf-right .er::after{ display:block; content:''; position: absolute; left:100%; top:34%; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #0e6eb8; margin-top: -6px; }
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
.pf-right .li-0{ display:none;}
.pf-right .li-1{ display:none;}

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

.wap_hei{ display: none; width: 100%;padding-top:54px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 7px rgba(0,0,0,0.07);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;}
.wap_down li{width:25%;float: left;text-align: center;padding:8px 0;height:54px;}
.wap_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color: #666666;line-height: 14px;}
.wap_down li:hover .d_name{color: #0e6eb8;}
.wap_down li .ico{ width: 100%; line-height: 0; height:22px;}
.wap_down li .ico img{ width:22px; height:22px;}
.wap_down li:nth-child(3) .ico img{ width:20px; height:20px;}
.wap_down li:last-child{border: none;}

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

}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.5;}
.my-puop1{ display:none; width:515px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; border-radius: 10px; overflow: hidden;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:10px; width:42px; height:46px;}
.my-puop1 .box .colse img{ width:20px; height:20px;}
.my-puop1 .box .title{ width:100%; background:#0e6eb8; background-size:auto 100% !important; color: #fff; display:flex; align-items: center; font-size:16px; line-height:20px; height:66px; padding:13px 30px;}
.my-puop1 .box .cont{ display:flex; width:100%; align-items: center; padding:26px 20px; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.my-puop1 .box .cont img{width:54px; height:54px; margin-right: 12px;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:25px 30px 37px 30px; background: #fff;}
._form4 .lab{ width:48.5%; position:relative; display: flex; background: #f5f5f5; border-radius:3px; overflow: hidden; margin-bottom: 10px; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; position: absolute; left:0; top:0; z-index: 1; color: #666; font-size:14px; line-height:26px; padding:10px 20px;}
._form4 .name span{ color: #ff2525;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:none; font-size:14px;color: #333; line-height:26px; height:46px; padding:10px 20px;}
._form4 .text:focus{ background: #f5f5f5;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:none; font-size:14px;color: #333; line-height:26px; height:71px; padding:10px 20px;}
._form4 .textarea:focus{ background: #f5f5f5;}
._form4 .yanzhengma{ position: absolute; right:0; top:0; width:88px; height:100%; object-fit: contain; z-index:6; background: #fff;}
._form4 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:16px; color: #fff; height:46px; padding-bottom: 1px; border:1px solid #0e6eb8;background:#0e6eb8; border-radius:3px;}
._form4 .submit:hover{ background:none; color: #0e6eb8;}
._form4 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px; padding-top: 5px; }
._form4 .lab1 span{ color: #ff2525;}

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

@media screen and (max-width:767px) {
.my-puop1{ width:92%;}
.my-puop1 .box .title{ width:100%; font-size:14px; line-height:20px; height:66px; padding:13px 40px 13px 15px;}
.my-puop1 .box .title span{ width:220px;}
._form4{ padding:20px 15px 25px 15px;}
._form4 .name{ padding:7px 12px;}
._form4 .text{ height:40px; padding:7px 12px;}
._form4 .textarea{ padding:7px 12px;}
._form4 .yanzhengma{ width:70px; }
._form4 .submit{ height:40px;}
}



.my-puop2{ display:none; width:776px; 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%; background: #fff; border-radius: 10px; overflow: hidden;}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:0; width:42px; height:46px;}
.my-puop2 .box .colse img{ width:20px; height:20px;}
.my-puop2 .box .tit1{ width:100%; color: #fff; display:block; font-size:calc(14px + 0.17rem); line-height:calc(22px + 0.07rem);}
.my-puop2 .box .tit2{ display:block; width:100%; color: #fff; font-size:14px; line-height:24px; margin-top: 7px;}
.my-puop2 .box .er{ display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; padding:30px 15px 0 0;}
.my-puop2 .box .er .li{ display:flex; flex-wrap: wrap; align-items:flex-start; width:93px;}
.my-puop2 .box .er .li i{ display:block; width:100%; line-height: 0;}
.my-puop2 .box .er .li span{ display:block; width:100%; text-align:center; margin-top:7px; color: #fff; opacity: 0.66; font-size:14px; line-height:24px;}
.my-puop2 .box .line{ display:block; width: 100%; height: 1px; background: #fff; opacity: 0.4; margin-top: 24px;}
.my-puop2 .box .p2{ display:block; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 25px; }
.my-puop2 .box .tel{ display:block; width: 100%; color: #fff;font-size:calc(16px + 0.1rem); line-height:calc(26px + 0.1rem); margin-top: 15px;}
.my-puop2 .box .left{ display:block; width: 36.3%; background:#0e6eb8; background-size: cover; padding:45px 30px;align-items: flex-start; }
._form1{ width:63.7%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:43px 30px 36px 30px;}
._form1 .lab{ width:48.5%; position:relative; display: flex; flex-wrap: wrap; margin-bottom: 17px; }
._form1 .w100{ width:100%;}
._form1 .name{ width:100%; display:block; color: #333333; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-bottom: 8px;}
._form1 .name span{ color: #ff2525;}
._form1 .text{cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:14px;color: #333; line-height:26px; height:44px; padding:9px 19px; border-radius:3px;}
._form1 .textarea{ cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:14px;color: #333; line-height:26px; height:71px; padding:10px 19px; border-radius:3px;}
._form1 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width:88px; background: #fff;}
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:44px; padding-bottom: 1px; border:1px solid #0e6eb8;background:#0e6eb8; border-radius:3px;}
._form1 .submit:hover{ background:none; color: #0e6eb8;}
._form1 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px; }
._form1 .lab1 span{ color: #ff2525;}

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

@media screen and (max-width:767px) {
.my-puop2{ width:92%;}
.my-puop2 .box .left{ display:none;}
._form1{ width:100%; padding:35px 15px 25px 15px;}
._form1 .lab{ margin-bottom: 15px; }
._form1 .text{ height:40px; padding:7px 12px;}
._form1 .textarea{ padding:7px 12px;}
._form1 .yanzhengma{ width:70px; }
._form1 .submit{ height:40px;}
}








@-webkit-keyframes move {
    0% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
    1% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
    100% {
       -webkit-transform:translateY(25px);
       transform:translateY(25px);
    }
}
@-webkit-keyframes rotate {
    0% {
       -webkit-transform:rotate(0deg);
       transform:rotate(0deg);
    }
    100% {
       -webkit-transform:rotate(360deg);
       transform:rotate(360deg);
    }
}
._mouse{ position: absolute; left:50%; bottom:44px; transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:10;}
._mouse .p{ align-items: center; display: flex; flex-direction: column; justify-content: center; animation:move 2s linear 0s infinite; color: #fff; font-size:14px; line-height: 1;}
._mouse img{width:0.2rem; margin-bottom: 0.19rem;}

.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:42.97%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{ display: inline-flex; flex-wrap: wrap; flex-direction: column; }
.index-banner .box .tit1{ display: inline-flex; color: #fff; font-weight: bold; font-size:0.64rem; line-height:0.74rem; text-shadow: 6px 6px 13px rgba(81, 156, 221, 0.74);}
.index-banner .box .tit2{  display:inline-flex; background:rgba(14,110,184,0.9); border-radius:0 0.32rem 0.32rem 0.32rem; color: #fff; font-size:0.19rem; line-height:0.3rem; padding:0.16rem 0.24rem;margin-top: 0.35rem;}

.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:50%; bottom:48px; z-index: 10; background: url(../image/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.index-banner .swiper-prev{ margin-right:calc(-800px + 0.52rem); transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(../image/ico5.png) center no-repeat;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:50%; bottom:44px; z-index: 10;margin-left:-800px; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:24px; width:24px; height:24px; margin:0 16px 0 0; display:block; background: url(../image/ino8.1.png) center no-repeat; background-size:100% 100% !important; }
.index-banner .swiper-pagination-bullet-active{  background: url(../image/ino8.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media screen and (max-width:1800px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:1rem;}
.index-banner .swiper-prev{ margin-right:0.52rem;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:1rem; margin-left:0; }
}
@media screen and (max-width:1024px) {
._mouse{ display:none;}	
.index-banner .box .tit1{ font-size:0.86rem; line-height:1.2rem;}
.index-banner .box .tit2{  border-radius:0 0.64rem 0.64rem 0.64rem; font-size:0.47rem; line-height:0.7rem; padding:0.32rem 0.5rem;margin-top: 0.6rem;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:26px; height:26px; bottom:20px; right:15px;}
.index-banner .swiper-prev{ margin-right:34px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:15px; bottom:20px; margin-left:0; }
.index-banner .swiper-pagination-bullet{ margin:0 10px 0 0;}
}
@media screen and (max-width:767px) {

}



.main4 .box{ display: block; width: 100%; margin-top:14px; position: relative;}
.main4 .sect{ display: block; width: 100%; position: absolute; left:0; top:0; z-index: 1; opacity: 0;}
.main4 .sect.on{ position: relative; z-index: 6; opacity: 1;}
.main4 .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.4rem); margin:0 -0.2rem; }
.main4 .u2 .li{ display:block; width: 33.33%; margin-top:20px; padding:0 0.2rem;}
.main4 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%;
}
.main4 .u2 .a ._img{ padding-bottom:59%;}
.main4 .u2 .a .cont{ width: 100%; padding:0.36rem 0.36rem 0.35rem 0.36rem;}
.main4 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 0.14rem; }
.main4 .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); height:calc(66px + 0.18rem); margin-top: 0.17rem;}
.main4 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.44rem;}
.main4 .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}
.main4 .u2 .a .time{ display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }

.main4 .u2 .a1{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; padding:0.13rem 0.42rem;
}
.main4 .u2 .a1 .div{ display: block; width: 100%; padding:0.25rem 0; border-bottom: 1px solid #ececec; position: relative;}
.main4 .u2 .a1 .div::after{ content: ''; display: block; width: 0%; height:1px; position: absolute; left: 0; bottom: -1px; z-index: 6;  background:#0e6eb8;}
.main4 .u2 .a1 .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem); height: calc(44px + 0.12rem); margin-top:0.08rem; }
.main4 .u2 .a1 .time{display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }
.main4 .u2 .a1 .div:hover .time{ opacity:1; }
.main4 .u2 .a1 .div:hover::after{ width: 100%;}

@media screen and (max-width:1600px) {
.main4 .u2 .a1 .div{ padding:0.2rem 0;}
}
@media screen and (max-width:1440px) {
.main4 .u2 .a1 .div{ padding:0.18rem 0;}
}

@media screen and (max-width:1024px) {
.main4 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main4 .u2 .li{ width:50%; margin-top:14px; padding:0 7px;}	
.main4 .u2 .li:last-child{width:100%;}  
.main4 .u2 .a .cont{padding:20px 15px;}
.main4 .u2 .a .tit{font-size:16px; line-height:24px; margin-top:6px;} 
.main4 .u2 .a .p{font-size:14px; line-height:22px; height: auto; margin-top:6px;} 
.main4 .u2 .a .more{ margin-top:10px; line-height:24px;padding-right: 35px;} 
.main4 .u2 .a1{padding:6px 15px 20px 15px;}
.main4 .u2 .a1 .div{ padding:14px 0;}
.main4 .u2 .a1 .tit{ font-size:16px; line-height:24px; margin-top:0; height: auto; max-height: calc(44px + 0.12rem);}
.main4 .tit22{ display:none;}
}
@media screen and (max-width:767px) {
.main4 .u2{ display: block;}	
.main4 .slick-track{ display: flex;}
.main4 .u2 .li{ width:100%;}

}

._btn{ display: flex; flex-wrap: wrap; width: 100%;}
._btn .a{ display:inline-flex; align-items: center; justify-content: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:46px; border:1px solid #0e6eb8;  background: #0e6eb8; border-radius:0 16px 0 16px; width:136px; }
._btn .a span{ padding:0 2px 1px 2px;}
._btn .a i{ display: block; width:13px; height:13px; margin-left:12px; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important;}
._btn .a:hover{ color: #0e6eb8; background:#fff; border:1px solid #fff;}
._btn .a:hover i{ background: url(img/ico4.1.png) center no-repeat; }
._btn1{ display:inline-flex;}
._btn1 .a{ display:inline-flex; align-items: center; justify-content: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:46px; border:1px solid #0e6eb8;  background: #0e6eb8; border-radius:0 16px 0 16px; width:136px; }
._btn1 .a span{ padding:0 2px 1px 2px;}
._btn1 .a i{ display: block; width:13px; height:13px; margin-left:12px; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important;}
._btn1 .a:hover{ color: #0e6eb8; background:none;}
._btn1 .a:hover i{ background: url(img/ico4.1.png) center no-repeat; }

@media  screen and (max-width:1024px){
._btn .a{ font-size:12px; height:30px; border-radius:0 12px 0 12px; width:92px; }	
._btn .a i{width:12px; height:12px; margin-left:2px; }
._btn1 .a{ font-size:12px; height:30px; border-radius:0 12px 0 12px; width:92px; }	
._btn1 .a i{width:12px; height:12px; margin-left:2px; }
}


.main3{}
.main3 .box{ display: block; width: 100%; padding-top:14px;}
.main3 .u2{  display: block; width:calc(100% + 0.3rem); margin:0 -0.15rem; }
.main3 .u2 .li{ display:block; width: 25%; margin-top:20px; padding:0 0.15rem;}
.main3 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; padding:0 0.4rem 0.52rem 0.4rem;
}
.main3 .u2 .a ._img{ padding-bottom:85.45%;}
.main3 .u2 .a .cont{ width: 100%; border-top: 1px solid #ececec; position: relative;}
.main3 .u2 .a .cont::after{ content: ''; display: block; width: 0%; height:1px; position: absolute; left: 0; top: -1px; z-index: 6;  background:#0e6eb8;}
.main3 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.08rem); line-height: calc(22px + 0.1rem); margin-top: 0.31rem; }
.main3 .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.05rem); height:calc(44px + 0.1rem); margin-top: 0.17rem;}
.main3 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.44rem;}
.main3 .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}
.main3 .u2 .a:hover .cont::after{ width: 100%;}


@media screen and (max-width:1024px) {
.main3 .box{padding-top:7px;}	
.main3 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main3 .u2 .li{ margin-top:14px; padding:0 7px;}	
.main3 .u2 .a{padding:0 13px 20px 13px;}
.main3 .u2 .a .tit{ font-size:15px; line-height:24px; margin-top:15px;} 
.main3 .u2 .a .p{ font-size:13px; line-height:22px; margin-top:5px;} 
.main3 .u2 .a .more{ margin-top:12px; line-height:24px;padding-right: 35px;} 
}
@media screen and (max-width:767px) {
.main3 .u2 .li{ width:50%;}

}

.main9{ position: relative; overflow:hidden; width: 100%; padding-top: 1.22rem;  padding-bottom:46px;}
.main9 .bg{position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%;}
.main9 .cont{ width:35.4%;}
.main9 .info{ width:100%; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); margin-top:0.31rem;}
.main9 ._btn{ margin-top:0.98rem;}
.main9 .list{ width:100%; display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding:1.56rem 0.32rem 0 0.32rem;}
.main9 .list .line{ display: flex; width:1px; height: 54px; background: rgba(255,255,255,0.6);margin:0.32rem;}
.main9 .list .li{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; flex-direction: column;margin-top:15px;} 
.main9 .list .li .tit{ color: #333; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:10px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;}
.main9 .list .li .num{ display: inline-flex; align-items: center;}
.main9 .list .li .countup{ color: #333; font-size:0.47rem; line-height:1;font-weight: 600;}
.main9 .list .li .dw{ color: #333; font-size:calc(14px + 0.06rem); line-height:2; margin-left:2px;}

@media  screen and (max-width:1440px){
.main9 .cont{width:46.4%;}
.main9 .list{ padding:1.56rem 0 0 0;}
}
@media  screen and (max-width:1024px){
.main9{ padding-top:40px;  padding-bottom:40px;}	
.main9 .cont{width:100%;}
.main9 .info{ margin-top:10px; font-size:14px; line-height:24px; margin-top:15px;}
.main9 ._btn{ margin-top:30px;}
.main9 .list{ padding:40px 0 0 0;}
.main9 .list .line{height:36px;  margin:25px 12px; display:none;}
.main9 .list .li .tit{ font-size:14px; line-height:24px;}
.main9 .list .li .countup{font-size:26px;}
.main9 .list .li .dw{ font-size:14px; line-height:1.5; margin-left:2px;}
}



.main8 .box{ display: block; width: 100%; padding-top:24px;}
.main8 .u2{ display:block;; width:calc(100% + 10px); margin:0 -5px;}
.main8 .u2 .li{ display:block; width:20%; padding:0 5px; margin-top:10px;}
.main8 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative;}
.main8 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.06rem); line-height:26px; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 26px !important; padding-right:30px;}
.main8 .u2 .a ._img{ padding-bottom:189.1%;}
.main8 .u2 .a .cont{width: 100%; position:absolute; left:0; bottom:0; z-index: 6; padding:0.34rem 0.3rem; display:block;}
.main8 .u2 .a .ico{display:inline-flex;width: 100%; height:32px; opacity:0;}
.main8 .u2 .a:hover .tit{background: url(img/ArrowRight1.png) right center no-repeat;;}

@media screen and (max-width:1440px) {
.main8 .u2 .a .cont{padding:0.3rem 0.25rem; }
.main8 .u2 .a .tit{font-size:calc(14px + 0.04rem); line-height:26px; padding-right:30px;}
}
@media screen and (max-width:1024px) {
.main8 .box{ padding-top:10px;}	
.main8 .u2 .a .tit{ font-size:14px; line-height:24px; background-size:auto 24px !important;}
.main8 .u2 .a .cont{padding:18px 13px;}
}
@media screen and (max-width:767px) {
.main8 .u2 .li{ width: 50%;}
}



.main10 .box{ display: block; width: 100%; padding-top:24px;}
.main10 .u2{ display:flex;; width:calc(100% + 10px); margin:0 -5px;}
.main10 .u2 .li{ display:block; width:25%; padding:0 5px; margin-top:10px;
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.main10 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative;}
.main10 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.12rem); margin-top: 0.2rem;}
.main10 .u2 .a .p{ display:none; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.12rem); height: calc(66px + 0.36rem); margin-top: 0.17rem; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.main10 .u2 .a ._img{ padding-bottom:5.9rem;}
.main10 .u2 .a .cont{width: 100%; position:absolute; left:0; bottom:0; z-index: 6; padding:0.36rem 0.4rem; display:block;}
.main10 .u2 .a .ino{display:inline-flex;width: 100%; line-height: 0;}
.main10 .u2 .a .ino img{ height:56px;}
.main10 .u2 .a .ico{display:inline-flex; min-width:26px; height:26px; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; margin-top: 0.2rem; color: #fff; font-size:14px; line-height:26px;}
.main10 .u2 .a .ico span{ display:none;}
.main10 .u2 .li:hover{ width: 31.98%;
transition: all 0s linear;
  -moz-transition: all 0s linear;
  -webkit-transition: all 0s linear;
  -o-transition: all 0s linear;
}
.main10 .u2 .li:hover .cont{ height:100%; background: rgba(14,110,184,0.8);}
.main10 .u2 .li:hover .a .ino{ margin-top: 0.12rem;}
.main10 .u2 .li:hover .a .p{ display: -webkit-box; }
.main10 .u2 .li:hover .a .ico{padding-right: 39px; margin-top: 1.48rem;}
.main10 .u2 .li:hover .ico span{ display:inline-flex;}
.main10 .slick-dots{ display:none;}


@media screen and (max-width:1440px) {
.main10 .u2 .a .tit{font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem);}
}
@media screen and (max-width:1024px) {
.main10 .box{ padding-top:10px;}	
.main10 .u2 .a .ico{min-width:24px; height:24px;line-height:24px;margin-top:10px;}
.main10 .u2 .a .tit{ font-size:16px; line-height:24px;}
.main10 .u2 .a .p{ font-size:14px; line-height:22px; height:66px;}
.main10 .u2 .a .ino img{ height:46px;}
.main10 .u2 .a .cont{padding:18px 14px;}
.main10 .u2 .li:hover .a .ico{padding-right: 35px; margin-top: 1.48rem;}
}
@media screen and (max-width:767px) {
.main10 .u2{ display: block;}	
.main10 .u2 .a ._img{ padding-bottom:150.12%;}
.main10 .u2 .li{ width: 50%;}
.main10 .slick-dots{ display:flex;}
}



/* inbaner */
.inbaner{min-height:3rem;  position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banbox{ width:100%; position: absolute; left:0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox ._Title{ color: #fff; text-align: center;}
.banbox1{ width:100%; position: absolute; left:0; top:54.18%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox1 ._Title{ color: #fff;}
.banbox1 .info{ display: block; width: 100%; font-size:0.22rem; line-height:0.34rem; color: #fff; margin-top:0.27rem;}
@media screen and (max-width:1024px) {
.inbaner{min-height:150px;}	
.banbox1 .info{ font-size:12px; line-height:20px; margin-top:6px;}
}


.mbx{ display: block; color: #fff;font-size:14px; line-height:24px;}
.mbx a{ color: #fff;}
.mbx i{ padding:0 9px;}
.mbx a:hover{ text-decoration: underline; opacity:0.8;}
.mbx1{ display: block; color: #666;font-size:14px; line-height:24px; padding-top: 26px;}
.mbx1 a{ color: #666;}
.mbx1 i{ padding:0 9px;}
.mbx1 a:hover{ text-decoration: underline; opacity:0.8;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbx1{ display:none;}
}

.slidebox1{display:block;width:100%; position: absolute; left:0; bottom:25px; z-index: 6;}
.slidebox{display:block;width:100%; margin-top:-87px; position: relative; z-index: 6;}
.slidebox .mbx{ margin-bottom: 25px;}
.slide1{ display: flex; flex-wrap: wrap;width:100%; background: #fff; overflow: hidden; border-radius:13px; padding:12px 0.29rem;}
.slide1 .ul{ display: flex;width:100%; justify-content:space-around;}
.slide1 .li{ display:inline-flex;}
.slide1 .li .la{ position: relative; display:inline-flex;color: #666666;font-size:calc(14px + 0.02rem); line-height:31px; padding:10px 0;}
.slide1 .li .la::after{ display: block; content:''; position: absolute; left:50%; bottom:0; width:0; height:2px; content:''; background: #0e6eb8; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide1 .li:hover .la{ color: #0e6eb8;}
.slide1 .li.on .la{ color: #0e6eb8;}
.slide1 .li:hover .la::after{width:100%;}
.slide1 .li.on .la::after{width:100%;}

@media screen and (max-width:1440px) {
.slide1{ border-radius:13px; padding:12px 0.2rem;}	
.slide1 .li .la{ font-size:14px; }
}
@media screen and (max-width:1024px) {
.slidebox{margin-top:-23px;}	
.slidebox1{ display:none;}
.slide1{ overflow-x: auto; white-space: nowrap; border-radius:6px; padding:6px 6px;scrollbar-width: thin;
  scrollbar-color: #fff #fff;}
.slide1 .ul{ justify-content:flex-start;}
.slide1 .li{ margin:0 8px;}
.slide1 .li .la{ padding:5px 0; font-size:14px; line-height:24px; }

}


/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:3px; width:0.4rem; height:0.4rem; background:none; line-height:0.4rem; color:#9c9c9c; text-align: center; font-size:16px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#0e6eb8; color: #fff;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.1rem; height:0.1rem; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#9c9c9c;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:none;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #9c9c9c; border-right:1px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}




.pordList{padding:35px 0 0.88rem 0;}
.products{
	width: 100%;
	display: flex;
	flex-wrap: wrap; 
}
.products .ul{
	width:calc(100% + 0.3rem);
	display: flex;
	flex-wrap: wrap; margin:0 -0.15rem;
}
.products .li{ width:25%; padding:0.15rem;}
.products .li .a{
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap; padding:13px 0 0.48rem 0;
}
.products .li .a::before{
	width: 100%;
	height: 47.32%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: linear-gradient(-180deg, #fff, #fff);
	content: '';
	border-radius:6px;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products .li .a:hover::before{
	height: 100%;
	background: linear-gradient(-180deg, #2c80c1, #e2edf6);
}
.products .li .a ._img{padding-bottom: 85.45%; z-index: 6;}
.products .li .a ._img img{-webkit-transition: all 1s;}
.products .li .a  .name{ width: 100%; text-align: center;
	margin-top:12px;
	text-align: center; color: #333333;
font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem);
}
.products .li .a .more{ display:flex;width: 100%; justify-content: center; color:#666666; font-size: 14px; line-height: 26px; margin-top:18px;}
.products .li .a .more i{ display:inline-flex; width: 26px;  height: 26px; background: url(img/ArrowRight3.png) center no-repeat; background-size:auto 100% !important; margin-left:13px;}
.products .li .a:hover .more{ color:#0e6eb8;}
.products .li .a:hover .more i{  background: url(img/ArrowRight1.png) center no-repeat;}
.products .li .a:hover .name{
	color: #0e6eb8;
}
.products .li .a:hover ._img img{
	-webkit-transform: scale(1.05) translateY(-5px);
}


.pord-xg{ margin-top:30px;}
.pord-xg .ul{
	width:calc(100% + 0.2rem);
margin:0 -0.1rem;
}
.pord-xg .li .a{
 padding:13px 0 0.31rem 0;
}
.pord-xg .li{ width:33.33%; padding:0 0.1rem;}
.pord-xg .li .a::before { background: #f5f5f5;}
.pord-xg .li .a:hover::before{
	height: 100%;
	background: linear-gradient(-180deg, #2c80c1, #e2edf6);
}

.pord-xg1{ margin-top:40px;}
.pord-xg1 .li{padding-top:0 !important;padding-bottom:0 !important;}
.pord-xg1 .slick-arrow{ top:-0.68rem;}
.pord-xg1 .slick-next{ right:0.15rem;}
.pord-xg1 .slick-prev{ left: auto; right:0.68rem;}

@media  screen and (max-width:1024px){
.pordList{ padding:20px 0 15px 0;
}
.products .ul{
	width:calc(100% + 14px);
 margin:0 -7px;
}
.products .li{ padding:7px;}
.products .li .a{ padding:13px 0 16px 0;
}
.products .li .a  .name{
	margin-top:6px;
}
.products .li .a .more{ line-height:24px; margin-top:9px;}
.products .li .a .more i{ width: 24px;  height: 24px; margin-left:9px;}
.products .li .a:hover ._img img{
	-webkit-transform: scale(1.05) translateY(0);
}

.pord-xg{ margin-top:25px;}
.pord-xg .li{ padding:0 7px;}

.pord-xg1{ margin-top:25px;}
.pord-xg1 .slick-arrow{ top:-45px;}
.pord-xg1 .slick-next{ right:7px;}
.pord-xg1 .slick-prev{ left: auto; right:40px;}

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


}




.casebox{ padding:35px 0 35px 0;}
.case{ display: block; width: 100%; padding-top:14px;}
.case .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem; }
.case .u2 .li{ display:block; width: 33.33%; padding:0.15rem;}
.case .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; border-radius:6px; overflow: hidden;
}
.case .u2 .a ._img{ padding-bottom:57.3%;}
.case .u2 .a .cont{ width: 100%; padding:0.32rem 0.36rem 0.35rem 0.36rem;}
.case .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); }
.case .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); height:calc(44px + 0.08rem); margin-top: 0.12rem;}
.case .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.31rem;}
.case .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}

.case_xg{ margin-top:40px; padding-top:0 !important;}
.case_xg .li{padding-top:0 !important;padding-bottom:0 !important;}
.case_xg .slick-arrow{ top:-0.68rem;}
.case_xg .slick-next{ right:0.15rem;}
.case_xg .slick-prev{ left: auto; right:0.68rem;}

@media screen and (max-width:1024px) {
.casebox{ padding:20px 0;}	
.case .u2{width:calc(100% + 14px); margin:0 -7px; }
.case .u2 .li{ width:50%; padding:7px 7px;}	
.case .u2 .a .cont{padding:20px 15px;}
.case .u2 .a .tit{font-size:16px; line-height:24px;} 
.case .u2 .a .p{font-size:14px; line-height:22px; height:44px; margin-top:6px;} 
.case .u2 .a .more{ margin-top:12px; line-height:24px;padding-right: 35px;} 

.case_xg{ margin-top:25px;}
.case_xg .li{ padding:0 7px;}
.case_xg .slick-arrow{ top:-45px;}
.case_xg .slick-next{ right:7px;}
.case_xg .slick-prev{ left: auto; right:40px;}
}
@media screen and (max-width:767px) {
.case .u2 .li{ width:100%;}

}



.Contact2{ width:100%; overflow: hidden; }
.Contact2 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;  position: relative;}
.Contact2 .box::after{ display:block; content: ''; position: absolute; right:67.31%; width:2000px; height: 100%; top:0; z-index: 1;background: url(img/bg2.jpg) right top no-repeat #fff; background-size:auto 100%;}
.Contact2 .left{ display: block; width:32.69%; padding:0.5rem 0.58rem 0.86rem 0;}
.Contact2 .right{ display: block; width:67.31%; padding:0.5rem 0 0.86rem 0.58rem;}
.Contact2 .tit22{color: #231815; margin-top:0.45rem;}
.Contact2 .addr{ display: flex; flex-wrap: wrap;justify-content: space-between; width:100%; padding:0.15rem 0 0 0;}
.Contact2 .addr .div{ display: flex; flex-wrap: wrap; flex-direction: column; width:49%; padding:0 0 0 49px; position: relative; margin-top: 0.2rem;}
.Contact2 .addr .w100{ width: 100%;}
.Contact2 .addr .words{ display:flex; flex-wrap: wrap; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0;}
.Contact2 .addr .info{ display:block; width:100%;color:#666; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);margin-top: 0.16rem;}
.Contact2 .addr .info a{color:#666;}
.Contact2 .addr .info a:hover{color:#0e6eb8;}
.Contact2 .addr .s{ width:46%;}
.Contact2 .addr .ico{ width:40px; height:40px; display: flex; align-items: center; justify-content: center; background:#0e6eb8; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top:5px; }
.Contact2 .addr .ico img{ width:20px; height:20px;}
.Contact2 .er{ display:flex; flex-wrap: wrap; width:101px; margin:0.3rem 0 0 0; }
.Contact2 .er i{ display:block; width:100%; line-height: 0;}
.Contact2 .er span{ display:block; width:100%; text-align:center; margin-top:10px;color:#666666; font-size:14px; line-height:24px;}


@media screen and (max-width:1024px) {
.Contact2{ padding:0;}	
.Contact2 .box::after{display:none;}
.Contact2 .left{ width:100%; padding:30px 15px;background: url(img/bg2.jpg) right top no-repeat #fff; background-size:cover;}
.Contact2 .right{ width:100%; padding:30px 15px 35px 15px;}
.Contact2 .ino  img{ height:46px;}
.Contact2 .tit22{ font-size:18px; line-height:28px; margin-top:20px;}
.Contact2 .addr .div{ margin-top:14px;}
.Contact2 .er{ margin:20px 0 0 0; }
}


._form3{ width:100%; flex-wrap:wrap; display: flex; align-content: flex-start; justify-content:space-between; margin-top:0.45rem;}
._form3 .lab{ width:48.7%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.26rem; }
._form3 .lab3{ margin-bottom:0.15rem;}
._form3 .lab2{ width:100%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.29rem; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding-bottom:0.1rem;}
._form3 .name span{ color: #ff2525;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:36px; height:56px; padding:10px 19px; border-radius: 3px;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:151px; padding:15px 19px;border-radius: 3px;}
._form3 .yanzhengma{ position: absolute; right:0; top:0; width:120px; height:56px; object-fit: contain; z-index:6;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:56px; padding-bottom: 1px; background:#0e6eb8; border:1px solid #0e6eb8; border-radius:3px;}
._form3 .submit:hover{ background:#fff; color: #0e6eb8;}
._form3 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px;}
._form3 .lab1 span{ color: #ff2525;}

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

@media screen and (max-width:1024px) {
._form3{ width:100%; margin-top:15px;}
._form3 .lab{ margin-bottom: 10px;}
._form3 .lab2{ margin-bottom: 15px;}
._form3 .lab3{ margin-bottom: 10px;}
._form3 .name{  font-size:14px;padding-bottom: 6px;}
._form3 .text{ font-size:14px; height:40px; padding:7px 12px;}
._form3 .yanzhengma{width:91px; height:40px;}
._form3 .textarea{ font-size:14px; padding:7px 12px;}
._form3 .submit{ height:40px;}
}



.lits04{ display: block; width: 100%; padding:40px 0 40px 0;}
.lits04 .u2{ display:block; width: 100%;}
.lits04 .u2 .li{ display:block; width: 100%; margin-top: 40px;}
.lits04 .u2 .a{ display:flex; width: 100%; padding:30px 0 30px 0; position: relative; border:1px solid #d7d7d7;}
.lits04 .u2 .a .time{ display:flex; flex-direction: column;  color: #666; line-height:1; position: absolute; right:0.52rem; top: 0.5rem; z-index: 1;}
.lits04 .u2 .a .time time{font-size:0.46rem;}
.lits04 .u2 .a .time span{font-size:calc(14px + 0.1rem); margin-top:0.24rem;}
.lits04 .u2 .a .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.18rem); margin-top: 0.17rem;}
.lits04 .u2 .a .p{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); height:calc(66px + 0.18rem); margin-top: 0.23rem;}
.lits04 .u2 .a .pic{ display:block; width:4.7rem; min-width:4.7rem; overflow: hidden; margin-right:2.28rem;}
.lits04 .u2 .a ._img{ padding-bottom:59.14%;}
.lits04 .u2 .a .cont{width: 100%; padding:0 0.48rem;}
.lits04 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.58rem;}
.lits04 .u2 .a:hover{ border:1px solid #0e6eb8;}
.lits04 .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}



@media screen and (max-width:1024px) {
.lits04{padding:10px 0 25px 0;}	
.lits04 .u2 .li{ margin-top:14px;}
.lits04 .u2 .a{padding:14px 0;}	
.lits04 .u2 .a .more{ line-height:24px; padding-right: 35px; margin-top:12px}
.lits04 .u2 .a .tit{ font-size:16px; line-height:24px; margin-top: 0;}
.lits04 .u2 .a .p{ font-size:14px; line-height:22px; height:66px; margin-top:6px;}
.lits04 .u2 .a .pic{ width:220px; min-width:220px; margin-right:80px;}
.lits04 .u2 .a .cont{width: 100%; padding:0 14px;}
.lits04 .u2 .a .time{right:14px; top:20px;}
.lits04 .u2 .a .time time{font-size:18px;}
.lits04 .u2 .a .time span{font-size:14px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.lits04 .u2 .a{ flex-wrap: wrap; flex-wrap: wrap-reverse; padding:0;}
.lits04 .u2 .a .pic{ width:100%; min-width:100%; margin:0;}
.lits04 .u2 .a .time{right:15px; top: auto; bottom:20px; line-height:24px; flex-direction: row; align-items: flex-end;}
.lits04 .u2 .a .time time{}
.lits04 .u2 .a .time span{ margin:0 0 0 8px;}
.lits04 .u2 .a .cont{ padding:18px 15px 20px 15px;}
}



.slideTit{ display: block; width:100%; color: #222222; line-height:calc(22px + 0.16rem); font-size:calc(14px + 0.14rem);padding-left:14px; position: relative;}
.slideTit::after{ display: block; content:''; width:3px; height:75%; background: #0e6eb8; position: absolute; left:0; top:14%; }
.slideR{ display: block; width:100%;}
.slideR .u1{  display: block; width: 100%;}
.slideR .u1 .l1{ display: block; width:100%; margin-top:24px;}
.slideR .u1 .l1 a{ display: block; width:100%; }
.slideR .u1 .l1 a ._img{ padding-bottom:59.17%;}
.slideR .u1 .l1 a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); margin-top:16px; }
.slideR .u1 .l1 a .time{ display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; margin-top: 5px; }
.slideR .u1 .l1 a.active{color: #0e6eb8; }
.slideR .u1 .l1 a.active::after{ border-top: 2px solid #0e6eb8; border-right: 2px solid #0e6eb8;}
.slideR .u1 .l1 a.active::before{ width: 100%;}

@media screen and (max-width:1024px) {
.slideR .u1{ display: flex; justify-content: space-between;}	
.slideR .u1 .l1{ width:48.5%; margin-top:20px;}
.slideR .u1 .l1 a .tit{ margin-top:14px; }
}

@media screen and (max-width:767px) {
.slideR .u1{ display: block;}		
.slideR .u1 .l1{ width:100%;}
}


.bd_weixin_popup{ box-sizing:content-box;}
.newsbox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; padding:0.35rem 0 0.94rem 0; flex-direction: row-reverse;}
.newsbox .left{ display: block; width:26.625%; margin-top:5px; background: #fff; padding:0.39rem 0.3rem 0.59rem 0.3rem;}
.newsbox .right{ display: block; width:69%;}
.newsbox .sect{ display: block; width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
.newsbox .sect .info{ display:flex; flex-wrap: wrap; width: 100%; color: #7a7a7a;font-size:14px; line-height: 24px; border-bottom: 1px solid #e2e2e2; padding:0.3rem 0 0.27rem 0;}
.newsbox .sect .s{ display: flex; align-items: center;}
.newsbox .sect .s img{ width:24px; height:24px; margin-right:10px;}
.newsbox .sect .s:nth-child(1){ margin-right: 0.8rem;}
.newsbox .sect .s:nth-child(2){ margin-right: 0.98rem;}
.newsbox .sect .cont{ display: block; width: 100%; padding:20px 0 40px 0;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; align-items: center; padding:34px 0 0 0;border-top:1px solid #e2e2e2;}
.newsbox ._page .la{ width: calc(100% - 140px);}
.newsbox ._page .la a{ width: 100%; color: #666666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.06rem); display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsbox ._page .la a:hover{ color:#0e6eb8;}
.newsbox .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 46px; border:1px solid #0e6eb8;background: #0e6eb8; border-radius:0 16px 0 16px; padding:0 22px; white-space: nowrap;}
.newsbox .btn i{ display: block; width:17px; height:17px; margin-right:10px; background: url(img/ico6.png) center no-repeat; background-size: 100% auto !important;}
.newsbox .btn:hover{ color: #0e6eb8; background:none;}
.newsbox .btn:hover i{background: url(img/ico6.1.png) center no-repeat;}



@media screen and (max-width:1024px) {
.newsbox{ margin-top: 0; padding:30px 0 40px 0; flex-wrap:wrap-reverse;}	
.newsbox .left{ width: 100%; margin-top:30px; padding:20px 15px 30px 15px; display:none;}
.newsbox .right{ width: 100%;}
.newsbox .btn{ font-size:14px; height:36px; border-radius:0 12px 0 12px; padding:0 15px;}
.newsbox .btn i{ width:16px; height:16px; margin-right:6px;}
.newsbox .sect .cont{ padding:20px 0 25px 0;}
.newsbox ._page{ padding:25px 0 0 0;}
.newsbox ._page .la{ width: calc(100% - 120px);}
.newsbox .sect .info{padding:15px 0 20px 0;}
}

@media screen and (max-width:767px) {
.newsbox .sect .s img{ width:20px; height:20px; margin-right:8px;}
.newsbox .sect .s span{ display:none;}
}



.neswbox1{ padding-top: 25px;}
.neswbox1 .h-tit{ margin-top:27px; align-items: center;}
.neswbox1 .h-tit .hd li a{ color: #fff;}
.neswbox1 .h-tit .hd li a::before{ background:url(img/line1.png) center no-repeat;}
.neswbox1 .h-tit .hd li.on a{ color: #0e6eb8;}
.neswbox1 .box{ display: block; width: 100%; margin-top:35px;}
.neswbox1 .sect{ display: flex; justify-content:space-between; flex-wrap: wrap; width: 100%; }
.neswbox1 .u2{  display: flex; flex-wrap: wrap; width:60.43%; }
.neswbox1 .u2 .a{ width: 100%; display: block; position: relative;}
.neswbox1 .u2 .a ._img{ padding-bottom:59%;}
.neswbox1 .u2 .a .cont{ width: 100%; padding:0.35rem 0.4rem; position: absolute; left:0; bottom: 0; z-index: 6;}
.neswbox1 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); margin-top: 0.07rem; }
.neswbox1 .u2 .a .time{ display: block; width: 100%; color:#fff;font-size:14px; line-height:22px; }

.neswbox1 .a1{ width: 37%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255);padding:0.08rem 0.44rem;
}
.neswbox1 .a1 .div{ display: block; width: 100%; padding:0.25rem 0; border-bottom: 1px solid #ececec; position: relative;}
.neswbox1 .a1 .div::after{ content: ''; display: block; width: 0%; height:1px; position: absolute; left: 0; bottom: -1px; z-index: 6;  background:#0e6eb8;}
.neswbox1 .a1 .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem); max-height: calc(44px + 0.12rem); margin-top:0.08rem; }
.neswbox1 .a1 .time{display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }
.neswbox1 .a1 .div:hover .time{ opacity:1;}
.neswbox1 .a1 .div:hover::after{ width: 100%;}

@media screen and (max-width:1728px) {
.neswbox1 .a1 .div{  padding:0.22rem 0; }
.neswbox1 .a1 .tit{ margin-top:0.06rem; }
}

@media screen and (max-width:1600px) {
.neswbox1 .u2 .a .tit{font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); margin-top: 0.07rem; }	
.neswbox1 .a1 .div{ padding:0.16rem 0;}
.neswbox1 .a1 .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); max-height: calc(44px + 0.08rem); margin-top:0.06rem; }
}
@media screen and (max-width:1440px) {
.neswbox1 .u2{ width:63.43%; }	
.neswbox1 .a1{ width: 34%;padding:0.08rem 0.4rem; }
.neswbox1 .a1 .div{ padding:0.13rem 0;}
.neswbox1 .a1 .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); max-height: calc(44px + 0.08rem); margin-top:0.04rem; }
}
@media screen and (max-width:1270px) {
.neswbox1 .u2{ width:65.43%; }	
.neswbox1 .a1{ width: 32%;padding:0.08rem 0.36rem; }	
.neswbox1 .a1 .div{ padding:10px 0;}
.neswbox1 .a1 .tit{ font-size:15px; line-height:22px;}
}
@media screen and (max-width:1024px) {
.neswbox1 ._Title{ margin-top:4px;}	
.neswbox1 .h-tit{ margin-top:0;}	
.neswbox1 .box{ margin-top:25px;}	
.neswbox1 .u2{width:100%; }
.neswbox1 .u2 .a .cont{padding:20px 15px;}
.neswbox1 .u2 .a .tit{font-size:16px; line-height:24px; margin-top:6px;} 
.neswbox1 .a1{width:100%;padding:10px 15px 25px 15px; margin-top:15px;}
.neswbox1 .a1 .div{ padding:14px 0;}
.neswbox1 .a1 .tit{ font-size:16px; line-height:24px; }
}
@media screen and (max-width:767px) {
.neswbox1 .u2 .li{ width:100%;}

}



.pord1{ position: relative;}
.pord1 .bg{ width: 100%; height: 100%; z-index: 1; position: fixed; left: 0; top: 0;}
.pord1 .mbx{ margin-top:0.5rem;}
.pord2{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%;}
.pord2 .left{ display:block; width:38.87%; position:sticky; top:0.2rem; padding:0.66rem 0 0 0;}
.pord2 .left .pic{ display:block; width:100%; line-height:0;-webkit-transition: all 1s;}
.pord2 .left .pic:hover{
	-webkit-transform:scale(1.02) translateY(-20px); transform:scale(1.02) translateY(-20px);
}
.pord2 .right{ display: block; width:58.12%; padding:0.6rem 0 0 0;}
.pord2 ._Title{color: #fff;}
.pord2 .des{ display: block; width:100%; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.18rem); margin-top:0.35rem;}
.pord2 .argumentBox{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); padding-top:0.17rem;}
.pord2 .argument{ display: block; width:46.24%; border-bottom: 1px solid #fff; padding:0.24rem 0 0.22rem 0; }
.pord2 .box{ display: block; width:100%; background: #fff; margin-top:1.38rem; padding:0.71rem 0.51rem 0.78rem 0.51rem;}
.pord2 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding:20px 0 44px 0;}
.pord2 .p{ position: relative; display: block; width:100%; padding-left: 16px;}
.pord2 .p::after{ content:''; display: block; position: absolute; left: 0; top:calc(9px + 0.06rem); height:4px; width:4px; background:#0e6eb8;}
.pord2 .imgList{ display:block; width:calc(100% + 0.2rem); margin:6px -0.1rem 0 -0.1rem;}
.pord2 .imgList .ul{ display:flex; flex-wrap: wrap; width:100%;}
.pord2 .imgList .ul .li{ display:block; width:50%; padding:0 0.1rem; margin-top:15px;}
.pord2 .imgList .ul .a{ display:block; width:100%; line-height:0; overflow: hidden;}
.pord2 .imgList .ul .a ._img{ padding-bottom:61.13%;}
.pord2 .imgList .ul .a  .tit{ text-align: center; display: block; width:100%;color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top: 15px;}

.pord2 .slick-dots{ margin-top:30px;}

@media screen and (max-width:1600px){
.pord1 .mbx{ margin-top:0.3rem;}
.pord2 .left{ padding:0.46rem 0 0 0;}
.pord2 .right{ padding:0.4rem 0 0 0;}
.pord2 .des{margin-top: 0.25rem;}
.pord2 .argument{padding: 0.19rem 0 0.17rem 0;}
}
@media screen and (max-width:1440px){ 
.pord2 .des{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); margin-top:0.2rem;}
.pord2 .argumentBox{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-top:0.1rem;}
}
@media screen and (max-width:1024px) {
.pord1{ background-size:auto 162vh !important;} 	
.pord2 .left{width:100%; position: static; top:0; padding:20px 0 0 0; }
.pord2 .right{width:100%;  padding:30px 0 10px 0; }
.pord2 .des{ font-size:14px; line-height:24px; margin-top:15px;}
.pord2 .argumentBox{ font-size:13px; line-height:22px;}
.pord2 .argument{ padding:18px 0;}
.pord2 .box{ margin-top:30px; padding:25px 15px 30px 15px;}
.pord2 .cont{ padding:18px 0 20px 0;}
.pord2 .imgList{width:calc(100% + 10px); margin:0 -5px;}
.pord2 .imgList .ul .li{ padding:0 5px;}
.pord2 .imgList .ul .a .tit{ margin-top: 12px;}
.pord2 .slick-dots{ margin-top:20px;}
.pord2 .left .pic:hover{
	-webkit-transform:scale(1.02) translateY(0); transform:scale(1.02) translateY(0);
}
}
@media screen and (max-width:767px) {
.pord2 .argument{ width:48%;}

}


.solut1 ._Title{color: #fff; text-align: center; margin-top: 44px;}
.solut1 .mbx{ margin-top:-5px;}
.solut2{ display: block; width: 100%;}
.solut2 .sect{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 0.65rem;}
.solut2 .left{ display:block; width:46.87%; border-bottom:1px solid #e1e1e1;}
.solut2 .right{ display: block; width:49%;}
.solut2 .box{ display: block; width:100%; background: #fff; margin:25px 0 0.55rem 0; padding:0.78rem 0.8rem 0.26rem 0.8rem;}
.solut2 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding:20px 0 44px 0;}
.solut2 .imgList{ display:block; width:100%;}
.solut2 .imgList .div{ display:block; width:100%; line-height:0; overflow: hidden; position:relative;}

.solut2 .imgList .div .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.54rem; height: 0.54rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/paly1.png) center no-repeat; background-size:100% 100%  !important;}


.solut2 .imgList .slick-dots{ position: absolute; left:0; bottom:16px; z-index: 6;}
.solut2 .imgList .slick-dots li{border: 1px solid #fff;}
.solut2 .imgList .slick-dots li.slick-active{border: 1px solid #0e6eb8;}
.solut2 .list{ display: block; width:100%; padding:22px 0 6px 0;}
.solut2 .list .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:-0.17rem -0.1rem;}
.solut2 .list .u2 .li{ display: block; width:25%; padding:0.17rem 0.1rem;}
.solut2 .list .u2 .li .a{ display: block; width:100%;}
.solut2 .list .u2 .li ._img{ padding-bottom:66.37%; border-radius: 6px;}
.solut2 .list .u2 .li .tit{ text-align: center; display: block; width:100%;color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top: 15px;}
.solut2 .list1{ display: block; width:100%; padding:17px 0 40px 0;}
.solut2 .list1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.solut2 .list1 .u2 .li{ display: block; width:33.33%; padding:0.15rem;}
.solut2 .list1 .u2 .li .a{ display: block; position: relative; height: 100%; width:100%; border:1px solid #d9d9d9; padding:0.42rem 0.42rem 0.51rem 0.42rem;}
.solut2 .list1 .u2 .li .ico{display: block; width:100%; line-height: 0;}
.solut2 .list1 .u2 .li .ico img{ width:44px; height:44px;}
.solut2 .list1 .u2 .li .tit{ display: block; width:100%;color: #333; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem); margin-top: 15px;}
.solut2 .list1 .u2 .li .info{ display: block; width:100%;color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); margin-top:17px;}

@media screen and (max-width:1024px) {
.solut1{ background-size:200% auto !important;}	
.solut1 ._Title{ margin-top:15px;}
.solut2 .sect{ flex-wrap: wrap-reverse;}
.solut2 .left{width:100%;  padding:20px 0 0 0; }
.solut2 .right{width:100%; }
.solut2 .box{ margin:25px 0 25px 0; padding:15px 15px 15px 15px;}
.solut2 .cont{ padding:18px 0 20px 0;}
.solut2 .list{ padding:22px 0 6px 0;}
.solut2 .list .u2{width:calc(100% + 14px); margin:-8px -7px;}
.solut2 .list .u2 .li{  padding:8px 7px;}
.solut2 .list .u2 .li .tit{ margin-top: 12px;}
.solut2 .list1{ padding:17px 0 20px 0;}
.solut2 .list1 .u2{width:calc(100% + 14px); margin:-8px -7px;}
.solut2 .list1 .u2 .li{  padding:7px 7px;}
.solut2 .list1 .u2 .li .a{ padding:20px 15px;}
.solut2 .list1 .u2 .li .tit{ margin-top: 12px;}
.solut2 .list1 .u2 .li .info{ margin-top:6px;}

.solut2 .imgList .div .paly{ width:34px; height:34px;}

}
@media screen and (max-width:767px) {
.solut2 .list .u2 .li{ width:50%; }
.solut2 .list1 .u2 .li{ width:100%; }
.solut2 .list1 .u2 .li .a{ display:flex; flex-wrap: wrap;}
.solut2 .list1 .u2 .li .ico{ width: auto;}
.solut2 .list1 .u2 .li .ico img{ width:36px; height:36px;}
.solut2 .list1 .u2 .li .tit{width:calc(100% - 36px); margin:0; min-height:36px; display:flex; flex-wrap: wrap; align-items: center; padding:0 0 0 14px;}
.solut2 .list1 .u2 .li .info{ margin-top:12px;}
}



.case1 .mbx{ margin-top:0.3rem;}
.case3{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%;background: #fff; padding:0.8rem; margin-top:25px;}
.case3 .left{ display:block; width:47%;}
.case3 .right{ display: block; width:49%;}
.case3 .imgList{ display: block; width:100%;}
.case3 .slick-dots{ margin:0; position: absolute; left:0; bottom:16px; z-index: 6;}
.case3 .slick-dots li{ border:1px solid #fff; }
.case3 .slick-dots li.slick-active{ border:1px solid #0e6eb8;}
.case3 .pic{ display: block; width:100%; line-height:0; position:relative;}
.case3 .pic video{position:absolute; left:0; top:0; width:100%; height:100%;}

.case3 .pic .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.54rem; height: 0.54rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/paly1.png) center no-repeat; background-size:100% 100%  !important;}

.case3 .line{ display: block; width: 100%; border-bottom:1px solid #0e6eb8; margin-top: 0.41rem;}
.case3 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); margin-top: 0.33rem;}
.case2{ display: block; width: 100%; margin-top: 0.6rem;}
.case2 .box{ display: block; width:100%; background: #fff; margin:25px 0 0.55rem 0; padding:0.65rem 0.8rem 0.26rem 0.8rem;}
.case2 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding:20px 0 44px 0;}
.case2 .imgList{ display:block; width:100%;}
.case2 .imgList .div{ display:block; width:100%; line-height:0; overflow: hidden;}
.case2 .imgList .slick-dots{ position: absolute; left:0; bottom:16px; z-index: 6;}
.case2 .imgList .slick-dots li{border: 1px solid #fff;}
.case2 .imgList .slick-dots li.slick-active{border: 1px solid #0e6eb8;}
.case2 .list{ display: block; width:100%; padding:22px 0 6px 0;}
.case2 .list .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:-0.17rem -0.1rem;}
.case2 .list .u2 .li{ display: block; width:25%; padding:0.17rem 0.1rem;}
.case2 .list .u2 .li .a{ display: block; width:100%;}
.case2 .list .u2 .li ._img{ padding-bottom:66.37%; border-radius: 6px;}
.case2 .list .u2 .li .tit{ text-align: center; display: block; width:100%;color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top: 15px;}
.case2 .list1{ display: block; width:100%; padding:17px 0 40px 0;}
.case2 .list1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.case2 .list1 .u2 .li{ display: block; width:33.33%; padding:0.15rem;}
.case2 .list1 .u2 .li .a{ display: block; position: relative; height: 100%; width:100%; border:1px solid #d9d9d9; padding:0.39rem 0.42rem 0.51rem 0.42rem;}
.case2 .list1 .u2 .li .ico{display: block; width:100%; line-height: 0;}
.case2 .list1 .u2 .li .ico img{ width:55px; height:48px;}
.case2 .list1 .u2 .li .tit{ display: block; width:100%;color: #333; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem); margin-top:0.31rem;}
.case2 .list1 .u2 .li .info{ display: block; width:100%;color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); margin-top:17px;}
.case2 .pic1{ display: block; width:100%; line-height:0; text-align: center; padding:40px 0 40px 0;}
.case2 .table{ /*display:block;*/ width:100%;color: #666666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); border-left:1px solid #e5e5e5; /*margin:32px 0 56px 0;*/}
.case2 .table{ width:100%; text-align: center;}
.case2 .table tr:nth-child(2n+1){ background: #f5f5f5;}


.case2 .table td{ font-family:inherit !important; padding: calc(10px + 0.08rem) !important; background:none !important; color: #666666 !important;font-size:calc(14px + 0.04rem) !important; line-height: calc(22px + 0.06rem) !important; border-color:#e5e5e5 !important;}
.case2 .table tr:first-child td{font-weight:bold !important;}
.case2 .table td *{font-family:inherit !important;}

@media screen and (max-width:1024px) {
.case1{ background-size:200% auto !important;}		
.case3{padding:14px; margin-top:25px;}	
.case3 .left{width:100%;  padding:20px 0 12px 0; }
.case3 .right{width:100%; }
.case3 .line{ margin-top:15px;}
.case3 .cont{ margin-top:15px;}
.case2 .box{ margin:25px 0; padding:25px 15px 10px 15px;}
.case2 .cont{ padding:18px 0 20px 0;}
.case2 .list{ padding:22px 0 6px 0;}
.case2 .list .u2{width:calc(100% + 14px); margin:-8px -7px;}
.case2 .list .u2 .li{  padding:8px 7px;}
.case2 .list .u2 .li .tit{ margin-top: 12px;}
.case2 .list1{ padding:17px 0 20px 0;}
.case2 .list1 .u2{width:calc(100% + 14px); margin:-8px -7px;}
.case2 .list1 .u2 .li{  padding:7px 7px;}
.case2 .list1 .u2 .li .a{ padding:20px 15px;}
.case2 .list1 .u2 .li .tit{ margin-top: 12px;}
.case2 .list1 .u2 .li .info{ margin-top:6px;}
.case2 .list1 .u2 .li .ico img{ width:41px; height:36px;}
.case2 .pic1{  padding:20px 0;}

.case3 .pic .paly{ width:34px; height:34px;}

}
@media screen and (max-width:767px) {
.case2 .list .u2 .li{ width:50%; }
.case2 .list1 .u2 .li{ width:100%; }
.case2 .list1 .u2 .li .a{ display:flex; flex-wrap: wrap;}
.case2 .list1 .u2 .li .ico{ width: auto;}
.case2 .list1 .u2 .li .tit{width:calc(100% - 41px); margin:0; min-height:36px; display:flex; flex-wrap: wrap; align-items: center; padding:0 0 0 14px;}
.case2 .list1 .u2 .li .info{ margin-top:12px;}
.case2 .table{ overflow-x: auto;/*margin:25px 0 25px 0;*/}
.case2 .table{ width:767px;}


.case2 .cont_table{overflow-x: auto;}
}


.aboutbox1{ overflow: hidden;}
.about1{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.about1 .left{ display: block; width: 45%;}
.about1 .right{ display: block; width: 48.56%; margin-top:0.8rem;}	
.about1 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); margin-top:0.34rem;  }
.about1 .pic{ display: block; width: 126.2%; margin-right:-26.2%; line-height:0; position: relative;-webkit-transition: all 1s;}
.about1 .pic:hover{	-webkit-transform:scale(1.02) translateY(-20px); transform:scale(1.02) translateY(-20px);}


@media screen and (max-width:1440px) {
.about1 .left{ width: 47%;}
.about1 .info{ line-height:calc(22px + 0.08rem); margin-top:0.24rem;  }
}
@media screen and (max-width:1024px) {
.about1 .left{ width: 100%;}
.about1 .right{ width: 100%; margin-top: 30px;}	
.about1 .info{ margin-top:15px;  }
.about1 .pic:hover{	-webkit-transform:scale(1.02) translateY(0); transform:scale(1.02) translateY(0);}
}





.about2{display:block; width: 100%; margin-top:4px;}
.about2 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.about2 .li{display:flex; width: 50%; margin-top: 0.3rem; padding:0 0.15rem;}
.about2 .li .la{display:flex; width: 100%; overflow: hidden;
background:#fff; position: relative;
display: flex;
align-items: center; height:2.7rem;
padding:34px 0.42rem;
transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.about2 .li .tit{display:block; width: 100%; 
color:#333;
 font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem);
}
.about2 .li .p{display:block; width: 100%; margin-top:0.1rem;
color: #666;
 font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);
}
.about2 .li .bg{ display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1; opacity:0;}
.about2 .li .info{display:block; width: 100%;}
.about2 .li .ino{display:block; line-height: 0; width:5.56rem; position: absolute; right:-1.92rem; bottom:-0.3rem; z-index: 3;}
.about2 .li .ino img{ width: 100%;}
.about2 .li .ico{display:block; line-height: 0; width:80px; min-width:80px; margin:0 0.2rem;}
.about2 .li .ico img{ width: 100%;}
.about2 .li .ico .img1{display:block}
.about2 .li .ico .img2{display:none}
.about2 .li .la:hover{background: rgb(40, 145, 226,1);}
.about2 .li .la:hover .bg{ opacity:0.1;}
.about2 .li .la:hover .tit{color:#fff;}
.about2 .li .la:hover .p{color:#fff;}
.about2 .li .la:hover .ico .img1{display:none}
.about2 .li .la:hover .ico .img2{display:block}
.about2 .li .la:hover .ino{ opacity:0;}

@media screen and (max-width:1024px) {
.about2 .ul{ width:calc(100% + 14px); margin:0 -7px;}
.about2 .li{margin-top: 14px; padding:0 7px;}	
.about2 .li .la{
padding:20px 18px;
}
.about2 .li .counter{
font-size: 24px;
line-height:26px;}
.about2 .li .dw{
font-size:16px;
line-height: 24px;
}
.about2 .li .p{ font-size:14px; line-height: 22px; margin-top:6px;}
.about2 .li .ico{ width:52px; min-width:52px; margin:0 0 0 16px;}
}
@media screen and (max-width:767px) {
.about2 .li{ width: 100%;}	
.about2 .li .la{ height:auto;}
}


.about4{ display: block; width: 100%; padding-top:14px;}
.about4 .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:0 -0.1rem; }
.about4 .u2 .li{ display:block; width:12.5%;padding:0 0.1rem; margin-top:0.2rem;}
.about4 .u2 .li .a{ width: 100%; display: block; line-height:0; overflow: hidden; background: #fff;}
.about4 .u2 .li:nth-child(1),
.about4 .u2 .li:nth-child(2),
.about4 .u2 .li:nth-child(3),
.about4 .u2 .li:nth-child(4),
.about4 .u2 .li:nth-child(5),
.about4 .u2 .li:nth-child(6),
.about4 .u2 .li:nth-child(7),
.about4 .u2 .li:nth-child(8){ width:25%;}


@media screen and (max-width:1024px) {
.about4 .u2{width:calc(100% + 10px); margin:0 -5px; }
.about4 .u2 .li{padding:0 5px; margin-top:10px;}
}
@media screen and (max-width:767px) {
.about4 .u2 .li{ width:25%;}	
.about4 .u2 .li:nth-child(1),
.about4 .u2 .li:nth-child(2),
.about4 .u2 .li:nth-child(3),
.about4 .u2 .li:nth-child(4),
.about4 .u2 .li:nth-child(5),
.about4 .u2 .li:nth-child(6),
.about4 .u2 .li:nth-child(7),
.about4 .u2 .li:nth-child(8){ width:50%;}
}

.aboutbox3 .max-width{overflow: hidden; position: relative;}
.about3{ display: block; width: 100%; padding-top:34px;}
.about3 .u2{  display: block; width:100%; background:#f5f5f5; }
.about3 .u2 .li{ display: block; width:100%; }
.about3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.about3 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.about3 .swiper-prev,
.about3 .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:0; top:0; z-index: 10; background: url(img/ico5.2.png) center no-repeat; background-size:auto 100% !important; }
.about3 .swiper-prev{ margin-right:0.52rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.about3 .swiper-prev:hover,
.about3 .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.about3 .swiper-pagination{ display: inline-flex; line-height:0.4rem; display:block;position: absolute;right:1.06rem; top:0; z-index: 10;color: #666666;}
.about3 .swiper-pagination-current{ color:#0e6eb8;font-size:calc(16px + 0.14rem);  font-weight: bold;}
.about3 .swiper-pagination-total{color: #666;font-size:calc(14px + 0.08rem);}
.about3 .swiper-pagination-lock{ display:none;}
.about3 .swiper-button-lock{ display:none;}

@media screen and (max-width:1024px) {
.about3{ padding-top:22px;}
.about3 .swiper-prev,
.about3 .swiper-next{ width:26px; height:26px; top:2px}
.about3 .swiper-prev{ margin-right:34px;}
.about3 .swiper-pagination{ line-height:26px;right:68px; top:2px;}
}


.abou5 ._Title{ color: #fff; text-align: center; font-weight: 400;}
.abou5 .list{ width:100%; display:flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-around; margin-top:1.8rem; padding:0 0.7rem;}
.abou5 .list .line{ display: flex; width:1px; height: 54px; background: rgba(255,255,255,0.6);margin:0.32rem;}
.abou5 .list .li{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; flex-direction: column;margin-top:15px;} 
.abou5 .list .li .tit{ color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:4px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;}
.abou5 .list .li .num{ display: inline-flex; align-items: flex-end;}
.abou5 .list .li .countup{ color: #fff; font-size:0.67rem; line-height:1;}
.abou5 .list .li .dw{ color: #fff; font-size:calc(14px + 0.06rem); line-height:2; margin-left:2px;}

@media  screen and (max-width:1024px){
.abou5{ padding-top:40px;  padding-bottom:40px;}	
.abou5 .list{ padding:40px 0 0 0;}
.abou5 .list .line{height:36px;  margin:25px 12px; display:none;}
.abou5 .list .li .tit{ font-size:14px; line-height:24px;}
.abou5 .list .li .countup{font-size:26px;}
.abou5 .list .li .dw{ font-size:14px; line-height:1.5; margin-left:2px;}
.pin-spacer{ padding:0 !important;}
}
@media  screen and (max-width:767px){
.abou5 ._Title{ padding:0 40px;}
.abou5 .list{ margin-top:40px; padding:0 15px;}

}


/*
 0e6eb8
calc(20px + 0.16rem); 

*/




.pagecon{padding-top:20px; padding-bottom:50px;}
.pagecon .newsbox{padding:0;}
.pagecon .newsbox .right{width:100%;}
.pagecon .newsbox .sect .cont{padding:0;}

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

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#0e6eb8;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}




/*250428start*/
.lits04 .u2 .a ._img{ padding-bottom:59%;}
.pord-xg1 .ul{ display: block;}



/*250428end*/

.pord2 .imgList .ul .slick-list{min-width:100%;}

.solut2 .table{ /*display:block;*/ width:100%;color: #666666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); border-left:1px solid #e5e5e5; /*margin:32px 0 56px 0;*/}
.solut2 .table{ width:100%; text-align: center;}
.solut2 .table tr:nth-child(2n+1){ background: #f5f5f5;}

.solut2 .table td{ font-family:inherit !important; padding: calc(10px + 0.08rem) !important; background:none !important; color: #666666 !important;font-size:calc(14px + 0.04rem) !important; line-height: calc(22px + 0.06rem) !important; border-color:#e5e5e5 !important;}
.solut2 .table tr:first-child td{font-weight:bold !important;}
.solut2 .table td *{font-family:inherit !important;}

@media screen and (max-width:767px) {
.solut2 .table{ overflow-x: auto;/*margin:25px 0 25px 0;*/}
.solut2 .table{ width:767px;}
.solut2 .cont_table{overflow-x: auto;}
}


.slick-list{min-width:100%;}



/*250510start*/
.case2{ margin-top:0 !important;}
.case2 .box{ margin:0.6rem 0  0 0;}
.case2 .tit30{ margin-top:0.55rem;}


@media screen and (max-width:1440px)  and (min-width:767px) {
.abou5 .list{margin-top: 0.8rem;}
}

@media screen and (max-width:767px) {
.case2 .box{ margin:25px 0 0 0;}
.case2 .tit30{ margin-top:25px;}
}
/*250510end*/


/*250512start*/
@media screen and (max-width:1600px){
.main9 .cont {
	width: 41.4%;
}
.main9 .info{margin-top: 0.25rem;}
.main9 ._btn{margin-top: 0.6rem;}
.main9 .list{padding: 1rem 0 0 0;}

}
@media screen and (max-width:1400px) {
.main9 .cont {
	width: 46.4%;
}
.main9 .info{margin-top: 0.2rem;}
.main9 ._btn{margin-top: 0.45rem;}
.main9 .list{padding: 0.66rem 0 0 0;}

}
@media screen and (max-width:1024px) {
.main9 .cont {
	width: 100%;
}
.main9 .info{margin-top:10px;}
.main9 ._btn{margin-top:30px;}
.main9 .list{padding:40px 0 0 0;}

}

.wap_down li .a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.footer1 .Copyright a{ margin-left:0 !important;}
.footer1 .Copyright .i{ margin-left:16px;}

@media screen and (max-width:767px) {
.footer1 .Copyright .i{ margin-left:5px;}
}











@media screen and (min-width:1200px){
  body .t_navs .top .logo-cs {
    display: none;
  }
  body .t_navs .top .logo-white {
    display: block;
  }
}

.t_navs {
  background-color: #ffffff00;
  transition: background-color 0.5s;
}

.ect {
    background-color: #ffffff;
}

.t_navs .y-menu .active {
    /* background-color: rgba(243, 247, 249, .6); */
}

/* 下菜单 */
.t_navs .y-menu .nli {
  position: relative;
  /* 为下拉菜单提供定位参考 */
}



/* .t_navs .y-menu .active .sub ul a{
  opacity: 1;
}



.t_navs .y-menu .sub a{
  opacity: 0;
  transition: opacity 5s;
} */


/* 下拉菜单样式 */
.t_navs .y-menu .sub {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  /* top: 100%; */
  /* right: 0.2rem; */
  width: 100%;
  /* width: 200px; */
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.t_navs .y-menu .sub ul {
  
  /* float: none; */
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1200;
    /* display: none; */
    float: left;
    min-width: 160px;
    padding: 5px 0;
    /* margin: 2px 0 0; */
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid #e4eaec; 
    /* border-radius: 3px; */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.t_navs .y-menu .sub li {
  margin: 2px 0;
  padding: 0px;
  border-bottom: 1px solid #eee;
}
.t_navs  .y-menu .sub li:last-child {
  border-bottom: none;
}
.t_navs  .y-menu .sub a {
  display: block;
  padding: 8px 15px;
  /* text-align: left; */
  color: #494949;
  background-color:#fff;
  transition: background-color 0.2s;
}
.t_navs .y-menu  .sub a:hover {
  background: #F2F2F2 none repeat scroll 0% 0%;
  text-indent: 5px;
  color: #696969;
  transition: all 0.3s ease-out;
}
/* .t_navs  .y-menu .nli.active .sub {
  display: block;
} */

.t_navs  .y-menu .nli .sub  {
  visibility: hidden; /* 元素不可见，但保留布局 */
  opacity: 0;
  transition: all 0.5s ease-out;
}

.t_navs  .y-menu .nli.active .sub  {
  visibility: visible; /* 显示元素 */
  opacity: 1;
}

.t_navs .sub {
  display: block;
}

.t_navs .y-menu  .sub ul:after, .t_navs .y-menu .sub ul:before {
 
  
    position: absolute;
    /* left: 0px; */
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-bottom-color: rgb(255 255 255);
    border-top-width: 0;
    /* border-bottom-color: #e4eaec; */

    top: -7px;
    border-bottom-color: #fff;

    right: 10px;
    left: auto;
}





/* @media screen and (min-width:1200px){
  body .t_navs .top .logo-cs {
    display: none;
  }
  body .t_navs .top .logo-white {
    display: block;
  }
}

.t_navs .y-menu .nli {
  position: relative;
}
.t_navs .y-menu .sub {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.t_navs .y-menu  .sub ul {
  display: block;
  text-align: center;
  float: none;
}
.t_navs .y-menu  .sub li {
}
.t_navs  .y-menu .sub li:last-child {
  border-bottom: none;
}
.t_navs  .y-menu .sub a {
  display: block;
  padding: 20px 8px;
  color: #494949;
  background-color:#fff;
  transition: background-color 0.2s;
}
.t_navs .y-menu  .sub a:hover {
  background: #F2F2F2 none repeat scroll 0% 0%;
  text-indent: 5px;
  color: #696969;
  transition: all 0.3s ease-out;
}
.t_navs  .y-menu .nli.active .sub {
  display: block;
} */

/* 手风琴 */

 .pain {
      padding: 0px calc(50% - 600px);
    }

    .pain .pain-items[data-v-5a928151] {
      cursor: pointer;
      display: flex;
      flex-direction: row;
      height: 396px;
      justify-content: space-between;
      /* margin-top: 48px; */
      overflow: hidden
    }

    .pain .pain-items .pain-item[data-v-5a928151] {
      animation-direction: normal;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-name: changeWidthSmall-5a928151;
      animation-timing-function: ease-in-out;
      border-radius: 8px;
      display: flex;
      flex-shrink: 0;
      height: 396px;
      overflow: hidden;
      transition: all .5s linear;
      width: 192px;
    }

    .pain .pain-items .pain-item+.pain-item[data-v-5a928151] {
      margin-left: 12px
    }

    .pain .pain-items .pain-item.active[data-v-5a928151] {
      animation-direction: normal;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-name: changeWidthBig-5a928151;
      animation-timing-function: ease-in-out;
      z-index: 10
    }

    .pain .pain-items .pain-item.active .pain-item-card[data-v-5a928151] {
      transform: scale(1.1)
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active[data-v-5a928151] {
      left: 60px;
      opacity: 1;
      position: absolute;
      top: 60px;
      transition: all .5s ease-in-out
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .title-active[data-v-5a928151] {
      color: #202124;
      font-size: 22px;
      font-weight: 600;
      line-height: 36px;
      margin-bottom: 52px
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .wrapper[data-v-5a928151] {
      height: 52px;
      margin-bottom: 24px
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .wrapper .p-wrapper[data-v-5a928151] {
      display: flex;
      width: 340px
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .wrapper .p-wrapper .icon[data-v-5a928151] {
      height: 20px;
      width: 20px
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .wrapper .p-wrapper .title1[data-v-5a928151] {
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(45deg, #006cff, #000);
      color: transparent;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      margin-left: 13px
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .wrapper .p-wrapper .title2[data-v-5a928151] {
      color: #202124;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      margin-left: 7px
    }

    .pain .pain-items .pain-item.active .pain-item-card .content-active .wrapper .des-active[data-v-5a928151] {
      color: #4e5866;
      font-size: 14px;
      margin-left: 36px;
      margin-top: 4px;
      white-space: nowrap
    }

    .pain .pain-items .pain-item.active .pain-item-card[data-v-5a928151]:before {
      opacity: 0 !important
    }

    .pain .pain-items .pain-item .item-wrapper[data-v-5a928151] {
      width: 100%
    }

    .pain .pain-items .pain-item .pain-item-card[data-v-5a928151] {
      background-image: var(--bg-img);
      background-position-x: right;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 8px;
      cursor: pointer;
      height: 396px;
      opacity: 1;
      overflow: hidden;
      position: relative;
      transition: all .5s linear;
      width: 100%
    }

    .pain .pain-items .pain-item .pain-item-card .content[data-v-5a928151] {
      color: #fff;
      display: flex;
      flex-direction: column;
      height: 92px;
      left: 50%;
      opacity: 1;
      position: absolute;
      top: 70%;
      transform: translateX(-50%);
      transition: all .3s linear;
      width: 96%;
      z-index: 10
    }

    .pain .pain-items .pain-item .pain-item-card .content .title[data-v-5a928151] {
      color: #fff;
      font-size: 20px;
      line-height: 28px;
      white-space: nowrap;        /* 不换行 */
  overflow: hidden;           /* 超出隐藏 */
  text-overflow: ellipsis;    /* 显示省略号 */
    }

    .pain .pain-items .pain-item .pain-item-card .content .des[data-v-5a928151] {
      font-size: 16px;
      line-height: 24px;
      opacity: .8;
      white-space: pre-line;
      
      display: -webkit-box;       /* 使用 WebKit 的 box 模型 */
  -webkit-line-clamp: 2;      /* 限制为 2 行 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  overflow: hidden;
  text-overflow: ellipsis;
    }

    .pain .pain-items .pain-item .pain-item-card[data-v-5a928151]:before {
      transition: all .5s linear
    }

    .pain .pain-items .pain-item .pain-item-card .content-active[data-v-5a928151] {
      opacity: 0
    }

    .pain .pain-items .pain-item .pain-item-card.active[data-v-5a928151] {
      transition: all .5s ease-in-out;
      width: 618px;
      z-index: 10
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active[data-v-5a928151] {
      left: 60px;
      opacity: 1;
      position: absolute;
      top: 60px;
      transition: all .5s ease-in-out
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .title-active[data-v-5a928151] {
      color: #202124;
      font-size: 24px;
      font-weight: 600;
      line-height: 36px;
      margin-bottom: 52px
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .wrapper[data-v-5a928151] {
      height: 52px;
      margin-bottom: 36px
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .wrapper .p-wrapper[data-v-5a928151] {
      display: flex;
      width: 340px
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .wrapper .p-wrapper .icon[data-v-5a928151] {
      height: 20px;
      width: 20px
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .wrapper .p-wrapper .title1[data-v-5a928151] {
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(45deg, #006cff, #000);
      color: transparent;
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
      margin-left: 13px
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .wrapper .p-wrapper .title2[data-v-5a928151] {
      color: #202124;
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
      margin-left: 7px
    }

    .pain .pain-items .pain-item .pain-item-card.active .content-active .wrapper .des-active[data-v-5a928151] {
      color: #4e5866;
      font-size: 16px;
      margin-left: 36px;
      margin-top: 4px;
      white-space: nowrap
    }

    .pain .pain-items .pain-item .pain-item-card.active[data-v-5a928151]:first-child {
      margin-right: 12px
    }

    .pain .pain-items .pain-item .pain-item-card.active[data-v-5a928151]:before {
      opacity: 0;
      transition: all 1s linear
    }

    .pain .pain-items .pain-item .pain-item-card.active[data-v-5a928151]:before,
    .pain .pain-items .pain-item .pain-item-card[data-v-5a928151]:before {
      background: linear-gradient(180deg, var(--bgcolor-1) 0, var(--bgcolor-2) 75%, var(--bgcolor-3) 100%);
      border-radius: 8px;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1
    }

    .pain .pain-items .pain-item .pain-item-card[data-v-5a928151]:before {
      opacity: 1
    }

    .pain .pain-items .pain-item .pain-item-card[data-v-5a928151]:hover:before {
      opacity: 0
    }

    .pain .pain-items .pain-item .active-item[data-v-5a928151] {
      height: 396px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: right top;
      object-position: right top;
      opacity: 1;
      position: relative;
      transition: all .5s ease-in-out;
      width: 618px;
      z-index: 0
    }

    .pain .pain-items .pain-item .active-item .bg[data-v-5a928151] {
      background: radial-gradient(0 35% at 50% 116%, #d9d9d9 0, hsla(0, 0%, 52%, .08) 60%, hsla(0, 0%, 45%, 0) 100%);
      border-radius: 8px;
      height: 100%;
      left: 0;
      position: relative;
      top: 0;
      width: 100%
    }

    .pain .pain-items .pain-item .active-item .content[data-v-5a928151] {
      left: 40px;
      position: absolute;
      top: 40px
    }

    .pain .pain-items .pain-item .active-item .content .title[data-v-5a928151] {
      color: #202124;
      font-size: 24px;
      font-weight: 600;
      line-height: 36px;
      margin-bottom: 52px
    }

    .pain .pain-items .pain-item .active-item .content .wrapper[data-v-5a928151] {
      height: 52px;
      margin-bottom: 36px
    }

    .pain .pain-items .pain-item .active-item .content .wrapper .p-wrapper[data-v-5a928151] {
      display: flex;
      width: 340px
    }

    .pain .pain-items .pain-item .active-item .content .wrapper .p-wrapper .icon[data-v-5a928151] {
      height: 20px;
      width: 20px
    }

    .pain .pain-items .pain-item .active-item .content .wrapper .p-wrapper .title1[data-v-5a928151] {
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(45deg, #006cff, #000);
      color: transparent;
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
      margin-left: 13px
    }

    .pain .pain-items .pain-item .active-item .content .wrapper .p-wrapper .title2[data-v-5a928151] {
      color: #202124;
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
      margin-left: 7px
    }

    .pain .pain-items .pain-item .active-item .content .wrapper .des[data-v-5a928151] {
      color: #4e5866;
      font-size: 16px;
      margin-left: 36px;
      margin-top: 4px;
      white-space: nowrap
    }

    .pain .pain-items .pain-item .default-item[data-v-5a928151] {
      border-radius: 8px;
      height: 396px;
      position: relative;
      transition: all .5s ease-in-out;
      width: 192px
    }

    .pain .pain-items .pain-item .default-item .bg[data-v-5a928151] {
      border-radius: 8px;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: right top;
      object-position: right top;
      position: relative;
      width: 100%
    }

    .pain .pain-items .pain-item .default-item .content[data-v-5a928151] {
      color: #fff;
      display: flex;
      flex-direction: column;
      height: 92px;
      left: 50%;
      opacity: 1;
      position: absolute;
      top: 70%;
      transform: translateX(-50%);
      width: 128px;
      z-index: 2
    }

    .pain .pain-items .pain-item .default-item .content .title[data-v-5a928151] {
      color: #fff;
      font-size: 20px;
      line-height: 28px
    }

    .pain .pain-items .pain-item .default-item .content .des[data-v-5a928151] {
      font-size: 16px;
      line-height: 24px;
      white-space: pre-line
    }

    .pain .pain-items .pain-item .default-item[data-v-5a928151]:hover {
      opacity: 0;
      transition: all .5s ease-in-out;
      z-index: -1
    }

    .pain .pain-items .pain-item .default-item[data-v-5a928151]:before {
      background: linear-gradient(180deg, var(--bgcolor-1) 0, var(--bgcolor-2) 75%, var(--bgcolor-3) 100%);
      border-radius: 8px;
      bottom: 0;
      content: "";
      left: 0;
      opacity: 1;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1
    }

    .pain .pain-items .pain-item .default-item[data-v-5a928151]:before:hover {
      opacity: 0;
      transition: all .5s ease-in-out;
      z-index: -1
    }

    @keyframes changeWidthBig-5a928151 {
      0% {
        width: 192px
      }

      to {
        width: 618px
      }
    }

    @keyframes changeWidthSmall-5a928151 {
      0% {
        width: 618px
      }

      to {
        width: 192px
      }
    }

/* 手风琴结束 */










































































/* 导航开始 */



        .vzan-nav[_1] {
            height: 78px;
            min-width: 1200px
        }

        .vzan-nav .logo[_1] {
            margin-right: 35px !important
        }

        .vzan-nav a[_1] {
            align-items: center;
            display: flex;
            font-size: 18px
        }

        .vzan-nav.black a[_1] {
            color: #000 !important
        }

        .vzan-nav .nav-btn>a[_1]:before {
            background-color: #006cff;
            border-radius: 2px 2px 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            transition: width .3s;
            width: 0;
            z-index: 99
        }

        .vzan-nav .nav-btn:hover>a[_1] {
            color: #006cff !important;
            position: relative
        }

        .vzan-nav .nav-btn:hover>a[_1]:before {
            transition: width .3s;
            width: 100%
        }

        .nav-btn>a[_1] {
            display: flex !important
        }

        .vzan-nav.blur a[_1] {
            color: #000 !important
        }

        .vzan-nav.blur .nav-bg[_1] {
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
            background: hsla(0, 0%, 100%, .5);
            bottom: 0;
            box-shadow: 0 0 50px rgba(0, 0, 0, .05);
            left: 0;
            position: absolute;
            right: 0;
            top: 1px;
            z-index: -1
        }

        .vzan-nav.blur .nav-bg-gap[_1] {
            background-color: #fff;
            display: block;
            height: 1px;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1
        }

        .vzan-nav.blur #vzlogin[_1],
        .vzan-nav.white #vzlogin[_1] {
            border: 1px solid #006cff;
            border-radius: 2px
        }

        .vzan-nav.blur #vzlogin[_1] {
            color: #006cff
        }

        .vzan-nav .container[_1] {
            height: 100%;
            width: 1050px
        }

        .vzan-nav .container .left[_1] {
            height: 100%
        }

        .vzan-nav .container .left .nav-list[_1] {
            align-items: center;
            height: 100%
        }

        .vzan-nav .container .left .nav-list .nav-btn[_1] {
            flex-shrink: 0;
            font-weight: 400 !important;
            height: 100%;
            line-height: 40px;
            margin-right: 40px !important
        }

        .vzan-nav .container .hoverLoginBtn[_1] {
            height: 40px;
            margin-right: 14px;
            position: relative;
            width: 88px
        }

        .vzan-nav .container .hoverLoginBtn .experienceBtn[_1],
        .vzan-nav .container .hoverLoginBtn .hoverBtn[_1] {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: all .3s
        }

        .vzan-nav .container .hoverLoginBtn .hoverBtn[_1] {
            opacity: 1
        }

        .vzan-nav .container .hoverLoginBtn .experienceBtn[_1] {
            opacity: 0;
            width: 88px
        }

        .vzan-nav .container .hoverLoginBtn:hover .hoverBtn[_1] {
            opacity: 0;
            transition: all .3s
        }

        .vzan-nav .container .hoverLoginBtn:hover .experienceBtn[_1] {
            opacity: 1;
            transition: all .3s
        }

        .vzan-nav .container .experienceBtn[_1] {
            background-image: linear-gradient(135deg, #006cff, #0af);
            border: none;
            border-radius: 2px;
            box-shadow: 0 14px 30px hsla(0, 34%, 55%, .15);
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            height: 40px;
            line-height: 40px;
            outline: none;
            overflow: hidden;
            position: relative;
            text-align: center;
            width: 100px
        }

        .vzan-nav .container .experienceBtn span[_1] {
            position: relative;
            z-index: 99
        }

        .vzan-nav .container .experienceBtn[_1]:before {
            --size: 20px;
            background: radial-gradient(circle closest-side, rgba(0, 255, 248, .376), transparent);
            content: "";
            height: 20px;
            height: var(--size);
            left: var(--x);
            opacity: 0;
            position: absolute;
            top: var(--y);
            transform: translate(-50%, -50%);
            transition: all .3s ease, left 0s, top 0s;
            width: 20px;
            width: var(--size)
        }

        .vzan-nav .container .experienceBtn[_1]:hover:before {
            --size: 150px;
            opacity: 1
        }

        .vzan-nav .vzan-nav .nav-btn>a[_1] {
            font-size: 16px
        }

        .vzan-nav.blur[_1] {
            background-color: hsla(0, 0%, 100%, .8);
            color: #000 !important
        }

        .vzan-nav.white[_1],
        .vzan-nav[_1]:hover {
            background-color: #fff
        }

        .vzan-nav.white a[_1],
        .vzan-nav[_1]:hover {
            color: #000 !important
        }

        .vzan-nav .nav-btn[_1]:hover:before {
            display: none
        }

        .vzan-nav.blur .nav-btn.arrow[_1]:after {
            border-color: #202124 transparent transparent
        }

        .vzan-nav:hover .nav-btn.arrow[_1]:after {
            border-color: #202124 transparent transparent !important
        }

        .vzan-nav .phone[_1] {
            line-height: 40px;
            margin-right: 26px
        }

        .vzan-nav .phone .vz-font[_1],
        .vzan-nav .phone>i[_1] {
            font-size: 20px !important;
            margin-right: 0;
            white-space: nowrap
        }

        .vzan-nav .phone i[_1] {
            margin-right: 10px !important
        }
 
        .vzan-nav {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 200;
            width: 100%;
            height: 60px;
            color: #fff;
            transition: all 0.4s;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 1350px;
        }

        .vzan-nav:hover,
        .vzan-nav.white {
            background: #fff !important;
            color: #000 !important;
        }

        .vzan-nav:hover .login,
        .vzan-nav.white .login {
            color: #006cff !important;
        }

        .vzan-nav .logo {
            margin-right: 50px;
            display: flex;
            align-items: center;
        }

        .vzan-nav .logo img {
            width: 40px;
            height: 40px;
            margin-right: -3px;
        }

        .vzan-nav .logo i {
            font-size: 30px;
        }

        .vzan-nav .left {
            display: flex;
            align-items: center;
        }

        .vzan-nav .right {
            display: flex;
        }

        .vzan-nav .container {
            display: flex;
            align-items: center;
            /* justify-content: space-between; */
            justify-content: flex-end;
            position: relative;
            margin: 0;
        }

        .vzan-nav .nav-list {
            display: flex;
        }

        .vzan-nav .phone {
            display: flex;
            align-items: center;
            line-height: 60px;
            font-size: 24px;
            margin-right: 12px;
        }

        .vzan-nav .phone i {
            font-size: 24px;
            margin-right: 11px;
        }

        .vzan-nav .exp {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #006CFF;
            width: 124px;
            box-sizing: border-box;
            color: #fff;
        }

        .vzan-nav .exp.login {
            background: transparent;
            color: inherit;
            padding: 0;
        }

        .vzan-nav .nav-btn {
            background: transparent;
            line-height: 60px;
            height: 60px;
            margin-right: 40px;
            color: inherit;
            position: relative;
        }

        .vzan-nav .nav-btn:hover {
            color: #006CFF;
            font-weight: 700;
        }

        .vzan-nav .nav-btn:hover:before {
            content: ' ';
            width: 12px;
            height: 3px;
            background: #006CFF;
            position: absolute;
            bottom: 5px;
            left: 50%;
            margin-left: -6px;
        }

        .vzan-nav button a,
        .vzan-nav .nav-btn a {
            cursor: pointer;
            color: inherit;
            width: 100%;
            height: 100%;
            display: block;
        }

        .nav-open-tab {
            position: fixed;
            top: 60px;
            left: 50%;
            width: 1200px;
            height: 0;
            margin-left: -600px;
            line-height: 1;
            font-weight: normal;
            overflow: hidden;
            display: flex;
            background: #fff;
            box-shadow: 0px 20px 60px 0px rgba(0, 51, 119, 0.06);
            transition: height 0.4s;
        }

        .nav-open-tab .open-aside {
            width: 290px;
            height: 100%;
            box-sizing: border-box;
            padding-top: 40px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.71) 0%, #f6faff 100%);
            display: flex;
            flex-direction: column;
        }

        .nav-open-tab .open-aside .aside-item {
            margin-bottom: 40px;
            padding: 0 40px;
        }

        .nav-open-tab .open-aside .aside-item:last-of-type {
            margin-bottom: 0;
        }

        .nav-open-tab .open-aside p {
            color: #919499;
            font-size: 16px;
            margin-bottom: 14px;
        }

        .nav-open-tab .open-aside span {
            font-size: 20px;
            color: #202124;
        }

        .nav-open-tab .open-aside .cousult-text {
            margin-top: auto;
            color: #006CFF;
            text-align: center;
            cursor: pointer;
            height: 60px;
            line-height: 60px;
            margin-bottom: 0;
            border-top: 1px solid #EFF4FB;
        }

        .nav-open-app:hover .open-app {
            height: 280px;
        }

        .nav-open-tab.open-app .open-list {
            flex: 1;
            padding: 30px;
            display: flex;
            flex-wrap: wrap;
        }

        .nav-open-tab.open-app .open-list .item {
            width: 270px;
            height: 100px;
            transition: all 0.3s;
            text-align: left;
            cursor: pointer;
            margin-right: 20px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            padding-left: 20px;
            box-sizing: border-box;
            transition: all 0.4s;
        }

        .nav-open-tab.open-app .open-list .item:hover {
            font-weight: 700;
        }

        .nav-open-tab.open-app .open-list .item i {
            width: 36px;
            height: 36px;
            background-size: cover;
            margin-right: 10px;
        }

        .nav-open-tab.open-app .open-list .item p {
            font-size: 20px;
            color: #202124;
            margin-bottom: 10px;
        }

        .nav-open-tab.open-app .open-list .item span {
            color: #919499;
            font-size: 14px;
        }

        .nav-open-tab.open-app .open-list .item:hover {
            background: #F8FBFF;
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(1) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k1.png?v=637378363306613110);
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(2) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k4.png?v=637378363306613110);
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(3) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k2.png?v=637378363306613110);
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(4) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k5.png?v=637378363306613110);
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(5) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k3.png?v=637378363306613110);
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(6) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k6.svg);
        }

        .nav-open-tab.open-app .open-list .item:nth-of-type(7) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/k7.svg);
        }
 
        .logo[_1] {
            height: 50px;
            overflow: hidden;
            width: 170px
        }

        .logo-img[_1],
        .vzan-nav .logo img[_1] {
            height: 100% !important;
            width: 100% !important
        }

        .chain[_1] {
            margin-left: 0 !important;
            margin-right: 0 !important
        }
  
        .btn-box .more-btn[_2] {
            height: 48px
        }

        .main-content[_2] {
            position: relative;
            z-index: 110
        }

        .banner[_2] {
            background: #18222c;
            height: 620px
        }

        .banner .swiper-slide[_2],
        .banner[_2] {
            position: relative
        }

        .banner .swiper-slide img[_2],
        .banner .swiper-slide video[_2] {
            max-width: 100%;
            min-width: 1200px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            width: 100%
        }

        .banner .swiper-slide video[_2] {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .banner .swiper-pagination[_2] {
            display: flex;
            justify-content: flex-start
        }

        .banner .swiper-container-horizontal>.swiper-pagination-bullets[_2] {
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
            width: 1200px
        }

        .banner .swiper-next-click[_2],
        .banner .swiper-prev-click[_2] {
            align-items: center;
            cursor: pointer;
            display: flex;
            height: 100%;
            justify-content: center;
            position: absolute;
            top: 0;
            width: 100px;
            z-index: 1000
        }

        .banner .swiper-next-click img[_2],
        .banner .swiper-prev-click img[_2] {
            display: block;
            height: 36px;
            width: 24px
        }

        .banner .swiper-prev-click[_2] {
            left: 0;
            opacity: 0;
            transition: opacity .5s
        }

        .banner .swiper-prev-click img[_2] {
            transform: rotate(-180deg)
        }

        .banner .swiper-prev-click[_2]:hover {
            opacity: 1;
            transition: opacity .5s
        }

        .banner .swiper-next-click[_2] {
            opacity: 0;
            right: 0;
            transition: opacity .5s
        }

        .banner .swiper-next-click[_2]:hover {
            opacity: 1;
            transition: opacity .5s
        }

        .banner-svga[_2] {
            height: 600px;
            left: 900px;
            position: absolute;
            top: 50px;
            z-index: 99999
        }

        @media screen and (max-width: 1550px) {
            .banner-svga[_2] {
                height: 450px;
                left: 600px;
                position: absolute;
                top: 80px;
                z-index: 99999
            }
        }

        .swiper-box[_2] {
            -ms-overflow-style: none;
            align-items: flex-end;
            display: flex;
            justify-content: center;
            height: 200px;
            overflow: scroll;
            position: relative;
            scrollbar-width: none
        }

        .swiper-box[_2]::-webkit-scrollbar {
            display: none !important;
            width: 0 !important
        }

        .swiper-box .item-01-bg[_2] {
            display: block;
            position: absolute;
            right: 13px;
            top: 16px;
            width: 90px
        }

        .swiper-box .item[_2] {
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
            background: hsla(0, 0%, 100%, .8);
            border: 1.5px solid hsla(0, 0%, 100%, .6);
            border-radius: 8px;
            box-shadow: 0 10px 80px 0 rgba(1, 40, 111, .08);
            box-sizing: border-box;
            cursor: pointer;
            flex-shrink: 0;
            height: 88px;
            margin-bottom: 70px;
            overflow: hidden;
            padding: 22px 24px 0;
            position: relative;
            transition: all .5s, border 0s;
            width: 288px
        }

        /* .swiper-box .item[_2]:nth-child(4) {
            margin-right: 140px !important
        } */

        .swiper-box .item[_2]:nth-child(8) {
            margin-right: 100px !important
        }

        .swiper-box .item ._more[_2] {
            height: 22px;
            margin-right: 12px;
            width: 22px
        }

        .swiper-box .item[_2]:not(:last-child) {
            margin-right: 16px
        }

        .swiper-box .item.more[_2] {
            align-items: center;
            display: flex;
            padding: 20px 16px
        }

        .swiper-box .item .download-title[_2] {
            align-items: center;
            color: #202124;
            display: flex;
            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            margin-bottom: 9px
        }

        .swiper-box .item .download-title>div[_2] {
            line-height: 20px
        }

        .swiper-box .item .download-title>div[_2],
        .swiper-box .item p[_2] {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            overflow: hidden
        }

        .swiper-box .item p[_2] {
            color: #60646b;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 14px;
            font-weight: 400;
            line-height: 14px;
            padding-left: 34px
        }

        .swiper-box .item .download-btn[_2] {
            background: none;
            background-size: 100% 0;
            border: 0;
            border-top: 1px solid rgba(0, 108, 255, .05);
            bottom: 0;
            color: #fff;
            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 12px;
            font-weight: 500;
            height: 43px;
            left: 0;
            line-height: 43px;
            line-height: 12px;
            opacity: 0;
            position: absolute;
            text-align: center;
            transition: all .5s;
            width: 100%
        }

        .swiper-box .item.more:hover .download-title[_2] {
            color: #fff
        }

        .swiper-box .item.more:hover p[_2] {
            color: hsla(0, 0%, 100%, .6)
        }

        .swiper-box .item.download[_2] {
            position: relative
        }

        .swiper-box .item.download[_2]:hover {
            height: 130px
        }

        .swiper-box .item.download:hover .download-title[_2] {
            color: #fff
        }

        .swiper-box .item.download:hover p[_2] {
            color: hsla(0, 0%, 100%, .6)
        }

        .swiper-box .item.download:hover .download-btn[_2] {
            border-top: 1px solid hsla(0, 0%, 100%, .1);
            color: #fff;
            opacity: 1
        }

        .swiper-box .hoverItem .bg[_2] {
            background-image: linear-gradient(135deg, #006cff, #0af);
            bottom: 0;
            left: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .swiper-box .hoverItem .content[_2] {
            left: 20px;
            position: absolute;
            right: 20px;
            top: 19px;
            z-index: 99
        }

        .swiper-box .hoverItem[_2]:hover {
            border: none;
            height: 130px;
            width: 288px
        }

        .swiper-box .hoverItem:hover .bg[_2] {
            opacity: 1;
            transition: all .5s
        }

        .swiper-box .hoverItem:hover .content[_2] {
            left: 22px
        }

        .swiper-box .hoverItem[_2]:before {
            --size: 20px;
            background: radial-gradient(circle closest-side, rgba(0, 255, 248, .376), transparent);
            content: "";
            height: 20px;
            height: var(--size);
            left: var(--x);
            opacity: 0;
            position: absolute;
            top: var(--y);
            transform: translate(-50%, -50%);
            transition: all .3s ease, left 0s, top 0s;
            width: 20px;
            width: var(--size);
            z-index: 98
        }

        .swiper-box .hoverItem[_2]:hover:before {
            --size: 500px;
            opacity: 1;
            z-index: 98
        }
    /* 轮播 */
        .swiper-pagination-bullet {
            width: 40px;
            height: 4px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 0;
            transition: all 0.2s;
            opacity: 1;
        }

        .swiper-pagination {
            display: flex;
            justify-content: center;
        }

        .swiper-pagination-bullet-active {
            background: rgba(255, 255, 255, 0.3);
            display: flex;
        }

        .swiper-pagination-bullet-active:before {
            content: ' ';
            width: 0;
            height: 4px;
            background: rgba(255, 255, 255, 0.7);
            animation: line 3.2s linear forwards;
        }

        @keyframes line {
            from {
                width: 0;
            }

            to {
                width: 40px;
            }
        }

        .more-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 16px;
            background: #006CFF;
            border-radius: 2px;
            width: 140px;
            height: 50px;
            line-height: 1;
        }

        .more-btn .iconfont {
            display: none;
        }

        .swiper-pagination-bullets {
            padding-bottom: 20px;
        }

        .swiper-button-white:hover {
            opacity: 1;
        }

        .banner {
            height: 600px;
            background: #ccc;
        }

        .banner .swiper-container,
        .banner .swiper-wrapper {
            height: 100%;
        }

        .banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .video-container {
            display: flex;
            justify-content: space-between;
            padding: 100px 0;
        }

        .video-container .video-aside {
            position: relative;
            width: 640px;
            height: 509px;
        }

        .video-container .video-aside video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .video-container .video-aside .phone {
            width: 400px;
            height: 671px;
            background: #ffffff;
            box-shadow: 0px 40px 100px 0px rgba(0, 0, 0, 0.08);
            border-radius: 40px 40px 0 0;
            border: 10px solid #ffffff;
            border-bottom: none;
            box-sizing: border-box;
            overflow: hidden;
            padding-left: 2px;
            margin: 7px auto 0;
        }

        .video-container .video-aside .phone video {
            width: 380px;
            border-radius: 40px 40px 0 0;
        }

        .video-container .video-aside .shadow {
            margin-top: 20px;
            width: 640px;
            height: 509px;
            background: #ffffff;
            box-shadow: 0px 40px 100px 0px rgba(32, 33, 36, 0.08);
            border-radius: 20px;
            box-sizing: border-box;
        }

        .video-container .video-aside .shadow video {
            border-radius: 20px;
        }

        .video-container .video-aside .number {
            position: absolute;
            font-size: 18px;
            vertical-align: text-bottom;
            top: 50px;
            right: 20px;
            width: 156px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            background: linear-gradient(180deg, #ffa95c 0%, #ff881e 100%);
            box-shadow: 0px 10px 50px 0px rgba(0, 52, 94, 0.07);
            border-radius: 8px;
        }

        .video-container .video-aside .number var {
            font-size: 20px;
            margin-right: 4px;
            height: 100%;
            line-height: 59px;
            width: 67px;
        }

        .video-container .video-aside .number:before {
            content: ' ';
            background: url(../img/icon/shead.png);
            margin-right: 7px;
            width: 24px;
            height: 27px;
        }

        .video-container .main-aside {
            width: 480px;
        }

        .video-container .main-aside h1 {
            color: #202124;
            font-size: 40px;
            font-weight: 700;
            padding-left: 30px;
        }

        .video-container .main-aside .tip {
            color: #919499;
            font-size: 24px;
            margin: 20px 0 40px;
            padding-left: 30px;
        }

        .video-container .main-aside .more-btn {
            margin-left: 30px;
        }

        .video-container .item {
            height: 124px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-radius: 4px;
            box-sizing: border-box;
            padding: 0 28px;
            cursor: pointer;
        }

        .video-container .item:last-of-type {
            margin-bottom: 30px;
        }

        .video-container .item.active {
            background: #F5F7FA;
        }

        .video-container .item.active .iconfont {
            color: #006CFF;
        }

        .video-container .item p {
            color: #909399;
            font-size: 16px;
            line-height: 1.6;
            padding-left: 42px;
        }

        .video-container .item .title {
            display: flex;
            align-items: center;
            font-size: 20px;
            color: #241E1E;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .video-container .item .title i {
            font-weight: normal;
            font-size: 30px;
            margin-right: 11px;
        }

        .video-container.reverse {
            flex-direction: row-reverse;
        }

        .vzan-serve {
            height: 660px;
            box-sizing: border-box;
            position: relative;
            padding-top: 123px;
            background: url(../img/bg/bgv.png) no-repeat;
            background-size: cover;
            text-align: center;
            color: #fff;
        }

        .vzan-serve h1 {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 127px;
        }

        .vzan-serve .serve-container {
            display: flex;
        }

        .vzan-serve .item {
            flex: 1;
        }

        .vzan-serve .item var {
            font-size: 60px;
            margin-right: 3px;
            vertical-align: text-bottom;
            line-height: 0.9;
        }

        .vzan-serve .item p {
            margin-bottom: 16px;
            font-weight: 700;
            font-size: 32px;
            vertical-align: text-bottom;
        }

        .vzan-serve .item p span {
            font-size: 46px;
        }

        .vzan-serve .item span {
            font-size: 16px;
        }

        .tab-pane {
            position: relative;
            z-index: 2;
            background: #fff;
            margin-top: -200px;
            box-sizing: border-box;
            padding: 50px 50px 50px 60px;
            box-shadow: 0px 3px 111px 0px rgba(152, 152, 152, 0.14);
            border-radius: 2px;
        }

        .tab-pane .tab {
            height: 60px;
            margin-bottom: 50px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #919499;
            font-size: 16px;
        }

        .tab-pane .tab i {
            width: 970px;
            height: 60px;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .tab-pane .tab:nth-of-type(1) i {
            background-image: url(../img/fd/w1.png);
        }

        .tab-pane .tab:nth-of-type(2) i {
            background-image: url(../img/fd/w2.png);
        }

        .tab-pane .tab:nth-of-type(3) i {
            background-image: url(../img/fd/w3.png);
        }

        .tab-pane .tab:nth-of-type(4) i {
            background-image: url(../img/fd/w4.png);
        }

        .tab-pane .tab:nth-of-type(5) i {
            background-image: url(../img/fd/w5.png);
        }

        .tab-pane .tab:nth-of-type(6) {
            margin-bottom: 0;
        }

        .tab-pane .tab:nth-of-type(6) i {
            background-image: url(../img/fd/w6.png);
        }

        .tab-pane img {
            width: 974px;
            height: 417px;
        }

        .vzan-news {
            margin: 95px auto 102px;
        }

        .vzan-news h1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 65px;
        }

        .vzan-news h1 a {
            color: #747474;
            font-size: 16px;
        }

        .vzan-news .main {
            display: flex;
            justify-content: space-between;
        }

        .vzan-news .main-news {
            width: 533px;
            height: 300px;
            border-radius: 8px;
            line-height: 1.4;
            position: relative;
            cursor: pointer;
            color: #fff;
            margin-right: 55px;
            flex-shrink: 0;
            overflow: hidden;
        }

        .vzan-news .main-news:hover img {
            transform: scale(1.2);
        }

        .vzan-news .main-news .left {
            position: absolute;
            left: 28px;
            top: 20px;
            color: rgba(255, 255, 255, 0.6) !important;
        }

        .vzan-news .main-news img {
            transition: all 0.8s;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .vzan-news .main-news .bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 26px;
            box-sizing: border-box;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
            border-radius: 0px 0px 8px 8px;
        }

        .vzan-news .main-news p {
            font-size: 22px;
            margin-bottom: 8px;
            font-weight: bold;
        }

        .vzan-news .main-news span {
            display: block;
        }

        .vzan-news .aside {
            flex: 1;
            overflow: hidden;
        }

        .vzan-news .news-item {
            cursor: pointer;
            display: flex;
            margin-bottom: 42px;
            overflow: hidden;
        }

        .vzan-news .news-item:hover .right p {
            color: #006CFF;
        }

        .vzan-news .news-item:last-of-type {
            margin-bottom: 0;
        }

        .vzan-news .news-item .left {
            color: #C1C1C1;
            flex-shrink: 0;
            margin-right: 20px;
            font-family: 'TG-TYPE-Bold';
        }

        .vzan-news .news-item .left p {
            font-size: 50px;
            line-height: 1.1;
        }

        .vzan-news .news-item .left span {
            font-size: 15px;
        }

        .vzan-news .news-item .right {
            flex: 1;
            line-height: 1.3;
            padding-top: 7px;
            overflow: hidden;
        }

        .vzan-news .news-item .right p {
            font-size: 22px;
            margin-bottom: 15px;
        }

        .vzan-news .news-item .right span {
            color: #747474;
            display: block;
        }

        /* 小屏适配 start */
        @media screen and (max-width: 1550px) {
            .video-container {
                transform: scale(0.9);
                padding: 60px 0;
            }

            .container.tab-pane {
                transform: scale(0.9);
            }

            .vzan-adv {
                padding: 80px 0 100px;
            }

            .vzan-adv h1,
            .vzan-adv .container {
                transform: scale(0.9);
            }

            .vzan-serve {
                height: 500px;
                padding-top: 80px;
            }

            .vzan-serve h1,
            .vzan-serve .serve-container {
                transform: scale(0.9);
            }

            .vzan-serve h1 {
                margin-bottom: 80px;
            }

            .vzan-news {
                margin: 55px auto 82px;
            }

            .vzan-news h1,
            .vzan-news .main {
                transform: scale(0.9);
            }

            .vzan-footer {
                padding: 40px 0;
            }

            .vzan-footer .container {
                transform: scale(0.9);
            }

            .vzan-foot-exp {
                height: 160px;
            }

            .vzan-foot-exp .container {
                transform: scale(0.9);
            }

            .vzan-foot-724,
            .copyright {
                transform: scale(0.9);
            }

            .vzan-nav .container {
                width: 1200px;
            }
        }

        /* 小屏适配 end */
        /* 适配小屏 */
        @media screen and (max-width: 1550px) {
            .banner {
                height: 450px;
            }
        }
 
        .statistics[_2] {
            border-radius: 4px;
            left: 50%;
            margin: -88px auto;
            position: absolute;
            transform: translate(-50%);
            width: 1400px;
            z-index: 99
        }

        .statistics:hover .main .btn.left[_2],
        .statistics:hover .main .btn.right[_2] {
            opacity: 1;
            transition: opacity .5s
        }

        .statistics .main[_2] {
            position: relative
        }

        .statistics .main .btn[_2] {
            align-items: center;
            background: linear-gradient(270deg, #f0f5ff, #fff);
            border-radius: 50%;
            box-shadow: 0 30px 50px 0 rgba(76, 89, 141, .06);
            cursor: pointer;
            display: flex;
            height: 52px;
            justify-content: center;
            margin-top: -5px;
            position: absolute;
            top: 50%;
            width: 52px;
            z-index: 99
        }

        .statistics .main .btn[_2]:hover:before {
            opacity: 1
        }

        .statistics .main .btn[_2]:before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAEVQTFRFAAAAAJn/AID/AG3/AID/AHb/AG3/AHf/AG3/AG3/AG7/AG3/AGz/AG3/AG3/AGz/AG3/AG3/AG3/AG3/AG3/AGz/AGz/+ph3BQAAABZ0Uk5TAAUGBwwNDg9eYGGoqq2vwcLExcfJ8xtNcyIAAABXSURBVEjH7Y1JEoAgEMR6cENccKP//1QPfsC+UcXknFQAx6mHkFKQgpU8ByUoJC+l2EjtMd6NF51azP+D6dGCz8+m+Uffio9d9FFEHwuZFR8Wo8Fx6uMFTnAJ1U9Rjo4AAAAASUVORK5CYII=) no-repeat;
            background-size: cover;
            content: "";
            height: 24px;
            opacity: .5;
            transition: opacity .5s;
            width: 24px
        }

        .statistics .main .btn.left[_2] {
            left: 24px;
            opacity: 0;
            top: 66px;
            transform: rotate(180deg);
            transition: opacity .5s
        }

        .statistics .main .btn.right[_2] {
            opacity: 0;
            right: 24px;
            top: 66px;
            transition: opacity .5s
        }

        .statistics .statistics-left[_2] {
            align-self: flex-end;
            background-image: linear-gradient(135deg, #fff, #fff4e9);
            border: 1px solid #ffecd9;
            border-radius: 4px 0 0 4px;
            border-radius: 8px;
            box-shadow: 0 20px 80px 0 rgba(32, 33, 36, .06);
            box-sizing: border-box;
            height: 114px;
            margin-left: 100px;
            padding: 22px 24px 0;
            position: relative;
            text-align: center;
            width: 288px
        }

        .statistics .statistics-left>.coverImg[_2] {
            background-image: url(https://j.weizan.cn/assets_user/_nuxt/img/statistics1.126b1c5.png);
            height: 64px;
            left: 50%;
            position: absolute;
            top: 0;
            transform: translateX(-50%) scale(.4714);
            width: 320px
        }

        .statistics .statistics-left .p1[_2] {
            -webkit-text-fill-color: transparent;
            background: linear-gradient(270deg, #8e4f00, #552700);
            -webkit-background-clip: text;
            box-sizing: border-box;
            color: #552700;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-size: 14px;
            font-weight: 600;
            line-height: 14px;
            margin-bottom: 12px;
            padding-left: 0;
            padding-top: 32px
        }

        .statistics .statistics-left .p2[_2] {
            color: #552700;
            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 12px;
            font-weight: 400;
            line-height: 12px;
            opacity: 0;
            padding-left: 0;
            transition: all .5s
        }

        .statistics .statistics-left[_2]:first-child {
            height: 114px
        }

        .statistics .statistics-left:first-child .msg[_2] {
            opacity: 1
        }

        .statistics .statistics-left[_2]:hover {
            height: 114px
        }

        .statistics .statistics-left:hover>.coverImg[_2] {
            animation: coverAnimation-549b2274 1.37s steps(1) 1
        }

        .statistics .statistics-left:hover .p2[_2] {
            opacity: 1
        }

        .nav-open-download:hover .open-download {
            height: 280px;
        }

        .nav-open-tab.open-download .open-list {
            flex: 1;
            display: flex;
        }

        .nav-open-tab.open-download .item {
            flex: 1;
            padding-left: 100px;
            height: 100%;
            padding-top: 40px;
            box-sizing: border-box;
            color: #202124;
            border-right: 1px solid #F5F6F7;
        }

        .nav-open-tab.open-download .item:last-of-type {
            border-right: none;
        }

        .nav-open-tab.open-download .item h2 {
            font-size: 20px;
            margin-bottom: 34px;
            font-weight: 700;
        }

        .nav-open-tab.open-download .item a {
            font-size: 16px;
            display: block;
            line-height: 1;
            margin-bottom: 34px;
            height: auto;
        }

        .nav-open-tab.open-download .item a:last-of-type {
            margin-bottom: 0;
        }

        .nav-open-tab.open-download .item a:hover {
            color: #006CFF;
        }

        /* 涓嬭浇涓庡府鍔╁睍寮€鍐呭 end */
        /* 鍏充簬鎴戜滑 start */
        .nav-open-about:hover .nav-about-tab {
            height: 180px;
        }

        .nav-about-tab {
            position: absolute;
            top: 100%;
            left: 0;
            height: 0;
            overflow: hidden;
            transition: all 0.4s;
            background: #fff;
            box-shadow: 0px 20px 60px 0px rgba(0, 51, 119, 0.06);
            width: 140px;
            margin-left: -39px;
        }

        .nav-about-tab .item {
            height: 60px;
            color: #202124;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            cursor: pointer;
        }

        .nav-about-tab .item:hover {
            color: #006cff;
        }

        .nav-about-tab .item i {
            background-size: cover;
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
            margin-right: 8px;
        }

        .nav-about-tab .item:nth-of-type(1) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/prd.png?v=637378363306613110);
        }

        .nav-about-tab .item:nth-of-type(2) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/joinus.png?v=637378363306613110);
        }

        .nav-about-tab .item:nth-of-type(3) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/mediabd.png?v=637378363306613110);
        }

        /* 鍏充簬鎴戜滑 end */
        /* 涓撴敞浼佷笟鐩存挱 start */
        .vzan-foot-exp {
            background: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/bg/fot.png?v=637378363306613110);
            background-size: cover;
            height: 180px;
        }

        .vzan-foot-exp .container {
            display: flex;
            height: 100%;
            justify-content: space-between;
            align-items: center;
        }

        .vzan-foot-exp h1 {
            font-size: 40px;
            font-weight: bold;
            color: #fff;
        }

        .vzan-foot-exp button {
            border-radius: 2px;
            background: #fff;
            color: #006CFF;
            font-size: 16px;
            width: 140px;
            height: 50px;
        }

        /* 涓撴敞浼佷笟鐩存挱 end */
        /* 7*24 start */
        .vzan-foot-724 {
            display: flex;
            justify-content: space-between;
            height: 104px;
            align-items: center;
        }

        .vzan-foot-724 .item {
            display: flex;
            align-items: center;
            font-size: 16px;
            margin-right: 121px;
        }

        .vzan-foot-724 .item:last-of-type {
            margin-right: 0;
        }

        .vzan-foot-724 .item:last-of-type i {
            color: red;
        }

        .vzan-foot-724 .item i {
            font-size: 24px;
            margin-right: 10px;
        }

        /* 7*24 end */
        /* footer start */
        .vzan-footer {
            border-top: 1px solid #F6F7F8;
            border-bottom: 1px solid #F6F7F8;
            padding: 60px 0;
        }

        .vzan-footer .container {
            display: flex;
        }

        .vzan-footer .row {
            margin-right: 95px;
        }

        .vzan-footer .row p {
            height: 14px;
            font-size: 14px;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 14px;
            margin-bottom: 28px;
        }

        .vzan-footer .row a {
            color: #60646B;
            margin-bottom: 28px;
            display: block;
        }

        .vzan-footer .row a:last-of-type {
            margin-bottom: 0;
        }

        .vzan-footer .row a:hover {
            color: #006cff;
        }

        .vzan-footer .qr-phone {
            margin-left: auto;
            color: #747474;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            line-height: 1;
        }

        .vzan-footer .qr-phone p {
            padding-right: 5px;
            margin-top: 10px;
        }

        .vzan-footer .qr-phone h1 {
            font-size: 35px;
            font-weight: bold;
            color: #353535;
        }

        .vzan-footer .qr-phone .s-phone {
            margin: 14px 0 30px;
            font-size: 16px;
        }

        .vzan-footer .qr-phone img {
            width: 120px;
            margin-right: -3px;
        }

        .vzan-footer .mail {
            margin-bottom: 30px;
        }

        .vzan-footer .mail a {
            margin-bottom: 14px;
        }

        .vzan-footer .mail a:last-of-type {
            margin-bottom: 0;
        }

        .vzan-footer .mail a:hover {
            color: #60646B;
        }

        .copyright {
            color: #B8BABF;
            display: flex;
            justify-content: space-between;
            height: 80px;
            align-items: center;
            font-size: 12px;
        }

        /* footer end */
        /* 鎴戜滑鐨勪紭鍔� start */
        .vzan-adv {
            padding: 100px 0 120px;
            text-align: center;
            background: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/bg/dv.png?v=637378363306613110) no-repeat;
            background-size: cover;
        }

        .vzan-adv h1 {
            font-size: 40px;
            margin-bottom: 80px;
            font-weight: bold;
        }

        .vzan-adv .container {
            display: flex;
            justify-content: space-between;
        }

        .vzan-adv .item {
            border: 1px solid #f5f6f7;
            width: 282px;
            height: 280px;
            background: #fff;
            padding: 0 33px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            cursor: pointer;
            transition: all 0.3s;
        }

        .vzan-adv .item:first-of-type i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/d1.png?v=637378363306613110);
        }

        .vzan-adv .item:nth-of-type(2) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/d2.png?v=637378363306613110);
        }

        .vzan-adv .item:nth-of-type(3) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/d3.png?v=637378363306613110);
        }

        .vzan-adv .item:nth-of-type(4) i {
            background-image: url(https://static.vzan.com/zhibo/userlivecontent/vzan2020/img/icon/d4.png?v=637378363306613110);
        }

        .vzan-adv .item .line {
            position: absolute;
            top: 0;
            height: 2px;
            background: #006CFF;
            width: 0;
            transition: all 0.3s;
        }

        .vzan-adv .item:hover {
            background: linear-gradient(180deg, #f0f6ff 0%, #ffffff 100%);
            box-shadow: 0px 40px 80px -5px rgba(0, 51, 120, 0.1);
            border: 1px solid #f5f6f7;
        }

        .vzan-adv .item:hover .line {
            width: 100%;
        }

        .vzan-adv .item:hover h2,
        .vzan-adv .item:hover p {
            color: #006CFF;
        }

        .vzan-adv .item i {
            width: 60px;
            height: 60px;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .vzan-adv .item h2 {
            font-size: 22px;
            margin: 30px 0 15px;
            font-weight: 700;
            transition: all 0.3s;
        }

        .vzan-adv .item p {
            font-size: 16px;
            color: #60646B;
            line-height: 1.8;
            transition: all 0.3s;
        }

        .vzan-aside {
            position: fixed;
            z-index: 210;
            right: 12px;
            bottom: 15%;
        }

        .vzan-aside .aside-item {
            position: relative;
            width: 70px;
            height: 70px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            transition: all 0.4s;
            cursor: pointer;
        }

        .vzan-aside .aside-item .iconfont {
            display: block;
            font-size: 20px;
            margin-bottom: 8px;
            color: #fff;
        }

        .vzan-aside .aside-item.active {
            /* background: #006CFF; */
        }

        .vzan-aside .aside-item.code:hover {
            background: #202124;
        }

        .vzan-aside .aside-item.code:hover .qrbox {
            display: block;
        }

        .vzan-aside .aside-item.consult:hover .aside-form {
            right: 0;
        }

        .vzan-aside .aside-item .hoverBtn {
            width: 100%;
            height: 100%;
            background: none;
            color: #fff;
        }

        .vzan-aside .qrbox {
            position: absolute;
            right: 84px;
            padding: 15px;
            padding-bottom: 20px;
            background: #fff;
            box-shadow: 0px 5px 40px 0px rgba(32, 33, 36, 0.08);
            border: 1px solid #efefef;
            font-size: 16px;
            color: #202124;
            text-align: center;
            display: none;
        }

        .vzan-aside .qrbox img {
            width: 150px;
            height: 150px;
            padding-bottom: 9px;
        }
    


        		/* 默认导航栏隐藏所有图片 */
		.vzan-nav img {
			display: none;
		}

		/* 显示导航栏类 */
		.show-image {
			display: block !important;
		}
/* 导航结束 */