@charset "UTF-8";



/*全局*/

.global-btn {

    width: 2.84rem;

    height: 0.62rem;

    line-height: 0.62rem;

    text-align: center;

    background: linear-gradient(-175deg, #8fbee3, #5990ba);

    font-size: 0.18rem;

    font-family: "microsoft yahei";

    color: #fff;

    display: inline-block;

    position: relative;

    overflow: hidden;

}



.global-btn::before {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #fff;

}



.global-btn:hover::before {

    animation: moving 0.8s;

}



@keyframes moving {

    form {

        width: 0;

        opacity: 1;

    }

    to {

        width: 300px;

        opacity: 0;

    }

}





.global-download {

    text-transform: uppercase;

    background: linear-gradient(-270deg, rgba(78, 122, 158, 0.87), rgba(44, 128, 190, 0.87));

    display: block;

    height: 1.07rem;

    line-height: 1.07rem;

    color: #fff;

    padding-left: .7rem;

    font-weight: bold;

    font-size: 0.24rem;

    position: relative;

}



.global-download::before {

    position: absolute;

    top: 50%;

    right: 0.22rem;

    transform: translateY(-50%);

    content: "";

    display: block;

    width: 0.22rem;

    height: 0.18rem;

    background: url("../images/img32.png") no-repeat center center/cover;

}



.global-download.white {

    background: url("../images/img41.jpg") no-repeat center center/cover;

    color: #0079c3;

}



.global-download.white::before {

    background: url("../images/img32_blue.png") no-repeat center center/cover;

}



.title1 {

    font-family: "microsoft yahei";

    font-size: 0.48rem;

    font-weight: bold;

    color: #000;

    position: relative;

}



.title1::before {

    position: absolute;

    bottom: -0.24rem;

    content: "";

    display: block;

    width: 3.02rem;

    height: 0.11rem;

    background-color: #0079c3;

    opacity: 0.2;

}



.title1.type1::before {

    bottom: 0;

}



/* 首页 */



.app {

    display: none !important;

}





/* 视屏 */

.vidbacking-active-block-back {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

}



#publicity-video {

    width: 100%;

    height: 100%;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    overflow: hidden;

}



#publicity-video video {

    display: block;

}



/* 视频弹窗 start */

.msg-box-bg {

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    display: none;

    z-index: 1001;

    background: rgba(0, 0, 0, 0.8);

}



.msg-box {

    width: 60%;

    height: 70%;

    background: rgba(0, 0, 0, 0.8);

    position: absolute;

    left: 50%;

    top: 47%;

    transform: translate(-50%, -50%);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}



.msg-box .close-box {

    width: 30px;

    height: 30px;

    background: url("../images/btn-close-modal.png") no-repeat center;

    cursor: pointer;

    position: absolute;

    right: 20px;

    top: 20px;

    -webkit-transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.msg-box .close-box:hover {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}



/* 视频弹窗 end */



.abo_video {

    width: 100%;

    height: 100%;

    cursor: pointer;

    overflow: hidden;

    position: relative;

}



@media (max-width: 768px) {

    .app {

        display: block !important;

    }



    .pc {

        display: none !important;

    }

}





/* 首页 */

/* banner */

.banner {

    width: 100%;

    position: relative;

}



.banner .div img {

    width: 100%;

    vertical-align: middle;

}



.banner .rq {

    position: absolute;

    top: 50%;

    left: 30%;

    transform: translate(-50%, -50%);

    width: 42%;

    max-width: 100%;

}



/*.banner .wz {*/

/*    width: 55%;*/

/*}*/



.banner .wz p {

    font-size: 60px;

    color: #333;

    font-weight: bold;

}

.banner .wz .p1{

    color: #666!important;

    font-size: 30px;

    margin-top:10px;

}



.banner .wz button {

    margin-top: 60px;

    padding: 0 40px;

    display: block;

    width: 236px;

    height: 50px;

    border: 1px solid #0079c3;

    line-height: 50px;

    font-size: 16px;

    color: #0079c3;

    text-align: center;

    position: relative;

}



.banner .wz button span {

    width: 7px;

    display: block;

    position: absolute;

    top: 50%;

    right: 40px;

    transform: translateY(-50%);

    animation: rig 1s linear infinite;

}



@keyframes rig {

    0% {

        right: 40px;

    }

    50% {

        right: 50px;

    }

    100% {

        right: 40px;

    }

}



.banner .wz button img {

    width: 100%;

    display: block;

    vertical-align: middle;

}



.swiper-pagination-bullet {

    width: 18px;

    height: 18px;

    display: inline-block;

    border-radius: 50%;

    background: #fff;

    opacity: 1;

}



.swiper-pagination-bullet-active {

    width: 22px;

    height: 22px;

    background: rgba(255, 255, 255, 0);

    border: 4px solid #0079c3;

}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px!important;

}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 4%;

    /*left: 8.5%;*/

    width: 100%;

    /*transform: translate(-50%, -50%);*/

}



.button {

    width: 74px;

    width: auto;
    max-width: calc(100% - 20px);

    float: left;

    font-size: 14px;

    color: #0079c3;

    text-align: left;

    font-weight: bold;

    position: relative;

}



.button span {

    display: block;

    width: 7px;

    height: 14px;

    height: auto;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    animation: zy 1s linear infinite;

}



@keyframes zy {

    0% {

        right: -10px;

    }

    50% {

        right: 0px;

    }

    100% {

        right: -10px;

    }

}



.button span img {

    width: 100%;

    vertical-align: middle;

    display: block;

}



/* con1 */

