﻿/* v17新版官网的样式。创建于2025-11-21 */
*{margin:0;padding:0;font-family:sans-serif, 'Microsoft YaHei';}
body {
  margin:0;padding:0;font:14px/1.5 \5FAE\8F6F\96C5\9ED1, Tahoma;color:#373737;min-width: 1360px;position: relative;}
a {color:#555; text-decoration:none !important;}
a:hover {text-decoration:none;}
a:focus { outline: none; }
a.blue {color:#2871d5;}
a.red {color:#F00;}
a.bold {font-weight:bold;}
ul {margin:0; padding:0;}
li {list-style-type:none;}
img {border:none;}
h1,h2 {display:none;}

#ad_wrap {width:100%; background:/*url(/assets/images/main/adbg.jpg) bottom repeat-x*/ #000;}
#adblock {max-width:1270px; min-width:1000px; _width:1270px; height:431px; margin:0 auto; position:relative; overflow:hidden;}
#adblock .close {display:block; width:11px; height:11px; background:url(/assets/images/main/close.png) no-repeat; position:absolute; top:15px; right:15px; z-index:99;}
#adblock .ad_close {display:block; width:29px; height:29px; background:url(../image/ad_close.png) 0 0 no-repeat; position:absolute; top:17px; right:4px;}
#adblock .ad_close:hover {background-position:0 -29px; _background-position:0 0;}
#adblock .ad_close:active {background-position:0 -58px; _background-position:0 0;}
#ad_small {max-width:1270px; min-width:1000px; _width:1270px; height:63px; overflow:hidden; margin:0 auto; position:absolute; z-index:999; left:0; bottom:-63px;}
#adblock .ad_download{top: 210px;right: 270px;width: 260px;height: 69px; display: block;position: absolute; z-index: 2; zoom: 1; background: #000; opacity: 0; filter:alpha(opacity=0);}
#adblock .ad_view{  color: #fff;position: absolute;right: 211px;bottom: 24%; }
#bar_op {height: 58px; width: 100%;  display: none; }
#bar_op .op_close {display:block; width:29px; height:29px; background:url(../image/ad_close.png) 0 0 no-repeat; position:absolute; top:17px; right:4px;}
#bar_op .bar_op_in {height: 58px; max-width:1270px; min-width:1000px; _width:1270px; margin: 0 auto; position: relative;}
#bar_op .op_link {width: auto; height: 100%; display: block; background: url(../image/transparent.png);text-align: center;line-height: 58px;color: #fff;text-decoration: none; font-size: 22px;}
#bar_op .icon { width: 37px; height: 41px; display: inline-block; vertical-align: middle;margin-right: 10px; background-repeat: no-repeat !important;}
.main_wrap {
  width:100%;
  position:relative; 
  padding-top: 65px;
  /* overflow-x: hidden; */
  /* background: linear-gradient(180deg, #ACE7FE 0%, #F4FAFF 15.69%, #FCFCFC 77.02%); */
  background: linear-gradient(180deg, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, 0.8) 19.96%, #F4FAFF 35%);
}

.banner_wrap {
    position: relative;
    overflow-x: hidden;
}
.banner {width:100%;overflow:hidden;position:relative;}
/* background: url("//pc2.gtimg.com/pc/images/f2/17/f217b1ca234356bf39844218cebe135e.jpg") center no-repeat;background: #0c76ff;display: none; */
.banner li {
  position:absolute; 
  top:0; 
  left:0; 
  width: 100%; 
  text-align: center;
}

.banner li .title{
    font-size: 18px;
    margin-top: 0;
}

.banner li .main-title {
  /* margin-top: 8px; */
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 72px;  
  text-align: left;
  color: #191A2C;
}

/* .banner img {width:100%; _width:1270px; vertical-align: top;} */
.banner img {width:100%; _width:1440px; vertical-align: top; width: 1300px; height: 722px;}

.banner a {color:#2871d5;}
/*.banner .banner_download { display:block; width:235px; height:65px; background:url(/assets/images/main/d_btn.png) 0 0 no-repeat;}*/
/*.banner .banner_download:hover {background-position:0 -66px;}*/

.banner .download-now{
  margin-bottom: 32px;
}
.banner .download-now,
.top_tool .download-now {
  display: inline-block;
  width: 199px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  background: #2049EE;
  border-radius: 4px;
}

.banner .download-now:hover,
.top_tool .download-now:hover {
  background: #2972FF;
}

.banner .download-now:active,
.top_tool .download-now:active {
  background: #1D42D6;
}

.banner .download-mac {
  display: inline-block;
  width: 199px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  background: #0AC48C;
  border-radius: 4px;
  margin-left: 24px;
}

.banner .download-mac:hover {
  background: #26C87A;
}

.banner .download-mac:active {
  background: #00AB59;
}

.download-mac a {
  color: #FFFFFF;
  text-decoration: none;
}

.banner .banner_download { background: url(../image/banner_download.png); display: block; }
.banner .banner_ljqw { background: url(../image/7490fc1b16b92216c152ef9e7429689a.png); display: block; }
.banner .banner_download:hover, .banner .banner_ljqw:hover { width: 243px; height: 76px; background-position: 0 -76px; }
.banner .banner_download:active, .banner .banner_ljqw:active { width: 243px; height: 76px; background-position: 0 0px; }
.banner .banner_download, .banner .banner_ljqw {width: 243px;height: 76px;background-position: 0 -152px;margin-left: 72px;/* box-shadow: 1px 1px 1px #525252; */}


.banner .banner_word {position:absolute; bottom:20px; left:55%; z-index:9; text-align:left;width: 235px; line-height:25px;}
.banner .desc{ text-indent: -9999em; width: 100%; overflow: hidden; }

.banner  .banner-ul {
  position: relative;
  margin: 0 auto;
  width: 1300px;
  height: 605px;
}
.banner-ul-bg{
  position: absolute;
  top: 0;
  width: 100% !important;
  height: 960px !important;
  left: 50%;
  transform: translate(-50%);
}
.banner_wrap .banner ul li {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}

.banner  .banner-image-wrap {
  position: absolute;
  width: 740px;
  height: 520px;
  left: 560px;
  top: 70px;
}

.banner  .banner-image-wrap img {
  width: 100%;
  height: 100%;
}


.banner .banner-content {
  position: absolute;
  width: 600px;
  height: 125px;
  left: 93px;
  top: 175px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.banner .banner-content .banner-title {
  line-height: 72px;
  color: #191A2C;
  font-size: 64px;
  font-weight: 600;
}
.banner .banner-content .banner-subtitle {
  line-height: 32px;
  color: #2E3D53;
  font-size: 32px;
  font-weight: 400;
}
.banner .banner-content .banner-subtitle > span {
  background: linear-gradient(93.83deg, #1071E2 6.61%, #2585F6 37.87%, #386AF5 59.84%, #7445F7 97.68%);
  background-clip: text;
  -webkit-background-clip: text;
  color: #3f61e7;
  -webkit-text-fill-color: transparent;
}

.banner .banner-btn {
  display: block;
  position: absolute;
  top: 355px;
  left: 85px;
  /* line-height: 56.5px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  border-radius: 28px; */
}
.banner .banner-btn:hover {
  text-decoration:none;
}


.figures{max-width: 1244px;min-width:1000px;_width:1270px;position:relative;overflow:hidden;margin: 0 auto 40px auto;}
.figures ul{width:100%;}
.figures li{position:relative;float:left;/* width: 24.9%; */width: 307px;margin-right: 5px;}
.figures li .sfea{display:block;height: 215px;overflow:hidden;position:relative;border-right:1px solid #fff;border-left:1px solid #fff;}
.figures li .ovbg, .figures li strong, .figures li em{ position:absolute; left:0;}
.figures li .ovbg{bottom: 0;  width:100%; max-width:314px; height:32px; background:#000; opacity:0.6; z-index:10; filter:alpha(opacity=60);}
.figures li strong{bottom:5px; font-size:1em; color:#fff; z-index:20; font-weight:normal; width:100%; text-align:center;}
.figures li img{width: 100%;max-width:314px;/* position:absolute; *//* width: 70%; */}
.figures li .imgcut{ display:block; width:100%; height: 100%;}
.figures li .manage{/* border-left:1px solid #fff; */}
.figures li .minibar{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; background:#fff; z-index:500; cursor:pointer; opacity:0; *filter:alpha(opacity=0);}
a.minibar:hover{ display:block;}
.manage{ height:178px; position:relative;}
.manage p{display:block; color:#FFF; margin-bottom:15px; line-height:16px;}
.manage p.ver{height:1em;padding:15px 0 5px 20px;font-size: 16px;background:none;}
.manage p.pubtime { padding-left: 20px; background-position:20px 0;}
.manage p.info1 {  padding-left: 20px; background-position:20px -31px;}
.manage p.info2 {  padding-left: 20px; background-position:20px -61px;}
.manage p.beta {background:none; padding-left:20px; color:#73a3e4; font-size:12px;}
.manage .beta_download {position:absolute;left:20px;margin-top: 8px;width:77px;height:27px;background:url(../image/b_download.png) 0 0 no-repeat;display:block!important;z-index:11;}
.manage .beta_download:hover {background-position:0 -30px;}
.manage .new {display:block; width:56px; height:56px; background:url(../image/beta_new.gif) no-repeat; position:absolute; top:0; right:0;}

.news { width: 1300px; margin:0 auto;padding:0; overflow:hidden;}
.zsnews {margin: 0 auto 75px; box-sizing: border-box;}
.news .title {
  /* width: 1140px;
  color: #2771FA; */
  height: 34px;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #111111;
  margin-left: 22px;
}

.news .title a {color:#111111; font-size: 24px;}
.news ul {width:100%; overflow: hidden;}
.news ul li {
  /* padding:0 1.5% 0 0.5%; */
  /*background:url(/assets/images/main/dot.png) 0 13px no-repeat;*/
  padding: 0 22px;
  margin-top: 22px;
  box-sizing: border-box;
  margin-right: 28px;
  position:relative; 
  float:left; 
  /* width:22.9%; */
  width: 304px;
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis; 
  height:1.8em; 
  line-height:1.8em;
}

.news ul li:nth-child(4n) {
  margin-right: 0;
}
.news ul li a{color: #1e1e1e!important;}



.footer-wrap {
  width: 100%;
  background: #fff;
}

.main-gray {
  position: relative;
  width: 1300px;
  margin: 0 auto;
  padding: 38px 0;
  height: 287px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.footer-wrap .footer-link {
  width: 500px;
  height: 221px;
  display: flex;
  justify-content: space-between;
}

.footer-wrap .footer-link .footer-link-area {
  position: relative;
  width: 120px;
  height: 100%;
}
.footer-wrap .footer-link .footer-link-area .footer-link-title {
  width: 100%;
  height: 25px;
  margin-bottom: 16px;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #111111;
}
.footer-wrap .footer-link .footer-link-area .footer-link-list {
  width: 100%;
  height: 170px;
}

.footer-wrap .footer-link .footer-link-area .footer-link-item {
  display: block;
  height: 20px;
  width: 100%;
  margin-bottom: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: justify;
  color: #00000080;
  transition: all 0.3s ease-in-out;
}
.footer-wrap .footer-link .footer-link-area .footer-link-item:hover {
  color: #2266f2;
}
.footer-wrap .footer-link .footer-link-area .footer-link-item.active {
  color: #2266f2;
}
.footer-wrap .footer-link .footer-link-area .footer-link-list #anquanfuwu {
  /* anchor-name: --anquanfuwu; */
  width: 150px;
}
.footer-wrap .footer-link .anquan-list {
  display: none;
  position: absolute;
  /* position-anchor: --anquanfuwu;
  left: anchor(right);
  top: anchor(top);
  transform: translate(-82px, -16px); */
  top: 25px;
  left: 67px;
  
  width: 444px;
  height: 160px;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 20px;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0px 4px 20px 0px #5A86D147;
}
.footer-wrap .footer-link .anquan-list .anquan-rect {
  position: absolute;
  top: 20px;
  left: -6px;
  width: 12px;
  height: 12px;
  rotate: 45deg;
  background-color: #fff;
}
/* 出现动画 */
.fadein {
  display: block !important; /* 确保元素可见 */
  animation: fadein 0.5s;
}
/* 移出动画 */
.fadeout {
  display: block !important;
  animation: fadeout 0.5s forwards;
}

/* 淡入动画定义 */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 淡出动画定义 */
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.footer-wrap .footer-link .anquan-list .width-65 {
  width: 65px;
}
.footer-wrap .footer-link .anquan-list .width-88 {
  width: 88px;
}
.footer-wrap .footer-link .anquan-list .width-100 {
  width: 100px;
}
.footer-wrap .footer-link .anquan-list .anquan-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.footer-wrap .footer-link .anquan-list .anquan-content-area {
  height: 100%;
}
.footer-wrap .footer-link .anquan-list .anquan-content-area .anquan-content-title {
  width: 100%;
  height: 20px;
  font-family: PingFang SC;
  font-weight: 600;
  font-style: Semibold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #000000CC;
  margin-bottom: 12px;
}
.footer-wrap .footer-link .anquan-list .anquan-content-area .anquan-content-item {
  display: block;
  width: 100%;
  height: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: justify;
  vertical-align: middle;
  color: #00000080;
  margin-bottom: 6px;
}
.footer-wrap .footer-link .anquan-list .anquan-content-area .anquan-content-item:hover {
  color: #2266f2;
}

.footer-wrap .footer-qrcode {
  width: 424px;
  height: 152px;
  display: flex;
  justify-content: space-between;
}
.footer-wrap .footer-qrcode .footer-qrcode-area {
  width: 120px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.footer-wrap .footer-qrcode .footer-qrcode-img {
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  border: 1px solid #00000014;
  border-radius: 8px;
}
.footer-wrap .footer-qrcode .footer-qrcode-title {
  width: 120px;
  height: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #00000080;
}


.footer-main {font-size:12px; line-height:1.8em; text-align:center; padding-top:10px;width: 1300px; margin: 0 auto; border-top: 1px solid #eee; height: 56px; box-sizing: border-box;}
.footer-main > p {float: left;}
.footer-main a,.footer-main span {color:#111111; text-decoration:none; padding:0 12px;}
.footer-main a:hover {text-decoration:underline;}
.footer-main .copyright {color:#9E9E9E; margin-right: 12px;}

.hzhb { width: 304px; margin-right: 28px; padding: 0 22px;}
/* .hzhb h3 {font-size:16px; float:left; margin-right:5px; line-height:26px; font-size: 14px; color: #9d9d9d} */
.hzhb .hzhb-left {margin-right: 40px;}
.hzhb ul {display:block;float:left;width:110px;}
.hzhb li {height: 26px; margin-bottom: 17px;}
.hzhb li img {width: 100%; height: 100%;}
/* .hzhb a {color:#2871d5;} */
.link { width: 1000px; }
.link .link-item {
  /* width: 304px;  */
  box-sizing: border-box; 
  float: left;}
.link .link-left {margin-right: 28px;}
.link .link-item ul {margin-right: 40px; width: 112px; float: left;}
.link .link-item .link-single {width: 36%; float: right;}
/* .link h3 {font-size:16px; float:left; display:inline; margin-right:5px; line-height:26px; position: absolute;left: 0; top: 0; font-size: 14px; color: #9d9d9d;} */
/* .link ul {display:block; _display: inline;_zoom:1; float: left; width: 20%; } */
/* .link li { line-height:23px; margin:0 10px; display:inline-block; *display:inline; *zoom:1; vertical-align: top} */
.link li { *zoom:1; vertical-align: top; margin-bottom: 18px; height: 20px;}
/* .link li {width: 20%; margin-right: 48px; margin-bottom: 20px;} */
.link li a{ color: rgba(0, 0, 0, 0.5); display: block}


.blink {
    padding-bottom: 10px;
    text-align: center;
    /*padding-top: 25px;*/
    position: absolute;
    z-index: 999;
    right: 18%;
    bottom: 10px;
}

@media screen and (max-width: 1599px) {
    .blink{
        left: 52%;
        right: auto;
    }
}

.blink img{
    height: 35px;
    /* box-shadow: 1px 1px 12px #777; */
}

.blink a {
    margin: 0 1px;
}

.blink span {
    line-height: 39px;
    vertical-align: top;
    margin-right: 20px;
    font-size: 18px;
    color: #555555;
}

/*.banner1 {*/
/*background: url("//pc2.gtimg.com/pc/images/e7/8b/e78bb6a2ec48fc0c334edeb417bcc9ba.jpg") center no-repeat;*/
/*}*/

/*.banner2 {*/
/*background: url("//pc2.gtimg.com/pc/images/6a/ab/6aab46f9c33f626e7dec7e30ed72939f.jpg") center no-repeat;*/
/*}*/

/*.banner3 {*/
/*background: url("//pc2.gtimg.com/pc/images/69/9f/699ff24ad993ff0285cb3c5fa67e5455.jpg") center no-repeat;*/
/*}*/



.banner1 .text{
    background: url("../image/11edcdb5ddd795e76d48a3f527e65edd.png") 0 0 no-repeat;
    width: 836px;
    height: 42px;
    margin-left: -418px;
}
.banner2 .text{
    background: url("../image/a59202a345b5fa81fb4d46b85c2418eb.png") 0 0 no-repeat;
    width: 836px;
    height: 42px;
    margin-left: -418px;
}
.banner3 .text{
    background: url("../image/0be422b841a72a13320bf7f01aa233a2.png") 0 0 no-repeat;
    width: 836px;
    height: 42px;
    margin-left: -418px;
}
.banner .text{
    position: absolute;
    left: 50%;
    top:72px;
}

/*@media all and (min-height: 784px) {*/
/*.banner1 {*/
/*background: url("//pc2.gtimg.com/pc/images/0f/ec/0fecce963c5193333615effeda1f4b2c.png") center 80px no-repeat;*/
/*}*/

/*.banner2 {*/
/*background: url("//pc2.gtimg.com/pc/images/18/53/1853ea036e7f241f4b7f13ff0737dd2c.png") center 80px no-repeat;*/
/*}*/

/*.banner3 {*/
/*background: url("//pc2.gtimg.com/pc/images/98/0a/980ac4438dde129a0a29d99bdc499495.png") center 80px no-repeat;*/
/*}*/
/*}*/

.banner-download {
  margin-top: 24px;
  z-index: 99;
  opacity: 1!important;
  font-size: 14px!important;
  text-align: left;
}
.banner-download p {
 
}
.banner-download p a{
    /* color: #fff; */
    /* color: #111111;
    text-decoration: underline; */
}
.banner .banner-text {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #2E3D53;
  text-align: left;
}
.experience {
  margin-bottom: 9px;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.experience .line{
  display: inline-block;
  margin: 0 16px;
}
.experience .space-line {
  display: inline-block;
  margin: 0 16px;
  height: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.experience a {
  /* color: rgba(0, 0, 0, 0.5); */
  color: #2049EE;
}
.banner-dl{
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.banner-dl .line{
  display: inline-block;
  margin: 0 16px;
  color: rgba(0, 0, 0, 0.3);
}
.banner-dl  a{
  /* color: rgba(0, 0, 0, 0.8); */
  color: #2049EE;
}
.banner-dl-tip {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.bbsLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    text-indent: -9999em;
    overflow: hidden;
}

.main-download{
    background: #6dd052;
    color: #fff;
    font-size:16px;
    border-radius: 1px;
    display: inline-block;
    width: 98px;
    height: 31px;
    line-height:31px;
    text-align: center;
}

#features{
    width: 1240px;
    margin: 0 auto;
}
#features li{
    width: 232px;
    height: 232px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-size:0;
    margin-top: 32px;
    cursor: pointer;
}

#features .new-ul li{
    width: 203px;
}

#features .icon{
    height: 152px;
    width:152px;
    margin: 0 auto;
    background: url("../image/icon-round.png") center no-repeat;
}

#features .new-ul .icon{
    height: 128px;
    width: 128px;
    margin: 0 auto;
    background: url("../image/icon-round-n.png") center no-repeat;
}
#features p{
    font-size:12px;
    text-align: center;
}
#features .title{
    font-size:20px;
    /* font-weight:bold; */
    margin-bottom: 2px;
}
#features .sub-title{
    font-size:12px;
    color: #848484;
}
#features i{
    display: block;
    margin: 0 auto;
    position: relative;
    transition:transform 0.3s;
    -webkit-transition:-webkit-transform 0.3s;
    -moz-transition:-moz-transform 0.3s;
    -o-transition:-moz-transform 0.3s;
    transform: perspective(1px) scale(0.93);
    -webkit-transform: perspective(1px) scale(0.93);
    -moz-transform: perspective(1px) scale(0.93);
    -o-transform: perspective(1px) scale(0.93);
    /* left: -1px; */
}
#features .icon1 i{
    background: url("../image/icon1.png") center no-repeat;
    width: 105px;
    height: 120px;
    left: 1px;
    top: 16px;
}

#features .icon2 i{
    background: url("../image/icon2-1.png") center no-repeat;
    width: 102px;
    height: 93px;
    top: 29px;
    /* transform: scale(0.8); */
    filter: scale(0);
    /* transform: perspective(1px) scale(1.1); */
    left: 2px;
}
#features .icon3 i{
    background: url("../image/icon3.png") center no-repeat;
    width: 94px;
    height: 102px;
    top: 25px;
    left: 4px;
}
#features .icon4 i{
    background: url("../image/icon4.png") center no-repeat;
    width: 92px;
    height: 94px;
    top: 29px;
    left: 1px;
}
#features .icon5 i{
    background: url("../image/icon5.png") center no-repeat;
    width: 112px;
    height: 95px;
    top: 27px;
    left: 1px;
}

#features i:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.sfea img{
    /* transform: scale(1.1); */
    -webkit-transition:-webkit-transform 0.2s;
    -moz-transition:-moz-transform 0.2s;
    -o-transition:-moz-transform 0.2s;
}
.sfea.hover img{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
}
#features .new-ul .icon1-n i{
    background: url("../image/icon-1-n.png") center no-repeat;
    width: 128px;
    height: 128px;
    left: 0px;
    top: 0px;
}
#features .new-ul .icon2-n i{
    background: url("../image/icon-2-n.png") center no-repeat;
    width: 128px;
    height: 128px;
    top: 0px;
    left: 0px;
}
#features .new-ul .icon3-n i{
    background: url("../image/icon-3-n.png") center no-repeat;
    width: 128px;
    height: 128px;
    top: 0px;
    left: 0px;
}
#features .new-ul .icon4-n i{
    background: url("../image/icon-4-n.png") center no-repeat;
    width: 128px;
    height: 128px;
    top: 0px;
    left: 0px;
}
#features .new-ul .icon5-n i{
    background: url("../image/icon-5-n.png") center no-repeat;
    width: 128px;
    height: 128px;
    top: 0px;
    left: 0px;
}
#features .new-ul .icon6-n i{
    background: url("../image/icon-6-n.png") center no-repeat;
    width: 128px;
    height: 128px;
    top: 0px;
    left: 0px;
}

#features .new-ul .title{
    font-size: 16px;
    color: #333333;
    margin-top: 14px;
    margin-bottom: 6px;
}

