html{
    --font-size12:.625vw;
    --font-size13:.677083vw;
    --font-size14:0.7291666666666667vw;
    --font-size15:.78125vw;
    --font-size16:0.8333333333333333vw;
    --font-size17:0.8854166666666667vw;
    --font-size18:0.9375vw;
    --font-size19:.989583vw;
    --font-size20:1.041666666666667vw;
    --font-size22:1.145833333333333vw;
    --font-size24:1.25vw;
    --font-size26:1.354166666666667vw;
    --font-size28:1.458333333333333vw;
    --font-size30:1.5625vw;
    --font-size31:1.614583vw;
    --font-size32:1.666666666666667vw;
    --font-size34:1.770833vw;
    --font-size36:1.875vw;
    --font-size38:1.979167vw;
    --font-size40:2.083333333333333vw;
    --font-size41:2.135417vw;
    --font-size42:2.1875vw;
    --font-size45:2.34375vw;
    --font-size46:2.395833333333333vw;
    --font-size48:2.5vw;
    --font-size50:2.604167vw;
    --font-size54:2.8125vw;
    --font-size56:2.916666666666667vw;
    --font-size60:3.125vw;
    --font-size90:4.6875vw;
}
@media(max-width:1550px){ 
    html{
        --font-size12: .729167vw;
        --font-size13: .78125vw;
        --font-size14: .833333vw;
        --font-size15:.78125vw;
        --font-size16: .9375vw;
        --font-size17: .989583vw;
        --font-size18: 1.041667vw;
        --font-size19: 1.09375vw;
        --font-size20: 1.145833vw;
        --font-size22: 1.25vw;
        --font-size24: 1.354167vw;
        --font-size26: 1.458333vw;
        --font-size28: 1.5625vw;
        --font-size30: 1.666667vw;
        --font-size31: 1.71875vw;
        --font-size32: 1.770833vw;
        --font-size34: 1.875vw;
        --font-size36: 1.979167vw;
        --font-size38: 2.083333vw;
        --font-size40: 2.1875vw;
        --font-size41: 2.239583vw;
        --font-size42: 2.291667vw;
        --font-size45:  2.447917vw;
        --font-size46:  2.5vw;
        --font-size48:  2.604167vw;
        --font-size50: 2.708333vw;
        --font-size54: 2.916667vw;
        --font-size56: 3.020833vw;
        --font-size60: 3.229167vw;
        --font-size90: 4.791667vw;
    }
}
@media(max-width:992px){ 
    html{
        --font-size12:12px;
        --font-size13:12px;
        --font-size14:12px;
        --font-size15:12px;
        --font-size16:13px;
        --font-size17:14px;
        --font-size18:14px;
        --font-size19:15px;
        --font-size20:15px;
        --font-size22:16px;
        --font-size24:18px;
        --font-size26:18px;
        --font-size28:18px;
        --font-size30:18px;
        --font-size31:18px;
        --font-size32:18px;
        --font-size34:18px;
        --font-size36:18px;
        --font-size38:18px;
        --font-size40:18px;
        --font-size41:18px;
        --font-size42:18px;
        --font-size45:20px;
        --font-size46:20px;
        --font-size48:20px;
        --font-size50:20px;
        --font-size54:20px;
        --font-size56:20px;
        --font-size60:22px;
        --font-size90:22px;
    }
}
.image img {
    max-width: 100%;
    width: 100%;
    transition: 1s;
}
.Title {
    font-size: var(--font-size46);
    font-weight: 600;
    color: #595959;
    line-height: 1;
    text-align: center;
}
.bgimage img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/*  */
.langBox .Lhide {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 2.083333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 5px 5px #0000000d;
    box-shadow: 0 5px 5px #0000000d;
    display: none;
    padding: .520833vw 0 ;
}
.langBox .Lhide a{
    padding: 0 .520833vw;
    line-height: 2;
    display: block;
}
.langBox .Lhide a:hover{
    background: #e3e3e7;
}
@media (min-width: 1260px){.langBox .Lhide {top: 60px;}}
@media (max-width: 992px){
    .langBox .iconfont {
        font-size: 18px;
    }
    .langBox .Lhide{
        top: 46px;
        padding: 5px 0;
    }
    .langBox .Lhide a{
        padding: 0 10px;
    }
}
/*  */
.tanchuang .view {
    width: 62.5vw;
    margin: auto;
    text-align: right;
}
#video1 {
    width: 100%;
    display: block;
}
.icon-guanbi {
    font-size: var(--font-size20);
    color: #fff;
    cursor: pointer;
}
/* 弹窗 */
.tanchuang{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 30%);
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.tanchuang.on{
    visibility: unset;
    opacity: 1;
    transition: .5s;
}
/* 弹窗 */
/*  */
.image{overflow: hidden;}
.amplify:hover .image img{
    transform: scale(1.05);
}
.move{display: none;}
@media(max-width:992px){
    .pc{display: none !important;}
    .move{display: block;}
    .tanchuang .view {
        width: 90%;
    }
}
.swiper-pagination-bullet-active{
    background: #008077;
}

.InnerBanner .image img {
    animation: zoomIn 4s cubic-bezier(0.18, 0.61, 0.34, 0.99);
    -webkit-animation: zoomIn 4s cubic-bezier(0.18, 0.61, 0.34, 0.99);
    animation-timing-function: ease;
    width: 100%;
    -webkit-transform-origin: 80% 20%;
    -ms-transform-origin: 80% 20%;
    transform-origin: 80% 20%;
}
@keyframes zoomIn {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}







.InnerBanner {
    position: relative;
}
.InnerBanner .columns {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
}
.InnerBanner .Htitle{
    font-size: var(--font-size31);
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1;
    margin: 0 0 1.041667vw;
}
.InnerBanner .title{
    font-size: var(--font-size50);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1;
}
.InnerBanner .category {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2.96875vw;
    display: flex;
    justify-content: center ;
    z-index: 2;
}
.InnerBanner .category ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.InnerBanner .category ul li {
    margin: 0 .78125vw;
}
.InnerBanner .category ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 9.427083vw;
    height: 3.28125vw;
    background: rgba(255, 255, 255, .9);
    border-radius: .520833vw;
    padding: 0 1.5625vw;
    transition:0s;
    font-size: var(--font-size20);
    font-weight: 500;
    color: #333333;
    line-height: 1;
}
.InnerBanner .category ul li a img{
    width: auto;
    max-height: 1.40625vw;
    max-width: 1.302083vw;
    margin: 0 .885417vw 0 0 ;
}

