.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 {   max-height: 450px;  overflow-y: auto;  color: #333333;  margin-bottom: 30px;  font-size: 18px;    line-height: 30px;  }
.div1 .box .left .con::-webkit-scrollbar {    width: 3px;}
.div1 .box .left .con::-webkit-scrollbar-track {    background-color: rgba(13, 130, 103, .3);    width: 3px;}
.div1 .box .left .con::-webkit-scrollbar-thumb {    background-color: #0d8267;    border-radius: 9px;    width: 5px;}
.div1 .box .right{width: 50%;            padding-left: 50px; }
.div1 .box .right img{width: 100%;height: auto; min-height: 546px; 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;       font-family: "Outfit" !important;     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 {width: 100%;    background-color: #348d7d;    padding-bottom: 150px;    padding-top: 150px;}
.div2 .container{    flex-direction: column;    display: flex;                width: 1638px;        max-width: 95%;       align-items: center;        margin: 0 auto;}
.div2box {    width: 100%;}
.div2tit {  width: 100%;  margin-bottom: 80px;    width: auto;    color: #ffffff;    font-size: 65px;    text-align: center;    line-height: 60px;    font-family: "Outfit" !important;}
.div2box-top {  border-top: 5px solid #49a796;               width: 100%;    position: relative;}
.div2box-top-box{overflow: hidden; margin-top: -12px;     width: 100%;    position: relative;        margin-bottom: 50px;}
.div2box-top .swiper-slide{background-image: url(../images/private/aboutdiv2icon1.png);        background-position: 50% 0px;        background-repeat: no-repeat;        opacity: 0.4;        background-size: 20px 20px;  color: #ffffff;  padding-top: 40px; text-align: center; font-weight: bold; font-size: 40px;  }
.div2box-top .swiper-slide-active{opacity: 1;}
.div2box-top-prev{position: absolute;left: 0;width: 30px;    height: 44px;  top: -24.5px; z-index: 2; cursor: pointer;}
.div2box-top-next{position: absolute;right: 0;width: 30px;    height: 44px;  top: -24.5px; z-index: 2; cursor: pointer;}
.div2box-body{overflow: hidden;width: 100%;}
.div2box-body .swiper-slide .div2box-body-box{background-color: #ffffff;display: flex;  min-height: 546px;}
.div2box-body-box-l{float: left;width: 50%;}
.div2box-body-box-l img{width: 100%;height: 100%; object-fit: cover;}
.div2box-body-box-r{float: left;width: 50%;padding-left: 60px;   box-sizing: border-box;     padding-top: 84px;  padding-right: 20px;}
.div2box-body-box-rtit {    color: #000000;    font-size: 60px;    line-height: normal;    margin-bottom: 11px;    font-family: "Outfit" !important;}
.div2box-body-box-rcon1 {    font-family: "Outfit" !important;    color: #348d7d;    font-size: 30px;    line-height: normal;    margin-bottom: 20px;}
.div2box-body-box-rcon2 {    color: #000000;    font-size: 18px;    line-height: 30px;    opacity: 0.8;    max-height: 235px;    overflow: auto;}


@-webkit-keyframes ksan{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
    100%{-webkit-transform:scale(2.8);transform:scale(2.8);opacity:0.25}
}
@keyframes ksan{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
    100%{-webkit-transform:scale(2.8);transform:scale(2.8);opacity:0.25}
}
.div3{        padding-bottom: 150px;        padding-top: 150px;       }
.div3 .container{    flex-direction: column;    display: flex;        width: 1638px;        max-width: 95%;        align-items: center;        margin: 0 auto;}
.div3 .container>.xtit{margin-bottom: 10px;        width: 100%;        color: #26ad9c;        font-size: 22px;        line-height: normal;}
.div3 .container>.tit{            margin-bottom: 70px;font-family: "Outfit" !important;        width: auto;        color: #000000;        font-size: 65px;        text-align: center;        line-height: 60px;}
.mapbox{width: 100%;overflow: hidden; position: relative;}
.mapbox>img{width: 100%;height: auto;}
.mapbox .list{position: absolute; width: 100%;height: 100%;z-index: 2;left: 0;top: 0;}
.mapbox .list .li{position: absolute;width: 10px;    height: 10px;}
.ksan {      width: 100%;    height: 100%;      display: block;    position: relative;    left: 0px;    top: 0px;    background-color: #26ad9c;    border-radius: 50%;    overflow: visible;}
.ksan:before, .ksan:after, .ksan1 {    content: "";    width: 100%;    height: 100%;    display: block;    overflow: hidden;    position: absolute;    left: 0px;    top: 0px;    background-color: rgba(38, 173, 156, .4);    border-radius: 50%;    transform: scale(1);    opacity: 0;}
.ksan:before {    -webkit-animation: ksan 3s infinite linear;    -moz-animation: ksan 3s infinite linear;    animation: ksan 3s infinite linear;}
.ksan1 {    -webkit-animation: ksan 3s infinite 1.5s linear;    -moz-animation: ksan 3s infinite 1.5s linear;    animation: ksan 3s infinite 1.5s linear;}
/*.ksan:after {    -webkit-animation: ksan 3s infinite 1s linear;    -moz-animation: ksan 3s infinite 1s linear;    animation: ksan 3s infinite 1s linear;}*/
.mapbox .list .li .tit{position: absolute;    white-space: nowrap;    font-size: 14px;    line-height: normal;    width: auto;  top: 18px;       left: 0;    transform: translateX(calc(-50% + 5px));}
.mapbox .list .li:nth-child(1){    left: 17.5%;    top: 38.5%;}
.mapbox .list .li:nth-child(2){    left: 28.5%;    top: 83.5%;}
.mapbox .list .li:nth-child(3){    left: 26%;    top: 90.5%;}
.mapbox .list .li:nth-child(4){    left: 48%;    top: 31.5%;}
.mapbox .list .li:nth-child(4) .tit {    top: -27px;    left: -9px;    transform: translateX(0);}
.mapbox .list .li:nth-child(5){    left: 47.2%;    top: 47.5%;}
.mapbox .list .li:nth-child(6){    left: 51%;    top: 22.5%;}
.mapbox .list .li:nth-child(7){    left: 49%;    top: 32%;}
.mapbox .list .li:nth-child(7) .tit { top: -5px;    left: 20px;    transform: translateX(0);   }
.mapbox .list .li:nth-child(8){     left: 50.6%;    top: 34.9%;}
.mapbox .list .li:nth-child(9){     left: 45.5%;    top: 28%;}
.mapbox .list .li:nth-child(9) .tit {    top: -6px;    left: -44px;    transform: translateX(0);}
.mapbox .list .li:nth-child(10){    left: 54.4%;    top: 71.5%;}
.mapbox .list .li:nth-child(11){    left: 53.1%;    top: 81.7%;}
.mapbox .list .li:nth-child(12){    left: 59.8%;    top: 39.7%;}
.mapbox .list .li:nth-child(13){    left: 59%;    top: 50.8%;}
.mapbox .list .li:nth-child(13) .tit {    top: -5px;    left: unset;    right: 100%;    transform: translateX(-14px);}
.mapbox .list .li:nth-child(14){    left: 60%;    top: 47.7%;}
.mapbox .list .li:nth-child(14) .tit {    top: -5px;    left: 100%;  transform: translateX(10px);}
.mapbox .list .li:nth-child(15){    left: 61.4%;    top: 51%;}
.mapbox .list .li:nth-child(16){    left: 78.3%;    top: 64%;}
.mapbox .list .li:nth-child(17){    left: 68.4%;    top: 50.5%;}
.mapbox .list .li:nth-child(18){    left: 76.4%;    top: 43.4%;}
.mapbox .list .li:nth-child(19){    left: 76.4%;    top: 57.1%;}    
.mapbox .list .li:nth-child(20){    left: 74.7%;    top: 64.1%;}
.mapbox .list .li:nth-child(20) .tit {    top: -5px;    left: -55px;}
.mapbox .list .li:nth-child(21){    left: 85.4%;    top: 40.1%;}
.mapbox .list .li:nth-child(22){    left: 83.6%;    top: 77%;}
.mapbox .list .li:nth-child(23){    left: 25.4%;    top: 69.5%;}
.mapbox .list .li:nth-child(24){    left: 14.8%;    top: 27.5%;}
.mapbox .list .li:nth-child(25) {    left: 42.5%;    top: 56.9%;}
.mapbox .list .li:nth-child(25) .tit {    top: -5px;    left: -45px;}
.mapbox .list .li:nth-child(26) {    left: 86.5%;    top: 67%;}
.mapbox .list .li:nth-child(26) .tit {    top: -5px;    left: 72px;}
.mapbox .list .li:nth-child(27) {    left: 88%;    top: 69.9%;}
.mapbox .list .li:nth-child(27) .tit {    top: -5px;    left: 29px;}
.mapbox .list .li:nth-child(28) {     left: 94.2%;    top: 89.9%;}
.mapbox .list .li:nth-child(28) .tit {    top: -5px;    left: -62px;}

.div4{        padding-bottom: 150px;        padding-top: 150px;               background-color: #348d7d;}
.div4 .container{    flex-direction: column;    display: flex;        width: 1638px;        max-width: 95%;        align-items: center;        margin: 0 auto;}
.div4tit {    width: 100%;    margin-bottom: 70px;    text-align: center;    color: #ffffff;    font-size: 65px;    line-height: 60px;    font-family: "Outfit" !important;}
.div4body{width: 100%;position: relative;}
.div4box{width: 100%;overflow: hidden;}
.div4box .swiper-slide{padding: 0 10px;}
.div4box img{width: 100%;height: auto;}
.div4-prev{background: rgba(0,0,0,0.18) url(../images/aboutdiv4-prev.png) no-repeat;background-position: center center;    position: absolute;    left: -70px;    top: 50%;    margin-top: -32.5px;height: 65px;width: 30px;  cursor: pointer;}
.div4-prev:hover{background: rgba(0,0,0,0.26) url(../images/aboutdiv4-prev.png) no-repeat;background-position: center center;}
.div4-next{background: rgba(0,0,0,0.18) url(../images/aboutdiv4-next.png) no-repeat;background-position: center center;    position: absolute;    right: -70px;    top: 50%;    margin-top: -32.5px;height: 65px;width: 30px;  cursor: pointer;}
.div4-next:hover{background: rgba(0,0,0,0.26) url(../images/aboutdiv4-next.png) no-repeat;background-position: center center;}

.div5{        padding-bottom: 150px;        padding-top: 150px;        }
.div5 .container{    flex-direction: column;    display: flex;        width: 1638px;        max-width: 95%;        align-items: center;        margin: 0 auto;}
.div5tit {    width: 100%;    margin-bottom: 70px;    text-align: center;    color: #000000;    font-size: 65px;    line-height: 60px;    font-family: "Outfit" !important;}
.div5body{width: 100%;position: relative;}
.div5box{width: 100%;overflow: hidden;}
.div5box .swiper-slide{padding: 0 10px;}
.div5box img{width: 100%;height: 352px; object-fit: cover;}
.div5-prev{background: rgba(0,0,0,0.18) url(../images/aboutdiv4-prev.png) no-repeat;background-position: center center;    position: absolute;    left: -70px;    top: 50%;    margin-top: -32.5px;height: 65px;width: 30px;  cursor: pointer;}
.div5-prev:hover{background: rgba(0,0,0,0.26) url(../images/aboutdiv4-prev.png) no-repeat;background-position: center center;}
.div5-next{background: rgba(0,0,0,0.18) url(../images/aboutdiv4-next.png) no-repeat;background-position: center center;    position: absolute;    right: -70px;    top: 50%;    margin-top: -32.5px;height: 65px;width: 30px;  cursor: pointer;}
.div5-next:hover{background: rgba(0,0,0,0.26) url(../images/aboutdiv4-next.png) no-repeat;background-position: center center;}
.div5box-tit {    font-size: 24px;    text-align: center;    line-height: normal;    margin-top: 20px;}

.div6{   overflow: hidden;     padding-bottom: 120px;           background-color: #f5f9fa;     padding-top: 120px;        }
.div6 .container{    flex-direction: column;    display: flex;        width: 1638px;        max-width: 95%;        align-items: center;        margin: 0 auto;}
.div6tit {    width: 100%;    margin-bottom: 50px;    font-size: 65px;    text-align: center;    line-height: normal;    font-family: "Outfit" !important;}
.div6body{width: 100%;}
.div6boxpc{overflow: hidden;}
.div6boxpc .swiper-slide{display: flex;    flex-wrap: wrap;}
.div6box_box {    width: 15.8%; text-align: center;   margin-bottom: 15px;    margin-right: 1%;    padding-bottom: 20px;    padding-top: 20px;    border-radius: 10px;    background: #ffffff;        float: left;      display: flex;    align-items: center;}
.div6box_box:nth-child(6n+6) {    margin-right: 0px;}
.div6box_box:hover{box-shadow: rgb(231, 231, 231) 0px 1px 19px;        -webkit-box-shadow: rgb(231, 231, 231) 0px 1px 19px;}
.div6box_box img{    margin: 0 auto;    width: 70%;        height: 91px; object-fit: contain;}
.div6fy {    padding-top: 37px;}
.div6fy .swiper-pagination-bullet{  opacity: 0.5; background-color: #348d7d;     width: 18px;  height: 18px;  margin: 0 7.5px;}
.div6fy .swiper-pagination-bullet-active{opacity: 1;}


@media only screen and (max-width: 1800px) {
.div4-prev{left: -30px;}
.div4-next{right: -30px;}

.div5-prev{left: -30px;}
.div5-next{right: -30px;}
}
@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;}

}
@media only screen and (max-width: 1024px) {
    .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 40px;}
    .div2 .container{max-width: 100%;}
    .div2tit{font-size: 21.6px;    line-height: 25px; margin-bottom: 0;}
    .div2box{margin-top:30px;}
    .div2box-top{    border-top: 3px solid #49a796;}
    .div2box-top-box{margin-top:-6px;margin-bottom:20px;}
    .div2box-top-prev {    width: 15px;    height: auto;    top: -13px;}
    .div2box-top-next {    width: 15px;    height: auto;    top: -13px;}
    .div2box-top .swiper-slide{  font-size: 18px;      padding-top: 20px;    background-size: 10px 10px;}
    .div2box-body .swiper-slide .div2box-body-box{    flex-wrap: wrap; min-height:0;}
    .div2box-body-box-l{width: 100%;}
    .div2box-body-box-r{width: 100%;  padding: 20px;}
    .div2box-body-box-rtit {    font-size: 24px;    line-height: normal;    color: #000000;  margin-bottom:0px;}
    .div2box-body-box-rcon1 {    line-height: normal;    color: #348d7d;    padding-top: 10px;    padding-bottom: 10px;    font-size: 14px;    margin-bottom:0px;}
    .div2box-body-box-rcon2 {    line-height: 25px;    font-size: 14px;    color: #666;    word-wrap: break-word;    word-break: normal;    max-height: unset;    opacity: 1;}

    .div3{padding: 30px 0; }
    .div3 .container{max-width: 100%;}
    .div3 .container>.xtit{    line-height: 25px;    margin-bottom: 0px;    font-size: 14px;}
    .div3 .container>.tit{        color: #0b0b09;  width: 100%;      font-size: 21.6px;        line-height: 25px;        margin-bottom: 20px;}

    .div4{padding: 30px 15px;}
    .div4 .container{max-width: 100%;}
    .div4tit{font-size: 21.6px;        margin-bottom: 20px;line-height: 25px;}
    .div4-prev,.div4-next{display: none;}
    .div4box .swiper-slide{padding: 0 5px;}

    .div5{padding: 30px 20px;}
    .div5 .container{max-width: 100%;}
    .div5tit{font-size: 21.6px;        margin-bottom: 20px;line-height: 25px;}
    .div5-prev,.div5-next{display: none;}
    .div5boxh5{overflow: hidden;}
    .div5box .swiper-slide{padding: 0;}
    .div5box-tit {    font-size: 18px;    line-height: normal;    margin-bottom: 21px;    margin-top: 10px;    text-align: left;}

    .div6{padding: 30px 20px;}
    .div6 .container{max-width: 100%;}
    .div6tit{        margin-bottom: 20px; font-size: 21.6px;        text-align: center;        position: relative;        line-height: normal;}
    .div6boxh5{overflow: hidden;}
    .div6box_box{border-radius:0px;        margin-right: 2%;        margin-bottom: 5px;  width:32%;  padding:0;}
    .div6box_box:nth-child(6n+6) {    margin-right: 4%;}
    .div6box_box:nth-child(3n+3) {        margin-right: 0px;    }
    .div6box_box img{height: 55px; width:100%;}
    .div6fyh5 {    padding-top: 21px;}
    .div6fyh5 .swiper-pagination-bullet{  opacity: 0.5; background-color: #348d7d;     width: 15px;  height: 15px;  margin: 0 6px;}
    .div6fyh5 .swiper-pagination-bullet-active{opacity: 1;}
}