#features .new-ul .sub-title{
    font-size: 12px;
    color: #535353;
}


.figures .title{
    color: #5b72b2;
    border-left: solid 4px #5b72b2;
    font-size: 18px;
    padding-left: 10px;
    margin: 8px 0;
    margin-bottom: 9px;
    margin-left: 1px;
    line-height: 20px;
}

.sfea .subtitle{
    position: absolute;
    left: 14px;
    top: 10px;
    color: #fff;
    font-size: 16px;
    z-index: 999;
}

#cert_blocks{
  width: 1300px;
  margin: 0px auto ;
  margin-top: 48px;
  position: relative;
  margin-bottom: 48px;
}

#cert_blocks h3 {
  margin-bottom: 12px;
  width: 100%;
  height: 48px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 34px;
  line-height: 48px;
  text-align: center;
  color: #111111;
}

#cert_blocks p {
  margin-bottom: 23px;
  width: 100%;
  height: 25px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}

#cert_blocks .cert_list {
    text-align: center;
    font-size: 0;
}

#cert_blocks .cert_list img{
    height: 48px;
}

#cert_blocks .cert_list a {
    margin-right: 36px;
    vertical-align: top;
    display: inline-block;
}

#cert_blocks .cert_list a:last-child{
    margin-right: 0;
}