.InnerBanner .category ul li a:hover{
    background: linear-gradient(90deg, #7DD09C, #52B7C1 60%);
    color: #FFFFFF;
}
.InnerBanner .category ul li a:hover img{
    filter: grayscale(100%) brightness(500%);
}
.InnerBanner .category ul li.on a{
    background: linear-gradient(90deg, #7DD09C, #52B7C1 60%);
    color: #FFFFFF;
}
.InnerBanner .category ul li.on a img{
    filter: grayscale(100%) brightness(500%);
}

.crumbs {
    border-bottom: 1px solid rgba(230, 231, 233, 1);
}
.crumbs ul{
    display: flex;
}
.crumbs ul a{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #999999;
    line-height: 1;
    padding: 1.145833vw 0 1.25vw;
    position: relative;
    display: block;
    margin: 0 3.125vw 0 0 ;
    transition: 0s;
}
.crumbs ul .on a{
    color: rgba(51, 51, 51, 1);
}
.crumbs ul .on a::after{
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #93DC89, #52B7C1);;
    width: 100%;
    height: .104167vw;
    left: 0;
    bottom: 0;
}
.crumbs ul a:hover{
    color: rgba(51, 51, 51, 1);
}
@media(max-width:992px){
    .InnerBanner .image img{
        height: 190px;
        object-fit: cover;
    }
    .crumbs ul a {
        width: max-content;
        padding: 15px 0;
        margin: 0 25px 0 0;
    }
    /* .crumbs ul li{
        display: none;
    } */
    .crumbs ul .on{
        display: block;
    }
    .crumbs ul .on a::after{
        height: 3px;
    }
    .crumbs ul {
        overflow: auto;
    }

    .InnerBanner .category ul {
        display: none;
    }
    .InnerBanner .category ul li a {
        height: 35px;
        padding: 10px;
        border-radius: 5px;
    }
    .InnerBanner .category ul li a img {
        max-height: 20px;
        max-width: 17px;
        margin: 0 5px 0 0;
    }
    .InnerBanner .category ul li {
        margin: 0 5px ;
    }
    .InnerBanner .category {
        bottom: 10px;
    }
}

.CompanyProfile {
    padding: 5.208333vw 0 8.333333vw;
    position: relative;
}
.CompanyProfile .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #4D4D4D;
    line-height: 1.7;
    padding: 3.645833vw 1.875vw 8.072917vw;
}
.CompanyProfile ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.CompanyProfile ul li>div:nth-child(1) {
    font-size: var(--font-size50);
    font-weight: 600;
    color: #008077;
    line-height: .8;
    padding: 0 0 .78125vw;
}
.CompanyProfile ul li>span {
    font-size: var(--font-size15);
    font-weight: 600;
    color: #000000;
    line-height: 1;
    opacity: 0.8;
}
@media(max-width:992px){ 
    .CompanyProfile {
        padding: 35px 0;
    }
    .CompanyProfile .intro {
        padding: 20px 0 0;
    }
    .CompanyProfile ul {
        flex-wrap: wrap;
    }
    .CompanyProfile ul li>div:nth-child(1) {
        padding: 0 0 5px;
        font-size: 26px;
    }
    .CompanyProfile ul li:nth-child(1),
    .CompanyProfile ul li:nth-child(2) {
        padding: 5px 0 0;
        border-top: 0px solid #ccc;
    }
    .CompanyProfile ul li{
        width: 47%;
        margin: 15px 0 0 ;
        padding: 15px 0 0 ;
        border-top: 1px solid #ccc;
    }
}
.area {
    overflow: hidden;
}
.area ul li{
    display: flex;
}
.area ul li .image{
    width: calc(50% + 12.5vw);
}
.area ul li .txt{
    flex: 1;
}
.area ul li .txt .Htitle {
    border-bottom: 1px solid rgba(119, 119, 119, .1);
    padding: 8.333333vw 0 0;
    margin: 0 0 1.666667vw;
}
.area ul li .txt .Htitle span{
    font-size: var(--font-size36);
    font-weight: 600;
    color: #595959;
    line-height: 1;
    display: inline-block;
    padding: 0 0 1.302083vw;
    position: relative;
}
.area ul li .txt .Htitle span::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .104167vw;
    background: linear-gradient(90deg, #93DC89, #52B7C1);
}
.area ul li .txt .intro {
    font-size: var(--font-size18);
    font-weight: 400;
    color: #595959;
    line-height: 1.6;
    padding: 0px 2.083333vw 0 0;
    text-align: justify;
}
.area ul li:nth-child(2n + 1) {
    flex-direction: row-reverse;
}
.area ul li:nth-child(2n + 1) .txt{
    margin: 0 5.989583vw 0 0;
}
.area ul li:nth-child(2n + 1) .image {
    margin: 0 -12.5vw 0 0;
}
.area ul li:nth-child(2n) .txt{
    margin: 0 0 0 5.989583vw;
}
.area ul li:nth-child(2n) .image {
    margin: 0 0 0 -12.5vw;
}
@media(max-width:992px){
    .area ul li{
        display: block;
    }
    .area ul li .image {
        width: 100%;
    }
    .area ul li:nth-child(2n + 1) .image {
        margin: 0;
    }
    .area ul li:nth-child(2n + 1) .txt {
        margin: 0;
    }
    .area ul li .txt .Htitle {
        padding: 30px 0 0 ;
        margin: 0 0 10px;
    }
    .area ul li .txt .Htitle span{
        padding: 0 0 10px;
    }
    .area ul li .txt .Htitle span::after {
        height: 1px;
    }
    .area ul li .txt .intro {
        padding: 0 0 30px;
    }
    .area ul li:nth-child(2n) .image {
        margin: 0 ;
    }
    .area ul li:nth-child(2n) .txt{
        margin: 0;
    }
}
.corun {
    padding: 4.947917vw 0 5.46875vw;
    overflow: hidden;
    position: relative;
}
.corun ul{
    width: 62.5vw;
    margin: auto;
    overflow: unset;
    position: relative;
}
.corun .images {
    cursor: pointer;
    position: relative;
}
.corun .images .iconimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.corun .images .iconimg img {
    width: 3.489583vw;
}
.corun .swiper-button-next, 
.corun .swiper-button-prev {
    background: unset;
    width: 3.604167vw;
    height: 3.604167vw;
    background: rgba(51, 51, 51, .15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: var(--font-size16);
    color: rgba(255, 255, 255, 1);
}
.corun .swiper-button-next:hover, 
.corun .swiper-button-prev:hover {
    background: #008077;
}
.corun .swiper-button-next {
    transform: rotate(180deg);
}

.corun .swiper-pagination {
    bottom: 1.822917vw;
}
.corun .swiper-pagination .swiper-pagination-bullet {
    width: .885417vw;
    height: .208333vw;
    background: #FFFFFF;
    border-radius: 0;
}

.corun dl{
    position: absolute;
    top: 9.375vw;
    z-index: 1;
    width: 62.5vw;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.corun dl .title{
    font-size: var(--font-size40);
    font-weight: 600;
    font-style: italic;
    color: #FFFFFF;
    line-height: 1;
    text-align: center;
    padding: 0 0 .677083vw;

    opacity: 0;
}
.corun dl dd.active .title{
    opacity: 1;
}
.corun dl dd{
    position: absolute;
    width: 100%;
}
.corun dl dd .image{
    opacity: 0;
    transform: translateY(100%);
    transition: all .6s ease;
}
.corun dl dd .image img {
    max-width: 20.052083vw;
    width: auto;
}
.corun dl dd.prev .image{
    transform: translateY(-100%);
}
.corun dl dd.active .image{
    opacity: 1;
    transform: translateY(0);
}
.corun dl dd.next .image{
    transform: translateY(100%);
}

.tanchuang  video::-internal-media-controls-download-button {
    display:none;
}
.tanchuang  video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
.tanchuang  video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

@media(max-width:992px){
    .corun {
        padding: 0 0 35px;
    }
    .corun ul{
        width: 90%;
        overflow: hidden;
    }
    .corun .images .iconimg img {
        width: 30px;
    }
    .corun .swiper-button-next, .corun .swiper-button-prev {
        display: none;
    }

    .corun .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 3px;
    }

    .corun dl .title {
        padding: 0 0 10px;
    }
    .corun dl dd .image img {
        max-width: 120px;
    }
}

.World {
    position: relative;
    padding: 4.947917vw 0;
    text-align: center;
    /* background: #f8f8f8; */
    overflow: hidden;
}
.World .txt {
    display: inline-block;
    position: relative;
}
.World .txt .Htitle{
    font-size: var(--font-size41);
    font-weight: 600;
    color: #008077;
    line-height: 1;
    letter-spacing: 2px;
    background: linear-gradient(25deg, #93DC89 0%, #52B7C1 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.World .txt .intro{
    font-size: var(--font-size20);
    font-weight: 600;
    color: #008077;
    line-height: 1;
    margin: 1.041667vw 0 0 ;

    background: linear-gradient(25deg, #93DC89 0%, #52B7C1 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media(max-width:992px){
    /* .World .bgimage img {
        z-index: 0;
        -webkit-animation-name: translate;
        animation-name: translate
    } */
    .World {
        padding: 35px 0;
    }
    .World .txt .intro{
        font-size: 12px;
        margin: 10px 0 0;
    }
    .World .bgimage img {
        width: auto;
    }
}
@-webkit-keyframes translate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes translate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.founder {
    padding: 5.46875vw 0 4.375vw;
    position: relative;
}
.founder .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #666666;
    line-height: 1.6;
    text-align: justify;
}
.founder .Title {
    margin: 0 0 1.041667vw;
    font-size: var(--font-size45);
}
.founder .iconimg {
    margin: 0 0 3.125vw;
    text-align: center;
}
.founder .iconimg img{
    width: 3.90625vw;
}
@media(max-width:992px){
    .founder{
        padding: 35px 0;
    }
    .founder .intro img {
        width: auto;
        height: auto;
    }
    .founder .iconimg img {
        width: 35px;
    }
}

.strategy {
    padding: 5vw 0 4.270833vw;
    position: relative;
}
.strategy .Title{
    margin: 0 0 1.822917vw;
    font-size: var(--font-size40);
    color: #4D4D4D;
}
.strategy .intro{
    font-size: var(--font-size16);
    color: #333333;
    line-height: 1.7;
    margin: 0 0 2.96875vw;
    text-align: center;
}
.strategy .image{
    border-radius: .520833vw;
}
@media(max-width:992px){
    .strategy {
        padding: 35px 0;
    }
    .strategy .Title {
        margin: 0 0 20px;
    }
    .strategy .intro {
        margin: 0 0 25px;
        text-align: left;
    }
    .strategy .intro br{
        display: none;
    }
    .strategy .image{
        border-radius: 5px;
    }
}

.Research {
    position: relative;
    height: 35.416667vw;
    padding: 35px 0;
}
.Research .Title {
    color: #FFFFFF;
    font-size: var(--font-size40);
}
.Research .txt{
    display: flex;
    align-items: center;
    height: 100%;
}
.Research .intro{
    font-size: var(--font-size16);
    color: #FFFFFF;
    line-height: 1.7;
    margin: 2.083333vw auto 1.302083vw;
    text-align: center;
    max-width: 43.072917vw;
}
@media(max-width:992px){
    .Research {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        padding: 35px 0 0;
    }
    .Research .Title{
        max-width: 100%;
        color: #595959;
    }
    .Research .intro{
        color: #333333;
        max-width: 100%;
        text-align: left;
        margin: 15px 0 25px;
    }

    .Research .bgimage img {
        position: unset;
    }
}

.talentStrategy{
    padding: 5vw 0 6.145833vw;
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}
.talentStrategy .columns{
    display: flex;
    justify-content: space-between;
    margin: 0 0 3.125vw;
}
.talentStrategy .columns .Title{
    font-size: var(--font-size40);
    color: #4D4D4D;
    min-width: 18.072917vw;
    text-align: left;
}
.talentStrategy .columns .intro{
    width: 55.729167vw;
    font-size: var(--font-size16);
    font-weight: 400;
    color: #333333;
    line-height: 1.7;
    padding: 0 1.041667vw 0 0;
}
.talentStrategy .image {
    border-radius: .520833vw;
}
@media(max-width:992px){
    .talentStrategy .columns .Title{
        text-align: center;
    }
    .talentStrategy  {
        padding: 35px 0;
    }
    .talentStrategy .columns {
        display: block;
    }
    .talentStrategy .columns .intro {
        width: 100%;
        margin: 20px 0 25px;
    }
    .talentStrategy .image{
        border-radius: 5px;
    }
}

/* 历程 */
.historyMain {
    position: relative;
    min-height: 100vh;
    padding: 20px 0px 10px;
    /* background-image: url(''); */
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover ;
    /* background: #000000; */
}
.historyListMain {
    position: relative;
    z-index: 20
}

.historyListMain .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.historyListMain .container .historyList {
    width: 100%
}

.historyListMain .container .historyList ul li {
    margin-top: 15px;
    padding: 0px 0px 15px;
    border-bottom: 1px solid rgba(229, 229, 229, .6)
}

.historyListMain .container .historyList ul li .listYear {
    font-size: 18px;
    line-height: 1.2;
    padding-bottom: 10px;
    font-weight: 600;
    color: #333;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.historyListMain .container .historyList ul li .desc {
    font-size: 14px;
    line-height: 18px;
    color: #333;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

/* .historyListMain .container .historyList ul li .imgBox {
} */

.historyListMain .container .historyList ul li .imgBox img {
    margin: 20px 0 0;
    width: 100%;
    display: block;
    border-radius: 5px
}

/* .historyListMain .container .historyList ul li:last-child {
    border-bottom: none
} */

.historyYearBox {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* background-image: url(''); */
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.historyYearBox .container .historyYearListBox {
    width: 41%;
    position: relative
}

.historyYearBox .container .historyYear {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    /* -webkit-justify-content: flex-end; */
    -ms-flex-pack: end;
    /* justify-content: flex-end; */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 240px;
    height: 720px;
    overflow: hidden;
    position: relative
}

.historyYearBox .container .historyYear .Year {
    color: rgba(51, 51, 51, 1);
    line-height: 240px;
    z-index: 10;
    position: relative;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif
}

.historyYearBox .container .historyYear .YearList {
    line-height: 240px;
    height: 240px;
    position: relative;
    z-index: 10
}

.historyYearBox .container .historyYear .YearList .swiper-slide {
    color: rgba(51, 51, 51, .1);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif
}

.historyYearBox .container .historyYear .YearList .swiper-slide.swiper-slide-active {
    color: rgba(0, 128, 119, 1)
}

.historyYearBox .container .roundBox {
    position: absolute;
    width: 440px;
    height: 440px;
    right: -22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%
}

.historyYearBox .container .roundBox svg {
    position: absolute;
    left: -18px;
    top: -18px;
    right: -18px;
    bottom: -18px
}

.historyYearBox .container .roundBox svg .path-loop {
    fill: none;
    stroke: rgba(51, 51, 51, .1);
    stroke-miterlimit: 10;
    stroke-width: 0.1px
}

.historyYearBox .container .roundBox svg .path-loop1 {
    fill: none;
    stroke: rgba(0, 128, 119, 1);
    stroke-miterlimit: 10;
    stroke-width: 0.1px;
    stroke-dashoffset: 157;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}
@media (min-width: 992px) {
    .historyMain {
        background-image: none;
    }
    .historyListMain .container .historyList {
        width: 100%;
        padding: 3.125vw 0px
    }

    .historyListMain .container .historyList ul li {
        margin-top: 2.188vw;
        padding: 0vw 0vw 2.188vw;
        border-bottom: 0.063vw solid rgba(255,255,255,0.3)
    }

    .historyListMain .container .historyList ul li .listYear {
        font-size: 1.5vw;
        padding-bottom: 0.625vw
    }

    .historyListMain .container .historyList ul li .desc {
        font-size: 1vw;
        line-height: -webkit-calc(22 / 16);
        line-height: calc(22 / 16) ;
        line-height: 1.45;
    }

    /* .historyListMain .container .historyList ul li .imgBox {
    } */

    .historyListMain .container .historyList ul li .imgBox img {
        margin: 1.25vw 0 0  ;
        border-radius: 1.25vw
    }

    .historyYearBox .container .historyYear {
        font-size: 12.135417vw;
        height: 45vw
    }

    .historyYearBox .container .historyYear .Year {
        line-height: 12.135417vw
    }

    .historyYearBox .container .historyYear .YearList {
        line-height: 12.135417vw;
        height: 12.135417vw
    }

    .historyYearBox .container .roundBox {
        width: 22.291667vw;
        height: 22.291667vw;
        /* right: -1.375vw ; */
        right: 1.625vw;
        /* border: 1px solid rgba(51, 51, 51, .2); */
    }

    .historyYearBox .container .roundBox svg {
        left: -1.125vw;
        top: -1.125vw;
        right: -1.125vw;
        bottom: -1.125vw
    }
    .historyYearBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    
    .historyListMain .container .historyList {
        width: 33.313vw;
        padding-top: 45vh;
        padding-bottom: 26vw
    }

    .historyListMain .container .historyList ul li .listYear {
        color: rgba(51, 51, 51, .3)
    }

    .historyListMain .container .historyList ul li .desc {
        color: rgba(51, 51, 51, .3)
    }

    .historyListMain .container .historyList ul li.cur .listYear {
        color: rgba(51, 51, 51, 1)
    }

    .historyListMain .container .historyList ul li.cur .desc {
        color: rgba(51, 51, 51, 1)
    }

    .historyListMain .container .historyList {
        width: 37.5vw;
        padding-bottom: 10vw
    }

    .historyListMain .container .historyList ul li {
        margin-top: 2.5vw;
        padding: 0vw 0vw 2.5vw;
        border-bottom: 0.052vw solid rgba(229, 229, 229, .3)
    }

    .historyListMain .container .historyList ul li .listYear {
        font-size: 1.510417vw;
        padding-bottom: .78125vw ;
        line-height: 1;
    }

    .historyListMain .container .historyList ul li .desc {
        font-size: .989583vw ;
        max-width: 33.177083vw;
    }

    .historyListMain .container .historyList ul li .imgBox {
        max-width: 33.177083vw;
    }

    .historyListMain .container .historyList ul li .imgBox img {
        margin: 1.5625vw 0 0  ;
        border-radius: .520833vw
    }

    .historyMain {
        padding: 0px
    }

}
/* 历程 */


.honor {
    padding: 4.166667vw 0 5vw;
    overflow: hidden;
}
.honor .Title{
    margin: 0 0 5vw;
}
.honor ul {
    overflow: unset;
    padding: 0 0 2.604167vw;
}
.honor ul .item {
    width: auto !important;
    display: flex;
}
.honor ul .item-left .year{
    font-size: var(--font-size34);
    font-weight: 600;
    color: #333333;
    line-height: 1;
    position: absolute;
    left: 3.020833vw;
    top: 0;
}
.honor ul .item-left .dot{
    width: 1.614583vw;
    height: 1.614583vw;
    background: url('../assets/25.png') no-repeat center / 1.614583vw;
}
.honor ul .item-left .item-line {
    margin-top: .520833vw;
    margin-left: .729167vw;
    width: 1px;
    height: 30.208333vw;
    background: #838181;
    opacity: .3;
}
.item .item-right {
    display: flex;
    padding-top: 5.729167vw;
    padding-right: .416667vw;
    padding-left: .416667vw;
}
.item .item-right .development-item {
    padding-right: .885417vw;
}
.item .item-right .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31.25vw;
    height: 20.833333vw;
    background: url('../assets/21.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.item .item-right .image img{
    max-height: 18.489583vw;
    max-width: 20.833333vw;
    object-fit: contain;
}
.item .item-right .item-content p {
    width: 31.25vw;
    font-size: var(--font-size20);
    font-weight: 400;
    color: #333333;
    line-height: 1.55;
    padding: .9375vw 1.5625vw 2.083333vw 0;
}

.honor dl {
    width: 100%;
    text-align: center;
    margin: auto ;
    max-width: 600px;
    padding: 0 0 .520833vw;
    overflow: unset;
}
.honor dl dd {
    height: auto;
    display: flex;
    align-items: flex-end;
    text-align: center;
    justify-content: space-around;
    min-height: 2.864583vw;
    width: 10.416667vw;
}
.honor dl dd i{
    width: 1px;
    height: .78125vw;
    background: #cccccc;
    display: block;
    transition: 2s;
}
/* .honor dl dd i:nth-child(1), */
.honor dl dd i:nth-child(4),
/* .honor dl dd i:nth-child(5),
.honor dl dd i:nth-child(7), */
.honor dl dd i:nth-child(12)
{
    height: 1.302083vw;
    background: #8a8a8a;
    transition: 2s;
}
/* .honor dl dd i:nth-child(3),
.honor dl dd i:nth-child(7){
    margin: 0 0 -0.260417vw;
} */
/* */
.honor dl dd i:nth-child(8) {
    background: #8a8a8a;
    height: 1.822917vw;
    transition: 2s;
}
.honor dl dd.swiper-slide-active  i:nth-child(8) {
    background: #8a8a8a;
    height: 2.34375vw;
}
.honor dl.swiper-container-free-mode .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
}

.honor .list{overflow: hidden;}
@media(max-width:992px){
    .honor {
        padding: 35px 0 10px;
    }
    .honor .Title {
        margin: 0 0 30px;
    }
    .item .item-right .image {
        width: 250px;
        height: 200px;
    }
    .item .item-right .image img {
        max-height: 150px;
        max-width: 150px;
    }
    .item .item-right .item-content p {
        width: 220px;
        padding: 15px 0 0 ;
    }
    .item .item-right .development-item {
        padding-right: 10px;
    }
    .item .item-right {
        padding-top: 33px;
        padding-right: 0;
        padding-left: 15px;
    }
    .honor ul {
        padding: 0 0 20px;
        overflow: hidden;
    }
    .honor ul .item-left .item-line {
        height: 95%;
    }
    .honor ul .item-left .year{
        left: 35px;
        font-size: 16px;
    }
    .honor ul .item-left .dot {
        width: 20px;
        height: 20px;
        background: url(../assets/25.png) no-repeat center / 20px;
    }
    .honor ul .item-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .honor dl dd{
        width: 33.33%;
    }
    .honor dl dd i{
        height: 10px;
    }
    .honor dl dd i:nth-child(4),
    .honor dl dd i:nth-child(12){
        height: 15px;
    }
    .honor dl dd i:nth-child(8){
        height: 20px;
    }
    .honor dl dd.swiper-slide-active i:nth-child(8){
        height: 25px;
    }
}

.ProductList {
    padding: 5.104167vw 0 4.791667vw;
    background: #FAFAFA;
}
.ProductList ul {
    display: grid;
    grid-template-columns: 38.854167vw 38.854167vw;
    grid-gap: 2.916667vw;
    margin: 0 -5.572917vw 0 0;
}

.ProductList ul li a{
    background: #FFFFFF;
    border: 1px solid #5ABBBA00;
    border-radius: .78125vw;
    display: flex;
    height: 20.3125vw;
}
.ProductList ul li a .image{
    flex: 1;
    padding: 2.604167vw 2.604167vw 2.604167vw 0 ;
    display: flex;
    align-items: center;
    justify-items: center;
    text-align: center;
}
.ProductList ul li a .image img {
    width: auto;
    max-height: 100%;
    margin: auto;
    transition: .7s;
}
.ProductList ul li:hover{
    box-shadow: -1px 21px 27px 0px rgba(140,215,219,0.39);
    transition: .5s;
}
.ProductList ul li:hover a{
    border: 1px solid #5ABBBA;
}
.ProductList ul li:hover .image img{
    transform: scale(1.05);
    transition: .7s;
}

.ProductList ul li{
    border-radius: .78125vw;
    transition: .5s;
    background: #FFFFFF;
}
.ProductList ul li .txt{
    padding: 4.010417vw 3.645833vw;
}
.ProductList ul li .txt .Htitle {
    font-size: var(--font-size34);
    font-weight: 600;
    color: #333333;
    line-height: 1;
    padding: 0 0 2.395833vw;
}
.ProductList ul li .txt .more {
    background: url('../assets/32.png') no-repeat;
    background-size: 100% 100%;
    width: 7.34375vw;
    height: 2.395833vw;
    padding: 0 1.197917vw;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFFFFF;
}
.ProductList ul li .txt .more span{
    font-size: var(--font-size14);
    font-weight: 600;
    background: linear-gradient(90deg, #93DC89 0%, #52B7C1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ProductList ul li .txt .more i{
    background: linear-gradient(0deg, #93DC89 0%, #52B7C1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: var(--font-size14);
}

.ProductList ul li:hover .txt .more{
    background: linear-gradient(90deg, #93DC89, #52B7C1);
}
.ProductList ul li:hover .txt .more span,
.ProductList ul li:hover .txt .more i {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

@media(min-width:992px){
.ProductList ul li:nth-child(1),
.ProductList ul.on li:nth-child(2) {
    grid-row-start: 1;
    grid-row-end: 3;
}
.ProductList ul li:nth-child(1) a,
.ProductList ul.on li:nth-child(2) a{
    height: 100%;
    flex-direction: column;
}
.ProductList ul li:nth-child(1) a .image,
.ProductList ul.on li:nth-child(2) a .image{
    padding: 0 2.604167vw 2.604167vw;
}
}
@media(max-width:992px){
    .ProductList {
        padding: 35px 0;
    }
    .ProductList ul {
        display: block;
        margin: 0;
    }
    .ProductList ul li{
        margin: 0 0 20px;
        border-radius: 5px;
    }
    .ProductList ul li:last-child{
        margin: 0;
    }
    .ProductList ul li a {
        display: block;
        border-radius: 5px;
        height: auto;
    }
    .ProductList ul li .txt {
        padding: 20px ;
    }
    .ProductList ul li .txt .Htitle {
        padding: 0 0 20px;
    }
    .ProductList ul li .txt .more {
        width: 110px;
        height: 35px;
        padding: 0 15px;
    }
    .ProductList ul li a .image{
        max-width: 60%;
        margin: auto;
        padding: 10px 0 25px;

        /* height: 300px; */
    }

    .ProductList ul li a .image img {
        max-width: 200px;
        max-height: 230px;
        object-fit: cover;
    }
}

.ProductDetails {
    padding: 5.208333vw 0 5.729167vw ;
}
.ProductDetails .columns{
    display: flex;
}
.ProductDetails .columns>div{
    flex: 1;
    width: 34.739583vw;
}
.ProductDetails .columns ul{
    min-width: 36.458333vw;
    width: 36.458333vw;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: .78125vw;
    margin: 0 3.645833vw 0 0;
}
.ProductDetails .columns ul .image {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ProductDetails .columns ul .image img{
    width: auto;
    /* max-width: 20.520833vw; */
    margin: auto;
    /* max-height: 70%; */
    object-fit: contain;
}

.ProductDetails .columns .title {
    font-size: var(--font-size40);
    font-weight: 400;
    color: #333333;
    line-height: 1;
    border-bottom: 1px solid #F0F0F0;
    padding: 0 0 2.083333vw;
    position: relative;
    margin: 1.041667vw 0 0;
}
.ProductDetails .columns .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3.958333vw;
    height: .3125vw;
    background: linear-gradient(90deg, #93DC89, #52B7C1);
}
.ProductDetails .columns .intro {
    font-size: var(--font-size18);
    font-weight: 400;
    color: #6B6B6B;
    line-height: 1.55;

    margin: 1.822917vw 0 0 ;
    max-height: 19.010417vw;
    overflow: auto;
}
.ProductDetails .columns .intro::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #DFDFDF;
}

.ProductDetails .columns .intro::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: #DFDFDF;
}
.ProductDetails .columns .intro::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: linear-gradient(0deg, #93DC89 0%, #52B7C1 100%);
}

.ProductDetails .columns .intro .Htitle{
    font-size: var(--font-size18);
    color: #424242;
    font-weight: 600;
    padding: 1.822917vw 0 .78125vw;
}
.ProductDetails .columns .intro .Htitle:nth-child(1) {
    padding: 0 0 .78125vw;
}
.ProductDetails .columns .phone{
    width: 100%;
    height: 2.8125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #027B76;
    border-radius: 50px;
    cursor: pointer;
}
.ProductDetails .columns .phone img{
    width: .729167vw;
    margin: 0 .625vw 0 0;
}
.ProductDetails .columns a{
    margin: 1.822917vw 0 0;
    display: block;
}
.ProductDetails .columns .phone span{
    font-size: var(--font-size14);
    font-weight: 600;
    color: #027B76;
}
.ProductDetails .columns .phone span:nth-child(3){
    font-size: var(--font-size19);
}
.ProductDetails .columns .phone:hover{
    background: linear-gradient(90deg, #93DC89, #52B7C1);
    border: 0;
}
.ProductDetails .columns .phone:hover span{
    color: #fff;
}
.ProductDetails .columns .phone:hover img {
    filter: grayscale(100%) brightness(500%);
}
.ProductDetails .columns dl {
    margin: 0 auto 0 ;
    /* padding: 0 2.291667vw; */
    max-width: 100%;
    width: 29.84375vw;
}
.ProductDetails .columns dl dd{
    cursor: pointer;
    height: auto;
}
.ProductDetails .columns dl .image{
    padding: 1.041667vw .9375vw;
    border: 1px solid #EAEAEA;
    border-radius: .78125vw;
    height: 100%;
}
.ProductDetails .columns dl .on .image {
    border: 2px solid #007E76;
    padding: .989583vw .885417vw;
}
.ProductDetails .columns dl .image img{
    object-fit: contain;
}

.thumbs {
    position: relative;
    margin: 5.46875vw 0 0 ;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.thumbs .swiper-button-next {
    right: 0;
}
.thumbs .swiper-button-prev{
    left: 0;
}
.thumbs .layui-icon {
    font-size: var(--font-size22);
    cursor: pointer;
}
@media(max-width:992px){
    .ProductDetails {
        padding: 35px 0;
    }
    .ProductDetails .columns>div {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .thumbs {
        /* display: none; */
        margin: 25px 0 30px;
    }
    .ProductDetails .columns {
        /* flex-direction: column-reverse; */
        display: block;
    }
    .ProductDetails .columns ul {
        width: 100%;
        /* margin: 25px 0 0; */
        border-radius: 10px;
    }
    .ProductDetails .columns .phone {
        height: 32px;
    }
    .ProductDetails .columns .phone img {
        width: 12px;
        margin: 0 8px 0 0;
    }
    .ProductDetails .columns .title {
        margin: 0;
        padding: 0 0 15px;
    }
    .ProductDetails .columns .title::after {
        width: 60px;
        height: 2px;
    }
    .ProductDetails .columns .intro{
        margin: 0 0 ;
        max-height: 100%;
        overflow: unset;
    }
    .ProductDetails .columns .intro .Htitle {
        padding: 15px 0 5px !important;
    }
    .ProductDetails .columns a {
        margin: 20px 0 0;
    }
    .ProductDetails .columns ul .image img{
        /* max-width: 60%;
        padding: 40px 0; */
    }

    .ProductDetails .columns dl {
        width: 82%;
    }
    .ProductDetails .columns dl .on .image {
        padding: 10px ;
    }
}
.Equipment {
    padding: 5.416667vw 0 6.5625vw;
    position: relative;
    overflow: hidden;
}
.Equipment .Title{
    margin: 0 0 3.541667vw;
}
.Equipment .form {
    margin: 0 -2.864583vw;
    padding: 1.5625vw 2.708333vw 3.333333vw ;
    background: rgba(255,255,255,.7);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 43px 0px rgba(59,59,59,0.1);
    border-radius: 1.041667vw;
}
.Equipment .form table {
    width: 100%;
}
.Equipment .form table td{
    border-width: 0;
    border-bottom: 1px solid rgb(0, 0, 0 , .1);

    color: #595959;
    font-size: var(--font-size18);
    font-weight: 400;
    padding: 1.041667vw 0;
}
@media(max-width:992px){
    .Equipment {
        padding: 35px 0;
    }
    .Equipment .form {
        margin: 0;
        overflow: auto;
        padding: 20px 0 30px;
        background: rgba(255,255,255,0);
        box-shadow: unset;
        border: unset;
    }
    .Equipment .Title {
        margin: 0 0 20px;
    }
    .Equipment .form table {
        width: 400%;
    }
    .Equipment .form table td {
        width: auto;
        padding: 12px 15px;
    }
    .Equipment .table{
        padding: 0 20px;
        background: rgba(255,255,255,.7);
    }
}
.scene {
    padding: 5vw 0 3.645833vw;
    background: #F7F7F7;
    overflow: hidden;
}
.scene .columns{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -5.208333vw;
}
.scene ul{
    width: 75vw;
    margin: 0 -1.5625vw;
    padding: 3.4375vw 1.5625vw 2.604167vw ;
}
.scene .columns .layui-icon{
    width: 2.604167vw;
    height: 2.604167vw;
    background: linear-gradient(90deg, #93DC89, #52B7C1);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size22);
    color: #fff;

    cursor: pointer;
}
.scene .columns .layui-icon.left{
    transform: rotate(180deg);
    background: linear-gradient(-90deg, #93DC89, #52B7C1);
}
.scene .columns ul a{
    background: #FFFFFF;
    border-radius: 1.041667vw;
    border: 1px solid #FFFFFF;
    display: block;
    padding: 1.5625vw;
}
.scene .columns ul a:hover{
    box-shadow: -1px 1.09375vw 27px 0px rgba(124,194,182,0.39);
    border: 1px solid rgba(37, 131, 115, 1);
}
.scene .columns ul a .image{
    border-radius: 1.041667vw;
}  
.scene .columns ul a .Htitle{
    font-size: var(--font-size20);
    font-weight: 400;
    color: #333333;
    padding: 1.5625vw 0 .78125vw .260417vw;
}  
@media(max-width:992px){
    .scene {
        padding: 35px 0 20px;
    }
    .scene ul {
        width: 90%;
        padding: 20px 0 40px;
        margin: auto;
    }
    .scene .columns {
        display: block;
    }
    .scene .columns .layui-icon {
        display: none;
    }
    .scene .columns ul a {
        padding: 20px ;
        border-radius: 10px;
    }
    .scene .columns ul a .image {
        border-radius: 10px;
    }
    .scene .columns ul a:hover {
        box-shadow: 0px 0vw 15px 0px rgba(124,194,182,0.39);
    }
    .scene .columns ul a .Htitle {
        padding: 10px 0 5px 5px;
    }
}

.Solutions {
    background: #F7F7F7;
    padding: 5.052083vw 0 6.09375vw;
}
.Solutions .Title{
    font-size: var(--font-size42);
}
.Solutions .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #4D4D4D;
    line-height: 1.7;
    padding: 3.125vw 2.1875vw 4.166667vw;
    text-align: justify;
}

.Solutions ul li a{
    display: flex;
}
.Solutions ul li .image{
    width: 50%;
}
.Solutions ul li .text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.041667vw 3.645833vw 2.083333vw 4.427083vw;
    background: #FFFFFF;
}
.Solutions ul li:nth-child(2n) a{
    flex-direction: row-reverse;
}
.Solutions ul li:nth-child(2) .text {
    padding: 1.041667vw 4.166667vw 2.083333vw 3.90625vw;
}
.Solutions ul li .text .Htitle{
    font-size: var(--font-size36);
    font-weight: 600;
    color: #595959;
    padding: 0 0 1.302083vw;
    margin: 0 0 1.5625vw;
    line-height: 1;
    position: relative;
    border-bottom: 1px solid rgba(119, 119, 119, .1);
}
.Solutions ul li .text .Htitle::after{
    content: '';
    position: absolute;
    width: 7.604167vw;
    height: .104167vw;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, #93DC89, #52B7C1);
}
.Solutions ul li .text .Hintro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #595959;
    line-height: 1.6;
}

.Solutions .lication{
    padding: 5.416667vw 0 0;
}
.Solutions .lication .Title{
    text-align: left;
}
.Solutions .lication .Htitle{
    font-size: var(--font-size20);
    font-weight: 400;
    color: #FFFFFF;
    /* line-height: 1; */
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 1.822917vw 1.041667vw;
}
.Solutions .lication dl{
    padding: 2.864583vw 0 0;
    display: flex;
}
.Solutions .lication dl dd{
    width: 11.822917vw;
    border-radius: .520833vw;
    overflow: hidden;
    position: relative;
}
/* .Solutions .lication dl dd:not(:last-child) {
    margin: 0 .78125vw 0 0 ;
} */
@media(max-width:992px){
    .Solutions {
        padding: 35px 0;
    }
    .Solutions .intro {
        padding: 20px 0 25px;
    }
    .Solutions ul li a {
        display: block;
    }
    .Solutions ul li:nth-child(2) a {
        flex-direction: unset;
    }
    .Solutions ul li .image {
        width: 100%;
    }
    .Solutions ul li {
        margin: 0 0 20px;
    }
    .Solutions ul li .text,
    .Solutions ul li:nth-child(2) .text {
        width: 100%;
        padding: 20px;
    }
    .Solutions ul li .text .Htitle {
        margin: 0 0 10px;
        padding: 0 0 10px;
    }

    .Solutions .lication {
        padding: 15px 0 0;
    }
    .Solutions .lication dl {
        padding: 20px 0 40px;
    }
    .Solutions .lication dl dd {
        border-radius: 5px;
    }
    .Solutions .lication dl dd:not(:last-child) {
        margin: 0;
    }
    .Solutions .lication .Htitle {
        padding: 20px 10px ;
    }
    .Solutions .lication .swiper-container-horizontal > .swiper-pagination-bullets{
        bottom: 0;
    }

    .Solutions ul li .text .Htitle::after {
        width: 50px;
        height: 4px;
    }
}

.innovate {
    padding: 5.208333vw 0 0 ;
}
.innovate .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #737373;
    line-height: 1.6;
    padding: 2.864583vw 0 4.6875vw;
    max-width: 66.666667vw;
    margin: auto;
}

.Technology {
    padding: 4.270833vw 0 4.791667vw;
}
.Technology .columns{
    display: flex;
    padding: 5.208333vw 0 0 ;
}
.Technology .columns ul{
    min-width: 39.0625vw;
    width: 39.0625vw;
    margin: 0 4.6875vw 0 0 ;
}
.Technology .columns ul li{
    border-bottom: 1px solid rgba(234, 234, 234, 1);
}
.Technology .columns ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-size22);
    font-weight: 600;
    color: #8C8C8C;
    line-height: 1;
    padding: 1.979167vw 0;
    transition: 0s;
}
.Technology .columns ul li:nth-child(1) a{
    padding-top: 0;
}
.Technology .columns ul li a i {
    font-size: var(--font-size16);
    transition: 1s;
    color: rgba(173, 173, 173, .4);
    transform: rotate(90deg);
}
.Technology .columns ul li .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #737373;
    line-height: 1.5;
    max-width: 37.5vw;
}
.Technology .columns ul li .Stitle {
    font-weight: 600;
    font-size: var(--font-size18);
    padding: 1.302083vw 0 .520833vw;
}
.Technology .columns ul li p {
    font-size: var(--font-size16);
    font-weight: 400;
    color: #737373;
    /* line-height: 1; */
    padding: .3125vw 0 .3125vw 1.145833vw;
    background: url('../assets/51.png') no-repeat left / .625vw;
}
.Technology .columns ul li .text {
    padding: 0 0 1.5625vw;
    display: none;
}

.Technology .columns ul li.on a,
.Technology .columns ul li a:hover{
    color: rgba(77, 77, 77, 1);
}
.Technology .columns ul li.on a i{
    transform: rotate(-90deg);
    color: rgba(0, 128, 119, 1);
    transition: 1s;
}
.Technology .columns ul li a:hover i{
    color: rgba(0, 128, 119, 1);
}
.Technology .columns .image{
    border-radius: 1.041667vw;
    opacity: 0;
}
.Technology .columns .image.swiper-slide-active{
    opacity: 1;
}
.Technology .swiper-wrapper {
    height: auto;
}
@media(max-width:992px){
    .innovate{
        padding: 35px 0 0 ;
    }
    .innovate .intro {
        padding: 20px 0 25px;
        max-width: 100%;
    }
    .Technology {
        padding: 35px 0;
    }
    .Technology .columns {
        display: block;
    }
    .Technology .columns ul {
        width: 100%;
        margin: 0;
    }
    .Technology .columns ul li .intro{
        max-width: 100%;
    }
    .Technology .columns ul li a {
        padding: 20px 10px 20px 0 !important;
        font-size: 15px;
    }
    .Technology .columns ul li .Stitle {
        padding: 10px 0;
    }
    .Technology .columns ul li p{
        padding: 5px 0 5px 20px;
        background: url("../assets/51.png") no-repeat left / 11px;
    }
    .Technology .columns ul li {
        border-bottom: 0px solid rgba(234, 234, 234, 1);
        border-top: 1px solid rgba(234, 234, 234, 1);
    }
    .Technology .columns ul li .text {
        padding: 0 0 20px;
    }
}
.projects {
    padding: 5.15625vw 0 5.520833vw;
    position: relative;
}
.projects .commonweb{
    padding: 0;
}
.projects ul {
    display: flex;
    padding: 2.916667vw 0 0;
}
.projects ul {
    display: flex;
    flex-wrap: wrap;
}
.projects ul li {
    width: 24.114583vw;
    margin: 0 1.197917vw 0 0;
}
.projects ul li .intro {
    display: none;
}
.projects ul li:nth-child(3n) {
    margin: 0 ;
}
.projects ul li a{
    margin: 1.25vw 0 0 ;
    display: block;
    padding: 1.041667vw;
    min-height: 5.78125vw;
    border-radius: .78125vw;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size20);
    color: #4D4D4D;
    line-height: 1.4;
    transition: 0s;
}
.projects ul li a:hover {
    color: rgba(82, 183, 193, 1);
    transition: 0s;
}

.projects ul li.on a{
    cursor: auto;
}
@media(max-width:992px){
    .projects {
        padding: 35px 0;
    }
    .projects ul {
        padding: 20px 0 0 ;
    }
    .projects ul li,
    .projects ul li:nth-child(3n){
        margin: 0 0 10px;
        width: 100%;
    }
    .projects ul li a {
        padding: 15px;
    }
    .projects .commonweb{
        padding: 0 20px;
    }
}
.base {
    padding: 5.208333vw 0 ;
    position: relative;
}
.base .columns{
    display: flex;
    justify-content: space-between;
    padding: 0 0 3.645833vw;
}
.base .columns a{
    width: 2.395833vw;
    height: 2.395833vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 0 0 1.041667vw;
    border: 1px solid #BBBCBC;
    transition: 0s;
    color: rgba(179, 179, 179, 1);
    font-size: var(--font-size17);
    font-weight: 600;
}
.base .columns .jiantou {
    display: flex;
    align-items: center;
}
.base .columns a:hover{
    background: linear-gradient(-90deg, #93DC89, #52B7C1);
    border: 0 solid #BBBCBC00;
    color: rgb(255, 255, 255);
    transition: 0s;
}
.base .columns a:nth-child(2){
    transform: rotate(180deg);
}

.base ul li {
    border-radius: .520833vw;
    overflow: hidden;
}
.base ul li .intro{
    display: none;
}
.base ul .text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.354167vw;

    background: #FFFFFF;
    font-size: var(--font-size16);
    font-weight: 600;
    color: #333333;
    line-height: 1;
}
.base ul .text img{
    width: .885417vw;
    margin: 0 .9375vw 0 0 ;
}
@media(max-width:992px){
    .base{ 
        padding: 35px 0 30px;
    }
    .base .columns{
        justify-content: center;
        padding: 0 0 20px;
    }
    .base .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0;
    }
    .base ul {
        padding: 0 0 40px;
    }
    .base ul li {
        border-radius: 5px;
    }
    .base ul .text{
        padding: 20px ;
    }
    .base ul .text img {
        width: 15px;
        margin: 0 10px 0 0 ;
    }
}
.baselist {
    width: 67.708333vw;
    margin: auto;
    background: #FFFFFF;
    border-radius: 1.041667vw;
    padding: 5.989583vw 5.208333vw 5.208333vw 4.427083vw;
    position: relative;
    min-height: 26.5625vw;
}
.baselist .guanbi {
    margin-left: auto;
    position: absolute;
    top: 2.1875vw;
    right: 2.395833vw;
    content: '';
}
.baselist .guanbi img {
    width: .833333vw;
}
.baselist .intro {
    max-height: 26.041667vw;
    overflow: auto;
}
.baselist .title {
    font-size: var(--font-size34);
    font-weight: 600;
    color: #258373;
    line-height: 1.2;
    padding: 0 0 1.875vw;
    margin: 0 0 1.5625vw;
    border-bottom: 1px solid rgba(225, 225, 225, 1);
}
.baselist .intro b{
    font-size: var(--font-size18);
    line-height: 1;
    margin: 0 0 .520833vw;
    display: block;
}
.baselist .intro p{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #474B51;
    line-height: 2;
}
.baselist .intro::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #DFDFDF;
}
.baselist .intro::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #DFDFDF;
}
.baselist .intro::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: rgba(37, 131, 115, 1);
}
@media(max-width:992px){
    .baselist {
        width: 100%;
        padding: 30px 25px;

        max-height: 75%;
        display: flex;
        flex-direction: column;
    }
    .baselist .guanbi img {
        width: 12px;
    }
    .baselist .guanbi {
        top: 11px;
        right: 20px;
    }
    .baselist .title{
        padding: 0 0 15px;
        margin: 0 0 15px;
        line-height: 1.3;
    }
    .tanchuang .commonweb {
        height: 100%;
        display: flex;
    }
    .baselist .intro {
        max-height: unset;
        padding: 0 10px 0 0;
    }
}