.con1 {

    margin-top: 10px;
    display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px;
    

}
@media (max-width:1280px) {
    .con1 {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:990px) {
    .con1 {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width:480px) {
    .con1 {grid-template-columns: repeat(1, 1fr);}
}



.con1 .div {
    position: relative;

}



.con1 .div a {

    display: block;

    width: 100%;

}



.con1 .div:last-child {

    margin-right: 0;

}



.con1 .div img {

    width: 100%;

    vertical-align: middle;



}



.con1 .div .wz {

    position: absolute;

    top: 45%;

    left: 40px;

    width: 41%;
    word-break: break-all;

    transform: translate(0%, -50%);

}



.con1 .div .wz h1 {

    font-size: 24px;

    color: #010101;

    line-height: 30px;

}



.con1 .div .wz .button {

    margin-top: 62px;

}



/* con2  */

.con2 {

    width: 100%;

    position: relative;

    z-index: 1;

}



.con2 .bj {

    width: 100%;

    vertical-align: middle;

    opacity: 0;

}



.con2 .div {

    width: 52.3%;

    position: absolute;

    top: 40%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: all .5s;

}



.con2 .div.on1:before {

    content: '';

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 11;

}



.con2 .div.on1 {

    top: 50%;

    width: 100%;



}



.con2 .div .bj2 {

    width: 100%;

    vertical-align: middle;

}



.con2 .wz {

    width: auto;

    position: absolute;

    left: 26.5%;

    top: 32%;

    transform: translate(-50%, -50%);

}



.con2 .wz h1 {

    font-size: 72px;

    color: #000;

    font-weight: bold;

}



.con2 .wz p {

    font-size: 24px;

    color: #000;

    font-weight: bold;

}



.con2 .wz2 {

    width: auto;

    position: absolute;

    text-align: center;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)

}



.con2 .wz2 h1 {

    font-size: 36px;

    color: #fff;

}



.con2 .wz2 p {

    font-size: 24px;

    color: #fff;

}



.con2 .on {

    opacity: 0;

}



.con2 .img {

    width: 100%;

    position: absolute;

    top: 65%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: -1;

}



.con2 .img img {

    width: 100%;

    vertical-align: middle;

}





/* con3  */

.con3 {

    background: #dff1ff;

    margin-top: 10px;

}



.con3 .lef {

    width: 50.4%;

    float: left;

    overflow: hidden;

}



.con3 .lef img {

    width: 100%;

    vertical-align: middle;

    transition: all .5s;

}



.con3 .lef:hover img {

    transform: scale(1.1);

}



.con3 .rig {

    width: 49.6%;

    float: left;

    padding: 100px 0;

    padding-left: 98px;

    padding-right: 166px;

}



.con3 .rig .top h1 {

    font-size: 72px;

    color: #000000;

    font-weight: bold;

    margin-bottom: 38px;

}



.con3 .rig .top p {

    font-size: 18px;

    color: #333;

    line-height: 30px;

}



.con3 .rig .btn {

    margin-top: 78px;

    padding-bottom: 100px;

}



.con3 .rig .btn .div {

    padding: 20px 0;

    border-bottom: 1px solid #cadaeb;

}



.con3 .rig .btn .div .div-l {

    width: 34.7%;

    float: left;

}



.con3 .rig .btn .div .div-l div p {

    display: block;

    width: auto;

    font-size: 48px;

    color: #0079c3;

    font-weight: bold;

    float: left;

}



.con3 .rig .btn .div .div-l div p span {

    font-size: 42px;

}



.con3 .rig .btn .div .div-l div em {

    font-size: 38px;

    color: #0079c3;

    float: left;

}



.con3 .rig .btn .div .div-r {

    width: 65.3%;

    float: left;

}



.con3 .rig .btn .div .div-r p {

    font-size: 42px;

    color: #333333;

    font-weight: lighter;

}



/* con4 */

.con4 {

    padding: 140px 0;
    

}
.con4 .divImg{display:inline-block;}

.con4 .divImg img{width:100%;height:100%;object-fit:cover;}

.con4 .h1 {

    font-size: 60px;

    color: #000000;

    padding-bottom: 100px;

    font-weight: bold;

}



.con4 .btn .div {

    width: 29.4%;

    float: left;

    margin-right: 5.9%;

    text-align: center;

}



.con4 .btn .div:last-child {

    margin-right: 0;

}



.divImg{

    width: 360px!important;

    margin:0 auto;

    height: 360px!important;

    display:table-cell;

    vertical-align:middle;

    text-align:center;

}

.divImg img{

    width:100%!important;

    vertical-align:middle;

    display:inline-block;

}

.con4 .btn .div h1 {

    padding-top: 18px;

    font-size: 26px;

    color: #000000;

    line-height: 42px;

	display: -webkit-box;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-align: left;

}



.con4 .btn .div p {

    padding: 40px 0;

    font-size: 24px;

    color: #b1b7bd;

    border-bottom: 2px solid #e8edf2;

    position: relative;

}



.con4 .btn .div p:before {

    content: '';

    height: 2px;

    width: 0;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: #0079c3;

    transition: all 1s;

}



.con4 .btn .div:hover h1 {

    color: #0079c3;

}



.con4 .btn .div:hover p {

    color: #0079c3;

    border-bottom: none;

}



.con4 .btn .div:hover p:before {

    width: 100%;

}



/* con5 */

.con5 .div {

    width: 50%;

    float: left;

    position: relative;

}



.con5 .div img {

    width: 100%;

    vertical-align: middle;

}



.con5 .div .wz {

    width: auto;

    position: absolute;

    top: 30%;

    left: 100px;

    transform: translateY(-50%);

}



.con5 .div .wz h1 {

    font-size: 42px;

    line-height: 52px;

    color: #111111;

    font-weight: bold;

}



.con5 .div .wz h1:nth-child(2) {

    margin-bottom: 45px;

}



.con5 .div .wz p {

    font-size: 20px;

    color: #000000;

    line-height: 30px;

}



.con5 .div .wz button {

    margin-top: 100px;

}



.con5 .div:nth-child(2) .wz p, .con5 .div:nth-child(2) .wz h1 {

    color: #fff;

}



@media (max-width: 1840px) {

    .con3 .rig {

        padding: 88px 0;

        padding-left: 50px;

        padding-right: 60px;



    }



    .con3 .rig .top h1 {

        font-size: 69px;

        margin-bottom: 30px;

    }



    .con3 .rig .top p {

        line-height: 26px;

    }



    .con3 .rig .btn .div {

        padding: 18px 0;

    }



    .con3 .rig .btn .div .div-r p {

        font-size: 36px;

    }



    .con3 .rig .btn .div .div-l p span {

        font-size: 46px;

    }



    .con3 .rig .btn {

        margin-top: 55px;

        padding-bottom: 66px;

    }

}

@media (max-width: 1680px) {
    .con1 .div .wz h1{
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 1459px) {
    .con1 .div .wz{
        left: 30px;
    }

    .button {

        /* width: 56px; */

        font-size: 14px;

    }



    .button span {

        width: 5px;

    }



    .banner .wz p {

        font-size: 50px;

    }

    .banner .wz .p1{

        font-size: 26px;

    }





    .banner .wz button {

        margin-top: 45px;

        padding: 0 30px;

        display: block;

        width: 179px;

        height: 38px;

        line-height: 38px;

        font-size: 14px;

        text-align: center;

    }



    .banner .wz button span {

        width: 5px;

    }



    .swiper-pagination-bullet {

        width: 17px;

        height: 17px;

    }



    .swiper-pagination-bullet-active {

        width: 20px;

        height: 20px;

        border: 3px solid #0079c3;

    }



    .con1 {

        margin-top: 5px;

    }



    .con1 .div .wz h1 {

        font-size: 20px;

        line-height: 28px;

    }



    .con1 .div .wz .button {

        margin-top: 47px;

    }



    .con2 .wz h1 {

        font-size: 54px;

    }



    .con2 .wz p {

        font-size: 18px;

    }



    .con2 .wz2 h1 {

        font-size: 27px;

    }



    .con2 .wz2 p {

        font-size: 18px;

    }



    .con3 {

        margin-top: 8px;

    }



    .con3 .rig {

        padding: 76px 0;

        padding-left: 38px;

        padding-right: 60px;

    }



    .con3 .rig .top h1 {

        font-size: 54px;

        margin-bottom: 28px;

    }



    .con3 .rig .btn {

        margin-top: 59px;

        padding-bottom: 76px;

    }



    .con3 .rig .btn .div {

        padding: 13px 0;

    }



    .con3 .rig .btn .div .div-l div em {

        font-size: 28px;

        color: #0079c3;

        float: left;

    }



    .con3 .rig .btn .div .div-r p {

        font-size: 34px;

    }



    .con3 .rig .btn .div .div-l div p {

        font-size: 36px;

    }



    .con3 .rig .btn .div .div-l div p span {

        font-size: 40px;

    }



    .con4 {

        padding: 106px 0;

    }



    .con4 .h1 {

        font-size: 45px;

        padding-bottom: 76px;

    }



    .con4 .btn .div h1 {

        padding-top: 13px;

        font-size: 22px;

        line-height: 36px;

    }



    .con4 .btn .div p {

        padding: 45px 0;

        font-size: 18px;

    }



    .con5 .div .wz h1 {

        font-size: 32px;

        line-height: 42px;

    }



    .con5 .div .wz h1:nth-child(2) {

        margin-bottom: 34px;

    }



    .con5 .div .wz button {

        margin-top: 76px;

    }



    .con5 .div .wz p {

        font-size: 18px;

        line-height: 28px;

    }

}



@media (max-width: 1366px) {

    .con3 .rig {

        padding: 67px 0;

        padding-left: 38px;

        padding-right: 60px;

    }



    .con3 .rig .top h1 {

        margin-bottom: 21px;

    }



    .con3 .rig .btn {

        margin-top: 55px;

        padding-bottom: 71px;

    }

}



@media (max-width: 1290px) {

    .con3 .rig {

        padding: 63px 0;

        padding-left: 50px;

        padding-right: 60px;

    }



    .con3 .rig .btn {

        margin-top: 27px;

        padding-bottom: 38px;

    }

}



@media (max-width: 1259px) {
    .con1 .div .wz{
        left: 20px;
    }


    .banner .wz p {

        font-size: 40px;

    }

    .banner .wz .p1{

        font-size: 24px;

    }



    .banner .wz button {

        margin-top: 39px;

        padding: 0 26px;

        width: 154px;

        height: 32px;

        line-height: 32px;

        font-size: 13px;

    }



    .button {

        font-size: 13px;

    }



    .banner .wz button span {

        width: 4px;

    }



    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        /*left: 10%;*/

    }



    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

        margin: 0 4px;

    }



    .swiper-pagination-bullet {

        width: 11px;

        height: 11px;

    }



    .swiper-pagination-bullet-active {

        width: 13px;

        height: 13px;

        border: 2px solid #0079c3;

    }



    .con1 .div .wz h1 {

        font-size: 18px;

        color: #010101;

        line-height: 28px;

    }



    .con2 .wz h1 {

        font-size: 47px;

    }



    .con2 .wz p {

        font-size: 14px;

        line-height: 22px;

    }



    .con2 .wz2 h1 {

        font-size: 23px;

    }



    .con2 .wz2 p {

        font-size: 14px;

        line-height: 22px;

    }



    .con3 .rig .top h1 {

        font-size: 45px;

        margin-bottom: 19px;

    }



    .con3 .rig .top p {

        font-size: 14px;

        line-height: 22px;

        color: #333;

    }



    .con3 .rig .btn .div .div-l p span {

        font-size: 26px;

    }



    .con3 .rig .btn .div .div-l p em {

        font-size: 18px;

    }



    .con3 .rig .btn .div .div-r p {

        font-size: 26px;

    }



    .con4 {

        padding: 91px 0;

    }



    .con4 .h1 {

        font-size: 39px;

        padding-bottom: 65px;

    }



    .con4 .btn .div h1 {

        padding-top: 11px;

        font-size: 23px;

        line-height: 31px;

    }



    .con4 .btn .div p {

        padding: 39px 0;

        font-size: 14px;

    }



    .con5 .div .wz h1 {

        font-size: 22px;

        line-height: 30px;

    }



    .con5 .div .wz p {

        font-size: 14px;

        line-height: 22px;

    }

}



