* {
    box-sizing: border-box;
}
.all-wrap {
    width: 100%;
    padding-top: 0;
}
.all-wrap .content-box { color: #666}
.all-wrap .content-box b { color: #333}

.nu {color: #249ded; font-weight: bold}

.all-wrap .banner-box {
    width: 100%;
    height: 400px;
    position: relative;
}
.all-wrap .banner-box .banner {
    height: 400px;
    width: auto;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.all-wrap .banner-box .banner-content {
    width: 1200px;
    height: 400px;
    position: relative;
    margin: auto;
    z-index: 1;
    padding-top: 120px;
}
.all-wrap .banner-box .banner-content h1,
.all-wrap .banner-box .banner-content h2,
.all-wrap .banner-box .banner-content h3 {
    color: #fff;
    margin-bottom: 12px;
    line-height: 1;
    text-align: left;
}
.all-wrap .banner-box .banner-content h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}
.all-wrap .banner-box .banner-content h2 {
    font-size: 24px;
}
.all-wrap .banner-box .banner-content h3 {
    font-size: 16px;
    margin-bottom: 12px;
}
.all-wrap .banner-box .banner-content .zixun_btn {
    width: 180px;
    height: 43px;
    background: linear-gradient(90deg, #00bcd5, #38cdba);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 30px;
}
.all-wrap .content-box {
    padding: 50px 0;
}
.all-wrap .content-box h2 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.all-wrap .content-box h4 {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-top: 8px;
    line-height: 1;
    text-align: center;
}
.all-wrap .content-box1 {
    padding-bottom: 0px;
}
.all-wrap .content-box1 .content1 {
    padding-top: 40px;
    text-align: center;
}
.all-wrap .content-box1 h2 {
    /* margin-bottom: 80px; */
}
.all-wrap .content-box1 .row, .all-wrap .content-box .row{
    margin: 0 auto;
}

.all-wrap .content-box2 { max-width:1920px;height: 1791px; background-color: #F1FCF8; margin: 0 auto}
.all-wrap .content-box2 .row {}

.all-wrap .content-box2 .row .content { width: 1200px; margin: 0 auto; }
.all-wrap .content-box .row b {font-size: 24px; font-weight: bold; color: #333; display: block; line-height: 48px}
.all-wrap .content-box .row p {font-size: 16px; color: #666;display: block;  }

.all-wrap .content-box2 .row1 { background: url("../../images/bd/01.png") no-repeat center; height: 322px; margin-top: 70px}
.all-wrap .content-box2 .row1 .content { margin-top: 100px;}

.all-wrap .content-box2 .row2 { background: url("../../images/bd/02.png") no-repeat center; height: 434px; }
.all-wrap .content-box2 .row2 .left, .all-wrap .content-box2 .row2 .right { width: 50% ; float: left}
.all-wrap .content-box2 .row2 .right {padding-left: 35px; margin-top: 175px}
.all-wrap .content-box2 .row2 .right::after {clear: both;}

.all-wrap .content-box2 .row3 { background: url("../../images/bd/03.png") no-repeat center; height: 367px; }
.all-wrap .content-box2 .row3 .content { margin-top: 135px;}

.all-wrap .content-box2 .row4 { background: url("../../images/bd/04.png") no-repeat center; height: 423px; }
.all-wrap .content-box2 .row4 .left, .all-wrap .content-box2 .row4 .right { width: 50% ; float: left}
.all-wrap .content-box2 .row4 .right {padding-left: 35px; margin-top: 175px}
.all-wrap .content-box2 .row4 .right::after {clear: both;}

.all-wrap .content-box3 {width: 1200px; margin: 0 auto}

.all-wrap .content-box3 .swiper1 {
    background-image: url('../../images/bd/sw-bg.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin: 40px 30px;
    text-align: center;
    position: relative;
    width: 1090px;
    height: 503px;
}
.swiper1::after{clear: both}
.all-wrap .content-box3 .swiper1 .swiper {
    width: 911px;
    height: 407px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 30px;

}
.all-wrap .content-box3 .swiper1 p { line-height: 1.5; font-size: 16px; width: 690px;color: #fff; margin: 25px auto}
.all-wrap .content-box3 .swiper1 b {color: #fff; font-weight: bold}
.all-wrap .content-box3 .swiper1 .arrow-left {
    left: 38px;
    background: url('../../images/yandex/arrow-left.png') no-repeat 0 0;
}
.all-wrap .content-box3 .swiper1 .arrow-right {
    right: 38px;
    background: url(../../images/yandex/arrow-right.png) no-repeat 0 0;
}
.all-wrap .content-box3 .swiper1 .arrow {
    width: 16px;
    height: 29px;
    position: absolute;
    top: 45%;
    cursor: pointer;
}

.all-wrap .content-box4 {
    background: #f7fdfd;
    overflow: hidden;
}
.all-wrap .content-box4 .icon-list {
    width: 1030px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}
.all-wrap .content-box4 .icon-list .item {

}
.all-wrap .content-box4 .icon-list .item img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.all-wrap .content-box4 .icon-list .item p {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    text-align: center;
    width: 100%;
}

/* 移动 */
.m-wrap .box-wrap { color: #666}
.m-wrap .box-wrap b { color: #333}
.red {color: #d33519; font-weight:bold}

.m-wrap .box-wrap { color: #333; }
/* 移动 */
.m-wrap .mbanner {
    width: 10rem;
    height: 4.8rem;
    position: relative;
}
.m-wrap .mbanner h1 {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 6vw;
    font-weight: bold;
    width: 100%;
    text-align: center;
    top: 0.8rem;
}
.m-wrap .mbanner h3 {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 3vw;
    font-weight: 400;
    color: #ffffff;
    top: 1.8rem;
    width: 100%;
    text-align: center;
}
.m-wrap .mbanner .h-2 {
    top: 1.91rem;
}
.m-wrap .mbanner img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.m-wrap .content-box {
    /* padding: 0.3rem; */
}
.m-wrap .box-wrap {
    width: 100%;
    padding: 0.5rem 0;
}
.m-wrap .box-wrap h2 {
    font-size: 0.48rem;
    width: 100%;
    text-align: center;
    margin: 0 0 0.267rem 0;
    overflow: hidden;
    font-weight: bold;
    color: #333333;
    line-height: 1.2;
}
.m-wrap .box-wrap h4 {
    font-size: 0.24rem;
    font-weight: 400;
    color: #666666;
    line-height: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 0.467rem;
}
.m-wrap .box-wrap1 {
    /* background: #f00; */
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    text-align: center;
    padding-bottom: 0;
    /* border: 1px solid #ededed; */
}
.m-wrap .box-wrap1 img {max-width: 100%; margin-bottom: 0.6rem}

.m-wrap .box-wrap2 .line {height: 0.07rem; background-color: #fff}
.m-wrap .box-wrap2 {background-color: #F1FCF8;}
.m-wrap .box-wrap2 .row {margin: 0.5rem 0.3rem; text-align: center; line-height: 1.5}
.m-wrap .box-wrap2 .row img {max-width: 100%; }
.m-wrap .box-wrap2 b {font-size: 0.35rem; font-weight: bold; color: #333;}
.m-wrap .box-wrap2 p {font-size: 0.28rem; color: #666; }
.m-wrap .box-wrap2 .row3 img {margin-bottom: 0.3rem}
.m-wrap .box-wrap2 .row3 p {margin-bottom: 0}
.m-wrap .box-wrap2 .row4 img {margin-bottom: 0.3rem}


.m-wrap .box-wrap3 {padding-left: 0.3rem; padding-right: 0.3rem}

.m-wrap .box-wrap3 .content .swiper2 {
    background-image: url('../../images/bd/sw-bg.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    position: relative;
    height: 4.76rem;
    margin-top: 0.5rem;

}

.m-wrap .box-wrap3 .content .swiper {
    width: 90%;
    height: 3.2rem !important;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 0.5rem;
}


.m-wrap .box-wrap3 .swiper2 .arrow{
    width: 0.29rem;
    height: 0.50rem;
    position: absolute;
    top: 50%;
    cursor: pointer;
    margin-top: -5%;
}
.m-wrap .box-wrap3 .swiper2 .arrow-left{
    left: 0.3rem;
    background: url('../../images/yandex/arrow-left.png') no-repeat 0 0;
    background-size: cover;
}
.m-wrap .box-wrap3 .swiper2 .arrow-right{
    right: 0.3rem;
    background: url('../../images/yandex/arrow-right.png') no-repeat 0 0;
    background-size: cover;
}


.m-wrap .box-wrap3 .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-wrap .box-wrap3 .swiper-slide img {
    height: inherit;
}
.m-wrap .box-wrap3 .swiper2 {color: #fff; font-size: 0.24rem}
.m-wrap .box-wrap3 .swiper2 p {width: 90%; margin: 0.23rem auto}
.m-wrap .box-wrap3 .swiper2 b{color: #fff; font-weight: bold}

.m-wrap .box-wrap7 h2  { margin-bottom:0.5rem}
.m-wrap .box-wrap7 h2::after {clear: both}
.m-wrap .box-wrap7 {
    overflow: hidden;
    background: #fff;
}
.m-wrap .box-wrap7 .icon-list {
    margin-top: -0.133rem;
    margin-bottom: 0.467rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.667rem;
}
.m-wrap .box-wrap7 .icon-list .item {
    width: 2.167rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m-wrap .box-wrap7 .icon-list .item img {
    width: 1.6rem;
    height: auto;
    margin-bottom: 0.2rem;
    border-radius: 50%;
}
.m-wrap .box-wrap7 .icon-list .item p {
    font-size: 0.23rem;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    width: 100%;
    text-align: center;
}