#cert_blocks .cert_list span {
    line-height: 39px;
    vertical-align: top;
    margin-right: 20px;
    font-size: 18px;
    color: #555555;
}

#cert_blocks .cert_txt{
    font-size: 12px;
    color: #c6c6c6;
    position: relative;
    width: 100%;
    text-align: center;
    height: 12px;
    line-height: 12px;
    margin-top: 11px;
}

#cert_blocks .cert_txt:before{
    content: '';
    width: 298px;
    height: 0;
    border-bottom: solid #eaeaea 1px;
    position: absolute;
    left: 152px;
    top: 5px;
}

#cert_blocks .cert_txt:after{
    content: '';
    width: 298px;
    height: 0;
    border-bottom: solid #eaeaea 1px;
    position: absolute;
    right: 152px;
    top: 5px;
}

.no-margin-top {
  margin-top: 0;
}

/* 介绍模块悬浮标题 */
#desc-shortcut {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -999;
  box-sizing: border-box;
  width: 1040px;
  height: 78px;
  background-color: #FFFFFF99;
  border: 1px solid #FFFFFF;
  border-radius: 39px;
  backdrop-filter: blur(64px);
  -webkit-backdrop-filter: blur(64px);
  box-shadow: 0px 8px 32px 0px #7ECDDB66;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

