/*============公共样式===========*/
body * {
    box-sizing: border-box;
    flex-shrink: 0;
}
body {
    margin: 0;
    padding: 0;
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}
.page{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
button:active {
    opacity: 0.6;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.justify-start {
    display: flex;
    justify-content: flex-start;
}
.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}
.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}
.justify-around {
    display: flex;
    justify-content: space-around;
}
.justify-between {
    display: flex;
    justify-content: space-between;
}
.align-start {
    display: flex;
    align-items: flex-start;
}
.align-center {
    display: flex;
    align-items: center;
}
.align-end {
    display: flex;
    align-items: flex-end;
}
/*============公共样式 end ===========*/
.layer1 {
    width: 100%;
    height: 100%;
}
.group2 {
    z-index: 15;
    position: relative;
    width: 100%;
    height: 750px;
    margin-top: -70px;
}

.pic2 {
    z-index: 16;
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 750px;
}
.layer3 {
    z-index: 18;
    height: 220px;
    background: url("/static/images/pageHome/sy1.png") -10px -8px
    no-repeat;
    padding-left: 50px;
    width: 446px;
    position: absolute;
    left: 260px;
    top: 720px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.bd2 {
    width: 356px;
    height: 80px;
}

.pic7 {
    width: 80px;
    height: 80px;
}

.main1 {
    width: 256px;
    height: 71px;
    margin-top: 4px;
}

.word25 {
    width: 132px;
    height: 40px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 40px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 40px;
    text-align: left;
}

.word26 {
    width: 256px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
    font-family: SourceHanSansCN-Regular;
    white-space: nowrap;
    line-height: 18px;
    text-align: left;
    margin-top: 13px;
}
.layer4 {
    z-index: 38;
    height: 220px;
    background: url("/static/images/pageHome/sy2.png") -10px -8px
    no-repeat;
    padding-left: 50px;
    width: 446px;
    position: absolute;
    left: 737px;
    top: 720px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.box2 {
    width: 264px;
    height: 80px;
}

.img8 {
    width: 80px;
    height: 80px;
}

.bd3 {
    width: 164px;
    height: 71px;
    margin-top: 4px;
}

.word27 {
    width: 109px;
    height: 40px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 40px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 40px;
    text-align: left;
}

.word28 {
    width: 164px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
    font-family: SourceHanSansCN-Regular;
    white-space: nowrap;
    line-height: 18px;
    text-align: left;
    margin-top: 13px;
}
.layer5 {
    z-index: 59;
    height: 220px;
    background: url("/static/images/pageHome/sy3.png") -10px -8px
    no-repeat;
    padding-left: 50px;
    width: 446px;
    position: absolute;
    left: 1214px;
    top: 720px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.outer5 {
    width: 210px;
    height: 80px;
}

.pic8 {
    width: 80px;
    height: 80px;
}

.box3 {
    width: 110px;
    height: 71px;
    margin-top: 4px;
}

.txt16 {
    width: 86px;
    height: 40px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 40px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 40px;
    text-align: left;
}

.word29 {
    width: 110px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
    font-family: SourceHanSansCN-Regular;
    white-space: nowrap;
    line-height: 18px;
    text-align: left;
    margin-top: 13px;
}
/*合作案例*/
.group3 {
    width: 308px;
    height: 34px;
    margin: 230px 0 10px 806px;
}

.icon1 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}
.word5 {
    width: 208px;
    height: 34px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 34px;
    letter-spacing: 0.6580644845962524px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 34px;
    text-align: left;
}
.label1 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}
.word6 {
    width: 138px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-transform: uppercase;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 14px;
    text-align: center;
    margin: 10px 0 65px 891px;
}
.group11 {
    height: 50px;
    border-radius: 25px;
    border: 1px solid rgba(59, 129, 243, 1);
    width: 200px;
    margin: 0 auto;
    margin-top:40px;
    cursor: pointer;
}

.word11 a{
    width: 96px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(59, 129, 243, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 16px;
    text-align: center;
}

/*合作案例 end*/
/*技术力量*/
.group12 {
    width: 1365px;
    height: 112px;
    margin: 80px 0 0 272px;
}

.block2 {
    width: 112px;
    height: 112px;
    background: url("/static/images/pageHome/sy4.png") -8px -6px
    no-repeat;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 60px;
}

.block3 {
    width: 112px;
    height: 112px;
    background: url("/static/images/pageHome/sy5.png") -8px -6px
    no-repeat;
    margin-left: 307px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 60px;
}

.block4 {
    width: 112px;
    height: 112px;
    background: url("/static/images/pageHome/sy6.png") -8px -6px
    no-repeat;
    margin-left: 315px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 60px;
}

.block5 {
    width: 112px;
    height: 112px;
    background: url("/static/images/pageHome/sy7.png") -8px -6px
    no-repeat;
    margin-left: 295px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 60px;
}
.group13 {
    width: 1363px;
    height: 18px;
    margin: 22px 0 0 273px;
}

.word12 {
    width: 111px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 18px;
    letter-spacing: 0.3483869135379791px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 18px;
    text-align: center;
}

.info2 {
    width: 111px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 18px;
    letter-spacing: 0.3483869135379791px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 18px;
    text-align: center;
    margin-left: 309px;
}

.txt6 {
    width: 111px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 18px;
    letter-spacing: 0.3483869135379791px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 18px;
    text-align: center;
    margin-left: 315px;
}

.word13 {
    width: 111px;
    height: 18px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 18px;
    letter-spacing: 0.3483869135379791px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 18px;
    text-align: center;
    margin-left: 295px;
}
/*技术力量end*/
/*技术企业*/
.group15 {
    z-index: 186;
    height: 320px;
    overflow: hidden;
    background: url("/static/images/pageHome/sy8.png")
    100% no-repeat;
    margin-top: 80px;
    width: 1920px;
    position: relative;
}

.layer2 {
    z-index: 188;
    height: 320px;
    overflow: hidden;
    background: url("/static/images/pageHome/sy9.png")
    100% no-repeat;
    width: 1920px;
    position: relative;
}

.outer1 {
    width: 249px;
    height: 40px;
    margin: 50px 0 0 836px;
}

.txt7 {
    width: 249px;
    height: 40px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 40px;
    letter-spacing: 1.5px;
    font-family: NotoSansHans-Medium;
    white-space: nowrap;
    line-height: 40px;
    text-align: left;
}

.outer2 {
    width: 563px;
    height: 28px;
    margin: 20px 0 0 659px;
}

.word14 {
    width: 563px;
    height: 28px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 28px;
    letter-spacing: 1.0499999523162842px;
    font-family: NotoSansHans-Regular;
    white-space: nowrap;
    line-height: 28px;
    text-align: left;
}

.outer3 {
    width: 1320px;
    height: 57px;
    margin: 59px 0 0 300px;
}

.word15 {
    width: 117px;
    height: 54px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 54px;
    letter-spacing: -2.5999999046325684px;
    font-family: NotoSansHans-Bold;
    white-space: nowrap;
    line-height: 54px;
    text-align: center;
    margin-top: 3px;
}

.word16 {
    width: 88px;
    height: 54px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 54px;
    letter-spacing: -2.5999999046325684px;
    font-family: NotoSansHans-Bold;
    white-space: nowrap;
    line-height: 54px;
    text-align: left;
    margin: 3px 0 0 499px;
}

.word17 {
    width: 88px;
    height: 54px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 54px;
    letter-spacing: -2.5999999046325684px;
    font-family: NotoSansHans-Bold;
    white-space: nowrap;
    line-height: 54px;
    text-align: center;
    margin-left: 528px;
}

.outer4 {
    width: 1288px;
    height: 19px;
    margin: 7px 0 40px 320px;
}

.word18 {
    width: 64px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: NotoSansHans-Regular;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    margin-top: 3px;
}

.info3 {
    width: 64px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: NotoSansHans-Regular;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    margin: 3px 0 0 544px;
}

.txt8 {
    width: 64px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: NotoSansHans-Regular;
    white-space: nowrap;
    line-height: 16px;
    text-align: center;
    margin-left: 552px;
}

.pic5 {
    z-index: 187;
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 320px;
}
/*技术企业end*/
/*合作伙伴*/
.group4{
    width: 1920px;
}
.group16 {
    width: 343px;
    height: 34px;
    margin: 120px 0 0 789px;
}

.icon2 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}

.txt9 {
    width: 243px;
    height: 34px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 34px;
    letter-spacing: 0.6580644845962524px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 34px;
    text-align: left;
}

.icon3 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}
.txt10 {
    width: 73px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-transform: uppercase;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 14px;
    text-align: center;
    margin: 10px 0 85px 924px;
}
.group19 {
    height: 50px;
    border-radius: 25px;
    border: 1px solid rgba(59, 129, 243, 1);
    width: 200px;
    margin: -20px 0 0 860px;
    cursor: pointer;
}