.intelligence {
    padding: 5.208333vw 0 4.583333vw; 
}
.intelligence .columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.intelligence .columns .image{
    min-width: 27.864583vw;
    margin: 0 4.791667vw 0 0 ;
    width: 27.864583vw;
    border-radius: .520833vw;
}
.intelligence .Title{
    text-align: left; 
    padding: 0 0 1.822917vw;
    color: #4D4D4D;
}
.intelligence .intro {
    font-size: var(--font-size18);
    font-family: HarmonyOS_Sans_SC_Light;
    font-weight: 400;
    color: #666666;
    line-height: 1.6;
}
@media(max-width:992px){
    .intelligence {
        padding: 35px 0;
    }
    .intelligence .columns {
        flex-direction: column-reverse;
    }
    .intelligence .columns .image {
        width: 100%;
        margin: 20px 0 0 ;
    }
    .intelligence .columns .image img{
        height: 250px;
        object-fit: cover;
    }
    .intelligence .Title{
        padding: 0 0 18px;
    }
}

.scenelist {
    position: relative;
    padding: 4.6875vw 0 3.125vw;
}
.scenelist .swiper-container-free-mode .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
}
.scenelist ul {
    padding: 3.4375vw 0 0 ;
    position: relative;
}
.scenelist ul .images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 5.989583vw;
}