#desc-shortcut span {
  width: 108px;
  height: 30px;
  font-family: PingFang SC;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
  color: #5b5654;
  cursor: pointer;
}
#desc-shortcut span:hover {
  color: #2049EE !important;
}

/* 介绍模块 */
.desc_blocks{
  margin: 0 auto;
  width: 100%;
}


.desc_contanier_main {
  /* height: 1322px; */
  /* background: linear-gradient(180deg, #EBF7FF 4.08%, #FAFCFE 100%); */
  /* box-shadow: inset 0px 10px 20px rgba(129, 178, 213, 0.15); */
  position: relative;
}

.desc_contanier_main .desc_box {
  margin: 0 auto;
  width: 1300px;
  position: relative;
  /* height: 548px; */
  /* overflow: hidden; */
}
#desc_tab1-locate,
#desc_tab2-locate,
#desc_tab3-locate,
#desc_tab4-locate,
#desc_tab5-locate,
#desc_tab6-locate {
  transform: translateY(-90px);
}
#desc_tab4-locate {
  transform: translateY(-115px);
}
.desc_contanier_main .desc_box .desc_tab {
  position: relative;
  width: 1300px;
  height: 548px;
  margin-bottom: 20px;
}
.desc_contanier_main .desc_box .desc_tab .tab_text {
  position: absolute;
  top: 74px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 434px;
  height: fit-content;
  text-wrap: wrap;
}
.text-left {
  left: 92px;
}
.text-right {
  right: 47px;
}
.pic-left {
  left: 32px;
}
.pic-right {
  right: 56px;
}

