@charset "utf-8";
*{
	-webkit-text-size-adjust: 100%;
	/* 设置webkit内核下文字大小不小于12px */
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	/* 设置点击链接时遮罩层为全透明 */
	-webkit-overflow-scrolling: touch;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin: 0;
	padding: 0;
	/* font-family:-apple-system,Times New Roman,Arial,Microsoft YaHei,PingFang SC,"Yu Gothic Medium","Yu Gothic UI", "游ゴシック", "Meiryo UI", "メイリオ", sans-serif; */
	list-style: none;
	line-height: 1.2;
	transition-property: color, border-color,background-color;
    transition-duration:0.3s;
    transition-timing-function:linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	/* text-size-adjust: none;
	-webkit-text-size-adjust: none; */
}

/* 定义英文字体 (仅应用于A-Z, a-z) */
@font-face {
  font-family: 'EnglishFont';
  src: url('../fonts/FZLTHJW.TTF') format('truetype'); /* 使用系统英文字体 */
  unicode-range: U+0020-007E, U+2000-206F, U+2E00-2E7F; /* 英文+数字+标点 */
}

/* 定义中文字体 (仅应用于汉字) */
@font-face {
  font-family: 'ChineseFont';
  src: local('PingFang SC'), local('Microsoft YaHei'); /* 使用系统中文字体 */
  unicode-range: U+3000-303F, U+31C0-31EF, U+3200-32FF, U+3300-33FF, 
               U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+20000-2EBEF; /* 汉字 */
}

/* 应用字体栈 */
body {
  font-family: 'EnglishFont', 'ChineseFont', sans-serif;
}


input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;
}
input,button,select,
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}
p{
	line-height: inherit;
	font-size: inherit;
}
a {
	color: #192B50;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: 400;
}
img {
	border: 0;
}
textarea,
select,
option,
input {
	outline: none;
}
textarea{
    resize:none;
}
h1,h2,h3{font-weight: normal;}

html {scroll-behavior: smooth;overscroll-behavior: none; }
body{
	font-size: 16px;
	color: #192B50;
	background-color: #ffffff;
}
.clearBoth,
.clearboth {
	clear: both;
}
.bordernone {
	border: none!important;
}

.centerBox{
	margin:0 auto;
	width:75%;
	max-width: 1440px;
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}

.hidden{overflow: hidden;position: fixed;height: 100%;width: 100%;}

/* ----------------------------------------------------------------------------- */