@media (max-width: 991px) {

    .banner .wz p {

        font-size: 30px;

    }



    .banner .wz .p1{

        font-size: 16px;

    }



    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        /*left: 6.5%;*/

    }



    .con1 .div .wz h1 {

        font-size: 18px;

        line-height: 28px;

    }



    .con1 .div .wz .button {

        margin-top: 32px;

    }



    .con1 .div

    .con2 .wz h1 {

        font-size: 37px;

    }



    .con3 .rig .top h1 {

        font-size: 37px;

        margin-bottom: 19px;

    }



    .con3 .rig .btn {

        margin-top: 20px;

        padding-bottom: 30px;

    }



    .con3 .rig .btn .div .div-r p {

        font-size: 24px;

    }



    .con3 .rig .btn .div .div-l div p span {

        font-size: 24px;

    }



    .con3 .rig .btn .div .div-l div p {

        font-size: 24px;

    }



    .con3 .rig .btn .div .div-l .div em {

        font-size: 16px;

    }



    .con3 .rig .btn .div {

        padding: 10px 0;

    }



    .con3 .rig {

        padding: 52px 0;

        padding-left: 30px;

        padding-right: 30px;

    }



    .con4 {

        padding: 51px 0;

    }



    .con4 .h1 {

        font-size: 31px;

        padding-bottom: 51px;

    }



    .con4 .btn .div h1 {

        padding-top: 9px;

        font-size: 18px;

        line-height: 26px;

    }



    .con4 .btn .div p {

        padding: 30px 0;

    }



    .con5 .div .wz h1 {

        font-size: 30px;

        line-height: 37px;

        color: #111111;

        font-weight: bold;

    }



    .con5 .div .wz h1:nth-child(2) {

        margin-bottom: 23px;

    }



    .con5 .div .wz {

        left: 30px;

    }



    .con5 .div .wz button {

        margin-top: 51px;

    }



}



@media (max-width: 768px) {

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        /*left: 9.5%;*/

    }



    .con3 .lef {

        width: 100%;

    }



    .con1 .div .wz .button {

        margin-top: 20px;

    }



    .con3 .rig {

        width: 100%;

        padding: 20px 30px;

        padding-bottom: 51px;

    }



    .con4 .btn .div h1 {

        padding-top: 9px;

        font-size: 16px;

        line-height: 24px;

    }



    .con5 .div .wz {

        top: 36%;

    }



}



@media (max-width: 500px) {

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        /*left: 17.5%;*/

    }



    .banner .wz button {

        padding: 0 10px;

    }

    .divImg{

        height: auto!important;

        width: 100%;

    }

    .banner .wz {

        width: 90%;

        margin: 0 auto;

    }

    .banner .rq {

        position: absolute;

        top: 50%;

        left: 0%;

        width:100%;

        transform: translate(0%, -50%);

    }



    .con1 .div {

        width: 100%;

        margin-top: 10px;

        padding: 0 20px;

    }



    .con1 {

        margin-top: 30px;

        margin-bottom: 40px;

    }



    .con1 .div .wz {

        top: 35%;

        left: 40px;

    }



    .con1 .div .wz .button {

        margin-top: 30px;

    }



    .con2 .div {

        width: 60%;

    }



    .con2 .wz2 {

        width: 100%;

        padding: 0 20px;

    }



    .con2 .wz {

        display: none;

    }



    .con2 .div.on1 {

        width: 100%;

        padding: 0;

    }



    .con3 {

        margin-top: 40px;

    }



    .con3 .rig {

        width: 100%;

        padding: 20px 20px;

        padding-bottom: 40px;

    }



    .con3 .rig .top h1 {

        font-size: 24px;

        margin-bottom: 5px;

    }



    .con3 .rig .btn {

        margin-top: 8px;

        padding-bottom: 30px;

    }



    .con4 {

        padding: 40px 0;

    }



    .con4 .h1 {

        font-size: 24px;

        padding-bottom: 20px;

    }



    .con4 .btn .div {

        width: 100%;

        float: left;

        margin-right: 0%;

    }



    .con4 .btn .div h1 {

        padding-top: 20px;

    }



    .con4 .btn .div p {

        padding-top: 8px;

        padding-bottom: 20px;

    }



    .con4 .btn .div {

        padding-bottom: 20px;

    }



    .con4 .btn .div:last-child {

        padding-bottom: 0;

    }



    .con5 .div {

        width: 100%;

        float: left;

        position: relative;

    }



    .con5 .div .wz h1:nth-child(2) {

        margin-bottom: 14px;

    }



    .con5 .div .wz button {

        margin-top: 30px;

    }



    .foot-top .fx {

        height: auto;

        padding: 20px 0;

    }



    .foot .foot-bot {

        padding-top: 20px;

        padding-bottom: 20px;

    }



    .con5 .div .wz h1 {

        font-size: 24px;

        line-height: 30px;

        color: #111111;

        font-weight: bold;

    }

}