.txt11 {
    width: 64px;
    height: 16px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(59, 129, 243, 1);
    font-size: 16px;
    font-family: NotoSansHans-Medium;
    white-space: nowrap;
    line-height: 16px;
    text-align: center;
}
/*合作伙伴end*/
/*关于我们*/
.group20 {
    width: 239px;
    height: 34px;
    margin: 160px 0 10px 841px;
}

.icon4 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}

.word19 {
    width: 139px;
    height: 34px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 34px;
    letter-spacing: 0.6580644845962524px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 34px;
    text-align: left;
}

.label2 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}
.word20 {
    width: 73px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-transform: uppercase;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 14px;
    text-align: center;
    margin: 10px 0 65px 894px;
}

/*关于我们end*/
/*产品介绍*/
.word201 {
    width: 73px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-transform: uppercase;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 14px;
    text-align: center;
    margin: 10px 0 115px 870px;
}
.cpjs{
    margin-top: 40px;
}
.videsty{
    width: 1420px;
    height: 600px;
    background: #000;
}
/*产品介绍end*/
/*资讯*/
.group22 {
    height: 364px;
    background-color: rgba(249, 249, 249, 1);
    margin-top: 40px;
    width: 1920px;
}

.group23 {
    width: 170px;
    height: 34px;
    margin: 40px 0 0 875px;
}

