@import url(responsive2.0.css);

.str_wrap {
	overflow:hidden;
	width:100%;
	position:relative;
	white-space:nowrap;
}

.str_wrap.str_active {

}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
    /*width:100%;*/
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}

.header{position: relative; z-index:100; transition: 0.5s}
.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; background-color: #fff; transition: 0.5s;}
.header .auto{width: 94%}
.header .top_h{ transition: 0.5s;}
.header .logo img{max-height:42px}
.header nav li span{display: block; font-size: .18rem}
.header nav li span a{display: block;font-weight: bold; }
.header nav .sub{display: none}
.header nav .sub a{display: block;}
.header nav .sub dt{padding:.05rem 0; text-align: left;}
.header nav .sub dt a{display:flex; align-items: center; line-height:.3rem;position: relative; padding: .14rem; border-radius:10px;transition: 0.5s}
.header nav .sub dt a i{font-size: .14rem; font-style: normal; line-height: .24rem; margin-left: .1rem; border-radius: 20px;padding: 0px 0.1rem;background:rgba(var(--rgb-main-color),0.1); }
.header nav .sub dt img{width:30px; height:30px; margin-right: .15rem; background: #f9fafb; padding: 5px; border-radius: 5px;transition: 0.5s}
.header nav .sub dt a:before{content: ''; position: absolute; right: .3rem; top: 0; bottom: 0; margin: auto; display: inline-block; width:15px; height: 10px; background: url("../images/nav_jt.svg") no-repeat left; opacity: 0; transition: 0.5s}

.header nav .sub dt a:hover{background: #eff6ff}
.header nav .sub dt a:hover:before{opacity: 1; right: .1rem}
.header nav .sub dt a:hover img{background: #dbeafe}
.header nav .sub dd{font-weight: 400; padding: .1rem 0; font-size: .18rem}
/*.header nav .sub ol{position: relative}
.header nav .hierarchy{position: relative;display: none}
.header nav aside{position: relative}*/
.header nav .txt{border-bottom: solid 1px #e5e5e5;padding-bottom: .2rem; width: 100%}
.header nav .txt h5{padding: 0; margin: 0; font-size: .24rem; color: #006cff; font-weight: 500; display: flex;align-items: center}
.header nav .txt h5 img{vertical-align: middle;margin-right: 3px;max-width: .24rem}
.header nav .txt p{padding: 0; margin:.2rem 0 0 0;white-space: initial;}
.header .other{position: relative;}
.header .language {position: relative}
.header .language dt{padding-left: 24px; cursor: pointer;background: url("../images/language.svg") no-repeat left;}
.header .language dt:after{content: '';display: inline-block; position: relative;margin-left: 4px; width: 11px; height: 11px; background: url("../images/language_jt.svg") no-repeat center center; transition: 0.5s}
.header .language dt.on:after{transform: rotate(180deg)}
.header .language dd{position: absolute; display:none; min-width: 100%; border-radius: 10px; background: #fff;padding:.1rem .2rem}
.header .language dd a{display: block;text-align: center}
.header .language.lan-show dd{display: block}
.header .order{font-size: .14rem;font-weight: 400; display: inline-block;margin-left: .18rem; line-height: 32px; padding: 0px 12px; color: #fff; background: #006cff; border-radius: 30px;}
.header .open-search,
.header .top-search .btn{width: 40px; height: 40px; background: url("../images/search_icon.svg") no-repeat center center;}
.header .open-search{ position: relative}
.header .top-search{border: solid 1px #e0e0e0; border-radius: 30px; padding:0 40px 0 10px; width: 280px;}
.header .top-search .text{width: 100%;display: block; background: none; border: 0; color: #999999;}
.header .top-search .text.focus{color: #000;}
.header .top-search .btn{right:2px; top:2px;}
.header.show{margin-top: -120px; }
.header.show .top_w{top: -120px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
@media (min-width:1025px) {
.header .open-search{display: none}
.header nav li{}
.header nav li:not(:last-child){ margin-right:1.6vw}
.header nav li span{line-height:80px; position: relative}
.header nav li.aon span a{color: #006cff}
.header nav li.aon span a:after{content: '';position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #006cff}
.header nav li .sub{position: absolute; white-space: nowrap; margin: auto; left: 0;right: 0;top: 100%;}


.header nav li .sub .box{position: relative; display: flex; justify-content: space-between; align-items: flex-start; background-color:#fff; box-shadow: 6px 10px 111px rgba(0,77,181,0.1);border-radius: 0 0 3vw 3vw; padding: 3%}
.header nav li .sub .group{width: 100%}
.header nav li .sub dl{padding:10px 0}
.header nav li:nth-child(2) dl, .header nav li:nth-child(4) dl,
.header nav li:nth-child(3) dl{column-count:3; }
.header nav li:nth-child(5) .sub .group{width: 45%;display: flex; flex-wrap: wrap; justify-content: space-between}
.header nav li:nth-child(5) dl{width: 48%}
.header nav li:nth-child(7) dl{column-count:2; max-width: 7.6rem}
}
@media (max-width:1024px) {
.header .other:after{display: none}
.header .top-search{width: 80vw; position: absolute;display: none; top: 120%; right: 5vw; background: rgba(255,255,255,0.8)}
.header .top-search .btn{filter: brightness(0) invert(1);}
.header .logo{padding: 5px 0}
.header .logo img{ max-height: 40px;}
.header nav{position: fixed; left: -100%;top: 50px;height: calc(100vh - 50px); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:65vw; max-width: 240px;}
.menu-show .header nav{left: 0; opacity: 1;}
.header nav ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header nav li{border-bottom: 1px dotted #eee;}
.header nav li span{line-height: 3; padding-left:1em; font-size: .26rem}
.header nav li.has-sub span .op:before, 
.header nav li.has-sub span .op:after{background-color: rgb(var(--rgb-main-color));}
.header li .sub{background-color: #eee;}
.header nav .txt{display: none}
.header nav .sub dt a{padding: .05rem}
.header nav .sub dd{text-align: center; background: rgba(var(--rgb-main-color),0.2);}
.header .open-menu{margin-left: .2rem; width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;}
.header .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;}
.menu-show  .header .open-menu{border-radius: 50%; background-color: rgb(var(--rgb-main-color)); }
.menu-show  .header .open-menu i{background-color: #fff;}
}

.footer{line-height:24px;background: #f4f8fb}
.footer .bot_t{padding-top:8%; padding-bottom: 2%;}
.footer .column{width:calc(95% - 250px)}
.footer .column li{width: 25%}
.footer .column li:nth-child(1){width:75%;}
.footer .column li:nth-child(1) dl{column-count: 3}
.footer .column li:nth-child(5){display: none}
.footer .column li:nth-child(3),
.footer .column li:nth-child(4){width: 26%}
.footer .column li:last-child{width:48%;}
.footer .column li:last-child dl{column-count:2}
.footer .column li span{font-weight: bold; display: block;}
.footer .column li span.fs18:last-child{margin-top: .4rem}
.footer .column li dl{padding: .15rem 0 .5rem 0}
.footer .column li dt{padding: .03rem 0}
.footer .contact{order: -1; width: 250px;}
.footer .contact b{color: rgb(var(--rgb-main-color)); font-size: .36rem; font-weight: 400; display: block;padding: .15rem 0}
.footer .contact p span{display: block;font-weight: 400; padding-top: 5px}
.footer .WeChat{max-width: 220px}
.footer .WeChat li{text-align: center; width: 48%}
.footer .WeChat li img{border-radius: 5px;}
.footer .WeChat li p{padding: .1rem 0; color:rgba(51,51,51,0.7)}
.footer .bot_c{padding: .3rem 0; line-height:1.75;display: none;}
.footer .bot_c .sub{font-weight: 400}
.footer .bot_c li{margin-right: 1.5vw}
.footer .bot_b{border-top: solid 1px #e4e7ea;padding: .3rem 0}
@media (max-width:1024px) {
.footer .column{width: 100%}
.footer .contact{order: 1; width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between}
}
@media (max-width:768px) {
.footer .column{display: none}
.footer .txt{text-align: center; width: 100%}
.footer .contact p span{display: inline-block; padding-left: .1rem}
.footer .WeChat{max-width: inherit; width: 100%}
.footer .copyright{order: 2; padding-top: 1%; padding-bottom: .70rem}
.footer .copyright .icp{display: none}
}


.sidebar { position:fixed; right:1%; z-index:110; top:50%;  transform: translateY(-50%); box-shadow: 0 0 30px rgba(147,81,117,.07);}
.sidebar dl{ position:relative;border-bottom: solid 1px #f2f6fb}
.sidebar dt{width:.56rem; height:.56rem; transition:0.3s;padding: 10px 0; cursor: pointer; display: flex; justify-content: center; align-items: center;flex-wrap: wrap; background: #fff;}
.sidebar dt figure{text-align:center}
.sidebar dt span{display: block;width: 100%; text-align: center; font-size: .14rem}
.sidebar dd{ display:none; position:absolute; right:100%; line-height:38px; white-space:nowrap; text-overflow:ellipsis; top:0;background:rgb(var(--rgb-main-color)); border-radius:5px; padding:10px; color:#fff; min-width: 120px}
.sidebar dl:first-child dt{border-top-left-radius:6px;border-top-right-radius:6px }
.sidebar dl:last-child {border-bottom: none}
.sidebar dl:last-child dt{border-bottom-left-radius:6px;border-bottom-right-radius:6px }
.sidebar dl:last-child dt span{display: none}
.sidebar dl:hover dt{background:rgb(var(--rgb-main-color))}
.sidebar dl:hover dt img{filter: brightness(0) invert(1);}
.sidebar dl:hover dt span{color: #fff}
.sidebar dl:hover dd{ display:block;} 
@media (max-width:768px) {
.sidebar{top: auto; bottom: 0; left: 0; right: 0; bottom: 0; display: flex; width: 100%; background: #fff;transform:none}
.sidebar dl{flex: 1}
.sidebar dt{ width: 100%; height: .8rem}
.sidebar dd{top: auto; bottom: 100%; left: 50%; transform: translateX(-59%); right: auto}
}


/*dong*/
:root{
    --autoWidthValue: 1280;
    --font-weight-light:100;
    --font-weight-regular:400;
    --font-weight-medium:500;
    --box-shadow: 0 0.06rem 0.33rem 0.07rem rgba(0, 77, 181, 0.06);
	--box-shadow-hover: 0 0rem 0.20rem 0rem rgba(0, 77, 181, 0.2);
    --font-weight-bold:700;
    --line-height-30:calc(30 / 16);
    --line-height-24:calc(24 / 16);
    --font-size-18:0.18rem;
    --font-size-20:0.2rem;
    --font-size-24:0.24rem;
    --font-size-28:0.28rem;
    --font-size-30:0.3rem;
    --font-size-36:0.36rem;
    --font-size-40:0.4rem;
    --font-size-50:0.5rem;
    --font-size-100:1rem;
    --padMar_50:0.5rem;
    --padMar_60:0.6rem;
    --padMar_70:0.7rem;
    --padMar_80:0.8rem;
    --padMar_100:1rem;
    --padMar_110:1.1rem;
    --padMar_120:1.2rem;
    --padMar_140:1.4rem;
}
@media (max-width:1024px) {
    :root{
        --padMar_50:0.25rem;
        --padMar_60:0.3rem;
        --padMar_70:0.35rem;
        --padMar_80:0.4rem;
        --padMar_100:0.5rem;
        --padMar_110:0.55rem;
        --padMar_120:0.6rem;
        --padMar_140:0.7rem;
    }  
}
@media (max-width:768px) {
    :root{
        --font-size-18:0.26rem;
        --font-size-20:0.28rem;
        --font-size-24:0.32rem;
    }  
}
.img.block{display: block;}

.all-title{margin-bottom: 0.4rem;font-size:var(--font-size-40); line-height: 1; font-weight: var(--font-weight-regular);}
.all-title-sub{font-size:var(--font-size-20);  margin-bottom: 0.4rem;}
.all-title + .all-title-sub{margin-top: -0.25rem;}

[class*=all-more] a{display: inline-flex;align-items: center;}
[class*=all-more] a:after{display: block;content: '';width: 0.13rem;height: 0.13rem;background: no-repeat center center;background-size: contain;margin-left: 0.14rem;}
.all-more-full a{padding: 0 0.39rem;background: var(--hover-color);color: var(--white);border-radius: 0.56rem; line-height: 0.56rem;transition: all 0.3s;}
.all-more-full a:after{background-image: url(../images/more-icon.svg);}

.edit-info{line-height: var(--line-height-30);color: rgb(var(--rgb-555)); text-align: justify;}

.positon-skitcy{position: relative;z-index: 1;--hh:0;}
.positon-skitcy .nav{position: absolute;top:var(--hh);left: 0.53rem;z-index: 100;}
.positon-skitcy.fixed .nav{position: fixed; transform: translateY(0.1rem);}
.positon-skitcy .nav li{position: relative;line-height: 1;cursor: pointer; }
.positon-skitcy .nav li:not(:last-child){margin-bottom: 0.28rem;}
.positon-skitcy .nav li i{position: absolute;top: 50%;transform: translateY(-50%);right: calc(100% + 0.09rem); width: 0.09rem; height: 0.09rem; display: flex;align-items: center;justify-content: center;}
.positon-skitcy .nav li i:before{display: block;content: '';width: 0.07rem; height: 0.07rem; border: 1px solid var(--hover-color);border-radius: 50%;}
.positon-skitcy .nav li:not(:last-child):after{position: absolute; content: '';right: calc(100% + 0.09rem + 0.045rem);width: 1px;height: calc(100% - 0.09rem - 4px + 0.28rem); background: var(--hover-color); opacity: 0.1; top: calc(0.09rem - 2px + 0.5em);}
.positon-skitcy .nav li.active{color: var(--hover-color);}
.positon-skitcy .nav li.active i:before{width: 100%;height: 100%;border: 0; background: linear-gradient(121deg,   var(--hover-color) 0%, #5fa3ff 58%,   #bed9ff 100%);}
.positon-skitcy .nav li.active:after{opacity: 1;}
@media (max-width:1600px) {
    .positon-skitcy .nav{display:none;}
}

.partner-tit{font-weight: 500;font-size:var(--font-size-24);margin: 0;}
.warn-tit{color: var(--hover-color);font-size:var(--font-size-18);}

.partner_item__plan{padding: var(--padMar_70) 0 var(--padMar_100) 0;}
.partner_item__plan .img img{border-radius: 0.2rem;}
@media (min-width:769px) {
    .partner_item__plan .txt{width: calc(541 / var(--autoWidthValue) * 100%);}
    .partner_item__plan .img{width: calc(637 / var(--autoWidthValue) * 100%);}
}
@media (max-width:768px) {
    .partner_item__plan .auto{display: block;}
    .partner_item__plan .txt{margin-bottom: 0.3rem;}
}

.partner_item__type{background: url(../images/partner-boxbg.jpg) no-repeat center bottom #fefeff;background-size: 100%  100%; padding: 0.2rem 0; min-height: 6.51rem;}
.partner_type_list{margin-top: 0.93rem;}
.partner_type_list ul{justify-content: space-between;}
.partner_type_list li{--lin:4;--limr:0.3rem;width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin)); margin-bottom: 0.2rem;position: relative; transition: 0.3s;}
.partner_type_list li:before{position: absolute; content: '';left: 0;top: 0;width:100%;bottom:0;background-color: var(--white);box-shadow: var(--box-shadow);border-radius: 0.1rem;opacity: 0.9;z-index: 1; transition: all 0.3s ease;;border: solid 3px transparent;}
.partner_type_list li.hover:before{opacity: 1;border-color:var(--hover-color); top: -0.3rem;bottom: -0.3rem;}
.partner_type_list li .inner{position: relative;z-index: 2; padding:0 0.34rem 0.54rem;text-align:center;}
.partner_type_list li .img{display: flex;align-items: center;justify-content: center; height: 1.86rem;}
.partner_type_list li .img img{height:1.12rem;}
.partner_type_list li p{margin: 0.1rem 0 0 0;line-height: var(--line-height-24);  min-height: calc(24 / 16 * 4em);}
@media (min-width:1025px) {
    .partner_type_list li.no{width: calc(284 / var(--autoWidthValue) * 100%);}
    .partner_type_list li.hover{width: calc(339 / var(--autoWidthValue) * 100%);}
}
@media (max-width:1024px) {
    .partner_type_list li{--lin:2;--limr:0.2rem;}
    .partner_type_list li:nth-child(2) ~ li{margin-top: var(--limr);}
}

.partner_item__support{padding: var(--padMar_120) 0 0.23rem 0;}
.partner_item__support ul{margin-top: 0.59rem;}
.partner_item__support li{--lin:2;--limr:0.78rem;width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));box-shadow: var(--box-shadow);border-radius: 0.1rem;display: flex; padding: 0.5rem 0.42rem;}
.partner_item__support li .img{width: 0.77rem;}
.partner_item__support li .img img{max-width: calc(50 / 77 * 100%);}
.partner_item__support li .warn-tit{margin: 0.05rem 0 0.13rem 0;}
.partner_item__support li p{ line-height: var(--line-height-30); margin: 0; max-width: 3.93rem; text-align: justify}
@media (min-width:769px) {
    .partner_item__support li:not(:nth-child(2n)){margin-right: 0.78rem;}
    .partner_item__support li:nth-child(2) ~ li{margin-top: 0.2rem;}
}
@media (max-width:768px) {
    .partner_item__support li{--lin:1;--limr:0rem;}
    .partner_item__support li:not(:last-child){margin-bottom: 0.2rem;}
}

.partner_item__process{background: url(../images/partner-boxbg2.jpg) no-repeat center bottom #fefeff;background-size: 100%  100%; padding: var(--padMar_100) 0 var(--padMar_110) 0; min-height: 6.51rem;}
.partner_process_list{margin-top: var(--padMar_60);margin-bottom: var(--padMar_120);--iconw:0.82rem; --iconh:0.91rem;}
.partner_process_list .btn{width: 1.87rem; height: 2.07rem; background: url(../images/partner-apply-bg.png) no-repeat center center;background-size: contain;flex-shrink: 0;position: relative;z-index: 3;}
.partner_process_list .btn a{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%; font-weight: var(--font-weight-bold);color: var(--white); font-size:var(--font-size-24);}
.partner_process_list .btn a:before{display: block;content: '';width: 0.54rem;height: 0.46rem;background: url(../images/partner-icon.svg) no-repeat center center;background-size: contain;}
.partner_process_list  .process_item{position: relative;z-index: 1;flex: 1;--jiantouwh:0.32rem;}
.partner_process_list  .process_item:after,
.partner_process_list  .process_item:before{position: absolute; content: '';width:1.15rem;z-index: 1;border: solid 2px #a1bfd3;opacity: 0.3;}
.partner_process_list  li{position: relative;z-index: 3;}
.partner_process_list li .icon{position: relative;width: var(--iconw); height: var(--iconh);display: flex;align-items: center;justify-content: center;}
.partner_process_list li .icon:before{position: absolute; content: '';width: 1.99rem; height: 2.25rem;background: url(../images/icon-bg.png) no-repeat center center;background-size: contain; left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.5);}
.partner_process_list li .icon img{position: relative;z-index: 4; max-width: 80%;max-height: 80%;}
.partner_process_list li .jiantou{position: absolute; width:var(--jiantouwh) ; height:var(--jiantouwh) ;background: url(../images/more.png) no-repeat center center;background-size: contain;}
.partner_process_list li p{margin: 0.12rem auto 0; line-height: var(--line-height-24); max-width: 13em;}
@media (min-width:769px) {
    .partner_process_list  .process_item{padding-left: calc(var(--jiantouwh) / 2);}
    .partner_process_list  .process_item:after,
    .partner_process_list  .process_item:before{top: calc(var(--iconh) / 2);bottom:calc(var(--iconh) / 2);}
    .partner_process_list  .process_item:before{right:100%;border-radius: 0.5rem 0 0 0.5rem; border-right: 0;}
    .partner_process_list  .process_item:after{right: 0; border-radius: 0 0.5rem 0.5rem 0; border-left: 0;}

    .partner_process_list  ul{display: flex;flex-wrap: wrap;}   
    .partner_process_list  ul:nth-child(2n){flex-direction: row-reverse;}
    .partner_process_list  li{height: calc(341 / 2 * 0.01rem);width: calc(100% / 3);display: flex;justify-content: center; --jiantou:0rem;}
    .partner_process_list ul:nth-child(2n) li{align-items: flex-end;}
    .partner_process_list li:before,
    .partner_process_list li:after{position: absolute; top: calc(var(--iconh) / 2);width:calc(50% - var(--iconw) / 2 - 0.25rem - var(--jiantou));height: 2px;content: '';background: #a1bfd3;opacity: 0.3;}
    .partner_process_list li:before{--jiantou:calc(var(--jiantouwh) / 2);left:var(--jiantou);}
    .partner_process_list li:after{--jiantou:calc(var(--jiantouwh)  / 2);right:var(--jiantou);}
    .partner_process_list ul:nth-child(2n+1) li:last-child:after{display: none;}
    .partner_process_list ul:nth-child(2n) li:before,
    .partner_process_list ul:nth-child(2n) li:after{top: calc(100% - var(--iconh) / 2 - 2px);}
    .partner_process_list ul:nth-child(2n) li:first-child:after{display: none;}
    .partner_process_list ul:not(:last-child){position: relative;z-index: 2;}
    .partner_process_list ul:not(:last-child):after{position: absolute; content: '';width:var(--jiantouwh) ; height:var(--jiantouwh) ;background: url(../images/more.png) no-repeat center center #f7fafd;border-radius: 50%;background-size: contain; bottom: calc(var(--jiantouwh) / -2);right: calc(var(--jiantouwh) / -2); transform: rotate(90deg);}
    .partner_process_list ul:nth-child(2n) li .jiantou{top: calc(100% - var(--iconh) / 2 - var(--jiantouwh) / 2);transform:rotate(180deg);}

.partner_process_list li .txt{position: absolute; top: calc(var(--iconh) + 0.2rem);text-align: center;    width: max-content;  left: 0; right: 0;margin: 0 auto;}
.partner_process_list ul:nth-child(2n) li .txt{top: calc(100% + 0.2rem);}

.partner_process_list li .jiantou{left: calc(var(--jiantouwh) / -2);top: calc(var(--iconh) / 2 - var(--jiantouwh) / 2);}
}
@media (max-width:768px) {
    .partner_process_list{display: block;}
    .partner_process_list .process_item{display: flex;justify-content: space-between; padding:1rem 0 0 0; margin-top: -1rem;}
    .partner_process_list .process_item ul{width: 36%;}
    .partner_process_list  .process_item:after,
    .partner_process_list  .process_item:before{width:calc(28% + 0.9rem); left: 50%;transform: translateX(-50%); }
    .partner_process_list  .process_item:before{top:0;border-radius: 0.5rem 0.5rem 0 0; border-bottom: 0;height:1.5rem;}
    .partner_process_list  .process_item:after{top: 100%; border-radius: 0 0 0.5rem 0.5rem; border-top: 0;height: 0.5rem;}
    .partner_process_list .btn{margin: 0 auto;}
    .partner_process_list li{display: flex;}
    .partner_process_list li:not(:last-child){padding-bottom: 0.5rem;}
    .partner_process_list ul:nth-child(2n+1) li{flex-direction: row-reverse;}
    .partner_process_list li .icon{flex-shrink: 0;}
    .partner_process_list li .txt{flex: 1;margin-left: 0.1rem; padding-top: 0.2rem;}
    .partner_process_list ul:nth-child(2n+1) li .txt{margin: 0 0.1rem 0 0; text-align: right;}
    .partner_process_list li p{font-size: 0.75em; min-height: calc(24 / 16 * 4em);}
    .partner_process_list li:before{position: absolute;content: '';background: #a1bfd3;opacity: 0.3;width: 2px;height: 100%; top: 0;}
    .partner_process_list ul:nth-child(2n+1) li:before{ right: calc(var(--iconw) / 2 + 2px);}
    .partner_process_list ul:nth-child(2n) li:before{ left: calc(var(--iconw) / 2 + 2px);}
    .partner_process_list li .jiantou{background-color: #f2f5fc; border-radius: 50%;top: calc(50% + var(--iconw) / 2 - var(--jiantouwh) / 2);}
    .partner_process_list ul:nth-child(2n+1) li .jiantou{right: calc(var(--iconw) / 2 + 2px - var(--jiantouwh) / 2); transform: rotate(90deg);}
    .partner_process_list ul:nth-child(2n) li .jiantou{left: calc(var(--iconw) / 2 + 2px - var(--jiantouwh) / 2); transform: rotate(-90deg);}
}

.partner_item__show{padding: var(--padMar_120) 0; overflow: hidden;margin: 0 0.3rem;}
.partner_item__show .swiper-main{position: relative;z-index: 1; margin-bottom: var(--padMar_70);}
.partner_item__show .swiper-main:after,
.partner_item__show .swiper-main:before{position: absolute; content: '';pointer-events: none;height: 130%;width: calc(444 / 1920 * 100%); top: -15%;background: linear-gradient(to right,rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);z-index: 10;}
.partner_item__show .swiper-main:before{left: -1px;}
.partner_item__show .swiper-main:after{right: -1px;transform: rotate(180deg);}
.partner_item__show .img{height: 1.28rem;display: flex;align-items: center;justify-content: center; box-shadow: 0 0.05rem 0.2rem rgba(108,124,147,0.13);}
.partner_item__show .img img{max-width: 60%;max-height:60%;}
.partner_item__show .swiper{ overflow: inherit; }
.partner_item__show .swiper-slide-row + .swiper-slide-row{margin-top: 0.2rem;}
@media (max-width:1366px) {
    .partner_item__show .img{height: 1rem;}
}
@media (max-width:768px) {
    .partner_item__show .img{height: 0.8rem;}
}

.about_item__intro{padding: var(--padMar_60) 0 var(--padMar_120) 0;}
.about_item__intro .img img{border-radius: 0.2rem;display: block;width: 100%;}
.about_item__intro .img .swiper-pagination ul{display: flex;}
.about_item__intro .img .swiper-pagination li{flex: auto; width:auto; height:auto; border-radius: 0; margin: 0!important; transform: none!important; background: #ffffff; border: none; padding: .3rem .15rem 0 .15rem}
.about_item__intro .img .swiper-pagination li h4{padding-top: .1rem; border-top: solid 3px #e5e5ea; text-align: left}
.about_item__intro .img .swiper-pagination li.swiper-pagination-bullet-active h4{border-top-color:var(--hover-color);color:var(--hover-color)}

.about_item__intro .curture{ margin-top: 0.42rem;}
.about_item__intro .curture .item{border-radius: 0.1rem; box-shadow: var(--box-shadow); padding: 0.4rem 0.64rem;text-align: center;}
.about_item__intro .curture .icon{display: flex;justify-content: center;height: 0.52rem;}
.about_item__intro .curture .icon img{max-height: 100%;}
.about_item__intro .curture h3{margin: 0.25rem 0 0.12rem 0;font-size:var(--font-size-24); font-weight: var(--font-weight-medium); color: var(--black);}
.about_item__intro .curture p{margin: 0;line-height: var(--line-height-30);font-weight: var(--font-weight-regular);color: rgb(var(--rgb-555));}
@media (min-width:769px) {
    .about_item__intro .curture{display: flex;justify-content: space-between;}
    .about_item__intro .curture .item{width: calc((100% - 0.4rem * 2) / 3); }
}
@media (min-width:1025px) {
    .about_item__intro .txt{width: calc(572 / var(--autoWidthValue) * 100%);}
    .about_item__intro .img{width: calc(637 / var(--autoWidthValue) * 100%);}
}
@media (max-width:1024px) {
    .about_item__intro .intro{display: block;}
}
@media (max-width:768px) {
    .about_item__intro .curture .item:not(:last-child){margin-bottom: 0.2rem;}
}

[class*=-videobox]{left: 0;top: 0;width: 100%;height: 100%;}
.inside-videobox{position: absolute; z-index: 10;background-color: #000;}
.inside-videobox video{width: 100%;height: 100%; object-fit: contain;display: block;}
.close-btn{position: absolute; right: 0.2rem;top: 0.2rem;width:0.3rem;height: 0.3rem;z-index: 10;background: url(../images/close.svg) no-repeat center center;background-size: contain; cursor: pointer; }

.outside-videobox{position: fixed;z-index: 200; background: rgba(var(--rgb-000),0.5); backdrop-filter: blur(10px);display: flex;align-items: center;justify-content: center;}
.outside-videobox .inner{width: 90%;max-width: 10rem; background-color: var(--black);}
.outside-videobox video{width: 100%;object-fit: contain;display: block;}
.outside-videobox .close-btn{filter: brightness(0) invert(1);}

.about-video{position: relative;z-index: 1;}
.about-video > figure{padding-bottom: calc(700 / 1920 * 100%); background: no-repeat center center; background-size: cover;}
.about-video .btn-area{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about-video .tit{color: var(--white);font-size:var(--font-size-30);margin-bottom: 0.2rem;}
.about-video .btn-play{width: 0.58rem;height: 0.58rem;background: url(../images/play.svg) no-repeat center center;background-size: auto calc(27 / 58 * 100%); cursor: pointer; border-radius: 50%; border: 2px solid var(--white);}

.about_item__history{padding: var(--padMar_100) 0 var(--padMar_140) 0;}
.about_item__history .swiper-year .swiper-slide{cursor: pointer;}
.about_item__history .swiper-year .item{text-align: center; line-height: 0.32rem; font-size:var(--font-size-18);}
.about_item__history .swiper-year{margin-bottom: 0.4rem;}
.about_item__history .swiper-year .swiper-slide-thumb-active .item{color: var(--hover-color); font-size:var(--font-size-24); font-weight: var(--font-weight-medium);}
.about_item__history .swiper-year .line{display: flex;align-items: flex-end;justify-content: space-between; height: 0.2rem;margin: 0 -1px 0 0;}
.about_item__history .swiper-year .line i{width: 1px;height: 0.08rem;background: #c7d0d9; display: block; transition: height  0.3s;}
.about_item__history .swiper-year .line i.mid{height: 0.12rem;}
.about_item__history .swiper-year .swiper-slide-thumb-active .line :where(i.mid,i.ml1,i.mr1,i.ml2,i.mr2){background: var(--hover-color);width: 2px;}
.about_item__history .swiper-year .swiper-slide-thumb-active .line :where(i.ml1,i.mr1){height: 0.12rem;}
.about_item__history .swiper-year .swiper-slide-thumb-active .line i.mid{height: 0.2rem;}
.about_item__history .swiper-content .swiper-slide{display: flex;justify-content: space-between;}
.about_item__history .swiper-content .year{width: 1.07rem;flex-shrink: 0;}
.about_item__history .swiper-content .year h5{margin: 0;font-size:var(--font-size-100);letter-spacing: 1px;color: #dbe1e8;opacity: 0.60;font-family: 'Roboto'; transform: rotate(90deg); transform-origin:  0 15%;position: relative; left:0.8em; font-weight: var(--font-weight-bold);}
.about_item__history .swiper-content .month{flex: 1;column-count: 3; column-gap:0.8rem; max-width: 100%;}
.about_item__history .swiper-content .month .item{break-inside: avoid;}
.about_item__history .swiper-content h5{font-size:var(--font-size-18); font-weight: var(--font-weight-medium);margin: 0 0 0.13rem 0;color: var(--hover-color);}
.about_item__history .swiper-content .month ul{padding-bottom: 0.36rem;}
.about_item__history .swiper-content .month li{line-height: var(--line-height-24); padding-left: 0.1rem;position: relative;}
.about_item__history .swiper-content .month li:before{position: absolute; content: '';left: 0;top: calc((24 / 16 * 1em) / 2 - 1.5px);width: 3px;height: 3px;background: var(--hover-color);border-radius: 50%;}
.about_item__history .swiper-content .month li + li{margin-top: 0.18rem;}
.about_item__history .history-list .swiper-content .swiper{min-height: 2.5rem;}
@media (max-width: 768px){
    .about_item__history .swiper-content .month{column-count: 2; column-gap:0.2rem;}
}

.about_item__matrix{background: no-repeat center top;background-size: 100% auto;padding:var(--padMar_80) 0 0 0;}
.about_item__matrix *{mix-blend-mode: multiply;}

.about-awards{position: relative;z-index: 1;--top:0;--bottom:0; margin-bottom: 1.2rem;}
.about-awards:before{position: absolute; content: '';left: 0;top: var(--top);bottom: var(--bottom);width: 100%;background: url(../images/about-awards.jpg) no-repeat center center;background-size: cover;}
.about-awards > div{position: relative;z-index: 2;}
.about-awards .all-title{padding-bottom: 0.6rem; margin-bottom: 0;}
.about-awards .swiper-main{position: relative;z-index: 1;}
.about_item__qualification{padding-top: var(--padMar_60);}
.about_item__qualification .swiper{margin: 0 -0.28rem;}
.about_item__qualification .item-pic{margin: 0 0.28rem; background: url(../images/about-honor-bg-h.png) no-repeat center center;background-size: 100% 100%; padding: 0.38rem 0.19rem 0.39rem 0.16rem;}
.about_item__qualification .item-pic figure{padding-bottom: calc(338 / 245 * 100%);}
.about_item__qualification .item-pic figure img{object-fit: contain;-o-object-fit: contain;}
.about_item__honor{padding-top: 1.04rem;}
.about_item__honor .all-title{color: var(--white);}
.about_item__honor .swiper{margin: 0 -0.075rem;}
.about_item__honor .img-mid{margin: 0 0.075rem; background: url(../images/about-honor-bg-v_t.png) no-repeat center center;background-size: 100% 100%; padding: 0.2rem 0.21rem 0.14rem 0.23rem;}
.about_item__honor .img-mid figure{padding-bottom: calc(197 / 274 * 100%);}
.about_item__honor .img-mid figure img{object-fit: contain;-o-object-fit: contain;}
.about_item__honor .txt{text-align: center; padding-top: 0.26rem;background: url(../images/about-honor-bg-v_b.png) no-repeat center top;background-size: 100%  auto; margin: 0 0.1rem;}
.about_item__honor .txt .year{font-size:var(--font-size-24); font-weight: var(--font-weight-medium);}
.about_item__honor .txt p{margin: 0.13rem auto 0; line-height: var(--line-height-24); max-width: 70%;}
@media (max-width:1024px) {
.about-awards .swiper-main{margin: 0 0.3rem;}
.about_item__honor .swiper,
.about_item__qualification .swiper{margin: 0;}
.about_item__honor .img-mid{margin: 0 0.02rem;}
.about_item__qualification .item-pic{margin: 0 0.1rem;}
}
@media (max-width:768px) {
.about-awards .swiper-main{padding: 0 0.3rem;}
}

.about_item__office{margin-bottom: 1.2rem;}
.about_item__office .all-title{margin-bottom: 0.58rem;}
.about_item__office .img-mid{border-radius: 0.1rem; box-shadow: var(--box-shadow); overflow: hidden;}
.about_item__office .list{display: flex;flex-wrap: wrap;--limr:0.2rem;--lin:3;}
.about_item__office .list .item{border-radius: 0.1rem; box-shadow: var(--box-shadow); width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin)); padding: 0.38rem 0.3rem 0.3rem;border: solid 3px transparent; transition: all 0.3s;}
.about_item__office .list .item:hover{border-color: var(--hover-color);}
.about_item__office .list .name{ font-size:var(--font-size-24); font-weight: var(--font-weight-medium); margin-bottom: 1em;}
.about_item__office .list .item:hover .name{color: var(--hover-color);}
.about_item__office .tips-ico{display: flex;align-items: center;color: rgb(var(--rgb-555));} 
.about_item__office .tips-ico:before{display: block;content: '';width: 0.11rem;height: 0.14rem;background: url(../images/location.svg) no-repeat center center;background-size: contain;margin-right: 0.06rem;}
.about_item__office .tips-ico.tel:before{background-image: url(../images/tel.svg);width: 0.14rem;}
.about_item__office .list p{line-height: var(--line-height-24); margin: 1em 0 0 0; font-weight: normal;}
.about_item__office .list.full .item{margin-top: var(--limr);}
.about_item__office .list.full .ewm{width: 55%; text-align: right;padding: 0px 5%}
.about_item__office .list.full .ewm img{width:80%;max-width: 1.5rem}
.about_item__office .list.full .txt{width:45%}
@media (min-width:769px) {
.about_item__office .main{display: flex;justify-content: space-between;}
.about_item__office .list .item:not(:nth-child(3n)){margin-right: var(--limr);}
.about_item__office .list .item:nth-child(3) ~ .item{margin-top: var(--limr);}
.about_item__office .list{flex: 1;margin-left: 0.2rem;}
.about_item__office .list.full{margin-left: 0;--lin:2;}
.about_item__office .list.full .item:nth-child(even){margin-right: 0}
.about_item__office .list.full p{margin: 0.5em 0 0 0;}
.about_item__office .img-mid{width: calc(300 / var(--autoWidthValue) * 100%);flex-shrink: 0;}
.about_item__office .img-mid figure{padding-bottom:0; height: 100%;}
}
@media (max-width:768px) {
    .about_item__office .list{--limr:0.1rem;--lin:2;}
    .about_item__office .list .item:not(:nth-child(2n)){margin-right: var(--limr);}
    .about_item__office .list .item:nth-child(2) ~ .item{margin-top: var(--limr);}
	.about_item__office .list.full{--lin:1;}
	.about_item__office .list.full .ewm img{max-width: inherit}
    .about_item__office .img-mid{margin-bottom: 0.2rem;}
    .about_item__office .img-mid figure{padding-bottom:30%;}
}

.case-awards .item_part{padding-bottom: 5%}
.case-awards .group:nth-child(8)~.group{display: none}
.case-awards .group{width: 25%;}
.case-awards .about_item__qualification .item_part{margin-left: -.28rem; margin-right: -.28rem}
.case-awards .about_item__qualification .item-pic{margin: 0.14rem 0.28rem;}

.case-awards .about_item__honor{padding-bottom: 5%}
.case-awards .about_item__honor .item_part{margin-left: -0.075rem; margin-right: -0.075rem}
.case-awards .about_item__honor .group{padding: .2rem 0}
.case-awards .about_item__honor .all-title{color: #333333}
.case-awards .all-more-full a{cursor: pointer}
.case-awards .all-more-full a i{font-style: normal}
.case-awards .all-more-full a:not(.no-more):after{transform: rotate(90deg)}
@media (max-width:1024px) {
.case-awards .group{width:50%;}
}


.ad-poster{position: relative;z-index: 1;background:#1d4ed8;padding:3.5% 0px!important;}
.ad-poster figure{height: 3rem; background: no-repeat center center;background-size: cover; display:none}
.ad-poster .txt{display: flex;flex-direction: column; align-items: center; justify-content: center;color: var(--white); z-index: 10;}
.ad-poster .txt h3{font-size:var(--font-size-36); font-weight: var(--font-weight-bold); margin: 0 0.3rem 0.45rem;text-align: center;}
.ad-poster .all-more-full a{font-weight: var(--font-weight-regular);background-color: var(--white);color: var(--hover-color); min-width: 1.6rem;justify-content: center;}
.ad-poster .all-more-full a:after{display: none;}
@media (max-width:768px) {
    .ad-poster figure{height: 2rem;}
    .ad-poster .txt h3{font-size: var(--font-size-30);}
}

.page-search{max-width: 8rem;margin: 0.42rem  auto 0.39rem;position: relative;}
.page-search .input-search{box-shadow: 0 0 0.15rem 1px  rgba(206, 217, 225, 0.2);border-radius: 0.25rem;border: solid 1px #e8edf1; padding: 0 0.8rem 0 0.3rem;width: 100%;display: block;height: 0.5rem;line-height: 0.5rem;color: #b0bbc8; transition: all 0.3s;   }
.page-search .input-search.focus{color: var(--black);border-color: var(--hover-color);}

.page-search .btn-search{position: absolute; right: 0;top: 0;width: 0.8rem;height: 0.5rem;background: url(../images/search.svg) no-repeat center center;background-size: auto calc(20 / 50 * 100%);cursor: pointer;z-index: 10;}

.page-search button.btn-search{border: none; font-size:0}


.filter{margin-bottom: 0.5rem; font-weight: var(--font-weight-regular);}
.filter .filter-item{display: flex;}
.filter .filter-item + .filter-item{margin-top: 0.2rem;}
.filter .name{flex-shrink: 0;width: 1.07rem;text-align: right; font-weight: var(--font-weight-medium);font-size:var(--font-size-18); margin-top: 0.1rem;}
.filter .radio-group{flex: 1;display: flex;flex-wrap: wrap;}
.radio-group .radio-item{margin: 0.1rem 0;}
.radio-group .radio-item:not(:last-child){margin-right: 0.45rem;}
.radio-group label{display: flex;align-items: center;position: relative;}
.radio-group label input[type="radio"]{position: absolute;width: 0;height: 0;opacity: 0; visibility: hidden;}
.radio-group label i{border: solid 1px #e0e6eb;width: 14px;height: 14px;border-radius: 50%;display: block; margin-right: 0.12rem;}
.radio-group .is-checked i{background: url(../images/radio-checked.svg) no-repeat center center var(--hover-color);background-size: contain; border-color: var(--hover-color);}


.technical-articles{margin-bottom: 0.4rem;}
.technical-articles .item{display: block; overflow: hidden; border-radius: 0.1rem; box-shadow: var(--box-shadow); height: 100%; transition:0.3s}
.technical-articles .item figure{padding-bottom: calc(220 / 400 * 100%);}
.technical-articles .item:hover{box-shadow: var(--box-shadow-hover); transform:translateY(-0.05rem)}
.technical-articles .txt{padding: 0.3rem;}
.technical-articles .title{font-size:var(--font-size-20); font-weight: var(--font-weight-medium); line-height: calc(32 / 20);}
.technical-articles p{line-height: calc(28 / 16); color: rgb(var(--rgb-555)); margin: 0.15rem 0 0.24rem 0;}
.technical-articles .more{display: flex;align-items: center;color: var(--hover-color); font-weight: var(--font-weight-regular);}
.technical-articles .more:after{display: block;content: '';width: 0.13rem;height: 0.11rem;background: url(../images/more-blue.gif) no-repeat center center;background-size: contain;margin-left: 0.1rem; transition: transform 0.3s;}
.technical-articles a:hover .more:after{transform: translateX(0.1rem);}
.technical-articles .date{font-family: 'Roboto';}
.technical-articles p + .date{margin-top: 0.3rem;}

#download-list li .item figure{padding-bottom: calc(224 / 400 * 100%);}
#download-list li .title{min-height:calc(32 / 20 * 3em); margin-bottom: 0.23rem;}
#download-list li .info{display: flex;align-items: center;justify-content: space-between; margin-bottom: 0.17rem; font-family: 'Roboto'; color: rgb(var(--rgb-555)); font-weight: var(--font-weight-light);}
#download-list li .btn{display: flex;align-items: center;}
#download-list li .btn a{color: var(--hover-color);display: flex;align-items: center; line-height: 0.34rem; padding: 0 0.19rem; border-radius: 0.4rem; transition: all 0.3s;}
#download-list li .btn a:first-child{margin-left: -0.19rem;}
#download-list li .btn a:first-child:hover{margin-left: 0;}
#download-list li .btn a + a{margin-left: 0.1rem;}
#download-list li .btn a::after{display: block;content: '';width: 0.19rem;height: 0.14rem;background: no-repeat center center;background-size: contain;margin-left: 0.07rem;}
#download-list li .btn a:hover{background-color: var(--hover-color); color: var(--white);}
#download-list li .btn a:hover::after{filter: brightness(0) invert(1);}
#download-list li .btn a.more::after{background-image: url(../images/view.svg);}
#download-list li .btn a.download::after{background-image: url(../images/download.svg);width: 0.14rem;height: 0.15rem;}

@media (min-width:1025px) {
.technical-articles ul{display: flex;flex-wrap: wrap;}
.technical-articles li{--limr:0.39rem;--lin:3; width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));}
.technical-articles li:not(:nth-child(3n)){margin-right: var(--limr);}
.technical-articles li:nth-child(3) ~ li{margin-top: var(--limr);}
#download-list li{--limr:0.4rem;}
}
@media (max-width:1024px) {
    .wap-change li:not(:last-child){margin-bottom: 0.2rem;}
}
@media (min-width:769px) and (max-width:1024px) {
    .wap-change .item{display: flex; align-items: center;}
    .wap-change .item .img-mid{flex-shrink: 0;width: 54%;}
    .wap-change .item .txt{flex: 1; padding-top: 0.1rem; padding-bottom: 0.1rem;}
}
@media (max-width:768px) {
    
}

.second-nav{border-bottom: 1px solid rgba(0,0,0,0.06); margin-bottom: 0.8rem;}
.second-nav .auto{display: flex; justify-content: space-between; align-items: center;}
.second-nav .auto ul{display: flex;}
.second-nav .auto ul li{margin-right: 0.6rem;}
.second-nav .auto ul li a{ font-weight: var(--font-weight-regular); display: block; line-height: 0.6rem;position: relative;z-index: 1;}
.second-nav .auto ul li a:before{position: absolute; content: '';left: 0;bottom: 0;width: 100%;height: 2px;background: var(--hover-color);transition: transform 0.3s; transform: scaleX(0); transform-origin: 100% 50%;}
.second-nav .auto ul li.aon a:before,
.second-nav .auto ul li a:hover:before{transform: scaleX(1); transform-origin: 0 50%;}
.second-nav .auto ul li.aon a{color: var(--hover-color);}
@media (min-width:769px) {
    .second-nav .location{flex-shrink: 0;padding: 0;}
}
@media (max-width:768px) { 
    .second-nav .auto{flex-direction: column-reverse;align-items:flex-start;}
}

.video-list ul{display: flex;flex-wrap: wrap;}
.video-list li{--limr:0.3rem;--lin:3; width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));}
.video-list li .item{display: block; overflow: hidden; border-radius: 0.1rem; box-shadow: var(--box-shadow); height: 100%; padding: 0.2rem 0.2rem 0.39rem; cursor: pointer;transition:0.3s}
.video-list li .item figure{padding-bottom: calc(224 / 400 * 100%); }
.video-list li .img-mid{position: relative;z-index: 1; overflow: hidden; background: rgb(32,34,46);border-radius: 0.1rem;}
.video-list li .img-mid figure{opacity: 0.8;}
.video-list li .img-mid .play{position: absolute; left: 50%;top: 50%;width: 0.5rem;height: 0.5rem;z-index: 10;background: url(../images/play2.svg) no-repeat center center var(--white);background-size: auto calc(18 / 50 * 100%); cursor: pointer; border-radius: 50%;transform: translate(-50%,-50%);}
.video-list li p{margin: 0.3rem 0 0 0; font-size:var(--font-size-20); font-weight: var(--font-weight-medium); }
.video-list li .item:hover{box-shadow: var(--box-shadow-hover); transform:translateY(-0.05rem)}
.video-list li .item:hover p{color: var(--hover-color);}
@media (min-width:1025px) {
    .video-list li:not(:nth-child(3n)){margin-right: var(--limr);}
    .video-list li:nth-child(3) ~ li{margin-top: var(--limr);}
}
@media (max-width:1024px) { 
    .video-list li{--limr:0.2rem;--lin: 2;}
    .video-list li:not(:nth-child(2n)){margin-right: var(--limr);}
    .video-list li:nth-child(2) ~ li{margin-top: var(--limr);}
}

.news-info-title{background-color: rgba(0, 108, 255, 0.06); padding-bottom: var(--padMar_70); margin-bottom: var(--padMar_50); padding-top: 0.22rem;}
.news-info-title .location{margin: 0 0 0.22rem 0; padding: 0;}
.news-info-title .title{font-size:var(--font-size-28); font-weight: var(--font-weight-medium); margin-bottom: 0.26rem; padding-top: 0.44rem;}
.news-info-title .info{display: flex;align-items: center;font-family: 'Roboto', 'hm',sans-serif; color: rgb(var(--rgb-555)); }
.news-info-title .info span:not(:last-child){margin-right: 0.58rem;}

.news-details .edit-info p{margin: calc(27 / 16 * 1em) 0;}
.news-details .download-info{background: url(../images/download-bg.jpg) no-repeat center center;background-size: 100% 100%; padding: 0.29rem 0.39rem 0.25rem 0.4rem;border-radius: 0.1rem; margin-bottom: 0.6rem;display: flex;align-items: center;justify-content: space-between;}
.news-details .download-info span{font-size:var(--font-size-28); font-weight: var(--font-weight-medium); display: block; padding-right: 0.81rem; background: url(../images/go.png) no-repeat right center;background-size: 0.59rem auto;color: var(--white);}
.news-details .download-info .all-more-full a{line-height: 0.49rem; background-color: var(--white); color: var(--hover-color); padding: 0 0.17rem; font-weight: var(--font-weight-regular);}
.news-details .download-info .all-more-full a::after{background-image: url(../images/download.svg);}
.news-details .download-info .all-more-full a:hover{background-color: var(--hover-color); color: var(--white);}
.news-details .download-info .all-more-full a:hover::after{filter: brightness(0) invert(1);}
.news-details .info-pn{border-top: 1px solid rgba(0,0,0,0.08 ); padding: var(--padMar_60) 0;display: flex;align-items: center;justify-content: space-between;}
.news-details .info-pn .go{line-height: 2;}
.news-details .info-pn .all-more-full{flex-shrink: 0; margin-left: 0.2rem;}

.same-btn [class*="arrows-"]{background:url(../images/arrows.svg) no-repeat center center;background-size: 0.08rem auto; cursor: pointer; position: absolute; top: 50%;transform: translateY(-50%);width: 0.57rem;height: 0.57rem;border: solid 2px var(--hover-color);border-radius: 50%;z-index: 10;}
.same-btn [class*="arrows-"]:hover{background-color: var(--hover-color);background-image: url(../images/arrows-white.svg);}
.same-btn .arrows-prev{ transform: rotateY(180deg);}
@media (min-width:1601px) {
    .same-btn .arrows-prev{left: calc(-117 / 1920 * 100vw);}
    .same-btn .arrows-next{right: calc(-117 / 1920 * 100vw);}
}
@media (max-width:1600px) {
    .same-btn .arrows-prev{left: -5vw;}
    .same-btn .arrows-next{right: -5vw;}
}

.recom-list{margin-top: var(--padMar_50); padding-bottom: var(--padMar_80);}
.recom-list .technical-articles{margin-bottom: 0; position: relative;z-index: 1;}
.recom-list .swiper{padding: 0 0.33rem;margin: 0 -0.33rem;}
.recom-list .swiper-slide{padding: 0.2rem 0 0.39rem 0;}
.recom-list .swiper-slide-prev .item,
.recom-list .swiper-slide-next + .swiper-slide + .swiper-slide .item{box-shadow: none;}
@media (max-width:1024px) {
.recom-list .swiper-slide-next + .swiper-slide .item{box-shadow: none;}
.recom-list .technical-articles{padding: 0 0.7rem;}
.recom-list .arrows-prev{left: -2vw;}
.recom-list .arrows-next{right:-2vw;}
}
/*dong end*/

.public_column {text-align: center; padding-bottom: .2rem;color: rgb(var(--rgb-000));}
.public_column *:not(:last-child){padding-bottom: .15rem}
.public_column h3{font-weight: 700;line-height: 1.2}
.public_column p{ font-weight: 400}
@media (min-width:1024px) {
.public_column h3{font-size:.36rem}
}

.banner{position: relative}
.banner picture{text-align: center; display: block;}
.banner .info{position: absolute; width: 100%; top: 50%; transform: translateY(-50%)}
.banner .txt{max-width: 52%}
.banner .txt *{padding: 0; margin: 0} 
.banner .txt h6{padding-bottom: .1rem}
.banner .txt h6 span{border-radius: 10px;padding:.02rem .1rem;background: rgba(var(--rgb-main-color),0.05);border: solid 1px rgba(var(--rgb-main-color),0.5); color: rgba(var(--rgb-main-color))}
.banner .txt h5{font-weight: 700; margin-bottom: .2rem}
.banner .txt h5 span{color:rgba(var(--rgb-main-color)); padding: 0 .1rem}
.banner .txt p{line-height: 1.8}
.banner .txt .link{display: inline-block;color: #fff; background: rgba(var(--rgb-main-color));margin-top: .4rem; padding: 0 .4rem;line-height: .56rem; border-radius: 30px; transition: 0.5s}
.banner .txt .link:hover{opacity: 0.8}
.banner .txt .link:not(:last-child){margin-right: .3rem}
.banner .txt .link.sp{background: none; color: #000;box-shadow: 0 0 0 1px #666;}
.banner .txt .link.sp:hover{background:#f4f4f5}
.banner .txt .other{transition-delay:1.4s; padding-top: 8%; max-width: 4.2rem}
.banner .txt .ban_num dl:not(:last-child){padding-right: .3rem}
.banner .txt .ban_num dt{font-weight: 700}
.banner.no-ban .info{position: initial; transform: none; padding-top: .3rem}
@media (min-width:1024px) {
.banner .txt h5{font-size:.48rem}
}
@media (max-width:1024px) {
  .banner .txt{max-width:70%}  
}

.location{padding: .3rem 0;line-height: 24px; text-align: right}
.location a:first-child{background: url("../images/location_icon.svg") no-repeat left; padding-left: 26px }
.location span{color: rgba(var(--rgb-main-color))}

.Pages{text-align: center;padding-top:5%; padding-bottom:5%; line-height: 50px; font-size: .18rem;}
.Pages span:not(.p_page),
.Pages .p_page a.a_first,
.Pages .p_page a.a_end{display: none}
.Pages .p_page,
.Pages .p_page em{ display: flex; justify-content: center; align-content: center}
.Pages .p_page em{font-style: normal}
.Pages .p_page a{color: #acacac; display: inline-block; min-width: 50px; box-shadow:inset 0 0 0 1px #e6e7ea; margin: 0 10px; border-radius: 100%; overflow: hidden; position: relative}
.Pages .p_page a:not(.no):hover,
.Pages .p_page .a_cur,
.Pages .p_page .a_prev:not(.no),
.Pages .p_page .a_next:not(.no){box-shadow: none; background: rgb(var(--rgb-main-color)); color: #ffffff}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{text-indent: -200px;}
.Pages .p_page .a_prev:before,
.Pages .p_page .a_next:before{content:'';left: 0; position: absolute; width: 100%; height: 100%; background: url(../images/jt.svg) no-repeat center center}
.Pages .p_page .a_prev:before{transform: rotate(180deg)}
.Pages .p_page .a_prev:not(.no):before,
.Pages .p_page .a_next:not(.no):before{filter: brightness(0) invert(1);}
.Pages .p_page a.no{cursor: default}
@media (max-width:768px) {
.Pages{line-height: 30px; font-size: .24rem;}
.Pages .p_page a{min-width:30px; margin: 0px 5px}
}

article.edit-info{padding-bottom: 4%}


.slide_title{position:absolute;left: .36rem; z-index: 10;margin-top: 0px;transition: 0.5s;visibility:hidden;}
.slide_title.fixed{margin-top: 0px; }
.slide_title.fixed .side_menu{position: fixed; top: 0; z-index: 99}
.side_menu{transition: 0.5s;background-color: rgba(255, 255, 255, 0.8);}
.side_menu li{padding:0px 18px; position: relative}
.side_menu li a{display: inline-block; line-height:.3rem;cursor: pointer;position: relative;}
.side_menu li a:before{content: '';position: absolute; left:-21px;top: 0; bottom: 0;margin: auto; width: 8px; height: 8px; border: solid 1px rgba(var(--rgb-main-color)); box-shadow: 0 0 0 1px #fff; border-radius: 100%; z-index: 5; background: #fff}
.side_menu li:not(:last-child):before{content: '';position: absolute;left: 0;top:20px; width: 1px; height: 100%;background: rgba(var(--rgb-main-color)); opacity: 0.1; transition: 0.5s}
.side_menu li.show a{color: rgba(var(--rgb-main-color))}
.side_menu li.show a:before{background: linear-gradient(90deg,#006cff,#bedaff);border-width: 0; transform: scale(1.1)}
.side_menu li.show:before{opacity: 1}
@media (max-width:1400px) {
    .side_menu{display:none}
}
@media (max-width:1024px) {
.side_menu li{padding:0px 18px;}
.side_menu li a{font-size: 0;}
}

.quick_slide section{min-height:15.625vw;padding:5% 0}

.myMake{padding: 0!important; background: no-repeat center center; background-size: cover}
.myMake .txt{color: #fff; text-align: center;padding: 1% 0}
.myMake .txt h3{font-weight: 500;padding-bottom:3%}
.myMake .link{font-weight: 400; width: 1.6rem; line-height: .56rem; display: inline-block; text-align: center; border-radius: 30px; background: #fff; color: rgba(var(--rgb-main-color)); transition: 0.5s}
.myMake .link:hover{background:rgba(var(--rgb-main-color)); color: #fff }

.article ul:not(.ul),
.ul_disc {padding-left: .2rem}
.article ul:not(.ul) *,
.ul_disc *{padding: 0; margin: 0}
.article ul:not(.ul) li,
.ul_disc li{list-style:none; position: relative}
.article ul:not(.ul) li:not(:last-child),
.ul_disc li:not(:last-child){margin-bottom: .2rem}
.article ul:not(.ul) li:before,
.ul_disc li:before{content: ''; position: absolute; left: -.2rem;  top: .12rem; color: rgba(var(--rgb-main-color));width: 6px; height: 6px;background: rgba(var(--rgb-main-color));box-shadow: 0 0 0 4px rgba(var(--rgb-main-color),0.1);border-radius: 100%}

.ul_num{counter-reset:section 0 subsec 1; }
.ul_num li{padding:.1rem 0 .1rem .47rem;position: relative}
.ul_num li:before{content:counter(section,decimal-leading-zero);counter-increment:section; width:.32rem; height:.32rem; line-height: .332rem; background: #f5f9fe; border-radius: 100%;color: rgba(var(--rgb-main-color)); display:block; position: absolute; left: 0; font-weight: 500; text-align: center}
.ul_num h5{font-size: .16rem; font-weight: 500;padding: 0; margin: 0;color: rgb(var(--rgb-000))}
@media (max-width:1024px) {
.ul_num h5{font-size: .24rem; }
}

figure.shadow{position: relative; border-radius: 20px; text-align:center;padding:20px}
figure.shadow img{ position: relative; z-index: 4;border-radius: 20px;}
figure.shadow span{position: absolute;border: solid 2px #f2f7ff; border-radius: 20px;  z-index: 3 ;left:0; top:0; bottom:0; right:0; background: linear-gradient(45deg, rgba(246, 249, 254, 1), rgba(255, 255, 255, 1));}

.view{display: flex}
.view i{font-style: normal; line-height: .40rem; color: rgba(var(--rgb-main-color)); display: flex; align-items: center; transition: 0.5s; border-radius: 30px}
.view i:after{content: ''; width:23px; height: 13px; background: url("../images/more_jt_blue.svg") no-repeat right center;transition: 0.5s}
.item:hover .view i{padding: 0px .15rem; background-color: rgba(var(--rgb-main-color)); color: #ffffff}
.item:hover .view i:after{filter: brightness(0) invert(1);}

.view.blue i{padding: .08rem .35rem; background-color: rgba(var(--rgb-main-color)); color: #ffffff}
.view.blue i:after{filter: brightness(0) invert(1);}

.customLogo ul{padding-bottom: 4%}
.customLogo li{ padding:2%; text-align: center}
.customLogo li a{height:50px; display: flex; justify-content: center; align-items: center}
.customLogo li img{max-height: 100%}
.customLogo .row5 li{width: 20%;}
.customLogo .row6 li{width: 16.666%;}
.customLogo .row8 li{padding: .32rem; width:12.5%}
@media(max-width:1024px){
.customLogo .row5 li{width:25%}
.customLogo .row8 li{width: 25%;padding: .1rem;}
}
@media(max-width:768px){
.customLogo .row5 li{width:33.333%}
.customLogo .row6 li{width:50%;}
}
@media(max-width:640px){
.customLogo .row5 li{padding:4%;}
.customLogo .row5 li{width:50%;}
.customLogo .row6 li{width:50%;}
}

/*iPaaS*/
.iPaaSType .item_part{padding-top: 2%}
.iPaaSType ul{counter-reset:section 0 subsec 1;margin: 0 -.05rem }
.iPaaSType li{width:calc(50% - .1rem); margin: .05rem;line-height: 1.875; }
.iPaaSType li a{padding:.4rem; transition: 0.5s; height: 100%; background-color: #f5f9fe; border-radius: 10px; display: block}
.iPaaSType li figure{width: .40rem; height: .40rem;display: flex; align-items: center}
.iPaaSType li figure img{max-height: 100%}
.iPaaSType li h4{font-weight: 500; margin: .15rem 0}
.iPaaSType li p{color: rgb(var(--rgb-555));}
.iPaaSType li a:before{float: right;content:counter(section,decimal-leading-zero);counter-increment:section; font-size: calc(50/768*100vw); color: rgba(var(--rgb-main-color),0.1);font-weight: 500;line-height: 1;}
.iPaaSType li:hover a{transform: translateY(-10px);}

@media(min-width:1024px){
.iPaaSType li{width:calc(25% - .1rem);}
.iPaaSType li a:before{font-size: calc(50/1920*100vw);}
}
@media(max-width:640px){
.iPaaSType li{width:calc(100% - .1rem);}
}

.iPaaSIntro{background: no-repeat center center; background-size: cover}
.iPaaSIntro .public_column{text-align: left}
.iPaaSIntro .txt{width: 42%}
.iPaaSIntro .img{width: 42%; text-align: center}
@media(max-width:1024px){
.iPaaSIntro .txt,
.iPaaSIntro .img{width:100%}
.iPaaSIntro .txt{padding-bottom: 4%}
.iPaaSIntro .img{ max-width: 500px; margin: auto;}
}

.iPaaSMerit .item{padding:2%; width:48%;background-color: #ffffff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px; margin-top: 3.125%; line-height: 1.875; transition: 0.5s; align-content: space-between}
.iPaaSMerit .item .desc{width: 100%}
.iPaaSMerit .item figure{width: 100%; text-align: right}
.iPaaSMerit .item figure img{width:68.805%}
.iPaaSMerit .item h4{font-weight: 500; text-align: center;padding-top: .2rem; padding-bottom: .1rem}
.iPaaSMerit .item ul{color: rgb(var(--rgb-555));}
.iPaaSMerit .item ul li:not(:last-child){margin-bottom: 0}
@media(min-width:1024px){
.iPaaSMerit .item_part:after{content: '';}
.iPaaSMerit .item_part:after,
.iPaaSMerit .item{width:31.25%;}
}
@media(max-width:640px){
.iPaaSMerit .item{width: 100%}
.iPaaSMerit .item figure img{width: 50%}
}

.iPaaSPic .article{text-align:center}

.iPaaSPro{background: #f5f9fe;}
.iPaaSPro .titleSwiper{padding: 0 5%; margin-bottom: 3%}
.iPaaSPro .titleSwiper h4{font-weight: 400;text-align: center; padding: .1rem 0; margin: 0;}
.iPaaSPro .titleSwiper figure{margin: auto; width:.45rem; height: .45rem; display: flex; justify-content: center; align-items: center;}
.iPaaSPro .titleSwiper figure img{max-height: 100%}
.iPaaSPro .titleSwiper .swiper-slide{cursor: pointer}
.iPaaSPro .titleSwiper .swiper-slide:not(.swiper-slide-thumb-active) img{opacity:0.5}
.iPaaSPro .titleSwiper .swiper-slide-thumb-active h4{color: rgba(var(--rgb-main-color)); border-bottom: solid 4px rgba(var(--rgb-main-color))}
.iPaaSPro .listSwiper{padding: 4%; background-color: #ffffff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06); border-radius: 10px;}
.iPaaSPro figure{order: 2; width: 49%; text-align: center}
.iPaaSPro .desc{width: 48%}
.iPaaSPro .desc h4{font-weight: 500; margin-bottom: .2rem}
.iPaaSPro .desc h4 a{color: rgba(var(--rgb-main-color))}
.iPaaSPro .desc .ul_disc li{line-height: 1.625}
.iPaaSPro .desc .ul_disc li:not(:last-child){margin-bottom: .05rem}
.iPaaSPro .desc .view{margin-top: .4rem}
@media(max-width:1024px){
.iPaaSPro figure,
.iPaaSPro .desc{width:100%}
.iPaaSPro figure{order: -1;}
}

.sameItem .swiper{padding: .45rem; margin: 0 -.45rem}
.sameItem .swiper-slide{height: auto; box-shadow: 0 0.1rem 0.45rem 0.05rem rgba(0, 77, 181, 0.06); border-radius: 10px;background: #fff; overflow: hidden; transition: 0.5s}
.sameItem .swiper-slide:hover{box-shadow: 0px 0px 30px 0px rgba(0, 77, 181, 0.2);}
.sameItem .desc{padding:8%; line-height: .3rem;}
.sameItem .desc h4{font-weight: 500; margin-bottom: .1rem}
.sameItem .desc h4.dot2{height: .6rem}
.sameItem .desc p{color: rgb(var(--rgb-555));height: .6rem; margin-bottom: .3rem}
.sameItem .desc time{color: rgb(var(--rgb-555));}
.sameItem .swiper-slide:not(.slide-visible){opacity: 0}
@media(max-width:768px){
.sameItem .desc{padding:4%;}
}

.iPaaSRelated{ background: url(../images/Related_boxbg.jpg) no-repeat center top; background-size: 100%}
.iPaaSRelated .swiper-slide{padding:.2rem}
.iPaaSRelated .item figure{padding-bottom:55.558%;border-radius: 10px;}
.iPaaSRelated .desc{padding-left:2%; padding-right:2%; padding-bottom: 2%}
.iPaaSDynamics {background: linear-gradient(#f5f9fe 51%, #ffffff 51%)}
.iPaaSDynamics .item figure{padding-bottom:56.25%}
.iPaaSDynamics .swiper-slide:hover{transform:translateY(-0.05rem)}

/*API*/
@media(min-width:1024px){
.oddeven:nth-child(even) aside.img{order: 2}
}
@media(max-width:1024px){
.oddeven .item_part {padding-bottom: 5%}
.oddeven:nth-child(even){background: rgba(var(--rgb-main-color),0.06)}
}

.APImain aside.img{width:46.719%}
.APImain aside.txt{width:45%}
.APImain aside.txt .public_column{text-align: left;}
.APImain article{font-size: .14rem; color: rgb(var(--rgb-555));line-height:2}
.APImain article h5{font-size: .16rem; padding: 0; margin: 0; font-weight: 400;color: rgb(var(--rgb-333))}
.APImain article p{padding: 0; margin: 0}
@media(max-width:1024px){
.APImain .item_part {padding-bottom: 5%}
.APImain article{font-size: .16rem; }
.APImain aside.img,
.APImain aside.txt{width:100%}
.APImain aside.img{max-width: 594px; margin: auto; order: 2}
.APImain aside.txt{padding-bottom:5%}
}
@media(max-width:768px){
.APImain article{font-size: .22rem; }
.APImain article h5{font-size: .24rem;}
}

.APIintro aside.txt{position: relative}
.APIintro aside.txt:after{content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1))}
.APIintro aside.txt h5{font-size: .18rem;}
.APIintro aside.txt p{margin-bottom: .2rem}
.APIintro .article{max-height: 21vw; overflow-y: auto; padding-bottom:6%}
/* .APIintro .article::-webkit-scrollbar{width:0;} */
@media(max-width:1024px){
.APIintro .article{ max-height:40vw;}
}

.APItedian{background: #f5f9fe}
.APItedian .item_part{background: #fff;	border-radius: 10px;}
.APItedian .item{padding: 4%;height: 100%}
.APItedian .item .desc{width: 40%; max-width: 3.3rem; line-height:1.5}
.APItedian .item .desc h4{font-weight: 500;color: rgba(var(--rgb-main-color));margin-bottom: .2rem}
.APItedian .item figure{width:55%;overflow: hidden; display:flex; align-items: center;}
.APItedian .item figure img{width: 100%; border: solid 2px #f2f7ff; border-radius: 20px;}
.APItedian .swiper{width:calc(100% - 2.4rem); margin: inherit; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);	border-radius: 10px;; z-index: 10}
@media(min-width:1024px){
/*
.APItedian .swiper .swiper-wrapper,
.APItedian .swiper .swiper-slide,
.APItedian .swiper .item{min-height:100%}
.APItedian .swiper .swiper-slide{display: flex;}
*/
}
@media(max-width:1024px){
.APItedian .item .desc,
.APItedian .item figure{width: 100%;}
.APItedian .item .desc{max-width: inherit;padding-bottom: 4%}
}
@media(min-width:768px){
.APItedian .swiper-pagination{width: 2.4rem;order: -1; position: inherit}
.APItedian .swiper-pagination ul{height: 100%;}
.APItedian .swiper-pagination li{width: 100%; height:auto; border-radius: 0; margin: 0!important; transform: none!important; display:flex!important; align-items: center; background: #ffffff; border: none}
.APItedian .swiper-pagination li h4{padding:.4rem .1rem .4rem .3rem;}
.APItedian .swiper-pagination li:before{display: none}
.APItedian .swiper-pagination li.swiper-pagination-bullet-active{color: rgba(var(--rgb-main-color)); background: linear-gradient(-90deg,#dceafc,#ffffff);}
.APItedian .swiper-pagination li.swiper-pagination-bullet-active:after{content: '';position: absolute; right: 0; top: 0; width: 2px; height: 100%;background:  rgba(var(--rgb-main-color))}
.APItedian .swiper-pagination li:first-child{border-top-left-radius: 10px}
.APItedian .swiper-pagination li:last-child{border-bottom-left-radius: 10px}
}
@media(max-width:768px){
.APItedian .item_part{background: none;}
.APItedian .swiper{width: 100%; background: #fff}
.APItedian .swiper-pagination{display: flex; justify-content: center;width: 100%}
.APItedian .swiper-pagination li h4{display: none}
}

.APIyoushi .figure{text-align: center}
.APIyoushi .article{padding: 4%; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06); border-radius: 10px;}
.APIyoushi .article ul{counter-reset:section 0 subsec 1; }
.APIyoushi .article li{width: 48%;padding:.1rem 0 .1rem .47rem;position: relative}
.APIyoushi .article li:before{content:counter(section,decimal-leading-zero);counter-increment:section; width:.32rem; height:.32rem; line-height: .32rem; background: #f5f9fe; border-radius: 100%;color: rgba(var(--rgb-main-color)); display:block; position: absolute; left: 0; font-weight: 500; text-align: center}
@media(max-width:1024px){
.APIyoushi .article li{width:100%;}
}

.APIpower{background: linear-gradient(#f5f9fe,#ffffff); border-bottom: solid 1px #e0e7fe}
.APIpower .figure{margin: auto; width: 36%}
.APIpower .article{margin-top: -40%}
.APIpower .article ul{width: 48%; max-width: 3.4rem;}
.APIpower .article ul li{padding:4% 10% 4% 0;}
.APIpower .article ul li:not(:last-child){ border-bottom: solid 1px #e0e7fe}
.APIpower .article ul li h5{font-size: .18rem;}
.APIpower .article ul li p{ line-height: .24rem;}
@media(max-width:1024px){
.APIpower .article{margin-top:0}
.APIpower .figure{width:auto; text-align: center}
.APIpower .article ul{max-width: inherit}
}
@media(max-width:768px){
.APIpower .article ul{width: 100%}
.APIpower .article ul:not(:last-child){ border-bottom: solid 1px #e0e7fe}
}

.RestCloud {background: linear-gradient(#f5f9fe,#ffffff); padding-bottom: 0!important}
.RestCloud .item_part{padding-top: 5%}
.RestCloud ul{gap:5.209vw;text-align: center; transition: 0.5s}
.RestCloud li{flex: 1;padding: 5% 1%; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);	border-radius: 10px;transition: 0.5s; background: #fff; border: solid 3px transparent}
.RestCloud li .icon{max-width: 1.3rem; margin: auto; position: relative; transition: 0.5s; background:#f5f9fe;border-radius: 100%}
.RestCloud li .icon figure img{width:46.16%; height:46.16%;}
/*
.RestCloud li .icon:before,
.RestCloud li .icon:after{content: '';position: absolute; width: .16rem; height: .16rem; border-radius: 100%; z-index: 5;box-shadow: 0px 8px 9px 1px rgba(36, 175, 233, 0.16);}
.RestCloud li .icon:before{background:#12affe; right: 0; top: 20%}
.RestCloud li .icon:after{background: #eea91f; left: -5%; bottom: 40%}
*/
.RestCloud li h4{margin-top: .3rem; margin-bottom: .05rem; font-weight: 700; color: #09090B}
.RestCloud li h5{margin-bottom: .15rem}
.RestCloud li p{line-height:1.5}
.RestCloud li .view{justify-content: center; transition: 0.5s}
.RestCloud li .view i{padding: .06rem .32rem!important; }
.RestCloud ul:hover{gap:1.687vw;}
.RestCloud li:hover{/*transform: scale(1.1);*/flex: 1.1;padding: 5%; border-color: #0189fe;}
.RestCloud li:hover .icon{transform: scale(0.8333) rotate(360deg);}
.RestCloud li:hover .view{padding-top: .4rem}
@media(max-width:1024px){
.RestCloud ul{gap:.2rem;}
.RestCloud ul:hover{gap:.4rem;}
.RestCloud li:hover{padding: 5% 2%;}
}
@media(max-width:768px){
.RestCloud li{flex: initial; width: 100%}
.RestCloud li:hover{flex: initial;transform: scale(1.01);}
}

.onlyHot ul{margin: 0 -1.5%}
.onlyHot li{width: 33.333%; padding: 1% 1.5%}
.onlyHot li a{display: block;padding: 5% 10%; height: 100%;box-shadow: 0 0.1rem 0.45rem 0.05rem rgba(0, 77, 181, 0.06);border-radius: 10px;transition:0.3s}
.onlyHot li h4{font-weight: 100; line-height: 24px; height: 48px; margin-bottom: .15rem}
.onlyHot li a:hover{transform:translateY(-0.05rem)}
@media(max-width:1024px){
.onlyHot li{width: 50%;padding:1.5%}
.onlyHot li a{padding: 5%;}
}
@media(max-width:640px){
.onlyHot li{width:100%;}
}
/*API end*/

/*AlAgent*/
.AlAgent{padding-top:2%!important; background: url("../images/AlAgent_boxbg.jpg") no-repeat center bottom; background-size: 100%}
.AlAgent .item_part{padding-top: 5%}
.AlAgent .item{width:31.25%;margin:1% 2%;background-color: #ffffff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px;}
.AlAgent .item figure{margin-top: -10%}
.AlAgent .desc{padding:0 10% 10% 10%; color: rgb(var(--rgb-555));line-height: 1.8}
@media(max-width:1024px){
.AlAgent .item{width: 46%}
}
@media(max-width:768px){
.AlAgent .item{width:100%; margin: 2% 0}
.AlAgent .item figure{margin-top:0}
.AlAgent .desc{padding: 0 3% 3% 3%}
}

.AlAgentyewu{background: no-repeat center top; background-size: 100%; padding-bottom: 0!important}
.AlAgentyewu .public_column h3,
.AlAgentyewu .public_column p{color: #fff}
.AlAgentyewu .public_column h3{padding-top: .2rem}
.AlAgentyewu figure{width:78.125%; margin: auto; position: relative;-webkit-perspective:1000px;  -moz-perspective:1000px;  perspective:1000px;}
.AlAgentyewu figure img{border-radius: 30px; width: 100%}
.AlAgentyewu figure:after{content: '';position: absolute; left: -5%; right: -5%;top:60%; bottom:-18%; margin: auto; background: linear-gradient(rgba(229,231,241,0),rgba(229,231,241,1));border-radius:1vw ; transform: rotateX(-50deg);filter:blur(10px);-webkit-filter:blur(10px); z-index: -1}
.AlAgentyewu .desc{display: none}
.AlAgentyewu .swiper-wrapper{}
.AlAgentyewu .swiper{width: 100%}
.AlAgentyewu .swiper-slide{padding: .2rem 0}
.AlAgentyewu .ai-a-video video{width:100%;display:block}

@media(min-width:1024px){
.AlAgentyewu .swiper-pagination{width: 100%; order: -1; position: inherit}
.AlAgentyewu .swiper-pagination ul{width: 100%;counter-reset:section 0 subsec 1;}
.AlAgentyewu .swiper-pagination li{flex: 1; height: auto; border-radius: 0; margin: 0!important; transform: none!important;background: none; color: #fff; border: none; text-align: center; color: #fff}
.AlAgentyewu .swiper-pagination li b{margin: auto; width: .3rem; height: .3rem; line-height: .3rem; text-align: center; border-radius: 100%; background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,0.2);display: block; position: relative; z-index: 2}
.AlAgentyewu .swiper-pagination li b:before{content:counter(section,decimal-leading-zero);counter-increment:section; color: rgba(var(--rgb-main-color));}
.AlAgentyewu .swiper-pagination li h4{font-size: .18rem;padding: .1rem 0; font-weight: 500; opacity: 0.4;}
.AlAgentyewu .swiper-pagination li:before,
.AlAgentyewu .swiper-pagination li:after{content: ''; width: 50%; top: .15rem; position: absolute; border-top: dashed 2px #fff; opacity: 0.2} 
.AlAgentyewu .swiper-pagination li:before{left: 0;}
.AlAgentyewu .swiper-pagination li:after{right: 0}
.AlAgentyewu .swiper-pagination li:first-child:before{display: none}
.AlAgentyewu .swiper-pagination li:last-child:after{display: none}
.AlAgentyewu .swiper-pagination li p{opacity: 0; transition: 0.5s}
.AlAgentyewu .swiper-pagination li.swiper-pagination-bullet-active{flex:1.5; text-align: left}
.AlAgentyewu .swiper-pagination li.swiper-pagination-bullet-active:before,
.AlAgentyewu .swiper-pagination li.swiper-pagination-bullet-active:after{border-top-style: solid; opacity: 1}
.AlAgentyewu .swiper-pagination li.swiper-pagination-bullet-active h4{opacity: 1}
.AlAgentyewu .swiper-pagination li.swiper-pagination-bullet-active p{opacity: 1}
}
@media(max-width:1024px){
.AlAgentyewu figure{width:90%;}
.AlAgentyewu .desc{display: block; padding-top: 4%}
.AlAgentyewu .desc b{ width: .5rem; height: .5rem; line-height: .5rem; text-align: center; border-radius: 100%; background:rgba(var(--rgb-main-color),0.2);display: block; position: relative; z-index: 2}
.AlAgentyewu .desc b:before{content:counter(section,decimal-leading-zero);counter-increment:section; color: rgba(var(--rgb-main-color));}
.AlAgentyewu .desc h4{font-size: .26rem; padding: 2% 0}
.AlAgentyewu .swiper-pagination{width: 100%; display: flex; justify-content: center; padding-top: 4%}
.AlAgentyewu .swiper-pagination ul{width: auto}
.AlAgentyewu .swiper-pagination li h4,
.AlAgentyewu .swiper-pagination li b,
.AlAgentyewu .swiper-pagination li p{display: none}
}

.AlAgentpower .item_part{padding-top: 4%}
.AlAgentpower .item{padding: 4%}
.AlAgentpower .item .desc{width: 40%; line-height:1.5}
.AlAgentpower .item h4{font-weight: 500;color: rgba(var(--rgb-main-color));margin-bottom: .2rem}
.AlAgentpower .item figure{width:55%; border-radius: 20px;display: flex;align-items: center;}
.AlAgentpower .swiper{width:calc(100% - 1.9rem); margin: inherit;margin-left: -.1rem; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px;; z-index: 12; background: #fff}

@media(min-width:768px){
.AlAgentpower .swiper-pagination{width: 2rem;order: -1; position: inherit;background: rgba(var(--rgb-main-color));border-radius: 10px}
.AlAgentpower .swiper-pagination li{width: 100%; height: auto; border-radius: 0; margin: 0!important; transform: none!important;display:flex!important; align-items: center;justify-content: center; background: none; color: #fff; min-height:5vw; border: none}
.AlAgentpower .swiper-pagination li h4{padding:.1rem;font-weight: 500; text-align: center; position: relative; z-index: 2}
.AlAgentpower .swiper-pagination li:before{display: none}
.AlAgentpower .swiper-pagination li:after{content: '';position: absolute; left: 100%; right: 0; top: 0; height: 108%;background: #fff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);	border-radius: 10px 0px 0px 10px;transition: 0.5s}
.AlAgentpower .swiper-pagination li.swiper-pagination-bullet-active{color: rgba(var(--rgb-main-color));}
.AlAgentpower .swiper-pagination li.swiper-pagination-bullet-active:after{left: -10px}
}
@media(max-width:1024px){
.AlAgentpower .item .desc,
.AlAgentpower .item figure{width:100%; }
.AlAgentpower .item .desc{padding-bottom: 4%}
}
@media(max-width:768px){
.AlAgentpower .swiper{width: 100%; margin: 0}
.AlAgentpower .swiper-pagination{width: 100%; display: flex; justify-content: center; padding-top: 4%}
.AlAgentpower .swiper-pagination li h4{display: none}
}

.AlAgentyoushi{position: relative;}
.AlAgentyoushi:after{content: ''; position: absolute; width: 100%;  background: url("../images/AlAgent_boxbg2.jpg") no-repeat center center; background-size: 100%; top: -60%; bottom: -10%; margin: auto; z-index: -1}
.AlAgentyoushi .swiper-slide{height: auto;padding:45px 10px;}
.AlAgentyoushi .item{height: 100%; box-shadow: 0 0.1rem 0.45rem 0.05rem rgba(0, 77, 181, 0.06);border-radius: 10px;background: #fff; margin: auto; position: relative; transition: 0.5s}
.AlAgentyoushi .tit{border-radius:10px 10px 0 0 }
.AlAgentyoushi .tit h4{padding-left: .3rem;flex: 1}
.AlAgentyoushi .tit figure{width:0; padding-bottom:.77rem;position: relative; }
.AlAgentyoushi .tit figure img{position: absolute; width: 100%; height: 100%; background-size: contain; -webkit-box-reflect: below 0px linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1));}
.AlAgentyoushi .desc{height: calc(100% - .74rem); padding:.1rem .3rem .3rem .3rem; color: rgb(var(--rgb-555));line-height: 1.5;border-radius:0 0 10px 10px;margin-top: -.03rem;}
.AlAgentyoushi .desc p{transition: 0.5s}
.AlAgentyoushi .desc p:not(:last-child){margin-bottom: .1rem}
.AlAgentyoushi .item:hover{transform: translateY(-5%); height: 110%}
.AlAgentyoushi .item:hover .tit{color: #fff; background:rgba(var(--rgb-main-color));}
.AlAgentyoushi .item:hover .desc{padding:.3rem .22rem .1rem .28rem; box-shadow:inset 0 0 0 3px rgba(var(--rgb-main-color))}
.AlAgentyoushi .item:hover .desc p{background: url(../images/gou.svg) no-repeat left 5px; padding-left: .25rem}
.AlAgentyoushi .item:hover figure{width:44.325%;}
@media(min-width:1024px){
.AlAgentyoushi{ padding-top: 0!important}
.AlAgentyoushi .auto{max-width: inherit; width: 100%}
}

.AlAgentcando {padding-top: 0!important; padding-bottom: 0!important}
.AlAgentcando .item_part{gap:.1rem;counter-reset:section 0 subsec 1;padding-top: 3%;}
.AlAgentcando .item{flex: 1; min-height:28vw; position: relative}
.AlAgentcando .item:after{content: ''; position: absolute;left: 0; top: 0; width: 100%; height: 80%;border-radius: 10px; z-index: -1}
.AlAgentcando .item:nth-child(odd):after{background: #eff4ff}
.AlAgentcando .item:nth-child(even):after{background: #e4f2fb}
.AlAgentcando .item .tit h4{letter-spacing: 4px; font-weight: 500}
.AlAgentcando .item .tit em{font-style: normal; font-size: .36rem; color: #000; opacity: 0.05;font-weight: 500}
.AlAgentcando .item .tit em:before{content:counter(section,decimal-leading-zero);counter-increment:section;}
.AlAgentcando .item .desc{line-height: 1.5;color: rgb(var(--rgb-555)); margin-bottom: .3rem}
.AlAgentcando .item figure{width:81.83%; margin: auto;position: relative;-webkit-perspective:1000px;  -moz-perspective:1000px;  perspective:1000px;}
.AlAgentcando .item figure img{width: 100%;border-radius: 10px;border: solid 1px rgba(var(--rgb-main-color),0.3)}
.AlAgentcando .item figure:after{content: '';position: absolute; left: -3%; right: -3%;top:70%; bottom:-5%; margin: auto; background: linear-gradient(rgba(233,234,243,0),rgba(233,234,243,1));border-radius:1vw ; transform: rotateX(-25deg);filter:blur(5px);-webkit-filter:blur(5px); z-index: -1}

@media(min-width:768px){
.AlAgentcando .item:not(.show) .box{transform: scale(0); height: 0}
.AlAgentcando .item:not(.show) .tit{justify-content: center;padding-top:50%}
.AlAgentcando .item:not(.show) .tit h4{writing-mode: vertical-rl;}
.AlAgentcando .item:not(.show) .tit em{width: 100%; text-align: center;padding: .2rem 0}
.AlAgentcando .item.show{flex:6.583;padding: .5rem;}
.AlAgentcando .item.show .tit h4{font-size: .30rem; }
.AlAgentcando .item.show .tit em{font-size:calc(72/1920*100vw); order: 2}
}
@media(max-width:768px){
.AlAgentcando .item{flex:initial; width: 100%; padding: 5%}
.AlAgentcando .item .tit em{ font-size:calc(72/1024*100vw); order: 2}
}

.AlAgentcase .swiper{padding: .45rem; margin: 0 -.45rem}
.AlAgentcase .swiper-slide{height: auto; box-shadow: 0 0.1rem 0.45rem 0.05rem rgba(0, 77, 181, 0.06); border-radius: 10px;background: #fff; overflow: hidden; transition: 0.5s}
.AlAgentcase .swiper-slide:hover{box-shadow: 0px 0px 30px 0px rgba(0, 77, 181, 0.2); transform:translateY(-0.05rem);}
.AlAgentcase .item figure{padding-bottom:40%}
.AlAgentcase .desc{padding:10%; line-height: 1.5}
/*end*/

/*business*/
.businessType section{padding:5% 0}
.businessType section:first-child{padding-top: 2%}
.businessType section:nth-child(even){background: linear-gradient(#f5f9fe,#ffffff)}
.businessType .public_column{text-align: left}
.businessType .list ul{counter-reset:section 0 subsec 1; }
.businessType .list li{ width:48%; margin-top: 3.125%; line-height: 1.875;}
.businessType .list li a{display: block; height: 100%; padding:8%;background-color: #ffffff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px; transition: 0.5s;}
.businessType .list li figure{width: .65rem; height: .65rem;display: flex; align-items: center}
.businessType .list li figure img{max-height: 100%}
.businessType .list li h4{font-weight: 500; margin: .15rem 0}
.businessType .list li p{color: rgb(var(--rgb-555));}
.businessType .list li a:before{float: right;content:counter(section,decimal-leading-zero);counter-increment:section; font-size: calc(50/768*100vw); color: rgba(var(--rgb-main-color),0.1);font-weight: 500;line-height: 1}
.businessType .list li:hover a{transform:translateY(-10px)}
@media(min-width:1024px){
.businessType .list ul:after{content: '';}
.businessType .list ul:after,
.businessType .list li{width:31.25%;}
.businessType .list li a:before{font-size: calc(50/1920*100vw);}
}

/**/

.customer_letter .public_column{text-align: left}
.customer_letter .list li{ width:48%; margin-top: 3.125%; line-height: 1.875;}
.customer_letter .list li a{display: block; height: 100%; padding:8%;background-color: #ffffff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px; transition: 0.5s;}
.customer_letter .list li .txt{text-align: center}
.customer_letter .list li figure{height:.6rem;display: flex; justify-content: center; align-items: center;transition: 0.5s}
.customer_letter .list li figure img{max-width: 90%; max-height: 90%}
.customer_letter .list li h4{font-weight: 500;}
.customer_letter .list li .desc{overflow-y: auto; max-height: 1.2rem}
.customer_letter .list li p{color: rgb(var(--rgb-555));line-height: .30rem;transition: 0.5s}
.customer_letter .list li:hover a{transform:translateY(-10px)}
.customer_letter .list li:hover p{ -webkit-line-clamp: none;}
@media(min-width:1024px){
.customer_letter .list ul:after{content: '';}
.customer_letter .list ul:after,
.customer_letter .list li{width:31.25%;}
}
@media(max-width:640px){
.customer_letter .list li{width: 100%}
}

.seriesType ul{text-align: center;}
.seriesType li{padding:4%; width:48%;background-color: #ffffff;box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px; margin-top: 3.125%; line-height: 1.875; transition: 0.5s}
.seriesType li .icon{max-width: 1.3rem; margin: auto; position: relative; transition: 1s}
.seriesType li .icon figure{border-radius: 100%; background: #f5f9fe}
.seriesType li .icon:before,
.seriesType li .icon:after{content: '';position: absolute; width: .16rem; height: .16rem; border-radius: 100%; z-index: 5;box-shadow: 0px 8px 9px 1px rgba(36, 175, 233, 0.16);}
.seriesType li .icon:before{background:#12affe; right: 0; top: 20%}
.seriesType li .icon:after{background: #eea91f; left: -5%; bottom: 40%}
.seriesType li h4{font-weight: 500; margin: .15rem 0}
.seriesType li p{color: rgb(var(--rgb-555));}
.seriesType li:hover{box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.3);}
.seriesType li:hover .icon{transform: rotate(360deg)}
@media(min-width:1024px){
.seriesType ul:after{content: '';}
.seriesType ul:after,
.seriesType li{width:31.25%;}
.seriesType li a:before{font-size: calc(50/1920*100vw);}
}
@media(max-width:640px){
.seriesType li{width: 100%;}
}

.businessProgram{background: no-repeat center top;}
.businessProgram .list{margin: 0 -.2rem;}
.businessProgram .list li{width: 33.333%; padding:.2rem; text-align: center; line-height: 1.875}
.businessProgram .list .box{height: 100%;padding:11%; background-color: #ffffff; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06); border-radius: 10px;}
.businessProgram .list .icon{width:82.42%; margin: auto}
.businessProgram .list p{color: rgb(var(--rgb-555));margin-top: .1rem}
@media(max-width:1024px){
.businessProgram .list li{min-width: 48%; flex: auto}
.businessProgram .list .box{padding: 4%}
.businessProgram .list .icon{width: 40%; max-width: 122px;}
}
@media(max-width:768px){
.businessProgram .list{margin: 0;}
.businessProgram .list li{min-height: inherit; width: 100%; padding: 2% 0}
}

.businessCustom{padding-top: 0!important}
.businessComment{margin-top: -4%; background: url("../images/comment_boxbg.jpg") no-repeat center top; background-size: 100%}
.businessComment .swiper{padding:3%; background-color: #ffffff;	box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px;}
.businessComment .item figure{background: #f4f9fe; width: 1.2rem; height: 1.2rem;border-radius: 100%}
.businessComment .item figure img{max-width: 80%; max-height: 80%}
.businessComment .item h5{ width: 100%; font-weight: 400;display: flex; justify-content:end}

.businessComment .item h5 span{display: flex; align-items: center;max-width: 3rem; width: 100%}
.businessComment .item h5 span:before{content: '';flex: auto; height: 1px; margin-right: .1rem; background: #eff0f1;}
.businessComment .item p{flex: 1;color: rgb(var(--rgb-555)); padding: 1% 0 1% 2%; line-height: 1.875}
.businessComment .swiper-pagination{position: inherit; padding-top: 3%}
@media(max-width:768px){
.businessComment .item figure{margin: auto}
.businessComment .item p{flex: initial; width: 100%}
}

.case_list li{margin-bottom: .2rem; padding: .3rem; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px;transition: 0.5s}
.case_list .pic{width: 24.591%}
.case_list .pic figure{border-radius: 10px;padding-bottom: 55.335%}
.case_list .txt{width: 72%; line-height: 1.75; padding: .1rem 12% .1rem 0; position: relative;}
.case_list .txt p{color: rgb(var(--rgb-555));margin-top: .08rem; margin-bottom: .15rem}
.case_list .txt .jt{position: absolute; top: 0; bottom: 0; right: 0; width: .5rem; height: .5rem; border: solid 1px rgba(var(--rgb-main-color)); border-radius: 100%; margin: auto;}
.case_list .txt .jt:after{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/jt.svg) no-repeat center center}
.case_list .txt time{ color: rgba(var(--rgb-555));}
.case_list li:hover{transform: translateY(-10px)}
.case_list li:hover .txt .jt{background: rgba(var(--rgb-main-color))}
.case_list li:hover .txt .jt:after{filter: brightness(0) invert(1);}

.sitemap li{padding: 1.5% 0; border-bottom: solid 1px #ddd}
.sitemap li span{font-weight: 500}
.sitemap li dl{padding: 1% 0}
.sitemap li dt:not(:last-child){margin-right: 3vw}

.form_main {padding-top: 1%; padding-bottom: 4%}
.form_main .auto{padding: 4%; box-shadow: 0px 6px 33px 7px rgba(0, 77, 181, 0.06);border-radius: 10px;}
.form_main .group{padding: .1rem 0}
.form_main  .text,
.form_main  select{width: 100%; line-height: .6rem; padding:0 .3rem; border: none; background: #f4f8fb;border-radius: 10px;}
.form_main .yzm .form_text{display: flex}
.form_main .yzm a{color: #fff; line-height: .6rem; cursor: pointer;background: rgba(var(--rgb-main-color));padding: 0 2.5vw; white-space: nowrap; transition: 0.5s}
.form_main .yzm a:hover{opacity: 0,7}
.form_main .biaoti{font-weight: 400; padding: .1rem 0}
.form_main .biaoti span{color: #ff0000}
.form_main .all-more-full{padding-top: 2%}
.form_main .all-more-full a{cursor: pointer}


/*index*/
.ind_banner{position: relative;padding: 0!important}
.ind_banner figure .wap{display: none}
.ind_banner figure img{width: 100%;	transition:1s linear 2s;transform:scale(1.03,1.03);}
.ind_banner .info{position: absolute; width: 100%; top: 50%; transform: translateY(-50%)}
.ind_banner .txt{max-width: 52%}
.ind_banner .txt *{padding: 0; margin: 0;opacity:0;transform:translateX(1rem);transition:0.5s} 
.ind_banner .txt h6{padding-bottom: .1rem}
.ind_banner .txt h6 span{border-radius: 10px;padding:.02rem .1rem;background: rgba(var(--rgb-main-color),0.05);border: solid 1px rgba(var(--rgb-main-color),0.5); color: rgba(var(--rgb-main-color))}
.ind_banner .txt h5{margin-bottom: .2rem;transition-delay:0.2s; font-weight: 700}
.ind_banner .txt h5 span{color:rgba(var(--rgb-main-color)); padding: 0 .1rem}
.ind_banner .txt p{line-height: 1.8;transition-delay:0.8s}
.ind_banner .txt .btn_link{transition-delay:1.2s}
.ind_banner .txt .link{display: inline-block;color: #fff; background: rgba(var(--rgb-main-color));margin-top: .4rem; padding: 0 .4rem;line-height: .56rem; border-radius: 30px; transition: 0.5s;}
.ind_banner .txt .link:hover{opacity: 0.8}
.ind_banner .txt .link:not(:last-child){margin-right: .3rem}
.ind_banner .txt .link.sp{background: none; color: #000;box-shadow: 0 0 0 1px #666;}
.ind_banner .txt .link.sp:hover{background:#f4f4f5}
.ind_banner .txt .other{transition-delay:1.4s; padding-top: 8%; max-width: 4.2rem}
.ind_banner .txt .ban_num dl:not(:last-child){padding-right: .3rem}
.ind_banner .txt .ban_num dt{font-weight: 700}
.ind_banner	.swiper-slide-active img,
.ind_banner .swiper-slide-duplicate-active img{	transition:6s linear;transform:scale(1,1);}
.ind_banner .swiper-slide-active .txt *{opacity:1;transform:translateX(0)}
@media(max-width:1024px){
.ind_banner figure .pc{display: none}
.ind_banner figure .wap{display:block}
.ind_banner .txt{max-width: 80%}
}
@media(max-width:768px){
.ind_banner .txt .other{display: none}
}

.ind_floor1 .item_part{padding-top: 3%}

.ind_floor1 li{flex: 1; position: relative;padding: 2% 0; text-align: center}
.ind_floor1 li h5{font-weight: 700;padding: 0; margin: 0; line-height: 1; color: rgba(var(--rgb-main-color));}
.ind_floor1 li sup{position: absolute; padding-left: 5px;}
.ind_floor1 li span{ padding-right: 5px;}
.ind_floor1 li p{ line-height: 1.625;margin-top: .1rem; font-weight: 400}
@media(max-width:1024px){
.ind_floor1 li{width: 33.333%; flex: initial}
}
@media(max-width:768px){
.ind_floor1 li{ width: 50%}
}

.ind_floor2 .item_part{padding-top: 4%}

.ind_floor3 .item_part{padding-top: 4%}
.ind_floor3 .swiper{margin: inherit}
.ind_floor3 *,
.ind_floor3 .public_column p{color: #fff}


.ind_floor3 .item{padding: .1rem; width: 100%; cursor: pointer}
.ind_floor3 .icon{background: #e5f0ff;box-shadow: 0 0 0 4px rgba(255,255,255,0.3); width:.60rem; height: .60rem;border-radius: 100%;}
.ind_floor3 .icon img{max-height: 60%}
.ind_floor3 .txt{width: calc(95% - .6rem)}
.ind_floor3 .txt p{margin-top:.2rem; margin-bottom: .1rem; }
.ind_floor3 .txt .link{}
.ind_floor3 .txt .link a{display: inline-block; line-height: .38rem; color: rgb(var(--rgb-555));padding: 0px .18rem; border-radius: 30px;margin-right: .1rem; background: rgba(255,255,255,0.9); transition: 0.5s}
.ind_floor3 .txt .link a:hover{color: rgba(var(--rgb-main-color));box-shadow:inset 0 0 0 2px rgba(var(--rgb-main-color));}
.ind_floor3 .titleSwiper .swiper-slide.hide .txt .link,
.ind_floor3 .titleSwiper .swiper-slide.hide .txt p,
.ind_floor3 .titleSwiper .swiper-slide .txt .link,
.ind_floor3 .titleSwiper .swiper-slide .txt p{display: none}
.ind_floor3 .titleSwiper .swiper-slide.show .icon,
.ind_floor3 .titleSwiper .swiper-slide-active .icon{background: rgba(var(--rgb-main-color))}
.ind_floor3 .titleSwiper .swiper-slide.show .icon img,
.ind_floor3 .titleSwiper .swiper-slide-active .icon img{filter: grayscale(100%) brightness(1000%); }
.ind_floor3 .titleSwiper .swiper-slide.hide .icon{background: #e5f0ff}
.ind_floor3 .titleSwiper .swiper-slide.hide .icon img{filter: none}
.ind_floor3 .listSwiper img{border-radius: 20px;}
@media(min-width:1024px){
.ind_floor3 .titleSwiper{width:4rem;height: 5.50rem;padding: .1rem 0; background: url("../images/swiper_line.png") no-repeat left center; background-size: contain}
.ind_floor3 .titleSwiper .swiper-slide{height: 1.3rem; display: flex; align-items: center}
.ind_floor3 .titleSwiper .swiper-slide .item{transition:0.5s; opacity:0; }
.ind_floor3 .titleSwiper .swiper-slide-prev .item,
.ind_floor3 .titleSwiper .swiper-slide-active .item,
.ind_floor3 .titleSwiper .swiper-slide-next .item{ opacity:1;}
/*.ind_floor3 .titleSwiper .swiper-slide-prev .item{margin-left: -1.2rem;margin-top: 0.4rem;}
.ind_floor3 .titleSwiper .swiper-slide-duplicate-active .item{margin-left: -1.2rem;margin-top: -0.6rem;}
.ind_floor3 .titleSwiper .swiper-slide-active .item{margin-left: 0.2rem;opacity:1;}

.ind_floor3 .titleSwiper .swiper-slide-next .item{opacity:1;margin-left: .6rem}
.ind_floor3 .titleSwiper .swiper-slide-next + .swiper-slide .item{opacity:1;margin-left: .6rem}
.ind_floor3 .titleSwiper .swiper-slide-next + .swiper-slide + .swiper-slide .item{opacity:1;margin-left: .2rem}
*/
.ind_floor3 .titleSwiper .swiper-slide.show .txt .link,
.ind_floor3 .titleSwiper .swiper-slide.show .txt p,
.ind_floor3 .titleSwiper .swiper-slide-active .txt .link,
.ind_floor3 .titleSwiper .swiper-slide-active .txt p{display: block}
.ind_floor3 .listSwiper{width:calc(95% - 4rem); max-width: 6.9rem}
.ind_floor3 .listSwiper .txt{display: none}
}
@media(max-width:1024px){
.ind_floor3 .titleSwiper{width: 100%; order: 2; padding-top: 4%}
.ind_floor3 .listSwiper{width: 100%}
.ind_floor3 .txt{width: 100%; padding: .2rem 0;text-align:center}
.ind_floor3 .txt h4{margin: 0}
.ind_floor3 .titleSwiper .swiper-slide .item{flex-direction:column;justify-content:center;align-items:center;}
}

.ind_floor4{position: relative; z-index: 10}
.ind_floor4 .item_part{padding-top: 4%}
.ind_floor4 .swiper-pagination-bullet{margin: 0 2vw!important; width: auto; height: auto; border: none; border-radius:initial; transform:none; background: none}
.ind_floor4 .swiper-pagination-bullet h4{padding: 0; margin: 0;line-height: 2; font-weight: 400}
.ind_floor4 .swiper-pagination-bullet-active h4{color: rgba(var(--rgb-main-color)); border-bottom: solid 4px rgba(var(--rgb-main-color))}
.ind_floor4 .mySwiper{margin-top: 4%}
.ind_floor4 .listHot {position: relative}
.ind_floor4 .listHot li{width:100%; position: relative}
.ind_floor4 .listHot li a{position: relative}
.ind_floor4 .listHot li figure.pic {padding-bottom:34.923%; border-radius: 10px}
.ind_floor4 .listHot .info{color: #fff; position: absolute; top: 0; z-index: 10; width: 100%; height: 100%;; align-content: space-between; padding:5%; line-height: 2}
.ind_floor4 .listHot .logo{width: 100%} 
.ind_floor4 .listHot .logo img{height: .4rem;/*filter: brightness(0) invert(1);*/}
.ind_floor4 .listHot .txt{width: 100%}
.ind_floor4 .listHot .label{ width: 100%; font-weight: 400;display: flex; justify-content:end}
.ind_floor4 .listHot .label span{display: flex; align-items: center;}
.ind_floor4 .listHot .label span:before{content: '';flex: auto; height: 1px; margin-right: .1rem; width: .9rem; background:rgba(255,255,255,0.14);}
.ind_floor4 .listHot li:nth-child(1) figure.pic {padding-bottom:73.018%;}
.ind_floor4 .listHot li:nth-child(1) .info{ padding:9%;}
.ind_floor4 .listHot li:nth-child(1) .info h4{font-size: .24rem;  -webkit-line-clamp: 2;}
.ind_floor4 .listHot li:nth-child(1) .info p{ -webkit-line-clamp: 2;}
.ind_floor4 .list{margin: 0 -.32rem; padding: 2% 0}
.ind_floor4 .list figure img{height: .6rem}
.ind_floor4 .have_more_logo{height: auto!important}

.ind_floor4 .outside:not(.swiper-slide-active){height: 0!important}
.ind_floor4 .customLogo .swiper-slide{width:1.6rem;display:inline-block; vertical-align: top;}
.ind_floor4 .customLogo .swiper-slide a{height:1.38rem;display:flex;align-items:center;justify-content:center}
.ind_floor4 .customLogo .swiper-wrapper{transition-timing-function: linear!important;}
.ind_floor4 .customLogo img{ /*filter: grayscale(100%); opacity:0.4;*/ transition:0.3s;max-height:60%;max-width:80%;}
.ind_floor4 .customLogo a:hover img{ /*filter: grayscale(0);opacity:1*/}

.ind_floor4 .AllCustomLogo .Group{padding:30px 0 20px;}
.ind_floor4 .AllCustomLogo .item{width:2.14rem;  padding:.1rem;display:inline-block; vertical-align: top;}
.ind_floor4 .AllCustomLogo .item a{width: 95%; margin: auto; height:0.9rem;display:flex;align-items:center;justify-content:center; box-shadow: 0 0.05rem 0.1rem rgba(108, 124, 147, 0.13);}
.ind_floor4 .AllCustomLogo .item img{transition:0.3s;max-height:60%;max-width:80%;}
.ind_floor4 .AllCustomLogo .all-more-full{margin-top: 2%}

.mySwiper-logo{position:relative;z-index:1;overflow:hidden}
.mySwiper-logo .box-item:not(.show){position:absolute;left:0;width:100%;opacity:0; bottom:100%;}

@media(min-width:1024px){
.ind_floor4 .listHot li{width:49.219%;}
.ind_floor4 .listHot li:nth-child(3){position: absolute; right: 0; bottom: 0}
.ind_floor4 .listHot li:nth-child(3) ~ li{display: none}
}
@media(max-width:1024px){
.ind_floor4 .listHot li:not(:last-child){margin-bottom: 4%}
}

.ind_floor5{position: relative;padding:0!important}
.ind_floor5 .swiper-slide{width:3rem; height: auto;padding:45px 10px;display:inline-block; vertical-align:top;}
/* .ind_floor5 .swiper-wrapper{transition-timing-function: linear!important;} */
.ind_floor5 .item{display: block; height: 100%; box-shadow: 0 0.1rem 0.45rem 0.05rem rgba(0, 77, 181, 0.06);border-radius: 10px;background: #fff; margin: auto; position: relative; transition: 0.5s; padding: .30rem}
.ind_floor5 figure{margin-right: .14rem; width:.82rem; padding-bottom:.82rem;background: #f5f9fe; border-radius: 100%}
.ind_floor5 figure img{object-fit: contain;-o-object-fit: contain; mix-blend-mode: multiply;}
.ind_floor5 .txt {width: 100%; color: rgb(var(--rgb-555));line-height: 1.75;margin-top: .2rem;white-space:normal; min-height:calc(1.75 * 3em)}
.ind_floor5 .item:hover{box-shadow:inset 0 0 0 3px rgba(var(--rgb-main-color))}
.ind_floor5 .item:hover h4{color:rgba(var(--rgb-main-color));}
/* @media(min-width:1024px){
.ind_floor5 .auto{max-width: inherit; width: 100%}
} */
/*.ind_floor5 .item_part{overflow: hidden}
.ind_floor5 .scrolling{display:flex;flex-wrap:nowrap;animation:scroll 10s linear infinite}
.ind_floor5 .scrolling:hover{animation-play-state:paused}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(-50%)}
}*/
.scroll_div{ overflow-x: hidden;display:flex;}
.scroll_begin,
.scroll_end {display:flex;}

.ind_floor6 {}
.ind_floor6 .box{padding-bottom: 3%}
.ind_floor6 .tabTitle{width: 65%}
.ind_floor6 .tabTitle li a{display: inline-block; cursor: pointer; line-height: 2}
.ind_floor6 .tabTitle li.show a{color: rgba(var(--rgb-main-color)); border-bottom: solid 4px rgba(var(--rgb-main-color))}
.ind_floor6 .tabTitle li:not(:last-child){margin-right: 4vw}
.ind_floor6 .other a{display: inline-block}
.ind_floor6 .other .hide{display: none}
.ind_floor6 .group time{color: rgb(var(--rgb-555));}
.ind_floor6 .listHot{width:47.657%;}
.ind_floor6 .listHot figure{padding-bottom:56.558%;border-radius:10px}
.ind_floor6 .listHot .txt{padding-top: .4rem}
.ind_floor6 .listHot h4{line-height: 1.5}
.ind_floor6 .listHot time{display: block; margin-top: .1rem; margin-bottom: .1rem}
.ind_floor6 .list{width:47.657%;}
.ind_floor6 .list ul{border-top: solid 1px rgba(0,0,0,0.3)}
.ind_floor6 .list li{line-height:1.75;padding: .2rem 0; border-bottom: solid 1px rgba(0,0,0,0.3)}
.ind_floor6 .list h4{flex: 1; padding-left:7%}
@media(min-width:1024px){
.ind_floor6 .public_column{text-align: left}
}
@media(max-width:1024px){
.ind_floor6 .public_column{width: 100%}
.ind_floor6 .tabTitle{width: 100%}
}
@media(max-width:1024px){
.ind_floor6 .listHot,
.ind_floor6 .list{width:100%;}
.ind_floor6 .listHot{padding-bottom: 4%}
.ind_floor6 .listHot .txt{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ind_floor6 .listHot h4{width: 100%}
}

.ind_floor7{padding-bottom:5%!important; background:#f9fafb;}

.hide{height: 0; overflow: hidden}

/*index end*/

.follow-us{margin:0.34rem 0;}
.follow-us li{position:relative;z-index:20;}
.follow-us li:not(:last-child){margin-right:0.24rem;}
.follow-us li i{cursor:pointer;display:block; transition:0.3s;border: solid 1px #d0d0d0;width: .4rem;height: .4rem;border-radius: 50%;display:flex;align-items:center;justify-content:center;}

.follow-us li i:before{display:block;width:60%;height:60%;content:'';background:no-repeat center center;background-size:contain;}
.follow-us li i.icon-sph:before{background-image:url(../images/fu-sph.svg);}
.follow-us li i.icon-douyin:before{background-image:url(../images/fu-douyin.svg);}
.follow-us li i.icon-csdn:before{background-image:url(../images/fu-csdn.svg);}
.follow-us li:hover i.icon-sph:before{background-image:url(../images/fu-sph-on.svg);}
.follow-us li:hover i.icon-douyin:before{background-image:url(../images/fu-douyin-on.svg);}
.follow-us li:hover i.icon-csdn:before{background-image:url(../images/fu-csdn-on.svg);}
.follow-us li:hover i{border-color:var(--hover-color);background-color:var(--hover-color);}
.follow-us li .code{position:absolute; display:none;left:50%;transform:translateX(-50%);width:1.2rem;background-color:#fff;padding:0.05rem; bottom:calc(100% + 0.1rem);z-index:50;}
@media(max-width:768px){
.follow-us ul{justify-content:center;}
.follow-us li i{width: .6rem;height: .6rem;}
}

.body_nonav .second-nav{border-bottom: none}
.body_nonav .second-nav .auto{justify-content: flex-end; line-height: .6rem}
.body_nonav .second-nav .auto ul{display: none}
.body_nonav .second-nav .location{  line-height: 0.6rem;} 

.jobs_item .list{padding-top: 3%}
.jobs_item .item{border-radius: 0.1rem; box-shadow: var(--box-shadow); background: #fff; line-height: 2}
.jobs_item .item:not(:last-child){margin-bottom:.2rem}
.jobs_item .title{padding: .2rem .5rem;cursor: pointer; position: relative}
.jobs_item .title span:not(.name){width: 19%;font-weight: 100}
.jobs_item .title span.name{width: 40%;font-weight: 500;}
.jobs_item .title:after{content: '';position: absolute;top: 0; bottom: 0; right: .5rem; margin: auto; width: 11px; height: 11px; background: url(../images/language_jt.svg) no-repeat center center; transition: 0.5s}
.jobs_item .title:not(.show):after{transform: rotate(-90deg)}
.jobs_item .content{padding:.2rem .5rem;display: none; border-top: solid 1px #e5e5e5}
.jobs_item .info{padding: 2% 0}
.jobs_item .txt{font-weight: 100}
@media(max-width:768px){
.jobs_item .title{padding:.2rem;}
.jobs_item .title span.name{width:100%;}
.jobs_item .title span:not(.name){width: 32%}
.jobs_item .content{padding:.2rem;}
}


.many-nav .second-nav ul{flex-wrap: wrap}
.many-nav .second-nav .auto ul li{margin-right: 3vw}
@media(max-width:1024px){
    .second-nav .auto {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
}
.many-nav .second-nav .location{order: -1; width: 100%}
.many-nav .second-nav ul{width:100%;}
}

.hzkh_logo ul{margin-left: -.1rem; margin-right: -.1rem; padding-bottom:4%}
.hzkh_logo li{width:20%;padding: .1rem}
.hzkh_logo li a{display: block;background: #fff; border-radius: 0.1rem; box-shadow: var(--box-shadow); background: #fff;transition: 0.5s; position: relative}
.hzkh_logo li .pic{padding: 5%}
.hzkh_logo li .pic figure{padding-bottom: 66.67%;}
.hzkh_logo li .pic img{object-position: center;width: auto; height: auto; max-height: 100%}
.hzkh_logo li .txt{position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 3%; top: 0; opacity: 0;background: rgba(var(--rgb-main-color),0.5); transition: 0.5s; z-index: 10;border-radius: 0.1rem; color: #fff}
.hzkh_logo li:hover .txt{opacity: 1}
.hzkh_logo li:hover a{transform: translateY(-10px)}
@media(max-width:1200px){
.hzkh_logo li{width:25%;}
}
@media(max-width:1024px){
.hzkh_logo li{width:33.333%;}
}
@media(max-width:640px){
.hzkh_logo li{width:50%;}
}


.cssj-list{padding-top: 4%}

/*20280818*/
.img-figure figure{padding-top: 3%}

.same_data .item_part{padding-top:3%}
.same_data .item{padding: .3rem; box-shadow: var(--box-shadow); border-radius: .1rem; background: #fff; transition: 0.5s}
.same_data .icon{width: .42rem; height: .42rem;margin-bottom: .4rem}
.same_data .num{font-size: calc(52/1920*100vw); font-weight: 400; color:rgba(var(--rgb-main-color))}
.same_data h4{margin: .1rem 0}
.same_data p{line-height: 2}
.same_data .icon_many{padding-top: .4rem}
.same_data .icon_many span{background:  rgba(var(--rgb-main-color),.05); width: .6rem; height: .6rem; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.same_data .icon_many span img{max-width: .3rem}
.same_data .data {padding-top: .3rem}
.same_data .data dl{line-height: .28rem}
.same_data .data dd{color:rgba(var(--rgb-main-color))}
.same_data .rows3 .item{width: calc(33.333% - .25rem); margin: .125rem}
.same_data .rows4 .item{width: calc(25% - .1rem); margin: .05rem}
.same_data .item:hover{transform: translateY(-0.05rem);}

@media(max-width:1024px){
.same_data .rows4 .item{width: calc(50% - .25rem);margin: .125rem}
.same_data .num{font-size: calc(52/1024*100vw);}
}
@media(max-width:768px){
.same_data .rows3 .item,
.same_data .rows4 .item{width: calc(50% - .25rem);margin: .125rem}
}
@media(max-width:520px){
.same_data .rows3 .item,
.same_data .rows4 .item{width:100%;margin:.2rem 0}
}

.same_data_pictxt .item_part{padding: 4% 0}
.same_data_pictxt .item_part .img{width: 50%;}
.same_data_pictxt .item_part .img img{width: 100%; border-radius: .2rem;box-shadow: var(--box-shadow);}
.same_data_pictxt .item_part:nth-child(even) .txt{order: -1}
.same_data_pictxt .item_part .txt{line-height: 2; width: 45%}
.same_data_pictxt .item_part .icon{margin-bottom: .5rem; width: .8rem; height: .8rem; display: flex; justify-content: center; align-items: center;background: #f5f9fe; border-radius: 100%;}
.same_data_pictxt .item_part .icon img{max-width: 50%}
.same_data_pictxt .item_part .info p{margin: .1rem 0}
.same_data_pictxt .item_part .details{color: #555}
/*
.same_data_pictxt .item_part .details ul li{padding-left: 25px;line-height:2; background: url("../images/li_icon.svg") no-repeat left}
*/
.same_data_pictxt .item_part .data dl{background: #f5f9fe;width: 48%; margin: 1%; padding: .25rem; border-radius: .1rem;} 
.same_data_pictxt .item_part .data dl dt{font-weight: 400; line-height: 1; color:rgba(var(--rgb-main-color))}
.same_data_pictxt .first li{flex: 1; text-align: center}
.same_data_pictxt .first li .icon{width:1rem; height:1rem;margin: auto; position: relative}
.same_data_pictxt .first li .desc h4{padding: .2rem 0}
.same_data_pictxt .first li:not(:last-child){margin-right: 10%;}
.same_data_pictxt .first li:not(:last-child) .icon:after{content: '';position: absolute; width: 40%;height: 3px;background: rgba(var(--rgb-main-color)); border-radius: 10px; left:280%; top: 0; bottom: 0; margin: auto}
@media(max-width:1024px){
.same_data_pictxt .item_part .img,
.same_data_pictxt .item_part .txt{width:100%;}
.same_data_pictxt .item_part .txt{order: -1; padding-bottom: 3%}
.same_data_pictxt .item_part .info figure{margin-bottom: .2rem}
.same_data_pictxt .first li:not(:last-child) .icon:after{left: 180%}
}
@media(max-width:640px){
.same_data_pictxt .first li:not(:last-child) .icon:after{left: 150%}
}

.case_data .item_part{padding-top:3%}

.case_data .list:after{content: '';}
.case_data .list:after,
.case_data .item{width: 31.25%}
.case_data .item{padding: .3rem; box-shadow: var(--box-shadow); border-radius: .1rem; background: #fff; transition: 0.5s; line-height:1.715;position:relative}
.case_data .item .link{position: absolute; width: 100%; height: 100%; left:0; top:0}
.case_data .item .pic{background: #f5f9fe; width: .6rem; height: .6rem; border-radius: 100%; margin-right: .1rem}
.case_data .item .pic figure{max-width:70%; max-height:70%}
.case_data .item .txt{flex: 1}
.case_data .item .txt h4{margin-bottom: .1rem}
.case_data .item .txt span{position: relative; display: inline-block}
.case_data .item .txt span em{font-style: normal;padding: .1rem .2rem;position: relative; z-index: 2}
.case_data .item .txt span i{position: absolute; width: 100%; height: 100%; border-radius: 30px; opacity: 0.1}
.case_data .item .desc{padding: .2rem 0}
.case_data .item .data{}
.case_data .item .data dt{color:rgba(var(--rgb-main-color))}
.case_data .item:hover{transform: translateY(-0.05rem);}
@media(min-width:1024px){
.case_data .item:nth-child(3)~.item{margin-top: 3.125%}
}
@media(min-width:640px) and (max-width:1024px){
.case_data .item:nth-child(2)~.item{margin-top: 3%}
.case_data .list:after{display: none}
.case_data .item{width:48.5%}
}
@media(max-width:640px){
.case_data .item{width:100%; margin-top: 4%}
.case_data .item .pic{width:1.3rem; height:1.3rem; }
}

.jsjg_img_list{margin-top:5%; box-shadow: var(--box-shadow); border-radius: .1rem; background: #fff; padding:2%}
.jsjg_img_list .figure{text-align: center}
.jsjg_img_list ul{padding-top: 2%}
.jsjg_img_list ul li{flex: auto; padding:1%; text-align: center}
.jsjg_img_list ul li .icon{background: #f5f9fe; width: 57px; height: 57px;margin: auto; border-radius: 100%}
.jsjg_img_list ul li .icon img{max-width: 80%; max-height: 80%;}
.jsjg_img_list ul li h4{margin: .1rem 0}
@media(max-width:1200px){
.jsjg_img_list ul li{width: 33.333%;padding:2%;}
}
@media(max-width:640px){
.jsjg_img_list ul li{width: 50%}
}
/*20280818 end*/