::-webkit-scrollbar {
  width: 4px; /* 垂直滚动条宽度 */
  height: 4px; /* 水平滚动条高度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: transparent; 
  border-radius: 6px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #cfcfcf80;
  border-radius: 2px;
}
/* 滚动条滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #2054CF;
}

/* 目录 */
.dirSelector{background-color: #ffffff;}
.dirSelector .dir{}
.dirSelector .catalog{font-size: 14px;border-left: 1px solid #eeeeee; line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dirSelector .catalog+.catalog{margin-top: 5px;}
.dirSelector .catalog.catalog-active{color: #2054CF;border-left: 1px solid #2054CF;}
.dirSelector .catalog.catalog-active a{ color: #2054CF;}
.dirSelector .catalog:hover{background-color: #eee;}

/* 分页 */
.page{text-align: center;padding: 40px 0;margin-top: 40px;}

/* ----------------------------------------------------------------------------------- */

/*头*/
.header{padding: 20px 4%;position: fixed;z-index: 9;left: 0%;top: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .logo{height: 30px;}
.header .logo img{display: block;height: 100%;}
.header .menu{margin-right:auto;margin-left:2vw;}
.header .menu li{float: left;}
.header .menu li+li{margin-left:2vw;}
.header .menu li .first{display: block;font-size: clamp(16px,1vw,20px);line-height: 40px;font-weight: 400;position: relative;z-index: 1;color: #FFFFFF;}
.header .menu li .first:after{content: '';display: block;width: 0%;height: 2px;border-radius: 2px; background: #ffffff80;position: absolute;left: 23%;bottom: 0;transition: all .3s;}
.header .menu li:hover .first:after,
.header .menu li .first.on:after{width: 40%;transition: all .3s;}
.header .menu li .first img{display: inline-block;height: 6px;margin: -4px 0 0 5px;vertical-align: middle;transition: all .3s;}
.header .menu li:hover .first img{transform: rotate(-180deg);transition: all .3s;}
.header .menu li .second{z-index: 3; display: none; position: fixed; left: 0;bottom: 0; width: 100%;height:calc(100% - 80px);background: rgba(0, 0, 0,.5);}
.header .menu li .second .center{max-height: 100%;padding: 20px;border-top: 1px dashed #005DFF;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start; background: linear-gradient( 180deg, #FFFFFF 0%, #E1EAF8 100%);}
.header .menu li .second .center .left{padding: 20px 40px 20px 20px;width: 340px;}
.header .menu li .second .center .left .tit{color: #2054CF;font-weight: bold;font-size:clamp(20px,1.875vw,36px);line-height: 1.38;}
.header .menu li .second .center .left .en{color: #2054CF;font-weight: bold;font-size:clamp(16px,1.2vw,24px);line-height: 1.5;}
.header .menu li .second .center .left .des{color: #2C304B;font-size:clamp(14px,0.93vw,18px);margin-top: 30px;line-height: 1.5;}
.header .menu li .second .center .left .btns{margin-top: 40px;}
.header .menu li .second .center .left .li{display: block;width: 160px;text-align: center; line-height: 38px;border-radius: 20px;background: #FFFFFF;box-shadow: 0px 0px 6px 1px #E8EEFE;border: 1px solid #E8EEFE;}
.header .menu li .second .center .left .li span{display: inline-block;width: 20px;height: 20px;border-radius: 100%;margin: -4px 15px 0 0; vertical-align: middle;border: 2px solid #2054CF;}
.header .menu li .second .center .left .li img{display: inline-block;width: 24px;height: 24px;border-radius: 100%;margin: -4px 0 0 12px; vertical-align: middle;}
.header .menu li .second .center .left .li+.li{color: #2054CF;margin-top: 25px;}
.header .menu li .second .center .left .li:hover{background: #2054CF;color: #ffffff;}
.header .menu li .second .center .left .li:hover span{border: 2px solid #ffffff;}
.header .menu li .second .center .left .li:hover img{animation: swing 1.5s infinite;}
.header .menu li .second .center .right{position: relative; flex: 1;max-height: calc(100% - 100px);padding: 30px 0 30px 30px;box-shadow: 0px 0px 6px 1px rgba(176,197,253,0.8);border-radius: 8px;background: #FFFFFF;}
.header .menu li .second .center .right .close{position: absolute;right: 15px;top: 15px;cursor: pointer;}
.header .menu li .second .center .right .close img{display: block;width: 20px;}
.header .menu li .second .center .right .close:hover img{filter: brightness(50%)}
.maxBox{overflow: scroll;padding: 6px 30px 6px 6px;}
.header .menu li .second .center .right .line{}
.header .menu li .second .center .right .line+.line{margin-top: 40px;}
.header .menu li .second .center .right .line .tit{display: block; font-size: clamp(16px,1.25vw,24px);font-weight: bold;color: #2C304B;margin-bottom: 25px;}
.header .menu li .second .center .right .tit.type:hover{color: #2054CF;}
.header .menu li .second .center .right .tit img{display: inline-block;vertical-align: middle;margin: -4px 20px 0 0; height: 1.2vw;border-radius: 100%;box-shadow: 0px 0px 6px 1px rgba(34,79,185,0.3);}
.header .menu li .second .center .right .tit .aa{box-shadow: none;border-radius: 0;margin: -4px 0 0 10px;}
.header .menu li .second .center .right .line .link{display: flex;flex-wrap: wrap;gap: 1vw 2vw;}
.header .menu li .second .center .right .link .to{flex: 0 0 calc(94px * 4 - 12px * 2); flex-basis: calc(94px * 4 - 12px * 2);
	border-radius: 4px;background: linear-gradient( 90deg, #F1F8FD 0%, rgba(236,247,255,0.45) 70%, rgba(238,244,253,0) 100%);}
.header .menu li .second .center .right .link .to .second-one{font-size: clamp(14px,0.93vw,18px);display: block;width: 100% ;padding: 0 1vw; line-height: 3vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: 500;}
.header .menu li .second .center .right .link .to:hover .second-one,
.header .menu li .second .center .right .link .to .second-two a:hover{background: linear-gradient( 90deg, #c2d4ff 0%, rgba(236,247,255,0.45) 70%, rgba(238,244,253,0) 100%);}
.header .menu li .second .center .right .link .to:hover .second-two{transform: scale(1); transition: all .3s;top: 100%;opacity: 1;}
.header .menu li .second .center .right .link .to .second-two{box-shadow: 2px 2px 10px #00000029;border-radius: 6px;transform: scale(0); transition: all .3s; z-index: 1;width:100%; position: absolute;top: -100%;opacity: 0;left:0;background: linear-gradient( 90deg, #F1F8FD 0%, rgba(236,247,255,1) 70%, rgba(238,244,253,1) 100%);}
.header .menu li .second .center .right .link .to .second-two a{font-size: clamp(12px,0.83vw,16px);display: block; line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: 500;padding: 0 30px;border-top:1px dashed #dddddd;}
.header .menu li .second .center .right .link .to span{display: block;width: 1vw;height: 1vw;border-radius: 100%;position: absolute;top: 1vw;right: 0; border: 2px solid #ffffff;}
.header .menu li .second .center .right .link .to:hover{color: #2054CF;}
.header .menu li .second .center .right .link .to:hover span{border: 2px solid #2054CF;}
.header .menu li .second .center .right .line .lists{display: flex;gap: 20px;flex-wrap: wrap;}
.header .menu li .second .center .right .lists .li{display: block;width: calc((100% - 60px) / 4);}
.header .menu li .second .center .right .lists .img{border-radius: 8px;overflow: hidden; box-shadow: 0px 0px 6px 1px rgba(176,197,253,0.8);}
.header .menu li .second .center .right .lists .img img{display: block;width: 100%;transition: all .3s;}
.header .menu li .second .center .right .lists .tt{color: #2C304B;font-weight: bold;margin-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header .menu li .second .center .right .lists .dd{font-size: 14px;color: #2C304B;line-height: 1.5;margin-top: 10px;
	height: 42px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.header .menu li .second .center .right .lists .more{margin-top: 20px;}
.header .menu li .second .center .right .lists .more img{height: 14px;display: block;}
.header .menu li .second .center .right .lists .li:hover .img img{transform: scale(1.1);transition: all .3s;}
.header .menu li .second .center .right .lists .li:hover .tt{color: #2054CF;}
.header .menu li .second .center .right .lists .li:hover .more img{animation: fadeInLeft 1.5s infinite;}

.header .other{display: flex;gap: 2vw;}
.header .other .link{display: block;font-size: clamp(16px,1vw,20px);line-height: 40px;font-weight: 400;color: #FFFFFF;}
.search{cursor: pointer;align-self: center;display: flex;align-items: center;}
.search .img{display: block;height: 16px;}
.search .center{display: flex;border-radius: 4px;width: 0;transition: all .3s;}
.search .center.on{width: 240px;border: 1px solid #ffffff;transition: all .3s;margin-right: 1vw;}
.search .center .txt{width: 0;height: 38px;line-height: 38px;padding: 0 10px;color: #FFFFFF;}
.search .center.on .txt{width: calc(100% - 36px);}
.search .center .sub{width: 0;height: 38px;background: url(../img/search.png) no-repeat center / 16px;cursor: pointer;}
.search .center.on .sub{width: 38px;}
.language{cursor: pointer;position: relative;align-self: center;line-height: 40px;}
.language span{display: inline-block;color: #FFFFFF;font-size: 18px;line-height: inherit;}
.language img{display: inline-block;height: 6px;vertical-align: middle;margin-top: -4px;transition: all .3s;}
.language:hover img{transform: rotate(-180deg);transition: all .3s;}
.language .choose{z-index: 1; padding:4px;border-radius: 8px; position: absolute;left: 50%;top: 100%;transform: translateX(-50%);border: 1px solid #ECECEE;background: #FFFFFF20;display: none;}
.language .choose .li{display: block;line-height: 30px;border-radius: 4px;white-space: nowrap;color: #ffffff;font-size: 14px;text-align: center;width: 80px;}
.language .choose .li:hover{background: rgba(41, 86, 255, 0.5);}
.language:hover .choose{display: block;}
.phone_number{font-size: 16px;color: #FFFFFF;line-height: 38px;font-weight: 300;padding: 0 15px;border-radius: 4px 4px 4px 4px;border: 1px solid #FFFFFF;}
.phone_number:hover{background: #2054CFcc;}
.phone_number img{display: inline-block;vertical-align: middle;margin: -4px 5px 0 0;height: 16px;}
.header.active .phone_number img,
.header.up .phone_number img,
.header:hover .phone_number img{filter: brightness(30%) contrast(110%) saturate(150%) hue-rotate(200deg) sepia(20%);}
.header .phone_number:hover img{filter: none;}


.header.vanish{display: none;background:#ffffff;/* backdrop-filter: blur(5px);  -webkit-backdrop-filter: blur(5px);background: rgba(255, 255, 255, 0.1); */}
.header:hover,
.header.active{background:#ffffff;}
.header:hover .menu li .first,
.header:hover .other .link,
.header:hover .language span,
.header.active .menu li .first,
.header.active .other .link,
.header.active .language span{color: #192B50;}
.header:hover .menu li:hover .first,
.header:hover .menu li .first.on,
.header.active .menu li:hover .first,
.header.active .menu li .first.on{color: #0C59CC;}
.header:hover .phone_number,
.header.active .phone_number{border: 1px solid #002266;color: #002266;}
.header:hover .phone_number:hover,
.header.active .phone_number:hover{color: #ffffff;background: #2054CF;}
.header:hover .search .center.on,
.header.active .search .center.on{border: 1px solid #002266;}
.header:hover .search .center .sub,
.header.active .search .center .sub{background: url(../img/search1.png) no-repeat center / 16px;}
.header:hover .search .center .txt,
.header.active .search .center .txt{color: #192B50;}
.header:hover .language .choose,
.header.active .language .choose{background: #ffffff;}
.header:hover .language .choose .li,
.header.active .language .choose .li{color: #002266;}
.header:hover .logo img,
.header:hover .language img,
.header:hover .search .img,
.header:hover .menu li .first img,
.header.active .logo img,
.header.active .language img,
.header.active .search .img,
.header.active .menu li .first img{
	filter: 
    brightness(30%)
    contrast(110%)
    saturate(150%)
    hue-rotate(200deg)
    sepia(20%);
}
.upBlank{height: 100px;}
.header.up{background:#ffffff;position: static;}
.header.up .menu li .first,
.header.up .other .link,
.header.up .language span{color: #192B50;}
.header.up .menu li:hover .first,
.header.up .menu li .first.on{color: #0C59CC;}
.header.up .phone_number{border: 1px solid #002266;color: #002266;}
.header.up .phone_number:hover{color: #ffffff;background: #2054CF;}
.header.up .search .center.on{border: 1px solid #002266;}
.header.up .search .center .sub{background: url(../img/search1.png) no-repeat center / 16px;}
.header.up .search .center .txt{color: #192B50;}
.header.up .language .choose{background: #ffffff;}
.header.up .language .choose .li{color: #002266;}
.header.up .logo img,
.header.up .language img,
.header.up .search .img,
.header.up .menu li .first img{
	filter: 
    brightness(30%)
    contrast(110%)
    saturate(150%)
    hue-rotate(200deg)
    sepia(20%);
}

.header.locate{position: absolute;border-bottom: 1px dashed #FFFFFF;}

/*尾*/
footer{background: linear-gradient( 180deg, #FFFFFF 0%, #EEF4FD 100%);padding: 4% 0 0;}
footer .top{display: flex;justify-content: space-between;padding-bottom: 20px;}
footer .top .left{margin-right: 10%;}
footer .top .left .logo img{display: block;max-height: 70px;max-width: 200px;}
footer .top .left .other{color: #2C304B;font-size: 14px;line-height: 1.5;margin-top: 40px;}
footer .top .left .other a:hover{color: #0C59CC;}
footer .top .left .other .li{margin-top: 15px;display: block;}
footer .top .left .code{display: flex;margin-top: 30px;}
footer .top .left .code img{display: block;max-width: 90px;height: 90px;border-radius: 10px;box-shadow: 0px 0px 6px 1px rgba(34,79,185,0.16);}
footer .top .left .code img+img{margin-left: 10px;}
footer .top .right{flex: 1;display: flex;justify-content: space-between;}
footer .top .right .li b{font-size: 18px;display: block;margin-bottom: 20px;color: #2C304B;}
footer .top .right .li a{color: #2C304B;font-size: 14px;line-height: 1.5;display: block;margin-top: 10px;}
footer .top .right .li a:hover{color: #0C59CC;}
footer .bottom{border-top: 1px dashed #C8C8C9;}
.shareBox{position: absolute;right: 0;bottom: calc(100% + 20px); text-align: right;}
.shareBox .icon{display: inline-block;position: relative;cursor: pointer;}
.shareBox .icon+.icon{margin-left: 15px;}
.shareBox .icon .img1{display: block;height: 20px;}
.shareBox .icon .img2{display: block;width: 80px;position: absolute;bottom: 30px;left: 50%;z-index: 1;ransform: translateX(-50%) scale(0);visibility: hidden;opacity: 0;transition: all .3s;}
.shareBox .icon:hover .img2{transform: translateX(-50%) scale(1);visibility: visible;opacity: 1;transition: all .3s;}
footer .bottom .other{display: flex;justify-content: space-between;gap: 20px; text-align: center;color: #2C304B;font-size: 16px;line-height: 1.5;padding: 20px 0;}
footer .bottom .other a:hover{color: #0C59CC;}
footer .bottom .other p{display: inline-block;}
footer .other .left{font-size: 14px;color: #2C304B;line-height: 1.5;}
footer .other .right{font-size: 14px;color: #2C304B;line-height: 1.5;white-space: nowrap;}

/* 留资表单 */
#leave .form{width: 30%;max-width:440px; display: block;}
.retention{position: fixed;width: 100%;height: 100%;top:0%;left:0%;z-index: 9;background-color: rgba(0, 0, 0,.4);display:none;}
.retention .form{display: flex; width: 65%;max-width: 1000px; top:50%;left:50%;transform: translate(-50%,-50%);background: #E9EEF4;box-shadow: 0px 0px 10px 1px rgba(86,141,197,0.43);border-radius: 18px;overflow: hidden;}
.retention .form .top{text-align: center;z-index: 1;color: #2C304B;background: #FFFFFF;box-shadow: 0px 2px 6px 1px rgba(194,194,194,0.47);padding:15px 20px;}
.retention .form .top .tit{font-weight: bold;line-height:24px;margin-bottom:10px;position: relative;font-size: clamp(16px,1vw,20px);}
.retention .form .top .tit img{display: block;height:24px;position: absolute;right:0;top:0;cursor: pointer;}
.retention .form .top .des{line-height: 1.5;font-size: clamp(14px,0.83vw,16px);}
.retention .form .bottom{border-radius: 16px;background: #FFFFFF80;margin:20px;padding:20px;z-index: 1;
display: flex;justify-content: space-between;flex-wrap: wrap;}
.retention .form .bottom .line{width: 100%;margin-bottom: 10px;}
.retention .form .bottom .half{width: 49%;}
.retention .form .bottom label{color: #32373E;line-height: 30px; display: block;font-size: clamp(14px,0.83vw,16px);}
.retention .form .bottom label span{color: #C30D23;}
.retention .form .bottom .inp{border-radius: 10px;background: #ffffff;border: 1px solid #e2e2e2;height: 38px;padding:5px 10px;}
.retention .form .bottom .sel{border-radius: 10px;background: #ffffff;border: 1px solid #e2e2e2;height: 38px;padding:5px 10px;}
.retention .form .bottom .txt{border-radius: 10px;background: #ffffff;border: 1px solid #e2e2e2;height: 110px;padding:5px 10px;line-height:20px;display: block;}
.retention .form .bottom .btn{border-radius: 10px;background: #0C59CC;height: 40px;color: #FFFFFF;font-size: 16px;cursor: pointer;font-size: clamp(14px,0.83vw,16px);}
.retention .form .bottom .btn:hover{background: #ffae57;}
.retention .form .bottom input:focus,
.retention .form .bottom select:focus,
.retention .form .bottom textarea:focus{border: 1px solid #ffae57;}
.retention .form .img{position: absolute;width: 100%;bottom: 0;left: 0;opacity: 0.5;}
.retention .form .img img{display: block;width: 100%;}
.flexBox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;}
.retention .form .left-txt{width: 52%;}
.retention .form .left-txt .aa{line-height: 2;}
.retention .form .left-txt .bb{line-height: 2;margin-bottom: 1vw;font-size: clamp(14px,0.83vw,16px);}
.retention .form .left-txt .cc{}
.retention .form .right-img{width: 42%;}
.retention .form .right-img img{display: block;width: 100%;border-radius: 8px;}
.retention .form .center{flex:1;}
.retention .form .sbimg{width: 35%;}
.retention .form .sbimg img{display: block;width:100%;height: 100%;}



/* 浮窗 */
.floating.on{transition: all 1s;visibility: visible;opacity: 1;transform: scale(1);}
.floating{position: fixed;z-index: 9;right: 5px;bottom:20%;transition: all 1s;visibility: hidden;opacity: 0;transform: scale(0);}
.floating .li{position: relative;transition: all .3s;}
.floating .li+.li{margin-top: 10px;}
.floating .li .txt{opacity: 0;transition: all .3s;transform: scale(0); color: #0C59CC;font-weight: bold;position: absolute;padding:12px 15px;right: 110%;top: 0; border-radius: 8px;box-shadow: 0px 0px 4px 1px rgba(33,91,157,0.33);background: #FFFFFF;}
.floating .li:hover .txt{opacity: 1;transition: all .3s;transform: scale(1);}
.floating .li .pic{opacity: 0;transition: all .3s;transform: scale(0) translateY(-50%); position: absolute;padding:5px;right: 110%;top: 50%;border-radius: 8px;box-shadow: 0px 0px 4px 1px rgba(33,91,157,0.33);background: #FFFFFF;}
.floating .li .pic img{width: 80px;}
.floating .li:hover .pic{opacity: 1;transition: all .3s;transform: scale(1) translateY(-50%);}
.floating .li a{color: #0C59CC;white-space: nowrap;}
.floating .li img{display: block;width: 40px;cursor: pointer;}

.floatingBottom{position: fixed;align-items: center;background: #ffae57;color: #fff;padding: 10px;
    left: 50%;transform: translateX(-50%);bottom: 5px;border-radius: 5px;z-index: 2;display: none;}
.floatingBottom .c-box{display: flex;align-items: center;justify-content: space-between;}
.floatingBottom .c-text{font-size: clamp(14px,0.93vw,18px);margin-right: 100px;white-space: nowrap;}
.floatingBottom .to{line-height: 36px;text-align: center;min-width: 100px; padding: 0 10px;white-space: nowrap;border-radius: 8px;background: #fff;}
.floatingBottom .tt{color: #ffae57;font-weight: bold;}
.floatingBottom .to:hover{background: #004896;}
.floatingBottom .to:hover .tt{color: #ffffff;}
.floatingBottom .closeArticle{position: absolute;right: -10px;top:-10px;z-index: 1;width:20px;height:20px;border-radius: 100%;background: #ffffff;padding:5px;border:1px solid #cccccc;cursor: pointer;}
.floatingBottom .closeArticle img{display: block;width:100%;}

.Cookies{text-align: center;background: #004896;padding: 10px;line-height: 20px;
position: fixed;left: 0;bottom:0;width:100%;z-index: 1;}
.Cookies *{display: inline-block;color:#ffffff;}
.Cookies .close_bs{width: 20px;height: 20px;margin-left: 20px;vertical-align: middle;margin-top:-2px;cursor:pointer;}
.Cookies a{text-decoration: underline;}

#aff-ai-agent-icon{bottom:0 !important;}
#aff-im-root>div#aff-ai-agent-icon{bottom:0 !important;}


/* 主体框架 */
.commonTitle{text-align: center;margin-bottom: 3vw;width: 100%;}
.commonTitle .en{color: #22F8FF;font-size: clamp(14px,1.2vw,24px);margin-bottom:10px;}
.commonTitle .tit{font-size: clamp(20px,2.3vw,44px);font-weight: bold;}
.commonTitle .tit img{display: inline-block;height: 3vw;}
.commonTitle .des{font-size: clamp(16px,1vw,20px);color: #2C304B;line-height: 1.5;margin-top: 20px;font-weight: 500;}
.commonTitle .samll{color: #0D1D2A;line-height: 1.5;margin-top: 20px;font-size: 18px;}
.commonTitle .lab{margin-top: 2vw;font-size: clamp(14px,1.1vw,22px);font-weight: 500;color: #0C59CC;}
.commonTitle .lab span{margin: 0 1.5vw;}
.commonTitle .img{margin-top: 10px;}
.commonTitle .img img{margin: 0 auto;height:1.3vw;}

.scroll-section{background: #ffffff;}
.banner{height: 100vh;position: relative;background: linear-gradient( 42deg, #A4ACD047 0%, #4759A347 27%, #1A2A7B47 41%, #060C2147 100%);}
.banner .mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;
	/* background: radial-gradient( 0% 0% at 50% 50%, rgba(2,34,96,0.17) 0%, rgba(5,41,102,0.5) 100%); */
	background: linear-gradient(176deg, rgb(0 0 0 / 69%) 0%, rgb(0 0 0 / 30%) 15%, rgb(0 0 0 / 55%) 37%, rgba(20, 30, 37, 0.8) 59%, rgb(0 0 0 / 45%) 85%, rgb(0 0 0 / 0%) 100%);
	}
.banner .big{width: 100%;height: 100%;}
.banner .img{display: block;height: 100%;width: 100%;object-fit: cover;/* z-index: 0;position: fixed;left: 0;top: 0; */}
.banner .ban-txt{z-index: 2;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);padding: 0 4%;width: 100%;text-align: center;}
.banner .ban-txt .tit{white-space: pre;line-height: 1.3;font-size:clamp(24px,3.4vw,68px);color: #FFFFFF;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);font-weight: bold;display: block; margin-bottom: 10px;}
/* .banner .ban-txt .tit::before,
.banner .ban-txt .des::before{content: attr(data-text);display: inline-block;width: 0;overflow: hidden;animation: revealText 3s linear forwards;}
@keyframes revealText {
	to {width: 100%;}
} */
.banner .ban-txt .big{white-space: pre;line-height: 1.3;font-size:clamp(20px,1.5vw,32px);color: #FFFFFF;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);font-weight: bold;display: block; margin-bottom: 10px;}
.banner .ban-txt .des{display: block; white-space: pre;color: #FFFFFF;font-size:clamp(14px,1.2vw,24px);font-weight: bold;margin-top: 20px;line-height: 1.5;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);}
.banner .ban-txt .more{animation: show 3s linear forwards;opacity: 0;font-size: clamp(12px,0.83vw,16px);
	margin-top: 40px;box-shadow: 0px 0px 6px 1px #E8EEFE;border-radius: 20px;background: #FFFFFF;display: inline-block;line-height: 40px;padding: 0 20px;}
.banner .ban-txt .more span{display: inline-block;width: 1vw;height: 1vw;border-radius: 100%;margin: -2px 5px 0 0; vertical-align: middle;border: 2px solid #2054CF;}
.banner .ban-txt .more:hover{background: #2054CF;color: #ffffff;}
.banner .ban-txt .more:hover span{border: 2px solid #ffffff;}
@keyframes show {
	to {opacity: 1;}
}
.banner .ban-txt .data{display: flex;margin-top: 15%; padding: 20px 0;border: 1px solid rgba(220,222,232,0.7);border-radius:8px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.banner .ban-txt .data li{flex: 1;color: #ffffff;}
.banner .ban-txt .data li .num{display: flex;align-items: center;justify-content: center;}
.banner .ban-txt .data li .num b{font-size:clamp(20px,2.5vw,50px);}
.banner .ban-txt .data li .num i{margin: 0 10px;}
.banner .ban-txt .data li .num span{align-self: end;}
.banner .ban-txt .data li .txt{font-size:clamp(14px,1.25vw,24px);margin-top: 10px;}
.banner .ban-txt .data li .txt span{margin-left: 5px;}
.banner .ban-txt .data li+li::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 1px;height: 100%;z-index: 1;
background: radial-gradient(#ffffff 0%, rgba(254, 254, 254, 0) 100%);}
.banner .ban-txt .data::after{content: '';display: block;position: absolute;left: 0;top: -35px;width: 100%;height: 2px;z-index: 1;
background: radial-gradient(#ffffff 0%, rgba(254, 254, 254, 0) 100%);}

.banner .ban-txt .lab{text-align: center;margin-top: 2vw;}
.banner .ban-txt .lab span{font-size:clamp(14px,1.2vw,24px);color: #FFFFFF;padding: 0.5vw 2vw; display: inline-block;margin: 0 10px;border-radius: 28px;background: linear-gradient( 222deg, #FCFCFC66 0%, rgba(255,255,255,0.04) 100%);border: 1px solid rgba(220,222,232,0.7);}

.ban-txt .othLink{margin-top:3vw; }
.ban-txt .othLink .li{display: inline-block;border-radius: 8px;color: #FFFFFF;padding:0 1vw; min-width: 10vw;height: 3.5vw;text-align: center;line-height: 3.5vw;height: 3.5vw;
background: linear-gradient( 179deg, #F2D04Ecc 0%, #F5B139cc 16%, #E0A025cc 32%, #D6942Ecc 45%, #D48C20cc 56%, #CF8C0Dcc 69%, #C28D32cc 81%, #C49C32cc 100%);}
.ban-txt .othLink .li+.li{margin-left:2vw; 
	background: linear-gradient( 179deg, #4E8AF2cc 0%, #397EF5cc 16%, #256FE0cc 34%, #115DBFcc 54%, #1959AFcc 66%, #185BB6cc 77%, #2A64B7cc 87%, #3268C4cc 100%);}
.ban-txt .othLink .li:hover{background: #298DF7;}

/* 智能制造 */
.manufacture{height: 100%;overflow: hidden;position: relative;}
.manufacture .box{position: relative;width: 100%;height: 100%;overflow: hidden;}
.manufacture .big{display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);transition: 2s;}
.manufacture .swiper-slide-active .big{transform: scale(1);transition: 2s;}
.manufacture .content{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.33);position: absolute;top: 50%;transform: translateY(-50%); right: 7%;border-radius: 20px;padding: 4vw 2vw;width: 460px;}
.manufacture .tit{color: #002266;font-size: clamp(18px,1.25vw,24px);font-weight: 800;display: block;line-height: 1.375;}
.manufacture .des{color: #002266;line-height:1.5;display: block;margin-top: 1vw;font-size: 16px;}
.manufacture .pic{margin-top: 1vw;}
.manufacture .pic img{display: block;width: 100%;}
.manufacture .link{gap:20px;display: flex;margin-top: 2vw;}
.manufacture .link .li{display: flex;justify-content: space-between; font-size: 14px;color: #002266;border-radius: 2px;border: 1px solid #002266;flex: 1;padding: 15px 20px;}
.manufacture .link .li:hover{background: #ffffff99;}
.manufacture .link .li img{display: inline-block;vertical-align: middle;margin: -2px 0 0 0;height: 18px;}
.manufacture .link .li span{display: inline-block;}
.manufacture-menu{position: absolute;width: 480px;left: 0;top: 0; padding-top: 6%;height: 100%;z-index: 1;padding-left: 120px;background: linear-gradient(90deg, #36495f80, transparent);}
.manufacture-menu .center{position: relative;}
.manufacture-menu .title{color: #FFFFFF;font-size: clamp(24px,2.3vw,44px);font-weight: bold;line-height: 1.4;}
.manufacture-menu .more{display: block;margin-top: 2.5vw;font-size: 18px;color: #FFFFFF99;}
.manufacture-menu .more:hover{color: #FFFFFF;}
.manufacture-menu .manufacture-pagination{}
.manufacture-pagination li{white-space: nowrap;margin-top: 2.5vw;cursor: pointer;}
.manufacture-pagination li:nth-child(2) .a,
.manufacture-pagination li:nth-child(3) .a,
.manufacture-pagination li:nth-child(4) .a{font-size: 15px;}
.manufacture-pagination li .a{display: inline-block;color: #FFFFFF;font-size: 18px;}
.manufacture-pagination li .b{display: none;vertical-align: middle;margin: -4px 0 0 15px;height: 14px;}
.manufacture-pagination li.active .a{color: #2054cf;font-weight: bold;}
.manufacture-pagination li.active .b{display: inline-block;}
.scrollbar{position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255, 255, 255,0.1);}
.scrollbar .li{width: 100%;height: 0;background: #FFFFFF80;position: absolute;top: 0;left: 0;}
.scrollbar .li.on {animation: 7s divAnimate linear forwards;}
@keyframes divAnimate {
    100% {
        height: 100%;
    }
}

/* 汽车电子 */
.electron{padding: 4% 0 0;min-height: 100vh;background: #ffffff;}
.electron .proList{position: relative;height: calc(60vh + 40px);}
.electron .proList .li{padding: 2vw;border-radius: 8px;overflow: hidden;position: absolute;height: 30vh;transition: all .5s;}
.electron .proList .li .mask{z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/bg1.png) no-repeat center / 100% 100%;}
.electron .proList .li .img{display: none; overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.electron .proList .li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.electron .proList .li .tit{z-index: 1;color: #0C59CC;font-weight: 800;font-size: clamp(18px,1.4vw,28px);}
.electron .proList .li .tit img{display: inline-block;vertical-align: middle;margin: -4px 10px 0 0; height: 1.2vw;border-radius: 100%;box-shadow: 0px 0px 6px 1px rgba(34,79,185,0.3);}
.electron .proList .li .des{z-index: 1;margin-top: 1vw;padding:0 1vw; color: #002266;font-size: clamp(14px,0.93vw,18px);line-height: 2;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;}
.electron .proList .li .more{font-size: clamp(12px,0.83vw,16px);z-index: 1;display: none;margin-top: 1vw;margin-left: 1vw;box-shadow: 0px 0px 6px 1px #E8EEFE;border-radius: 20px;background: #FFFFFF;line-height: 36px;padding: 0 20px;}
.electron .proList .li .more span{display: inline-block;width: 1vw;height: 1vw; border-radius: 100%;margin: -2px 5px 0 0; vertical-align: middle;border: 2px solid #2054CF;}
.electron .proList .li .more:hover{background: #2054CF;color: #ffffff;}
.electron .proList .li .more:hover span{border: 2px solid #ffffff;}
.electron .proList .li:first-child .more,
.electron .proList .li:nth-child(2) .more{float: right; transform: translateY(-100%); margin: 0;}

.electron .proList .li1{width: calc((100% - 80px) / 3);left: 50%;top: 0;transform: translateX(-50%);transition: all 1s;}
.electron .proList .li2{width: calc((100% - 80px) / 3);right: 0;top: 0;transition: all 1s;}
.electron .proList .li3{width: calc((100% - 80px) / 3);left: 0;bottom: 0;transition: all 1s;}
.electron .proList .li4{width: calc((100% - 80px) / 3);left: 50%;bottom: 0;transform: translateX(-50%);transition: all 1s;}
.electron .proList .li5{width: calc((100% - 80px) / 3);right: 0;bottom: 0;transition: all 1s;}

.electron .proList .li.on .tit{color: #ffffff;}
.electron .proList .li.on .des{color: #ffffff;-webkit-line-clamp: 15;}
.electron .proList .li.on .more{display: inline-block;}
.electron .proList .li.on .img{display: block;}
.electron .proList .li.on .mask{background: linear-gradient( 136deg, #001C55 0%, rgba(46,82,142,0.78) 42%, rgba(106,145,195,0.5) 72%, rgba(170,211,251,0.2) 100%);}
.electron .proList .li1.on{width: calc((100% - 80px) / 3 * 2 + 40px);left: 0;transform: none;transition: all 1s;}
.electron .proList .li2.on{width: calc((100% - 80px) / 3 * 2 + 40px);transition: all 1s;}
.electron .proList .li3.on{height: calc(60vh + 40px);transition: all 1s;}
.electron .proList .li4.on{height: calc(60vh + 40px);transition: all 1s;}
.electron .proList .li5.on{height: calc(60vh + 40px);transition: all 1s;}

.ad{background: #ffffff; overflow: hidden;}
.ad .center{margin: 10% 0 4%;position: relative;padding: 40px 0;background-repeat: no-repeat;background-size: cover;background-position: left top;}
.ad .left{width: 52%;padding-left: 4%;}
.ad .left .tt{font-weight: bold;color: #FFFFFF;line-height: 1.5;font-size: clamp(20px,1.67vw,32px);}
.ad .left .dd{font-size: 18px;font-weight: 500;color: #FFFFFF;line-height: 1.5;margin-top: 25px;display: flex;flex-wrap: wrap;gap: 15px;}
.ad .left .dd p{width: 25%;}
.ad .left .more{margin-top: 30px; padding: 0 10px 0 20px; display: inline-block;line-height: 40px;border: 1px solid #FFFFFF66;border-radius:2px;color: #FFFFFF;font-size: 14px;}
.ad .left .more img{display: inline-block;height: 18px;margin: -4px 0 0 50px;vertical-align: middle;}
.ad .left .more:hover{background: #005dff6b;}
.ad .right{width: 48%;position: absolute;bottom: 0;right: 0;z-index: 1;}
.ad .right img{display: block;width: 100%;}
@media screen and (min-width:2550px){
	.ad .right{width: 40%;}
}
.aboutUs{padding-top: 4%;position: relative;background: #ffffff;}
.aboutUs .pic{position: absolute;bottom: 0;left: 0;width: 100%;display: block;}
.datas{display: flex;justify-content: center;padding: 1% 0 4%;}
.datas li{padding: 30px 40px;}
.datas li+li{border-left: 1px solid #192B5033;}
.datas li .img{display: block;width: 3vw;float: left;}
.datas li .txt{float: left;margin-left: 20px;margin-top: -5px;}
.datas li .txt .tt{display: block;font-size: clamp(30px,3.333vw,64px);font-weight: bold;}
.datas li .txt .tt span{display: inline-block;}
.datas li .txt .tt span+span{font-size:20px;}
.datas li .txt .dd{display: block;line-height: 1.5;margin-top: 15px;}
.threeTab{display: flex;}
.threeTab .li{height: 25vw; transition: all .5s;position: relative;overflow: hidden;width: 33.33%;}
.threeTab .li .mask{background: linear-gradient( 151deg, #001C55 0%, rgba(46,82,142,0.78) 66%, rgba(106,145,195,0.5) 91%, rgba(170,211,251,0.2) 100%);}
.threeTab .li:nth-child(2n) .mask{background: linear-gradient( 146deg, rgba(2,72,150,0.84) 0%, rgba(113,156,209,0.97) 38%, rgba(166,201,246,0.39) 80%, rgba(250,252,254,0.17) 99%, rgba(254,254,254,0.16) 100%);}
.threeTab .li .img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.threeTab .li .mask{padding: 60px 40px;display: flex;gap: 2vw;justify-content: space-between;width: 100%;height: 100%;}
.threeTab .li .left{}
.threeTab .li .aa{line-height: 1.5;color: #FFFFFF;margin-bottom: 1.5vw;display: none;font-size: 20px;}
.threeTab .li .tit{font-size: clamp(20px,1.78vw,34px);color: #FFFFFF;line-height: 1.4;margin-bottom: 2vw;}
.threeTab .li .des{line-height: 1.5;color: #FFFFFF;margin-bottom: 3vw;}
.commonMore{font-size: clamp(12px,0.83vw,16px);display: inline-block;box-shadow: 0px 0px 6px 1px #E8EEFE;border-radius: 20px;background: #FFFFFF;line-height: 40px;padding: 0 20px 0 15px;}
.commonMore span{display: inline-block;width: 1vw;height: 1vw;border-radius: 100%;margin: -2px 5px 0 0; vertical-align: middle;border: 2px solid #2054CF;}
.commonMore:hover{background: #2054CF;color: #ffffff;}
.commonMore:hover span{border: 2px solid #ffffff;}
.c-text{text-align: center !important;}
.threeTab .li .commonMore{opacity: 0;visibility: hidden;transform: scale(0);transition: all .5s;}
.threeTab .li .right{border-radius: 8px;overflow: hidden;position: relative;width: 66%;padding-top: 33%;cursor: pointer;}
.threeTab .li .js-video{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;visibility: hidden;transform: scale(0);transition: all .8s;}
.threeTab:hover .li{width:16.66%;}
.threeTab .li:hover{width:66.66%;transition: all .5s;background: url(../img/bg1.png) no-repeat left top / cover;}
.threeTab .li:hover .mask{background: url(../img/bg1.png) no-repeat left top / cover;padding: 60px 100px;}
.threeTab .li:hover .js-video{opacity: 1;visibility: visible;transform: scale(1);transition: all .8s;}
.threeTab:hover .li .aa{display: block;}
.threeTab .li:hover .aa{color: #002266;}
.threeTab .li:hover .tit{color: #0C59CC;}
.threeTab:hover .li .des{display: none;}
.threeTab .li:hover .commonMore{opacity: 1;visibility: visible;transform: scale(1);transition: all .5s;}

.partner{padding: 7.5% 0 0;background: #ffffff;}
.partner .carousel{padding: 2% 0;}
.partner .carousel .list{overflow: hidden;}
.partner .carousel .list:nth-child(2n){margin-left: -110px;}
.partner .carousel ul{width: 100000px;}
.partner .carousel ul li{border: 1px solid #2054CF1a;float: left;overflow: hidden;}
.partner .carousel ul li img{display: block;height: 5vw;min-height: 100px; transition: all .5s;cursor: pointer;}
.partner .carousel ul li:hover img{transform: scale(1.1);transition: all .5s;}

.newsPart{padding: 6% 0;background: linear-gradient( 180deg, #FFFFFF 0%, #DFEEFC 100%);overflow: hidden;}
.newsPart .centerBox{width:90%;}
.newsPart .commonTitle{float: left;width: 28%;text-align: left;}
.newsPart .commonMore{}
.newsPart .content{margin-left: calc(28% + 10px);display: flex;gap: 20px;}
.newsPart .content .li{padding: 30px 20px;border-radius:2px;}
.newsPart .content .li+.li::after{content:'';display: block;width:1px;height: calc(100% - 60px);position: absolute;z-index: 1; top: 30px;left: -10px;background:#2054CF1a;}
.newsPart .li:hover{background: #FFFFFF;box-shadow: 0px 0px 12px 1px rgba(176,197,253,0.65);}
.newsPart .li .time{margin-bottom: 20px;}
.newsPart .li .tit{color: #2C304B;font-weight: bold;line-height: 1.5;margin-bottom: 20px;}
.newsPart .li .des{font-size: 14px;line-height: 2;margin-bottom: 40px;}
.newsPart .li .img{overflow: hidden;margin-bottom: 40px;}
.newsPart .li .img img{display: block;width: 100%;}
.newsPart .li .to{display: inline-block;}
.newsPart .li .to span{border: 2px solid #192B50;display: block;width: 32px;height: 32px;border-radius: 100%;}
.newsPart .li .to img{display: block;height: 20px;margin: 4px auto;opacity: 0;}
.newsPart .li:hover .to img{animation: swing 1.5s infinite;opacity: 1;}

.technical_support{padding: 4% 0;background: #ffffff;}
.technical_support .title{text-align: center;}
.technical_support .title .aa{font-size: clamp(24px,2.3vw,44px);font-weight: bold;margin-bottom: 40px;}
.technical_support .title .bb{font-size: clamp(16px,1vw,20px);float: right;    margin-right: 10%;}
.technical_support .title ul{position: relative;padding-bottom: 40px;}
.technical_support .title ul:after{content: '';display: block;bottom: 0;position: absolute;width: 100%;height: 5px;background: #FBFBFB;border-radius: 4px;border: 1px solid #0C59CC1a;}
.technical_support ul li{float: left;position: relative;cursor: pointer;}
.technical_support ul li+li{margin-left: 4vw;}
.technical_support ul li.tab-active{color: #0C59CC;}
#slider{height: 5px;border-radius: 4px;background: #0C59CC;bottom: 0px;position: absolute;left: 0;transition: all .3s;}
.tab-content{transition: all .5s;visibility: hidden;opacity: 0;transform: scale(0);height: 0;}
.content-fade{transition: all .5s;visibility: visible;opacity: 1;transform: scale(1);height: auto;}
.technical_support .content{margin: 4.6% auto 0;width:80%;}
.t_video{}
.t_video .li{display: block;box-shadow: 0px 0px 16px 1px rgba(150,187,255,0.22);border-radius: 8px;background: #FBFBFB;overflow: hidden;}
.t_video .li .img{overflow: hidden;}
.t_video .li .img img{display: block;width: 100%;transition: all .3s;}
.t_video .li:hover .img img{transition: all .3s;transform: scale(1.1);}
.t_video .li .cont{padding: 25px;background: #FBFBFB;}
.t_video .li .tit{font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.t_video .li .des{font-size: 14px;line-height: 1.5;margin-top: 15px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.t_video .swiper{padding: 16px 0 90px;}
.t_video .swiper-button-next,
.t_video .swiper-button-prev{width: 40px;height: 40px;background: #ffffff;border-radius: 100%;box-shadow: 0px 0px 6px 1px rgba(0,34,102,0.47);}
.t_video .swiper-button-next:after,
.t_video .swiper-button-prev:after{font-size: 16px;color: #002266;}
.t_video .swiper-button-prev:hover,
.t_video .swiper-button-next:hover{background: #0C59CC;}
.t_video .swiper-button-prev:hover:after,
.t_video .swiper-button-next:hover:after{color: #ffffff;}
.t_video .swiper-button-next{top:calc(100% - 30px);right: 12%;}
.t_video .swiper-button-prev{top:calc(100% - 30px);right: calc(12% + 60px);left: auto;}
.b_video{}
.b_video .li{display: block;box-shadow: 0px 0px 16px 1px rgba(150,187,255,0.22);border-radius: 8px;background: #FBFBFB;overflow: hidden;}
.b_video .li .img{overflow: hidden;}
.b_video .li .img img{display: block;width: 100%;transition: all .3s;}
.b_video .li:hover .img img{transition: all .3s;transform: scale(1.1);}
.b_video .li .cont{padding: 25px;background: #FBFBFB;}
.b_video .li .tit{font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.b_video .li .des{font-size: 14px;line-height: 1.5;margin-top: 15px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.b_video .swiper{padding: 16px 0 90px;}
.b_video .swiper-button-next,
.b_video .swiper-button-prev{width: 40px;height: 40px;background: #ffffff;border-radius: 100%;box-shadow: 0px 0px 6px 1px rgba(0,34,102,0.47);}
.b_video .swiper-button-next:after,
.b_video .swiper-button-prev:after{font-size: 16px;color: #002266;}
.b_video .swiper-button-prev:hover,
.b_video .swiper-button-next:hover{background: #0C59CC;}
.b_video .swiper-button-prev:hover:after,
.b_video .swiper-button-next:hover:after{color: #ffffff;}
.b_video .swiper-button-next{top:calc(100% - 30px);right: 12%;}
.b_video .swiper-button-prev{top:calc(100% - 30px);right: calc(12% + 60px);left: auto;}
.QA{margin-bottom: 30px;}
.QA .li{margin-bottom: 30px;}
.QA .li .tit{cursor: pointer; font-size: clamp(16px,1vw,20px);font-weight: 500;line-height: 30px; padding: 30px 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
position: relative; background: rgba(248,252,255,0.68);border-radius:8px;border: 1px solid rgba(12,89,204,0.2);}
.QA .li .tit img{position: absolute;right: 30px;top: 30px;width: 30px;height: 30px;transition: all .3s;}
.QA .li.on .tit img{transform: rotate(180deg);transition: all .3s;}
.QA .li .des{font-size: 16px;line-height: 1.625;padding: 30px 60px;text-align: justify;display: none;}
.QA .to{color: #002266;font-size: 14px;font-weight: bold;margin-top: 20px;display: block;}
.QA .to img{display: inline-block;height: 12px;vertical-align: middle;margin: -4px 0 0 5px;transition: all .3s;}
.QA .to:hover{color: #224FB9;}
.QA .to:hover img{transition: all .3s;transform: translateX(5px);}

.hvideomain{}
.video_dynamic_page {
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
}

.video_dynamic_page .video_leftbox {
	width: 50%;
	float: left;
}
.video_dynamic_page .dynamic_rightbox {
	width: 45%;
	float: right;
}
.video_dynamic_page .tag{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}
.video_dynamic_page .lightbox{
	display: block;
}
.video_dynamic_page .lightbox > img{
	border-radius: 6px;
  width: 100%;
}
.video_leftbox .other_info {
	margin-top: 10px;
}
.video_leftbox .other_info span{
	display: none;
}
.video_leftbox .other_info .title{
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0%;
	text-align: left;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.video_leftbox .other_info .desc{
	color: #666;
	font-size: 16px;
	line-height: 20px;
	line-height: 1.5;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.video_leftbox .other_info .text{
	color: #999;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
	
}
.video_dynamic_page .other_btn {
	display: block;
	margin-top: 30px;
}
.video_dynamic_page .other_btn >a{
	display: inline-block;
	padding: 12px 32px;
	border-radius:4px;
	line-height: 12px;
	font-size: 12px;
	color:#666;
  background-color: #d3edff;
  transition-duration: 0.3s;
}
.video_dynamic_page .other_btn >a:hover{
	color:#fff;
	background-color: #236cd7;
}

.dynamic_newslists {
	list-style:none;
	padding: 0;
	display: block;
}
.dynamic_newslists li{
	border-bottom: 1px solid #e9e3e3;
	padding: 1vw 0;
	float: none !important;
	margin: 0 !important;
}
.dynamic_newslists .date {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
.dynamic_newslists a:hover .title {
	color:#004ca7
}
.dynamic_newslists .title {
	margin-top:10px;
	padding: 0 !important;
	text-align: left !important;
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	color:#333;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}





.mapBox{border-radius: 40px 40px 0px 0px;min-height: 100vh;padding: 8% 0;color: #ffffff; 
background: linear-gradient( 180deg, #032B70 0%, rgba(30,93,156) 45%, rgba(104,149,207) 100%);}
.mapBox .right{width: 440px;margin-top: 60px; float: right;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px;align-items: start;}
.mapBox .right .line{width: 100%;}
.mapBox .right .line label{font-size: 18px;margin-bottom: 5px;display: block;}
.mapBox .right .line .inp{font-size: 14px;border-bottom: 1px solid #F5F7F980;line-height: 20px;padding: 10px 0;display: block;color: #ffffff;}
.mapBox .right .line .txt{font-size: 14px;height: 70px; border-bottom: 1px solid #F5F7F980;line-height: 20px;padding: 10px 0;display: block;color: #ffffff;resize: vertical;}
.mapBox .right .line .inp:focus,
.mapBox .right .line .txt:focus{border-bottom: 1px solid #ffffff;}
.mapBox .right .line .btn{border: 1px solid #F5F7F980;text-align: center;display: block;color: #ffffff;padding: 20px 0;font-size: 16px;cursor: pointer;}
.mapBox .right .line .btn:hover{border: 1px solid #ffffff;background-color: #005dff80;}
.mapBox .right .line.w6{width: 220px;}
.mapBox .right .line.w4{width: 190px;}
/* WebKit, Blink, Edge */
.mapBox input::-webkit-input-placeholder,
.mapBox textarea::-webkit-input-placeholder {
  color: #F5F7F980;
  opacity: 1;
}
/* Mozilla Firefox 19+ */
.mapBox input::-moz-placeholder,
.mapBox textarea::-moz-placeholder {
  color: #F5F7F980;
  opacity: 1;
}
/* Mozilla Firefox 18- */
.mapBox input:-moz-placeholder,
.mapBox textarea:-moz-placeholder {
  color: #F5F7F980;
  opacity: 1;
}
/* Internet Explorer 10+ */
.mapBox input:-ms-input-placeholder,
.mapBox textarea:-ms-input-placeholder {
  color: #F5F7F980;
  opacity: 1;
}
/* 统一现代标准 */
.mapBox input::placeholder,
.mapBox textarea::placeholder {
  color: #F5F7F980;
  opacity: 1;
}
.mapBox .left{margin-right: 450px;}
.mapBox .left .tit{font-weight: 800;font-size: clamp(24px,2.6vw,50px);}
.mapBox .left .des{font-size: 18px;line-height: 1.6;margin-top: 20px;}
.mapBox .left .map{margin-top: 80px;}
.mapBox .left .map img{display: block;width: 100%;}
/* 统一现代标准 */
.retention .txt textarea::placeholder {
  color: #F5F7F980;
  opacity: 1;
}

/* 新闻 */
.commonAd{background-position: center;background-repeat: no-repeat;background-size: cover;}
.commonAd .txt{background: linear-gradient( 180deg, #577EC1c9 0%, #013068c9 100%);padding:3%;text-align: center;color: #FFFFFF;}
.commonAd .tit{line-height: 1.5; font-size: clamp(20px,2vw,40px);font-weight: 800;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);}
.commonAd .more{margin-top: 2vw; color: #FFFFFF;font-weight: 500;font-size: clamp(12px,1vw,20px);border-radius: 25px;display: inline-block;border: 1px solid #FFFFFF;padding: 0.7vw 3vw;}
.commonAd .more img{display: inline-block;vertical-align: middle;width: 1.3vw;margin: -4px 0 0 10px;transition: all .3s;}
.commonAd .more:hover{background-color: #2054CF;}
.commonAd .more:hover img{transform: translateX(5px);transition: all .3s;}
.commonAd .more+.more{margin-left: 2vw;}

.typeTwo{width: 89%;margin: 3% auto;display: flex;flex-wrap: wrap;gap: 20px;padding: 2.5% 6%;align-items: center;}
.typeTwo .txt{flex: 1;background: none;padding: 0%;text-align: left;color: #002266;}
.typeTwo .tit{text-shadow: none;font-size: clamp(18px,1.6vw,32px);line-height: 1.5;}
.typeTwo .icons{max-width: 30%; display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}
.typeTwo .icons .li{display: flex;gap: 10px;width:calc(50% - 20px);}
.typeTwo .icons img{display: block;width: 3vw;height: 3vw;}
.typeTwo .icons p{    white-space: nowrap;color: #002266;font-weight: 500;line-height: 1.5vw;font-size: clamp(14px,1vw,20px);display: block;}
.typeTwo .more{color: #002266;border: 1px solid #002266;}
.typeTwo .more:hover{background-color: #2054CF80;}


.Questions{background: #FAFAFA;padding: 3% 10% 6%;text-align: center;}
.Questions .QA .li .tit{text-align: left;}

.Scene{background: url(../img/bg.png) no-repeat center bottom / 100%;padding: 5% 0 6%;}
.Scene .lists{display: flex;/* justify-content: center; */gap: 20px;flex-wrap: wrap;}
.Scene .li{background: #F8FBFE;border-radius: 4px;width: calc((100% - 40px) / 3);display: block;max-width: 460px;}
.Scene .li:hover{box-shadow: 0px 0px 14px 1px rgba(157,208,251,0.32);}
.Scene .li .txt{padding: 30px;}
.Scene .li .heng{background: #224FB9;width: 24px;height: 3px;}
.Scene .li .tit{color: #2C304B;font-size: clamp(16px,1vw,20px);font-weight: 500;margin-top: 20px;}
.Scene .li .des{font-size: 14px;color: #224FB9;margin-top: 20px;}
.Scene .li .img{overflow: hidden;}
.Scene .li .img img{display: block;width: 100%;transition: all .3s;}
.Scene .li:hover img{transition: all .3s;transform: scale(1.1);}
.Scene .li:hover .heng{background: #C30D23;}

.System{background: #FAFAFA;padding: 6% 0 4%;}
.System .lists{display: flex;justify-content: center;gap: 40px;}
.System .li{background: #F8FBFE;border-radius: 4px;width: 20%;display: block;max-width: 400px;}
.System .li:hover{box-shadow: 0px 0px 14px 1px rgba(157,208,251,0.32);}
.System .li .txt{padding: 20px 15px;background: #ffffff;}
.System .li .lab{font-size: 14px;color: #0C59CC;margin-top: 15px;}
.System .li .tit{color: #2C304B;font-size: clamp(16px,1vw,20px);font-weight: 500;}
.System .li .des{font-size: 14px;color: #2C304B;margin-top: 15px;line-height: 1.5;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.System .li .img{overflow: hidden;}
.System .li .img img{display: block;width: 100%;transition: all .3s;}
.System .li:hover img{transition: all .3s;transform: scale(1.1);}

.txt_center{text-align: center;}
.mt50{margin-top: 50px;}

.Solution{background: #FFFFFF;padding: 6% 0;overflow: hidden;}
.Solution .lists{display: flex;justify-content: center;gap: 40px;}
.Solution .li{background: #F8FBFE;border-radius: 4px;width: 35%;display: block;max-width: 680px;}
.Solution .li .txt{padding: 35px;position: absolute;width: 100%;height: 100%;top: 0;left:0;color: #ffffff;overflow: hidden;display: flex;align-items: end;gap: 10px;
background: linear-gradient(175deg, rgb(65 65 65 / 36%) 0%, rgb(147 147 147 / 30%) 24%, rgb(130 130 130 / 33%) 31%, rgb(0 0 0 / 40%) 59%, rgb(0 0 0 / 52%) 73%, rgb(0 0 0 / 78%) 100%);}
.Solution .li .txt .center{flex: 1;}
.Solution .li .tit{font-weight: 500;font-size: 18px;}
.Solution .li .des{font-size: 14px;margin-top: 10px;}
.Solution .li .to{display: block;float: right;border: 1px solid #FFFFFF;font-size: 14px;border-radius: 4px;padding: 0.7vw 1.5vw;color: #ffffff;}
.Solution .li .to img{display: inline-block;vertical-align: middle;width: 1.3vw;margin: -4px 0 0 10px;transition: all .3s;}
.Solution .li .to:hover{background-color: #2054CF;}
.Solution .li .to:hover img{transform: translateX(5px);transition: all .3s;}
.Solution .li .img{overflow: hidden;}
.Solution .li .img img{display: block;width: 100%;transition: all .3s;}
.Solution .li:hover img{transition: all .3s;transform: scale(1.1);}

.newsLists{background: url(../img/bg4.png) no-repeat center top / 100% auto;padding: 5% 0;}
.newsLists .partOne{overflow: hidden;}
.newsLists .partOne .li{display: block;width: 32%;padding-left: 20px;float: right;}
.newsLists .partOne .li .img{overflow: hidden;}
.newsLists .partOne .li img{display: block;width: 100%;transition: all .3s;}
.newsLists .partOne .li .tit{font-size: 20px;font-weight: bold;color: #2C304B;margin-top: 10px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsLists .partOne .li .des{font-size:16px;font-weight: 400;margin-top: 10px;line-height: 1.5;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsLists .partOne .li:hover img{transition: all .3s;transform: scale(1.1);}
.newsLists .partOne .li:first-child{width: 68%;border-right: 1px solid #BFCCED;padding: 0 20px 0 0;float: left;}
.newsLists .partOne .li:first-child .tit{font-size:clamp(22px,1.5vw,30px);margin-top: 15px;}
.newsLists .partOne .li:first-child .des{font-size:18px;margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: initial;}
.newsLists .partOne .li:last-child{margin-top: 20px;}
.newsLists .partOne .li:hover .tit{color: #2054CF;}

.newsLists .partTwo{background: #F8FBFE;padding: 15px;margin-top: 5%;}
.newsLists .partTwo .center{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.newsLists .partTwo .li{display: block;width:calc(50% - 15px);padding: 15px;border-radius: 4px;}
.newsLists .partTwo .li .img{overflow: hidden;float: left;width: 200px;border-radius: 4px;}
.newsLists .partTwo .li img{display: block;width: 100%;transition: all .3s;}
.newsLists .partTwo .li .txt{margin-left: 220px;}
.ml0{margin-left: 0 !important;}
.newsLists .partTwo .li .tit{font-size: 18px;font-weight: bold;color: #002266;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsLists .partTwo .li .des{line-height: 1.5;font-size:16px;font-weight: 400;margin-top: 15px;color: #002266;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.newsLists .partTwo .li .time{color: #606A76;font-size: 14px;margin-top: 20px;}
.newsLists .partTwo .li .time img{display: inline-block;width: 16px;margin: -4px 8px 0 0;vertical-align: middle;}
.newsLists .partTwo .li:hover{background: #FFFFFF;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.newsLists .partTwo .li:hover .img img{transition: all .3s;transform: scale(1.1);}
.newsLists .partTwo .li:nth-child(2n):after{content: ''; position: absolute;left: -15px;top: 0;width:1px;height: 100%;background:#E5EDFB;}
.newsLists .partTwo .li:hover .tit{color: #2054CF;}

.location{position: absolute;top: 15px;left: 0; padding:0 4%; color: #838E9B;font-size: 16px;font-weight: 400;z-index: 1;}
.location img{display: inline-block;height: 16px;vertical-align: middle;margin: -4px 5px 0 0;}
.location a{color: #838E9B;}
.location a:hover{color: #2054CF;}

/* 技术文档 */
.document{background: url(../img/bg4.png) no-repeat center top / 100% auto;padding: 6% 0 2%;}
.document .partOne{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.document .partOne .hot{position: absolute;width: 30px;height: 30px;right:0;top: 0;background: #598EDE;border-radius: 4px;
transform: rotate(45deg) translate(0px, -20px);}
.document .partOne .li{display: block;width:calc(50% - 10px);padding: 15px;border-radius: 4px;overflow: hidden;background: #DBE6F1;}
.document .partOne .li .img{overflow: hidden;float: left;width: 120px;border-radius: 4px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius:4px;background: #FFFFFF;padding: 25px 20px;}
.document .partOne .li img{display: block;width: 100%;}
.document .partOne .li .txt{margin-left: 140px;}
.document .partOne .li .tit{font-size: 18px;font-weight: bold;color: #002266;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.document .partOne .li .des{line-height: 1.5;font-size:16px;font-weight: 400;margin-top: 15px;color: #002266;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.document .partOne .li .download{float: right;width: 22px;margin-top: 20px;}
.document .partOne .li:nth-child(2n) .hot{background: #CD4050;}
.document .partOne .li:hover .tit{color: #2054CF;}
.document .partOne .li:hover .download{animation: fadeInDown 1s infinite;}
.document .partOne .li .download:hover{animation: none;}

.document .partTwo{background: #F8FBFE;padding: 15px;margin-top: 5%;}
.document .partTwo .center{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.document .partTwo .li{display: block;width:calc(50% - 15px);padding: 15px;border-radius: 4px;}
.document .partTwo .li .img{overflow: hidden;float: left;width: 120px;border-radius: 4px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius:4px;background: #FFFFFF;padding: 25px 20px;}
.document .partTwo .li img{display: block;width: 100%;}
.document .partTwo .li .txt{margin-left: 140px;}
.document .partTwo .li .tit{font-size: 18px;font-weight: bold;color: #002266;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.document .partTwo .li .des{line-height: 1.5;font-size:16px;font-weight: 400;margin-top: 15px;color: #002266;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.document .partTwo .li .download{float: right;width: 22px;margin-top: 20px;}
.document .partTwo .li:hover{background: #FFFFFF;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.document .partTwo .li:nth-child(2n):after{content: ''; position: absolute;left: -15px;top: 0;width:1px;height: 100%;background:#E5EDFB;}
.document .partTwo .li:hover .tit{color: #2054CF;}
.document .partTwo .li:hover .download{animation: fadeInDown 1s infinite;}
.document .partTwo .li .download:hover{animation: none;}

.searchBox{margin: 5% 0 0;}
.searchBox .search{width: 55%;margin: 0 auto;border: 1px solid #E5ECFA;border-radius: 8px;background:#ffffff;}
.searchBox .search .txt{flex: 1;padding: 0 30px;}
.searchBox .search .txt *{line-height: 70px;font-size: clamp(14px,1vw,20px);}
.searchBox .search .sub{ width: 70px;height: 70px;border-radius:8px;background: linear-gradient( 179deg, #4E8AF2cc 0%, #397EF5cc 16%, #256FE0cc 34%, #0E54AEcc 54%, #1759B1cc 66%, #1B5BB2cc 77%, #2A64B7cc 87%, #3268C4cc 100%);}
.searchBox .search .sub *{cursor: pointer;background:url(../img/search.png) no-repeat center / 20px; }

/* 案例 */
.bigImg{}
.bigImg img{display: block;width: 100%;}
.tabLinks{margin: 4% 0;}
.tabLinks .li{font-weight: 500;font-size: clamp(20px,1.35vw,26px);margin: 0 50px;padding: 15px 0;display: inline-block;}
.tabLinks::after{content: '';display: block;height: 1px;width: 100%;position: absolute;left: 0;bottom: 0; z-index: 1;
background: radial-gradient(#024896 0%, rgba(254,254,254,0) 100%);}
.tabLinks .li.on{color: #0C59CC;font-weight: bold;}
.tabLinks .li.on:before{content: '';display: block;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #0C59CC;}
.tabLinks .li.on:after{content: '';display: block;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); height: 2px;width: 150px;background: #0C59CC;border-radius: 2px;}
.tabLinks .li:hover{color: #0C59CC;}
.caseLists{background: #F8FBFE;padding: 3.5%;}
.caseLists .center{}
.caseLists .center .li{background:url(../img/bg5.png) no-repeat center / 100% 100%; padding: 3% 5%;}
.caseLists .center .li:nth-child(2n){background:url(../img/bg6.png) no-repeat center / 100% 100%; text-align: right;}
.caseLists .center .li:nth-child(2n) .des{padding: 0 0 0 30%;text-align: right;}
.caseLists .li+.li{margin-top: 40px;}
.caseLists .li:hover{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.caseLists .li .img img{height:100px;}
.caseLists .li .tit{font-size: clamp(20px,1.25vw,24px);color: #2C304B;font-weight: bold;margin-top: 10px;}
.caseLists .li .des{font-size: clamp(14px,0.83vw,16px);color: #2C304B;line-height: 1.5;margin-top: 20px;padding-right: 30%;text-align: justify;}
.caseLists .li .des+.des{font-weight: bold;}
.caseLists .li .lab{margin-top: 20px;font-size: 14px;}
.caseLists .li .lab .lii{display: inline-block;border-radius: 20px;border: 1px solid #224FB9;color: #224FB9;padding: 0.5vw 1vw;margin: 0.5vw;}
.caseLists .li .lab .lii:hover{background: #224FB9;color: #ffffff;}
.caseLists .li .to{margin-top: 20px;}
.caseLists .li .to .lii{color: #002266;font-size: 16px;font-weight: bold;}
.caseLists .li .to img{display: inline-block;height: 14px;vertical-align: middle;margin: -4px 0 0 10px;transition: all .3s;}
.caseLists .li .to .lii+.lii{margin-left: 30px;}
.caseLists .li .to .lii:hover{color: #224FB9;}
.caseLists .li .to .lii:hover img{transition: all .3s;transform: translateX(5px);}

/* 新闻详情 */
.detailTop{display: flex;justify-content: space-between;gap: 60px;align-items: center;}
.detailTop .left{flex: 1;}
.detailTop .tit{font-size:clamp(24px,2vw,48px);font-weight: 500;}
.detailTop .tit::after{content: '';display: block;width: 1.875vw;height: 1.875vw;background: url(../img/dh.png) no-repeat center / 100% 100%;position: absolute;left: -2vw;top: -1vw;}
.detailTop .des{margin-top: 1vw;line-height: 1.5;}
.detailTop .des span{display: inline-block;margin: 5px;}
.detailTop .des b{color: #0C59CC;margin-right: 5px;}
.detailTop .lab{overflow: hidden;margin-top: 1vw;}
.detailTop .lab .li{display: block;margin-right: 1vw;padding: 10px 20px; float: left;border: 1px solid rgba(41,116,225,0.67);border-radius: 2px;font-size: 14px;color: #224FB9;}
.detailTop .lab .li:hover{background: #007AFF;color: #ffffff;}
.detailTop .lab .li:last-child{margin-right: 1vw;}
.detailTop .data{display: flex;margin-top: 3vw;}
.detailTop .data li{padding: 0 1vw;border-right: 1px solid rgba(41,116,225,0.67);}
.detailTop .data li:first-child{padding-left: 0;}
.detailTop .data li:last-child{padding-right: 0;border-right: none;}
.detailTop .data li p:first-child{font-size:clamp(18px,1.2vw,24px);font-weight: 600;color: #0C59CC;}
.detailTop .data li p:last-child{margin-top: 10px;}
.detailTop .right{width:58%;}
.detailTop .img{display: block;width: 100%;}

.hasBanner{padding-top: 0;}
.hasBanner .detailTop .tit::after{background: url(../img/yh.png) no-repeat center / 100% 100%;}
.hasBanner .location * {color: rgba(255, 255, 255, 0.66);}
.hasBanner .detailTop{padding:8% 12% 5%; background: url(../img/0banner4.png) no-repeat center / cover;}
.hasBanner .detailTop .tit,
.hasBanner .detailTop .data li p:last-child{color:#ffffff;}
.hasBanner .detailTop .lab .li{color:#ffffff;border: 1px solid rgba(255, 255, 255, 0.67);}
.hasBanner .detailTop .data li p:first-child{color:#ff9900;}
.hasBanner .detailTop .data li{border-right: none;}
.hasBanner .detailTop .data li:first-child::after{display: none;}
.hasBanner .detailTop .data li::after{content: '';display: block;width:1px;height:50%;position: absolute;top:25%;left:0;background: rgba(255, 255, 255, 0.67);}
.hasBanner .location{left: 8%;top: 2%;}
.detailTop.c-text .lab .li{display: inline-block;float: none;}




.industry_label{overflow: hidden;margin-top: 1vw;}
.industry_label .li{display: block;margin-right: 1vw;padding: 6px 15px; float: left;background: #ffffff;
    color: #224FB9;border-radius: 30px;font-size: 14px;}
.industry_label .li:hover{background: #ff9900;color: #ffffff;}
.detailMiddle{padding: 2vw 0 4vw;border-top: 1px solid #E5EDFB;margin-top: 5%;display: flex;justify-content: space-between;gap: 100px;}
.detailMiddle .left{flex: 1;line-height: 2;}
.detailMiddle .left img{max-width: 100%;margin: 10px 0;}
.detailMiddle .right{width: 24%;max-width: 340px;min-width: 240px;}
.detailMiddle .center{position: sticky;top: 20px;}
.detailMiddle .title{border-bottom: 2px dashed #bfdbff;padding: 10px;font-weight: bold;}
.detailMiddle .cont{padding: 10px;}
.detailMiddle .cont .li{display: inline-block;font-size: 14px;margin-right: 10px;margin-bottom: 10px;}
.detailMiddle .cont .img{display: block;border-radius:4px;margin-bottom: 10px;overflow: hidden;}
.detailMiddle .cont img{display: block;width: 100%;transition: all .3s;}
.detailMiddle .cont .mask{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;
	background: linear-gradient( 180deg, rgba(51,64,82,0.23) 0%, rgba(40,62,86,0.4) 52%, rgba(47,68,91,0.59) 73%, rgba(0,20,40,0.88) 100%);}
.detailMiddle .cont .to{font-size: 14px;display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px 30px 15px 15px;color: #FFFFFF;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url(../img/to3.png) no-repeat center right 5px / auto 24px;}
.detailMiddle .cont .img:hover img{transform: scale(1.2);transition: all .3s;}
.detailBottom{}
.detailBottom .keyword{font-weight: bold;}
.detailBottom .keyword a{font-weight: normal;font-size: 14px;line-height: 28px;border-radius: 2px;padding: 0 8px;margin: 0 5px;display: inline-block;background: #F3F7FC;}
.detailBottom .keyword a:hover{color: #FFFFFF;background: #007AFF;}
.detailBottom .flip{font-weight: bold;border-top: 1px solid #E5EDFB;padding-top: 15px;margin-top: 15px;display: flex;justify-content: space-between;}
.detailBottom .flip .li{width: 49%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detailBottom .flip .li+.li{text-align: right;}
.detailBottom .flip a{font-weight: normal;}
.detailBottom .flip a:hover{color: #007AFF;}

/* 场景详情 */
.sceneBG{background: #F8FBFE;padding: 4% 0;}
.sceneTitle{margin-bottom: 30px;width: 100%;}
.sceneTitle .s1{font-size: 28px;font-weight: bold;color: #2C304B;}
.sceneTitle .s1 span{font-weight: 500;font-size: 20px;margin-left: 5px;}
.sceneTitle .s2{color: #606A76;margin-top: 10px;}
.growthCont{display: flex;background: url(../img/line1.png) no-repeat bottom / 100% auto;}
.growthCont .li{width: 25%;flex: 1;padding:0 15px 40px;
background: url(../img/line.png) repeat-y left bottom / auto 100%;}
.growthCont .li:before{content: '';display: block;position: absolute;left: -8px;top: 0;background: #0C59CC;width: 18px;height: 18px;border-radius: 100%;}
.growthCont .li::after{content: '';display: block;position: absolute;bottom: 0;left: -8px;background: #F8FBFE;width: 18px;height: 18px;}
.growthCont .li .t1{font-size: 30px;margin-top: -10px;font-weight: bold;}
.growthCont .li .t2{font-size: 18px;line-height: 1.333;font-weight: 600;margin-top: 20px;}
.growthCont .li .t3{line-height: 1.5;margin-top: 20px;}
.growthCont .li:hover .t1,
.growthCont .li:hover .t2{color: #0C59CC;}
.scenePartOne{padding: 40px 0;border-top: 1px solid #E5EDFB;margin-top: 8%;}
.scenePartOne .cont{display: flex;flex-wrap: wrap;gap: 30px;}
.scenePartOne .cont .li{flex: 1 1 calc((100% - 60px) / 3);box-shadow: 0px 0px 8px 1px rgba(155,181,226,0.28);border-radius: 6px;background: #FFFFFF;padding: 40px 20px;
display: flex;flex-wrap: wrap;flex-direction: column;}
.scenePartOne .layout-4 .li{flex: 1 1 calc((100% - 90px) / 4);}
.scenePartOne .li .t1{font-size: 18px;line-height: 1.333;font-weight: 600;}
.scenePartOne .li .t2{line-height: 1.5;margin: 20px 0 0;}
.scenePartOne .li .t3{display: block; width: 60%;margin: 0 auto;margin-top: auto;}
.scenePartTwo{margin-top: 40px;}
.scenePartTwo+.scenePartTwo{margin-top: 60px;}
.scenePartTwo .center{background: #1C5CA7;display: flex;border-radius:6px;flex-wrap: wrap;}
.scenePartTwo .left{width: 28%;height:29vw;
	background: rgba(255, 255, 255,0.1);padding:30px 0 30px 30px;color: #FFFFFF;box-shadow: inset -3px 0px 6px 1px rgba(0,0,0,0.16);}
.scenePartTwo .left .bao{text-align: justify;padding-right:30px; width:100%;height:100%;overflow-y: auto; display: flex; flex-direction: column;justify-content: space-evenly;}
.scenePartTwo .left .li+.li{margin-top: 25px;}
.scenePartTwo .left .t1{font-size: clamp(15px,1vw,20px);line-height: 1.333;font-weight: bold;}
.scenePartTwo .left .t2{line-height: 1.5;margin-top: 5px;font-size: clamp(12px,0.83vw,16px);color: #F5F7F9;}
.scenePartTwo .right{flex: 1;padding:30px;align-self: center;}
.scenePartTwo .right .img{display: block;width: 100%;}

/* APS */
.pain_point{padding: 6% 4% 0; min-height: 100vh;background: url(../img/a2.png) no-repeat center bottom / 100% 100%;
display: flex;flex-wrap: wrap;}
.pain_point .cont{width: 100%; display: flex;margin-top: auto;flex-wrap: wrap;justify-content: center;gap: 6px;}
/* .pain_point .cont .li.on, */
.pain_point .cont .li:hover{background: linear-gradient( 180deg, #0561EA 0%, rgba(16,152,255,0.69) 47%, rgba(5,178,246,0.2) 77%, rgba(0,188,243,0) 100%);}
.pain_point .cont .li:hover .tit{opacity: 1;}
.pain_point .cont .li{padding-bottom: 8vw; flex:1;border-radius: 8px;}
.pain_point .cont .li .center{margin: 6px;padding: 60px 20px; background: #FFFFFF;border-radius:4px;box-shadow: 0px 8px 13px 1px rgba(3,95,186,0.31);text-align: center;}
.pain_point .cont .li .tit{opacity: 0; text-align: center; margin: 20px 5px;color: #FFFFFF;font-size:clamp(18px,1.5vw,30px);font-weight: 600;}
.pain_point .cont .li .img{display: block;height: 42px;margin: 0 auto;}
.pain_point .cont .li .aa{font-size:clamp(16px,1.4vw,28px);font-weight: bold;margin-top: 20px;}
.pain_point .cont .li .bb{font-size:clamp(12px,0.83vw,16px);line-height: 1.5;margin-top: 20px;padding-bottom: 20px; color: #32373E;border-bottom: 1px dashed rgba(211,225,245,0.7);}
.pain_point .cont .li .cc{font-size:clamp(13px,0.93vw,18px);color: #2C304B;line-height: 2;margin-top: 20px;}

.platform{min-height: 100vh;background: #F4F8FB;padding:6% 4% 6%;display: flex;flex-wrap: wrap;align-content: space-between;}
.platform .bg{background: linear-gradient( 90deg, #054A7E 0%, #023A82 53%, #032163 100%);position: absolute;height: 50%;width:100%;left: 0;top:0;}
.platform .commonTitle{margin-bottom: 0;}
.platform .commonTitle *{color: #ffffff;}
.platform .title{border-radius: 36px;background: rgba(255, 255, 255, 0.2);width: 100%;padding: 12px 0;display: flex;align-items: center;}
.platform .title li{width: 33.33%;text-align: center; font-size:clamp(18px,1.4vw,28px);color: #FFFFFF;}
.platform .title li+li{border-left: 1px solid #FFFFFF;}
.platform .cont{display: flex;gap: 2vw;flex-wrap: wrap;width: 100%;margin-top: auto;}
.platform .cont li{background: url(../img/bg13.png) no-repeat center / 100% 100% #ffffff;
	flex: 1;box-shadow: 0px 0px 12px 1px rgba(155,181,226,0.28);border-radius: 26px 26px 4px 4px;padding: 2vw;}
.platform .cont li a{display: flex;flex-wrap: wrap;flex-direction: column;width: 100%;height: 100%;}
.platform .cont li .img{position: absolute;right: 1vw;top: -4vw;}
.platform .cont li .img img{display: block;width: 8vw;}
.platform .cont li .ch{font-size:clamp(20px,1.6vw,32px);font-weight: bold;color: #0C59CC;margin-bottom: 10px;width: 100%;}
.platform .cont li .en{font-size:clamp(16px,1vw,20px);font-weight: 500;margin-bottom: 1vw;width: 100%;}
.platform .cont li .point{font-size:clamp(18px,1.4vw,28px);font-weight: 400;margin-bottom: 1.5vw;width: 100%;}
.platform .cont li .des{font-size:clamp(16px,1vw,20px);font-weight: 400;width: 100%;margin-bottom: 2.5vw;}
.platform .cont li .des .li+.li{margin-top: 1vw;}
.platform .cont li .des .li img{display: inline-block;height: 1.2vw;vertical-align: middle;margin-top: -4px;margin-right: 1vw;}
.platform .cont li .feature{font-size:clamp(16px,1vw,20px);display: flex;justify-content: center;margin-top: auto;width: 100%;margin-bottom: 1vw;}
.platform .cont li .feature .li{flex: 1;text-align: center;max-width: 33.33%;}
.platform .cont li .feature .li+.li{border-left: 1px solid rgba(211,225,245,0.7);}
.platform .cont li .feature img{display: block;height: 1.5vw;margin: 0 auto;}
.platform .cont li .line{border-radius: 20px 20px 0px 0px;background: #0E7FD4;width: 50%;height: 8px;position: absolute;bottom: -2vw;left: 25%;}
.platform .cont li:nth-child(2n) .line{background: #0F52B8;}
.platform .cont li:nth-child(3n) .line{background: #0B4193;}
.platform .cont li:hover .line{background:#FF9900 ; height: 20px;}
.platform .cont li:hover .ch{color:#FF9900;}

.solution{background: url(../img/a3.png) no-repeat center / 100% 100%;padding: 5% 0;overflow: hidden;}
.solution .lists{}
.solution .lists .li{display: flex;justify-content: space-between;padding: 0 5%;align-items: center;}
.solution .lists .li+.li{margin-top: 3vw;}
.solution .lists .half{z-index: 1; width: 45%;padding: 2vw 3vw;display: flex;justify-content: space-between;align-items: center; overflow: hidden;background: url(../img/a7.png) no-repeat center / 100% 100%;}
.solution .lists .half .bg{display: block;height: 100%;width:100%; position: absolute;top: 0;left:0; opacity: 0.1;}
.solution .lists .half .img{width: 50%;background: url(../img/a9.png) no-repeat center right / auto 100%;height: 12vw;padding: 5px;}
.solution .lists .half .img img{display: block;float: right; width: calc(12vw - 10px);height:calc(12vw - 10px);border-radius: 100%;object-fit: cover;}
.solution .lists .half .txt{color: #ffffff;flex: 1;padding-left: 2vw;background: url(../img/a11.png) no-repeat bottom right / auto 1.5vw;padding-bottom: 1vw;}
.solution .lists .half .txt p:first-child{font-style: italic;font-weight: bold;font-size:clamp(24px,2vw,40px);line-height: 1.5;}
.solution .lists .half .txt p:last-child{font-size:clamp(14px,1vw,20px);margin-top: 10px;}
.solution .lists .half+.half{background: none;flex-direction: column;padding: 0;}
.solution .lists .li:after{content: '';display: block;position: absolute;height: 100%;width: 50%;right: 0;top: 0;
background: url(../img/a12.png) no-repeat right bottom / auto 100%;}
.solution .lists .half .tt{display: flex;border-radius: 50px;padding: 8px 18px;width: 100%;gap:5px;}
.solution .lists .half .tt:nth-child(odd){background: linear-gradient( 270deg, rgba(214,235,255,0) 0%, rgba(196,222,255,0.2) 100%);}
.solution .lists .half .tt+.tt{margin-top: 8px;}
.solution .lists .half .tt .aa{color: #023F94;font-weight: 500;font-size:clamp(14px,1.1vw,22px);white-space: nowrap;font-weight: bold;}
.solution .lists .half .tt .bb{color: #2C304B;font-weight: 400;font-size:clamp(14px,1.1vw,22px);}
.solution .lists .li:nth-child(even){flex-direction: row-reverse;}
.solution .lists .li:nth-child(even):after{background: url(../img/a13.png) no-repeat left bottom / auto 100%;left: 0;right: auto;}
.solution .lists .li:nth-child(even) .half:last-child{padding-left: 4.5vw;}
.solution .lists .li:nth-child(even) .half:first-child{flex-direction: row-reverse;background: url(../img/a8.png) no-repeat center / 100% 100%;}
.solution .lists .li:nth-child(even) .half:first-child .txt{background: url(../img/a10.png) no-repeat bottom left / auto 1.5vw;}
.solution .lists .li:nth-child(even) .half:first-child .img{background: url(../img/a9-1.png) no-repeat center left / auto 100%;}
.solution .lists .li:nth-child(even) .half:first-child .img img{float: left;}



.architecture{padding: 5% 10% 0;}
.architecture .img{padding: 0 0 5%;}
.architecture .img img{display: block;width: 100%;}

.application_scenarios{overflow: hidden; min-height: 100vh; margin-top: 3%; background-repeat: no-repeat;background-position: center;background-size: cover;}
.application_scenarios .img{width: 100%;height: 100%;}
.application_scenarios .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.application_scenarios .mask{padding: 7% 4% 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(27, 42, 77, 0.67);}
.application_scenarios .commonTitle *{color: #ffffff;}
.application_scenarios .lists{margin-top: 40px;display: flex;flex-wrap: wrap;gap: 20px;}
.application_scenarios .lists .li{min-width: calc((100% - 60px) / 4);flex: 1;color: #ffffff;background: rgba(4,87,194,0.55);padding: 2.5%;}
.application_scenarios .lists .li:hover{background: linear-gradient( 180deg, rgba(255,153,0,0.44) 0%, rgba(255,157,10,0.79) 21%, rgba(255,153,0,0.64) 43%, #977400 100%);}
.application_scenarios .lists .li .tit{padding: 0.8vw 1.5vw;text-align: center; font-weight: 500;font-size:clamp(24px,1.5vw,30px);border-radius: 3.5vw;border: 1px solid rgba(255,255,255,0.77);box-shadow: 0px 0px 6px 1px #00B9FF;background: #003E9C;}
.application_scenarios .lists .li:hover .tit{box-shadow: none;background: none;}
.application_scenarios .lists .li .des{display: flex;justify-content: space-between;gap: 10px;margin-top: 12%;}
.application_scenarios .lists .li .txt{}
.application_scenarios .lists .li .txt p:first-child{padding-bottom: 0.6vw;font-size: 18px;}
.application_scenarios .lists .li .txt p+p{border-top: 1px solid rgba(255,255,255,0.38);padding-top: 0.3vw;font-size: 14px;}
.application_scenarios .lists .li .txt b{font-size:clamp(20px,1.3vw,26px);}
.application_scenarios .lists .li .txt p span{border: 1px solid rgba(255,255,255,0.38);border-radius: 20px;padding: 3px 10px;margin:3px;display: inline-block;}
.application_scenarios .lists .li .to{}
.application_scenarios .lists .li .to img{width: 3vw;}

.service{padding: 7% 0;background: url(../img/a5.png) no-repeat center / 100% 100%;}
.service .centerBox{width:80%;}
.service .lists{display: flex;justify-content: space-between;gap: 1.5vw;}
.service .lists .first{writing-mode: vertical-rl;text-align: center;letter-spacing: 5px; font-size: clamp(20px,1.5vw,30px);border-radius:8px;border: 1px solid #9ECFFF;background: #E9F6FF;padding: 0 20px;font-weight: bold;color: #4C93EC;}
.service .lists .last{writing-mode: vertical-rl;text-align: center;letter-spacing: 5px;font-size: clamp(20px,1.5vw,30px);border-radius:8px;border: 1px solid #9ECFFF;background: #9ECFFF;padding: 0 20px;font-weight: bold;color: #11367B;}
.service .lists .li{display: flex; flex-direction: column;justify-content: space-between;
	overflow: hidden; text-align: center;border-radius:8px;border: 1px solid #9ECFFF;background: #E9F6FF;padding: 30px 10px;width: 20%;}
.service .lists .li .img{z-index: 1;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);width: 100%;}
.service .lists .li img{display: block;width: 100%;height: 90px;}
.service .lists .li p{display: block;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);width: 100%;font-size: clamp(14px,1vw,20px);color: #ffffff;font-weight: 500;}
.service .lists .li i{font-size: 12px;}
.service .lists .li .txt{z-index: 1;color: #002266;line-height: 1.875;font-weight: 500;padding-bottom: 80px;font-size: clamp(14px,1vw,20px);text-align: left;}
.service .lists .li .txt:last-child{font-size: clamp(14px,1vw,20px);line-height: 1.667;padding-bottom: 0;padding-top: 50px;text-align: right;}
.service .lists .li:nth-child(2)::after{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 4.5vw solid transparent;border-right: 16vw solid #9ECFFF;}
.service .lists .li:nth-child(3)::before{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 4.5vw solid transparent;border-left: 16vw solid #9ECFFF;}
.service .lists .li:nth-child(3)::after{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 4.5vw solid transparent;border-right: 16vw solid #9ECFFF;border-bottom: 4.5vw solid transparent;}
.service .lists .li:nth-child(4)::before{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 9vw solid transparent;border-left: 16vw solid #9ECFFF;}
.service .lists .li:nth-child(4)::after{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 5vw solid transparent;border-right: 16vw solid #9ECFFF;border-bottom: 9vw solid transparent;}
.service .lists .li:nth-child(5)::before{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 14vw solid transparent;border-left: 16vw solid #9ECFFF;}
.service .lists .li:nth-child(5)::after{content: '';display: block;position: absolute;left: 0;bottom: 0;
width: 0;height: 0;border-top: 6vw solid transparent;border-right: 16vw solid #9ECFFF;border-bottom: 14vw solid transparent;}
/* .service .lists .li:hover{background-color: #ffffff;} */

.cooperation{padding: 6% 8%;background: url(../img/a6.png) no-repeat center / 100% 100%;}
.cooperation .lists{}
.cooperation .lists .li{background: #ffffff;border-radius:8px;display: flex;}
.cooperation .lists .li .half{width:50%;align-content: center;}
.cooperation .lists .li .half:first-child{padding: 10px 10px 10px 4vw;}
.cooperation .half .big{display: block;width: 100%;}
.cooperation .half .img{margin-bottom: 10px;}
.cooperation .half .img img{display: block;height: 54px;}
.cooperation .half .tit{font-weight: bold;font-size:clamp(20px,1.3vw,26px);margin-bottom: 1.5vw;}
.cooperation .half .lab{margin-bottom: 2vw;}
.cooperation .half .lab a{color: #224FB9;border: 1px solid #224FB9;border-radius: 20px;display: inline-block;padding:0.5vw 1vw;font-size:clamp(12px,0.83vw,16px);}
.cooperation .half .lab a+a{margin-left: 0.8vw;}
.cooperation .half .lab a:hover{background-color: #ff9900;}
.cooperation .half .to{color: #002266;display: inline-block;transition: all .3s;}
.cooperation .half .to img{display: inline-block;vertical-align: middle; height: 14px;margin: -4px 0 0 5px;}
.cooperation .half .to:hover{transform: scale(1.1);transition: all .3s;}

.group{padding: 6% 8%;}
.group .posImg{position: absolute;top: 0;right: 0;width: 60%;}
.group .posImg img{display: block;width: 100%;}
.group .content{z-index: 1;}
.group .content .leftText{width:58%;}
.group .leftText .aa{margin-bottom: 5px;font-weight: 900;font-size: clamp(18px,1.25vw,24px);}
.group .leftText .bb{color: #004896;font-weight: 900;font-size: clamp(24px,2.3vw,44px);margin-top: 1vw;}
.group .leftText .cc{margin-top:2vw;font-size: clamp(12px,1vw,20px);line-height: 1.5; text-align: justify;}
.group .leftText .dd{margin-top:3vw;display: flex;gap:1vw;}
.group .dd .list{}
.group .dd .tit{color: #004896;font-weight: 900;font-size: clamp(20px,1.8vw,36px);}
.group .dd .des{background: #004896; color: #fff;border-radius: 20px;padding: 4px 10px;display: inline-flex;margin-top: 1vw;}
.group .dd .lab{display: flex;flex-wrap: wrap;margin-top: 1vw;}
.group .dd .lab li{width: 33.33%;padding:5px 10px;font-weight: 900;font-size: clamp(12px,0.83vw,16px);}
.group .dd .lab li::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  left: 0;
}
.group .dd .lab li:nth-of-type(1)::before {
  background: #fb1d61;
}
.group .dd .lab li:nth-of-type(2)::before {
  background: #951dfb;
}
.group .dd .lab li:nth-of-type(3)::before {
  background: #ffcf8b;
}
.group .dd .lab li:nth-of-type(4)::before {
  background: #0074f1;
}
.group .dd .lab li:nth-of-type(5)::before {
  background: #7bf058;
}
.group .dd .lab li:nth-of-type(6)::before {
  background: #9debee;
}
/* 了解ALSI */
.banners{}
.banners .imgs{display: block;width: 100%;}
.banners .bgMask{/* background: linear-gradient( 262deg, rgba(0,69,105,0.19) 0%, rgba(0,0,0,0.53) 100%); */
position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 100px 4% 0;}
.banners .location{position: static;padding:0;}
.banners .location *{color: rgba(255,255,255,0.66);}
.banners .ban-txt{position: absolute;left: 0%;top: 50%;transform: translateY(-50%);padding: 0 4%;width: 100%;padding: 0 13%;}
.banners .ban-txt .tit{white-space: pre;line-height: 1.3;font-size:clamp(24px,2.9vw,56px);color: #FFFFFF;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);font-weight: bold;display: block; margin-bottom: 15px;}
.banners .ban-txt .big{white-space: pre;line-height: 1.3;font-size:clamp(20px,1.2vw,24px);color: #FFFFFF;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);font-weight: bold;display: block; margin-bottom: 20px;}
.banners .ban-txt .des{display: block; white-space: pre;color: rgba(255,255,255,0.8);font-size: 16px;margin-top: 20px;line-height: 1.5;text-shadow: 0px 1px 2px rgba(0,0,0,0.73);}
.banners .ban-txt .more{animation: show 3s linear forwards;opacity: 0;
	margin-top: 40px;box-shadow: 0px 0px 6px 1px #E8EEFE;border-radius: 20px;background: #FFFFFF;display: inline-block;line-height: 40px;padding: 0 20px;}
.banners .ban-txt .more span{display: inline-block;width: 20px;height: 20px;border-radius: 100%;margin: -4px 5px 0 0; vertical-align: middle;border: 2px solid #2054CF;}
.banners .ban-txt .more:hover{background: #2054CF;color: #ffffff;}
.banners .ban-txt .more:hover span{border: 2px solid #ffffff;}

.overview{overflow: hidden;padding: 6% 0;background: url(../img/s37.png) no-repeat center / 100% 100%;}
.overview .content{ display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;
 padding:4%;background: #FFFFFF;box-shadow: 0px 0px 12px 1px rgba(155,181,226,0.28);border-radius: 10px;}
.overview .content .left{width:47%;}
.overview  .left .des{font-weight: 400;font-size: clamp(14px,0.93vw,18px);line-height: 1.5;text-align: justify;}
.overview  .left .oth{display: flex;flex-wrap: wrap;gap:1vw;margin-top:2vw;}
.overview  .oth .li{width:calc(50% - 0.5vw);}
.overview  .left .li .aa{font-weight: bold;color: #0C59CC;font-size: clamp(12px,0.83vw,16px);margin-bottom:5px;}
.overview  .left .li .aa img{display: inline-block;height: 0.4vw;vertical-align: middle;margin:-4px 5px 0 0;}
.overview  .left .li .bb{font-size: clamp(12px,0.83vw,16px);color: #2C304B;font-weight: 500;line-height: 1.5;}
.overview .content .right{width:48%;}
.overview .right .img{display: block;width:100%;border-radius:8px;}
.overview.introduction{background: none;}
.overview.introduction .content{flex-direction: row-reverse;}
/* .overview.introduction .left .des{font-size: clamp(14px,1.1vw,22px);color: #192B50;} */
.overview .btns{margin-top:1vw; font-size: clamp(12px,0.83vw,16px);display: flex;justify-content: space-between;}
.overview .btns .li{display: inline-block;text-align: center; width:48%; border-radius: 8px;color: #FFFFFF;height: 40px;line-height: 40px;
	background: linear-gradient( 179deg, #4E8AF2cc 0%, #397EF5cc 16%, #256FE0cc 34%, #115DBFcc 54%, #1959AFcc 66%, #185BB6cc 77%, #2A64B7cc 87%, #3268C4cc 100%);}
/* .overview .btns .li+.li{background: linear-gradient( 179deg, #F2D04Ecc 0%, #F5B139cc 16%, #E0A025cc 32%, #D6942Ecc 45%, #D48C20cc 56%, #CF8C0Dcc 69%, #C28D32cc 81%, #C49C32cc 100%);} */
.overview .btns .li:hover{background: #298DF7;}



.group_data{overflow: hidden;padding: 0 0 6%;}
.group_data .commonTitle .tit{font-size: clamp(18px,1.5vw,30px);}
.group_data .content{display: flex;flex-wrap: wrap;gap:2vw;}
.group_data .content .li{width:calc((100% - 6vw) / 4); border-radius: 10px;background: rgba(255, 254, 238, 0.48);padding:1.5vw;text-align: center;}
.group_data .content .li .aa{font-weight: bold;font-size: clamp(18px,1.5vw,30px);color: #004896;}
.group_data .content .li .bb{margin-top: 10px;}
.group_data .content .li .bb img{width:7vw;height:7vw;}
.group_data .content .li .cc{color: #014996;font-size: clamp(14px,1.2vw,24px);margin-top: 10px;display: inline-block;}
.group_data .content .li .cc .txt{z-index: 1;}
.group_data .content .li .cc b{font-size: clamp(28px,2.5vw,50px);margin:0 5px;}
.group_data .content .li .cc::after{content: '';display: block;background: rgba(255, 231, 0, 0.32);position: absolute;bottom: 0;height: 1vw;width:100%;}
.group_data .content .li:hover{box-shadow: 0px 0px 20px 1px rgba(188,225,243,0.58);border-radius: 10px;background: #EDF9FE;}
.group_data .content .li:hover .cc::after{background: #FFE700;}

.history{overflow: hidden;padding: 7% 4% 7% 12%;background: url(../img/s39.png) no-repeat center top / cover;}
.history .center{}
.history .commonTitle{text-align: left;position: absolute;left: 0%;top: 0%;}
.history .commonTitle .tit,
.history .commonTitle .des{color: #FFFFFF;}
.history .content{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.history .content .times{width:32%;text-align: right;}
.history .times .li{color: #FFFFFF;font-size: clamp(14px,1.2vw,24px);font-weight: 500;cursor: pointer;}
.history .times .li:hover{color: #ffae57;}
.history .times .li.on{font-size: clamp(28px,2.4vw,48px);}
.history .times .li+.li{margin-top: 1vw;}
.history .content .events{width:55%;margin:2vw 0;}
.history .events .list{color: #FFFFFF;display: none;}
.history .events .list:first-child{display: block;}
.history .list .li+.li{margin-top:3vw;}
.history .list .aa{font-size: clamp(20px,2vw,40px);font-weight: 500;}
.history .list .tit{font-size: clamp(14px,1.1vw,22px);font-weight: 500;margin-top:10px;}
.history .list .des{font-size: clamp(14px,0.93vw,18px);font-weight: 300;margin-top:10px;line-height: 2;}

.global_layout{overflow: hidden;padding: 4%;background: url(../img/s54.png) no-repeat center / 100% 100%;border-radius: 40px 40px 0px 0px;background: #032B70;}
.global_layout .commonTitle *{color: #ffffff !important;}
.global_layout .img{width:65%;margin: 0 auto;}
.global_layout .img img{display: block;width:100%;}
.global_layout .txt{font-size: clamp(14px,1vw,20px);line-height: 1.5;text-align: center;width:65%;margin: 1vw auto 0;border-radius: 50px;border: 1px solid rgba(255,255,255,0.29);padding:1vw;color: #FFFFFF;
background: linear-gradient( 180deg, rgba(255,255,255,0.1) 0%, #294174 50%, rgba(255,255,255,0.1) 100%);
box-shadow:inset 0px 0px 16px 1px #ACB7C4, inset 5px 7px 59px 1px rgba(164,184,208,0.52);}

.career{padding: 4% 0;background: url(../img/s40.png) no-repeat center / 100% 100%;overflow: hidden;}
.career .li{display: flex;flex-wrap: wrap;gap:5vw;align-items: center;padding:20px 0;}
.career .li:nth-child(odd) .txt{padding-left: 12%;}
.career .li:nth-child(even){flex-direction: row-reverse;}
.career .li:nth-child(even) .txt{padding-right: 12%;}
.career .li .txt{flex: 1;text-align: justify;}
.career .li .img{width:50%;}
.career .li .img img{display: block;width:100%;}
.career .li .txt .aa{color: #002266;font-weight: bold;font-size: clamp(20px,1.8vw,36px);}
.career .li .txt .aa span{font-size: clamp(16px,1.4vw,28px);}
.career .li .txt .bb{color: #002266;line-height: 1.5;font-weight: 400;font-size: clamp(14px,0.93vw,18px);margin-top:1vw;}



.suspension{font-size: clamp(16px,1vw,20px);background: #F8FBFE;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);padding: 30px 0;width: 100%;position: sticky;top: 0;z-index: 2;}
.suspension a{display: block;float: left;/* padding-left:30px; background: url(../img/t9.png) no-repeat left / auto 100%; */}
.suspension a+a{margin-left: 40px;}
.suspension a.on,
.suspension a:hover{color: #0C59CC;}
.suspension a:after{content: '';display: block;position: absolute;left: 10%;bottom: -6px;width: 0;height: 2px;background-color: #0C59CC;transition: all .3s;}
.suspension a:hover:after{width: 80%;transition: all .3s;}
.suspension a.on:after{width: 80%;}
.speech{background: url(../img/bg8.png) no-repeat center bottom / 100% auto;}
.speech .content{padding: 7% 0 10%;width: 75%;max-width: 1440px;margin: 0 auto;display: flex;gap: 3vw;}
.speech .content .left{width: 70%;}
.speech .content .left .aa img{display: block;height: 3vw;}
.speech .content .left .bb{margin-top: 3vw;}
.speech .content .left .bb img{display: block;height: 2vw;}
.speech .content .left .cc{font-size: clamp(20px,1.2vw,24px);line-height: 1.333;color: #056ED3;padding: 1vw; margin-top: 1vw;background: linear-gradient( 270deg, rgba(214,235,255,0) 0%, rgba(196,222,255,0.52) 100%);}
.speech .content .left .cc span{color: #A40009;}
.speech .content .left .dd{font-size: clamp(14px,0.93vw,18px);line-height: 2;margin-top: 2vw;}
.speech .content .right{flex: 1;text-align: right;padding-top: 6vw;}
.speech .content .right .aa{margin-bottom: 10px;}
.speech .content .right .aa img{display: block;width: 100%;}
.speech .content .right .bb{margin-top: 15px;font-size: clamp(12px,0.83vw,16px);}
.speech .content .right .cc{margin-top: 10px;font-size: clamp(12px,0.83vw,16px);}
.speech .content .right .cc span{font-size: clamp(20px,1.5vw,30px);margin-left: 10px;}
.speech .content .right .dd{background: url(../img/bg7.png) no-repeat bottom right / 80% auto; overflow: hidden;}
.speech .content .right .dd img{display: block;width: 80%;float: right;}

.contact_us{}
.contact_us .mapImg{}
.contact_us .mapImg img{display: block;width: 100%;}
.flicker{animation: zoomIn 1.5s infinite;display: block;width:3vw;height: 3vw;background-color: #f729483d;border-radius: 100%;position: absolute;right: 18.9%;top: 34%;}
.contact_us .center{position: absolute;left: 6%;top: 50%;transform: translateY(-50%); padding: 2.5vw; width:37.5%; min-width:500px; max-width: 720px;box-shadow: 0px 0px 6px 1px rgba(155,181,226,0.28);border-radius:6px;background: #FFFFFF;}
.contact_us .center .title{padding: 0 5px;font-size: clamp(24px,1.8vw,36px);font-weight: bold;color: #002266;padding-bottom: 1.3vw;}
.contact_us .center .title::after{content: '';position: absolute;left: 0%;bottom: 0; width: 100%;height: 1px;background: linear-gradient( 90deg, #0864CD 0%, rgba(209,235,255,0.28) 100%);}
.contact_us .infor{display: flex;flex-wrap: wrap;}
.contact_us .infor .li{width: 50%;border-bottom: 1px dashed #CDCFD4;padding: 1.5vw 5px;} 
.contact_us .infor .li:last-child{width: 100%;border: none;}
.contact_us .infor .t1{display: block;color: #9F9F9F;font-size: clamp(12px,0.83vw,16px);}
.contact_us .infor .t2{display: block;color: #222222;font-size: clamp(14px,0.93vw,18px);font-weight: bold;margin-top: 1vw;padding-left: 20px;}
.contact_us .infor img{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin: -4px 4px 0 0;}
.office{padding: 3.5vw 5vw; display: flex;flex-wrap: wrap;margin: -50px 4% 100px;background: #0D3878;border-radius: 6px;box-shadow: 0px 0px 14px 1px rgba(211,225,245,0.7);}
.office .li{width: 33.33%;padding: 0 20px;}
.office .li *{color: #ffffff;}
.office .li+.li{border-left: 1px dashed #3460d6;}
.office .img{position: absolute;right: 20px;bottom: 5%;height: 90%;}
.office .title{color: #F4F4F4;font-size: clamp(18px,1.3vw,26px);margin-bottom: 2.5vw;font-weight: bold;}
.office .t1{display: block;font-size: clamp(12px,0.83vw,16px);}
.office .t1 img{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin: -4px 4px 0 0;}
.office .t2{display: block;font-size: clamp(14px,0.93vw,18px);font-weight: bold;margin-top: 1vw;padding-left: 20px;}

.corporate_culture{background: rgba(255,254,246,1);padding: 6% 0 10%;}
.corporate_culture .content{display: flex;flex-wrap: wrap;}
.corporate_culture .content .li{width: 33.33%;display: flex;flex-direction: column;}
.corporate_culture .content .li .img{z-index: 1;}
.corporate_culture .content .li img{display: block;width: 100%;}
.corporate_culture .content .li .txt{text-align: justify;font-size: clamp(14px,1vw,20px);color: #004896;line-height: 1.5;border-radius:2px;border-left:3px solid #004896;padding-top: 70px;margin-top: -30px;margin-left: 25px;}
.corporate_culture .content .li .txt span{display: inline-block;font-size: clamp(12px,0.83vw,16px);vertical-align: middle;margin: -4px 10px 0 0;}
.corporate_culture .content .li:nth-child(even){flex-direction: column-reverse;margin-top: 50px;}
.corporate_culture .content .li:nth-child(even) .txt{margin-top: 0;margin-bottom: -30px;padding-top: 0;padding-bottom: 70px;}

.corporate_philosophy{margin: 6% 4%;z-index: 1;}
.corporate_philosophy .imgs{display: flex;flex-wrap: wrap;align-items: end;}
.corporate_philosophy .li:first-child{width: 52.8%;border-radius: 8px;}
.corporate_philosophy .li:last-child{flex: 1;border-radius: 8px;}
.corporate_philosophy .li img{display: block;width: 100%;}
.corporate_philosophy .titBox{position: absolute;left: 0;top: 0;padding-left: 8%;}
.corporate_philosophy .titBox .aa{font-size: clamp(24px,2.4vw,48px);}
.corporate_philosophy .titBox .bb{font-size: clamp(20px,1.5vw,30px);margin-top: 10px;}
.corporate_philosophy .txtBox{align-content: center;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);color: #FFFFFF; background: rgba(0,72,150,0.85);border-radius: 2px;padding: 20px;text-align: center;height: 100%;width: 33%;}
.corporate_philosophy .txtBox .aa{font-size: clamp(20px,1.5vw,30px);line-height: 1.5;margin-bottom: 3vw;}
.corporate_philosophy .txtBox .bb{font-size: clamp(14px,1.1vw,22px);line-height: 2;}

.corporate_objectives{margin-bottom: 6%;}
.corporate_objectives .center{display: flex;flex-wrap: wrap;justify-content: space-between;z-index: 1;}
.corporate_objectives .imgs{width: 65%;}
.corporate_objectives .imgs img{display: block;width: 100%;}
.corporate_objectives .titBox{width: 32%;font-size: clamp(14px,1.1vw,22px);color: #004896;line-height: 2;padding-top: 8%;}
.corporate_objectives .titBox span{display: inline-block;font-size: clamp(12px,0.83vw,16px);vertical-align: middle;margin: -4px 10px 0 0;}
.corporate_objectives .txtBox{z-index: 1;position: absolute;right: 0;bottom: 0;padding: 3.5%;width: 46%; box-shadow: inset 3px 4px 4px 1px rgba(0,0,0,0.16);background: #FFFFFF;border-radius: 5px 5px 5px 0px;}
.corporate_objectives .txtBox .aa{font-size: clamp(24px,2.4vw,48px);}
.corporate_objectives .txtBox .bb{font-size: clamp(20px,1.5vw,30px);margin-top: 10px;}
.corporate_objectives .txtBox .cc{color: #004896;font-size: clamp(20px,1.5vw,30px);line-height: 2;margin-top: 1.5vw;}
.corporate_objectives .txtBox .cc span{display: inline-block;font-size: clamp(12px,1vw,20px);vertical-align: middle;margin: -4px 0 0 10px;}
.corporate_objectives:after{content: '';display: block;width: 100%;height: 100%;background: rgba(238,238,238,0.45);position: absolute;left: 0;top: -42%;z-index: 0;}

.corporate_vision{background: url(../img/c22.png) no-repeat center  / 100% 100%;overflow: hidden;}
.corporate_vision .center{width: 62.5%;margin: 0 auto;max-width: 1200px;overflow: hidden;color: #FFFFFF;padding: 4% 0;display: flex;justify-content: space-between;align-items: center;}
.corporate_vision .center .txtBox{width: 45%;}
.corporate_vision .center .aa{font-size: clamp(24px,2.4vw,48px);}
.corporate_vision .center .bb{font-size: clamp(20px,1.5vw,30px);margin-top: 10px;}
.corporate_vision .center .cc{font-size: clamp(20px,1.5vw,30px);line-height: 2;margin-top: 1.5vw;}
.corporate_vision .center .imgs{width: 50%;}
.corporate_vision .center .imgs .img{width: 100%;display: block;}
.corporate_vision .center .imgs .tit{margin-top: 1vw;font-size: clamp(14px,1.1vw,22px);line-height: 2;padding-left: 1vw;}
.corporate_vision .center .imgs .tit span{display: inline-block;font-size: clamp(12px,0.83vw,16px);vertical-align: middle;margin: -4px 10px 0 0;}

.corporate_mission{padding: 5% 0;background: url(../img/c23.png) no-repeat center  / 100% 100%;overflow: hidden;}
.corporate_mission .center{display: flex;justify-content: space-between;align-items: center;}
.corporate_mission .center .imgs{width: 50%;}
.corporate_mission .center .imgs .img{width: 100%;display: block;}
.corporate_mission .center .txtBox{width: 45%;}
.corporate_mission .center .aa{font-size: clamp(24px,2.4vw,48px);}
.corporate_mission .center .bb{font-size: clamp(20px,1.5vw,30px);margin-top: 10px;}
.corporate_mission .center .cc{margin-top: 2vw;font-size: clamp(20px,1.5vw,30px);color: #004896;line-height: 1.5;}
.corporate_mission .center .cc span{display: inline-block;font-size: clamp(12px,1vw,20px);vertical-align: middle;margin: -4px 10px 0 0;}
.corporate_mission .center .dd{font-size: clamp(14px,1.1vw,22px);line-height: 2;margin-top: 3vw;color: #004896;}
.corporate_mission .center .dd span{display: inline-block;font-size: clamp(12px,0.83vw,16px);vertical-align: middle;margin: -4px 10px 0 0;}

.corporate_values{}
.corporate_values .img{width: 100%;display: block;}
.corporate_values .txtBox{position: absolute;left: 0%;top: 50%;transform: translateY(-50%);color: #FFFFFF;padding-left: 18%;max-width:50%;}
.corporate_values .txtBox .aa{font-size: clamp(24px,2.4vw,48px);}
.corporate_values .txtBox .bb{font-size: clamp(20px,1.5vw,30px);margin-top: 10px;}
.corporate_values .txtBox .cc::after{content: '▶';display: block;font-size: clamp(12px,0.83vw,16px);position: absolute;left: -20px;top: 5px;}
.corporate_values .txtBox .cc{margin-top: 2vw;font-size: clamp(20px,1.5vw,30px);line-height: 1.5;}
.corporate_values .txtBox .cc span{display: inline-block;font-size: clamp(12px,0.83vw,16px);vertical-align: middle;margin: -4px 10px 0 0;}
.corporate_values .txtBox .dd{font-size: clamp(16px,1.1vw,22px);line-height: 2;margin-top: 2vw;padding: 20px 20px 20px 0;}
/* .corporate_values .txtBox .dd::after{content: '';display: block;position: absolute;right: 0;top: 0;width: 160%;height: 100%;border-radius: 10px;
background: linear-gradient( 90deg, rgba(49,142,241,0.02) 0%, #0062CC 100%);z-index: -1;} */

/* 场景列表 */
.sceneList{background: #F8FBFE;padding: 3.5%;}
.sceneList .center{display: flex;flex-wrap: wrap;gap:2vw;}
.sceneList .center .list.half{max-width:calc((100% - 2vw)/2);}
.sceneList .center .list.third{max-width: calc((100% - 4vw)/3);}
.sceneList .center .list{background: url(../img/bg9.png) no-repeat bottom right / auto 8vw #ffffff;padding:2vw;border-radius: 50px 6px 6px 6px;overflow: hidden;}
.sceneList .center .list .tit{color: #002266;font-size: clamp(16px,1.2vw,24px);font-weight: bold;}
.sceneList .center .list .tit b{color: #FF9900;font-size: clamp(28px,2.1vw,42px);}
.sceneList .center .list .tit::after{content: '';display: block;position: absolute;left: -2vw;top: 50%;    margin-top: -8px;
width: 0;height: 0;border-top: 8px solid transparent;border-left: 14px solid #004896;border-bottom: 8px solid transparent;}
.sceneList .center .list .des{color: #606A76;font-size: clamp(12px,0.83vw,16px);margin-top: 10px;}
.sceneList .center .list .moreLinks{margin-top: 2vw;}
.sceneList .center .list .moreLinks .li{display: block; color: #004896;font-size: clamp(14px,0.83vw,16px);;white-space: nowrap;}
.sceneList .center .list .moreLinks .li:hover{ text-decoration: underline;}
.sceneList .center .list .moreLinks .li img{display: inline-block;vertical-align: middle;width: 1.2vw;height:1.2vw;margin: -4px 5px 0 0;}
.sceneList .swiper-button-next, 
.sceneList .swiper-button-prev{width: 22px;height: 22px;}
.sceneList .swiper-button-next:after, 
.sceneList .swiper-button-prev:after{font-size: 16px;}
.sceneList .swiper-button-next{bottom: 0;top: auto;} 
.sceneList .swiper-button-prev{bottom: 0;top: auto;left:auto;right:30px;}
.sceneList .swiper{padding-bottom: 40px;}

/* 场景列表2 */
.scene_List_two{background: #F8FBFE;padding: 2%;}
.scene_List_two .center{display: flex;flex-wrap: wrap;gap:2vw;}
.scene_List_two .center .list.half{max-width:calc((100% - 2vw)/2);}
.scene_List_two .center .list.third{max-width: calc((100% - 4vw)/3);}
.scene_List_two .center .list{width:100%;overflow: hidden;}
.scene_List_two .center .list .title{}
.scene_List_two .center .list .title .tit{color: #002266;font-size: clamp(16px,1.2vw,24px);font-weight: bold;margin-top:1vw;}
.scene_List_two .center .list .title .tit b{color: #2054cf;font-size: clamp(24px,2vw,40px);}
.scene_List_two .center .list .title .tit::after{content: '';display: block;position: absolute;left: -2vw;top: 50%;margin-top: -8px;
width: 0;height: 0;border-top: 8px solid transparent;border-left: 14px solid #004896;border-bottom: 8px solid transparent;}
.scene_List_two .center .list .title .des{color: #606A76;font-size: clamp(14px,0.83vw,16px);margin-bottom: 10px;}
.scene_List_two .center .list .links{margin-top: 1vw;display: flex;flex-wrap: wrap;
/* background: url(../img/bg9.png) no-repeat bottom right / auto 100% #ffffff;padding:2vw;border-radius: 50px 6px 6px 6px; */
}
.scene_List_two .center .list .links .li{display: flex;flex-direction: column; width:24%;margin: 0.5%;padding:2.5vw 2vw;border-radius: 6px;
background: linear-gradient(180deg, rgba(137, 191, 255, .2), rgba(212, 231, 255, .2));}
.scene_List_two .center .list .links .li:hover{background: #ffffff;}
/* .scene_List_two .center .list .links .li:hover .tit,
.scene_List_two .center .list .links .li:hover .des{color: #ffffff;} */
.scene_List_two .center .list .links .li img{display: inline-block;vertical-align: middle;width: 1vw;height:1vw;margin: -4px 5px 0 0;}
.scene_List_two .center .list .links .li .tit{font-size: clamp(16px,0.93vw,18px);font-weight: bold;margin-bottom:10px;}
.scene_List_two .center .list .links .li .des{font-size: clamp(14px,0.83vw,16px);line-height:1.5;text-align: justify;margin-bottom:10px;}
.scene_List_two .center .list .links .li .to{}
.scene_List_two .center .list .links .li .to{margin-top: auto;}
.scene_List_two .center .list .links .li .to{color: #2054cf;font-size: clamp(12px,0.73vw,14px);}
.scene_List_two .center .list .links .li .to img{display: inline-block;height: clamp(12px,0.73vw,14px);width: auto;vertical-align: middle;margin: -2px 0 0 3px;transition: all .3s;}
.scene_List_two .center .list .links .li:hover .to img{transition: all .3s;transform: translateX(5px);}
.scene_List_two .center .list.half .links .li{width:49%;}
.scene_List_two .center .list.third .links .li{width:99%;}


/* S&OP */
.searchBox.sop .search{width:34%;background: linear-gradient( 213deg, #F7FBFF80 0%, #EEF4FD80 100%);line-height: 60px;}
.searchBox.sop .search .txt *{color: #FFFFFF;}
.searchBox.sop .search .sub{height: 60px;width:auto;padding: 0 30px;}
.searchBox.sop .search .sub *{background: none;color: #FFFFFF;font-size: clamp(14px, 1vw, 20px);}
/* 现代浏览器（Chrome, Edge, Firefox, Safari 等） */
.sop input::placeholder,
textarea::placeholder {
  color: #ffffff; /* 你想设置的颜色 */
  opacity: 1; /* 某些浏览器默认 opacity < 1，建议设为 1 */
}

/* Firefox 旧版本兼容 */
.sop input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

/* Chrome / Edge / Safari 旧版本 */
.sop input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.sop_value{background: #F8FBFE;padding:5% 0;}
.sop_value .content{}
.sop_value .content .li{margin-top: 5%;display: flex;flex-wrap: wrap;align-items: center; justify-content:space-between; padding: 0 12.5%;}
.sop_value .content .li .left{z-index: 1;width: 50%;border-radius: 10px;box-shadow: 0px 0px 32px 1px rgba(139,165,212,0.22);}
.sop_value .content .li .left img{display: block;width: 100%;}
.sop_value .content .li .right{width: 45%;border-radius: 60px 20px 20px 20px;padding: 2vw;color: #FFFFFF;z-index: 1;
background: linear-gradient( 46deg, #126DE2 0%, #215FB3 18%, #004EB1 44%, #0E52A3 67%, #0050AE 83%, #0052AE 100%);}
.sop_value .content .li:nth-child(even){padding: 0;flex-direction: row-reverse;}
.sop_value .content .li:nth-child(even) .right{width: 42%;padding-left: 6%;background: #024896;border-radius: 0px 60px 60px 0px;}
.sop_value .content .li:nth-child(even) .left{width: 37.5%;margin-right: 12.5%;}
.sop_value .content .li:nth-child(even)::after{background: #FFFFFF;width: 100%;height: 80%;content: '';display: block;left: 0;top:10%;position: absolute;}
.sop_value .content .li .right .aa{font-size: clamp(20px,2vw,40px);}
.sop_value .content .li .right .aa img{display:inline-block;height: 30px;vertical-align: middle;margin:-4px 5px 0 0;}
.sop_value .content .li .right .aa b{font-weight: bold;font-size: clamp(28px,2.5vw,50px);color: #55E4FF;vertical-align: middle;display:inline-block;}
.sop_value .content .li .right .aa span{color: #55E4FF;vertical-align: middle;display:inline-block;margin: -4px 10px 0;}
.sop_value .content .li .right .bb{margin-top: 2vw;line-height: 1.3;}
.sop_value .content .li .right .bb p{display: block;font-size: clamp(12px,1vw,20px);}
.sop_value .content .li .right .bb p+p{margin-top: 1.5vw;}
.sop_value .content .li .right .bb img{display:inline-block;height: 1.3vw;vertical-align: middle;margin:-2px 10px 0 0;}

.sop_system{padding:6% 0 10%; background: url(../img/sop4.png) no-repeat center / 100% 100%;}
.sop_system .content{padding:0 5vw;margin-top:3vw;display: flex;justify-content: center;gap: 2vw;}
.sop_system .content .li{padding:1.5% 1.5% 3%;width:17%;border-radius:8px;background: #F0F7FF;text-align: center;}
.sop_system .content .li:nth-child(even){background: #E6EFF8;}
.sop_system .content .li .center{color: #FFFFFF;background: #135EC2;box-shadow: 0px 2px 7px 1px rgba(0,46,127,0.84);border-radius:8px;padding:20px 5px;}
.sop_system .content .li:nth-child(even) .center{background: #002E7F;}
.sop_system .content .li .aa{font-size: clamp(16px,1.1vw,22px);}
.sop_system .content .li .bb{font-size: clamp(14px,1vw,20px);}
.sop_system .content .li .cc{text-align: justify;color: #606A76;font-size: clamp(12px,0.93vw,18px);line-height: 2;margin-top: 2vw;}
.sop_system .content .li .img{display:block;height: 15px;margin:10px auto;}


.sop_qa{height:100vh; background: url(../img/sop9.png) no-repeat center / 100% 100%;overflow: hidden;}
.sop_qa .title{z-index: 1; position: absolute;left: 40%;top:2%; width:20%; aspect-ratio: 1 / 1;background: url(../img/sop5.png) no-repeat center / 100% 100%;display: flex;}
.sop_qa .title p{display: block;width: 100%;color: #FFFFFF;font-weight: bold;font-size: clamp(24px,2.1vw,42px);align-content: center;text-align: center;}
.sop_qa .title:hover{animation: rotate 5s linear infinite;}
.sop_qa .content{width:46%;margin:0 auto;transform: translateY(-5vw);}
.sop_qa .content .bgImg{display: block;width: 100%;}
.sop_qa .content .txtBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sop_qa .content .li{z-index: 1; position: absolute;display: flex;flex-direction: column;align-items: center;white-space: nowrap;}
.sop_qa .content .li .img{display:block;height: 2vw;margin:5px auto;}
.sop_qa .content .li .aa{min-width:14vw; /* max-width: 16vw; */ font-size: clamp(12px,0.83vw,16px);line-height: 1.5;text-align: center;border-radius:8px;border: 1px solid #DEDEDE;box-shadow: 0px 0px 9px 1px rgba(220,236,255,0.72);background: #FFFFFF;padding:15px;color: #2C304B;}
.sop_qa .content .li .bb{white-space: normal;max-width:16vw;color: #FFFFFF;font-size: clamp(13px,0.83vw,16px);box-shadow: 0px 0px 9px 1px rgba(220,236,255,0.72);border-radius: 10px;background: #0158FC;padding:10px 15px;}
.sop_qa .content .li .aa::after{content: '';display: block;position: absolute;width: 22px;height: 22px;
 background: url(../img/sop6.png) no-repeat center / 100% 100%;}
.sop_qa .content .li:hover .aa{color: #0C59CC;}
/* 关键帧动画定义 */
@keyframes rotate {
  0% {
    transform: translate(-0%, -0%) rotate(0deg) translate(20px) rotate(0deg);
  }
  100% {
    transform: translate(-0%, -0%) rotate(360deg) translate(20px) rotate(-360deg);
  }
}
@media screen and (min-width:1700px){
	.sop_qa .title{left: 38%;top:4%; width:24%;}
	.sop_qa .content{transform: translateY(0);}
}

/* 6个子元素 */
/* .sop_qa .content .li:nth-child(1){right: 105%;top: 10vw;}
.sop_qa .content .li:nth-child(2){right: 90%;top: 25vw;}
.sop_qa .content .li:nth-child(3){right: 53%;top: 33vw;}
.sop_qa .content .li:nth-child(4){left: 53%;top: 33vw;}
.sop_qa .content .li:nth-child(5){left: 90%;top: 25vw;}
.sop_qa .content .li:nth-child(6){left: 105%;top: 10vw;}
.sop_qa .content .li:nth-child(1) .aa::after{right:-32%;top:50%;margin-top: -11px;}
.sop_qa .content .li:nth-child(2) .aa::after{right:-15%;top:-35%;}
.sop_qa .content .li:nth-child(3) .aa::after{right:50%;top:-75%;margin-right: -11px;}
.sop_qa .content .li:nth-child(4) .aa::after{right:50%;top:-75%;margin-right: -11px;}
.sop_qa .content .li:nth-child(5) .aa::after{left:-15%;top:-35%;}
.sop_qa .content .li:nth-child(6) .aa::after{left:-32%;top:50%;margin-top: -11px;} */

/* 岗位速递 */
.Job_express{}
.detailsOne{background: rgba(236,239,245,0.52);padding: 3% 0;}
.detailsOne .left{float: left;}
.detailsOne .left .aa{color: #090A0C;font-size: clamp(20px,1.5vw,30px);}
.detailsOne .left .bb{font-size: clamp(12px,0.93vw,18px);display: flex;gap:1.5vw;margin-top:1.5vw;color: #989BAF;}
.detailsOne .left .bb img{display:inline-block;height: 1vw;vertical-align: middle;margin:-4px 5px 0 0;}
.detailsOne .right{float: right;}
.detailsOne .right .aa{color: #0C59CC;font-size: clamp(24px,2vw,40px);font-weight: 500;}
.detailsOne .right .bb{margin-top:0.5vw;font-size: clamp(12px,0.83vw,16px);color: #FFFFFF;background: #0C59CC;border-radius: 50px;padding:5px 30px;}
.detailsOne .right .bb img{height: 14px;vertical-align: middle;margin:-2px 0 0 10px;cursor: pointer;}
.detailsOne .right .bb *{display:inline-block;color: #FFFFFF;}
.detailsOne .right .bb a:hover{text-decoration: underline;}
.detailsTwo{background: url(../img/j6.png) no-repeat center / 100% 100%;padding:3% 0 10%;}
.detailsTwo ul{}
.detailsTwo li{margin-bottom: 3vw;line-height: 2;}
.detailsTwo .tit{color: #494949;font-weight: 500;font-size: clamp(16px,1.2vw,24px);margin-bottom: 10px;}
.detailsTwo .des{font-size: clamp(14px,0.93vw,18px);color: #494949;line-height: 2;}

.jobList{}
.jobList .campus{padding:4% 0;background: url(../img/j7.png) no-repeat center / 100% 100%;}
.campus .list{display: flex;gap:3vw;margin: 4vw 0;flex-wrap: wrap;}
.campus .list .li{width: calc((100% - 3vw) / 2);background: #FFFFFF;padding:2vw; box-shadow: 0px 4px 26px 1px rgba(183,183,183,0.15);border-radius: 4px;}

.jobList .aa{}
.jobList .aa .ch{font-size: clamp(20px,1.5vw,30px);}
.jobList .aa .en{font-size: clamp(14px,0.93vw,18px);margin-top:5px;}
.jobList .aa .line{background: #0C59CC;width: 40px;height: 2px;margin-top:1vw;}
.jobList .aa .money{position: absolute;right:0;top:0;color: #0C59CC;font-size: clamp(24px,1.5vw,30px);font-weight: 500;}
.jobList .bb{margin-top:1vw;padding:1.5vw;border-radius:2px;}
.jobList .bb ul{display: flex;display: flex;gap:1.5vw;}
.jobList .bb ul li{font-size: clamp(12px,0.93vw,18px);color: #989BAF;}
.jobList .bb ul li img{display:inline-block;height: 1vw;vertical-align: middle;margin:-4px 5px 0 0;}
.jobList .bb .des{margin-top:1vw;font-size: clamp(14px,0.93vw,18px);}
.jobList .bb .des .tt{color: #494949;}
.jobList .bb .des .tt img{display:inline-block;height: 1vw;vertical-align: middle;margin:-4px 5px 0 0;}
.jobList .bb .des .dd{line-height: 1.5;color: #666666;margin-top:5px;
	display: -webkit-box;            /* 必须 */
	-webkit-box-orient: vertical;    /* 必须 */
	-webkit-line-clamp: 3;           /* 限制行数，比如 3 行 */
	overflow: hidden;                /* 必须 */
	text-overflow: ellipsis;         /* 可选，部分浏览器需要 */}
.jobList .cc{display: flex;justify-content: space-between;margin-top:10px;align-items: center;}
.jobList .cc .more{color: #004896;font-size: clamp(12px,0.83vw,16px);border-radius: 20px;padding: 5px 15px;}
.jobList .cc .more:hover{background: #0C59CC;color: #ffffff;}
.jobList .cc .email{color: #004896;font-size: clamp(12px,0.83vw,16px);padding-right:15px;}
.jobList .cc .email *{display: inline-block;}
.jobList .cc .email img{height: 14px;vertical-align: middle;margin:-2px 0 0 5px;cursor: pointer;}
.jobList .cc .email a:hover{text-decoration: underline;}
.jobList .campus .bb{background: linear-gradient( 180deg, #E2F3FF 0%, rgba(226,243,255,0) 100%);}
.jobList .campus .li:nth-child(2) .bb,
.jobList .campus .li:nth-child(3) .bb,
.jobList .campus .li:nth-child(6) .bb,
.jobList .campus .li:nth-child(7) .bb,
.jobList .campus .li:nth-child(10) .bb,
.jobList .campus .li:nth-child(11) .bb{background: linear-gradient( 180deg, #FFF5E9 0%, rgba(255,245,233,0) 100%);}

.jobList .society{padding:4% 0;background: url(../img/j8.png) no-repeat center / 100% 100%;}
.society .list{display: flex;gap:2.5vw;margin: 4vw 0;flex-wrap: wrap;}
.society .list .li{width: calc((100% - 5vw) / 3);background: #FFFFFF;padding:2vw; box-shadow: 0px 4px 26px 1px rgba(183,183,183,0.15);border-radius: 4px;border-top: 3px solid #004896;}
.jobList .society .bb{padding: 0 0 1vw;border-bottom: 1px dashed #D2D9DF;}
.jobList .society .bb .des .tt{color: #004896;}
.jobList .society .bb .des .dd{color: #002266;}
.jobList .society .cc{flex-direction: column;gap: 1vw;}
.jobList .society .cc .more{border: 1px solid #004896;}
.jobList .society .cc .email{padding: 0;}
.jobList .li{transition: all .3s;}
.jobList .li:hover{transform: translateY(-10px);transition: all .3s;}


/* 人才计划 */
.talent{}
.talent .plan{}
.plan img{display: block;width: 100%;object-fit: cover;}
.plan .text{background: rgba(0,0,0,0.5);color: #FFFFFF;position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;display: flex;align-items: center;justify-content: center;}
.plan .text .center{width: 75%;max-width: 1440px;}
.plan .text .tit{font-size: clamp(24px,2.4vw,48px);margin-bottom: 2vw;}
.plan .text .des{font-size: clamp(14px,1.2vw,24px);}

.empowerment{margin-top: 4%;}
.empowerment .lab{color: #0C59CC;font-size: clamp(12px,0.83vw,18px);margin-bottom: 1vw;text-align: center;}
.empowerment .lab span{padding: 5px 20px;border: 1px solid #0C59CC;border-radius: 16px;display: inline-block;}
.empowerment .title{font-size: clamp(20px,2vw,40px);text-align: center;font-weight: 500;margin-bottom: 2vw;}
.empowerment .lists{display: flex;justify-content: center;padding: 0 10px;}
.empowerment .lists .li{padding: 0 10px;width: 25%;border-radius: 4px 4px 4px 4px;overflow: hidden;}
.empowerment .lists .li .img{display: block;width:100%;}
.empowerment .lists .li .mask{padding:10px;position: absolute;left: 0;top:0;width:100%;height:100%;background: rgba(0,0,0,0margin-top: 0.3rem;.5);color: #FFFFFF;text-align: center;
display: flex;flex-direction: column;align-items: center; justify-content: center;}
.empowerment .lists .li .aa{font-size: clamp(18px,1.5vw,30px);width:100%;}
.empowerment .lists .li .bb{font-size: clamp(16px,1.2vw,24px);width:100%;margin-top: 1.5vw;}
.empowerment .lists .li .cc{height:10px;margin-top: 10px;transition: all .5s;}
.empowerment .lists .li .dd{font-size: clamp(12px,0.93vw,18px);width:100%;line-height: 1.5;margin-top: 0;height: 0;opacity: 0;transition: all .5s;}
.empowerment .lists .li:hover .mask{background: linear-gradient( 180deg, #1A80CC 0%, #063E92 100%);}
.empowerment .lists .li:hover .bb{display: none;}
.empowerment .lists .li:hover .cc{margin-top: 0;height: 0;opacity: 0;transition: all .5s;}
.empowerment .lists .li:hover .dd{margin-top: 1.5vw;height: auto;opacity: 1;transition: all .5s;}

.role{padding:4%;}
.role .lab{color: #0C59CC;font-size: clamp(12px,0.83vw,18px);margin-bottom: 1vw;text-align: center;}
.role .lab span{padding: 5px 20px;border: 1px solid #0C59CC;border-radius: 16px;display: inline-block;}
.role .title{font-size: clamp(20px,2vw,40px);text-align: center;font-weight: 500;margin-bottom: 2vw;}
.role .lists{display: flex;justify-content: center;margin-top:6%;}
.role .lists .li{padding: 0 10px;width: 25%;text-align: center;}
.role .lists .li .img{display: block;height:9vw;margin: 0 auto;max-width: 100%;}
.role .lists .li .aa{font-size: clamp(16px,1.2vw,24px);color: #004896;margin-top: 20px;}
.role .lists .li .bb{font-size: clamp(12px,0.93vw,18px);color: #494949;line-height: 1.5;margin-top: 20px;}


.growthBox{padding: 4% 20px 8%;overflow: hidden;}
.growthBox .lab{color: #0C59CC;font-size: clamp(12px,0.83vw,18px);margin-bottom: 1vw;text-align: center;}
.growthBox .lab span{padding: 5px 20px;border: 1px solid #0C59CC;border-radius: 16px;display: inline-block;}
.growthBox .title{font-size: clamp(20px,2vw,40px);text-align: center;font-weight: 500;margin-bottom: 2vw;}
.growthBox .li{display: flex;align-items: center;background: #1163b3;}
.growthBox .li .img{display: block;width:62%;}
.growthBox .li .des{flex: 1;color: #ffffff;line-height: 2;font-size: clamp(14px,1.1vw,22px);font-weight: 500;text-align: justify;padding: 20px;}

.elasticity{padding: 4% 0 10%;background: url(../img/t8.png) no-repeat center / 100% 100%;overflow: hidden;}
.elasticity .lab{color: #0C59CC;font-size: clamp(12px,0.83vw,18px);margin-bottom: 1vw;text-align: center;}
.elasticity .lab span{padding: 5px 20px;border: 1px solid #0C59CC;border-radius: 16px;display: inline-block;}
.elasticity .title{font-size: clamp(22px,2.2vw,44px);font-weight: 500;text-align: center;}
.elasticity .content{}
.elasticity .content .list{display: flex;flex-wrap: wrap;gap: 4em;align-items: center;margin-top:4em;}
.elasticity .content .list:nth-child(even){flex-direction: row-reverse;}
.elasticity .content .list:nth-child(even) .text{padding-left:4em;padding-right:0;text-align: right;}
.elasticity .content .list:nth-child(even) .li{flex-direction: row-reverse;}
.elasticity .content .list:nth-child(even) .li img{margin-right: 0;margin-left: 10px;}
.elasticity .content .list:nth-child(even) .img{border-radius: 90px 0 0 90px;}
.elasticity .content .img{width: 40%;border-radius: 0px 90px 90px 0px;overflow: hidden;}
.elasticity .content .img img{display: block;width: 100%;}
.elasticity .content .text{flex: 1;padding-right:4em;}
.elasticity .content .text .list+.list .des .li{gap: 2vw;}
.elasticity .content .text .tit{font-size: clamp(18px,1.6vw,32px);margin-bottom: 1.5vw;font-weight: 500;}
.elasticity .content .text .des{}
.elasticity .content .text .des .li{display: flex;gap: 1vw;}
.elasticity .content .text .des .li+.li{margin-top:10px;}
.elasticity .content .text .des .le{white-space: nowrap;font-size: 18px;color: #494949;font-weight: 500;line-height: 24px;}
.elasticity .content .text .des .le img{display: inline-block;width: 18px;margin-right: 10px;vertical-align: middle;}
.elasticity .content .text .des .ri{font-size: 16px;line-height: 1.5;color: #494949;}


.reward{padding: 6% 0 8%;background: url(../img/t7.png) no-repeat center / 100% 100%;overflow: hidden;
display: flex;flex-wrap: wrap;align-items: center;}
.reward .left{width:55%;}
.reward .left .title{padding-left: 22.5%;}
.reward .left .lab{color: #0C59CC;font-size: clamp(12px,0.83vw,18px);margin-bottom: 1vw;}
.reward .left .lab span{padding: 5px 20px;border: 1px solid #0C59CC;border-radius: 16px;display: inline-block;}
.reward .left .tit{font-size: clamp(22px,2.2vw,44px);font-weight: 500;margin-bottom: 2vw;}
.reward .left .des{background: linear-gradient( 180deg, #1A80CC 0%, #063E92 100%);padding: 4% 4% 4% 22.5%;line-height: 2;color: #ffffff;font-size: clamp(14px,1vw,20px);}
.reward .img{width:32%;overflow: hidden;border-radius: 60px;}
.reward .img img{display: block;width: 100%;}

.environment{overflow: hidden;background: rgba(0, 0, 0, 0.5);}
.environment .mask{text-align: center;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.environment .title{color: #FFFFFF;}
.environment .lab{font-size: clamp(12px,0.83vw,18px);margin-bottom: 1vw;}
.environment .lab span{padding: 5px 20px;border: 1px solid #FFFFFF;border-radius: 16px;display: inline-block;}
.environment .tit{font-size: clamp(22px,2.2vw,44px);font-weight: 500;margin-bottom: 3vw;}
.environment .des{line-height: 2;color: #ffffff;font-size: clamp(14px,1vw,20px);}
.environment .picMove{animation: picMove 50s linear infinite;white-space: nowrap;font-size: 0;display: inline-block;}
.environment .picMove.stop{animation-play-state: paused;}
.environment .picMove .li{margin:0 10px;display: inline-block;}
.environment .picMove .li:hover::after{background: transparent;transition: all .3s linear;}
.environment .picMove .li img{display:block; height: 80vh;}
.environment .picMove .li::after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .2s linear;
	/* background: linear-gradient( 180deg, rgba(7,8,10,0.5) 0%, rgba(27,29,33,0.6) 32%, rgba(41,42,46,0.7) 47%, rgba(70,71,73,0.7) 80%, rgba(89,90,91,0.5) 100%); */
	background: linear-gradient( 200deg, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.6) 32%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0.6) 80%, rgba(89,90,91,0.36) 100%);
}
@keyframes picMove {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ALSI福祉计划 */
.welfare{overflow: hidden;}
/* .welfare *{color: #ffffff !important;} */
.welfare .bigImg{display: block;width: 100%;}
.welfare .mask{position: absolute;left:0%;top:0%;width:100%;height:100%;padding:6% 15% 0;
	/* background: linear-gradient(180deg, rgb(156 156 156 / 50%) 0%, rgb(77 77 77 / 60%) 30%, rgb(0 0 0 / 50%) 100%); */
	}
.welfare .content{margin-top:3vw;display: flex;justify-content: center;flex-wrap: wrap;text-align: center;}
.welfare .content .li{width: 33.33%;margin-bottom:3vw;color: #004896;}
.welfare .content .li img{height: 3.4vw;}
.welfare .content .li .aa{font-size: clamp(20px,1.5vw,30px);font-weight: 500;line-height: 1.5;margin-top: 0.5vw;}
.welfare .content .li .bb{font-size: clamp(14px,0.93vw,18px);line-height: 1.8;margin-top: 1vw;}

.employee{padding: 5% 0 8%;background: url(../img/t28.png) repeat-y center top / 100% auto;}
.employee .content{padding: 0 4%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10vw;align-items: start;}
.employee .content .li{width: calc(50% - 20px);display: flex;gap:20px;align-items: start;margin-bottom:2vw;}
.employee .content .li:nth-child(odd){flex-direction: row-reverse;}
.employee .content .li .img{width: 26%;}
.employee .content .li .img img{display: block;width: 100%;aspect-ratio: 1 / 1; object-fit: cover;border-radius: 100%;box-shadow: 0px 0px 20px 1px #b9dcff;}
.employee .content .li .text{flex: 1;}
.employee .content .li .text .aa{color: #004896;font-weight: bold;font-size: clamp(20px,1.5vw,30px);text-align: right;margin-bottom: 10px;}
.employee .content .li .text .aa .name{border-bottom: 4px solid #81c1ff;display: inline-block;padding:0 10px 5px;}
.employee .content .li .text .bb{background: #c4e1fd;border-radius: 10px 10px 10px 60px;font-size: clamp(12px,0.83vw,16px);color: #0D1D2A;line-height: 1.5;padding:1.5vw;text-align: justify;}
.employee .content .li .text .cc{position: absolute;top:0;right:25%;font-size: clamp(14px,0.93vw,18px);border-radius: 10px 10px 10px 30px;background: #E5E8FE;color: #0D1D2A;line-height: 1.5;padding:0.4vw 2vw;}
.employee .content .li:nth-child(even){transform: translateY(5vw);}
.employee .content .li:nth-child(even) .text .aa{text-align: left;}
.employee .content .li:nth-child(4n+2) .text .bb{background: #FFFFFF;/* margin-right: 2vw; */}
.employee .content .li:nth-child(4n+3) .text .bb{border-radius: 10px 10px 60px 10px;background: #FFFFFF;/* margin-left: 2vw; */padding:1.5vw;}
.employee .content .li:nth-child(4n) .text .bb{border-radius: 10px 60px 10px 10px;padding:1.5vw;}
.employee .content .li:nth-child(4n+2) .text .cc{right: auto;left:25%;}
.employee .content .li:nth-child(4n+3) .text .cc{/* right: -8%;bottom:-10px;top:auto; */}
.employee .content .li:nth-child(4n) .text .cc{right: 10%;}

/* IOT */
.iot{padding:5% 15%; background: url(../img/iot.png) no-repeat center / 100% 100%;}
.iot .content{margin-top:3vw;display: flex;justify-content: center;gap: 2.5vw;flex-wrap: wrap;}
.iot .content .li{transition: all .3s;padding:3%;width:44%;box-shadow: 0px 0px 10px 1px rgba(117,160,223,0.7);border-radius:10px;background: #F4FBFF;}
.iot .content .li .tit{font-size: clamp(16px,1.2vw,24px);color: #004896;font-weight: 500;}
.iot .content .li .tit span{z-index: 1;}
.iot .content .li .tit i{font-style: normal;font-size: clamp(12px,1vw,20px);}
.iot .content .li .tit b{font-size: clamp(30px,2.5vw,50px);color: rgba(187,230,255,0.58);display: block;position: absolute;left: 0;top: 50%;transform: translate(-60%,-50%);font-family: fantasy;}
.iot .content .li .des{color: #606A76;font-size: clamp(12px,0.93vw,18px);line-height: 1.8;margin-top: 1.5vw;}
.iot .content .li:hover{transform: scale(1.1);transition: all .3s;}

/* 软件集成服务 */
.software{padding:6% 0 0;overflow: hidden; min-height:100vh; background: url(../img/rj2.png) no-repeat center / 100% 100%;}
.software .content{margin-top: 5vw;padding:0 4% 0 12%;display: flex;flex-wrap: wrap;gap:4vw;align-items: center;}
.software .content .text{width: 32%;}
.software .content .text .aa{color: #004896;font-weight: bold;font-size:clamp(14px,1vw,20px);line-height: 1.5;margin-bottom:1vw;}
.software .content .text .bb{font-weight: bold;font-size:clamp(24px,1.8vw,36px);line-height: 1.5;margin-bottom:1vw;}
.software .content .text .cc{color: #2C304B;font-weight: 400;font-size:clamp(12px,0.93vw,18px);line-height: 2;}
.software .content .img{flex: 1;}
.software .content .img img{display:block;width:100%;}

.development{padding:4% 0 6%;min-height:100vh; background: url(../img/rj5.png) no-repeat center / 100% 100%;}
.development .imgLeft{position:absolute;left: 4%;top: 10%;width:12%;}
.development .imgLeft img{display: block;width: 100%;}
.development .content{padding:0 8%;margin-top:0%;z-index: 1;}
.development .content .li{ padding: 15px;min-height:13vw; border-radius: 8px;background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #F0F9FF 100%);}
.development .content .li::after{content: '';display: block;position: absolute;left:0;top:0;width: 2px;height: 8vw;
background: linear-gradient( 180deg, #004896 0%, rgba(0,72,150,0) 100%);}
.development .content .li .aa{font-size: clamp(20px,1.4vw,28px);font-weight: bold;color: #004896;margin-bottom: 3vw;}
.development .content .li .bb{font-weight: 500;font-size: clamp(14px,1vw,20px);color: #004896;margin-bottom: 1vw;}
.development .content .li .bb span{display: inline-block;vertical-align: middle; margin-top: -4px;}
.development .content .li .cc{color: #2C304B;font-weight: 400;font-size:clamp(14px,0.93vw,18px);line-height: 1.5;}
.development .content .swiper-button-prev{left:6%;}
.development .content .swiper-button-next{right:6%;}
.development .content .swiper-slide:nth-child(1) .li{margin-top: 10vw;}
.development .content .swiper-slide:nth-child(2) .li{margin-top: 8vw;}
.development .content .swiper-slide:nth-child(3) .li{margin-top: 6vw;}
.development .content .swiper-slide:nth-child(4) .li{margin-top: 4vw;}
.development .content .swiper-slide:nth-child(5) .li{margin-top: 2vw;}
.development .content .swiper-slide:nth-child(6) .li{margin-top: 0vw;}
.development .content .swiper-slide:nth-child(7) .li{margin-top: -2vw;}
.development .content .swiper-slide:nth-child(8) .li{margin-top: -4vw;}
.development .jiantou{position:absolute;left: 0;bottom: 0;display: block;width: 100%;}

.qualification{padding:4%;background: url(../img/rj6.png) no-repeat center / 100% 100%;}
.qualification *{color:#ffffff;}
.qualification .content{display: flex;justify-content: center;align-items: center;}
.qualification .content .li{margin: 0 2.5vw;display: flex;align-items: center;}
.qualification .content .li .img{display: inline-block;width: 3vw;}
.qualification .content .li .txt{text-align: center;display: inline-block;margin: 0 1vw;font-size: clamp(14px,1.2vw,24px);line-height: 1.3;}
.qualification .content .li::after{content:'';display: block;position: absolute;left: 15%;top: 15%;width:70%;height: 70%;
background: rgba(115,245,255,0.55);filter: blur(21px);opacity: 0.4;}

.experience{padding:5% 5% 8%;background: url(../img/rj7.png) no-repeat center / 100% 100%;}
.experience .content{display: flex;justify-content: center;align-items: center;background: rgba(0,72,150,0.8);border-radius: 40px;padding:5% 0;  }
.experience .content .li{padding: 0 1.5vw;width: 20%;text-align: center;}
.experience .content .li:hover .aa{color: #FF9900;}
.experience .content .li:hover .aa span{color: #ffffff;}
.experience .content .li+.li{border-left: 1px solid #FFFFFF40;}
.experience .content .li .aa{font-weight: bold;font-size: clamp(24px,2.2vw,43px);color: #FFFFFF;}
.experience .content .li .aa span{color: #FF9900;}
.experience .content .li .aa img{display: inline-block;height: 2.2vw;}
.experience .content .li .bb{font-weight: 400;line-height: 1.5;color: #FFFFFF;font-size: clamp(14px,1vw,20px);margin-top:10px;}
.experience .content .li .bb .scroll{height:100%;overflow-y: auto;}

.typical{padding:6%;background: url(../img/rj8-0.png) no-repeat center / 100% 100%;}
.typical .content{display: flex;align-items: center;gap:20px;flex-wrap: wrap;}
.typical .content .li{width:calc((100% - 60px) / 4);perspective: 1000px;}
.typical .content .li:hover .center {transform: rotateY(-180deg);}
.typical .content .li .center{transform-style: preserve-3d;transition: transform 0.6s ease;}
.typical .content .li .aa{ backface-visibility: hidden;border-radius: 8px 8px 40px 8px;overflow: hidden;}
.typical .content .li .aa .img{}
.typical .content .li .aa img{display: block;width: 100%;}
.typical .content .li .aa .tit{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: end;flex-direction: column;
	background: linear-gradient( 180deg, rgba(73,73,73,0.13) 0%, rgba(4,4,8,0.18) 52%, rgba(0,0,0,0.78) 100%);}
.typical .content .li .aa .tit p{padding: 0.5vw 1vw; color: #FFFFFF;font-size: clamp(14px,0.93vw,18px);margin-bottom:1vw;align-self: flex-start; display: block;border-radius: 0px 20px 8px 0px;
background: linear-gradient( 91deg, rgba(177,232,255,0.31) 0%, #004896b5 100%);}
.typical .content .li .bb{transform: rotateY(180deg); backface-visibility: hidden;position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;flex-direction: column;padding: 1vw;box-shadow: 0px 4px 24px 1px rgba(211,225,245,0.95);border-radius: 8px 8px 8px 40px;background: #FFFFFF;overflow: hidden;}
.typical .content .li .bb .scroll{width:100%; height:100%;overflow-y: auto;}
.typical .content .li .bb .img{}
.typical .content .li .bb .img img{display: block;max-width: 100%;height: 1.8vw;object-fit: cover;}
.typical .content .li .bb .tit{font-size: clamp(14px,0.93vw,18px);margin-top: 5px;font-weight: 500;}
.typical .content .li .bb .lab{margin-top: 5px;color: #224FB9;}
.typical .content .li .bb .lab .lii{font-size: clamp(12px,0.73vw,14px);display: inline-block;}
.typical .content .li .bb .lab .lii+.lii{margin-left: 5px;}
.typical .content .li .bb .lab img{display: inline-block;height: clamp(14px,0.83vw,16px);vertical-align: middle;margin: -2px 3px 0 0;}
.typical .content .li .bb .des{line-height: 1.5;font-size: clamp(12px,0.73vw,14px);margin-top:10px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;}
.typical .content .li .bb .to{margin-top: auto;text-align: right;}
.typical .content .li .bb .to{color: #002266;font-size: clamp(12px,0.73vw,14px);font-weight: bold;}
.typical .content .li .bb .to img{display: inline-block;height: clamp(12px,0.73vw,14px);vertical-align: middle;margin: -4px 0 0 3px;transition: all .3s;}
.typical .content .li .bb .to:hover{color: #224FB9;}
.typical .content .li .bb .to:hover img{transition: all .3s;transform: translateX(3px);}

.advantage{padding:5% 8%;background: url(../img/rj27.png) no-repeat center / 100% 100%;}
.advantage .content{display: flex;flex-wrap: wrap;gap:2vw;}
.advantage .content .li{padding-left:4vw; display: flex;align-items: center;gap:1vw;flex: 0 0 calc(33.333% - 1.333333vw);justify-content: flex-start;}
.advantage .content .li .img{display: block;height: 3vw;width: 3vw;object-fit: cover;}
.advantage .content .li .txt{font-size: clamp(14px,1vw,20px);color: #004978;line-height: 1.35;font-weight: 500;}
.brand{display: flex;flex-wrap: wrap;gap:1vw;margin-top: 3vw;}
.brand .li{flex: 0 0 calc(20% - 0.8vw);box-shadow: 0px 0px 12px 1px rgba(211,225,245,0.7);border-radius:4px;background: #FFFFFF;}
.brand .li img{display: block;width: 100%;}

.period{min-height:100vh; padding: 5% 0;background: url(../img/rj28.png) no-repeat center / 100% 100%;}
.period .content{margin-top:5%;}
.period .lineOne{display: flex;justify-content: center;padding: 0 10%;z-index: 1;}
.period .lineOne .li{text-align: center;width:20%;}
.period .lineOne .li .aa{font-weight: bold;font-size: 16px;color: #0D1D2A;}
.period .lineOne .li .bb{font-size: 13px;margin: 10px auto 0;max-width: 9vw;min-width: 164px;font-weight: 400;color: #4B5B76;line-height: 1.5;background: #F4F9FD;border-radius: 8px;padding:10px;}
.period .lineOne .li .cc{background: url(../img/rj30.png) no-repeat center / 100% 100%;
margin: 0 auto;font-size: 20px;font-weight: bold;color: #FFFFFF;width: 3vw;height: 3vw;line-height: 3vw;border-radius: 100%;overflow: hidden;}
.period .lineOne:first-child .li:nth-child(1),
.period .lineOne:first-child .li:nth-child(5){margin-top: -4vw;}
.period .lineOne:first-child .li:nth-child(2),
.period .lineOne:first-child .li:nth-child(4){margin-top: -2vw;}
.period .lineTwo+.lineOne{margin-top: 2vw;align-items: flex-start;}
.period .lineTwo+.lineOne .li{display: flex;flex-direction: column-reverse;}
.period .lineTwo+.lineOne .li:nth-child(1),
.period .lineTwo+.lineOne .li:nth-child(4){transform: translateY(1vw);}
.period .lineTwo+.lineOne .li .bb{margin: 0 auto 10px;}
.period .lineTwo{text-align: center;padding:10% 0;margin: -8% 0 -10%;}
.period .lineTwo .li{background: linear-gradient( 125deg, #F9FAFA 0%, #F6FBFC 28%, #F9FCFF 67%, #FFFFFF 100%);box-shadow: 0px 0px 6px 1px rgba(155,181,226,0.28);
border-radius: 100%;padding:10px;width: 9vw;height: 9vw;overflow: hidden;align-content: center;display: inline-block;margin:0 1vw;}
.period .lineTwo .li .aa{font-weight: bold;font-size: 16px;color: #004896;margin-bottom:10px;}
.period .lineTwo .li .bb{font-size: 12px;font-weight: 400;color: #4B5B76;line-height: 1.5;}
.period .lineTwo .pos{display: block;object-fit: contain;width:100%; height: 100%;position: absolute;top:0;}
/* .period .lineTwo .li:hover{animation: swing 1.5s infinite;} */


/* 荣誉资质 */
.honor{padding:4% 11% 6%;}
.honor .lists{display: flex;flex-wrap: wrap;gap:15px;}
.honor .lists .li{flex: 0 0 calc((100% - 75px) / 5);background: #F9F9F9;border-radius:2px;padding:1.5vw;}
.honor .lists .li .img{height: 8.6vw;}
.honor .lists .li .img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.honor .lists .li .name{font-size: 12px;color: #3B3B3B;line-height: 1.5;font-weight: 400;margin-top:1vw;text-align: center;}
.certificate{padding:4% 8% 5%;background: url(../img/ry5.png) no-repeat center / 100% 100%;}
.certificate .listsOne{display: flex;overflow: hidden;justify-content: center;}
.certificate .listsOne .li{flex: 1;max-width: 8vw;}
.certificate .listsOne .li+.li{margin-left: -1vw;}
.certificate .listsOne .li .img{display: block;width:100%;}
.certificate .listsTwo{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 3vw;margin-left: 2vw;}
.certificate .listsTwo .li{max-width: 8vw;margin-top: -2.5vw;margin-left: -2vw;}
.certificate .listsTwo .li .img{display: block;width:100%;-webkit-box-reflect: below 10px linear-gradient(transparent, rgba(255, 255, 255, 0.5));}

/* 测试产品 */
.revenue{padding:8% 0;background: url(../img/bg11.png) no-repeat center / 100% 100%;}
.revenue .content{display: flex;flex-wrap: wrap;justify-content: center;gap: 2.5vw;margin-top:6vw;}
.revenue .content .li{width: 26%;padding: 2vw 2vw 4vw;border-radius:2px;border: 1px solid #FFFFFF;transition: all .3s;
box-shadow: 0px 0px 12px 1px rgba(211,225,245,0.7), inset 0px 0px 99px 1px rgba(235,248,255,0.26);
background: linear-gradient( 180deg, #F6F9FD 0%, rgba(255,255,255,0.91) 12%, #FFFFFF 49%, #FFFFFF 85%, #F6F9FD 100%);}
.revenue .content .li .tit{font-size: clamp(16px,1.2vw,24px);color: #004896;font-weight: bold;}
.revenue .content .li .des{font-size: clamp(14px,0.93vw,18px);color: #606A76;line-height: 1.7;margin-top:1.5vw;width:80%;}
.revenue .content .li .des b{font-size: clamp(16px,1.2vw,24px);color: #2054CF;}
.revenue .content .li .img{position: absolute;right:0;bottom:0;width:30%}
.revenue .content .li:hover{transform: translateY(-2vw);transition: all .3s;}

.trouble{padding:5% 0;background: #F8FBFE;}
.trouble .commonTitle .tit{font-size: clamp(20px,1.5vw,30px);}
.trouble .commonTitle .des{margin-top:15px;font-size: clamp(16px,1vw,20px);}
.trouble .centerBox{padding:3vw 1.5vw;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 6px 1px rgba(211,225,245,0.7);}
.trouble .content{}
.trouble .content .li{border-radius: 10px;display: flex;padding:1vw 2.5vw;align-items: center;justify-content:space-between;}
.trouble .content .li:nth-child(even){background: #F8FBFE;}
.trouble .content .li .aa{width:50%;color: #2C304B;font-size: clamp(14px,1vw,20px);}
.trouble .content .li .bb{}
.trouble .content .li .bb .ss{display: block;height: 1.7vw;}
.trouble .content .li .bb .hh{display: none;height: 1.7vw;}
.trouble .content .li .cc{width:30%;color: #2054CF;font-weight: 500;font-size: clamp(16px,1.1vw,22px);}
.trouble .content .li .dd{}
.trouble .content .li .dd img{display: block;width: 3vw;}
.trouble .content .li:hover{background: #0C59CC;}
.trouble .content .li:hover .aa{color: #FFFFFF;}
.trouble .content .li:hover .bb .ss{display: none;}
.trouble .content .li:hover .bb .hh{display: block;}
.trouble .content .li:hover .cc{color: #FFFFFF;}
.trouble .content .li:nth-child(even):hover{background: #002e7f;}

.demo{padding:8% 0; background: url(../img/bg12.png) no-repeat center / 100% 100%;}
.demo .content{padding:0 10%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.demo .content .text{width: 38%;}
.demo .content .text .aa{color: #004896;font-weight: bold;font-size:clamp(12px,0.93vw,18px);line-height: 1.5;margin-bottom:1vw;}
.demo .content .text .aa img{display:block;height:4vw;}
.demo .content .text .bb{font-weight: 500;font-size:clamp(20px,1.6vw,32px);line-height: 1.5;margin-bottom:1vw;}
.demo .content .text .cc{color: #2C304B;font-weight: 400;font-size:clamp(14px,0.93vw,18px);line-height: 2;}
.demo .content .text .dd{color: #2C304B;font-weight: 400;font-size:clamp(12px,0.83vw,16px);line-height: 1.8;margin-top:1vw;}
.demo .content .img{width: 52%;border-radius:20px;overflow: hidden;}
.demo .content .img *{display:block;width:100%;}
.demo .content .lists{display: flex;flex-wrap: wrap;align-items: center;gap:2vw;}
.demo .content .lists .li{background: #F4FCFF;border-radius: 60px;padding: 2vw;text-align: center;}
.demo .content .lists .li .aa{font-weight: bold;font-size:clamp(20px,1.5vw,30px);color: #0054A6;}
.demo .content .lists .li .bb{font-weight: 400;color: #606A76;line-height: 1.5;font-size:clamp(10px,0.83vw,16px);margin-top:10px;}
.demo .content .lists .li:hover{background: #FAFE8880;}

.pictures{width:50%;}
.pictures .pic{display: block;width: 100%;}
.pictures .swiper-button-next,
.pictures .swiper-button-prev{width: 2.5vw;height: 2.5vw;background: #004896;border-radius: 8px;}
.pictures .swiper-button-next:after,
.pictures .swiper-button-prev:after{font-size: 1vw;color: #ffffff;}
.pictures .swiper-button-next{right:-3vw;}
.pictures .swiper-button-prev{left:-3vw;}

/* 软件开发 */
.full_process{background-repeat:no-repeat;background-position: center;background-size: cover;}
.full_process .mask{padding:7% 0;background: linear-gradient( 180deg, rgba(0,0,0,0.54) 0%, rgba(0,0,0,0.78) 100%);}
.full_process .mask *{color: #FFFFFF;}
.full_process .content{display: flex;flex-wrap: wrap;justify-content: center;gap:6%;}
.full_process .content .li{width:33.333%;border-radius:40px;padding:2vw;}
.full_process .content .li:hover{background:rgba(255, 255, 255, 0.3);backdrop-filter: blur(36px);-webkit-backdrop-filter: blur(36px); }
.full_process .content .li .tit{overflow: hidden;margin-bottom: 10px;}
.full_process .content .li .aa{font-weight: 400;font-size:clamp(24px,1.8vw,36px);float: left;line-height: 3.5vw;}
.full_process .content .li .bb{border-bottom: 1px dashed #FFFFFF;margin-left: 2.5vw;overflow: hidden;}
.full_process .content .li .bb img{display: block;float: right;width:3.5vw;height: 3.5vw;}
.full_process .content .li .cc{font-size: clamp(18px,1.3vw,26px);font-weight: 500;margin-bottom: 20px;}
.full_process .content .li .dd{font-size: clamp(14px,1vw,18px);line-height: 1.8;}

.toolchain{}
.toolchain *{color: #FFFFFF !important;}
.toolchain .commonTitle{display: flex;justify-content: center;position: absolute;width:100%;left:0;top:7vw;z-index: 1;}
.toolchain .commonTitle .tit{}
.toolchain .commonTitle .des{margin-top:0;margin-left:2vw; line-height: 1.5vw;width:25vw;font-size: clamp(16px,1vw,20px);border-left:4px solid #FF9900;padding-left: 10px;}
.toolchain .content{overflow: hidden;display: flex;flex-wrap: wrap;}
.toolchain .content .left{background: #0141A4;padding:17% 4vw 10% 12%;width: 38%;}
.toolchain .content .left img{position: absolute;width:30%;left:3vw;top:4vw;}
.toolchain .content .right{padding:17% 4vw 10%;width: 62%;
	background: linear-gradient( 180deg, #2A2F3B 0%, #191B1F 16%, #272B34 29%, #313642 75%, #484F62 92%, #3B4050 100%);}
.toolchain .content .right img{position: absolute;width:50%;right:0;bottom:0;opacity: 0.3;}
.toolchain .content .aa{font-size: clamp(18px,1.3vw,26px);font-weight: 500;margin-bottom: 20px;}
.toolchain .content .bb{font-size: clamp(14px,1vw,18px);line-height: 1.8;}

/* 定制化测试解决方案 */
.laboratory{background-repeat:no-repeat;background-position: center;background-size: cover;}
.laboratory .mask{padding:6% 0;background: linear-gradient( 180deg, rgba(233,233,233,0.1) 0%, #00489659 100%);}
.laboratory .content{display: flex;flex-wrap: wrap;justify-content: center;gap:3vw;}
.laboratory .content .li{width:33.333%;border-radius:40px;padding:2vw;display: flex;gap:1vw;flex-direction: row-reverse;
background: rgba(240, 246, 255, 0.6);backdrop-filter: blur(36px);-webkit-backdrop-filter: blur(36px); }
.laboratory .content .li:hover{background: #004896;}
.laboratory .content .li:hover .bb,
.laboratory .content .li:hover .cc{color: #FFFFFF !important;}
.laboratory .content .li .aa{font-weight: 900;color: #004896;font-size:clamp(18px,1.1vw,22px);box-shadow: 0px 0px 6px 1px rgba(255,255,255,0.85);
line-height: 2.5vw;height: 2.5vw;width: 2.5vw;background: #FFFFFF;text-align: center;border-radius: 100%;}
.laboratory .content .li .oth{flex: 1;}
.laboratory .content .li .bb{font-size: clamp(18px,1.25vw,24px);font-weight: 500;margin-bottom: 10px;color: #004896;}
.laboratory .content .li .cc{font-size: clamp(14px,1vw,18px);line-height: 1.8;color: #606A76;}
.laboratory .content .li:nth-child(3) .aa,
.laboratory .content .li:nth-child(4) .aa{align-self: flex-end;}

/* 测试服务 */
.dimension{}
.dimension *{color: #ffffff !important;}
.dimension .bigCar{display: block;width:100%;}
.dimension .content{padding: 5% 12%;position: absolute;left:0;top:0;width:100%;height:100%;overflow: hidden;}
.dimension .content .lists{height:calc(100% - 7.5vw);width: 100%;}
.dimension .lists .li{position: absolute;}
.dimension .lists .tit{font-weight: bold;font-size: clamp(14px,1.2vw,24px);margin-bottom: 10px;}
.dimension .lists .des{font-size: clamp(12px,0.93vw,18px);line-height: 1.8;}
.dimension .lists .li:nth-child(1){left:0;top:3%;}
.dimension .lists .li:nth-child(2){left:0;top:41%;}
.dimension .lists .li:nth-child(3){left:0;bottom:7%;}
.dimension .lists .li:nth-child(4){left:33%;bottom:7%;}
.dimension .lists .li:nth-child(5){right:33%;bottom:7%;}
.dimension .lists .li:nth-child(6){right:0;bottom:7%;}
.dimension .lists .li:nth-child(7){right:0;top:41%;}
.dimension .lists .li:nth-child(8){right:0;top:3%;}

/* 定制开发 */
.customize{padding: 6% 0 0;background: url(../img/s67.png) no-repeat center / 100% 100%;}
.customize .btmImg{margin-top:10vw; height: 10vw; padding-bottom: 2.5vw; font-size: clamp(20px,1.8vw,40px);color: #FFFFFF;text-align: center;font-weight: 500;
	background: url(../img/s68.png) no-repeat center / 100% 100%;align-content: end;}
.customize .content{padding: 0 10%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start;gap:5vw;}
.customize .content .li{display: flex;align-items: start;gap:1vw;width:42%;}
.customize .content .li:nth-child(even){flex-direction: row-reverse;align-items: end;width:36%;margin-top: 5vw;}
.customize .content .li::after{content: '';position: absolute; display:block;width:6vw;height:3vw; left:calc(100% + 3vw);top:-2vw;
background: url(../img/s72-0.png) no-repeat center / 100% 100%;}
.customize .content .li:nth-child(even)::after{left:auto; right:calc(100% + 8vw);top:1.5vw;
background: url(../img/s72.png) no-repeat center / 100% 100%;}
.customize .content .li:first-child::after{display: none;}
.customize .li .img{width:1.5vw;}
.customize .li .img img{display:block;width:100%;}
.customize .li .txt{flex:1;display: flex;flex-direction: column;}
.customize .li:nth-child(odd) .txt{flex-direction: column-reverse;}
.customize .li .txt .aa{align-self: end;padding:0.5vw 1vw 0.5vw 2vw; background: #0068C3;color: #FFFFFF;font-size: clamp(18px,1.1vw,24px);border-radius: 16px 16px 0px 0px;}
.customize .li .txt .aa:after{content: '';position: absolute; display:block;width:0.6vw;height:0.6vw; left:1vw;top:50%;transform: translateY(-50%);
background: url(../img/s73-0.png) no-repeat center / 100% 100%;}
.customize .li:nth-child(odd) .txt .aa{align-self: start;padding:0.5vw 2vw 0.5vw 1vw;background: #298DF7;border-radius: 0px 0px 16px 16px;}
.customize .li:nth-child(odd) .txt .aa:after{left:auto;right:1vw;background: url(../img/s73.png) no-repeat center / 100% 100%;}
.customize .li .txt .bb{padding:1vw 1vw 1vw 2vw; background: url(../img/s74.png) no-repeat center / 100% 100%;}
.customize .li .bb .lan{margin-bottom: 10px;font-weight: bold;color: #004896;font-size: clamp(12px,0.93vw,18px);}
.customize .li .bb .dian{white-space: nowrap; color: #2C304B;font-size: clamp(14px,0.93vw,18px);line-height: 1.5;font-weight: 400;}
.customize .li .bb .dian+.dian{margin-top:10px;}
.customize .li .bb .dian::after{content: '';position: absolute; display:block;width:0.5vw;height:0.5vw; left:-1vw;top:0.5vw;background: #298DF7;border-radius: 100.00%;}
.customize .li .num{position: absolute;left:-8vw;top:0;width: 15vw;height: 10vw;
background: url(../img/s71.png) no-repeat center / 100% 100%;}
.customize .li .num span{color: #FFFFFF;font-size: clamp(24px,1.7vw,34px);font-weight: bold;position: absolute;left:3.3vw;bottom:0.8vw;}
.customize .li:nth-child(odd) .num{left:auto;top:auto;right:-2vw;bottom:-3vw; width: 16vw;height: 7.5vw;
background: url(../img/s70.png) no-repeat center / 100% 100%;}
.customize .li:nth-child(even) .num span{left:1.7vw;bottom:2.5vw;}