/* solution 模块*/

.solution_subbner {

    text-align: center;

    position: relative;

}



.solution_subbner img {

    width: 100%;

    display: block;

}



.solution_subbner .p1 {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-transform: capitalize;

    color: #FFFFFF;

    font-size: .42rem;

    width: 80%;

}



.solution_subbner .p1::before {

    content: "";

    width: 0.14rem;

    height: 0.03rem;

    background-color: #fff;

    display: block;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -0.28rem;

}



/*solution-con2*/

.solution-con2 {

    padding: 1rem 0 1.7rem 0;

    position: relative;

}



.solution-con2 .list .list-item {

    display: block;

}



.solution-con2 .list .list-item:hover img {

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);

}



.solution-con2 .list .list-item img {

    display: block;

    width: 100%;

    transition: .45s linear;

}



.solution-con2 .list .list-item .list-item_foot {

    width: 100%;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    padding: .3rem 1.45rem .3rem 1.20rem;

    background-color: #dff1ff;

}



.solution-con2 .list .list-item .list-item_foot .p1 {

    padding-left: .24rem;

    position: relative;

    font-size: .24rem;

    font-family: "microsoft yahei";

}



.solution-con2 .list .list-item .list-item_foot .p1::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-60%);

    width: 0;

    height: 0;

    border: 0.05rem solid transparent;

    border-bottom-color: #007ac4;

}



.solution-con2 .watermark {

    position: absolute;

    width: 6.85rem;

    height: 1.09rem;

    background: url(../images/img30.png) no-repeat;

    background-size: cover;

    left: 0;

    bottom: -.4rem;

}



@media (max-width: 414px) {

    .solution-con2 .list .list-item .list-item_foot {

        flex-direction: column;

        row-gap: 10px;

        padding: 15px;

    }

}



/*.solution-con3*/

.solution-con3 {

    padding: .7rem 0 1.2rem 0;

    position: relative;

}



.solution-con3::before {

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0;

    content: "";

    display: block;

    width: 100%;

    height: 4.76rem;

    background: url(../images/img31.jpg) no-repeat;

    background-size: cover;

}



.solution-content .lt {

    width: 47%;

}



.solution-content .rt {

    width: 48%;

}



.solution-content__header {

    margin-bottom: .2rem;

    min-height: 1.07rem;

}



.solution-content__inner .solution-content__inner-left {

    background-color: #fff;

    box-shadow: 0 0 0.21rem rgba(0, 0, 0, 0.2);

    height: 6.25rem;

}



.solution-content__inner .solution-content__inner-left .img-box {

    overflow: hidden;

    height: 5.42rem;

    display: flex;

    align-items: center;

    justify-content: center;

}



.solution-con4 .solution-content__inner .solution-content__inner-left{

    height: 7.5rem;

}

.solution-con4 .solution-content__inner .solution-content__inner-left .img-box {

    height: 6.17rem;

}



.solution-content__inner .solution-content__inner-left .img-box img {

    transition: 0.35s;

    /* width: 100%; */

    width: auto;

    max-width: 100%;

    max-height: 100%;

}



.btn-area .jump {

    display: block;

    margin: auto;

    width: 3.13rem;

    height: 0.51rem;

    line-height: 0.51rem;

    background-color: #dff1ff;

    border-radius: 0.25rem;

    font-size: 0.18rem;

    font-family: "microsoft yahei";

    text-align: center;

    position: relative;

    overflow: hidden;

}



.btn-area .jump:hover {

    border-radius: 0;

}



.btn-area .jump img {

    width: .15rem;

    height: .15rem;

    margin-right: 0.12rem;

}



.btn-area .jump::before {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #fff;

}



.btn-area .jump:hover::before {

    animation: moving 0.8s;

}



.solution-content__inner .solution-content__inner-right {

    /* height: 8.25rem; */

	height:auto;

}



.solution-content__inner .solution-content__inner-right.scrollbar-y {

    margin-right: 0px;

}



.solution-content__inner .l {

}



.solution-content__inner .l .l-item {

    margin-bottom: 0.1rem;

}



.solution-content__inner .l .l-item:last-child {

    margin-bottom: 0;

}



.solution-content__inner .l .l-item.on {

    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

}



.solution-content__inner .l .l-item .l-item__header {

    /*height: 0.77rem;*/

    height: 1.17rem;

    background-color: #fff;

    display: flex;

    align-items: center;

    padding: 0 0.3rem;

    position: relative;

    cursor: pointer;

    border: 1px solid rgba(0, 0, 0, 0.1);

    transition: .45s;



}



.solution-content__inner .l .l-item.on .l-item__header {

    border: none;

    box-shadow: 0 1px 0.08rem rgba(0, 0, 0, 0.1);

}



.solution-content__inner .l .l-item .l-item__header::before {

    position: absolute;

    /*content: "+";*/

    font-size: 0.24rem;

    right: 0.3rem;

}



.solution-content__inner .l .l-item.on .l-item__header::before {

    content: "-";

}



.solution-content__inner .l .l-item:not(.on) .l-item__header:hover {

    background-color: #dff1ff;

}



.solution-content__inner .l .l-item .l-item__header img {

    width: 0.28rem;

    height: 0.28rem;

    margin-right: 0.1rem;

}



.solution-content__inner .l .l-item .l-item__header span {

    font-size: 0.2rem;

    font-family: "microsoft yahei";

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    padding-right: 8%;

}



.solution-content__inner .l .l-item .l-item__body {

    height: 4rem;

    background-color: #fff;

    display: none;

    border-bottom: 0.06rem solid #dff1ff;

    padding: 0.35rem;

    overflow-y: auto;

}



.solution-content__inner .l .l-item.on .l-item__body {

    display: block;

}



.l-item__body::-webkit-scrollbar {

    width: 3px;

    height: 3px;

}

.l-item__body::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background: #2a78ab;

}

.l-item__body::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);

    border-radius: 10px;

    background: #ededed;

}





.solution-content__inner .l .l-item .l-item__body .p1 {

    font-size: 0.16rem;

    line-height: 0.22rem;

    font-family: "microsoft yahei";

    word-break: break-all;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}



.solution-content__inner .l .l-item .l-item__body .p2 {

    text-align: center;

    margin-top: 0.35rem;

    height: 1.7rem;

}



.solution-content__inner .l .l-item .l-item__body .p2.long {

    margin-top: 0.25rem;

}



.solution-content__inner .l .l-item .l-item__body .p2 img {

    /*width: 2.69rem;*/

    /*height: 1.58rem;*/

    max-width: 70%;

}



.solution-content__inner .l .l-item .l-item__body .p2.long img {

    /*width: 5.23rem;*/

    /*height: 1.39rem;*/

    max-width: 70%;

}



.solution-content__inner .l .l-item .l-item__body .p2 span {

    font-size: 0.16rem;

    font-family: "microsoft yahei";

    display: inline-block;

}



.solution-content__inner .l .l-item .l-item__body .p2 span:last-child {

    margin-left: 0.3rem;

}



@media (max-width: 1679px) {

    .solution-content__inner .solution-content__inner-left .img-box img {

        /* width: 85%; */

        width: auto;

    }

}



@media (max-width: 1459px) {

    .solution-content__inner .l .l-item .l-item__body .p2 img {

        /*max-width: 40%;*/

    }

}



@media (max-width: 1259px) {

    .solution-content__inner .l .l-item .l-item__body .p2 img {

        /*max-width: 40%;*/

    }

}



