.ovh {

    width: 100%;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ovh2 {

    width: 100%;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.flex-between2 {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.flex-between-center {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.flex-around {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    align-items: center;

}

.flex-between {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: flex-start;

}

.flex-center-center {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}

.flex-center {

    display: flex;

    align-items: center;

}

.flex {

    display: flex;

    align-items: flex-start;

}

.relative {

    position: relative;

}

.all-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.all-img2 {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.c333 {

    color: #333;

}

.c444 {

    color: #444444;

}

.cfff {

    color: #fff;

}

.cf {

    color: rgba(255, 255, 255, 0.8);

}

.c2 {

    color: #231916;

}

.c4 {

    color: #404040;

}

.cf4 {

    color: #f48020;

}

.cc5 {

    color: #1c5ce9;

}

.c000 {

    color: #000;

}

.c80 {

    color: #808080;

}

.c666 {

    color: #666;

}

.cccc {

    color: #ccc;

}

.cf4 {

    color: #f48020;

}

.c4 {

    color: #434343;

}

.bgfff {

    background-color: #fff;

}

.bgf7 {

    background-color: #f7fbfe;

}

.bgf3 {

    background-color: #f3f8ff;

}

.bgc {

    background-color: #1c5ce9;

}

.bg6 {

    background-color: #666666;

}

.font-weight {

    font-weight: bold;

}

.weight5 {

    font-weight: 500;

}

.weight4 {

    font-weight: 400;

}

.text-center {

    text-align: center;

}

.text-end {

    text-align: end;

}

a {

    color: #333;

}



.serve-box2 {

    display: none;

}

.home-cp-con {

    flex: 0.85;

}

.swiper-horizontal>.swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 40px;

    left: 170px;

}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

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

    margin: 0 12px;

}



.swiper {

    z-index: 0;

}



.new-wiper-box {

    height: 100%;

}

.all-box {

    width: 1600px;

    margin: 0 auto;

}



.all-box2 {

    width: 1460px;

    margin: 0 auto;

}



.serve-box {

    background-image: url(../../images/se-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding-top: 96px;

    padding-bottom: 60px;

}



.all-title {

    padding-bottom: 24px;

    margin-bottom: 26px;

}



.all-title::after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: -1px;

    width: 40px;

    height: 3px;

    background-color: #ea520f;

    transform: translate(-50%);

}



.all-title::before {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 200px;

    height: 1px;

    background-color: #c0cbdd;

    transform: translate(-50%);

}



.all-ftitle {

    color: #595959;

}



.ser-box {

    height: 80px;

    background-color: #ffffff;

    box-shadow: 0px 0px 30px 0px rgba(22, 91, 208, 0.1);

    margin-top: 62px;

    margin-bottom: 64px;

}



.ser-box li,

.se-left li,

.select-top li {

    cursor: pointer;

}



.home-cp-left {

    flex: 1;

    width: 20%;

}



.se-img {

    filter: grayscale(100%) brightness(100%);

    margin-right: 14px;

}



.select-top img {

    filter: grayscale(100%) brightness(100%);

}



.ser-box .active,

.ser-box li:hover,

.select-top li.active,

.select-top li:hover,

.se-left li:hover {

    color: #165bd0;

}



.ser-box .active .se-img,

.ser-box li:hover .se-img,

.select-top li.active img,

.select-top li:hover img {

    filter: grayscale(0%) brightness(100%);

}



.se-left li {

    font-size: 18px;

    color: #231916;

    padding: 40px 0;

    padding-left: 36px;

}



.se-left li.active {

    font-size: 20px;

    font-weight: bold;

    color: #165bd0;

    position: relative;

}



.se-left li.active::after {

    position: absolute;

    content: '';

    left: -1px;

    top: 50px;

    width: 2px;

    height: 40px;

    background-color: #165bd0;

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

}



.se-left {

    border-left: 2px solid #c0cbdd;

    margin-left: 66px;

}



.se-center-img {

    border-radius: 50%;

    width: 420px;

    height: 420px;

    background-color: #ffffff;

    box-shadow: 0px 0px 100px 0px rgba(30, 117, 252, 0.15);

    border: solid 10px #ffffff;

}



.se-center-img img,

.se-cen2,

.se-cen1 {

    border-radius: 50%;

}



.se-cen2 {

    width: 500px;

    height: 500px;

    background-color: #f5faff;

    border: solid 1px #98bdfc;

}



.se-cen1 {

    width: 580px;

    height: 580px;

    background-color: #f5faff;

    border: solid 1px #c4e2fe;

}



.se-title {

    width: max-content;

    height: 28px;

    display: inline-block;

    padding: 0 18px;

    line-height: 26px;

    background-image: linear-gradient(113deg, #ea9500 0%, #f1592a 100%);

}



.se-content {

    width: 600px;

    margin-left: 28px;

}



.se-content .se-botitle {

    line-height: 48px;

    margin-top: 20px;

    margin-bottom: 46px;

}



.se-content .se-bocon {

    line-height: 32px;

}



.se-content .se-bocon p {

    font-size: 14px;

}



.se-content .se-more {

    width: 200px;

    height: 50px;

    background-image: linear-gradient(113deg, #ea9500 0%, #f1592a 100%);

    border-radius: 25px;

    text-align: center;

    line-height: 48px;

    margin-top: 74px;

}



.jt {

    font-size: 22px;

    display: inline-block;

    position: relative;

    top: 3px;

    animation: rotation 1s infinite linear;

}



.se-button {

    position: absolute;

    left: 0;

    top: 50%;

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

}



.se-button p {

    width: 65px;

    height: 65px;

    background-color: #231916;

    font-size: 16px;

    color: #fff;

    text-align: center;

    line-height: 65px;

    position: relative;

    cursor: pointer;

}



.se-button p:first-child {

    margin-bottom: 1px;

}



.se-button p.active {

    background-color: #165bd0;

}



.se-button p.active::after {

    position: absolute;

    content: '';

    right: -8px;

    top: 24px;

    width: 0;

    height: 0;

    border-left: 10px solid #165bd0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

}



@keyframes rotation {

    from {

        left: 0;

    }

    to {

        left: 6px;

    }

}



.select-box {

    padding-top: 80px;

    padding-bottom: 95px;

}



.select-top {

    width: 90%;

    margin: 0 auto;

    margin-top: 60px;

    font-size: 18px;

    color: #231916;

    margin-bottom: 36px;

}



.select-top li {

    font-size: 18px;

}



.chose-box>div {

    width: 50%;

    height: 400px;

    overflow: hidden;

}



.chose-box>div.chose-con {

    background-image: url(../../images/chosebg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 400px;

    padding: 50px 100px 62px 72px;

}



div.chose-con .c4 {

    width: max-content;

    height: 29px;

    display: inline-block;

    padding: 0 18px;

    line-height: 28px;

    background-color: #ffffff;

}



div.chose-con .font-weight {

    margin: 20px 0 30px 0;

}



div.chose-con div {

    line-height: 28px;

    color: #ffffff;

    opacity: 0.6;

    margin-bottom: 48px;

}



div.chose-con .se-more {

    width: 200px;

    height: 50px;

    border-radius: 25px;

    border: solid 1px rgba(255, 255, 255, 0.5);

    text-align: center;

    line-height: 46px;

}



.chose-bottom {

    width: 100%;

    height: 121px;

    background-color: #ffffff;

    box-shadow: 0px 0px 30px 0px rgba(22, 91, 208, 0.1);

    padding: 40px;

}



.sj-box {

    font-size: 20px;

    border-right: 1px solid #dddddd;

    padding-right: 34px;

}



.sj-swiper {

    flex: 1;

    margin-left: 84px;

    margin-right: 60px;

}



.sj-swiper img {

    height: 44px;

    object-fit: contain;

}



.chose-bottom .swiper-button-prev,

.chose-bottom .swiper-rtl .swiper-button-next {

    left: 164px;

    right: auto;

}



.chose-bottom .swiper-button-next,

.chose-bottom .swiper-rtl .swiper-button-prev {

    right: 42px;

    left: auto;

}



.chose-bottom .swiper-button-prev:after,

.chose-bottom .swiper-button-next:after{

    font-size: 28px;

    color: #888;

}

.chose-bottom .swiper-button-disabled {

    display: none;

}



.ad-box {

    margin-top: 35px;

    height: 820px;

    justify-content: center;

}



.ad-box>div {

    background-size: cover;

    background-repeat: no-repeat;

}



.ad-box .ad-one {

    background-image: url(../../images/ad1.jpg);

    height: 100%;

    width: 957px;

    margin-right: 2px;

    padding: 99px 118px;

}



.ad-box .ad-two,

.ad-box .ad-thr {

    width: 477px;

}



.ad-box .ad-two>div:first-child {

    background-image: url(../../images/ad2.jpg);

    height: 560px;

    margin-right: 2px;

    margin-bottom: 2px;

    padding: 20px 20px;

}



.ad-box .ad-two>div:last-child {

    background-image: url(../../images/ad3.jpg);

    height: 258px;

    margin-right: 2px;

    padding: 20px;

}



.ad-box .ad-two>div:last-child .ad-text {

    position: absolute;

    left: auto;

    bottom: 20px;

}



.ad-box .ad-thr>div:first-child {

    background-image: url(../../images/ad4.jpg);

    height: 409px;

    margin-bottom: 2px;

    padding: 20px 20px;

}



.ad-box .ad-thr>div:last-child {

    background-image: url(../../images/ad5.jpg);

    height: 409px;

    padding: 20px;

}



.ad-box .ad-text {

    color: #fff;

    opacity: 0.8;

    margin-top: 20px;

    line-height: 26px;

    font-size: 14px;

}



.ad-box .ad-title {

    font-size: 40px;

    padding-bottom: 35px;

}



.ad-box .ad-con {

    color: #fff;

    opacity: 0.8;

    line-height: 30px;

}



.ad-box .ad-imgs img {

    width: 153px;

    height: 153px;

    background-color: #ffffff;

    border-radius: 50%;

}



.ad-box .ad-imgs {

    margin-top: 24%;

}



.ad-ftitle {

    color: #fff;

    font-size: 22px;

    line-height: 28px;

}



.ab-box {

    background-image: url(../../images/ab-bg.jpg);

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: cover;

    padding-top: 164px;

}



.about-title {

    padding-bottom: 23px;

    margin-bottom: 25px;

}



.about-title::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 40px;

    height: 4px;

    background-color: #ea520f;

}



.about-title::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 200px;

    height: 2px;

    background-color: #595959;

    opacity: 0.3;

}



.ab-box .se-more {

    width: 200px;

    height: 43px;

    background-image: linear-gradient(113deg, #ea9500 0%, #f1592a 100%);

    box-shadow: 0px 0px 30px 0px rgba(241, 89, 42, 0.24);

    border-radius: 21px;

    line-height: 40px;

    text-align: center;

    margin-top: 125px;

}



.ab-box .ab-con {

    color: #434343;

    opacity: 0.8;

    line-height: 28px;

}



.ab-box .all-box {

    padding-bottom: 338px;

}



.ab-box .all-box>div {

    width: 50%;

}



.ab-box .gs-title {

    line-height: 48px;

    font-size: 36px;

    margin-bottom: 45px;

}



.ab-box .gs-con {

    color: #4d4d4d;

    font-size: 14px;

    line-height: 30px;

    letter-spacing: -1px;

}



.ab-bottom {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    background-color: rgba(255, 255, 255, 0.5);

    border: solid 1px #d7e1ea;

    padding: 40px 0 36px 0;

}


.ab-bottom>div span {

    display: block;
    font-weight: 700;

    font-size: 72px;

    margin-bottom: 26px;

    background: linear-gradient(0deg, #f1592a, #ea9500);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.new-ftitle {

    color: #434343;

    margin-top: 20px;

}



.ne-box {

    background: linear-gradient(to bottom, #fefeff, #f3f8ff);

    padding: 108px 0 117px 0;

}



.new-menu {

    width: 52%;

    border-bottom: 3px solid #eeeeee;

}



.new-menu li {

    padding-bottom: 30px;

}



.new-menu li.active,

.new-menu li:hover {

    border-bottom: 3px solid #165bd0;

    color: #165bd0;

    position: relative;

    top: 2px;

    cursor: pointer;

}



.new-tag {

    width: 111px;

    height: 28px;

    line-height: 28px;

    background: url(../../images/bg.png) no-repeat top left/100%;

    color: #fff;

    margin: 0;

    text-align: center;

}



.ne-con {

    margin-top: 60px;

}



.ne-con .ne-time {

    color: #595959;

    margin-left: 16px;

}



.ne-con .ne-title {

    font-size: 30px;

    line-height: 30px;

    margin-top: 35px;

    margin-bottom: 28px;

}



.ne-con .ne-left {

    width: 786px;

}



.ne-con .ne-right {

    width: calc(100% - 946px);

    height: 480px;

}



.ne-con .ne-text {

    font-size: 14px;

    line-height: 30px;

    letter-spacing: 0px;

    color: #595959;

    margin-bottom: 64px;

}



.ne-con .ne-more {

    width: max-content;

    color: #165bd0;

    border-bottom: 3px solid #165bd0;

    padding-bottom: 10px;

}



.ne-con .swiper-horizontal>.swiper-pagination-bullets,

.ne-con .swiper-pagination-bullets.swiper-pagination-horizontal,

.ne-con .swiper-pagination-custom,

.ne-con .swiper-pagination-fraction {

    bottom: 6px;

    left: 8px;

}



.ne-con .swiper-pagination{

    text-align: left;

}



.ne-con .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.ne-con .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{

    margin: 0 20px 0 0;

}



.ne-con .swiper-pagination-bullet {

    position: relative;

    opacity: 1;

    background-color: #aaa;

    width: 6px;

    height: 6px;

}



.ne-con .swiper-pagination-bullet-active {

    background-color: rgba(22, 91, 208, 0.94);

}



.ne-con .swiper-pagination-bullet::after {

    content: '';

    width: 18px;

    height: 18px;

    position: absolute;

    left: -6px;

    bottom: -6px;

    border-radius: 50%;

    border: solid 1px #aaa;

}



.ne-con .swiper-pagination-bullet-active::after {

    border: solid 1px rgba(22, 91, 208, 0.94);

}



.ne-bottom {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    margin-top: 40px;

}



.ne-bottom li {

    border: solid 1px #dddddd;

    background-color: #fff;

    padding: 30px 36px;

}



.ne-bottom .de {

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    margin-top: 20px;

    margin-bottom: 20px;

}



.ne-bottom .text {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 22px;

    letter-spacing: 0px;

    color: #666666;

    height: 40px;

    margin-bottom: 60px;

}



.ne-bottom .ne-more {

    border-bottom: 1px solid #b2b2b2;

    font-size: 14px;

    color: #434343;

    width: max-content;

    padding-bottom: 10px;

}



.ne-bottom li:hover a {

    color: #165bd0;

}



.ne-bottom li:hover .ne-more {

    border-bottom: 1px solid #165bd0;

    color: #165bd0;

}

.se-center-img2 {

    width: 763px;

    background-color: #015eea;

    box-shadow: 0px 1px 100px 0px rgba(30, 117, 252, 0.15);

    border-radius: 10px;

    border: solid 10px #ffffff;

}



.ne-se .se-content {

    flex: 0.9;

    width: auto;

}

.ab-box2 {

    padding-top: 96px;

}



.ab-box .all-box .about-text {

    width: 75%;

    margin: 0 auto;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 2px;

    color: #313131;

    margin-top: 50px;

}



.ab-box .all-box .about-text p {

    font-size: 30px;

    line-height: 46px;

}



.ab-box2 .ab-bottom {

    position: relative;

    bottom: 142px;

    background-color: transparent;

    border: solid 0px #d7e1ea;

    padding: 40px 0 36px 0;

}

.con-box {

    background-color: #f5faff;

    padding-bottom: 75px;

}



.con-box .all-title {

    padding-top: 99px;

    margin-bottom: 0;

    padding-bottom: 90px;

}



.con-box .all-title::after {

    bottom: 65px;

}



.con-box .all-title::before {

    bottom: 66px;

}

.con-box .con-left {

    padding: 60px 70px;

    flex: 1;

}



.con-left .con-gs {

    font-size: 36px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

    color: #165bd0;

}



.con-left .con-en {

    color: #999999;

    font-size: 14px;

    margin-bottom: 35px;

}



.con-left .con-con>div {

    margin-top: 30px;

}



.con-left .con-dh {

    width: 100px;

    letter-spacing: 0px;

    color: #000000;

    opacity: 0.5;

    font-size: 18px;

    font-family: de;

    text-align: justify;

    word-spacing: 2px;

    hyphens: auto;

}



.con-left .phone,

.con-left .phone a {

    flex: 1;

    line-height: 26px;

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

    font-size: 18px;

}



.con-box .all-box2 {

    background: #fff;

}

@media (min-width: 1920px){

    .ab-bottom{

        width: 1920px;

        left: 50%;

        transform: translate(-50%);

    }

}

@media (min-width: 1601px) and (max-width: 1850px) {

    .swiper-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-bullets.swiper-pagination-horizontal,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        left: 0;

    }

}



@media (min-width: 1366px) and (max-width: 1600px) {

    .all-box,

    .all-box2 {

        width: 1300px;

    }

    .ad-box .ad-one {

        padding: 40px 10px;

    }

    .ad-ftitle {

        font-size: 13px;

    }

    .ad-box .ad-text {

        font-size: 12px;

        line-height: 20px;

    }

    .swiper-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-bullets.swiper-pagination-horizontal,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        left: 0;

    }

    .all-title {

        font-size: 36px;

    }

    .se-cen1{

        width: 450px;

        height: 450px;

    }

    .se-cen2{

        width: 400px;

        height: 400px;

    }

    .se-center-img{

        width: 350px;

        height: 350px;

    }

    .se-content {

        width: 460px;

        margin-left: 28px;

    }

    .ne-con .ne-left {

        width: 680px;

    }

    .ne-con .ne-right {

        width: calc(100% - 730px);

        height: 420px;

    }

    .se-center-img2 {

        width: 662px;

    }

    .select-top {

        width: 100%;

    }

}



@media (min-width: 1200px) and (max-width: 1365px) {

    .all-box,

    .all-box2 {

        width: 1150px;

    }

    .ad-box .ad-one {

        padding: 40px 10px;

    }

    .ad-ftitle {

        font-size: 13px;

    }

    .ad-box .ad-text {

        font-size: 12px;

        line-height: 20px;

    }

    .ser-box li .f20 {

        font-size: 16px;

    }

    .ad-box .ad-imgs img {

        width: 100px;

        height: 100px;

    }

    .swiper-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-bullets.swiper-pagination-horizontal,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        left: 0;

    }

    .se-cen1 {

        width: 380px;

        height: 380px;

    }

    .se-cen2 {

        width: 330px;

        height: 330px;

    }

    .se-left li {

        padding: 30px 0;

        padding-left: 22px;

        font-size: 16px;

        line-height: 26px;

    }

    .select-top {

        width: 100%;

    }

    .se-left li.active {

        font-size: 18px;

    }

    .se-button {

        left: 14px;

    }

    .chose-box>div.chose-con {

        padding: 30px;

    }

    .se-center-img {

        width: 290px;

        height: 290px;

    }

    .se-content {

        width: 460px;

        margin-left: 28px;

    }

    .ne-con .ne-left {

        width: 520px;

    }

    .ne-con .ne-right {

        width: calc(100% - 600px);

        height: 360px;

    }

    .se-center-img2 {

        width: 580px;

    }

    .ne-con .ne-text {

        margin-bottom: 12px;

    }

    .ab-box .all-box .about-text {

        width: 90%;

    }

    .con-left .con-gs {

        font-size: 28px;

    }

    .con-left .phone,

    .con-left .phone a {

        font-size: 16px;

    }

}



@media (min-width: 751px) and (max-width: 1199px) {

    .ad-box {

        height: auto;

    }

    .ab-box {

        padding-top: 40px;

    }

    .ad-box .ad-one,

    .ad-box .ad-two>div:first-child,

    .ad-box .ad-thr>div:first-child {

        width: 100%;

        padding: 40px 6px;

    }

    .ad-box .ad-con {

        font-size: 14px;

    }

    .ad-box .ad-imgs img {

        width: 100px;

        height: 100px;

    }

    .ad-box .ad-imgs {

        margin-top: 17%;

    }

    .swiper-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-bullets.swiper-pagination-horizontal,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        bottom: 20px;

        left: 0;

    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

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

        margin: 0 10px;

    }

    .all-box,

    .all-box2 {

        width: 90vw;

    }

    .serve-box,

    .select-box,

    .ne-box {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .ser-box {

        height: auto;

        margin-top: 20px;

        margin-bottom: 20px;

        padding: 20px 30px;

    }

    .ser-box li {

        width: 50%;

        margin-bottom: 12px;

    }

    .ser-box li:last-child {

        margin-bottom: 0;

    }

    .se-left li.active {

        font-size: 1.125rem;

    }

    .se-left li {

        font-size: 16px;

        padding: 10px 0;

        padding-left: 16px;

    }

    .se-button {

        left: 14px;

    }

    .se-button p {

        width: 55px;

        height: 55px;

        font-size: 16px;

        line-height: 55px;

    }

    .se-button p.active::after {

        top: 19px;

        right: -9px;

    }

    .se-cen1 {

        width: 90vw;

        height: 90vw;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .se-cen2 {

        width: 80vw;

        height: 80vw;

    }

    .se-center-img {

        width: 70vw;

        height: 70vw;

    }

    .flex-center,

    .flex {

        flex-wrap: wrap;

    }

    .se-content {

        width: 100%;

        margin-left: 0;

    }

    .home-cp-con {

        flex: auto;

    }

    .se-left li.active::after {

        top: 20px;

        height: 24px;

    }

    .f36 {

        font-size: 28px;

    }

    .se-content .se-botitle {

        margin-top: 12px;

        margin-bottom: 10px;

        line-height: 36px;

    }

    .se-content .se-bocon {

        line-height: 28px;

    }

    .se-content .se-more {

        width: 174px;

        height: 44px;

        line-height: 42px;

        margin-top: 46px;

    }

    .select-top {

        width: 100%;

        margin-top: 30px;

        font-size: 16px;

        margin-bottom: 30px;

    }

    .select-top li {

        font-size: 16px;

        line-height: 34px;

    }

    .select-top img {

        width: 22px;

    }

    .chose-box>div,

    .ab-box .all-box>div {

        width: 100%;

        height: auto;

    }

    .chose-box>div.chose-con {

        height: auto;

        padding: 30px 20px;

    }

    .chose-bottom {

        height: auto;

        padding: 20px;

    }

    .sj-box {

        font-size: 16px;

        padding-right: 14px;

        line-height: 20px;

    }

    .sj-swiper {

        margin-left: 40px;

        margin-right: 20px;

    }

    .chose-bottom .swiper-button-prev,

    .chose-bottom .swiper-rtl .swiper-button-next {

        left: 66px;

    }

    .chose-bottom .swiper-button-next,

    .chose-bottom .swiper-rtl .swiper-button-prev {

        right: 0;

    }

    .chose-bottom .swiper-button-prev:after,

    .chose-bottom .swiper-button-next:after{

        font-size: 20px;

    }

    .ab-box .gs-title {

        line-height: 38px;

        font-size: 28px;

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .ab-box .se-more {

        margin-top: 40px;

    }

    .ab-bottom {

        grid-gap: 20px 0;

    }

    .ab-bottom>div span {

        font-size: 42px;

        margin-bottom: 12px;

    }

    .new-ftitle {

        margin-top: 10px;

        margin-bottom: 20px;

    }

    .ne-con .ne-left,

    .ne-con .ne-right {

        width: 100%;

    }

    .ne-con .ne-title {

        font-size: 26px;

        margin-top: 30px;

        margin-bottom: 22px;

    }

    .ne-con .ne-right {

        height: 10rem;

        margin-top: 20px;

        padding-bottom: 30px;

    }

    .ne-bottom {

        grid-template-columns: 1fr 1fr;

        width: auto;

    }

    .ne-bottom li {

        padding: 20px;

    }

    .ne-bottom .de {

        font-size: 18px;

        line-height: 28px;

        margin-top: 16px;

        margin-bottom: 18px;

    }

    .ne-bottom .text {

        line-height: 22px;

        height: auto;

        margin-bottom: 40px;

    }

    .mz-box a {

        margin-left: 0;

        margin-right: 10px;

    }

    .se-center-img2 {

        margin-top: 20px;

    }

    .ab-box .all-box .about-text {

        width: 100%;

        margin-top: 30px;

    }

    .ab-box2 {

        padding-top: 40px;

    }

    .ab-box .all-box .about-text p {

        font-size: 18px;

        line-height: 32px;

    }

    .con-box .all-title {

        padding-top: 40px;

    }

    .con-box .con-left {

        padding: 20px 10px;

    }

    .con-left .con-gs {

        font-size: 28px;

    }

}



@media (max-width: 750px) {

    .ad-box {

        height: auto;

    }

    .ab-box {

        padding-top: 40px;

    }

    .ad-box .ad-one,

    .ad-box .ad-two>div:first-child,

    .ad-box .ad-thr>div:first-child {

        width: 100%;

        padding: 40px 6px;

    }

    .ad-box .ad-con {

        font-size: 14px;

        line-height: 22px;

    }

    .ad-box .ad-imgs img {

        width: 100px;

        height: 100px;

    }

    .ad-box .ad-imgs {

        margin-top: 17%;

    }

    .new-menu {

        width: 100%;

    }

    .new-menu li {

        padding-bottom: 8px;

        margin-bottom: 8px;

    }

    .ad-box .ad-text {

        margin-top: 10px;

        line-height: 18px;

    }

    .ad-box .ad-title {

        font-size: 26px;

    }

    .swiper-horizontal>.swiper-pagination-bullets,

    .swiper-pagination-bullets.swiper-pagination-horizontal,

    .swiper-pagination-custom,

    .swiper-pagination-fraction {

        bottom: 20px;

        left: 0;

    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

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

        margin: 0 10px;

    }

    .all-box,

    .all-box2 {

        width: 90vw;

    }

    .serve-box,

    .select-box,

    .ne-box {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .ser-box {

        height: auto;

        margin-top: 20px;

        margin-bottom: 40px;

        padding: 20px 30px;

    }

    .ser-box li {

        width: 100%;

        margin-bottom: 12px;

    }

    .ser-box li:last-child {

        margin-bottom: 0;

    }

    .se-left li.active {

        font-size: 1.125rem;

    }

    .se-left li {

        font-size: 16px;

        padding: 10px 0;

        padding-left: 16px;

    }

    .se-button {

        left: 14px;

    }

    .se-button p {

        width: 55px;

        height: 55px;

        font-size: 12px;

        line-height: 55px;

    }

    .se-button p.active::after {

        top: 19px;

        right: -9px;

    }

    .se-cen1 {

        width: 90vw;

        height: 90vw;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .se-cen2 {

        width: 80vw;

        height: 80vw;

    }

    .se-center-img {

        width: 70vw;

        height: 70vw;

    }

    .flex-center,

    .flex {

        flex-wrap: wrap;

    }

    .se-content {

        width: 90vw;

        margin-left: 0;

    }

    .home-cp-con {

        flex: auto;

    }

    .se-left li.active::after {

        top: 20px;

        height: 24px;

    }

    .f36 {

        font-size: 28px;

    }

    .se-content .se-botitle {

        margin-top: 12px;

        margin-bottom: 10px;

        line-height: 36px;

    }

    .se-content .se-bocon {

        line-height: 28px;

    }

    .se-content .se-more {

        width: 174px;

        height: 44px;

        line-height: 42px;

        margin-top: 46px;

    }

    .select-top {

        width: 100%;

        margin-top: 30px;

        font-size: 16px;

        margin-bottom: 30px;

    }

    .select-top li {

        font-size: 16px;

        line-height: 34px;

        width: 100%;

    }

    .select-top img {

        width: 22px;

    }

    .chose-box>div,

    .ab-box .all-box>div {

        width: 100%;

        height: auto;

    }

    .chose-box>div.chose-con {

        height: auto;

        padding: 30px 20px;

    }

    .chose-bottom {

        height: auto;

        padding: 20px;

    }

    .sj-box {

        font-size: 16px;

        padding-right: 14px;

        line-height: 20px;

    }

    .sj-swiper {

        margin-left: 40px;

        margin-right: 20px;

    }

    .chose-bottom .swiper-button-prev,

    .chose-bottom .swiper-rtl .swiper-button-next {

        left: 96px;

    }

    .chose-bottom .swiper-button-next,

    .chose-bottom .swiper-rtl .swiper-button-prev {

        right: 0;

    }

    .ab-box .gs-title {

        line-height: 38px;

        font-size: 28px;

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .ab-box .se-more {

        margin-top: 40px;

    }

    .ab-bottom {

        grid-template-columns: 1fr 1fr;

        grid-gap: 20px 0;

    }

    .ab-bottom>div span {

        font-size: 42px;

        margin-bottom: 12px;

    }

    .new-ftitle {

        margin-top: 10px;

        margin-bottom: 20px;

    }

    .ne-con .ne-left,

    .ne-con .ne-right {

        width: 100%;

    }

    .ne-con .ne-title {

        font-size: 26px;

        margin-top: 30px;

        margin-bottom: 22px;

    }

    .ne-con .ne-right {

        height: 12rem;

        margin-top: 20px;

        padding-bottom: 30px;

    }

    .ne-bottom {

        grid-template-columns: 1fr;

        width: auto;

    }

    .ne-bottom li {

        padding: 20px;

    }

    .ne-bottom .de {

        font-size: 18px;

        line-height: 28px;

        margin-top: 16px;

        margin-bottom: 18px;

    }

    .ne-bottom .text {

        line-height: 22px;

        height: auto;

        margin-bottom: 40px;

    }

    .mz-box a {

        margin-left: 0;

        margin-right: 10px;

    }

    .se-center-img2 {

        margin-top: 20px;

    }

    .ab-box .all-box .about-text {

        width: 100%;

        margin-top: 30px;

    }

    .ab-box2 {

        padding-top: 40px;

    }

    .ab-box .all-box .about-text p {

        font-size: 15px;

        line-height: 24px;

    }

    .con-box .all-title {

        padding-top: 40px;

    }

    .con-box .con-left {

        padding: 20px 10px;

    }

    .con-left .con-gs {

        font-size: 19px;

        line-height: 24px;

    }

    .con-left .phone,

    .con-left .phone a {

        font-size: 15px;

    }

    .con-left .con-dh {

        font-size: 16px;

        width: 85px;

    }

}