.scenelist .Title {
    color: #4C4C4C;
}
.scenelist .image:hover img{
    transform: scale(1.05);
}
@media(min-width:992px){
    .scenelist ul .images .image:nth-child(1) {
        width: 28.229167vw;
        margin: 2.083333vw 0 0;
    }
    .scenelist ul .images .image:nth-child(2) {
        width: 18.4375vw;
        margin: 0 8.072917vw;
    }
    .scenelist ul .images .image:nth-child(3) {
        width: 23.958333vw;
        margin: 3.385417vw 0 0 ;
    }
    .scenelist ul .images .image:nth-child(4) {
        width: 22.65625vw;
        margin: 1.041667vw 4.166667vw 0;
    }
    .scenelist ul .images .image:nth-child(5) {
        width: 21.354167vw;
        margin: -1.458333vw 4.166667vw 0;
    }
}
.scenelist ul::before{
    content: "";
    width: 100%;
    height: 21.458333vw;
    background: url('../assets/67.png') no-repeat 100% / 160vw;
    /* -webkit-background-size: 100% 100%; */
    /* background-size: 100% 100%; */
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0%;
    /* -webkit-animation: donhua1 10s linear 2s infinite alternate;
    -o-animation: donhua1 10s linear 2s infinite alternate;
    animation: donhua1 10s linear 2s infinite alternate; */

    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    background-repeat: repeat-x;
    background-position: 203.90625vw 0px;

    -webkit-animation: upDownIcon 30s linear infinite;
    -moz-animation: upDownIcon 30s linear infinite;
    -o-animation: upDownIcon 30s linear infinite;
    animation: upDownIcon 30s linear infinite;
}
@keyframes donhua1 {
    from {left: -10%;}
    to {left: 0;}
}
@keyframes upDownIcon {
    0%{background-position: 203.90625vw 0px;}
    100%{background-position: 0 0;}
}
.scenelist ul .images .image span {
    font-size: var(--font-size18);
    font-weight: 400;
    color: #4D4D4D;
    line-height: 1;
    display: block;
    padding: 1.145833vw 0 0;
    text-align: center;
}