@media (max-width: 991px) {

    .solution-content .lt,

    .solution-content .rt {

        width: 100%;

    }



    .title1 {

        margin-bottom: 20px;

    }



    .solution-content__inner .solution-content__inner-left {

        height: unset;

        margin-bottom: 15px;

        padding: 20px;

    }



    .solution-content__inner .l .l-item .l-item__body,

    .solution-content__inner .solution-content__inner-right,

    .solution-content__inner .solution-content__inner-left .img-box {

        height: unset;

    }



    .solution-content__inner .l .l-item .l-item__header span {

        font-size: 15px;

    }



    .solution-content__inner .l .l-item .l-item__body .p1 {

        font-size: 14px;

        line-height: unset;

    }



    .solution-content__inner .l .l-item .l-item__header {

        height: 50px;

    }



    .solution-content__inner .solution-content__inner-right.scrollbar-y {

        height: 566px;

    }



    .solution-content__inner .l .l-item .l-item__body .p2 {

        height: 3.7rem;

    }



}



@media (max-width: 768px) {

    .btn-area .jump {

    }

}





/*solution-con4*/

.solution-con4 {

    padding: 1.1rem 0 1.2rem;

    background: url("../images/img49.jpg") no-repeat center center/cover;

}



/*solution-con5*/

.solution-con5 {

    padding: 1.1rem 0 0;

}



.solution-con5 .solution-content__inner .solution-content__inner-left {

    height: 6.44rem;

}



.solution-con5 .solution-content__inner .solution-content__inner-right {

    height: 6.44rem;

}





.solution-con5 .solution-content__inner .solution-content__inner-left .img-box {

    height: 5.65rem;

}



.solution-con5 .solution-content__inner .l .l-item .l-item__body {

    height: 1.81rem;

}



.solution-foot {

    text-align: center;

    padding: 1.4rem 0 0.5rem;

}



.solution-foot .foot-title {

    font-weight: bold;

    font-size: 0.4rem;

    position: relative;

    text-transform: capitalize;

    padding-bottom: 20px;

}



.solution-foot .foot-title::before {

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    content: "";

    background-color: #dff1ff;

    height: 3px;

    width: 50px;

}



.solution-foot .foot-desc {

    font-size: 0.18rem;

    margin-top: 0.35rem;

    margin-bottom: 0.35rem;

}



@media (max-width: 991px) {

    .solution-con5 .solution-content__inner .solution-content__inner-left,

    .solution-con5 .solution-content__inner .solution-content__inner-left .img-box,

    .solution-con5 .solution-content__inner .solution-content__inner-right,

    .solution-con5 .solution-content__inner .l .l-item .l-item__body {

        height: unset;

    }



    .solution-foot .foot-desc {

        font-size: 14px;

    }

}



/* sovle-area star */

.sovle-area {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    background: url(../images/img55.jpg) center center /cover;

    height: 9.21rem;

    border-bottom: 0.07rem solid #dff1ff;

}



.sovle-item {

    position: relative;

    border-right: 1px solid #d8d6db;

    cursor: pointer;

    overflow: hidden;

}



.sovle-item:hover::after {

    position: absolute;

    z-index: 10;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    clip-path: circle(30% at 100% 100%);

    animation: circle 1s ease-in-out forwards;

    background-image: linear-gradient(180deg, rgba(205, 246, 244, 0.1) 15%, rgba(58, 179, 176, 0.88) 40%, rgba(85, 181, 255, 0.88));



}



@keyframes circle {

    from {

        clip-path: circle(30% at 100% 100%);

    }



    to {

        clip-path: circle(150% at 0 0);

    }

}



.sovle-item .contentBx {

    position: absolute;

    bottom: calc(-100% - -2rem);

    z-index: 20;

    transition: bottom .8s;

    height: 100%;

    width: 100%;

}



.sovle-item:hover .contentBx {

    bottom: 0;

}



.sovle-item .contentBx .inner {

    position: absolute;

    padding-left: 0.65rem;

    padding-right: 0.65rem;

    padding-bottom: 1.8rem;

}



.sovle-item:hover .contentBx .inner {

    bottom: 0;

}



.sovle-item .contentBx img {

    width: 0.28rem;

    height: 0.28rem;

    margin-bottom: 0.15rem;

}



.sovle-item .contentBx h1 {

    word-break: break-all;

    position: relative;

    font-size: .2rem;

    font-family: "microsoft yahei";

    font-weight: bold;

    color: #fff;

}



.sovle-item .contentBx h1::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0.04rem;

    left: 0;

    bottom: -0.25rem;

    background: #fff;

    border-radius: 2px;

}



.sovle-item .contentBx p {

    font-size: 0.16rem;

    line-height: 0.24rem;

    color: #fff;

    margin-top: 0.4rem;

    opacity: 0;

    transition: opacity 0.8s;

}



.sovle-item:hover .contentBx p {

    opacity: 1;

}



.sovle-item:hover .contentBx h1::before {

    transition: .45s .3s;

    width: 0.21rem;

}



.sovle-app {

    padding-bottom: 15px;

}



.sovle-app-item {

    position: relative;

    height: 400px;

}



.sovle-app-item .bg {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.sovle-app-item .content-box {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    padding: 25px;

    background-image: linear-gradient(

            180deg, rgba(205, 246, 244, 0.1) 15%, rgba(58, 179, 176, 0.88) 40%, rgba(85, 181, 255, 0.88));

    color: #fff;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.sovle-app-item .content-box img {

    width: 50px;

    height: 50px;

}



.sovle-app-item .content-box h1 {

    margin: 20px 0;

    color: #fff;

    font-size: 20px;

}



.sovle-app-item .content-box p {

    font-size: 16px;

    line-height: 25px;

}



.sovle-app .swiper-pagination {

    left: 0;

    right: 0;

    transform: none;

}



@media (max-width: 991px) {

    .sovle-item .contentBx .inner {

        padding-left: 20px;

        padding-right: 20px;

    }

}



/* sovle-area end */



/*subbner start */

.subbner {

    position: relative;

}



.subbner-bg {

    width: 100%;

    display: block;

}



.banner-pc {

    display: block;

}



.banner-mobile {

    display: none;

}



.subbner-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 4;

}



.subbner .sub-cn {

    font-size: 0.36rem;

    font-family: "OPPO";

    line-height: 1.4;

}



.subbner .sub-arrow {

    margin-top: 0.4rem;

    width: 0.08rem;

    height: 0.36rem;

}



/* subbner end */



/*about-con1 - start*/

.about-con1 {

    padding: 1.1rem 0 0.7rem;

    background-color: rgba(223, 241, 255, 0.35);

}



.about-content .m-des {

    font-size: 12px;

    color: #666;

    line-height: 2;

    max-height: 4rem;

    margin-top: 0.64rem;

}



.about-img {

    margin-top: 20px;

    position: relative;

    cursor: pointer;

}



.about-img img {

    width: 100%;

}



