.div1{        padding-bottom: 150px;        padding-top: 150px;    box-sizing: border-box;  width: 100%; overflow: hidden;}
.div1 .container{       display: flex;       flex-direction: column;             width: 1638px;        max-width: 95%;               margin: 0 auto;}
.div1-tit {width: 100%;    margin-bottom: 60px;    text-align: center;    font-size: 65px;    line-height: normal;    font-family: "Outfit" !important;}
.div1-con {width: 100%;    margin-bottom: 79px;    font-size: 18px;    text-align: left;    line-height: 25px;    opacity: 0.7;}
.div1-list {    display: flex;    flex-wrap: wrap;    overflow: hidden;    width: 100%;}
.div1-li {    background-color: #f5f9fa;    border-radius: 20px;    padding: 40px 30px;    width: 32%;    margin-right: 2%;    margin-bottom: 30px;    overflow: hidden;}
.div1-li:nth-child(3n+3) {    margin-right: 0px;}
.div1-li-t {    color: #348d7d;    font-size: 55px;    font-weight: bold;    line-height: normal;}
.div1-li-b {    font-size: 20px;    font-weight: normal;    line-height: 30px;    margin-top: 15px;    min-height: 60px;}

.div2{        padding-bottom: 100px;             background-color: #f5f9fa;   padding-top: 120px;    box-sizing: border-box;  width: 100%; overflow: hidden;}
.div2 .container{       display: flex;       flex-direction: column;             width: 1638px;        max-width: 95%;               margin: 0 auto;}
.div2-tit {width: 100%;    margin-bottom: 70px;    text-align: center;    font-size: 65px;    line-height: normal;    font-family: "Outfit" !important;}
.div2-body{width: 100%;}
.div2-l{width: 50%;padding-right: 29px;float: left;}
.div2-l img{border-radius: 20px;height: 700px;width: 100%;object-fit: cover;}
.div2-r{width: 50%;float: left;display: flex;flex-wrap: wrap;}
.div2-r .li{margin:0 0 30px 4%;width: 46%;padding: 30px;        background-color: #ffffff;border-radius: 20px;}
.div2-r .li .top1 {    width: 60px;    padding: 10px;    background-color: #e1f5f2;    border-radius: 50%;}
.div2-r .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;      font-family: "Outfit" !important;}
.div2-r .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%;}

.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;}
.div3tit {    width: 100%;    margin-bottom: 70px;    text-align: center;    color: #000000;    font-size: 65px;    line-height: 60px;    font-family: "Outfit" !important;}
.div3body{width: 100%;position: relative;}
.div3box{width: 100%;overflow: hidden;}
.div3box .swiper-slide{padding: 0 10px;}
.div3box img{width: 100%;height: auto;    border: 1px solid #e9e9e9;    padding: 17px 15px 15px;}
.div3-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;}
.div3-prev:hover{background: rgba(0,0,0,0.26) url(../images/aboutdiv4-prev.png) no-repeat;background-position: center center;}
.div3-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;}
.div3-next:hover{background: rgba(0,0,0,0.26) url(../images/aboutdiv4-next.png) no-repeat;background-position: center center;}
@media only screen and (max-width: 1800px) {
.div3-prev{left: -30px;}
.div3-next{right: -30px;}
}
@media only screen and (max-width: 1024px) {
    .div1{padding: 50px 20px;}
    .div1 .container{max-width: 100%;}
    .div1-tit {    margin-bottom: 20px;    font-size: 21.6px;    line-height: 25px;}
    .div1-con {    line-height: 20px;    font-size: 14px;    margin-top: 3px;    margin-bottom: 20px;    color: #666;    opacity: 1;}
    .div1-li{margin-top: 20px;padding: 20px;   margin-bottom: 0;     background-color: #f5f9fa;  border-radius: 10px; width: 48%;        margin-right: 4%;}
    .div1-li:nth-child(3n+3){margin-right: 4%;}
    .div1-li:nth-child(2n+2) {    margin-right: 0px;}
    .div1-li-t{font-size: 24px;        line-height: normal;}
    .div1-li-b {    line-height: 22px;    margin-top: 0;    font-size: 14px;    min-height: 44px;}

    .div2{padding: 30px 20px;}
    .div2 .container{max-width: 100%;}
    .div2-tit {    margin-bottom: 20px;    font-size: 21.6px;    line-height: 25px;}
    .div2-l{width: 100%;padding-right: 0;}
    .div2-l img{border-radius: 10px;height:auto;}
    .div2-r{width: 100%;}
    .div2-r .li{width: 100%;margin:20px 0 0;padding: 20px;}
    .div2-r .li .tit1{font-size: 18px;margin-top:0px;        line-height: 45px}
    .div2-r .li .con1{height: auto;margin-top:0px;        line-height: 22px;font-size: 14px; opacity: 1;}

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