.desc_box {
  overflow-x: hidden;
}

.desc_box .desc_tab .tab_text .tab_subject {
  font-family: PingFang SC;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  height: 56px;
  color: #10153F;
  margin-bottom: 25px;
}

.desc_box .desc_tab .tab_text .tab_desc {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Regular;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: 0px;
  color: #7b7d80;
}

.desc_box .desc_tab .tab_text .tab_btn {
  position: relative;
  margin-top: 42px;
  width: 168px;
  height: 54px;
  line-height: 54px;
  font-size: 24px;
  text-align: center;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid transparent;
}
.desc_box .desc_tab .tab_text .tab_btn_bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  background: linear-gradient(86deg, #2795F8 23.03%, #5E4BFD 85.04%);
}
.desc_box .desc_tab .tab_text .tab_btn_bg2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 1px;
  border-radius: inherit;
  background: #f5fbff;
}
.desc_box .desc_tab .tab_text .tab_btn .tab_btn_inner {
  position: relative;
  background: linear-gradient(86deg, #2795F8 23.03%, #5E4BFD 85.04%);
  background-clip: text;
  -webkit-background-clip: text;
  color: #2049EE;
  -webkit-text-fill-color: transparent;
}

.desc_box .desc_tab .tab_img {
  position: absolute;
  top: 22px;
  width: 696px;
  height: 504px;
}

.desc_contanier_main .desc_btn {
  position: sticky;
  bottom: 0px;
  width: 100%;
  height: 148px;
  display: none;
  background: linear-gradient(180deg, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, 0.8) 19.96%, #F4FAFF 35%);
  opacity: 0;
  transition: opacity 300ms ease;
  overflow-y: hidden;
}
.desc_contanier_main .desc_btn a {
  display: block;
  width: 200px;
  margin: 50px auto 0;
}

.back-to-top {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 60px;
  right: 70px;
  cursor: pointer;
  z-index: 100;
}

.btn-img {
  width: 60px;
  height: 60px;
}

.back-to-top:hover .btn-img{
  content: url("../image/back-to-top-active.png");
}

.ioa-wrap {
  width: 490px;
  /* padding-right: 15px; */
  /* box-sizing: border-box; */
  height: 34px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
}

.ioa-tips-wrap {
  background: #32A3FF;
  padding-left: 5px;
  padding-right: 10px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: 12px;
}

.ioa-tips-text {
  font-weight: 400;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #fff;
  margin-left: 4px;
}

.ioa-tips {
  width: 22px !important;
  height: 22px !important;
}

.ioa-desc {
font-weight: 400;
font-size: 16px;
line-height: 22px;
height: 22px;
letter-spacing: 0%;
color: #000000;
}

.ioa-link {
  color: #2049EE !important;
}