.div1{        padding-bottom: 120px;        padding-top: 120px;    background-image:url(../images/prodiv1back.png);        background-position: center top;        background-repeat: repeat-x;}
.div1 .container{    flex-direction: column;    display: flex;                width: 1638px;        max-width: 95%;       align-items: center;        margin: 0 auto;}
.div1tit {    margin-bottom: 70px;    width: 100%;    font-size: 65px;    text-align: center;    line-height: normal;    font-family: "Outfit" !important;}
.div1b{display: flex;}
.div1b-l {    width: 50%;    padding-right: 50px;}
.div1b-l-c {    color: #333333;    font-size: 18px;    line-height: 30px;        margin-bottom: 30px;}
.div1b-r {    width: 50%;    padding-left: 50px;}
.div1b-r img {width: 100%; height: auto;    border-radius: 15px;}

.div2{        padding-bottom: 120px;             background-color: #f5f9fa;   padding-top: 120px;    }
.div2 .container{    flex-direction: column;    display: flex;                width: 1638px;        max-width: 95%;       align-items: center;        margin: 0 auto;}
.div2tit {    margin-bottom: 70px;    width: 100%;    font-size: 65px;    text-align: center;    line-height: normal;    font-family: "Outfit" !important;}
.div2body{width: 100%;}
.div2box{overflow: hidden;}
.div2li{background-color: #ffffff;display: flex;    flex-wrap: wrap;}
.div2l-l{width: 50%;}
.div2l-l img{width: 100%; height: 100%; object-fit: cover;}
.div2l-r{width: 50%;padding:50px;}
.div2l-r-t {    font-size: 26px;    line-height: normal;      display: block;  max-width: 550px;    width: 100%;    text-overflow: ellipsis;    -o-text-overflow: ellipsis;    overflow: hidden;    -moz-binding: url('ellipsis.xml#ellipsis');    white-space: nowrap;}
.div2l-r-t:hover{color: #348d7d;}
.div2l-r-c {    margin-top: 15px;   font-size: 18px;    line-height: 30px;    opacity: 0.6;      display: -webkit-box;    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;  }
.div2l-r .lmbtn{margin-top: 71px;}
.div2-prev {    position: absolute;    left: -70px;    top: 50%;    margin-top: -32.5px;    height: 65px;    width: 30px;    cursor: pointer;    background: url(../images/aboutdiv4-prev.png) center center no-repeat rgba(0, 0, 0, 0.18);    background-position: center center;}
.div2-prev:hover {    background: url(../images/aboutdiv4-prev.png) center center no-repeat rgba(0, 0, 0, 0.26);    background-position: center center;}
.div2-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;}
.div2-next:hover {    background: rgba(0, 0, 0, 0.26) url(../images/aboutdiv4-next.png) no-repeat;    background-position: center center;}

.div3{        padding-bottom: 120px;   padding-top: 120px;    }
.div3 .container{    flex-direction: column;    display: flex;                width: 1638px;        max-width: 95%;       align-items: center;        margin: 0 auto;}
.div3tit {    margin-bottom: 70px;    width: 100%;    color: #000000;    font-size: 65px;    text-align: center;    line-height: normal;    font-family: "Outfit" !important;}
.div3list{width: 100%;    display: flex;    flex-wrap: wrap;  margin-bottom: 30px;}
.div3li {    width: 31.3%;    float: left;    margin-right: 3%;    margin-bottom: 30px;}
.div3li:nth-child(3n+3) {    margin-right: 0px;}
.div3-img{width: 100%;height: 347px;object-fit: cover;}
.div3-tit{margin-top: 20px;        font-size: 24px;        line-height: normal;}
.div3-con {    font-size: 18px;    line-height: 30px;    opacity: 0.6;    margin-top: 15px;  overflow: hidden;}
.div3more {    background-color: #348d7d;    font-size: 18px;    line-height: 40px;    width: 200px;    margin-left: auto;    margin-right: auto;    text-align: center;    color: #fff;    padding: 5px 0;    cursor: pointer;}

/*proview*/
.proview{        background-color: #f5f9fa;  padding: 50px 0;}
.proview .container{     align-items: flex-start;      display: flex;                width: 1638px;        max-width: 95%;             margin: 0 auto;}
.proview-l {    width: 75%;    border-right: 30px solid #f5f9fa;    padding: 40px;    margin-bottom: 20px;    background-color: #ffffff;    float: left;    box-sizing: border-box;}
.proview-tit {    width: 100%;    padding-bottom: 20px;    color: #000000;    font-size: 30px;    font-weight: bold;    text-align: left;    line-height: 40px;    border-bottom-color: #e9e9e9;    border-bottom-style: solid;    border-bottom-width: 1px;}
.proview-con {    margin-bottom: 30px;    margin-top: 20px;    font-size: 16px;    line-height: 28px;}
.proview-outer {    line-height: 30px;    color: #333;    font-size: 14px;   }
.xg_prevnext_up,.xg_prevnext_down{display: block;    line-height: 20px;padding: 5px 0;}
.xg_prevnext_up:hover,.xg_prevnext_down:hover{color: #348d7d;}
.proview-r {width: 25%;    background-color: #ffffff;    padding-left: 1px;  box-sizing: border-box;}
.proview-r-t {width: 100%;  box-sizing: border-box;  padding: 0 20px;    display: flex; overflow: hidden;   justify-content: space-between;  border-bottom: 1px solid #f5f9fa;  align-items: center;}
.proview-r-t-l {    font-size: 20px;    font-weight: bold;    line-height: 50px;}
.proview-r-t-r {    font-size: 14px;}
.proview-r-t-r:hover {        color: #348d7d;}
.proview-r-b {          box-sizing: border-box;    width: 100%;    overflow: hidden;}
.proview-r-b-li{display: block; width: 100%;padding: 20px;}
.proview-r-b-li>img {    width: 100%;    height: 237px;    object-fit: cover;}
.proview-r-b-tit {      font-size: 20px;    font-weight: normal;    text-align: left;    line-height: normal;    margin: 10px 0;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.proview-r-b-li:hover .proview-r-b-tit{color: #348d7d;}
.proview-r-b-con {    font-size: 16px;    line-height: 25px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
/*end_proview*/
@media only screen and (max-width: 1300px) {
    .div1b-l{padding-right: 20px;}
    .div1b-r{ padding-left: 20px;}

    .div3-img{height: 267px;}
}

@media only screen and (max-width: 1024px) {
    .div1{padding: 40px 20px; background-image:none; overflow: hidden;width: 100%;}
    .div1 .container{max-width: 100%;}
    .div1tit{font-size: 21.6px;        margin-bottom: 15px;    line-height: 25px;}
    .div1b{    flex-wrap: wrap;}
    .div1b-l{width: 100%;padding-right: 0;}
    .div1b-l-c{    line-height: 25px;    font-size: 14px;    color: #666;  height: 300px;        overflow-y: auto;        margin-bottom: 20px;}
    .div1b-r{width: 100%;padding-left: 0;}
    .div1b-r img{border-radius: 0;}

    .div2{padding:30px 20px 43px;   width: 100%;      background-color: #f5f9fa;  overflow: hidden;}
    .div2 .container{max-width: 100%;}
    .div2tit{font-size: 21.6px;        margin-bottom: 15px;          margin-bottom: 20px;  line-height: 25px;}
    .div2li{    flex-direction: column;}
    .div2l-l {    width: 100%;}
    .div2l-r {    width: 100%;      padding:21px 20px 30px 20px;}
    .div2l-r-t {    font-size: 18px;    line-height: 30px;    margin-bottom: 15px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    white-space: pre-wrap;}
    .div2l-r-c{-webkit-line-clamp:4;margin-bottom: 20px;    line-height: 25px;  margin-top: 0;  opacity: 1;  font-size: 14px;}
    .div2l-r .lmbtn{margin-top: 0;}

    .div3{padding:30px 20px;   width: 100%;       overflow: hidden;}
    .div3 .container{max-width: 100%;}
    .div3tit{font-size: 21.6px;   text-align: center;     margin-bottom: 20px;    line-height: 25px;}
    .div3list{margin-bottom: 0;}
    .div3li{width: 100%;margin-right: 0; margin-bottom: 20px;}
    .div3-img{height: auto;}
    .div3-tit {    font-size: 18px;    margin-top: 15px;   margin-bottom: 8px;    line-height: 25px;}
    .div3-con{margin-top: 0;    line-height: 25px;  opacity: 1;  font-size: 14px;    color: #666;}
    .div3more{width: 100%;       font-size: 14px;        line-height: 30px;  margin-bottom: 13px;}

    /*proview*/
    .proview{padding: 30px 20px; width: 100%; overflow: hidden;}
    .proview .container{max-width: 100%;flex-wrap: wrap;}
    .proview-l{width: 100%;border-right:0px;padding: 20px;}
    .proview-tit {    font-size: 16px;    line-height: 25px;    font-weight: normal;    padding-bottom: 0;    border-bottom-width: 0;}
    .proview-con{margin-top: 10px;    line-height: 25px;    font-size: 14px;    color: #666;margin-bottom:0px;}
    .proview-outer {    margin-top: 20px;    margin-bottom: 20px;}
    .proview-r{width: 100%;padding-left:0px;background-color:transparent;}
    .proview-r-t{padding: 0;}
    .proview-r-t-l {    color: #484848;    font-weight: bold;    line-height: 25px;    font-size: 14px;}
    .proview-r-t-r {    padding-right: 10px;    font-size: 12px;    line-height: 25px;    color: #666;}
    .proview-r-b{padding-top: 20px;}
    .proview-r-b-li{padding: 0;margin-bottom: 10px;}
    .proview-r-b-li>img{max-height:235px;height: auto;}
    .proview-r-b-tit {    line-height: normal;    font-size: 16px;    margin-top: 15px;    margin-bottom: 0;}
    .proview-r-b-con {    color: #8a8a8a;    font-size: 14px;    line-height: 25px;}
    /*end-proview*/
}