@media (min-width: 1025px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
    }
    .header:not(:hover){background-color: transparent;}
    .header:not(:hover) .logo,.header:not(:hover) .icon-search,.header:not(:hover) .navbar-right .icon-globe{display: none;}
    .header:not(:hover) .logo1{display: block;}
    .header:not(:hover) .icon-search1,.header:not(:hover) .navbar-right .icon-globe1{display: inline-block;}
    .navbar-li{margin: 0 25px;}
    .header:not(:hover) .navbar-li{color:#ffffff;}
    .header:not(:hover) .navbar-li.active>a, .header:not(:hover) .navbar-li.active .navbar-li-a>a, .header:not(:hover) .navbar-li:hover>a, .header:not(:hover) .navbar-li:hover .navbar-li-a>a{color:#ffffff;}
    .header.active{background-color: #ffffff;}
    .header.active .logo{display: block;}
    .header.active .navbar-li{color: #333333;}
    .header.active .navbar-right .icon-search,.header.active .navbar-right .icon-globe{display: inline-block;}
    .header.active .logo1,.header.active .navbar-right .icon-search1,.header.active .navbar-right .icon-globe1{display: none;}
    .header.active .navbar-li.active>a, .header.active .navbar-li.active .navbar-li-a>a, .header.active .navbar-li:hover>a, .header.active  .navbar-li:hover .navbar-li-a>a{color: #348d7d;}

    .banner .swiper-slide img{transform: scale(1.2);transition: 5s;margin: 0 auto; display: block;}
    .banner .swiper-slide-active {z-index: 1;}
    .banner .swiper-slide-active img{transform: scale(1);}
    
}
.div1{        padding-bottom: 150px;        padding-top: 150px;    }
.div1 .container{    flex-direction: column;    display: flex;                width: 1638px;        max-width: 95%;       align-items: center;        margin: 0 auto;}
.div1 .box{display: flex;}
.div1 .box .left{width: 50%;        padding-right: 50px;}
.div1 .box .left .xtit{        margin-bottom: 10px;        width: auto;        color: #26ad9c;        font-size: 22px;        line-height: normal;}
.div1 .box .left .tit {    color: #000000;    font-size: 65px;    line-height: 60px;    position: relative;    top: 0px;    left: 0px;    margin-bottom: 20px;    font-family: "Outfit" !important;}
.div1 .box .left .con {text-indent: 2em;    display: -webkit-box;    -webkit-line-clamp: 10;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    color: #333333;    font-size: 18px;    line-height: 30px;  margin-bottom: 41px;}
.div1 .box .right{width: 50%;            padding-left: 50px; }
.div1 .box .right img{width: 100%;height: 100%; object-fit: cover;border-radius: 15px; overflow: hidden;}
.div1 .other{margin-top: 40px;width: 100%;display: flex;justify-content: space-between;overflow: hidden;}
.div1 .other .li{width: 25%;text-align: center;        padding-left: 10px;        padding-right: 10px;   border-right: 1px solid #e9e9e9;}
.div1 .other .li:nth-child(1){border-left: 1px solid #e9e9e9;}
.div1 .other .li .top{display: flex;    align-items: flex-end;width: 100%;    justify-content: center;}
.div1 .other .li .top .number{width: auto;        color: #348d7d;        font-size: 60px;        line-height: 60px;}
.div1 .other .li .top .dw{    color: #000000;    font-size: 18px;    line-height: normal;    margin-bottom: 4px;    margin-left: 3px;}
.div1 .other .li .tit {    color: #000000;    text-align: center;    font-size: 18px;    line-height: 22px;    margin-top: 10px;}

.div2{        padding-bottom: 150px;   background-color: #f5f9fa;     padding-top: 150px;       }
.div2 .container{ position: relative;   display: flex;    width: 1638px;    max-width: 95%;    margin: 0 auto;    flex-wrap: wrap;}
.div2 .top{width: 100%;}
.div2 .tit{        margin-bottom: 20px;    font-family: "Outfit" !important;        color: #000000;        font-size: 60px;        text-align: left;        line-height: 60px;}
.div2 .con {    color: #000000;    font-size: 18px;    text-align: left;    line-height: 25px;    opacity: 0.7;}
.div2 .left{float: left;width: 50%;        margin-bottom: 35px;}
.div2 .right{float: left;width: 50%;           text-align: right;  margin-top: 78px;   }
.div2 .list{width:58.33333333%; overflow: hidden;float: left;}
.div2 .listbox{width:100%; }
.div2 .list .divshow1{background-color: #348d7d;padding: 40px;border-radius: 20px; width: 100%;    display: flex;    min-height: 613px;}
.div2 .list .divshow1 .left1{ float: left;        overflow: hidden;        padding-right: 40px;       width: 58.33333333%;}
.div2 .list .divshow1 .left1 img{border-radius:20px;    overflow: hidden; width: 100%; height: 100%; object-fit: cover;}
.div2 .list .divshow1 .right1{ float: left;         width: 41.66666667%;}
.div2 .list .divshow1 .top1-btnimg {        width: 60px;    height: auto;    border: 1px solid #ffffff;    border-radius: 50%;    display: inline-block;    background: url(../images/banner-box-bt.png) no-repeat;    height: 60px;    background-size: 35px 35px;    background-position: center center;}
.div2 .list .divshow1 .top1-btnimg:hover{background:#ffffff url(../images/banner-box-bt1.png) no-repeat;background-size: 35px 35px;    background-position: center center;}
.div2 .list .divshow1 .tit2 {    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    color: #ffffff;    font-size: 30px;    font-weight: normal;    line-height: normal;    font-family: "Outfit" !important;        margin-top: 157px;}
.div2 .list .divshow1 .con2 { display: -webkit-box;    -webkit-line-clamp: 6;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    color: #ffffff;    font-size: 18px;    font-weight: normal;    line-height: 30px;    opacity: 0.7;    margin-top: 15px;}
.div2 .list1{    overflow: hidden;    width: 41.66666667%;float: left;}
.div2 .list1 .swiper-slide{padding-left: 30px;}
.div2 .list1 .divshow{height: 352px;border-radius: 20px;overflow: hidden;display: block;position: relative;}
.div2 .list1 .divshow>img{width: 100%;height: 100%;object-fit: cover;}
.div2 .list1 .divshow .divshow_back {background-image:url(../images/index2back.png);         background-position: center bottom;        background-repeat: repeat-x; background-position: bottom; position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.div2 .list1 .divshow .client {    border: 1px solid #e0ebff;    border-radius: 20px;    width: auto;    color: #ffffff;    font-size: 16px;    line-height: 30px;    padding: 0 20px;    position: absolute;    top: 43px;    left: 20px;    background: rgba(255, 255, 255, 0.10);    backdrop-filter: blur(28px);}
.div2 .list1 .divshow .tit1 {    font-family: "Outfit" !important;    color: #ffffff;    font-size: 20px;    line-height: normal;    padding-left: 20px;    padding-right: 20px;    position: absolute;    bottom: 25px;    text-overflow: ellipsis;    -o-text-overflow: ellipsis;    overflow: hidden;    -moz-binding: url('ellipsis.xml#ellipsis');    white-space: nowrap;    width: 75%;}
.div2 .bottom{display: none;}
.div2 .lmbtn{position: absolute;bottom: 50px;left:30px;z-index: 9;}



.div2_prev {cursor: pointer;    margin-right: 10px;    width: 60px;    height: 60px;    background-color: #eaeff0;    background-image: url(../images/index2prev.png);    border-radius: 50%;    overflow: visible;    display: inline-block;    background-position: center center;    background-repeat: no-repeat;    position: relative;    top: 0px;    left: 0px;   background-size: 20px 18px;}
.div2_prev:hover {        background-color: #ffffff;        background-image: url(../images/index2prev1.png);        background-position: center center;    }
.div2_next {cursor: pointer;    width: 60px;    height: 60px;    background-color: #eaeff0;    background-image: url(../images/index2next.png);    border-radius: 50%;    overflow: visible;    display: inline-block;    background-position: center;    background-repeat: no-repeat;    position: relative;    top: 0px;    left: 0px;    background-size: 20px 18px;}
.div2_next:hover {        background-color: #ffffff;        background-image: url(../images/index2next1.png);        background-position: center center;    }

.div3{        padding-bottom: 150px;        padding-top: 150px;       }
.div3 .container{ position: relative;   display: flex;    width: 1638px;    max-width: 95%;    margin: 0 auto;    flex-wrap: wrap;}
.div3 .container>.left{       width: 20%;}
.div3 .container>.left .tit {    margin-bottom: 20px;    color: #000000;    font-size: 65px;    line-height: 60px;    font-family: "Outfit" !important;}
.div3 .container>.left .con {    margin-bottom: 79px;    color: #000000;    font-size: 18px;    line-height: 25px;    position: relative;    top: 0px;    left: 0px;    opacity: 0.7;}
.div3 .container>.center{        width: 40%;padding:0 30px 0 30px;}
.div3 .container>.center img{border-radius:20px;height: 100%;object-fit: cover;width: 100%;}
.div3 .container>.right{        width: 40%;}
.div3 .container>.right .li{   display: flex;     color: #000000;        margin-bottom: 15px;        padding-bottom: 15px;        padding-left: 0;}
.div3 .container>.right .li:last-child {    padding-bottom: 0;    margin-bottom: 0;}
.div3 .container>.right .li .left{        width: 60px;  flex-shrink: 0;  padding:4px 17px 10px 0;}
.div3 .container>.right .li .right{        font-size: 18px;        font-weight: normal;        line-height: normal;}
.div3 .container>.right .li .right strong{font-size: 20px;display: block;margin-bottom: 2px;}
.div3 .container>.lmbtn{display: none;}

.div4{           background-color: #f5f9fa;     padding-bottom: 100px;        padding-top: 150px;       }
.div4 .container{ position: relative;   display: flex;    width: 1638px;    max-width: 95%;    margin: 0 auto;    flex-wrap: wrap;}
.div4 .container>.top{width: 100%;}
.div4 .container>.top>.left{width: 50%;margin-bottom: 35px;float: left;}
.div4 .container>.top>.left .tit {    color: #000000;    font-size: 60px;    text-align: left;    line-height: 60px;    margin-bottom: 20px;    font-family: "Outfit" !important;}
.div4 .container>.top>.left .con {    font-size: 18px;    line-height: 25px;    opacity: 0.7;}
.div4 .container>.top>.right{ width: 50%;   float: left;    margin-top: 40px;        text-align: right;        padding-top: 0px;}
.div4 .container>.top>.right .lmbtn{display: inline-block;margin-top: 41px;}
.div4 .container>.body{width: 100%;}
.div4 .container>.body .left{width: 50%;padding-right: 29px;float: left;}
.div4 .container>.body .left img{border-radius: 20px;height: 700px;width: 100%;object-fit: cover;}
.div4 .container>.body .right{width: 50%;float: left;display: flex;flex-wrap: wrap;}
.div4 .container>.body .right .li{margin:0 0 30px 4%;width: 46%;padding: 30px;        background-color: #ffffff;border-radius: 20px;}
.div4 .container>.body .right .li .top1 {    width: 60px;    padding: 10px;    background-color: #e1f5f2;    border-radius: 50%;}
.div4 .container>.body .right .li .tit1 {text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/  white-space: nowrap;    margin-top: 25px;    font-size: 20px;    font-weight: normal;    line-height: 25px;}
.div4 .container>.body .right .li .con1 {     display: -webkit-box;    -webkit-line-clamp: 6;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;   height: 150px;    font-size: 18px;    font-weight: normal;    line-height: 25px;    opacity: 0.7;    margin-top: 15px;    width: 100%;}
.div4 .container>.body .right .lmbtn{display: none;}
@media only screen and (max-width: 1450px) {
    /*.div3 .container>.left{width: 50%; padding: 0 25px 0 0;        display: flex;        align-items: center;        flex-wrap: wrap;        align-content: center;}
    .div3 .container>.center{width: 50%;padding: 0 0 0 25px;}
    .div3 .container>.center img{height: 500px;}
    .div3 .container>.right{width: 100%;margin-top: 50px;}
    .div3 .container>.right .li{padding-left: 0;}*/
    .div3 .container>.center img{height: 100%;}
}

@media only screen and (max-width: 1300px) {
.div1 .other .li .top .number{font-size: 35px;}
.div1 .box .left{    padding-right: 20px;}
.div1 .box .right{padding-left:20px;}

.div2 .container .list .li .box .left{width: 35%;}
.div2 .container .list .li.active .box .right{width: 65%;}
}
@media only screen and (max-width: 1024px) {
    .banner .swiper-slide img{transform: scale(1.2);transition: 5s;margin: 0 auto; display: block;}
    .banner .swiper-slide-active {z-index: 1;}
    .banner .swiper-slide-active img{transform: scale(1);}

    .div1{padding: 30px 20px;}
    .div1 .container{max-width: 100%;}
    .div1 .box{    flex-wrap: wrap;}
    .div1 .box .left{width: 100%;padding-right:0px;}
    .div1 .box .left .xtit{    line-height: 25px;margin-bottom:0px;    font-size: 14px;}
    .div1 .box .left .tit{        margin-bottom: 20px;        color: #000000;font-size: 21.6px;    line-height: 25px;          text-align: center;}
    .div1 .box .left .con {        line-height: 25px;        overflow-y: auto;        height: auto;        margin-bottom: 30px;        width: 100%;        color: #000000;        font-size: 14px;        max-height: 250px;    }
    .div1 .box .right{width: 100%;    border-radius: 7px; padding-left:0px; margin-top: 31px;}
    .div1 .box .right img{border-radius: 0;}
    .div1 .other{ flex-wrap: wrap;   margin-top: 20px;}
    .div1 .other .li {    width: 50%;        margin-bottom: 20px;}
    .div1 .other .li .tit{text-align: left;}
    .div1 .other .li .top .number{            line-height: normal;    font-size: 30px;  color:#348d7d;}
    .div1 .other .li .top .dw{font-size: 14px;margin-bottom:5px;}
    .div1 .other .li .tit{font-size: 14px;line-height: 25px;margin-bottom: 6%;        margin-top: 1%;  text-align: center;}

    .div2{padding: 30px 20px;}
    .div2 .container{max-width: 100%;}

    .div2 .left{width: 100%;margin-bottom:0px;}
    .div2 .tit {    font-family: "Outfit" !important;    margin-bottom: 20px;    color: #000000;    font-size: 21.6px;    line-height: 28px;    text-align: center;}
    .div2 .con{display: none;}
    .div2 .right{display: none;}
    .div2 .list{width: 100%;}
    .div2 .container .list .li{margin-bottom: 15px;}
    .div2 .list .divshow1{padding: 20px;border-radius:0px;min-height:0px;}
    .div2 .list .divshow1 .left1{padding-right:0px;width: 50%;}
    .div2 .list .divshow1 .left1 img{border-radius:0px;}
    .div2 .list .divshow1 .right1{padding-left: 10px;width: 50%;}
    .div2 .list .divshow1 .top1-btnimg{width: 35px;height: 35px;        background-size: 25px 25px;}
    .div2 .list .divshow1 .tit2{    font-size: 14px;margin-top: 0;}
    .div2 .list .divshow1 .con2{        font-size: 12px;        line-height: 20px;margin-top: 0;}
    .div2 .list1{width: 100%;}
    .div2 .list1 .divshow{border-radius: 0;}
    .div2 .list1 .swiper-slide{padding-left: 0;}
    .div2 .list1 .divshow .divshow_back{position: relative;background: none;}
    .div2 .list1 .divshow .client{display: none;}
    .div2 .list1 .divshow .tit1{position: relative;bottom:0px;        padding-top: 10px;color: #000000;  padding-right: 0; width: 90%; line-height: 25px;padding-left: 0px;   font-size: 14px;}
    .div2 .bottom {    display: block;width: 100%;        text-align: center;        padding-top: 22px;}
    .div2_prev{width: 50px;height: 50px;        background-size: 20px 20px;}
    .div2_next{width: 50px;height: 50px;        background-size: 20px 20px;}
    .div2 .lmbtn{display: none;}

    .div3{padding: 50px 20px;}
    .div3 .container{max-width: 100%;}

    .div3 .container>.left{width: 100%;padding: 0;      display: flex;        align-items: center;        flex-wrap: wrap;        align-content: center;}
    .div3 .container>.left .tit {    font-family: "Outfit" !important;    margin-bottom: 20px;    color: #000000;    font-size: 21.6px;    line-height: 28px;    text-align: center;   width: 100%;}
    .div3 .container>.left .con,.div3 .container>.left .lmbtn{display: none;}
    .div3 .container>.center{width: 100%;padding: 0;}
    .div3 .container>.center img {        height: auto;        border-radius: 0px;    }
    .div3 .container>.right{width: 100%;margin-top: 0;}
    .div3 .container>.right .li {  padding-left: 0;      margin-top: 20px;        padding-bottom:0;        margin-bottom:0;    }
    .div3 .container>.right .li .left{padding: 0 20px 0 0;}
    .div3 .container>.right .li .right{    font-size: 14px;}
    .div3 .container>.right .li .right strong {    font-size: 16px;}
    .div3 .container .lmbtn{display: inline-block;margin-top: 30px;}

    .div4{padding: 30px 20px;}
    .div4 .container{max-width: 100%;}
    .div4 .container>.top>.left{width: 100%;margin-bottom: 25px;}
    .div4 .container>.top>.left .tit{    margin-bottom: 0;    font-family: "Outfit" !important;           color: #000000;        font-size: 21.6px;        line-height: 28px;        text-align: center;        width: 100%;}
    .div4 .container>.top>.left .con{display: none;}
    .div4 .container>.top>.right{display: none;}
    .div4 .container>.body .left{width: 100%;padding-right: 0;}
    .div4 .container>.body .left img{border-radius: 10px;height:auto;}
    .div4 .container>.body .right{width: 100%;}
    .div4 .container>.body .right .li{width: 100%;margin:20px 0 0;padding: 20px;}
    .div4 .container>.body .right .li .tit1{font-size: 18px;margin-top:0px;        line-height: 45px}
    .div4 .container>.body .right .li .con1{height: auto;margin-top:0px;        line-height: 22px;font-size: 14px; opacity: 1;}
    .div4 .container>.body .right .lmbtn{display: block;margin-top: 30px;}
}@media only screen and (max-width: 500px) {
    .div2 .list1 .divshow{height: auto;}
    .div2 .list1 .divshow>img{height: 240px;}
}