@charset "utf-8";

.huno{width:100%;overflow:hidden;background:url(../images/debuff.jpg)no-repeat  center center / cover;padding-bottom:80px}
.huno{width:100%;overflow:hidden;background:url(../images/debuff.jpg)no-repeat  center center / cover;padding-bottom:80px}
.huno h2{width:100%;overflow:hidden;text-align:center;color:#fff;font-size:36px;font-weight:500;line-height:1.2;margin-top:80px}
.huno p{width:100%;overflow:hidden;text-align:center;color:#fff;font-size:14px;line-height:1.8;margin-top:20px}
.huno p.retek{width:140px;margin:0 auto;border:1px solid #fff;border-radius:20px;overflow:hidden;text-align:center;color:#fff;font-size:14px;line-height:40px;margin-top:40px;transition:all 1s ease-out}
.huno p.retek:hover{background:#fff;color:#1A97CF;transition:all 1s ease-out}

.contact{ 
  width:100%; 
  background:#fff; 
}
.contact ul{
  flex-wrap: wrap; 
  display: flex; 
  margin: 0;
  gap: 20px; /* 可修改数值调整卡片间距，0=无间隙 */
}
.contact li{ 
  width:20%; 
  padding: 0; /* 清除原padding:10px */
  float: none; /* 取消浮动，适配flex布局 */
}
.contact li .la{ 
  position:relative; 
  min-height:100%; 

  -webkit-transition: all 0.5s ease-out 0s; 
  -moz-transition: all 0.5s ease-out 0s; 
  -o-transition: all 0.5s ease-out 0s; 
  transition: all 0.5s ease-out 0s;  
}
.contact li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.contact li:nth-child(1),
.contact li:nth-child(2),
.contact li:nth-child(3),
.contact li:nth-child(4),
.contact li:nth-child(5),
.contact li:nth-child(6){  
  width: calc(32.7% - 7px); /* 适配gap布局，微调宽度 */  background:#f5f5f5; 
}
.contact li:nth-child(7){ 
  width: calc(100% - 5px); /* 适配gap布局 */background:#f5f5f5; 
}

.contact li:nth-child(1) .la,
.contact li:nth-child(2) .la,
.contact li:nth-child(3) .la,
.contact li:nth-child(4) .la,
.contact li:nth-child(5) .la,
.contact li:nth-child(6) .la{
  padding:20px 20px 20px 130px;
}
.contact li:nth-child(7) .la{ width:76%;
  padding:20px 135px 20px 130px;
}
.contact li .ico{ 
  width:74px; 
  height:74px; 
  position:absolute; 
  left:35px; 
  top:20px;
}
.contact li h5{ 
  width:100%; 
  color:#333333; 
  font-weight:bold; 
  font-size:20px; 
  line-height:30px; 
  margin:1px 0 10px 0;
}
.contact li h6{ 
  color:#4f4f4f; 
  font-size:16px; 
  line-height:30px; 
  margin-bottom:3px; 
}
.contact li h6 span{ 
  color:#335fa2; 
  font-size:20px; 
  font-weight:bold; 
  font-family:Arial; 
  word-break:break-word;
}
/*.contact li h6 font{ margin-right:9px;}*/
.contact li .a{ 
  position:absolute; 
  right:40px; 
  top:26px; 
  color:#666666; 
  font-size:12px; 
  line-height:22px; 
  padding-top:35px; 
  background:url(../images/h12.png) center top no-repeat;
}
.contact li .a:hover{
  color:#335fa2;
  background:url(../images/h11.png) center top no-repeat;
}
.contact li i{ 
  width:100%; 
  text-align:center; 
  line-height:0; 
  position:relative; 
  border:1px dashed #dde2eb; 
  border-bottom:none; 
  padding:17px 12px 0 12px
}
.contact li i img{ max-width:100%;}
.contact li h4{ 
  width:100%; 
  position:relative; 
  text-align:center; 
  white-space:nowrap; 
  display: flex; 
  align-items: center;  
  justify-content:center; 
  line-height:36px; 
  color:#333333; 
  font-size:16px; 
  border:1px dashed #dde2eb; 
  border-top:none; 
  padding:0 12px 15px 12px;
}
.contact li h4 img{ 
  max-width:none; 
  width:33px; 
  height:33px; 
  margin-right:5px;
}
.contact li i:after,
.contact li i:before,
.contact li h4:after,
.contact li h4:before{ 
  width:13px; 
  height:13px; 
  content:''; 
  position:absolute; 
}
.contact li i:after{
  left:-1px; top:-1px; 
  border-top:2px solid #335fa2; 
  border-left:2px solid #335fa2;
}
.contact li i:before{
  right:-1px; top:-1px; 
  border-top:2px solid #335fa2; 
  border-right:2px solid #335fa2;
}
.contact li h4:after{
  left:-1px; bottom:-1px; 
  border-bottom:2px solid #335fa2; 
  border-left:2px solid #335fa2;
}
.contact li h4:before{
  right:-1px; bottom:-1px; 
  border-bottom:2px solid #335fa2; 
  border-right:2px solid #335fa2;
}
.contact li .ewma{width:100%;}
.contact li .ewma:hover h4{color: #335fa2;}

@media screen and (max-width: 1680px) {
.contact li .la{ padding:30px;}
.contact li:nth-child(1) .la,
.contact li:nth-child(2) .la,
.contact li:nth-child(3) .la,
.contact li:nth-child(4) .la,
.contact li:nth-child(5) .la,
.contact li:nth-child(6) .la{padding:20px 20px 20px 80px;}
.contact li:nth-child(7) .la{padding:20px 135px 20px 80px;}
.contact li .ico{ 
  left:20px; 
  top:50%;
  width: 50px;
  height: 50px;
  transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.contact li h6{font-size: 14px;line-height: 24px;}
.contact li h6 span{display: block;font-size: 16px;}
}


.about .intro-box{padding:4.25vw 0 6.875vw;position:relative}
.about .intro-box .container{position:relative;z-index:10}
.about .intro-box .box{display:flex;justify-content:space-between;padding-right:2.6042vw}
.about .intro-box .left{width:630px;border-radius:6px; margin-right:2.2%; position:relative;overflow:hidden}
.about .intro-box .player{display:block;width:115px;height:115px;background:url(../images/play_icon.png) no-repeat center center rgba(255,255,255,0.15);background-size:17px 25px;backdrop-filter:blur(15px);border-radius:50%;position:absolute;right:20px;bottom:20px;z-index:10}
.about .intro-box .right{width:550px}
.about .intro-box .title{line-height:1.3214;color:rgba(0,0,0,0.8);font-weight:700}
.about .intro-box .content{line-height:26px; font-size:16px; color:rgba(0,0,0,0.6);margin-top:1.1vw}
.about .intro-box .data-list{display:flex;justify-content:center;margin-top:3.6458vw}
.about .intro-box .data-list .item{text-align:center;padding:0 4.6875vw;border-right:1px solid rgba(0,0,0,0.1)}
.about .intro-box .data-list .item:last-child{border-right:none;padding-right:0}
.about .intro-box .data-list .item:first-child{padding-left:0}

.about .intro-box .data-list p{color:rgba(0,0,0,0.6);line-height:1.4444}
.about .culture-box{position:relative}
.about .culture-box .bg{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:1}
.about .culture-box .bg .container{padding-top:6.9271vw}
.about .culture-box .bg .com-tit{color:#fff}
.about .culture-box .move-box{position:relative;z-index:10;}
.about .culture-box .move-box .container{display:flex;justify-content:flex-end}
.about .culture-box .list .item{margin-bottom:2.6042vw;width:550px;height:280px;background:rgba(0,0,0,0.2);border-radius:6px;backdrop-filter:blur(46px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:23px 30px 40px}
.about .culture-box .name{font-weight:700;color:#fff;line-height:1.3125}
.about .culture-box .img{width:70px;height:70px}
.about .culture-box .img img{display:block;width:100%}
.about .culture-box .txt{line-height:1.4545;color:#fff}
.about .culture-ing .bg{position:fixed}
.about .culture-end .bg{position:absolute;top:auto;bottom:0}
.about .history-box{padding:5.9375vw 0 5.625vw;position:relative;z-index:5;overflow:hidden}
.about .history-box .main{margin-top:4.4792vw}
.about .history-box .nav{margin-top:0.5208vw}
.about .history-box .nav .item{line-height:1.3333;color:rgba(0,0,0,0.6);font-weight:700;margin-bottom:1.5625vw;cursor:pointer}
.about .history-box .nav .active{color:transparent;background-image:linear-gradient(270deg,#0471FF 3.16%,#52C76A 117.19%);background-clip:text;-webkit-background-clip:text;font-size:53px}
.about .history-box .tabs{width:500px;margin-right:73px}
.about .history-box .tabs .item{margin-bottom:3.6458vw}
.about .history-box .tabs .title{line-height:50px;color:rgba(0,0,0,0.8)}
.about .history-box .tabs .title span{font-weight:700;margin-right:23px}
.about .history-box .tabs .txt{line-height:1.5;color:rgba(0,0,0,0.5);position:relative;margin-top:1.1979vw;padding-left:20px}
.about .history-box .tabs .txt::before{content:'';width:4px;height:100%;position:absolute;left:0;top:0;background:linear-gradient(359.94deg,#0471FF .06%,#52C76A 100.94%)}
.about .history-box .tabs .pic{margin-top:1.1979vw;overflow:hidden;border-radius:6px}
.about .history-box .cell{display:none}
.about .swiper-history{position:relative;width:calc(50vw + 640px);height:810px}
.about .swiper-history .swiper-slide{width:440px;position:relative}
.about .swiper-history .swiper-slide::before{content:'';width:1px;height:calc(100% - 10px);background:#D9D9D9;left:1px;bottom:0;position:absolute}
.about .swiper-history .box{padding-left:54px;width:328px;height:810px;display:flex;flex-direction:column;justify-content:space-between}
.about .swiper-history .year{line-height:1.3125;color:rgba(0,0,0,0.6);font-weight:700;position:relative}
.about .swiper-history .year::before{content:'';width:3px;height:42px;position:absolute;left:-54px;top:50%;margin-top:-22px;background:#899999}
.about .swiper-history .content{margin-top:2.0833vw}
.about .swiper-history p{position:relative;padding:0 15px;line-height:1.8;color:rgba(0,0,0,0.8);margin-bottom:16px}
.about .swiper-history p::before{content:'';width:5px;height:5px;background:#2C9942;border-radius:50%;position:absolute;left:0;top:15px}
.about .swiper-history .pic{padding-top:16px;border-radius:6px;overflow:hidden}
.about .swiper-history .swiper-button-next,.about .swiper-history .swiper-button-prev{top:calc(-4.4792vw - 50px);left:1170px}
.about .swiper-history .swiper-button-next{left:1230px}
.about .swiper-history .swiper-slide-active .year{color:transparent;background-image:linear-gradient(270deg,#0471FF 3.16%,#52C76A 117.19%);background-clip:text;-webkit-background-clip:text}
.about .swiper-history .swiper-slide-active .year::before{background:linear-gradient(180deg,#52C76A .26%,#0471FF 99.74%)}

.a3{margin-top:-110px;padding-bottom:70px}
.a3 div.fl{position:relative;width:530px;height:605px;overflow:hidden;background:url(../images/pic_4.jpg) no-repeat top center}
.a3 div.fl .videoMask video{width:100%;height:100%}
.a3 div.fl .userInfo{position:absolute;top:0;left:0;background:url(../images/icon_88.png) repeat;width:100%;height:100%}
.a3 div.fl .userInfo p{width:100%;height:100%;background:url(../images/icon_87.png) no-repeat center}
.a3 div.fr{width:742px;height:605px}
.a3 div.fr .b1{width:100%;height:372px;background:url(../images/pic_5.jpg) no-repeat center}
.a3 div.fr .b1 .cc{width:251px;height:100%;padding:0 28px;background:url(../images/icon_90.png) repeat;box-sizing:border-box;margin-left:0}
.a3 div.fr .b1 .cc i{display:block;width:33px;height:32px;padding:40px 0;background:url(../images/icon_89.png) no-repeat center}
.a3 div.fr .b1 .cc h3{font-size:52px;letter-spacing:-.05em;color:#2c93e8;margin-left:-2px}
.a3 div.fr .b1 .cc h4{font-size:26px;font-weight:700;color:#2c93e8}
.a3 div.fr .b1 .cc h5{margin-top:70px;font-size:14px;color:#2c93e8}
.a3 div.fr .b2{margin-top:10px}
.a3 div.fr .b2 .c1{float:left;width:370px;height:223px;overflow:hidden;background:url(../images/pic_6.jpg) no-repeat center}
.a3 div.fr .b2 .c2{float:right;width:360px;height:223px;overflow:hidden;background:url(../images/pic_7.jpg) no-repeat center}
.a3 div.fr .b2 .cc{width:100%;height:100%;padding:0px;background:url(../images/icon_88.png) repeat;box-sizing:border-box}
.a3 div.fr .b2 .cc h4{font-size:26px;color:#fff; text-align:center;}
.a3 div.fr .b2 .cc h4 span{display:block;font-size:12px;color:#fff;text-transform:uppercase;line-height:16px}
.a3 div.fr .b2 .cc p{margin-top:65px}
.a3 div.fr .b2 .cc a{display:block;font-size:12px;color:#fff;text-transform:uppercase;line-height:16px;-webkit-transition:all .5s;transition:all .5s}
.a3 div.fr .b2 .cc p a:hover{color:#21ADE8}


.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.btn-a{
    display: inline-block;
    border: none;
    padding: 0;
    background-color:#335fa2;
    color: #fff; margin-top:3px;
    box-sizing: border-box;
    text-align: center;
}

.btn-a:hover {
    background-color:#335fa2;
}


.items-branch {
  background-color: #eee;
  padding-top: 60px;
}
.items-branch .item-title {
  font-size:22px;
  padding-left: 20px;
  position: relative;
}
.items-branch .item-title:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #335fa2;
  left: 0;
  top: calc(50% - 7px);
}
.items-branch .item-more {
  width: 84px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  margin-left: 20px;
  vertical-align: text-top;
}
.items-branch .items-block {
  border-top: 1px dashed #d6d6d6;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.items-branch .item {
  box-sizing: border-box;
/*  width: 25%;*/
  height: 160px;
  padding: 18px 45px 18px 0;
  border-bottom: 1px dashed #d6d6d6;
}
.items-branch .item:nth-child(4n) {
  padding-right: 0;
}
.items-branch .branch-title {
  font-size: 17px; margin-top:20px;
  padding-left:26px;
  background: url(../images/add.png)
    left center no-repeat;
  margin-bottom: 10px;
}
.items-branch .branch-title2 {
  font-size: 17px; margin-top:20px;
  padding-left:26px;
  background: url(../images/tia.png)
    left center no-repeat;
  margin-bottom: 10px;
}

.items-branch .branch-p {
  color: #666;
  font-size: 16px;
  line-height: 2em;
}
@media screen and (max-width: 1720px) {
	.a3 div.fl{position:relative;width:444px;height:605px;}}
@media screen and (max-width: 1680px) {
	.a3 div.fl{position:relative;width:442px;height:605px;}}
@media screen and (max-width: 1480px) {
.a3 div.fl{position:relative;width:444px;height:605px;}}