@charset "utf-8";
*{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2;
	position: relative;
	font-family: "Montserrat", "PingFang SC", "Microsoft YaHei", sans-serif;
	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;
}
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: #ffffff;
	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;
}
body{
	color: #ffffff;
	background: #ffffff;
	font-size: 14px;
}
.clearBoth,
.clearboth {
	clear: both;
}
.bordernone {
	border: none!important;
}

.centerBox{
	margin:0 auto;
	width:80%;
	max-width: 1520px;
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}
.txtCenter{text-align: center;}

body.hidden{overflow: hidden;}

/*头*/
.menu-button{display: none;}
.header{position: fixed;z-index: 11;width: 100%;top: 0;left: 0;padding: 0 3.125%;transition: all .3s;
background: linear-gradient( 180deg, #0078FF 0%, rgba(0,209,207,0) 100%);display: flex;align-items: center;gap:20px;}
.header:hover{background: linear-gradient( 180deg, #0078FF 0%, rgba(0,209,207,0.2) 100%);}
.header .logo{}
.header .logo img{display: block;height: 60px;}
.header .menu{display: flex;flex: 1;transition: all .3s;justify-content: end;}
.header .menu li{padding:30px 0;}
.header .menu li .first{display: block;font-size: clamp(14px, 1vw, 18px);line-height: 36px;padding:0 1vw;border-radius: 0;}
.header .menu li .first:hover,
.header .menu li .first.on{background: #00D1CF;}
.header .menu li .second{visibility: hidden;opacity: 0;transform: scale(0);transition: all .3s;}
.header .menu li:hover .second{visibility: visible;opacity: 1;transform: scale(1);transition: all .3s;}
.header .menu li .second{position: absolute;left: 0; top:calc(100% - 25px);background: #00d1cfbf;box-shadow: 0 2px 5px #00000040;z-index: 8;}
.header .menu li .second .list{overflow: hidden;}
.header .menu li .second .li{display: block;padding:0 15px;white-space: nowrap;line-height: 36px;font-size: 13px;}
.header .menu li .second .li+.li{border-top:1px dashed #FFFFFF;}
.header .menu li .second .li:hover,
.header .menu li .second .li.on{background: url(../img/to1.png) no-repeat center left 5px / auto 8px #0078FFbf;}
.search{cursor: pointer;padding:30px 0;}
.search .img{display: block;height: 20px;}
.search .center{display: flex;width: 0;border-radius: 0;transition: all .3s;overflow: hidden;
position: absolute;top: calc(100% - 20px);right: 0;}
.search .center.on{width: 300px;height: 36px;border: 1px solid #ffffff;transition: all .3s;background: #00d1cf;}
.search .center .txt{width: calc(100% - 34px);height: 34px;line-height: 34px;padding: 0 15px;color: #FFFFFF;}
.search .center .sub{background: url(../img/search.png) no-repeat center / 16px transparent;
width: 34px;height: 34px;cursor: pointer;border-radius: 100%;font-size:15px;}
.search .center .sub:hover{background-color: #0078FF;}
.language{cursor: pointer;padding: 5px 10px;background-color: #ffffff1a; box-shadow: 0px 0px 10px #0000001a;
border-radius: 0;display: flex;align-items: center;}
.language span{display: block;line-height: 20px;font-size:14px;}
.language img{display: block;height: 20px;margin-right: 5px;}
.language .choose{padding:5px 10px;width: 80%; position: absolute;left: 10%;top: 100%;
background: #0078FF80;display: none;border-radius: 0;text-align: center;box-shadow: 0px 0px 10px #0000001a;}
.language .choose .li{display: block;padding: 5px 0;font-size: 14px;}
.language .choose .li:hover{text-decoration: underline;}
.language .choose .li+.li{border-top: 1px dashed #eeeeee;}
.language:hover{background-color: #0078FF;}
.language:hover .choose{display: block;z-index: 1;}


/*尾*/
footer{}
.footer{background: linear-gradient( 180deg, #0052D4 0%, #65C7F7 78.18%, #9CD8FB 100%);
padding: 40px 4%;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;align-items: start;}
.footer .partOne{width: 20%;border-right: 1px solid #FFFFFF;padding-right: 40px;}
.footer .partOne .logo{}
.footer .partOne .logo img{display: block;height: clamp(50px,10.5vw,90px);}
.footer .partOne .text{font-size: 12px;line-height: 18px;margin-top: 20px;}
.footer .partOne .btn{background: linear-gradient(90deg, #0078FF 0%, #65C7F7 100%);color: #FFFFFF;padding: 14px 28px;margin-top: 20px;
font-weight: bold;border-radius: 0;display: block;float: left;box-shadow: 0 4px 15px rgba(0,120,255,0.4);transition: all .3s ease;position: relative;overflow: hidden;}
.footer .partOne .btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: left .5s ease;}
.footer .partOne .btn:hover{background: linear-gradient(90deg, #0052D4 0%, #0078FF 100%);box-shadow: 0 6px 20px rgba(0,120,255,0.6);transform: translateY(-2px);}
.footer .partOne .btn:hover::before{left: 100%;}
.footer .tit{font-size: 18px;font-weight: bold;margin-bottom: 25px;display: block;}
.footer .tit::after{content: '';display: block;width: 50px;height: 2px;background: #ffffff;
position: absolute;left: 0;bottom: -10px;}
.footer .partTwo{display: flex;justify-content: center;flex: 1;gap: clamp(20px,5vw,100px);}
.footer .partTwo .link{}
.footer .partTwo .li{font-size: 12px;font-weight: 500;line-height: 18px;display: block;margin-top: 10px;}
.footer .partThree{}
.footer .partThree .code{overflow: hidden;}
.footer .partThree .code .li{float: left;}
.footer .partThree .code .li+.li{margin-left: 10px;}
.footer .partThree .code img{display: block;width: 80px;}
.footer .partThree .code p{font-size: 12px;margin-top: 5px;text-align: center;}
.footer .partThree .text{margin-top:20px;font-weight: 500;line-height: 20px;}
.footer .partThree .text a:hover{text-decoration: underline;}
.copyright{background: #0078FF;padding: 20px 10%;line-height: 1.5;}
.copyright a:hover{text-decoration: underline;}


/* 留资表单,浮窗 */
.retention{position: fixed;bottom:140px;right:0px;z-index: 9;}
.retention .form{display:none; width: 400px;background: #F5F5F5;box-shadow: 0px 0px 10px 1px rgba(86,141,197,0.43);border-radius: 0;overflow: hidden;}
.retention .form .top{background: linear-gradient( 180deg, #0052D4 0%, #65C7F7 78.18%, #9CD8FB 100%);padding:20px;}
.retention .form .top .tit{font-weight: bold;font-size: clamp(16px,1.25vw,24px);}
.retention .form .top .tit .img{display: inline-block;height: clamp(16px,1.25vw,24px);vertical-align: middle;margin-top: -8px;}
.retention .form .top .tit #form{display: block;height: clamp(16px,1.25vw,24px);position: absolute;right:0;top:0;cursor: pointer;}
.retention .form .bottom{margin:20px;}
.retention .form .bottom .line{}
.retention .form .bottom label{color: #32373E;margin-bottom: 10px;display: block;font-size: clamp(14px,0.93vw,18px);}
.retention .form .bottom label span{color: #C30D23;}
.retention .form .bottom .inp{border-radius: 0;background: #FFFFFF;border: 1px solid #707070;margin-bottom:10px;height: 46px;padding:5px 10px;font-size: clamp(14px,0.93vw,18px);}
.retention .form .bottom .txt{border-radius: 0;background: #FFFFFF;border: 1px solid #707070;margin-bottom:10px;min-height: 120px;padding:5px 10px;font-size: clamp(14px,0.93vw,18px);line-height:1.5;}
.retention .form .bottom .btn{border-radius: 0;background: #0078FF;height: 46px;font-size: clamp(16px,1vw,20px);cursor: pointer;color: #ffffff;}
.retention .form .bottom .btn:hover{background: #00D1CF;}
.retention .form .bottom input:focus,
.retention .form .bottom textarea:focus{border: 1px solid #0078FF;}

.floating.on{transition: all 1s;visibility: visible;opacity: 1;transform: scale(1);}
.floating{position: fixed;z-index: 9;right: 0px;bottom:20px;transition: all 1s;visibility: hidden;opacity: 0;transform: scale(0);}
.floating .li{width: 50px;transition: all .3s;}
.floating .li::after{content: '';display: block;width: 10px;height: 2px;background: #0078FF;position: absolute;right: -10px;top: 50%;}
.floating .li+.li{margin-top: 10px;}
.floating .li .txt{opacity: 0;transition: all .3s;transform: scale(0); color: #0078FF;position: absolute;padding:10px 15px;right: 110%;top: 0; border-radius: 0;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 a{white-space: nowrap;color: #0078FF;}
.floating .li img{display: block;width: 50px;cursor: pointer;}
.floating .li:hover{transform: translateX(-10px);transition: all .3s;}

.WeChat{position: fixed;z-index: 9;right: 0px;top:60%;}
.WeChat .li{background: #00D1CF;border-radius: 0;padding: 10px 10px 5px;}
.WeChat .li img{display: block;width: 80px;margin: 0 auto;}
.WeChat .li p{font-size: 12px;text-align: center;margin-top:5px;display: block;white-space: nowrap;}
.WeChat .li+.li{margin-top:5px;}


/* 目录 */
.dirSelector{border-top: 1px solid #32373E;border-bottom: 1px solid #C2CDD6;padding: 10px 0;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: #0078FF;border-left: 2px solid #0078FF;}
.dirSelector .catalog:hover{background-color: #eee;}
.dirSelector .catalog.catalog-active a{color: #0078FF;}
.dirSelector .catalog a{color: #424242;}


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

/* 使用::placeholder伪元素选择器来更改placeholder的样式 */
.upload input::placeholder {
	color: #ffffff;
	opacity: 1; /* Firefox */
}

/* 对于较旧的Firefox版本，需要使用::-moz-placeholder */
.upload input::-moz-placeholder {
	color: #ffffff;
}

/* 对于Internet Explorer 10和11，需要使用:-ms-input-placeholder */
.upload input:-ms-input-placeholder {
	color: #ffffff;
}

/* 对于Edge浏览器，需要使用::-ms-input-placeholder */
.upload input::-ms-input-placeholder {
	color: #ffffff; 
}

/* 首页 */
.mainBox{}
.commonTitle{text-align: center;margin-bottom: clamp(20px,4vw,80px);}
.commonTitle .tit{font-size: clamp(24px, 2vw, 40px);color: #0078FF;font-weight: bold;}
.commonTitle .des{font-size: clamp(12px, .83vw, 18px);color: #919394;line-height: 1.5;margin-top: 10px;}

.banner{/* z-index: 10; */}
.banner .img{display: block;width: 100%;}
.banner .ban-txt{position: absolute;left: 0%;top: 50%;transform: translateY(-50%);padding: 0 10%;width: 100%;text-align: center;}
.banner .ban-txt.left{text-align: left;}
.banner .ban-txt.right{text-align: right;}
.banner .ban-txt .tit{font-weight: bold;font-size: clamp(24px, 4vw, 80px);text-shadow: 0px 1px 2px rgba(0,0,0,0.73);display: block;}
.banner .ban-txt .des{text-shadow: 0px 1px 2px rgba(0,0,0,0.73);font-weight: 500;font-size: clamp(14px, 1.8vw, 36px);line-height: 1.5;}
.banner .more{background: #00D1CF;border: 2px solid #FFFFFF;font-size:clamp(12px,  1.25vw, 24px);}
.banner .more:hover{background: #0078FF;}
.banner .more img{height: 15px;}

.more{background: linear-gradient(90deg, #0078FF 0%, #65C7F7 100%);font-size:clamp(11px,  .73vw, 14px);border-radius:0px;padding: 8px 16px;display: inline-block;margin-top: clamp(10px, 1.04vw, 20px);}
.more img{}
.more:hover{background: linear-gradient(90deg, #0052D4 0%, #0078FF 100%);}
.more:hover img{transform: translateX(5px);transition: all .3s;}
.more+.more{margin-left: 2vw;}

.indexProducts{padding-top: clamp(20px,4vw,80px);}
.indexProducts .lists{}
.indexProducts .lists .swiper{padding: 0 20px;}
.indexProducts .lists .li{border-radius: 0px;overflow: hidden;}
.indexProducts .li .img{overflow: hidden;display: block;}
.indexProducts .li .img img{display: block;width: 100%;transition: all .3s;}
.indexProducts .li .img:hover img{transform: scale(1.2);transition: all .3s;}
.indexProducts .li .text{position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 0px;padding: 5px 15px;
background: rgba(2,120,255,0.4);
display: flex;gap: 5px;justify-content: space-between;align-items: center;
transform: translateY(100%);transition: all .3s ease;}
.indexProducts .lists .li:hover .text{transform: translateY(0);}
.indexProducts .li .text .tit{/* font-weight: bold; */font-size: clamp(14px, 1.04vw, 20px);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.indexProducts .li .text .des{font-size: clamp(13px, .83vw, 16px);line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.indexProducts .li .text .more{margin-top: 0;padding: 7px 14px;background: none;border-radius: 0;box-shadow: none;transition: none;}
.indexProducts .li .text .more:hover{background: none;box-shadow: none;transform: none;}
.indexProducts .li .text .more img{margin: 0;transition: none;}
.indexProducts .li .text .more:hover img{transform: none;}
.indexProducts .swiper-button-next, 
.indexProducts .swiper-rtl .swiper-button-prev{right:10px;width: 50px;height: 50px;}
.indexProducts .swiper-button-prev, 
.indexProducts .swiper-rtl .swiper-button-next{left:10px;width: 50px;height: 50px;}

.indexField{padding: clamp(20px,4vw,80px) 0 clamp(30px,5vw,100px);
background: linear-gradient( 0deg, #0078FF47 0%, rgba(0,209,207,0) 100%);}
.indexField .lists{display: flex;flex-wrap: wrap;gap: 20px;}
.indexField .lists .li{width: calc(50% - 10px);border-radius: 0px;overflow: hidden;display: flex;flex-wrap: wrap;
background: linear-gradient( 180deg, #0052D4 0%, #65C7F7 78.18%, #9CD8FB 100%);}
.indexField .lists .le{padding: 20px;width: 50%;text-align: center;align-content: center;
background: linear-gradient(180deg, #0278ff 0%, #BDDCFF 100%);}
.indexField .lists .le .img{}
.indexField .lists .le img{display: block;height: 50px;margin: 0 auto 15px;}
.indexField .lists .le .tit{font-size: clamp(16px, 1.25vw, 24px);font-weight: bold;}
.indexField .lists .le .des{font-size: clamp(12px, .73vw, 14px);line-height: 1.5;margin-top: 10px;}
.indexField .lists .ri{overflow: hidden;width: 50%;border-radius: 0px;}
.indexField .lists .ri img{display: block;width: 100%;transition: all .3s;height: 100%;object-fit: cover;}
.indexField .li:hover .ri img{transform: scale(1.2);transition: all .3s;}
.indexField .lists .li:nth-child(4n-1),
.indexField .lists .li:nth-child(4n){flex-direction: row-reverse;}

.indexEvaluate{padding: clamp(20px,4vw,80px) 0;
background-repeat: no-repeat;background-position: center;background-size: cover;}
.indexEvaluate .centerBox{width: calc(80% + 30px);}
.indexEvaluate .lists{display: flex;flex-wrap: wrap;gap: 20px;}
.indexEvaluate .lists .swiper{padding: 15px;}
.indexEvaluate .lists .li{background: #FFFFFF;box-shadow: 0px 5px 10px rgba(0,0,0,0.16);
border-radius: 0;overflow: hidden;padding:20px;transition: all .3s;}
.indexEvaluate .lists .li:hover{transform: translateY(-10px);transition: all .3s;}
.indexEvaluate .partOne{}
.indexEvaluate .partOne .img{float: left;}
.indexEvaluate .partOne img{display: block;width: clamp(30px, 2.5vw, 48px);height: clamp(30px, 2.5vw, 48px);border-radius: 100%;}
.indexEvaluate .partOne .text{margin-left: clamp(40px, 3.125vw, 60px);}
.indexEvaluate .partOne .text .aa{font-size: clamp(14px, .93vw, 18px);font-weight: bold;color: #0078FF;line-height: clamp(16px, 1.25vw, 24px);}
.indexEvaluate .partOne .text .bb{font-size: clamp(12px, .83vw, 16px);line-height: clamp(14px, 1.25vw, 20px);color: #919394;}
.indexEvaluate .partTwo{color: #919394;font-size: clamp(12px, .83vw, 16px);line-height: 1.5;margin-top: 20px;}
.indexEvaluate .partThree{margin-top: 20px;border-top: 1px solid #cccccc;padding-top: 15px;overflow: hidden;}
.indexEvaluate .partThree .img{color: #000000;font-size: 14px;float: left;margin-right: 10px;}
.indexEvaluate .partThree .img img{display: inline-block;width: 20px;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
.indexEvaluate .partThree .star{float: left;}
.indexEvaluate .partThree .star img{display:block;width: 20px;float: left;}
.indexEvaluate .swiper-button-prev:hover img, 
.indexEvaluate .swiper-button-next:hover img{filter: brightness(0) invert(1);}
.indexEvaluate .swiper-button-next, 
.indexEvaluate .swiper-rtl .swiper-button-prev{right:-60px;width: 50px;height: 50px;}
.indexEvaluate .swiper-button-prev, 
.indexEvaluate .swiper-rtl .swiper-button-next{left:-60px;width: 50px;height: 50px;}

.indexNews{padding: clamp(20px,4vw,80px) 0 clamp(30px,5vw,100px);}
.indexNews .lists{display: flex;flex-wrap: wrap;gap: 40px;align-items: start;}
.indexNews .lists .le{width: calc(60% - 20px);box-shadow: 0px 5px 10px rgba(0,0,0,0.16);border-radius: 0px;overflow: hidden;}
.indexNews .le .li{display: block;}
.indexNews .le .img{display: block;width: 100%;object-fit: cover;height: clamp(400px, 27vw, 540px);}
.indexNews .le .li{position: relative;overflow: hidden;}
.indexNews .le .ban-txt{background: rgba(2,120,255,0.4);
padding: 20px;position: absolute;bottom: 0;left: 0;width: 100%;transform: translateY(100%);transition: all .3s ease;}
.indexNews .le .li:hover .ban-txt{transform: translateY(0);}
.indexNews .le .tit{font-size: clamp(14px, 1vw, 18px);
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;transform: translateY(20px);transition: all .3s ease .1s;}
.indexNews .le .li:hover .tit{opacity: 1;transform: translateY(0);}
.indexNews .le .des{font-size: clamp(14px, .93vw, 18px);line-height: 1.5;margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis}
.indexNews .lists .ri{width: calc(40% - 20px);box-shadow: 0px 5px 10px rgba(0,0,0,0.16);border-radius: 0px;
    height: clamp(400px, 27vw, 540px);padding: 20px;overflow-y: scroll;}
.indexNews .ri .li{padding: clamp(15px, 1.04vw, 20px) clamp(15px, 1.04vw, 20px) clamp(15px, 1.04vw, 20px) 0;}
.indexNews .ri .li+.li{border-top: 1px solid #00D1CF;}
.indexNews .ri .tit{font-size: clamp(14px, 1vw, 18px);color: #000000;font-weight: bold;padding-left: 30px;cursor: pointer;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url(../img/xl.png) no-repeat left center / auto 8px;}
.indexNews .ri .li.on .tit{background-image: url(../img/xl1.png);}
.indexNews .ri .tit:hover,
.indexNews .ri .li.on .tit{color: #0078FF;}
.indexNews .ri .des{font-size: clamp(11px, .73vw, 14px);color: #919394;line-height: 1.5;margin-top: 10px;padding-left: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis}
.indexNews .ri .more{margin-left: 30px;font-size: 11px;padding: 4px 10px;background: linear-gradient(90deg, #0078FF 0%, #65C7F7 100%);color: #FFFFFF;border-radius: 0px;display: inline-block;margin-top: 10px;}
.indexNews .ri .more:hover{background: linear-gradient(90deg, #0052D4 0%, #0078FF 100%);}
.indexNews .ri .more img{height: 8px;margin-left: 4px;vertical-align: middle;}
.indexNews .ri .down{display: none;}
.indexNews .ri .li:first-child .down{display: block;}
.indexNews .ri .li.on{background: linear-gradient(180deg, rgba(0,120,255,0.15) 0%, rgba(255,255,255,0.8) 100%);}
.indexNews .swiper-button-prev, 
.indexNews .swiper-button-next { width: clamp(30px, 2.5vw, 50px);height: clamp(30px, 2.5vw, 50px);}
.indexNews .swiper-button-next, 
.indexNews .swiper-rtl .swiper-button-prev{right: 10px;}
.indexNews .swiper-button-prev, 
.indexNews .swiper-rtl .swiper-button-next{left: 10px;}
.indexNews .swiper-pagination-bullets{bottom: 5px !important;}

.FAQ{padding: clamp(20px,4vw,80px) 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.FAQ .lists{display: flex;flex-wrap: wrap;gap: 40px;align-items: start;margin-bottom: 30px;padding: 20px;overflow: hidden;}
.FAQ .half{width: calc(50% - 20px);display: flex;flex-wrap: wrap;gap: 40px;}
.FAQ .lists .li{width: 100%;background: #FFFFFF;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 0;overflow: hidden;}
.FAQ .lists .li .tit{padding: 20px;background: url(../img/xl.png) no-repeat center right 20px / auto 8px;cursor: pointer;
color: #0078FF;font-weight: bold;font-size: clamp(14px, 0.25vw, 24px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.FAQ .lists .li .des{font-size: clamp(12px, .83vw, 16px);color: #919394;line-height: 1.5;margin: 20px;display: none;}
.FAQ .lists .li.on .tit{color: #ffffff;
	background: linear-gradient( 180deg, rgb(0,82,212) 0%, rgb(101,199,247) 78.18%, #9CD8FB 100%);}

.indexAbout{padding-top: clamp(20px,4vw,80px);background: #F8F9FA;position: relative;z-index: 2;}
.indexAbout .lists{display: flex;flex-wrap: wrap;align-items: start;justify-content: space-between;z-index: 1;overflow: visible;}
.indexAbout .lists .le{width: 42%;margin-bottom: 40px;}
.indexAbout .le .tit{color: #0078FF;font-size: clamp(20px, 1.45vw, 28px);font-weight: bold;}
.indexAbout .le .des{color: #919394;font-size: clamp(14px, .93vw, 18px);line-height: 1.5;}
.indexAbout .le .des-collapse{padding: 20px 0;}
.indexAbout .le .des-collapse .des-text{max-height: 23em;overflow: hidden;transition: max-height 0.3s ease;text-align: justify;font-size: clamp(12px, .83vw, 18px)}
.indexAbout .le .des-collapse.expanded .des-text{max-height: none;overflow: visible;}
.indexAbout .le .des-toggle{display: inline-flex;align-items: center;gap: 4px;margin-top: 8px;color: #0078FF;font-size: clamp(14px, .93vw, 18px);cursor: pointer;user-select: none;}
.indexAbout .le .des-toggle .toggle-icon{width: 1.2em;height: 1.2em;vertical-align: middle;transition: transform 0.3s;}
.indexAbout .le .des-toggle:hover{opacity: 0.8;}
.indexAbout .le .des-preview{padding: 20px 0;}
.indexAbout .le .des-preview .des-text{max-height: 23em;overflow: hidden;text-align: justify;font-size: clamp(12px, .83vw, 18px);}
.indexAbout .le .des-seemore{display: inline-flex;align-items: center;gap: 4px;margin-top: 8px;color: #0078FF;font-size: clamp(14px, .93vw, 18px);text-decoration: none;}
.indexAbout .le .des-seemore:hover{opacity: 0.8;text-decoration: underline;}
.indexAbout .le .link{}
.indexAbout .lists .ri{width: 55%;border-radius: 0;overflow: hidden;}
.indexAbout .ri .li{display: block;width: 100%;}
.indexAbout .ri .img{display: block;width: 100%;object-fit: cover;height: auto;aspect-ratio: 16 / 10;}
.indexAbout .ri video{display: block;width: 100%;object-fit: cover;height: auto;aspect-ratio: 16 / 10;}
.indexAbout .swiper-button-prev, 
.indexAbout .swiper-button-next { width: clamp(30px, 2.5vw, 50px);height: clamp(30px, 2.5vw, 50px);}
.indexAbout .swiper-button-next, 
.indexAbout .swiper-rtl .swiper-button-prev{right: 10px;}
.indexAbout .swiper-button-prev, 
.indexAbout .swiper-rtl .swiper-button-next{left: 10px;}
.dataBox{background: linear-gradient( 0deg, #3B95FE 0%, #E3F0FF 100%);
margin-top: -50px;padding: 130px 10% 30px;text-align: center;display: flex;justify-content: center;}
.dataBox .list{text-align: center;width:calc(100% / 6);}
.dataBox .list .aa{font-size: clamp(14px, .93vw, 18px);}
.dataBox .list .aa .bold-num{font-size: clamp(24px, 2.5vw, 48px);font-weight: 900;}
.dataBox .list .bb{font-size: clamp(12px, .83vw, 16px);}
.indexAbout .to{position: absolute;bottom: -38px;left:0;font-weight: bold;font-size: clamp(14px, 1.25vw, 24px);z-index: 2;padding: 8px 20px;border-radius: 0;}
.indexAbout .to img{height: clamp(20px, 1.25vw, 24px);display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;}
.indexAbout .to:hover{background: #00D1CF;}

.indexScene{padding: clamp(20px,4vw,80px) 0 clamp(30px,5vw,100px);}
.indexScene .lists{overflow:hidden;height: 300px;}
.indexScene .lists ul{width:100000px;position:absolute;left:0;height: 100%;}
.indexScene .lists ul li{float: left;height: 100%;margin: 0 10px;}
.indexScene .lists .img{display: block;height: 100%;width: 500px;border-radius:0px;overflow: hidden;}
.indexScene .lists img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.indexScene span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;font-size:0px;}
.indexScene .img:hover span{height:60px;line-height:60px;font-size:14px;text-align:center;transition:all 0.5s;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexScene .lists li:hover img{transform: scale(1.2);transition: all .3s;}

.commitment{padding: clamp(20px,4vw,80px) 0 clamp(30px,5vw,100px);background: linear-gradient( 0deg, #0078FF47 0%, rgba(0,209,207,0) 100%);}
.commitment .lists{display: flex;}
.commitment .li{display: block;overflow: hidden;flex: 100%;}
.commitment .li img{display: block;width: 100%;transition: all .3s;}
.commitment .li span{background: transparent;width: 100%;height: 100%;text-align: center;
position: absolute;left: 0;top: 0;font-weight: bold;font-size: clamp(14px, 1vw, 18px);color: #ffffff;text-shadow: 0 1px 3px rgba(0,0,0,0.8);display: flex;align-items: center;justify-content: center;}
.commitment .li:hover img{transform: scale(1.2);transition: all .3s;}

.Solutions{padding-top: clamp(20px,4vw,80px);}
.Solutions .lists{display: flex;position: relative;}

.Solutions .lists .triangle{
position: absolute;
top: 0;
bottom: 0;
width: 5.2vw;
z-index: 2;
}
.Solutions .lists .left-triangle{
left: 0;
background: #0078FF;
clip-path: polygon(0% 0%, 100% 0%, 0% 82%);
}
.Solutions .lists .right-triangle{
right: 0;
background: #0078FF;
clip-path: polygon(0% 100%, 100% 100%, 100% 15%);
}
.Solutions .lists .li{display: block;overflow: hidden;flex: 100%;clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);}
.Solutions .li img{display: block;width: 100%;object-fit: cover;height: 22vw;transition: all .3s;}
.Solutions .li:hover img{transform: scale(1.2);transition: all .3s;}
.Solutions .li span{background: transparent;width: 100%;height: 100%;text-align: center;
position: absolute;left: 0;top: 0;font-size: clamp(12px, .93vw, 18px);color: #ffffff;display: flex;align-items: center;justify-content: center;text-shadow: 0 1px 3px rgba(0,0,0,0.8);}
.Solutions .li+.li{margin-left: -5.2%;}

/* 产品 */
.productBg{background: linear-gradient( 0deg, #0078FF47 0%, rgba(0,209,207,0) 100%);}
.classification{display: flex;gap:10px; margin-top: clamp(10px,2vw,40px);}
.classification .li{display: flex;align-items: center;justify-content: center;flex:1;color: #00D1CF;font-size: clamp(12px, .93vw, 18px);
background: #ffffff;border-radius: 0;border: 2px solid #00D1CF;padding: 15px 25px;}
.classification .li:hover,
.classification .li.on{background:#00D1CF;color: #ffffff;}
.ProductList{display: flex;gap: 15px;flex-wrap: wrap; margin: clamp(10px,2vw,40px) 0;}
.ProductList .li{width: calc((100% - 30px) / 3); background: #FFFFFF;border-radius: 0;overflow: hidden;
box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.ProductList .li .img{overflow: hidden;display: block;}
.ProductList .li .img img{display: block;width: 100%;transition: all .3s;}
.ProductList .li .img:hover img{transform: scale(1.2);transition: all .3s;}
.ProductList .li .text{padding: 20px;
background: linear-gradient( 180deg, #0052D4 0%, #65C7F7 78.18%, #9CD8FB 100%);}
.ProductList .text .tit{font-weight: bold;font-size: clamp(16px, 1.04vw, 20px);width: 100%;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ProductList .text .des{font-size: 12px;line-height: 16px;margin-top: 5px;width: 70%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.charact{margin-top: 5px;}
.charact span{font-size: 12px;background: #0078FF;padding: 10px 15px;border-radius: 0;margin: 2px;display: inline-block;}
.ProductList .text .cf{white-space:nowrap;border: 2px solid #FFFFFF;font-size: 12px;padding: 6px 15px;border-radius: 0;
position: absolute;top: 15px;right: 15px;}
.ProductList .text ul{border-top: 1px solid #FFFFFF;margin-top: 5px;}
.ProductList .text ul li{font-size: 12px;line-height: 16px;display: flex;justify-content: space-between;margin-top: 5px;}

.page{text-align: center;color: #262121;padding: clamp(15px,2.5vw,50px) 0;}

/* 产品详情 */
.ProductDetails{background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 20px;overflow: hidden;}
.ProductDetails .content{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: clamp(20px,3vw,60px);overflow: hidden;align-items: stretch;}
.ProductDetails .back{background: #00D1CF;box-shadow: 2px 3px 2px 1px rgba(47,171,185,0.87);border-radius: 0;
font-size: clamp(14px,1vw,20px);padding: 1vw 1.5vw;display: inline-block;}
.ProductDetails .back img{display: inline-block;vertical-align: middle;margin:-4px 10px 0 0;height: clamp(14px,1vw,20px);}
.ProductDetails .content .left{width: 60%;}
.ProductDetails .content .right{width: 37%;display: flex;flex-direction: column;max-height: 80vh;}
.ProductDetails .right .right-scroll{flex: 1;overflow-y: auto;min-height: 0;}
.ProductDetails .right .cf{background: #00D1CF;border-radius: 0;
font-size: clamp(14px,1vw,20px);padding: 10px 15px;display: inline-block;}
.ProductDetails .right .tit{color: #565656;font-weight: bold;font-size: clamp(20px,2vw,40px);margin-top: clamp(20px,2vw,40px);}
.ProductDetails .right .des{color: #262121;font-size: clamp(12px,0.5vw,24px);line-height: 1.5;margin-top: clamp(10px,1vw,20px);}
.ProductDetails .right .label{margin-top: clamp(20px,3vw,40px);font-size: 13px;color: #00D1CF;gap:20px;display: flex;flex-wrap: wrap;}
.ProductDetails .right .label span{border: 1px solid #00D1CF;border-radius: 0;padding: 10px 15px;display: inline-block;}
.ProductDetails .right .parameter{margin-top: auto;padding-top: clamp(20px,2vw,40px);}
.ProductDetails .right .parameter ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: clamp(20px, 2vw, 40px);}
.ProductDetails .right .parameter ul li{width: calc(50% - clamp(10px, 1vw, 20px));border-bottom: 1px solid #707070;
display: flex;flex-wrap: wrap;justify-content: space-between;gap:10px;padding:10px 0;}
.Album{}
.Album .thumbs{background: #E7E7E7;border-radius: 0;overflow: hidden;padding: clamp(10px,1vw,20px);margin-top: 20px;}
.Album .gallery{border-radius: 0;overflow: hidden;}
.Album img,
.Album video,
.Album embed{display: block;width: 100%;}
.Album #thumbs img,
.Album #thumbs video,
.Album #thumbs embed{border-radius: 4px;background: #FFFFFF;padding: 6px;}
.Album .swiper-button-prev, 
.Album .swiper-button-next { width: clamp(20px, 2vw, 40px);height: clamp(20px, 2vw, 40px);}
.Album .swiper-button-next, 
.Album .swiper-rtl .swiper-button-prev{right: 30px;margin-top: clamp(-10px, -1vw, -20px);}
.Album .swiper-button-prev, 
.Album .swiper-rtl .swiper-button-next{left: 30px;margin-top: clamp(-10px, -1vw, -20px);}
.parameter{margin-top: clamp(30px, 3vw, 60px);}
.parameter .title{color: #262121;font-weight: bold;font-size: clamp(20px, 2vw, 40px);margin-bottom: clamp(20px, 2vw, 40px);}
.parameter ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: clamp(20px, 2vw, 40px);}
.parameter ul li{width: calc(50% - clamp(10px, 1vw, 20px));border-bottom: 1px solid #707070;
display: flex;flex-wrap: wrap;justify-content: space-between;gap:10px;padding:10px 0;}
.parameter ul li p{font-size: clamp(12px, 0vw, 18px);font-weight: bold;color: #565656;}
.parameter ul li span{color: #0078FF;font-size: clamp(10px, -0.2vw, 14px);flex: 1;min-width: 0;word-break: break-word;text-align: right;}

/* 新闻 */
.NewsClassification{padding: clamp(20px,4vw,80px) 7%;}
.NewsClassification .left{width:clamp(40px,9vw,180px);float: left;background: #DCDCDC;}
.posSticky{position: -webkit-sticky;position: sticky;top: 100px;}
.NewsClassification .left .li{display: block;width: 100%;text-align: center;height: clamp(40px,9vw,180px);align-content: center;}
.NewsClassification .left .li:hover,
.NewsClassification .left .li.on{background: #0078FF;}
.NewsClassification .left .li .icon{height: clamp(20px,2vw,40px);}
.NewsClassification .left .li .tit{margin-top: 10px;font-size: clamp(14px,1vw,20px);}
.NewsClassification .left .li+.li{border-top: 1px solid #DCDCDC;}
.NewsClassification .right{margin-left: clamp(60px,12vw,240px);min-height: 600px;}
.NewsClassification .right .lists{display: flex;flex-wrap: wrap;gap: 30px;row-gap: 60px;min-height:clamp(100px,20vw,400px);}
.NewsClassification .right .li{display: block;width:calc((100% - 60px) / 3);}
.NewsClassification .right .li .img{overflow: hidden;border-radius: 0;}
.NewsClassification .right .li img{display: block;width: 100%;transition: all .3s;object-fit: cover;max-height: 13vw;}
.NewsClassification .right .li:hover img{transform: scale(1.2);transition: all .3s;}
.NewsClassification .right .li .tit{color: #0078FF;font-size: clamp(12px,.83vw,16px);line-height: 1.4;margin-top: 10px;font-weight: bold;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.NewsClassification .right .li .des{color: #919394;font-size: clamp(10px,.63vw,12px);margin-top: 18px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.NewsClassification .right .li .time{color: #262121;font-size: clamp(10px,.63vw,12px);margin-top: 10px;}
.NewsClassification .right .li:after{background: #707070;width: 0%;height: 1px;left: 0%;bottom: -10px;
content: '';display: block;position: absolute;transition: all .3s;}
.NewsClassification .right .li:hover:after{width: 100%;transition: all .3s;}

.NewsClassification .right .flatten .li{width:100%;}
.NewsClassification .right .flatten .li .img{width: 22%;float: left;border-radius:0;}
.NewsClassification .right .flatten .li .text{margin-left:calc(22% + clamp(20px,3vw,60px));}
.NewsClassification .right .flatten .li .tit{-webkit-line-clamp: 1;color: #0078FF;font-size: clamp(16px,1vw,24px);}
.NewsClassification .right .flatten .li .des{color: #262121;font-size: clamp(14px,0vw,20px);}
.NewsClassification .right .flatten .li .time{font-size: clamp(14px,0vw,18px);}
.NewsClassification .charact{margin-top:10px;}
.NewsClassification .right .flatten .li:after{bottom: -15px;left: 50%;}
.NewsClassification .flatten .li:before{background: #0078FF;width: 0%;height: 1px;right: 50%;bottom: -15px;
content: '';display: block;position: absolute;transition: all .3s;}
.NewsClassification .flatten .li:hover:before,
.NewsClassification .flatten .li:hover:after{width: 50%;transition: all .3s;}

.NewsDetails{padding: clamp(20px,4vw,80px) 20% clamp(20px,2vw,40px);background-position: center;background-repeat: no-repeat;background-size: cover;}
.NewsDetails .title{text-align: center;color: #0078FF;font-weight: bold;font-size: clamp(20px,1.8vw,48px);line-height: 1.4;}
.NewsDetails .other{text-align: center;margin-top: clamp(15px,1.5vw,30px);}
.NewsDetails .other span{color: #0078FF;font-size: 13px;border: 2px solid #0078FF;border-radius:0;padding: 10px 15px;
display: inline-block;margin: 0 10px;}
.NewsDetails .details{margin-top: clamp(20px,3vw,60px);line-height: 1.5;color: #000000;font-size: 16px;}
.NewsDetails .details img{margin: 10px 0;width: 100%;}
.NewsDetails .charact{margin-top:20px;}

.QA{padding: clamp(20px,4vw,80px) 0;background: linear-gradient(135deg, #E8F4FD 0%, #4A9BF5 50%, #0078FF 100%);position: relative;}
.QA .lists{background: transparent;box-shadow: none;border-radius: 0;padding: 0;position: relative;overflow: visible;}
.QA .lists::before{display: none;}
.QA .lists::after{display: none;}
.QA .lists+.lists{margin-top: clamp(30px,5vw,80px);}
.QA .title{color: #FFFFFF;text-align: center;font-size: clamp(24px, 2vw, 40px);margin-bottom: 20px;font-weight: bold;}
.QA .small{color: #FFFFFF;font-size: clamp(22px, 1.8vw, 36px);font-weight: bold; margin-bottom: 24px;padding-left: 18px;position: relative;}
.QA .small::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 80%;background: #FFFFFF;border-radius: 2px;}
.QA .small::after{display: none;}
.QA .li{border: none;border-radius: 50px;overflow: hidden;transition: all .3s;background: rgba(255,255,255,0.9);position: relative;margin-bottom: clamp(12px,1.5vw,20px);box-shadow: 0px 4px 15px rgba(0,0,0,0.06);}
.QA .li::before{display: none;}
.QA .li+.li{margin-top: 0;}
.QA .li .tit{color: #0052D4;font-size: clamp(16px, 1.3vw, 26px);padding: 16px 50px 16px 28px;
white-space: nowrap;cursor: pointer;overflow: hidden;text-overflow: ellipsis;
background: url(../img/xl2.png) no-repeat center right 28px / auto 8px transparent;transition: all .3s;font-weight: 600;}
.QA .li .tit img{display: inline-block;vertical-align: middle;margin: -4px 12px 0 0;height: clamp(18px, 1.3vw, 24px);}
.QA .li .des{color: #6B7B8D;font-size: clamp(14px, 0.9vw, 18px);line-height: 1.8;padding: 0 28px 20px;background: transparent;display: none;}
.QA .li.on,
.QA .li:hover{box-shadow: 0px 6px 20px rgba(0,0,0,0.12);transform: translateY(-2px);}
.QA .li.on .tit{color: #0078FF;}
.QA .li.on .tit img{filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(202deg) brightness(101%) contrast(101%);}

.ad{background-position: center;background-repeat: no-repeat;background-size: cover;}
.ad .mask{padding: clamp(20px,2vw,40px) 0;background: linear-gradient( 180deg, #0052D4ad 0%, #65C7F7cc 78.18%, #9CD8FB 100%);}
.ad .mask .tit{font-weight: bold;font-size: clamp(24px, 2.5vw, 48px);}
.ad .mask .des{font-size: clamp(16px, 1.25vw, 24px);margin-top: 10px;}
.ad .mask .link{margin-top: 20px;}
.ad .mask .link .li{display: inline-block; color: #0078FF;background: #FFFFFF;border-radius: 0;padding: 15px 25px;font-size: clamp(12px, .93vw, 18px);}
.ad .mask .link .li+.li{margin-left: 20px;}
.ad .mask .link .li:hover{background: #00D1CF;color: #ffffff;}

.latest{display: flex;gap: 30px;padding: clamp(20px,4vw,80px) 0;justify-content: center;}
.latest .li{width: calc((100% - 60px) / 3); background: #FFFFFF;border-radius: 0;overflow: hidden;
box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);transition: all .3s;}
.latest .li .img{overflow: hidden;display: block;}
.latest .li .img img{display: block;width: 100%;transition: all .3s;}
.latest .li .img:hover img{transform: scale(1.2);transition: all .3s;}
.latest .li .text{padding: 10px 15px 20px;}
.latest .text .tit{font-size: clamp(16px, 1.14vw, 22px);color: #0078FF;line-height: 1.4;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.latest .text .des{font-size: clamp(12px, .93vw, 18px);line-height: 1.4;margin-top: 10px;color: #919394;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.latest .text .time{color: #262121;font-size:clamp(14px, 1.02vw, 20px);margin-top: 15px;}
.latest .text .cf{white-space:nowrap;border: 2px solid #0078FF;color: #0078FF; font-size: 12px;padding: 6px 15px;border-radius: 0;
position: absolute;bottom: 15px;right: 15px;}
.latest .li:hover{transform: translateY(-10px);transition: all .3s;}

/* 研发 */
.RD{padding: clamp(20px,4vw,80px) 0;}
.RD .lists{display: flex;align-items: center;justify-content: space-between;background-color: #DFEAF8;}
.RD .left{width: 50%;}
.RD .left .img{display: block;width: 100%;}
.RD .swiper-button-prev, 
.RD .swiper-button-next { width: clamp(30px, 2.5vw, 50px);height: clamp(30px, 2.5vw, 50px);}
.RD .swiper-button-next, 
.RD .swiper-rtl .swiper-button-prev{right: 10px;}
.RD .swiper-button-prev, 
.RD .swiper-rtl .swiper-button-next{left: 10px;}
.RD .right{width: 50%;align-self: stretch;display: flex;flex-direction: column;justify-content: space-around;padding: clamp(16px, 2, 3636) clamp(1212x, 1..55vw, 88px);overflow: hidden;}
.RD .right .li{}
.RD .right .li img{display: block;width: 100%;}
.RD .right .li .num{display: block;color: #0078FF;font-size: clamp(30px, 3vw, 60px);font-weight: bold;
position: absolute;top: 23%;left: 6.5%;}
.RD .right .li .txt{width: 70%;position: absolute;top: 50%;right: 2.5vw;transform: translateY(-50%);margin-top: -10px;}
.RD .right .li .txt .txt-title{display: block;color: #0078FF;font-size: clamp(16px, 1vw, 30px);font-weight: bold;}
.RD .right .li .txt .txt-desc{color: #999;font-size: clamp(12px, 0vw, 16px);font-weight: normal;margin-top: 10px;line-height: 1.2;}
.RD .right .plus{color: #0078FF;font-size: clamp(24px, 2vw, 40px);font-weight: bold;margin: 0px 45px;}
.RD .right .desc-text{color: #666;font-size: clamp(12px, -11vw, 16px);line-height: 1.2;margin-top: 20px;margin-left: 20px;}
.RD .right .highlight-text{color: #0078FF;font-size: clamp(14px,0vw, 18px);font-weight: bold;line-height: 1.2;margin-top: 10px;margin-left: 20px;}

.laboratory{padding: clamp(20px,4vw,80px) 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.laboratory .lists{background: linear-gradient( 180deg, #0052D4 0%, #65C7F7 78.18%, #9CD8FB 100%);
display: flex;align-items: center;overflow: hidden;}
.laboratory .left{width: 60%;}
.laboratory .left img{display: block;width: 100%;}
.laboratory .swiper-button-prev, 
.laboratory .swiper-button-next { width: clamp(30px, 2.5vw, 50px);height: clamp(30px, 2.5vw, 50px);}
.laboratory .swiper-button-next, 
.laboratory .swiper-rtl .swiper-button-prev{right: 10px;}
.laboratory .swiper-button-prev, 
.laboratory .swiper-rtl .swiper-button-next{left: 10px;}
.laboratory .right{width:40%;padding: clamp(20px, 2vw, 40px);}
.laboratory .right .lab{font-size: 12px;color: #0078FF;background: #FFFFFF;border-radius: 0;padding: 10px 20px;display: inline-block;}
.laboratory .right .tit{font-weight: bold;font-size: clamp(20px, 1.6vw, 32px);border-bottom: 1px solid #FFFFFF;margin-top: 20px;padding-bottom: 20px;}
.laboratory .right .des{font-size: clamp(12px, .85vw, 16px);line-height: 1.4;margin-top: 20px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
	overflow: hidden;
	text-overflow: ellipsis;}

.Collaboration{padding: clamp(20px,4vw,80px) 0;}
.Collaboration .lists{display: flex;justify-content: center;gap: 40px;}
.Collaboration .li{display: block;width: calc(50% - 20px);border-radius: 0;box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.16);overflow: hidden;}
.Collaboration .li .img{overflow: hidden;}
.Collaboration .li img{display: block;width: 100%;transition: all .3s;}
.Collaboration .li:hover img{transform: scale(1.2);transition: all .3s;}
.Collaboration .li .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;border-radius: 0;
	background: linear-gradient( 180deg, rgba(0,82,212,0.68) 0%, rgba(101,199,247,0.8) 78.18%, #9CD8FB 100%);}
.Collaboration .li .tit{font-size: clamp(18px, 1.6vw, 32px);font-weight: bold;}
.Collaboration .li .des{font-size: clamp(12px, .85vw, 16px);line-height: 1.4;margin-top: 10px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;}

.Academic{padding: clamp(20px,4vw,80px) 0;background: #fafafa;}
.Academic .lists{display: flex;justify-content: center;gap: 20px;}
.Academic .li{display: block;width: calc(25% - 15px);border-radius: 0;box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.16);overflow: hidden;}
.Academic .li .img{overflow: hidden;}
.Academic .li img{display: block;width: 100%;transition: all .3s;}
.Academic .li:hover img{transform: scale(1.2);transition: all .3s;}
.Academic .li .txt{border-radius: 0;background: #FFFFFF;padding: 20px;}
.Academic .li .tit{font-size: clamp(14px, 0.6vw, 20px);color: #262121;}
.Academic .li .des{font-size: 14px;line-height: 1.4;margin-top: 10px;color: #919394;}

.team{padding: clamp(20px,4vw,80px) 0;
background: linear-gradient( 180deg, #0078FF47 0%, rgba(0,209,207,0) 100%);}
.team .lists{display: flex;justify-content: center;gap:100px;align-items: baseline;padding-top: clamp(20px,4vw,80px);}
.team .li{display: block;width: 100px;}
.team .li .img{border-radius: 100%;box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.16);transition: all .3s;transform: scale(1);}
.team .li:hover .img{transform: scale(1.2);box-shadow: 0px 8px 12px 2px rgba(0,0,0,0.25);}
.team .li img{display: block;width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 100%;overflow: hidden;}
.team .li .txt{transform: scale(0);margin-top: 40px;text-align: center;}
.team .li .name{color: #0078FF;font-size: clamp(14px, 1.04vw, 20px);}
.team .li .rank{color: #0078FF;font-size: 14px;}
.team .li:first-child,
.team .li:last-child{top: -100px;}
.team .li.on{width: 200px;margin: 0 40px;}
.team .li.on .txt{transition: all .3s;transform: scale(1);}
.team .li.on .img{transition: all .3s;transform: scale(1.1);}
.team .li.on:hover .img{transform: scale(1.2);}

/* 案例 */
.caseList{padding: clamp(30px,5.5vw,110px) 0;}
.caseList .lists{display: flex;flex-wrap: wrap;}
.caseList .li{display: block;overflow: hidden;width: calc(100% / 6);}
.caseList .li img{display: block;width: 100%;aspect-ratio: 5 / 4;object-fit: cover;transition: all .3s;}
.caseList .li p{position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: #26212180;transform: scale(0);
text-align: center;align-content: center;font-weight: bold;font-size: clamp(14px,1.25vw,24px);padding: 10px;word-break: break-word;}
.caseList .li:hover img{transition: all .3s;transform: scale(1.2);}
.caseList .li:hover p{transition: all .3s;transform: scale(1);}

.Clients{background: #F4F9FF;padding-top: clamp(30px,5.5vw,110px);overflow: hidden;}
.client-section {width: 100%;margin: 0 auto;height: 600px;}
.center-circle { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) translateY(50%); width:clamp(400px,30vw,520px);height: clamp(400px,30vw,520px); 
background: linear-gradient(#007bff,#0099ff); border-radius: 250px 250px 0 0;padding: 5% 1vw 1vw;
display: flex; flex-direction: column;text-align: center;}
.center-circle .tit { font-size: clamp(20px,2.5vw,48px);font-weight: bold; }
.center-circle .des { font-size: clamp(14px,1.25vw,24px);margin-top: 10px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}
.center-circle:before{content: '';display: block;position: absolute;left: -20vw;top: -20vw; width: 70vw;height: 70vw;border-radius: 100%;border: 2px dashed #007bff80;}
.center-circle:after{content: '';display: block;position: absolute;left: -10vw;top: -10vw; width: 50vw;height: 50vw;border-radius: 100%;border: 2px dashed #007bff80;}
.client-logo { position: absolute; border-radius: 100%;overflow: hidden; display: flex; justify-content: center; align-items: center; 
box-shadow: 0 4px 12px rgba(0,0,0,.08); background: #fff; padding: 1vw; opacity: 0; transform: scale(.85); transition: .7s ease;}
.client-logo.blue { background: linear-gradient(135deg,#007bff,#00d4d8);}
.client-logo.show { opacity: 1; transform: scale(1);}
.client-logo img { max-width: 100%; max-height: 100%; object-fit: contain;display: block;}
.client-logo:hover{transform: scale(1.2);}

/* 案例详情 */
.caseDetails{padding: clamp(30px,5.5vw,110px) 0;}
.caseDetails .bigImg img{display: block;width: 100%;}
.caseDetails .content{display: flex;flex-wrap: wrap;justify-content: space-between;gap:40px;margin-top: 40px;overflow: hidden;color: black;}
.caseDetails .content .left{width: calc(66% - 40px);}
.caseDetails .content .left .li+.li{margin-top: clamp(20px,2vw,40px);}
.caseDetails .content .left .li .tit{font-size: clamp(20px,2vw,40px);color: #0078FF;font-weight: bold;margin-bottom: 10px;}
.caseDetails .content .left .li .tit img{display: inline-block;height: clamp(24px,2.5vw,48px);vertical-align: middle;margin:-8px 10px 0 0;}
.caseDetails .content .left .li .small{font-size: clamp(14px,.93vw,18px);color: #919394;margin-bottom: clamp(10px,1vw,20px);}
.caseDetails .content .left .li .des{font-size: clamp(16px,1.04vw,20px);color: #565656;line-height: 2;}
.caseDetails .content .right{width: 34%;}
.caseDetails .content .right .list{background: #F8F9FA;border-radius: 0;padding: clamp(15px,1.5vw,30px);}
.caseDetails .content .right .title{font-size: clamp(16px,1.25vw,24px);color: #262121;font-weight: bold;padding-bottom: clamp(10px,1vw,20px);}
.caseDetails .content .right .title img{display: inline-block;height: clamp(14px,1.25vw,24px);vertical-align: middle;margin:-4px 10px 0 0;}
.caseDetails .content .right .li+.li{border-top: 1px solid #707070;}
.caseDetails .content .right .li{padding: clamp(10px,1vw,20px) 0;overflow: hidden;}
.caseDetails .content .right .img{border-radius:0;border: 1px solid #707070;overflow: hidden;float: left;width: 85px;}
.caseDetails .content .right .img img{display: block;width: 100%;object-fit: cover;aspect-ratio: 1 / 1;}
.caseDetails .content .right .tit{color: #000000;font-weight: bold;font-size:  clamp(14px,1vw,20px);margin-left: 100px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.caseDetails .content .right .more{margin-left: 15px;margin-top: 10px;}
.convenient{background: #0078FF;border-radius: 0;padding: clamp(15px,1.5vw,30px);text-align: center;margin-top:30px;}
.convenient .aa{font-size: clamp(18px,1.45vw,28px);font-weight: bold;}
.convenient .bb{font-size: clamp(14px,.93vw,18px);font-weight: bold;margin-top: 10px;}
.convenient .more{color: #0078FF;background: #FFFFFF;margin: 20px 0 0 0 !important;}
.convenient .more:hover{background: #00D1CF;color: #ffffff;}

/* 联系我们 */
.Contact{padding: clamp(20px,4vw,80px) 0;}
.Contact .infor{display: flex;flex-wrap: wrap;gap: 20px;}
.infor .li{width: calc((100% - 40px) / 3);background: #F8F9FA;box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.42);border-radius:0;padding:20px;}
.infor .li .img img{display: block;height: clamp(30px,2vw,40px);margin: 0 auto;}
.infor .li .tit{color: #0078FF;font-size: clamp(18px,1.5vw,30px);font-weight: bold;text-align: center;margin-top: 20px;}
.infor .li .des{color: #919394;font-size: clamp(14px,.93vw,18px);text-align: center;line-height: 1.5;margin-top: 10px;}
.mapSection{display: flex;gap: 0;margin-top: clamp(20px,4vw,80px);background: linear-gradient(135deg, #F0F7FF 0%, #E8F4FD 100%);border-radius: 20px;overflow: hidden;box-shadow: 0px 10px 30px rgba(0,120,255,0.08);}
.mapLeft{width: 40%;padding: clamp(30px,4vw,60px) clamp(24px,3vw,48px);display: flex;flex-direction: column;justify-content: center;}
.mapTitle{color: #0078FF;font-size: clamp(20px,2vw,36px);font-weight: bold;margin-bottom: 20px;letter-spacing: 1px;}
.mapDesc{color: #5A6B7A;font-size: clamp(13px,0.9vw,16px);line-height: 1.8;margin-bottom: 30px;}
.mapInfo{display: flex;flex-direction: column;gap: 16px;margin-bottom: 30px;}
.mapInfoItem{display: flex;align-items: center;gap: 12px;color: #262121;font-size: clamp(13px,0.9vw,16px);line-height: 1.6;}
.mapInfoItem img{width: clamp(18px,1.5vw,24px);height: clamp(18px,1.5vw,24px);flex-shrink: 0;object-fit: contain;}
.mapInfoItem a{color: #0078FF;text-decoration: none;transition: color .3s;}
.mapInfoItem a:hover{color: #00D1CF;}
.mapSocial{display: flex;gap: 12px;}
.mapSocial .socialIcon{width: clamp(32px,2.5vw,40px);height: clamp(32px,2.5vw,40px);border-radius: 50%;background: #0078FF;display: flex;align-items: center;justify-content: center;transition: all .3s;overflow: hidden;}
.mapSocial .socialIcon:hover{background: #00D1CF;transform: translateY(-2px);}
.mapSocial .socialIcon img{width: clamp(14px,1vw,18px);height: clamp(14px,1vw,18px);filter: brightness(0) invert(1);object-fit: contain;}
.mapRight{width: 60%;}
.mapRight img{display: block;width: 100%;height: 100%;object-fit: cover;}
.formBox{padding: clamp(20px,4vw,80px) 0;}
.formBox .form{display: flex;flex-wrap: wrap;gap: 40px;padding: 0 clamp(20px,4vw,80px);}
.formBox .line{width: calc(50% - 20px);}
.formBox .line.all{width: 100%;}
.formBox label{color: #262121;margin-bottom: 10px;display: block;font-size: clamp(16px,1.25vw,24px);}
.formBox label span{color: #C30D23;}
.formBox .inp{border-radius: 0;background: #F3F4F5;margin-bottom:10px;height: clamp(40px,3.5vw,70px);padding:10px;font-size: clamp(14px,1vw,20px);}
.formBox .txt{border-radius: 0;background: #F3F4F5;margin-bottom:10px;height: clamp(160px,14vw,280px);padding:10px;font-size: clamp(14px,1vw,20px);line-height:1.5;}
.formBox .btn{width: 200px; margin: 0 auto; display: block;
	border-radius: 0;background: #0078FF;height: clamp(40px,3.5vw,70px);font-size: clamp(14px,1vw,20px);cursor: pointer;color: #ffffff;}
.formBox .btn:hover{background: #00D1CF;}
.formBox input:focus,
.formBox textarea:focus{border: 1px solid #0078FF;}
.cooperation{}
.cooperation .lists{display: flex;}
.cooperation .li{width: 25%;}
.cooperation .li:hover .bg img{transform: scale(1.2);transition: all .3s;}
.cooperation .li .bg{overflow: hidden;}
.cooperation .li .bg img{display: block;width: 100%;height: clamp(400px,35vw,700px);object-fit: cover;transition: all .3s;}
.cooperation .li .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #26212180;padding: 20px;
display: flex;flex-direction: column;justify-content: center;gap: 20px;}
.cooperation .li .img{}
.cooperation .li .img img{display: block;height: clamp(30px,2vw,60px);}
.cooperation .li .tit{font-weight: bold;font-size: clamp(16px,1.25vw,24px);}
.cooperation .li .des{font-size: clamp(12px,1vw,20px);line-height: 1.4;margin-top: clamp(40px,4vw,80px);
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
	text-overflow: ellipsis;}
.cooperation .li .tit::after{content: '';display: block;height: 5px;width: 30px;background: #FFFFFF;
position: absolute;bottom: clamp(-50px,-5.5vw,-110px);left: 0;}
.cooperation .li .num{font-weight: bold;font-size: clamp(14px,1vw,20px);}
.cooperation .li .num b{font-size: clamp(16px,1.25vw,24px);}

/* 关于我们 */
.indexAbout.US{background: #ffffff;}
.indexAbout.US .dataBox{background:none;padding: 0;margin-top:0;}
.indexAbout.US .dataBox .list .aa{color: #262121;}
.indexAbout.US .dataBox .list .bb{color: #919394;}
.indexAbout.US .lists{padding: clamp(20px,4vw,80px) 0;align-items: center;}

.Collaboration.US{background: #F8F9FA;}
.Collaboration.US .lists{gap:30px;}
.Collaboration.US .li{width: calc(33.33% - 20px);}
.Collaboration.US .li .tit{font-size: clamp(14px, 1vw, 24px);}
.Collaboration.US .li .des{font-size: 12px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;}

.History{padding: clamp(20px,4vw,80px) 0;}
.History .commonTitle {margin-bottom: clamp(0px,2vw,40px);}
.History .lists .swiper{padding: 30px 15px;}
.History .li{display: block;box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.16);border-radius: 0;overflow: hidden;transition: all .3s;}
.History .li:hover{transition: all .3s;transform: translateY(-20px);}
.History .li .img{overflow: hidden;}
.History .li img{display: block;width: 100%;object-fit: cover;aspect-ratio: 9 / 7;}
.History .li .text{padding: 20px;background: #FFFFFF;}
.History .li .aa{color: #262121;font-size: clamp(16px,1vw,20px);font-weight: bold;}
.History .li .bb{color: #919394;font-size: 12px;margin-top: 10px;line-height: 18px;height: 100px;}
.History .swiper-button-next, 
.History .swiper-rtl .swiper-button-prev{right: -8%;}
.History .swiper-button-prev, 
.History .swiper-rtl .swiper-button-next{left: -8%;}
.History .swiper-button-prev:hover, 
.History .swiper-button-next:hover{background-color: #ffffff;}

.Honors{padding: clamp(20px,4vw,80px) 0;background: #F8F9FA;}
.Honors .lists .swiper{padding:6px;}
.Honors .li{display: block;box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.16);overflow: hidden;padding: 15px;background-color: #ffffff;}
.Honors .li .img{overflow: hidden;}
.Honors .li img{display: block;width: 100%;object-fit: cover;aspect-ratio: 17 / 13;transition: all .3s;}
.Honors .li:hover img{transition: all .3s;transform: scale(1.2);}
.Honors .li .text{background: #FFFFFF;margin-bottom: 15px;}
.Honors .li .aa{color: #262121;font-size: clamp(14px,0vw,16px);font-weight: bold;height: 30px;}
.Honors .li .bb{color: #919394;font-size: 12px;margin-top: 10px;height: 40px;}
.Honors .swiper-button-next, 
.Honors .swiper-rtl .swiper-button-prev{right: -8%;}
.Honors .swiper-button-prev, 
.Honors .swiper-rtl .swiper-button-next{left: -8%;}
.Honors .swiper-button-prev:hover, 
.Honors .swiper-button-next:hover{background-color: #ffffff;}

.video{padding: clamp(20px,4vw,80px) 0;}
.video video,.video img,.video embed{display: block;width: 100%;border-radius:0;overflow: hidden;}

.Partners{padding: clamp(20px,4vw,80px) 0 clamp(40px,8vw,160px);
	background-repeat: no-repeat;background-position: center;background-size: cover;}

/* 菱形容器 - 核心布局 */
.diamond-grid {
	padding: clamp(20px,2vw,40px) 0;
	display: grid;
	grid-template-columns: repeat(9, 120px);
	grid-template-rows: repeat(3, 120px);
	gap:0px;
	justify-items: center;
	align-items: center;
	justify-content: center;
}
.partner-item {
	width: 120px;
	height: 120px;
	transform: rotate(45deg);
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	overflow: hidden;
	opacity: 0;
	transform: rotate(45deg) scale(0.85);
	transition: all 0.7s ease;
}
.partner-item.show {
	opacity: 1;
	transform: rotate(45deg) scale(1.3);
}
/* 图片反向旋转，保证logo正显示 */
.partner-item img {
	width: 70%;
	height: 70%;
	object-fit: contain;
	transform: rotate(-45deg);
}




/* 适配 */

@media (max-width: 1707px){ /* 2560(150%) */
	
}
@media (max-width: 1536px){ /* 1920(125%) */
	
}

@media (max-width: 1366px){
	
}

@media (max-width: 1280px){  /* 1920(150%) */
	.centerBox{width: 90%;}
	.dataBox{padding: 130px 5% 30px;}
	.RD .left,.RD .right{width: 48%;}
	.client-section{height: 500px;}
	.Clients .centerBox:before{background: linear-gradient(180deg, #ffffff 0%, #0052D420 10%, #65C7F780 78.18%, #9CD8FB80 100%);
	left: 0;bottom: 0%;content: '';display: block;position: absolute;width: 100%;aspect-ratio: 2 / 1;border-radius: 500px 500px 0 0;}
	.center-circle:before,.center-circle:after{display: none;}
	.NewsClassification .right .li img{max-height: none; height: 150px;}
	.Honors .swiper-button-next, .Honors .swiper-rtl .swiper-button-prev,
	.History .swiper-button-next, .History .swiper-rtl .swiper-button-prev{right: 0;}
	.Honors .swiper-button-prev, .Honors .swiper-rtl .swiper-button-next,
	.History .swiper-button-prev, .History .swiper-rtl .swiper-button-next{left: 0;}
	.diamond-grid{grid-template-columns: repeat(9, 100px);grid-template-rows: repeat(3, 100px);}
	.partner-item.show {transform: rotate(45deg) scale(1);}
	
}

@media (max-width: 1180px){
	.menu-button{display: block;cursor: pointer;}
	.menu-button .bar{display: block;width: 50px;height: 4px;margin: 8px 0; background: #00d1cf;border-radius: 10px;-webkit-transition: 0.3s;transition: 0.3s;}
	.cross .bar:nth-of-type(1) {
	  -webkit-transform: translateY(12px) rotate(-45deg);
	  -ms-transform: translateY(12px) rotate(-45deg);
	  transform: translateY(12px) rotate(-45deg);
	}
	.cross .bar:nth-of-type(2) {
	  opacity: 0;
	}
	.cross .bar:nth-of-type(3) {
	  -webkit-transform: translateY(-12px) rotate(45deg);
	  -ms-transform: translateY(-12px) rotate(45deg);
	  transform: translateY(-12px) rotate(45deg);
	}
	.centerBox{width: 92%;}
	.header{padding: 0 4%;gap: 15px;}
	.header .menu{position: fixed;right: -100%;bottom: 0;height: calc(100% - 60px);width: 50%;display: block;
	background: rgba(0, 120, 255, 0.8);padding: 20px;overflow-y: auto;}
	.header .menu.open{right: 0;}
	.header .logo{flex: 1;}
	.header .logo img{height: 50px;}
	.header .menu li{padding:10px 0;}
	.header .menu li .first{display: inline-block;font-weight: bold;padding: 0 20px;}
	.header .menu li .second{transform: scale(1);opacity: 1;visibility:visible;position:static;background:none;margin-top: 10px;}
	.header .menu li .second .li:hover, .header .menu li .second .li.on{background-color: #00d1cfbf;}
	.search{padding: 20px 0;}
	.dataBox{margin-top:4%;padding: 4% 0;}
	.indexAbout .to{background: #0078ff;bottom: 0;}
	.caseList .li{width: 25%;}
	
	
}

@media (max-width: 1024px){
	.footer{padding: 4%;}
	.footer .partOne{width: 100%;padding-right:70px;border-right:none;}
	.footer .partTwo{justify-content: start;}
	.copyright{padding: 20px 4%;}
	.more+.more{margin-left: 2px;}
	.indexAbout .lists{gap: 20px;}
	.indexAbout .to{bottom: auto;left: auto;right: 0;top: 0;}
	.indexAbout .lists .le{width: 100%;}
	.indexAbout .lists .ri{width: 100%;}
	.indexAbout .ri .img{height: 500px;}
	.dataBox{flex-wrap: wrap;gap:20px;}
	.dataBox .list{width: calc((100% - 40px) / 3);}
	.classification{flex-wrap: wrap;}
	.classification .li{padding: 10px 20px;}
	.ProductList .text .cf{top: -40px;background: #0078ff;}
	.ProductList .text .tit,.ProductList .text .des{width:100%;}
	.ProductDetails .content{gap:20px;padding-bottom: 1px;}
	.ProductDetails .content .left,
	.ProductDetails .content .right{width:100%;}
	.laboratory .left,.laboratory .right{width:50%;}
	.laboratory .right .des{-webkit-line-clamp: 8;}
	.Collaboration .li .des{-webkit-line-clamp: 4;}
	.diamond-grid{grid-template-columns: repeat(9, 80px);grid-template-rows: repeat(3, 80px);}
	.partner-item{width: 100px;height: 100px;}
	.Collaboration.US .li .des{margin-top: 0;}
	
	
}
@media (max-width: 912px){
	.menu-button .bar{width: 40px;margin: 6px 0;}
	.cross .bar:nth-of-type(1) {
	  -webkit-transform: translateY(10px) rotate(-45deg);
	  -ms-transform: translateY(10px) rotate(-45deg);
	  transform: translateY(10px) rotate(-45deg);
	}
	.cross .bar:nth-of-type(3) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
	  -ms-transform: translateY(-10px) rotate(45deg);
	  transform: translateY(-10px) rotate(45deg);
	}
	.indexNews .lists .le{width: 100%;}
	.indexNews .lists .ri{width: 100%;height: auto;}
	.FAQ .lists{gap: 20px;}
	.FAQ .half{gap: 20px;width: 100%;}
	.footer .tit{font-size: 16px;}
	.ProductList .li{width: calc((100% - 15px) / 2);}
	.charact span{padding: 8px 15px;}
	.laboratory .lists{flex-wrap: wrap;}
	.laboratory .right .des {-webkit-line-clamp: 6;}
	.Collaboration .li .des{-webkit-line-clamp: 2;}
	.Academic .lists{flex-wrap: wrap;}
	.Academic .li{width: calc(50% - 10px);}
	.client-section{height: 400px;}
	.latest .text .cf{bottom: calc(100% + 10px);    background: #ffffff80;}
	
	
}
@media (max-width: 768px){
	.RD .lists{flex-wrap: wrap;}
	.RD .left, .RD .right{width: 100%;}
	.RD .right .li .txt{right: 50px;}
	.RD .right .li .num{font-size: 48px;}
	.laboratory .left, .laboratory .right{width: 100%;}
	.laboratory .right .des{-webkit-line-clamp:none;}
	.Collaboration .lists{flex-wrap: wrap;gap:20px;}
	.Collaboration .li{width:100%;}
	.team .lists{gap:0;}
	.team .li:first-child, .team .li:last-child{top:-50px;}
	.team .li.on{margin: 0 20px;}
	.client-section{height: 300px;}
	.center-circle{width: 300px;height: 300px;}
	.caseDetails .content{gap:20px;}
	.caseDetails .content .left,.caseDetails .content .right{width: 100%;}
	.NewsClassification .right .lists{gap: 20px;}
	.NewsClassification .right .li{width: calc(50% - 10px);}
	.NewsClassification{padding: 4%;}
	.NewsClassification .left{width: 100px;}
	.NewsClassification .left .li{height: 100px;}
	.NewsClassification .right{margin-left:120px;}
	.NewsDetails{padding: 4%;}
	.latest{flex-wrap: wrap;gap:20px;}
	.latest .li{width: 100%;}
	.diamond-grid{grid-template-columns: repeat(9, 60px);grid-template-rows: repeat(3, 60px);}
	.partner-item{width: 80px;height: 80px;}
	.Collaboration.US .li{width: 100%;}
	.Collaboration.US{gap: 20px;}
	.formBox .form{gap:10px;}
	.cooperation .lists{flex-wrap: wrap;}
	.cooperation .li{width: 50%;}
	
	
}
@media (max-width: 567px){
	.header .menu{width: 100%;}
	.more{padding: 8px 15px;}
	.WeChat .li img{width: 60px;}
	.WeChat .li p{font-size: 10px;}
	.indexField .lists .li{width: 100%;}
	.indexEvaluate .swiper-button-next, .indexEvaluate .swiper-rtl .swiper-button-prev{right:0;}
	.indexEvaluate .swiper-button-prev, .indexEvaluate .swiper-rtl .swiper-button-next{left:0;}
	.indexAbout .ri .img{height: auto;}
	.Solutions .lists{flex-wrap: wrap;}
	.Solutions .lists .li{flex: 33.333%;clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);}
	.Solutions .li:nth-child(4){margin-left: 0;}
	.Solutions .li img{height: 200px;}
	.Solutions .lists::after{height: 200px;margin-top: -100px;}
	.swiper-button-prev,.swiper-button-next{width: 40px !important;height: 40px !important;}
	.RD .right .li .num{font-size: 36px;}
	.RD .right .li .txt{right: 30px;margin-top: -5px;}
	.center-circle{width: 240px;height: 240px;}
	.NewsClassification .right .li{width: 100%;}
	.NewsClassification .right .li img{max-height:none;}
	.NewsClassification .right .flatten .li .img{width: 100%;float: none;}
	.NewsClassification .right .flatten .li .text{margin-left: 0;}
	.diamond-grid{grid-template-columns: repeat(9, 50px);grid-template-rows: repeat(3, 50px);}
	.partner-item{width: 70px;height: 70px;}
	.infor .li{width: 100%;}
	.formBox .line{width: 100%;}
	.search .center{top:100%;}
	
}
  
@media (max-width: 430px){
	.footer .partTwo{flex-wrap: wrap;flex: 100%;}
	.ProductList .li{width: 100%;}
	.RD .right .li .num{font-size: 30px;}
	.team .li .rank{font-size: 10px;}
	.Academic .li{width:100%;}
	.center-circle{width: 200px;height: 200px;}
	.client-section{height: 200px;}
	.center-circle .tit{font-size: 16px;}
	.center-circle .des{font-size: 12px;margin-top:5px;}
	.diamond-grid{grid-template-columns: repeat(9, 30px);grid-template-rows: repeat(3, 30px);}
	.partner-item{width: 40px;height: 40px;}
	.retention .form{width:320px;}
	.cooperation .li{width: 100%;}
	.search .center{right: -150px;}
	
}

@media (max-width: 380px){
	
}