* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

header {
    position: relative;
    height: 600px;
}

.page {
    overflow-x: hidden;
}

.a-href{
    display: block;width: 100%;height: 100%;position: absolute;
}
@font-face {
    font-family: 'Alibaba PuHuiTi';
    src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.nav-bar {
    width: 100%;
    height: 60px;
    margin: auto;
    background-color: rgba(10, 10, 18, 0.82);
    padding-top: 12px;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.nav-tags {
    min-width: 100px;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
    text-align: center;
}

.nav-tags:hover {
    font-size: 20px;
    padding: 0px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 27px;
}

.nav-bar-main {
    width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.logo {
    height: 43px;
    width: 114px;
}

.swiper-container {
    height: 600px;
    margin: auto;
}

.swiper {
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
}

.dotList {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 56px;
    z-index: 20;
}

.dot {
    margin: 0 6px;
    width: 50px;
    height: 6px;
    background: #888888;
}


.article-left {
    padding: 30px 0 20px;
    background-color: #F7F9FA;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.text-title {
    font-size: 30px;
    color: #1e1f21;
    line-height: 50px;
    font-weight: bold;
}

.text-area {
    width: 1040px;
    padding: 40px 440px 0px;
    display: flex;

}

.pic-ground {
    width: 504px;
    height: 666px;
    /* padding: 29px 32px 0; */
    background: #fff;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;

}

.pic-ground-main {
    width: 504px;
    height: 666px;
    border-radius: 16px;
}

.pic-ground-right {
    width: 440px;
    height: 666px;
    padding: 29px 32px 0 155px;
    background: #fff;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
}

.show-pictrue {
    width: 204px;
    height: 440px;
    background: #666666;
    display: block;
}

.text-list {
    margin-left: 131px;
}

.item {
    padding-bottom: 20px;

}

.item-title {
    font-size: 22px;
    color: #1E1F21;
    line-height: 38px;
    font-weight: 600;
}

.item-text {
    margin-top: 10px;
    font-size: 16px;
    color: #576173;
    line-height: 27px;
}

.btn-group {
    width: 364px;
    height: 58px;
    display: flex;
    justify-content: space-between;
}

.item-btn1 {
    width: 162px;
    height: 58px;
    background: #0053D9;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 58px;
    text-align: center;
    border: 2px solid #0053D9;
    position: relative;
}

.item-btn2 {
    width: 162px;
    height: 58px;
    border: 2px solid #0053D9;
    background: #FFF;
    font-size: 20px;
    color: #0053D9;
    line-height: 58px;
    text-align: center;
    position: relative;
}

.examples {


    display: flex;
    flex-direction: column;
    align-items: center;


}

.examples-main {
    height: 1200px;
    padding: 40px 0 20px 0;
    width: 1920px;
    background: url('../../ly/pc/imgs/index-footer-bg.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.examples-title {
    font-size: 35px;
    color: #1E1F21;
    line-height: 50px;
    font-weight: bold;
}

.examples-group {
    width: 1100px;
    min-width: 1000px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.examples-item {
    margin: 16px;
    width: 177px;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F5F8;
    box-shadow: 0px 2px 21px 6px rgba(64, 94, 148, 0.09);
    border-radius: 8px;
    border: 4px solid #FFFFFF;
    position: relative;
}

.examples-icon {
    width: 75px;
    height: 62px;
    position: absolute;
    top: -20px;
    right: -20px;
}

.examples-logo {
    width: 143px;
    height: 143px;
    background: #FFFFFF;
    border-radius: 50%;
}

.examples-more {
    margin-top: 15px;
    font-size: 18px;
    color: #0053D9;
    line-height: 18px;

}

.work {
    background: #F7F9FA;
    padding: 40px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.work-title {
    font-size: 35px;
    color: #1E1F21;
    line-height: 50px;
    font-weight: bold;
}

.work-group {
    width: 1060px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.work-item {
    width: 235px;
    height: 259px;
    background: #FFFFFF;
    border-radius: 16px;
    margin: 20px 14px;
    position: relative;
}

.work-pic {
    width: 235px;
    height: 158px;
    border-radius: 16px 16px 0 0;
}

.work-item-title {
    margin: 26px 20px 0;
    font-size: 16px;
    color: #1E1F21;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dynamics {
    background: url('../../ly/pc/imgs/index-more-bg.png') no-repeat;
    background-size: 100% 100%;
    padding: 40px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dynamics-title {
    font-size: 35px;
    color: #1E1F21;
    line-height: 50px;
    font-weight: bold;
}

.dynamics-group {
    width: 1100px;
    margin-top: 30px;
    display: flex;
}

.dynamics-pic {
    width: 442px;
    height: 374px;
    border-radius: 16px;
}

.dynamics-list {
    margin-left: 58px;
   
}

.dynamics-item {
    display: flex;
    margin-bottom: 40px;
}

.dynamics-item-time {
    font-size: 18px;
    font-weight: 500;
    color: #D9DEE7;
    line-height: 24px;
}

.time-day {
    font-size: 58px;
    font-weight: 800;
    font-family: 'Alibaba PuHuiTi';
    color: #D9DEE7;
    line-height: 47px;
}

.time-year {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.dynamics-item-main {
    max-width: 400px;
    margin-left: 28px;
}

.dynamics-item-title {
    font-size: 22px;
    font-weight: 500;
    color: #1E1F21;
    line-height: 40px;
    position: relative;
}

.dynamics-item-text {
    max-width: 347px;
    font-size: 16px;
    font-weight: 400;
    color: #556175;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info {
    background: url('../../ly/pc/imgs/index-call-bg.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.info-main{
    width: 1920px;
    background: url('../../ly/pc/imgs/index-call-bg.png') no-repeat;
    background-size: 100% 100%;
}
.info-top {
    height: 368px;
    /* background: #0C63FB; */
    padding: 107px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info-title {
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 69px;
}

.info-row {
    margin-top: 115px;
    display: flex;
    align-items: center;
}

.info-row-item {
    text-align: center;
    width: 203px;
}

.info-row-item-num {
    font-size: 45px;
    color: #FFF;
    font-weight: bold;

}

.line {
    width: 1px;
    height: 68px;
    background: rgba(216, 222, 237, .5);
}

.info-row-item-text {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
}

.info-footer {
    height: 240px;
    /* background: rgba(40, 46, 58, .99); */
    position: relative;
}

.info-icon-row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: -60px;
}

.info-icon-logo {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, .1);
    border-radius: 50%;
}

.info-icon-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info-icon-title {
    margin-top: 26px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
}

.info-icon-memo {
    font-size: 18px;
    font-weight: 400;
    color: #7C8087;
    line-height: 25px;
}

footer {
    height: 606px;
    background: #151517;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-main {
    margin-top: 94px;
    width: 1416px;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.footer-title {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
}

.footer-link {
    margin-top: 16px;
    min-width: 652px;
    display: flex;
    flex-direction: column;

}

.footer-link-adress {
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 25px;
}

.footer-subtitle {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 16px;
}

.qr-group {
    width: 254px;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qr {
    width: 117px;
    height: 117px;
    background: #FFFFFF;
    border-radius: 6px;
}

.qr-pic {
    width: 117px;
    height: 117px;
    background: #FFFFFF;
    border-radius: 6px;
}

.phone {
    margin-top: 36px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
}

.phone-num {
    font-size: 30px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
}

.call {
    margin-top: 16px;
    width: 221px;
    height: 37px;
    background: #0053D9;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 37px;
    text-align: center;
}

.adress {
    width: 397px;
    margin-top: 29px;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 25px;
}

.footer-line {
    margin-top: 39px;
    width: 1416px;
    height: 1px;
    background-color: #A8A8AF;
}

.footer-info {
    width: 1254px;
    display: flex;
    justify-content: center;
}

.conpany {
    margin-top: 21px;
    font-size: 12px;
    font-weight: 400;
    color: #A0A1AA;
    line-height: 16px;
}