@media(max-width:992px){
    .scenelist {
        padding: 35px 0;
    }
    .scenelist ul .images {
        flex-wrap: unset;
        padding: 0;
    }
    .scenelist ul .images .image{
        width: 100%;
    }
    .scenelist ul .images .image:not(:last-child) {
        margin: 0 15px 0 0;
    }
    .scenelist ul .images .image img{
        object-fit: cover;
        height: 180px;
    }
    .scenelist ul .swiper-slide {
        width: auto;
    }
    .scenelist ul .images .image span{
        padding:  20px 0 0 ;
        font-size: 16px;
    }
    .scenelist ul{
        padding: 20px 0 0;
    }

    .scenelist ul::before {
        top: 60%;
        height: 200px;
    }
}

.ProductionBase {
    padding: 4.583333vw 0 3.645833vw;
    background: #F7F7F7;
}
.ProductionBase .columns {
    display: flex;
    border-radius: .520833vw;
    overflow: hidden;
    margin: 0 0 .78125vw;
}
.ProductionBase .columns .image{
    width: 41.614583vw;
}
.ProductionBase .columns .text{
    width: 33.333333vw;
    padding: 3.385417vw 3.125vw;
    background: #FFFFFF;
}
.ProductionBase .columns .text .title{
    font-size: var(--font-size30);
    font-weight: 600;
    color: #333333;
    /* line-height: 1; */
    padding: 0 0 1.302083vw;
}
.ProductionBase .columns .text .intro p{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #666666;
    line-height: 25px;
}

