/**
  第一张图片头
 */
.head-picture-word {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0px auto 0px;
    border-radius: 0px;
    height: 1080px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 102%;
}
/**
  面包导航
 */
.breadcrumb {
    width: 1200px;
    position: absolute;
    top: calc(88px);
    font-weight: 400;
    font-size: 16px;
    margin-top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
}
.breadcrumb a{color:#fff;padding:0px 28px 0px 10px;background:url("../images/icon-16-1.svg") no-repeat right center;}
.breadcrumb a:hover{opacity:0.6;}
.breadcrumb a:first-child{padding-left:0px;}
.breadcrumb a:last-child{background:none !important;}
/**
  这通常用于清除浮动或作为其他布局策略的一部分
 */
.clearFloat {
    HEIGHT: 0px;
    VISIBILITY: hidden;
    CLEAR: both;
    FONT-SIZE: 0px;
    OVERFLOW: hidden;
    width: 100%;
}
.head-word {
    width: calc(1000px + 6px);
    margin: 170px auto 0px;
    color: #fff;
}
.head-word-black {
    width: calc(1000px + 6px);
    margin: 170px auto 0px;
    color: rgba(0,0,0,0.85);
}
.head-word  .h3{width:100%;overflow:hidden;text-align:center;font-weight:500;font-size:36px;line-height:54px;}
.head-word-black  .h3{width:100%;overflow:hidden;text-align:center;font-weight:500;font-size:36px;line-height:54px;}
.head-word-info {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 16px;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
}
.head-word-more{width:100%;display:block;margin-top:32px;}
.head-word-more a{width:148px;height:44px;line-height:44px;border:1px solid rgba(0,0,0,0.85);border-radius:23px;overflow:hidden;display:block;margin:0px auto;font-size:14px;font-weight:400;color:rgba(0,0,0,0.85);text-align:center;}
.head-word-more a:hover{background:rgba(0,0,0,0.85);color:#fff;}

.head-word-more-white{width:100%;display:block;margin-top:32px;}
.head-word-more-white a{width:148px;height:44px;line-height:44px;border:1px solid #fff;border-radius:23px;overflow:hidden;display:block;margin:0px auto;font-size:14px;font-weight:400;color:#fff;text-align:center;}
.head-word-more-black a:hover{background:rgba(0,0,0,0.85);color:rgba(0,0,0,0.85);}
 /**
   除第一屏外其他屏图片文字
  */
.picture-word{width:100%;margin:0px auto 0px;position:relative;background-position:center;background-repeat:no-repeat;background-size:auto 102%;border-radius:0px;height:1080px;color:#fff;}
.word-head-black{width:1000px;margin:120px auto 0px;position:relative;z-index:12;color:rgba(0,0,0,0.85);}
.word-head-white{width:1000px;margin:120px auto 0px;position:relative;z-index:12;color:#fff;}
.word-head-black .h3{width:100%;overflow:hidden;font-weight:500;font-size:36px;text-align:center;line-height:54px;}
.word-head-white .h3{width:100%;overflow:hidden;font-weight:500;font-size:36px;text-align:center;line-height:54px;}
.word-head-info{width:100%;overflow:hidden;font-weight:400;font-size:22px;text-align:center;line-height:33px;margin-top:16px;}
.word-width-1200{
    width:1200px
}
.word-head-white ul{width:58%;overflow:hidden;padding-top:40px;display:flex;margin-left: auto;margin-right: auto}
.word-head-white ul li{width:auto;flex:1;overflow:hidden;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.word-head-white ul li samp{width:100%;display:block;overflow:hidden;height:50px;position:relative;}
.word-head-white ul li samp img{width:auto;height:auto;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.word-head-white ul li span{width:100%;overflow:hidden;display:block;text-align:center;font-weight:400;font-size:22px;color:#fff;line-height:33px;margin-top:20px;}

/*.word-head-black ul{width:100%;overflow:hidden;padding-top:40px;display:flex;margin-left: auto;margin-right: auto}*/
/*.word-head-black ul li{width:auto;flex:1;overflow:hidden;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}*/
/*.word-head-black ul li samp{width:100%;display:block;overflow:hidden;height:50px;position:relative;}*/
/*.word-head-black ul li samp img{width:auto;height:auto;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}*/
/*.word-head-black ul li span{width:100%;overflow:hidden;display:block;text-align:center;font-weight:400;font-size:22px;color:rgba(0,0,0,0.85);line-height:33px;margin-top:20px;}*/

/**
  广告
 */
.ad{width:100%;margin:0px auto 0px;position:relative;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:0px;padding:80px 0px 120px;}
.ad-head{width:100%;}
.ad-head .h3{width:100%;overflow:hidden;text-align:center;font-weight:500;font-size:36px;color:rgba(0,0,0,0.85);line-height:54px;}
.ad-head p{width:100%;overflow:hidden;text-align:center;font-weight:400;font-size:22px;color:rgba(0,0,0,0.85);line-height:30px;margin-top:16px;}
.ad ul{width:1200px;margin:60px auto 0px;position:relative;z-index:12;}
.ad ul li{float:left;width:18.3%;overflow:hidden;margin:32px 2.12% 0px 0px;border-radius:8px;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.ad ul li:nth-child(5n){margin-right:0px;}
.ad ul li img{width:100%;height:auto;overflow:hidden;}
.ad ul li:hover img{transform:scale(1.03);}
/**
  产品文档
 */
.documentation{width:100%;overflow:hidden;padding:90px 0px 100px;}
.documentation .h3{width:100%;overflow:hidden;text-align:center;font-weight:500;font-size:36px;color:rgba(0,0,0,0.85);line-height:54px;}
.documentation-content{width:1200px;margin:0px auto;}
.documentation-item{float:left;width:32%;overflow:hidden;margin:32px 2% 0px 0px;border-radius:16px;position:relative;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.documentation-item:nth-child(3n){margin-right:0px;}
.documentation-item a{width:100%;height:100%;display:block;overflow:hidden;}
.documentation-item img{width:100%;height:auto;}
.documentation-item:hover img{transform:scale(1.03);}
.documentation-cont{width:100%;position:absolute;z-index:12;top:2vw;text-align:center;}
.documentation-cont .h4{width:100%;text-align:center;overflow:hidden;font-weight:400;font-size:22px;color:#fff;line-height:33px;}
.documentation-cont span{width:auto;display:inline-block;overflow:hidden;font-weight:400;font-size:14px;color:#fff;line-height:21px;margin-top:16px;background:url("../images/icon-24.svg") no-repeat right center;padding-right:15px;background-size:16px;}
.documentation-item:hover .documentation-cont span{padding-right:30px;}

/**
  滚动文字再左上
 */
.scrollText-left,.scrollText-lefts{width:750px;position:absolute;left:24px;top:24px;color:#000000;z-index:12;}
.scrollText-lefts{width:100% !important;left:0px !important;box-sizing:border-box;padding:0px 24px !important;}
.scrollText-left span,.scrollText-lefts span{float:left;width:100%;overflow:hidden;font-size:36px;font-weight:600;line-height:54px;}
.scrollText-left p,.scrollText-lefts p{float:left;width:36%;overflow:hidden;font-size:22px;font-weight:400;line-height:33px;margin-top:16px;}

.oneTitle{
    color: #ffffff;
    text-align: left;
    font-family: "MiSans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
}
.oneContent{
    color: #ffffff;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 50px;
}
.subTitle{
    color: #ffffff;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    margin-top: 25px;
}
.subContent{
    color: #ffffff;
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
.subContentNoBorder{
    border-bottom: 0px solid #ccc;
}
/* 第六屏 */
.ossq-2cont-sixBox{
    float: left;
    width: 700px;
    color: #fff;
}

.sixTitle{
 color: #ffffff;
 text-align: left;
 font-family: "MiSans";
 font-size: 36px;
 font-style: normal;
 font-weight: 600;
 line-height: 54px;
}
.sixContent{
    color: #ffffff;
 font-family: "MiSans";
 font-size: 22px;
 font-style: normal;
 font-weight: 400;
 line-height: 33px;

}
.sixType{
    color: #ffffff;
 font-family: "MiSans";
 font-size: 22px;
 font-style: normal;
 font-weight: 400;
 line-height: 33px;
 margin-top: 16px;
}
.sixType span{
    display: inline-block;
    width: 150px;
}
.sixOption {
    color: #d3af7e;
    font-family: "MiSans";
    font-style: normal;
    font-weight: 600;
   }
.sixOption span{
    display: inline-block;
    width: 150px;
    font-size: 60px;
    line-height: 60px;
}
.sixBottom{
 color: #ffffff;
 font-family: "MiSans";
 font-size: 22px;
 font-style: normal;
 font-weight: 400;
 line-height: 33px;
}

.youTitle{
    color: #ffffff;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    margin-top: 16px;
}
.youMargin{
    margin-bottom: 32px;
}
.youLine{
    border-bottom: 1px rgba(255,255,255,0.85) solid;
}
.youContent{
    width: 546px;
    color: #ffffff;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    padding-bottom: 32px;
}
.youBox{
    float: left;
    width: 546px;
}

/* 有乔  第二屏 */ 
.secoundBox{
    display: grid;
    place-content: center;
}
.yqSecondBox{
    margin:0 auto;
    width: 1206px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.yqSecondBox .card{
    display: flex;
    margin-bottom: 120px;
    width: calc(33% - 120px);
}
.yqSecondBox .cardBottom{
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.yqSecondBox .cardBox{
    display: flex;
    width: 100%;
    padding: 32px 0;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid var(--10, #0000001a);
    background: #FFF;
    height: 150px;
}
.yqSecondBox .cardBox .imgBox{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    fill: var(--85, #000000d9);
}
.yqSecondBox .cardBox .message{
    color: #000000d9;
    text-align: center;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}
.yqSecondBox .dotBox{
    display: flex;
    width: 120px;
    height: 200px;
    /* padding: 32px 0; */
    align-items: center;
    /* flex-wrap: wrap; */
    /* align-content: center; */
    justify-content: center;
}
.yqSecondBox .dotBoxBottom{
    position: absolute;
    bottom: -160px;
    left: calc(50% - 60px);
}

.right_direction{
    width: 56px;
    height: 56px;
    background:url("../images/icon-246.svg") no-repeat center;
}
.left_direction{
    width: 56px;
    height: 56px;
    background:url("../images/icon-250.svg") no-repeat center;
}
.bottom_direction{
    width: 56px;
    height: 56px;
    background:url("../images/icon-249.svg") no-repeat center;
}
.phasedBox{
    margin-top: 100px;
}
/* 统信有易 最后一屏 */
.phased{
    width: 80%;
    margin: 0 auto;
    border-bottom: 2px solid #969ca5;
    position: relative;
}
.phased .dotBox{
    width: 33.3%;
    height: 100px;
    position: relative;
    float: left;
}
.phased .four{
    width: 33.3%;
    height: 100px;
    position: absolute;
    right: 0;
}
.phased .dotBox .dot{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #969ca5;
    position: absolute;
    left: -8px;
    top: -7px;
}
.phased .sec .dot{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #969ca5;
    position: absolute; 
}
.phased .three .dot{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #969ca5;
    position: absolute; 
}
.phased .four .dot{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #969ca5;
    position: absolute;
    left:100%; 
}
.phased .dotBox .dotTitle{
    position: absolute;
    font-size: 24px;
    width: 120px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    top: 40px;
    left: -60px;
}
.phased .four .dotTitle{
    left:calc(100% - 60px);
}
.spinTitle{
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    color: rgba(0,0,0,0.85);
    line-height: 33px;
    margin-top: 100px;
}
.spinContent{
    width: 100%;
    color: #00000073;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}
.ulS{width:100%;overflow:hidden;padding-top:40px;display:flex;margin-left: auto;margin-right: auto}
.uis{
    display: inline-flex;
    padding: 32px 16px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 16px;
    background: #FFF;
    width: auto;
    flex: 1;
    overflow: hidden;
    transition: all 0.6s ease 0s;
    margin-left: 20px;
}
.sam{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 50px;
    position: relative;
}
.smpImage{
    width: auto;
    height: auto;
    max-height: 100%;
    position: absolute;
    left: 11%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.word-head-white-one{
    width:1000px;
    margin:120px auto 0px;
    position:relative;
    z-index:12;
    color:#fff;
}
.word-head-white-one ul{
    width: 56%;
    overflow: hidden;
    padding-top: 90px;
    display: grid;
    flex-direction: column;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 自动适应容器大小并平均分配空间 */
}
.word-head-white-one ul li{
    width:auto;
    flex:1;
    overflow:hidden;
    -webkit-transition:all 0.6s ease 0s;
    -moz-transition:all 0.6s ease 0s;
    -ms-transition:all 0.6s ease 0s;
    -o-transition:all 0.6s ease 0s;
    transition:all 0.6s ease 0s;
    margin-bottom: 40px;
    height: 190px;
}
.isLine{
    border-bottom: 1px rgba(255,255,255,0.15) solid;
}
.word-head-white-one ul li samp{
    width:10%;
    display:block;
    overflow:hidden;height:50px;
    position:relative;
    float:left;
    margin-right: 16px;
}
.word-head-white-one ul li samp img{
    max-height:100%;
    position:absolute;
    left:50%;top:50%;
    transform:translate(-50%,-50%);
    width: 25.14px;
    height: 28.57px;
    flex-shrink: 0;
    fill: #FFF;
}
.spinFloat{
    width:50%;
    float:left;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    margin-top: 8px;
    margin-bottom: 16px;
}
.spinWidth{
    width: 96%;
    /*margin-left: 43px;*/
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.word-head-white-one ul li span{
    overflow: hidden;
    display: block;
    text-align: left;
    color: #fff;
}

.word-head-white-two{
    width:1200px;
    margin:120px auto 0px;
    position:relative;
    z-index:12;
    color:#fff;
}
.word-head-white-two .h3{width:100%;overflow:hidden;font-weight:500;font-size:36px;text-align:center;line-height:54px;}

.word-head-white-two ul{
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 12;
    color: #fff;
    margin-top: 100px;
}

.word-head-white-two ul li{
    float: left;
    width: 25%;
    overflow: hidden;
    height: 180px;
    box-sizing: border-box;
    border-right: 2px rgba(255,255,255,0.65) solid;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.word-head-white-two ul li:last-child {
    border: none;
}
.word-head-white-two ul li img{
    width: 49px;
    height: 49px;
    flex-shrink: 0;
}
.spinTitle-two{
    width: 211px;
    color: #ffffff;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
}
.spinContent-two{
    width: 260px;
    height: 60px;
    flex-shrink: 0;
    color: #ffffff;
    text-align: justify;
    font-family: "MiSans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.towImage{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    margin-top: 260px;
}
.box_black{
    bottom: 24px;
    width: 240px;
    height: 240px;
    right: 24px !important;
    box-sizing: border-box;
    background: #201f1ce6;
    position: absolute;
    padding: 24px 90px 20px 24px;
    display: inline-flex;
    padding: 24px 90px 20px 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 50px;
    border-radius: 16px;
    background: #201f1ce6;
    backdrop-filter: blur(3px);
}
.p90{
    color: #ffffff;
    font-family: "MiSans";
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.spin90{
    width: 126px;
    color: #ffffff;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
}
.div-width1000{
    width:1000px;
}
.div-width1200{
    width:1200px;
}
.div-margin120{
    margin-top:120px;
}
.div-margin112{
    margin-top:112px;
}

.head-short-picture-word {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0px auto 0px;
    border-radius: 0px;
    height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 102%;
    flex-shrink: 0;
}

.picture-short-word{
    width:100%;
    margin:0px auto 0px;
    position:relative;
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 102%;
    border-radius:0px;
    /*height:3113px;*/
    color:#F4F5F8;
}
.margin-top-210{
    margin-top: 210px;
}
.head-short-word {
    width: calc(1200px + 40px);
    margin: 170px auto 0px;
    color: #fff;
}
.head-short-word-two {
    width: calc(1200px);
    margin: 170px auto 0px;
    color: #fff;
}

.head-short-wordInfo {
  color: #ffffff;
  font-family: "MiSans";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}

.title-short-word {
    width: calc(1050px + 42px);
    margin: 96px auto 0px;
    color: #fff;
}

.title-word {
    color: #000000d9;
    font-family: "MiSans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
}
.margin-top-16{
    margin-top: 16px;
}
.margin-top-32{
    margin-top: 32px;
}
.margin-top-48{
    margin-top: 48px;
}
.margin-top-63{
    margin-top: 63px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-5{
    margin-top: 5px;
}
.margin-top-8{
    margin-top: 8px;
}
.margin-top-72{
    margin-top: 72px;
}
.margin-top-4{
    margin-top: 4px;
}
.margin-top-4{
    margin-top: 4px;
}
.margin-top-18{
    margin-top: 18px;
}
.margin-top-112{
    margin-top: 112px;
}
.margin-bottom-80{
    margin-bottom: 80px;
}
.margin-bottom-96{
    margin-bottom: 80px;
}
.margin-bottom-160{
    margin-bottom: 160px;
}
.padding-27{
    padding: 27px
}
.padding-24{
    padding: 24px
}
.title-word-info {
   align-self: stretch;
   color: #00000073;
   font-family: "MiSans";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
}
.image-word{
    height: 156px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
    /* height: 420px; */
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.height-184{
    height: 184px;
}
.height-678{
    height: 678px;
}
.height-812{
    height: 812px;
}
.height-201{
    height: 201px;
}
.height-403{
    height: 403px;
}
.height-438{
    height: 438px;
}

.twoInfo {
    align-self: stretch;
    color: #000000d9;
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.twoInfo-title {
      align-self: stretch;
      color: #000000d9;
      font-family: "MiSans";
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }
.twoInfo-content-first{
    align-self: stretch;
    color: #000000d9;
    font-family: "MiSans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.twoInfo-content{
    align-self: stretch;
    color: #00000073;
    font-family: "MiSans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.threeInfo-title {
    align-self: stretch;
    color: #000000d9;
    font-family: "MiSans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    float:left;
}

.word-agreement {
    padding-left: 30px;
    padding-right: 30px;
    color:#3d3d3d;
    margin-bottom: 100px;
}

.fusion-row {
    margin: 0 auto;
    zoom: 1;
    font-size: 16px;
    line-height: 2.5;
    font-family: "SourceHanSansSC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
    max-width: 1440px;
}
.fusion-row h1 {
    font-size: 34px;
}
.word-white{
    color:white;
}
.div-imageAndInfo{
    display: flex;
    height: 119px;
    padding: 10px;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border: 1px solid var(--10, #0000001a);
}
.div-image-first{
    width: 63.75px;
    height: 53.75px;
    flex-shrink: 0;
}
.div-image-two{
    flex: 1 0 0;
    stroke-width: 4px;
    stroke: #0044D9;
    margin-top: 15px;
    width: 600px;
}
.div-image-three{
  margin: 16px 0px 0px 28px;
}
.div-word{
    display: flex;
    padding: 4px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 23px;
    background: #0044d91a;
    margin: 10px 0px 0px 46px;
}
.div-word span{
    color: #000000d9;
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.float-style{
    float: left;
}

.uos-table {
    width: 100%;
    /*margin: 10px 0;*/
    background-color: #fff;
    color: #5f5f5f;
    border-collapse: collapse;
    border-spacing: 0;
}
.uos-table td, .layui-table th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
    width: 100px;
    font-family: "MiSans";
    border: 1px solid var(--10, #0000001a);
}
.uos-table th {
    background: #0088D5;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px;
}
.uos-table td {
    padding: 10px;
    background: #009eca1a;
    color: #000000d9;
    font-family: "MiSans";
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.div-content{
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.div-content div{
    display: flex;
    width: 352px;
    padding: 26px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    height: 260px;
    background: var(--5, #0000000d);
}
.background-div{
    background: var(--5, #0000000d);
}
.center-text {
    text-align: center;
}
.div-ui{
    display: flex;
    align-items: flex-start;
    gap: 97px;
    align-self: stretch;
}
.div-ui h3{
    flex: 1 0 0;
    color: #000000d9;
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.div-image-div{
    /* width: 1200px; */
    margin: 8px auto 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 12;
}
.div-image-four {
    float: left;
    width: 48%;
    overflow: hidden;
    margin: 32px 2% 0px 0px;
    border-radius: 16px;
    position: relative;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.div-image-four:nth-child(3n){margin-right:0px;}

.title-short-word-image {
    width: calc(1050px + 42px);
    margin: 63px auto 0px;
    color: #fff;
}

.title-word-head {
    color: #ffffff;
    font-family: "MiSans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
    text-align: center;
}
.first-info{
    display: flex;
    width: 1200px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--10, #0000001a);
}
.first-content{
    align-self: stretch;
    color: #000000d9;
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.first-more{
    display: flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #3367FB;
}
.first-more a{
    color: #ffffff;
    font-family: "MiSans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.image-content{
    display: flex;
    width: 1200px;
    padding: 24px;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--10, #0000001a);
    background: #FFF;
}
image-content-image{
    width: 92px;
    height: 92px;
    flex-shrink: 0;
}
.image-content-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.first-button{
    width: 80px;
    height: 30px;
    font-family: MiSans-Medium;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 30px;
}
.head-button-box{
    width: 220px;
    height: 56px;
    background-image: linear-gradient(113deg, #3356F4 1%, #389DEF 100%);
    border-radius: 4px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中，如果需要的话 */
}
.head-word-button {
    width: calc(1000px + 218px);
    margin: 653px auto 0px;
    color: #fff;
}
.head-word-button2021 {
    width: calc(1000px + 218px);
    margin: 636px auto 0px;
    color: #fff;
}
.head-word-button2022 {
    width: calc(220px);
    margin: 500px auto 0px;
    color: #fff;
}
.video-div{
    width: 23px;
    height: 23px;
    margin-right: 10px;
}
.title-div{
    width: 282px;
    height: 74px;
    margin:120px auto 0px;
}
.title{
    font-family: MiSans-SNaNpxibold, serif;
    font-weight: 600;
    font-size: 36px;
    color: #000000;
    text-align: center;
}
.title-s{
    font-family: DOUYINSANSBOLD-GB, serif;
    font-weight: GB;
    font-size: 16px;
    color: #00000066;
    text-align: center;
}
.title-i{
    width: 43.05px;
    height: 22.85px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}
.content-div{
    width: 1400px;
    height: auto;
    background-image: linear-gradient(-77deg, #f4fbffd4 0%, #ffffff8a 100%);
    border-radius: 12px;
    margin:120px auto 0px;
    padding: 24px;
}
.content-div-word{
    color: #000000e6;
    font-size: 24px;
    font-face: MiSans;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.three-head{
    width: 1200px;
    height: 40px;
    font-family: MiSans-DNaNpxibold, serif;
    font-weight: 600;
    font-size: 32px;
    color: #0052D9;
    text-align: center;
    line-height: 40px;
    margin:32px auto 0px;
    background: #fff;
}
.three-word-div{
    width: calc(50% - 12px);
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    padding: 16px;
}
.three-word-first{
    font-family: MiSans-DNaNpxibold, serif;
    font-weight: 600;
    font-size: 20px;
    color: #000000e6;
    line-height: 30px;
}
.three-word-two{
    font-family: MiSans-Normal, serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000e6;
    line-height: 24px;
}
.four-div{
    width: 1500px;
    height: 800px;
    margin: 40px auto 0px;
    display: flex;
    gap: 100px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.four-image-div{
    width: 216px;
    height: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.four-image-div h3 {
    width: 100%;
    font-family: MiSans-DNaNpxibold;
    font-weight: 600;
    font-size: 24px;
    color: #000000e6;
    text-align: center;
    line-height: 32px;
    margin-top: 28px;
}
.four-image-div p {
    width: 100%;
    font-family: MiSans-Normal;
    font-weight: 400;
    font-size: 20px;
    color: #061651;
    text-align: center;
    line-height: 30px;
}


.ecologicalBanner{width:100%;overflow:hidden;margin:0px auto 0px;height:1000px;border-radius:0px;color:#fff;position:relative;}
.ecologicalBanner .swiper{border-radius:0px;}
.ecologicalBanner a{width:100%;height:100%;display:block;overflow:hidden;}
.ecologicalBanner .swiper-slide{overflow:hidden;position:relative;}
.ecologicalBanner img,.banner video{width:100%;height:100%;object-fit:cover;display:block;}
.banner-div{width:1330px;position:absolute;left:50%;transform:translateX(-50%);z-index:12;top:100px;background: #fff;border-radius: 12px;}
/*.banner-div p{width:100%;overflow:hidden;text-align:center;font-size:22px;font-weight:400;margin-top:16px;transform:translateY(60px);opacity:0;line-height:33px;color: #000000e6;}*/
.ecologicalBanner .swiper-pagination{width:100%;height:60px;left:0px;bottom:4.5vw;}
.ecologicalBanner .swiper-pagination span{width:100px;height:100%;border-radius:0px;position:relative;background:none !important;}
.ecologicalBanner .swiper-pagination span:before{width:100%;height:2px;content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);opacity:0.5;background:#fff;}
.ecologicalBanner .swiper-pagination .swiper-pagination-bullet-active:before{opacity:1;}
.ecologicalBanner .swiper-slide-active .h3{animation:updown 0.7s ease 0.5s 1;animation-fill-mode:forwards;}
.ecologicalBanner .swiper-slide-active p{animation-fill-mode:forwards;}
.ecologicalBanner .swiper-slide-active em{animation:updown 0.7s ease 0.7s 1;animation-fill-mode:forwards;}
.ecologicalBanner .swiper-button-prev{width:77px;height:77px;overflow:hidden;background:url("../images/pre.svg") no-repeat center;border-radius:12px;left:12px;opacity:1;}
.ecologicalBanner .swiper-button-next{width:77px;height:77px;overflow:hidden;background:url("../images/next.svg") no-repeat center;border-radius:12px;right:12px;opacity:1;}
.ecologicalBanner .swiper-button-prev:hover{width:77px;height:77px;overflow:hidden;background:url("../images/preHover.svg") no-repeat center;border-radius:12px;left:12px;opacity:1;}
.ecologicalBanner .swiper-button-next:hover{width:77px;height:77px;overflow:hidden;background:url("../images/nextHover.svg") no-repeat center;border-radius:12px;right:12px;opacity:1;}
.ecologicalBanner .swiper-button-prev:active{width:77px;height:77px;overflow:hidden;background:url("../images/preClick.svg") no-repeat center;border-radius:12px;left:12px;opacity:1;}
.ecologicalBanner .swiper-button-next:active{width:77px;height:77px;overflow:hidden;background:url("../images/nextClick.svg") no-repeat center;border-radius:12px;right:12px;opacity:1;}

.three-swiper-div{
    width: 1300px;
    height: 605px;
    margin: 40px auto 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start; /* 从上到下 */
    justify-content: flex-start; /* 从左到右 */
    padding-left: 40px;
}

.new-div{
    width: 1400px;
    margin: 80px auto 0px;
    height: auto;
    display: flex;
    gap: 0px;
    background-image: linear-gradient(-71deg, rgba(244, 251, 255, 0.83) 0%, rgba(255, 255, 255, 0.54) 100%);
    border-radius: 12px;
    padding: 48px 20px 0px 20px;
    flex-wrap: wrap;
    justify-content: space-around;
}
.new-div a {
    width: 660px;display: block;height: 50px;
}
.new-div a h3{
    float: left;
    color: #0052d9;
    font-size: 20px;
    font-face: MiSans;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
    margin-top: 0px;
}
.new-div a p{
    float: left;
    color: #000000e6;
    font-size: 20px;
    font-face: MiSans;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.six-image{
    width: 1400px;
    margin: 80px auto 0px;
    height: 630px;
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.six-image img{
    width:326px;
    height:180px;
    object-fit:cover;
    border-radius: 12px;
}
.six-image img:hover {transform:scale(1.03);}
.sevenBanner{
    width: 1400px;
    height: 430px;
    margin: 40px auto 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
}
.seven-image{
    width: 384px;
    height: 307px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.seven-image h3{
    text-align: left;font-family: D-DIN-PRO-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #000000e6;
    line-height: 30px;
}
.seven-image p{
    text-align: left;font-family: MiSans-Medium;
    font-weight: 500;
    font-size: 20px;
    color: #000000e6;
    line-height: 24px;
}
.seven-image img{
    width:100%;
    height: 216px;
    margin-top: 20px;
    border-radius: 12px;
}

.seven-image img:hover {transform:scale(1.03);}

/* 模态框样式 */
.modal {
    display: none; /* 默认隐藏模态框 */
    position: fixed; /* 固定定位，覆盖整个页面 */
    z-index: 999; /* 确保模态框显示在最上层 */
    padding-top: 50px; /* 模态框内内容距离顶部的距离 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* 当内容溢出时显示滚动条 */
    background-color: rgba(0, 0, 0, 0.2); /* 半透明背景 */
}

/* 模态框内放大的图片 */
.modal-content {
    margin: auto; /* 居中对齐 */
    display: block; /* 块级显示 */
    width: 100%; /* 图片的宽度 */
    max-width: 1200px; /* 最大宽度限制 */
    border-radius: 12px;
}

/* 图片的缩放动画 */
.modal-content {
    animation-name: zoom;
    animation-duration: 0.6s;
}

/* 缩放动画 */
@keyframes zoom {
    from {
        transform: scale(0); /* 初始缩放为0 */
    }
    to {
        transform: scale(1); /* 缩放到1倍 */
    }
}

/* 关闭按钮样式 */
.close {
    position: absolute; /* 绝对定位 */
    top: 15px;
    right: 35px;
    color: #f1f1f1; /* 按钮颜色 */
    font-size: 40px; /* 字体大小 */
    font-weight: bold; /* 字体加粗 */
    cursor: pointer; /* 鼠标悬浮时显示指针 */
}

/* 鼠标悬浮时关闭按钮的样式 */
.close:hover {
    color: #bbb; /* 更改悬浮时的颜色 */
}

.imagesBanner{
    margin: 0px auto 0px;
    background: #000;
    color: #fff;
    position: relative;width: 1200px;height: auto;border-radius: 12px;
}
.imagesBanner .swiper-slide{overflow:hidden;position:relative;}
.imagesBanner .swiper-pagination{width:100%;height:60px;left:0px;bottom:4.5vw;}
.imagesBanner .swiper-pagination span{width:100px;height:100%;border-radius:0px;position:relative;background:none !important;}
.imagesBanner .swiper-pagination span:before{width:100%;height:2px;content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);opacity:0.5;background:#fff;}
.imagesBanner .swiper-pagination .swiper-pagination-bullet-active:before{opacity:1;}
.imagesBanner .swiper-slide-active .h3{animation:updown 0.7s ease 0.5s 1;animation-fill-mode:forwards;}
.imagesBanner .swiper-slide-active p{animation:updown 0.7s ease 0.6s 1;animation-fill-mode:forwards;}
.imagesBanner .swiper-slide-active em{animation:updown 0.7s ease 0.7s 1;animation-fill-mode:forwards;}
.imagesBanner .swiper-button-prev{width:49px;height:95px;overflow:hidden;background:url("../images/icon-1.svg") no-repeat center;border-radius:0px 12px 12px 0px;left:0px;opacity:1;}
.imagesBanner .swiper-button-next{width:49px;height:95px;overflow:hidden;background:url("../images/icon-2.svg") no-repeat center;border-radius:12px 0px 0px 12px;right:0px;opacity:1;}
.imagesBanner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background-color:rgba(0,0,0,0.45);}

.meetBigHead{
    font-family: MiSans-DNaNpxibold, serif;
    font-weight: 600;
    font-size: 32px;
    color: #0052D9;
    text-align: center;
    line-height: 40px;
    margin: 0px auto 0px;
}
.meetDiv{
    width: 1400px;
    height: 770px;
    background-image: linear-gradient(-58deg, #f4fbffd4 0%, #ffffff8a 100%);
    border-radius: 12px;
    margin: 70px auto 0px;
    padding-top: 42px;
}
.meetHead{
    width: 1200px;
    margin: 60px auto 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 436px;
}
.meetHead h3{
    width: 288px;
    height: 40px;
    font-family: MiSans-Medium, serif;
    font-weight: 500;
    font-size: 24px;
    color: #0052D9;
    line-height: 40px;
}

.meetHead-word-div{
    overflow: hidden;
    box-sizing: border-box;
    margin-left: 100px;
}

.meetHead-word-div-two{
    height: 605px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 24px auto 0px;
    gap: 53px;
}
.line-one-background{
    background:url("../images/one.svg") no-repeat center;
    height: 113px;
}
.line-two-background{
    background:url("../images/two.svg") no-repeat center;
    height: 198px;
}
.line-three-background{
    background:url("../images/three.svg") no-repeat center;
    height: 286px;
}
.line-div{
    float: left;
    width: 5px;
    margin-left: 24px;
}
.line-right-div{
    margin-left: 12px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 53px;
    justify-content: space-between;
}

.openImg{
    height: 60px;
    line-height: 60px;
    position: relative;
    background-color: rgba(14, 145, 238, .9294117647058824);
    background-size: 100% 100%;
    text-align: center;
    font-size: 18px;
    color: rgb(255, 255, 255);
}
.openImg a {
    color: rgb(255, 255, 255);
}
.openImg a:hover{
    color: rgb(0, 0, 0);
}

.first-title-div{
    margin: 0px auto 0px;
    width: 148px;
    height: 74px;
}
.head-word-image{
    width: calc(1920px - 500px);
    margin: 220px auto 0px;
}
.head-word-image-image{
    width: calc(1660px - 500px);
    display: flex;
    margin: 370px auto 0px;
    align-items: flex-start;
    flex-direction: column;
}
.head-word-image-div{
    width: 24px;
    height: 2px;
    background: #181818;
}
.head-word-first{
    display: flex;
    align-items: center;
    margin-top: 40px;
    gap: 20px;
}
.head-word-image-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 43%;
}
.head-word-image-left-image{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.head-word-image h1{
    font-family: MiSans-Regular, serif;
    font-weight: 400;
    font-size: 24px;
    color: #181818;
    text-align: center;
    letter-spacing: 17px;
    margin-right: -17px;
}
.head-word-image h2{
    font-family: MiSans-SNaNpxibold, serif;
    font-weight: 600;
    font-size: 16px;
    color: #181818;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 12px;
}
.head-word-image h3{
    font-family: MiSans-Regular, serif;
    font-weight: 400;
    font-size: 16px;
    color: #1538BA;
    letter-spacing: 1px;
    margin-top: 34px;
}
.partner-div{
    width: 1400px;
    margin: 70px auto 0px;
}
.partner-title{
    width: 160px;
    height: 40px;
    background-size: cover;
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.partner-title img{
    width: 35.94px;
    height: 34px;
    margin-left: 14px;
}
.partner-title h3{
    width: 72px;
    height: 40px;
    font-family: MiSans-Medium, serif;
    font-weight: 500;
    font-size: 24px;
    color: #351881;
    line-height: 40px;
    margin-left: 15px;
}
.partner-image{
    display: flex;
    margin-top: 24px;
    gap: 40px;
    flex-wrap: wrap;
}
.partner-image div {
    width: 200px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 8px;
    background-size: cover;
}
.ai-picture-word {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0px auto 0px;
    border-radius: 0px;
    height: 540px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 102%;
}
.ai-one{
    width: calc(1200px + 40px);
    margin: 200px auto 0px;
    color: #fff;
}
.ai-one div{
    width: 423px;
    height: 54px;
    font-family: PingFangSC-Medium, serif;
    font-weight: 500;
    font-size: 36px;
    color: #ffffffd9;
    letter-spacing: 0;
    line-height: 54px;
}
.ai-one h3{
    width: 1000px;
    height: 33px;
    font-family: PingFangSC-Regular, serif;
    font-weight: 400;
    font-size: 22px;
    color: #ffffffd9;
    letter-spacing: 0;
    line-height: 33px;
    margin-top: 16px;
}
.ai-two{
    display: flex;
    width: calc(1200px + 40px);
    margin: 170px auto 0px;
    justify-content: space-between;
}
.ai-two-div {
    display: flex;
    flex-direction: column;
}
.ai-two-div h1{
    font-family: MiSans-Medium, serif;
    font-weight: 500;
    font-size: 36px;
    color: #000000;
    letter-spacing: 0;
    line-height: 54px;
}
.ai-two-div h3{
    width: 560px;
    font-family: MiSans-Normal, serif;
    font-weight: 400;
    font-size: 22px;
    color: #000000;
    letter-spacing: 0;
    line-height: 33px;
    margin-top: 16px;
    margin-bottom: 32px;
}
.ai-two-div p{
    width: 148px;
    height: 44px;
    background: #0052D9;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 84px;
}
.ai-two-div p a{
    width: 148px;
    height: 44px;
    border-radius: 22px;
    font-family: PingFangSC-Regular, serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ai-image{
    width: 488px;
    height: 690px;
    background-size: cover;
}
.head-word-button-left{
    margin-top: 73px;
    color: #fff;
}


@media screen and (min-width:1921px){
.head-short-picture-word{
height:600px;
background-size:auto 106%;
}
}

@media screen and (min-width:1921px){
.head-picture-word,.picture-word{
  height:1300px;
  background-size:auto 116%;
}
.head-word-button {
width: calc(1460px + 218px);
margin: 800px auto 0px;
}
.head-word-button2021{
width: calc(1460px + 218px);
margin: 736px auto 0px;
color: #fff;
}
.head-word-button2022 {
width: calc(220px);
margin: 600px auto 0px;
color: #fff;
}
.ai-picture-word {
    height:600px;
    background-size:auto 120%;
}
}