.about-img .play {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.about-img .play img {

    width: 0.8rem;

    height: 0.8rem;

    transition: all 0.4s;

}



.about-img:hover .play img {

    transform: translateY(-10%);

}





@media (min-width: 768px) {

    .about-content {

        float: left;

        width: 50%;

    }



    .about-content .m-des .mCSB_container {

        font-size: 14px;

    }



    .about-img {

        float: right;

        width: 38.75%;

        margin-top: 0;

    }

}



@media (min-width: 1500px) {

    .about-content .m-des .mCSB_container {

        font-size: 16px;

    }

}



.counter-content {
    margin-top: 1.3rem;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.counter-content .counter-item {
    width: 100%;
    display: flex;
    grid-gap: 20px;
    /*align-items: end;*/
}

.counter-content .counter-item .counter-item__icon {
    width: 0.66rem;
    height: 0.72rem;
    background-color: #0079c3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter-content .counter-item .counter-item__icon img {
    width: 60%;
}

.counter-content .counter-item .counter-item__text {
    width: 100%;
    flex: 1;
    line-height: 1.1;
}

.counter-content .counter-item .counter-item__text span {
    font-size: 0.35rem;
    font-weight: bold;
}

.counter-content .counter-item .counter-item__text sup {
    font-size: 0.25rem;
    vertical-align: text-top;
}

.counter-content .counter-item .counter-item__text .text {
    margin: 10px 0 0;
    font-size: 0.2rem;
}



@media (max-width: 991px) {
    .counter-content {
        margin-top: 0.55rem;
        grid-template-columns: repeat(2, 1fr);
    }
}



/*about-con1 - end */



/*about-con2 - start */

.about-con2 {

    padding: 1.3rem 0 1.25rem;

    background-color: #f2f5f6;

}



.about-con2 .title1 {

    text-align: center;

}



.about-con2 .title1::before {

    left: 50%;

    transform: translateX(-50%);

}



.con2-wrap {

    margin-top: 0.85rem;

    display: flex;

    justify-content: space-between;

}



.con2-wrap .wrap-img {

    width: 47%;

}



.con2-wrap .wrap-img img {

    width: 100%;

    display: block;

}



.con2-wrap .wrap-content {

    width: 47%;

}



.wrap-content .content-item {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 0.35rem;

    padding-top: 0.45rem;

    display: flex;

    align-items: end;

}



.wrap-content .content-item:first-child {

    padding-top: 0;

}



.wrap-content .content-item:last-child {

    padding-bottom: 0;

    border-bottom: none;

}



.wrap-content .content-item .content-item__icon {

    margin-right: 0.4rem;

}



.wrap-content .content-item .content-item__icon img {

    width: 0.5rem;

}



.wrap-content .content-item .content-item__text .p1 {

    font-size: 0.24rem;

    font-weight: bold;

    text-transform: uppercase;

}



.wrap-content .content-item .content-item__text .p2 {

    color: #666;

    font-size: 0.18rem;

}



@media (max-width: 1680px) {

    .wrap-content .content-item {

        padding-bottom: 0.55rem;

        padding-top: 0.5rem;

    }

}



@media (max-width: 1260px) {

    .wrap-content .content-item {

        padding-bottom: 0.35rem;

        padding-top: 0.45rem;

    }

}



@media (max-width: 991px) {

    .con2-wrap {

        flex-direction: column;

    }



    .con2-wrap .wrap-img,

    .con2-wrap .wrap-content {

        width: 100%;

    }



    .wrap-content .content-item:first-child {

        padding-top: 0.35rem;

    }

}



/*about-con2 - end */



/*about-con3 - start */

.about-con3 {

    padding: 1.1rem 0 1.3rem;

    position: relative;

    background-color: #f8fafa;

}



.about-con3 .watermark {

    position: absolute;

    width: 6.85rem;

    height: 1.09rem;

    background: url(../images/img76.png) no-repeat;

    background-size: cover;

    right: 0;

    bottom: -.2rem;

}



.con3-wrap {

    margin-top: 1.2rem;

    position: relative;

}



.con3-wrap .swiper-container .line {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 1px;

    background-color: #a0a0a0;

    /*background: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .8) 10%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, .8) 90%, rgba(0, 0, 0, 0) 100%);*/

}



.lcb-item {

    text-align: center;

    position: relative;

    padding: 1.8rem 0;

}



.lcb-item .year {

    width: 0.72rem;

    height: 0.72rem;

    border-radius: 50%;

    background-color: #707070;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    word-break: break-all;

    transition: .45s;

}



.lcb-item .year::before {

    content: "";

    position: absolute;

    border-radius: 50%;

    z-index: -1;

    width: 0.9rem;

    height: 0.9rem;

    background-color: #a0a0a0;

    transition: .45s;

}



.lcb-item .year span {

    display: block;

    font-size: 0.16rem;

    color: #fff;

}



.lcb-item .cont {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    font-size: 0.16rem;

    line-height: 0.24rem;

}



.lcb-item .l-line {

    position: absolute;

    left: 50%;

    bottom: 60%;

    height: 0.72rem;

    width: 1px;

    background-color: #a0a0a0;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .lcb-item .cont {

    bottom: 0;

    top: unset;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .lcb-item .l-line {

    bottom: unset;

    top: 60%;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .year {

    background-color: #0079c3;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .year::before {

    background-color: #dff1ff;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .l-line {

    background-color: #0079c3;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .l-line::before {

    background-color: #dff1ff;

    position: absolute;

    content: "";

    width: 0.11rem;

    height: 0.11rem;

    border-radius: 50%;

    top: 0;

    left: 0;

    animation: sonarEffect 1.3s ease-out 75ms infinite alternate;

    margin-left: -0.05rem;

    margin-top: -0.05rem;

}



.con3-wrap .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n).swiper-slide-active .lcb-item .l-line::before {

    top: unset;

    bottom: 0;

    margin-top: 0;

    margin-bottom: -0.05rem;

}



.con3-wrap .swiper-button-prev,

.con3-wrap .swiper-button-next {

    background-color: #0079c3;

    border-radius: 50%;

    width: 37px;

    height: 37px;

    top: 51%;

}



.con3-wrap .swiper-button-prev::after,

.con3-wrap .swiper-button-next::after {

    content: "";

}



.con3-wrap .swiper-button-prev {

    left: -14px;

}



.con3-wrap .swiper-button-next {

    right: -14px;

    transform: rotate(180deg);

}





@keyframes sonarEffect {

    0% {

        opacity: 0.5;

    }



    40% {

        opacity: 0.8;

    }



    100% {

        transform: scale(1.5);

        opacity: 0;

    }

}



@media (max-width: 1260px) {

    .con3-wrap .swiper-button-prev, .con3-wrap .swiper-button-next {

        width: 30px;

        height: 30px;

        top: 52%;

    }

}



@media (max-width: 768px) {

    .lcb-item .year {

        width: 55px;

        height: 55px;

    }



    .lcb-item .year::before {

        width: 65px;

        height: 65px;

    }



    .lcb-item .l-line {

        bottom: 62%;

    }



    .con3-wrap .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .lcb-item .l-line {

        top: 62%;

    }



    .con3-wrap .swiper-button-prev {

        left: 0px;

    }



    .con3-wrap .swiper-button-next {

        right: 0px;

    }

}



/*about-con3 - end */

/*about-con4 - start */

.about-con4 img {

    width: 100%;

    display: block;

}



/*about-con4 - end */

/*about-con5 - start */

.about-con5 {

    padding: 1rem 0 0.85rem;

    background-color: #dff1ff;

}



.about-con5__header {

    display: flex;

    justify-content: space-between;

}



.about-con5__header .btns {

    width: 44%;

}



.about-con5__header .btns > .btn {

    height: 0.57rem;

    line-height: 0.57rem;

    width: 45%;

    background-color: #fff;

    text-align: center;

    cursor: pointer;

    transition: .42s;

    font-size: 0.20rem;

}



.about-con5__header .btns > .btn:hover,

.about-con5__header .btns > .btn.on {

    background-color: #0079c3;

    color: #fff;

}





.about-con5__header .btns > .btn .icon {

    display: inline-block;

    width: 0.21rem;

    height: 0.21rem;

    vertical-align: middle;

    margin-right: 0.1rem;

    transition: .42s;

}



.about-con5__header .btns > .btn:first-child .icon {

    background: url("../images/img73.png") no-repeat center center/100%;

}



.about-con5__header .btns > .btn:last-child .icon {

    background: url("../images/img74.png") no-repeat center center/100%;

}



.about-con5__header .btns > .btn.on:first-child .icon,

.about-con5__header .btns > .btn:hover:first-child .icon {

    background: url("../images/img73_h.png") no-repeat center center/100%;

}



.about-con5__header .btns > .btn.on:last-child .icon,

.about-con5__header .btns > .btn:hover:last-child .icon {

    background: url("../images/img74_h.png") no-repeat center center/100%;

}





.honor-box {

    margin-top: .7rem;

}



.honor-l {

    width: 48%;

    height: 7rem;

    background: url("../images/img79.jpg") no-repeat center center / 100% 100%;

    position: relative;

}



.honor-l .b_img {

    width: 100%;

    height: 100%;

}



.honor-l .b_img img {

    position: absolute;

    left: 50%;

    top: 44%;

    transform: translate(-50%, -50%);

    padding: 0.17rem;

    background-color: #efefef;

    border: 2px solid #fff;

    width: 2.66rem;

    height: 3.9rem;

    box-sizing: content-box;

}



.honor-l .img_title {

    text-align: center;

    font-size: 0.18rem;

    font-weight: normal;

    position: absolute;

    left: 0;

    bottom: 15%;

    width: 100%;

}



.honor-r {

    width: 44%;

    height: 7rem;

}



.honor-r .bd_r_box {

    margin-right: -20px;

}



.bd_r_box .img_list {

    height: 7rem;

}



.bd_r_box .img_list .mCSB_inside > .mCSB_container {

    margin-right: 0;

}



.bd_r_box .img_list li {

    margin-bottom: 14px;

    float: left;

    margin-right: 3%;

    width: 30%;

    cursor: pointer;

}



.bd_r_box .img_list li.on .img_box {

    border: 2px solid #0052a2;

}



.bd_r_box .img_box {

    height: 1.85rem;

    text-align: center;

    position: relative;

    overflow: hidden;

    border: 2px solid #e5e5e5;

    background-color: #fff;

}



.bd_r_box .img_box img {

    height: 80%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.honor-box:nth-of-type(3) {

    display: none;

}



@media (max-width: 768px) {

    .honor-l {

        display: none;

    }



    .honor-r {

        width: 100%;

        padding-bottom: 10%;

    }



    .honor-r .bd_r_box {

        margin-right: -4px;

    }



    .about-con5__header {

        flex-direction: column;

    }



    .about-con5__header .btns {

        width: 100%;

    }

}



/* about-con5 end */



/* about-con6 start */

.about-con6 {

    padding: 0.8rem 0 1.2rem;

    background-color: #f6f6f6;

}



.con6-wrap {

    display: flex;

    justify-content: space-between;

}



.con6-wrap .wrap-content {

    width: 44%;

}



.con6-wrap .wrap-content .title1::before {

    bottom: -0.32rem;

}



.con6-wrap .wrap-content .desc {

    font-size: 0.18rem;

    margin-top: 0.1rem;

    color: #353535;

}



.con6-wrap .wrap-content img {

    width: 0.7rem;

    height: 0.56rem;

    margin: 0.5rem 0 0.25rem;

}



.con6-wrap .wrap-content .text {

    font-size: 0.18rem;

}





.con6-wrap .wrap-img {

    width: 46%;

}



.con6-wrap .wrap-img img {

    width: 100%;

}



@media (max-width: 991px) {

    .con6-wrap {

        flex-direction: column;

    }



    .con6-wrap .wrap-content,

    .con6-wrap .wrap-img {

        width: 100%;

    }



    .con6-wrap .wrap-img {

        margin-top: 0.35rem;

    }



    .con6-wrap .wrap-content .desc {

        margin-top: -13px;

    }



}



@media (max-width: 768px) {

    .con6-wrap .wrap-content .desc {

        margin-top: -17px;

    }

}





/* about-con6 end */

/* about-con7 start */

.about-con7 {

    padding: 1.2rem 0 0.65rem;

    /*background-color: rgba(238, 238, 238, 0.5);*/

    background-image: linear-gradient(180deg, #fff 20%, rgba(238, 238, 238, 0.5));

}



.about-con7 .title1::before {

    display: none;

}



.about-con7 .desc {

    font-size: 0.18rem;

}



.map-wrap {

    width: 9.6rem;

    height: 4.77rem;

    margin: .7rem auto 0;

    position: relative;

}



.map-wrap img {

    width: 100%;

    display: block;

}



.map-wrap .bz {

    position: absolute;

}



.map-wrap .bz .bz-icon {

    display: inline-block;

    width: 0.25rem;

    height: 0.4rem;

    background: url("../images/img192.png") no-repeat center center / 100% ;

    cursor: pointer;

    transition: 0.45s;

}



.map-wrap .bz.on .bz-icon,

.map-wrap .bz:hover .bz-icon {

    animation: abfd 2s linear infinite;

    background: url("../images/img85_h.png") no-repeat center center / 100% 100%;

}



@keyframes abfd {

    0%, 100% {

        transform: scale(0.8);

    }

    50% {

        transform: scale(1.1);

    }

}



.map-wrap .bz .bz-content {

    width: 1.96rem;

    height: 1.28rem;

    border: 2px solid #0079c3;

    position: absolute;

    left: 0.35rem;

    bottom: -100px;

    display: none;

}



.map-wrap .bz.on .bz-content,

.map-wrap .bz:hover .bz-content {

    display: block;

}



.map-wrap .bz .bz-content::before {

    background-image: linear-gradient(180deg, transparent 75%, #0079c3);

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.map-wrap .bz .bz-content img {

    width: 100%;

    display: block;

}



.map-wrap .bz .bz-content p {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    color: #fff;

    font-size: 0.14rem;

    text-align: center;

    white-space: nowrap;

    padding: 0.05rem 0.15rem;

    overflow: hidden;

    text-overflow: ellipsis;

}



.map-wrap .bz.bz_1 {

    top: 40%;

    right: 21%;

}



.map-wrap .bz.bz_2 {

    top: 23%;

    right: 47%;

}



.map-wrap .bz.bz_6 {

    top: 19%;

    right: 45%;

}



.map-wrap .bz.bz_3 {

    top: 27%;

    right: 48%;

}



.map-wrap .bz.bz_4 {

    top: 27%;

    right: 81%;

}

.map-wrap .bz.bz_5 {

    right: 13%;

    top: 35%;

}



.map-wrap#domestic {

    width: 7.07rem;

    height: 5.92rem;

    display: none;

}



.map-wrap#domestic .bz.bz_1 {

    top: 81%;

    right: 24%;

}



.map-wrap#domestic .bz.bz_2 {

    top: 83%;

    right: 28%;

}



.map-wrap#domestic .bz.bz_3 {

    top: 53%;

    right: 15%;

}



.map-wrap#domestic .bz.bz_4 {

    top: 27%;

    right: 13%;

}



.map-btns {

    text-align: center;

    margin-top: 0.65rem;

    font-size: 0;

}



.map-btns > a {

    display: inline-block;

    width: 1.87rem;

    height: 0.46rem;

    line-height: 0.46rem;

    background-color: #535353;

    color: #fff;

    font-size: 0.14rem;

    margin: 0 0.15rem;

}



.map-btns > a.on,

.map-btns > a:hover {

    background-color: #0079c3;

}



@media (max-width: 768px) {

    .map-btns > a {

        width: 50%;

        margin: 0;

    }



}



/* about-con7 end */




/* 下载列表 */
.download-container {
  background-color: rgb(248,248,248);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 50px 0;
}
.download-container .item_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.download-container .item_box .first-item {
  height: 0 !important;
}
.download-container .item_box .item {
  width: 100%;
  height: auto;
  --item-padding: clamp(1.25rem, calc(-0.288rem + 1.92vw), 1.875rem);
}
.download-container .item_box .item.item2 a {
  height: 100%;
}
.download-container .item_box .item.item2 a::before {
  display: none;
}
.download-container .item_box .item.item2 a .content {
  height: 100%;
  position: absolute;
  padding: 40px 30px 30px;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.download-container .item_box .item.item2 a .content .info .classify {
  color: #0079c3;
}
.download-container .item_box .item.item2 a .content .info .title {
  color: white;
}
.download-container .item_box .item.item2 a .content .text-body {
  color: white;
}
.download-container .item_box .item.item2 a .img-box {
  background-color: transparent;
  opacity: 1;
}
.download-container .item_box .item.item2 a .img-box .pb {
  padding-bottom: 150%;
}
.download-container .item_box .item.active {
  grid-column: span 2;
}
.download-container .item_box .item.active a .img .pb {
  padding-bottom: 43.370038%;
}
.download-container .item_box .item.active a .content .info .title {
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: inherit;
  margin-bottom: 20px;
}
.download-container .item_box .item.active a .content .text-body {
  display: none;
}
.download-container .item_box .item.active a .content .link {
  position: relative;
  opacity: 1;
  padding: 0;
  margin-bottom: 0;
  -webkit-animation: none !important;
  animation: none !important;
}
.download-container .item_box .item.active a:hover .content .link .more {
  opacity: 1;
}
.download-container .item_box .item.active a:hover .content .link .more .word {
  color: white;
}
.download-container .item_box .item a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 40px;
  padding-left: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  padding-right: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  padding-top: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  padding-bottom: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100 * 1vw), 40px);
  border-radius: var(--border-radius20);
  background: #FFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
.download-container .item_box .item a .icon {
  margin-bottom: clamp(calc(117 / 2 * 1px), calc(117 / 1920 * 100 * 1vw), 117px);
}
.download-container .item_box .item a .icon img {
  min-height: 28px;
  max-height: 2.4vw;
}
.download-container .item_box .item a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.download-container .item_box .item a .img .new {
  width: auto;
  height: auto;
  position: absolute;
  left: var(--item-padding);
  top: var(--item-padding);
  padding: 5px 10px;
  border-radius: 50px;
  background: #DEECBD;
  font-size: var(--font13);
  color: #000000;
  line-height: 1;
}
.download-container .item_box .item a .img .pb {
  padding-bottom: 43.374938%;
}
.download-container .item_box .item a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.download-container .item_box .item a .img-box {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.download-container .item_box .item a .img2 {
  position: relative;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.download-container .item_box .item a .img2 .pb {
  padding-bottom: 99%;
}
.download-container .item_box .item a .img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.download-container .item_box .item a .content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  min-height: auto;
}
.download-container .item_box .item a .content .info {
  width: 100%;
  height: auto;
}
.download-container .item_box .item a .content .info .classify {
  width: 100%;
  height: auto;
  font-size: var(--font14);
  color: #000000;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.download-container .item_box .item a .content .info .title {
  width: 100%;
  /* height: 2.1em;*/
  margin-top: clamp(calc(32 / 2 * 1px), calc(32 / 1920 * 100 * 1vw), 32px);
  margin-bottom: clamp(calc(28 / 2 * 1px), calc(28 / 1920 * 100 * 1vw), 28px);
  font-size: var(--font24);
  color: #000000;
  line-height: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
@media (max-width:990px) {
  .download-container .item_box .item a .content .info .title {
    white-space: inherit;
  }
}
.download-container .item_box .item a .content .text-body {
  font-size: var(--font14);
  color: #000000;
  line-height: 1.43;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.download-container .item_box .item a .content .link {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.download-container .item_box .item a .content .link .buy {
  white-space: nowrap;
  width: auto;
  height: 36px;
  /*height: clamp(1.5rem, calc(-0.346rem + 2.31vw), 2.25rem);*/
  padding: 0 27px;
  padding-left: clamp(calc(27 / 2 * 1px), calc(27 / 1920 * 100 * 1vw), 27px);
  padding-right: clamp(calc(27 / 2 * 1px), calc(27 / 1920 * 100 * 1vw), 27px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50px;
  background: #000000;
  font-size: var(--font14);
  color: #FFF;
}
.download-container .item_box .item a .content .link .more {
  width: auto;
  height: auto;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.download-container .item_box .item a .content .link .more .word {
  font-size: var(--font14);
  color: #000000;
}
.download-container .item_box .item a .content .link .more .icon {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
  margin-left: 10px;
  font-size: 0;
}
.download-container .item_box .item:hover a .content .text-body {
  opacity: 0;
}
.download-container .item_box .item:hover a .content .link {
  opacity: 1;
}
.download-container .item_box .item:hover a .content .link .buy {
  background-color: #0079c3;
  color: white;
}
.download-container .item_box .item:hover a .content .link .more {
  opacity: 0;
}
.download-container .item_box .item:hover a .img img,
.download-container .item_box .item:hover a .img2 img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
@media (max-width:1200px) {
  .download-container .item_box {
    gap: 15px;
  }
}
@media (max-width:768px) {
  .download-container .item_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .download-container .item_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .download-container .item_box .item.item2 a::before {
    display: block;
  }
  .download-container .item_box .item.item2 a .img-box {
    opacity: 0;
  }
  .download-container .item_box .item.item2 a .content {
    position: relative;
    padding: 30px;
    padding-left: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
    padding-right: clamp(calc(30 / 2 * 1px), calc(30 / 1920 * 100 * 1vw), 30px);
    height: auto;
  }
  .download-container .item_box .item.item2 a .content .info .classify {
    color: #000000;
  }
  .download-container .item_box .item.item2 a .content .info .title {
    color: #000000;
  }
  .download-container .item_box .item.item2 a .content .text-body {
    color: #000000;
  }
  .download-container .item_box .item.item2:hover a::before {
    opacity: 1;
  }
  .download-container .item_box .item.item2:hover a .content .info .classify {
    color: #0079c3;
  }
  .download-container .item_box .item.item2:hover a .content .info .title {
    color: white;
  }
  .download-container .item_box .item.item2:hover a .content .text-body {
    opacity: 0;
  }
  .download-container .item_box .item.item2:hover a .content .link {
    opacity: 1;
    -webkit-animation: fadeInRight 0.4s 1 ease forwards;
    animation: fadeInRight 0.4s 1 ease forwards;
  }
  .download-container .item_box .item.item2:hover a .content .link .buy {
    background-color: white;
    color: black;
  }
  .download-container .item_box .item.item2:hover a .content .link .more {
    opacity: 0;
  }
  .download-container .item_box .item.item2:hover a .img img,
  .download-container .item_box .item.item2:hover a .img2 img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  .download-container .item_box .item.active {
    grid-column: inherit;
  }
  .download-container .item_box .item.active a .content .info .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: clamp(calc(24 / 2 * 1px), calc(24 / 1920 * 100 * 1vw), 24px);
    margin-bottom: clamp(calc(66 / 2 * 1px), calc(66 / 1920 * 100 * 1vw), 66px);
  }
}

.odm_cont2 .wrap .swiper-container .swiper-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; }