.ProductionBase ul{
    display: flex;
    flex-wrap: wrap;
}
.ProductionBase ul li{
    width: calc(33.33% - 1.041667vw);
}
.ProductionBase ul li:not(:nth-child(3n)){
    margin: 0 1.5625vw 0 0;
}
.ProductionBase ul li a{
    margin: 1.5625vw 0 0;
    border-radius: .520833vw;
    overflow: hidden;
    background: #fff;
    display: block;
}
.ProductionBase ul li .title {
    font-size: var(--font-size22);
    font-weight: 600;
    color: #333333;
    padding: 1.5625vw 1.041667vw 2.083333vw;
    text-align: center;
}
@media(max-width:992px){
    .ProductionBase {
        padding: 35px 0;
    }
    .ProductionBase .columns {
        display: block;
        border-radius: 5px;
    }
    .ProductionBase .columns .image{
        width: 100%;
    }
    .ProductionBase .columns .text {
        width: 100%;
        padding: 20px;
    }
    .ProductionBase .columns .text .title{
        padding: 0 0 15px;
    }

    .ProductionBase ul li {
        width: 100%;
    }
    .ProductionBase ul li .title {
        padding: 20px 10px;
    }
    .ProductionBase ul li a{
        border-radius: 5px;
        margin: 20px 0 0 ;
    }

    .ProductionBase .columns .text .intro p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.DetailPages{
    padding: 5.208333vw 0;
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}
.DetailPages .title{
    font-size: var(--font-size38);
    font-weight: bold;
    color: #333333;
    padding: 0 0 1.5625vw;
    width: 63.020833vw;
    margin: auto;
} 
.DetailPages .columns{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 63.020833vw;
    margin: 0 auto 3.125vw; 
} 
.DetailPages .columns .date {
    display: flex;
    align-items: center;
    font-size: var(--font-size14);
    color: #666666;
}
.DetailPages .columns .date img{
    width: .729167vw;
    margin: 0 .364583vw 0 0;
}
.DetailPages .newsDetailShare {
    display: flex;
    align-items: center;
    margin: 0 0 ;
}
.DetailPages .newsDetailShare a{
    width: 2.03125vw;
    height: 2.03125vw;
    background: #F4F4F4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size16);
    margin: 0 0 0 .520833vw;
    color: #818181;
}
.DetailPages .newsDetailShare img{
    width: .78125vw;
}
.DetailPages .newsDetailShare a:hover{
    opacity: .7;
}
.DetailPages .intro{
    margin: auto;
    width: 80.572917vw;
    padding: 2.083333vw 0 6.770833vw;
    border-bottom: 1px solid rgba(180, 180, 180, .2);
    border-top: 1px solid rgba(180, 180, 180, .2);
}
.DetailPages .intro .content{
    width: 58.020833vw;
    margin: auto;
}
.DetailPages .intro .content p{
    font-size: var(--font-size18);
    color: #595959;
    line-height: 1.9;
}
.DetailPages .intro .content p img{
    max-width: 100%;
    height: auto;
}
.DetailPages .link{
    width: 80.572917vw;
    display: flex;
    align-items: center;
    justify-content:space-between;
    margin: 2.083333vw auto ;
}
.DetailPages .link a{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #666666;
    transition: 0s;
    max-width: 25vw ;

    display: block; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.DetailPages .link a span{
    display: inline-block;
    margin: 0 .677083vw 0 0;
}
.DetailPages .link a:hover{
    color: #333333;
    transition: 0s;
}
@media(max-width:992px){
    .DetailPages {
        margin: auto;
        padding: 35px 5%;
    }
    .DetailPages .title {
        width: 100%;
        padding: 0 0 15px;
    }
    .DetailPages .columns {
        width: 100%;
    }
    .DetailPages .columns .date img {
        width: 12px;
        margin: 0 10px;
    }
    .DetailPages .newsDetailShare a {
        width: 27px;
        height: 27px;
        margin: 0 0 0 10px;
    }
    .DetailPages .newsDetailShare img {
        width: 12px;
    }
    .DetailPages .intro .content,
    .DetailPages .intro {
        width: 100%;
    }
    .DetailPages .intro .content img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .DetailPages .link {
        width: 100%;
        margin: 15px 0 0  ;
        display: block;
    }
    .DetailPages .link a {
        max-width: 80%;
        margin: 10px 0 0;
    }
}
.CompanyNews {
    padding: 5.208333vw 0;
    background: #F7F7F7;
}
.CompanyNews ul li a  {
    display: flex;
    background: #FFFFFF;
    border-radius: .520833vw;
    overflow: hidden;
}
.CompanyNews ul li a .image {
    width: 41.614583vw;
}
.CompanyNews ul li a .text {
    width: 33.333333vw;
    padding: 3.90625vw 3.385417vw 3.90625vw 2.34375vw;
}
.CompanyNews ul li a .date {
    display: flex;
    align-items: center;
    font-size: var(--font-size14);
    color: #666666;
}
.CompanyNews ul li a .date img{
    width: .729167vw;
    margin: 0 .364583vw 0 0;
}
.CompanyNews ul li a .title{
    font-size: var(--font-size26);
    font-weight: 600;
    color: #333333;
    padding: 10px 0 1.5625vw;
    line-height: 1.3;
}
.CompanyNews ul li a .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #666666;
    line-height: 1.6;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.CompanyNews ul .columns {
    position: absolute;
    width: 33.333333vw;
    bottom: 1.5625vw;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.34375vw 3.125vw 1.5625vw 2.083333vw;
}
.CompanyNews ul .columns>div:nth-child(2){
    display: flex;
}
.CompanyNews ul .columns>div:nth-child(2) .layui-icon{
    font-size: var(--font-size18);
    color: rgba(58, 58, 58, .6);
    margin: 0 0 0 1.25vw;
    cursor: pointer;
    font-weight: 600;
}
.CompanyNews ul .columns>div:nth-child(2) .layui-icon:nth-child(2){
    transform: rotate(180deg);
}
.CompanyNews ul .columns>div:nth-child(2) .layui-icon:hover{
    color: rgba(0, 128, 119, 0.97);
}
.CompanyNews ul .columns .swiper-pagination-custom {
    position: unset;
    width: auto;
    display: flex;
    align-items: center;
}
.CompanyNews ul .columns .swiper-pagination-custom span{
    font-size: var(--font-size16);
    font-weight: bold;
    color: #008077;
}
.CompanyNews ul .columns .swiper-pagination-custom span:nth-child(3){
    color: #E0E0E0;
}
.CompanyNews ul .columns .swiper-pagination-custom span:nth-child(2) {
    display: block;
    margin: 0 .625vw;
    width: 6.25vw;
    height: 2px;
    background: #F2F2F2;
    position: relative;
}
.CompanyNews ul .columns .swiper-pagination-custom span:nth-child(2)::after{
    width: 100%;
    height: 2px;
    background: #008077;
    position: absolute;
    content: '';
    top: 0;
    left: 0;

    animation: width 6s;
    -webkit-animation: width 6s;
    animation-timing-function:linear;
}

.CompanyNews dl{
    padding: 2.604167vw 0  0;
}
.CompanyNews dl dd{
    margin: 1.5625vw 0 0 ;
}
.CompanyNews dl dd a{
    padding: 1.5625vw 1.822917vw;
    display: flex;
    align-items: center;

    background: #FFFFFF;
    border-radius: .520833vw;
}
.CompanyNews dl dd a .image{
    min-width: 15.104167vw;
    width: 15.104167vw;
    border-radius: .520833vw;
    margin: 0 3.125vw 0 0;
}
.CompanyNews dl dd a {
    padding: 1.5625vw 1.822917vw;
}
.CompanyNews dl dd a .date {
    display: flex;
    align-items: center;
    font-size: var(--font-size14);
    color: #008077;
}
.CompanyNews dl dd a .date img{
    width: .729167vw;
    margin: 0 .364583vw 0 0;
}
.CompanyNews dl dd a .title {
    font-size: var(--font-size22);
    font-weight: 600;
    color: #333333;
    padding: .416667vw 0 .78125vw;
}
.CompanyNews dl dd a .intro {
    font-size: var(--font-size16);
    font-weight: 400;
    color: #666666;
    line-height: 1.7;
    max-width: 44.791667vw;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.CompanyNews dl dd a:hover .title{
    color: #008077;
}
@media(max-width:992px){
    .CompanyNews {
        padding: 35px 0;
    }
    .CompanyNews ul li a {
        display: block;
        border-radius: 5px;
    }
    .CompanyNews ul li a .image {
        width: 100%;
    }
    .CompanyNews ul li a .date img{
        width: 11px;
        margin: 0 10px 0 0;
    }
    .CompanyNews ul li a .text {
        width: 100%;
        padding: 20px ;
    }
    .CompanyNews ul .columns{
        position: unset;
        width: 100%;
        padding: 0;
        margin: 0 ;
    }
    .CompanyNews ul .swiper-pagination {
        position: unset;
        width: 100%;
        padding: 15px 0 0 ;
    }
    .CompanyNews ul .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 4px;
    }

    .CompanyNews dl dd a {
        display: block;
        padding: 15px ;
        border-radius: 5px;
    }
    .CompanyNews dl dd a .image {
        border-radius: 5px;
        width: 100%;
        margin: 0 0 15px;
    }

    .CompanyNews dl {
        padding: 0;
    }
    .CompanyNews dl dd a .title {
        padding: 6px 0 12px;
    }
    .CompanyNews dl dd a .date img {
        width: 12px;
        margin: 0 8px 0 0;
    }
    .CompanyNews dl dd a .intro{
        max-width: 100%;
    }
    .CompanyNews dl dd {
        margin: 20px 0 0 ;
    }
}

.investor {
    padding: 4.947917vw 0 4.791667vw;
}
.investor ul{
    display: flex;
}
.investor ul li{
    display: flex;
    width: 24.166667vw;
    position: relative;
    border-radius: .520833vw;
    overflow: hidden;
}
.investor ul li:not(:nth-child(3)){
    margin: 0 1.145833vw 0 0;
}
.investor ul li .text {
    position: absolute;
    width: 15.9375vw;
    height: 18.541667vw;
    border-radius: .520833vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.investor ul li:hover .text{
    background: rgba(154, 20, 23, .9);
}
.investor ul li .text .title {
    font-size: var(--font-size30);
    font-weight: 400;
    color: #FFFFFF;
}
.investor ul li .text .iconimg {
    display: flex;
    justify-content: space-evenly;
    align-items: center;

    width: 3.177083vw;
    height: 3.177083vw;
    background: rgba(255,255,255,0.1);
    border: .104167vw solid rgba(255,255,255,0.5);
    border-radius: 50%;
}
.investor ul li .text .iconimg img{
    width: .885417vw;
}
@media(max-width:992px){
    .investor {
        padding: 35px 0 ;
    }
    .investor ul {
        flex-wrap: wrap;
    }
    .investor ul li {
        width: 100%;
        border-radius: 5px;
    }
    .investor ul li .image img{
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .investor ul li:not(:nth-child(3)) {
        margin: 0 0 20px;
    }
    .investor ul li a{
        display: block;
        width: 100%;
    }
    .investor ul li .text {
        width: 80%;
        height: 60%;
        /* background: rgba(154, 20, 23, .9); */
        border-radius: 5px;
    }
    .investor ul li .text .iconimg {
        width: 40px;
        height: 40px;
    }
    .investor ul li .text .iconimg img {
        width: 14px;
    }

}
.buttomlist {
    position: relative;
    padding: 4.166667vw 0;
}
.buttomlist dl {
    display: flex;
    justify-content: space-between;
    padding: 0 1.5625vw 0 0;
}
.buttomlist dd>div {
    display: flex;
    align-items: center;
    margin: 0 0 .78125vw;
}
.buttomlist dd>div img{
    max-width: 1.041667vw;
    max-height: 1.302083vw;
}
.buttomlist dd>div span {
    font-size: var(--font-size22);
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 0 0 .729167vw;
}
.buttomlist dd>span {
    font-size: var(--font-size18);
    font-weight: 400;
    color: #FFFFFF;
}
@media(max-width:992px){
    .buttomlist {
        padding: 30px 0;
    }
    .buttomlist dl {
        display: block;
        padding: 0; 
    }
    .buttomlist dd:not(:last-child) {
        padding: 0 0 15px;
        margin: 0 0 15px;
        border-bottom: 1px solid #cccccc6c;
    }
    .buttomlist dd {
        margin: 0 0 5px;
    }
    .buttomlist dd>div img {
        max-width: 16px;
        max-height: 22px;
    }
    .buttomlist dd>div span {
        margin: 0 0 0 10px;
    }
}

.EmployeeCare {
    padding: 5.052083vw 0 10.4375rem; 
}
.EmployeeCare ul li{
    display: flex;
}
.EmployeeCare ul li .image {
    width: 45.572917vw;
    margin: 0 4.427083vw 0 0;
    border-radius: 1.041667vw;
}
.EmployeeCare ul li .text {
    width: 25vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url('../assets/97.png') no-repeat top right / 4.791667vw;
}
.EmployeeCare ul li .title {
    font-size: var(--font-size40);
    font-weight: 600;
    color: #595959;
    line-height: 1;
    padding: 1.041667vw 0 2.083333vw;
    margin: 0 0 1.822917vw;
    border-bottom: 2px solid rgba(237, 239, 242, 1);
    position: relative;
}
.EmployeeCare ul li .title::after{
    content: '';
    width: 7.604167vw;
    height: .104167vw;
    background: linear-gradient(90deg, #93DC89, #52B7C1);
    position: absolute;
    bottom: -2px;
    left: 0;
}
.EmployeeCare ul li p{
    font-size: var(--font-size18);
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 1.6;
    padding: 0 0 0 1.197917vw;
    background: url('../assets/51.png') no-repeat 0 .46875vw / .625vw;
}
.EmployeeCare ul li p b{
    color: rgba(51, 51, 51, 1);
}

.EmployeeCare ul li:not(:last-child){
    margin: 0 0 6.25vw;
}
.EmployeeCare ul li:nth-child(2n){
    flex-direction: row-reverse;
}
.EmployeeCare ul li:nth-child(2n) .image{
    margin: 0 0 0 4.427083vw;
}
.EmployeeCare ul li:nth-child(2n) .text {
    background: url('../assets/99.png') no-repeat top left / 4.791667vw;
}
@media(max-width:992px){
    .EmployeeCare ul li{
        flex-direction: column-reverse !important;
    }
    .EmployeeCare ul li .image {
        width: 100%;
        margin: 0 !important;
    }
    .EmployeeCare ul li .text {
        width: 100%;
        background: url('../assets/97.png') no-repeat right 4px / 30px !important;
        margin: 0 0 20px;
    }
    .EmployeeCare {
        padding: 35px 0;
    }
    .EmployeeCare ul li .title {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    .EmployeeCare ul li .title::after{
        height: 2px;
        width: 60px;
    }
    .EmployeeCare ul li p{
        padding: 0 0 0 20px;
        background: url(../assets/51.png) no-repeat 0 6px / 10px;
    }

    .EmployeeCare ul li:not(:last-child) {
        margin: 0 0 30px;
    }
}

.recruit {
    padding: 3.958333vw 0 6.770833vw;
    background: #F7F7F7;
}
.recruit .columns{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 3.125vw;
}
.recruit .columns a{
    width: 9.375vw;
    height: 3.28125vw;
    line-height: 3.28125vw;
    text-align: center;
    background: #FFFFFF;
    border-radius: .520833vw;
    display: block;
    margin: 0 .78125vw;

    font-size: var(--font-size18);
    font-weight: 600;
    color: #333333;
    transition: 0s;
}
.recruit .columns a.on{
    /* background: linear-gradient(90deg, #7DD09C, #52B7C1 75%); */
    color: #ffffff;

    background: url('../assets/118.jpg') no-repeat center;
    background-size: 100% 100%;
}
.recruit .columns a:hover{
    /* background: linear-gradient(90deg, #7DD09C, #52B7C1 75%); */
    color: #ffffff;
    transition: 0s;
    background: url('../assets/118.jpg') no-repeat center;
    background-size: 100% 100%;
}
.recruit dl {
    display: flex;
    align-items: center;
    text-align: center;

    width: 100%;
    /* background: linear-gradient(90deg, #7DD09C, #52B7C1 75%); */
    border-radius: 50px;
    background: url('../assets/119.jpg') no-repeat center;
    background-size: 100% 100%;
}
.recruit dl dd{
    font-size: var(--font-size18);
    font-weight: 400;
    height: 3.645833vw;
    line-height: 3.697917vw;
    color: #E4FAF4;
}
.recruit ul li {
    margin: 1.302083vw 0 0 ;
    background: #FFFFFF;
    border-radius: 50px;
}
.recruit ul li a {
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
}
.recruit ul li a span{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #666666;
    padding: 1.5625vw 0;
}
.recruit ul li a:hover span{
    color: #008077;
}
.recruit dl dd:nth-child(1),
.recruit ul li a span:nth-child(1){
    width: 26.041667vw;
}
.recruit dl dd:nth-child(2),
.recruit ul li a span:nth-child(2){
    width: 16.666667vw;
}
.recruit dl dd:nth-child(3),
.recruit ul li a span:nth-child(3){
    width: 19.791667vw;
}
.recruit dl dd:nth-child(4),
.recruit ul li a span:nth-child(4){
    width: 6.25vw;
}

.recruit ul li .intro {
    padding: 1.041667vw 2.604167vw 2.864583vw;
    display: none;
}
.recruit ul li .intro p{
    font-size: var(--font-size16);
    line-height: 1.8;
    color: rgba(102, 102, 102, 1);
}
.recruit ul li .intro p b{
    font-size: var(--font-size18);
    line-height: 2;
}
.recruit ul li .intro a {
    width: 8.59375vw;
    height: 2.447917vw;
    background: linear-gradient(90deg, #7DD09C, #52B7C1 70%);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: var(--font-size16);
    font-weight: 400;
    color: #FFFFFF;
    margin: 3.125vw auto 0;
}
.recruit ul li .intro a img {
    width: .9375vw;
    margin: 0 .677083vw 0 0;
}

.recruit .listdl {
    border-radius: 50px 50px 0 0;
    /* background: #fff; */
    /* padding: 0px 0 2.083333vw; */
    /* margin: 0 0 -3.125vw; */

    z-index: 1;
    width: 75vw;
}
@media(min-width:992px){
    .recruit ul li>a::before {
        content: '';
        position: absolute;
        left: 2.083333vw;
        top: 50%;
        width: 2.1875vw;
        height: 1.770833vw;
        background: url('../assets/102.png') no-repeat center / 2.1875vw;
        transform: translateY(-50%);
    }
    .recruit ul li>a::after {
        content: '';
        position: absolute;
        right: 2.291667vw;
        top: 50%;
        width: 1.5625vw;
        height: 1.614583vw;
        background: url('../assets/103.png') no-repeat center / 1.5625vw;
        transform: translateY(-50%);
    }
}
@media(max-width:992px){
    .recruit {
        padding: 35px 0;
    }
    .recruit .columns {
        margin: 0 0 20px;
    }
    .recruit .columns a {
        width: 110px;
        height: 35px;
        margin: 0 10px;
        line-height: 35px;
        border-radius: 5px;
    }
    .recruit dl,
    .recruit .listdl{
        display: none;
    }
    .recruit ul li .intro {
        padding: 0 10px 30px;
    }
    .recruit ul li .intro a {
        width: 125px;
        height: 35px;
        line-height: 35px;
        margin: 10px auto 0 ;
    }
    .recruit ul li .intro a img {
        width: 13px;
        margin: 0 8px 0 0;
    }
    .recruit ul li {
        border-radius: 10px;
        margin: 20px 0 0 ;
    }
    .recruit ul li>a {
        flex-wrap: wrap;
        padding: 10px 20px ;
        text-align: unset;
    }
    .recruit ul li a span {
        width: 100% !important;
        padding: 5px 0;
        line-height: 1.8;
    }
    .recruit ul li a span:nth-child(3),
    .recruit ul li a span:nth-child(2){
        display: none;
    }
    .recruit ul li a span:nth-child(4){
        display: flex;
        align-items: center;
    }

    .recruit ul li a span:nth-child(1){
        font-weight: 600;
        font-size: 16px;
        max-width: 80%;
        line-height: 1.5;
        color: #333;
    }

    .recruit ul li>a::before {
        content: '';
        position: absolute;
        left: 87%;
        top: 29px;
        width: 25px;
        height: 25px;
        background: url(../assets/102.png) no-repeat center / 25px;
        transform: translateY(-50%);
    }
}

.ContactWay {
    background: #F7F7F7;
}
.ContactWay .commonweb {
    padding: 0;
}
.ContactWay .top{
    background: #ffffff;
    padding: 5.208333vw 0 ;
}
.ContactWay .top .columns{
    position: relative;
    border-radius: 1.041667vw;
    overflow: hidden;
}
.ContactWay .top .columns .text{
    position: absolute;
    top: 0;
    left: 0;
    padding: 6.145833vw 0 0 3.645833vw;
}
.ContactWay .top .columns .text .title{
    font-size: var(--font-size30);
    font-weight: 600;
    color: #333333;
    line-height: 1;
    padding: 0 0 2.34375vw;
}
.ContactWay .top .columns .text p {
    font-size: var(--font-size17);
    font-weight: 400;
    color: #676767;
    line-height: 1.4;
    padding: 0 0 0 1.302083vw;
    margin: 0 0 1.302083vw ;
}
.ContactWay .top .columns .text p span{
    padding: .520833vw 0 0;
    display: inline-block;
}
.ContactWay .top .columns .text p:nth-child(1){
    background: url('../assets/106.png') no-repeat left .104167vw / .833333vw;
}
.ContactWay .top .columns .text p:nth-child(2){
    background: url('../assets/107.png') no-repeat left .208333vw / .833333vw;
}
.ContactWay .top .columns .text p:nth-child(3){
    background: url('../assets/108.png') no-repeat left .3125vw / .9375vw;
}

.ContactWay ul {
    display: flex;
    padding: 5.520833vw 0 3.90625vw;
    flex-wrap: wrap;
}
.ContactWay ul li{
    width: 23.645833vw;
    background: #fff;
    border-radius: .78125vw .78125vw 1.302083vw 1.302083vw;
    overflow: hidden;
    margin: 0 0 1.875vw 0;
}
.ContactWay ul li:not(:nth-child(3n)) {
    margin-right: 1.927083vw;
}
.ContactWay ul li .text{
    padding: 2.083333vw 1.5625vw 1.5625vw ;
    min-height: 12.8125vw;
}
.ContactWay ul li .title{
    font-size: var(--font-size22);
    font-weight: 600;
    color: #333333;
    padding: 0 0 1.302083vw;
}

.ContactWay ul li p {
    font-size: var(--font-size16);
    font-weight: 400;
    color: #676767;
    line-height: 1.4;
    padding: 0 0 0 1.302083vw;
    margin: 0 0 1.041667vw ;
}
.ContactWay ul li p span{
    padding: .520833vw 0 0;
    display: inline-block;
}
.ContactWay ul li p:nth-child(1){
    background: url('../assets/106.png') no-repeat left .104167vw / .833333vw;
}
.ContactWay ul li p:nth-child(2){
    background: url('../assets/107.png') no-repeat left .15625vw / .833333vw;
}
.ContactWay ul li p:nth-child(3){
    background: url('../assets/108.png') no-repeat left .260417vw / .9375vw;
}
@media(max-width:992px){
    .ContactWay .top {
        padding: 35px 0;
    }
    .ContactWay .top .columns .image {
        border-radius: 5px;
    }
    .ContactWay .top .columns .text .title {
        padding: 0 0 15px;
    }
    .ContactWay .top .columns .text{
        padding: 20px 0 0;
        position: unset;
    }
    .ContactWay .top .columns .text p {
        padding: 0 0 0 25px;
        margin: 0 0 10px;
    }
    .ContactWay .top .columns .text p br{
        display: none;
    }
    .ContactWay .top .columns .text p:nth-child(1){
        background: url('../assets/106.png') no-repeat left 2px / 14px;
        background-size: 14px !important;
    }
    .ContactWay .top .columns .text p span {
        padding: 5px 0 0;
    }
    .ContactWay .top .columns .text p:nth-child(2) {
        background: url('../assets/107.png') no-repeat left 4px / 14px;
        background-size: 14px !important;
    }
    .ContactWay .top .columns .text p:nth-child(3) {
        background: url('../assets/108.png') no-repeat left 5px / 16px;
        background-size: 16px !important;
    }

    .ContactWay .commonweb {
        padding: 0 20px;
    }
    

    .ContactWay ul {
        padding: 35px 0 15px;
    }
    .ContactWay ul li {
        width: 100%;
        margin: 0 0 20px !important;
        border-radius: 5px;
    }
    .ContactWay ul li .text {
        padding: 20px 10px;
    }
    .ContactWay ul li .title {
        padding: 0 0 10px;
    }
    .ContactWay ul li p {
        margin: 0 0 10px;
        padding: 0 0 0 25px;
    }
    .ContactWay ul li p:nth-child(1){
        background: url('../assets/106.png') no-repeat left 2px / 13px;
        background-size: 13px !important;
    }
    .ContactWay ul li p:nth-child(2){
        background: url('../assets/107.png') no-repeat left 2px / 13px;
        background-size: 13px !important;
    }
    .ContactWay ul li p:nth-child(3){
        background: url('../assets/108.png') no-repeat left 4px / 14px;
        background-size: 14px !important;
    }
}

.MESSAGE {
    padding: 4.84375vw 0 4.895833vw;
}
.MESSAGE .Title{
    font-size: var(--font-size42);
    color: #333333;
    padding: 0 0 1.041667vw;
}
.MESSAGE .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding: 0 0 1.5625vw;
}
.MESSAGE ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.MESSAGE ul li{
    width: 36.40625vw;
    padding: 1.5625vw 0 0 ;
}
.MESSAGE ul li:nth-child(5){
    width: 100%;
}
.MESSAGE ul li span{
    font-size: var(--font-size16);
    font-weight: 600;
    color: #333333;
    line-height: 1;
    padding: 0 0 .78125vw;
    display: block;
}
.MESSAGE ul li input{
    width: 100%;
    background: rgba(246, 246, 246, .76);
    border: 1px solid rgba(234, 236, 239, .76);
    border-radius: .520833vw;

    font-size: var(--font-size16);
    font-weight: 400;
    color: #BCBCBC;
    padding: .260417vw 1.041667vw;
    height: 3.333333vw;
}
.MESSAGE ul li textarea {
    min-height: 7.083333vw;
    background: rgba(246, 246, 246, .76);
    border: 1px solid rgba(234, 236, 239, .76);
    border-radius: .520833vw;
    font-size: var(--font-size16);
    padding: .833333vw 1.041667vw;
}
.MESSAGE .layui-form button{
    width: 8.854167vw;
    height: 2.552083vw;
    background: linear-gradient(90deg, #93DC89, #52B7C1);
    border-radius: 50px;

    font-size: var(--font-size16);
    font-weight: 400;
    color: #F6F6F6;
    margin: 2.083333vw auto 0 ;
    display: block;
}
.MESSAGE ul li>div{
    position: relative;
}
.MESSAGE ul li>div img{
    position: absolute;
    top: .364583vw;
    right: .520833vw;
    height: 2.604167vw;
}
@media(max-width:992px){
    .MESSAGE {
        padding: 35px 0;
    }
    .MESSAGE ul li {
        width: 100%;
        padding: 20px 0 0 ;
    }
    .MESSAGE .Title{
        padding: 0 0 15px;
    }
    .MESSAGE .intro {
        padding: 0 0 ;
    }
    .MESSAGE ul li span {
        padding: 0 0 10px;
    }
    .MESSAGE ul li input {
        padding: 10px 15px;
        height: 40px;
        border-radius: 10px;
    }
    .MESSAGE ul li textarea {
        border-radius: 10px;
        padding: 10px 15px;
        height: 100px;
    }
    .MESSAGE .layui-form button {
        width: 110px;
        height: 36px;
        line-height: 36px;
        margin: 20px auto 0 ;
    }
    .MESSAGE ul li>div img {
        top: 5px;
        right: 10px;
        height: 30px;
    }
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}
@media(max-width:992px){
}

@-webkit-keyframes width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* 分页 */
.module_HL1GBCD1 .pageMain{padding: xsPaddingTop; overflow: hidden; position: relative; background: mainBgColor;}
.module_HL1GBCD1 .pageMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;}
.module_HL1GBCD1 .pageMain #pagination{text-align: center; display: none;}
.module_HL1GBCD1 .pageMain #pagination a{ height: 30px; line-height: 30px; width: 30px; border-radius: 8px; padding: 0px; margin: 0px 4px; position: relative; border: none; font-size: 14px;}
.module_HL1GBCD1 .pageMain #pagination a:hover{ color: pageBgColor;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 30px; line-height: 30px; width: 30px;font-size: 14px; border-radius: 8px; border: none; padding: 0px; margin: 0px 4px;  font-weight: 600;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px; background: pageBgColor;}

.module_HL1GBCD1 .pageMain .loadMore{margin: 30px 0 0 ; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.module_HL1GBCD1 .pageMain .loadMore a{display: 
    -webkit-box;display: -webkit-flex;display: -moz-box;display: 
    -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; 
    -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .8s ease; -o-transition: .8s ease; 
    -moz-transition: .8s ease; transition: .8s ease; font-size: 12px; -webkit-box-pack: center; 
    -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #314a61; 
    width: 130px; border-radius: 35px; height: 35px; border: 2px solid #008077;}
.module_HL1GBCD1 .pageMain .loadMore a .icon{ margin-left: 10px; width: 12px; height: 13px; -webkit-transition: .6s ease; -o-transition: .6s ease; 
    -moz-transition: .6s ease; transition: .6s ease; background-position: 
    0px -14px; background-repeat: no-repeat; background-image: url(xsloadmoreIcon); display: block;
    display: none;}

.module_HL1GBCD1 .pageMain .loadMore a:hover{background:#008077; color: #fff;}
.module_HL1GBCD1 .pageMain .loadMore a:hover .icon{background-position: 0px 0px;}
@media (min-width:768px) {
    .module_HL1GBCD1 .pageMain{padding: mdPaddingTop;}
    .module_HL1GBCD1 .pageMain .commonMain{ max-width: mdContentWidth;}
    .module_HL1GBCD1 .pageMain #pagination{display: block;}
    .module_HL1GBCD1 .pageMain #pagination a,
    .layui-laypage .layui-laypage-spr{ height: 2.5vw; line-height: 2.5vw; width: 2.5vw;border-radius: .416667vw;  margin: 0px .364583vw;font-size: .677083vw;}
    .layui-laypage .layui-laypage-spr {
        border: 0;
        padding: 0;
        line-height: 2vw;
    }
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage {
        margin: 3.125vw 0 0 ;
    }
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 2.5vw; line-height: 2.5vw; width: 2.5vw;font-size: .885417vw; margin: 0px .364583vw;}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: .416667vw;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: .78125vw;font-weight: 600;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: .78125vw;font-weight: 600;}
    .module_HL1GBCD1 .pageMain .loadMore{display: none;}
}
/* @media (min-width:1200px) {
    .module_HL1GBCD1 .pageMain{padding: lgPaddingTop;}
    .module_HL1GBCD1 .pageMain .commonMain{ max-width: lgContentWidth;}
    .module_HL1GBCD1 .pageMain #pagination a{ height: 48px; line-height: 48px; width: 48px;border-radius: 8px; margin: 0px 4px;font-size: 14px;}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 48px; line-height: 48px; width: 48px;font-size: 18px;}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
} */

   /*--搜索--*/
   .containerRow {
    padding: 3.645833vw 0px;
}

@media(max-width:992px) {
    .containerRow {
        padding: 35px 0px;
    }
}

.searchResult dl {
    border-bottom: 0.0520833333333333vw solid #eee;
    padding-bottom: 0.5208333333333333vw;
    display: flex;
    justify-content: space-between;
}
.searchResult dl::after{display: none;}

.searchResult dl dt {
    font-size: var(--font-size18);
}

.searchResult dl dd {
    font-size: var(--font-size18);
}

.searchResultList li {
    margin-top: 1.302083333333333vw;
    border-bottom: 0.0520833333333333vw solid #eee;
    background: #f6f6f6;
}

.searchResultList li h3 {
    font-size: var(--font-size18);
    line-height: 2.2;
    padding-bottom: 0.2604166666666667vw;
}
.searchResultList li a:hover h3 {
    color: #008077;
}
.searchResultList li p {
    font-size: var(--font-size14);
    color: #1a1a1a;
    line-height: 2.2;
}

.searchResultList li a {
    display: flex;
    align-items: center;
    padding: 0.78125vw 0.78125vw 1.302083333333333vw;
}

.searchResultList li a:hover {
    color: var(--vi-color);
}

.searchResultList li a .image {
    min-width: 13.020833vw;
    width: 13.020833vw;
    margin: 0 1.5625vw 0 0;
}

.searchResultList li a .image img {
    width: 100%;
}

@media(max-width:992px) {
    .searchResult dl {
        padding-bottom: 15px
    }

    .searchResultList li {
        margin: 20px 0 0px;
    }

    .searchResultList li h3 {
        font-weight: 600;
        line-height: 1.5;
        padding: 0 0 10px;
    }

    .searchResultList li a {
        display: block;
        padding: 20px;
    }

    .searchResultList li a .image {
        width: 100%;
        margin: 0 0 15px;
    }
}

@media(min-width:992px) {
    .header.color .navBox .navList .list h3 a,
    .header.color .logo .stockCode,
    .header.color .haderOther .slash,
    .header.color .haderOther .searchBox .searchBtn,
    .header.color .haderOther .langBox .langBtn{
        color: #000;
    }
    .header.color .logo .stockCode{
        border-color: rgb(0 0 0 / 20%);
    }
    .header.color .haderOther .langBox .langBtn::after{
        border-top: 4px solid #000;
    }
    .header.color .logo .colour {
        display: block;
    }
    .header.color .logo .transparent{
        display: none;
    }
}


@media all and (-ms-high-contrast:none), (-ms-high-contrast: active){
    /* IE 10+ css */
}