.label3 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}

.info4 {
    width: 70px;
    height: 34px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74, 74, 74, 1);
    font-size: 34px;
    letter-spacing: 0.6580644845962524px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 34px;
    text-align: left;
}

.icon5 {
    width: 40px;
    height: 22px;
    margin-top: 6px;
}

.group24 {
    width: 102px;
    height: 14px;
    margin: 10px 0 35px 909px;
}

.word21 {
    width: 102px;
    height: 14px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-transform: uppercase;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
    line-height: 14px;
    text-align: center;
}

.news-container {
    background-color: #f9f9f9;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.news-container > div {
    margin: 40px 117px 100px 117px;
}

.news-card div {
    margin-bottom: 20px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    font-family: SourceHanSansCN-Medium;
    white-space: nowrap;
}

.news-card li {
    margin-bottom: 16px;
    cursor: pointer;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: SourceHanSansCN-Regular;
    white-space: nowrap;
    list-style: disc;
    margin-left: 20px;
}
.news-card li:hover{
    border-bottom: 1px solid rgba(51, 51, 51, 1);
}
/*资讯end*/

/*自定义滚动条样式*/
.custom-scroll::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    /*background-color: #ddd;*/
}

.sty{
    width: 1920px;height: 100%
}
@media (min-width:120px) {
    .sty{
        margin-left: calc(50% - 960px);
    }
}
@media (max-width:1920px) {
    .sty{
        margin-left: 0;
    }
}
.ssty{
    position: absolute;
}