/* banner部分 */

.hz-0512-bannerlogo {
    width: 18%;
    margin-bottom: 15px;
}

.hz-0512-listbannerlogo {
    width: 12%;
}

.hz-0512-bannerlogo img {
    width: 100%;
}

.index_banner .hz-0512-bannerbox .banner_tit {
    margin-bottom: 16%;
}

.hz-0512-Star_Products {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-banner1.jpg);
}


/* 了解更多 */

.hz-0512-MagicHub-bannerbox {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-banner2.jpg);
}

.show-phone {
    display: none;
}

.show-pc {
    display: block;
}

.hz-0512-banner {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.hz-0512-banner-S86M {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-banner3.jpg);
}

.hz-0512-banner .tit span::before {
    background: #e60012;
}

.hz-0512-banner .tent {
    padding-top: 140px;
}

.hz-0512-logo {
    width: 11.5%;
    margin-bottom: 1%;
}

.hz-0512-logo img {
    width: 100%;
}

.hz-0512-p-box {
    width: 100%;
}

.hz-0512-p-box img {
    width: 100%;
}

.hz-0512-content {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hz-0512-btn {
    width: 12%;
    height: 44px;
    margin-top: 4%;
    background: #e60012;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
}

.hz-0512-btn a {
    color: #fff;
}

.hz-0512-content-p0-bg {
    background-color: #f5f4fa;
}

.hz-0512-p0-box {
    width: 100%;
    padding: 5% 0;
    overflow: hidden;
}

.hz-0512-wrap {
    width: 1200px;
    margin: 0 auto;
}

.hz-0512-p0-title {
    width: 56%;
    font-size: 52px;
    color: #323232;
    text-align: center;
    margin: 0 auto;
}

.hz-0512-p0-title img {
    width: 100%;
}

.hz-0512-p0-ul {
    width: 100%;
    margin-top: 5%;
    overflow: hidden;
}

.hz-0512-p0-ul li {
    width: 26.5%;
    float: left;
    position: relative;
    margin-left: 10.2%;
}

.hz-0512-p0-ul li:nth-child(1),
.hz-0512-p0-ul li:nth-child(4) {
    margin-left: 0;
}

.hz-0512-p0-ul li:nth-child(4),
.hz-0512-p0-ul li:nth-child(5),
.hz-0512-p0-ul li:nth-child(6) {
    margin-top: 2%;
}

.hz-0512-p0-ul img {
    width: 100%;
}

.hz-0512-p0-ul-itembox {
    width: 100%;
    position: absolute;
    top: 72%;
    left: 0;
}

.hz-0512-p0-ul-item-tit {
    font-weight: 600;
    font-size: 24px;
    color: #323232;
    text-align: center;
}

.hz-0512-p0-ul-item-txt {
    font-size: 17px;
    color: #323232;
    text-align: center;
    line-height: 1.4em;
    margin-top: 1%;
}

.hz-0512-content-p1-bg {
    height: 826px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p1-img.png);
    background-size: cover;
}

.hz-0512-p1-box img {
    width: 100%;
}

.hz-0512-content-p3-bg {
    background-color: #f0f7ff;
}

.hz-0512-p2-box {
    width: 100%;
    padding: 6% 0;
}

.hz-0512-p2-title {
    font-size: 55px;
    color: #323232;
}

.hz-0512-p2-txt {
    width: 93%;
    font-size: 23px;
    color: #333333;
    line-height: 1.7em;
    margin-top: 1.5%;
}

.hz-0512-p2-txt span {
    color: #ff0000;
}

.hz-0512-p2-ul {
    width: 100%;
    margin-top: 5%;
    overflow: hidden;
}

.hz-0512-p2-ul li {
    width: 24.3%;
    float: left;
    margin-left: 0.9%;
}

.hz-0512-p2-ul li:first-child {
    margin-left: 0;
}

.hz-0512-p2-ul img {
    width: 100%;
}

.hz-0512-p2-ul-tit {
    font-size: 20px;
    color: #000000;
    margin-top: 4%;
}

.hz-0512-p3-img {
    width: 65%;
    margin: 0 auto;
    margin-top: 3%;
}

.hz-0512-p3-img img {
    width: 100%;
}

.hz-0512-content-p4-bg {
    height: 826px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p4-img.png);
    background-size: cover;
}

.hz-0512-p4-box {
    padding: 3% 0;
}

.hz-0512-content-p5-bg {
    height: 854px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p5-img.png);
    background-size: cover;
}

.hz-0512-p5-box {
    width: 52%;
    margin-left: 48%;
    padding: 13% 0;
}

.hz-0512-p5-txt {
    margin-left: 7%;
}

.hz-0512-content-p6-bg {
    height: 1430px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p6-img.png);
    background-size: cover;
    margin-top: 4%;
}

.hz-0512-p6-box {
    padding: 0 0;
}

.hz-0512-content-p7-bg {
    height: 1191px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p7-img.png);
    background-size: cover;
}

.hz-0512-p7-box {
    padding: 6% 0;
}

.hz-0512-p2-title b,
.hz-0512-p0-title b {
    font-weight: 600;
}

.hz-0512-p7-txt {
    width: 100%;
    font-size: 21px;
}

.hz-0512-content-bg {
    padding: 5% 0;
}

.hz-0512-wrap-p8 {
    position: relative;
}

.hz-0512-p8-box {
    padding: 6% 0;
}

.hz-0512-content-p8-bg {
    height: 1082px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p8-img.png);
    background-size: cover;
    position: relative;
}

.hz-0512-p8-img {
    width: 62%;
    margin: 0 auto;
}

.hz-0512-content-p9-bg {
    height: 1037px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p9-img.png);
    background-size: cover;
}

.hz-0512-p9-box {
    width: 100%;
    padding: 5% 0;
}

.hz-0512-p9-title {
    text-align: center;
}

.hz-0512-banner txt b {
    font-weight: 600;
}

.hz-0512-btn-buy {
    margin: 0 auto;
    margin-top: 4%;
}

.hz-0512-p9-txt {
    width: 59%;
    overflow: hidden;
    margin-top: 50%;
    margin-left: 25.5%;
}

.hz-0512-p9-ul {
    width: 26.4%;
    float: left;
    margin-left: 6%;
}

.hz-0512-p9-txt .hz-0512-p9-ul:first-child {
    margin-left: 0;
}

.hz-0512-p9-ul li {
    width: 100%;
    font-size: 26px;
    color: #000000;
    margin-top: 10%;
}

.hz-0512-p9-ul li:first-child {
    margin-top: 0%;
}

.hz-0512-content-p10-bg {
    height: 979px;
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0512-p10-img.png);
    background-size: cover;
}

.hz-0512-p10-box {
    padding: 8% 0;
    position: relative;
}

.hz-0512-p11-box {
    width: 100%;
    position: relative;
}

.hz-0512-p11-img {
    width: 90.8%;
    margin: 0 auto;
}

.hz-0512-p11-img img {
    width: 100%;
}

.hz-0512-p11-title {
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -13%;
}

.hz-0512-btn-mb {
    width: 100%;
    display: inline-block;
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 1.5%;
}

.hz-0512-line {
    width: 100%;
    margin: 0 auto;
    background-color: #dee2e7;
    height: 2px;
    margin-bottom: 3%;
}

.hz-0512-btnbox {
    width: 30%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 80px;
}

.hz-0512-btnitem {
    width: 50%;
    float: left;
    margin-left: 5%;
    height: 44px;
    margin-top: 4%;
    background: #e60012;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #e60012;
}

.hz-0512-btnitem.bor {
    background: none;
    border: 1px solid #e60012;
}

.hz-0512-btnitem.bor a {
    color: #e60012;
}

.hz-0512-btnitem a {
    color: #fff;
}

.hz-0512-btnitem:first-child {
    width: 44.5%;
    margin-left: 0%;
}

.hz-0512-btnitem.bor.br {
    float: none;
    width: 15%;
    margin-top: 4%;
    float: left;
    margin-left: 2%;
}

.hz-0512-btn.fl {
    float: left;
}


/* 新增 0526*/

.hz-0526-banner .banner_tit {
    color: #fff;
    /* margin-bottom: 258px; */
    /* 修改 */
    /*margin-bottom: 160px;*/
    margin-bottom: 225px;
}
.hz-1125-banner1{
    padding: 220px 50px 60px 100px;
}
.hz-0526-banner1 .banner_tit {
    color: #fff;
    /*margin-bottom: 15px;*/
}

.hz-0526-banner .banner_intro {
    color: #fff;
    margin-bottom: 2%;
}
.hz-0526-banner1 .banner_tit_ax60-s{
    color: #273451;
}

.hz-0526-banner1 .banner_intro {
    color: #fff;
    /*margin-bottom: 50px;*/
}
.hz-0526-banner1 .banner_tit_ax60-s{
    color: #273451;
}
.hz-0526-Star_Products {
    /* background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0526-banner2.jpg); */
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0526-banner2.jpg);
}

@media screen and (max-width: 1600px) {
    .hz-0526-banner .banner_tit {
        margin-bottom: 170px;
    }
    .hz-1125-banner1{
        padding: 170px 40px 50px 80px;
    }
}

@media(max-width:1400px) {
    .hz-0512-btn {
        margin-top: 1%;
    }

    .index_banner .hz-0512-bannerbox .banner_tit {
        margin-bottom: 8%;
    }

    .hz-0526-banner .banner_tit {
        margin-bottom: 130px;
    }

    .hz-0512-btnitem.bor.br {
        margin-top: 1%;
    }
}

@media(max-width:1200px) {
    .hz-0512-wrap {
        width: 960px;
        margin: 0 auto;
    }

    .hz-0512-btnitem.bor.br {
        margin-top: 0%;
    }

    .hz-0512-btnitem {
        font-size: 15px;
    }

    .hz-0512-banner .tent {
        padding-top: 80px;
    }

    .hz-0512-btn {
        width: 9%;
        height: 35px;
        margin-top: 0%;
        font-size: 15px;
        line-height: 35px;
    }

    .hz-0512-p0-title {
        width: 56%;
        font-size: 42px;
    }

    .hz-0512-p0-ul-item-tit {
        font-size: 20px;
    }

    .hz-0512-p0-ul-item-txt {
        font-size: 13px;
    }

    .hz-0512-p2-txt {
        width: 100%;
    }

    .hz-0512-p2-title {
        font-size: 48px;
    }

    .hz-0512-btnbox {
        width: 45%;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 8%;
    }

    .hz-0512-btnitem.bor.br {
        height: 35px;
        line-height: 35px;
    }
}

@media(max-width:1002px) {
    .hz-0526-banner .banner_tit {
        margin-bottom: 95px;
    }
}

@media(max-width:768px) {
    .show-phone {
        display: block;
    }

    .show-pc {
        display: none;
    }

    .hz-0512-wrap {
        width: 93.5%;
    }

    .hz-0512-banner img {
        width: 100%;
    }

    .hz-0512-banner {
        background: none;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .hz-0512-btn.fl {
        float: none;
    }

    .hz-1125-banner1{
        padding: 30px 0px;
    }

    .hz-0512-btnitem.bor.br {
        width: 31%;
        padding: 0.8% 0;
        margin-bottom: 6%;
        float: none;
        margin-left: 0;
    }

    .hz-0512-banner .wrapbox {
        height: auto;
        width: 100%;
        position: absolute;
        bottom: 0%;
        left: 0%;
    }

    .hz-0512-banner .tent {
        padding-top: 0%;
    }

    .hz-0512-btn {
        width: 27%;
        height: auto;
        margin-top: 1%;
        font-size: 3.2vw;
        line-height: 2.2em;
        margin-bottom: 3%;
    }

    .hz-0512-banner .tab {
        position: relative;
    }

    .hz-0512-p0-title {
        width: 90%;
        font-size: 6.4vw;
    }

    .hz-0512-p0-title img {
        width: 75%;
    }

    .hz-0512-p0-ul li {
        width: 49%;
        float: left;
        position: relative;
        margin-left: 2%;
    }

    .hz-0512-p0-ul-item-tit {
        font-size: 3.47vw;
    }

    .hz-0512-p0-ul-item-txt {
        font-size: 2.4vw;
    }

    .hz-0512-p0-ul li:nth-child(3) {
        margin-top: 2%;
        margin-left: 0%;
    }

    .hz-0512-p0-ul li:nth-child(5) {
        margin-left: 0%;
    }

    .hz-0512-p0-ul li:nth-child(4) {
        margin-left: 2%;
    }

    .hz-0512-content-p1-bg {
        height: auto;
        background-image: none;
        background-size: cover;
    }

    .hz-0512-content img {
        width: 100%;
    }

    .hz-0512-p0-box {
        padding: 9% 0;
    }

    .hz-0512-p2-title {
        font-size: 6.4vw;
        text-align: center;
    }

    .hz-0512-p2-txt {
        width: 95%;
        font-size: 2.67vw;
        line-height: 1.7em;
        margin-left: 2.5%;
    }

    .hz-0512-p5-box .hz-0512-p2-txt {
        font-size: 3.2vw;
        width: 100%;
    }

    .hz-0512-p2-ul li {
        width: 49%;
        float: left;
        margin-left: 2%;
    }

    .hz-0512-p2-ul li:nth-child(3) {
        margin-left: 0%;
        margin-top: 4%;
    }

    .hz-0512-p2-ul li:nth-child(4) {
        margin-top: 4%;
    }

    .hz-0512-p2-ul-tit {
        font-size: 3.2vw;
        color: #000000;
        margin-top: 4%;
    }

    .hz-0512-p3-img {
        width: 100%;
        margin: 0 auto;
        margin-top: 3%;
    }

    .hz-0512-p2-title-pr {
        padding-right: 23%;
    }

    .hz-0512-p2-txt-mr {
        margin-left: 8%;
    }

    .hz-0512-content-p4-bg {
        height: auto;
        background-image: none;
        background-size: none;
        position: relative;
    }

    .hz-0512-content-p4-bg img {
        width: 100%;
    }

    .hz-0512-phone-wrap {
        position: absolute;
        top: 5%;
        left: 5%;
    }

    .hz-0512-content-p5-bg {
        height: auto;
        background-image: none;
        background-size: none;
        position: relative;
    }

    .hz-0512-content-p5-bg img {
        width: 100%;
    }

    .hz-0512-p9-box {
        width: 100%;
        padding: 2% 0;
    }

    .hz-0512-p5-box {
        width: 85%;
        margin-left: 0;
        padding: 0;
    }

    .hz-0512-p4-box .hz-0512-p4-title,
    .hz-0512-p5-box .hz-0512-p5-title,
    .hz-0512-p6-box .hz-0512-p2-title,
    .hz-0512-p7-box .hz-0512-p2-title,
    .hz-0512-p8-box .hz-0512-p2-title {
        text-align: left;
    }

    .hz-0512-p6-box .hz-0512-p2-txt,
    .hz-0512-p4-box .hz-0512-p2-txt,
    .hz-0512-p7-txt,
    .hz-0512-p8-box .hz-0512-p2-txt {
        margin-left: 0%;
    }

    .hz-0512-content-p6-bg {
        height: auto;
        background-image: none;
        background-size: none;
        position: relative;
    }

    .hz-0512-content-p6-bg img {
        width: 100%;
    }

    .hz-0512-content-p7-bg {
        height: auto;
        background-image: none;
        background-size: none;
        position: relative;
    }

    .hz-0512-content-p7-bg img {
        width: 100%;
    }

    .hz-0512-p7-box {
        width: 85%;
        margin-left: 0;
        padding: 0;
        padding-top: 4%;
    }

    .hz-0512-p8-box {
        padding: 0% 0;
    }

    .hz-0512-content-p8-bg {
        height: auto;
        background-image: none;
        background-size: cover;
        position: relative;
    }

    .hz-0512-content-p9-bg {
        height: auto;
        background-image: none;
        background-size: none;
        position: relative;
    }

    .hz-0512-content-p9-bg img {
        width: 100%;
    }

    .hz-0512-p9-txt {
        width: 59%;
        position: absolute;
        top: 50%;
        left: 28%;
        margin-top: 0;
        margin-left: 0;
    }

    .hz-0512-p9-title {
        text-align: left;
    }

    .hz-0512-content-p10-bg {
        height: auto;
        background-image: none;
        background-size: none;
        position: relative;
    }

    .hz-0512-content-p10-bg img {
        width: 100%;
    }

    .hz-0512-p10-box {
        width: 42.7%;
        margin-left: 0;
        padding: 0;
    }

    .hz-0512-p11-box {
        width: 100%;
    }

    .hz-0512-p11-title {
        text-align: center;
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
    }

    .hz-0512-p11-box>.hz-0512-p11-img {
        width: 87%;
        margin: 0 auto;
        margin-top: 3%;
    }

    .hz-0512-btn-mb {
        font-size: 4.8vw;
    }

    .hz-0512-btnbox {
        width: 70%;
    }

    .hz-0512-btnitem {
        width: 50%;
        height: auto;
        font-size: 3.2vw;
        line-height: 1.6em;
        padding: 2.5% 0%;
    }

    .hz-0512-MagicHub-bannerbox {
        background-image: none;
    }

    .hz-0512-MagicHub-bannerbox img {
        width: 100%;
    }

    .hz-0512-bannerlistbox {
        padding: 0px 0;
        position: absolute;
        top: 12%;
    }

    .index_banner .hz-0512-bannerbox .banner_tit {
        margin-bottom: 4%;
    }

    .hz-0512-listbannerlogo {
        width: 17%;
        margin-bottom: 3%;
    }

    .hz-0526-banner .banner_tit {
        margin-bottom: 28px;
    }

    .hz-0526-banner .banner_intro {
        margin-bottom: 15px;
    }

    .hz-0526-banner1 .banner_tit {
        margin-bottom: 10px;
    }

    .hz-0526-banner1 .banner_intro {
        margin-bottom: 15px;
    }

    .hz-0526-Star_Products {
        background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/hz-0526-banner2-w.jpg);
    }
}
/* AX71新增 */
.hz-ax71-1213-banner {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/AX71/hz_1213_ax01_banner.jpg);
    background-size: cover;
}
.hz-ax71-1213-bannert3 {
    margin-top: 3%;
    font-size: 20px;
    color: #001250;
}
.SY_often_banner.hz-ax71-1213-banner .wrapbox {
    height: 700px;
}
.hz-ax71-1213-banner .hz-0914-bannert2 {
    font-size: 66px;
}
.hz-ax71-1213-banner .hz-ax71-1213-bannert3 {
    font-size: 20px;
    color: #001250;
}
.hz-ax71-1213-banner .hz-0914-bannert1 {
    font-size: 33px;
}
.hz-ax71-wrapbox img{
    width: 100%;
}
.hz-ax71-banner-tit{
        width: 35%;
        position: absolute;
        top: 28%;
        left: 18.5%;
}
.hz-ax71-banner-tit img{
    width: 100%;
}
.SY_often_banner.hz-ax71-1213-banner .tent {
    padding-top: 0px;
    height: 100%;
}

@media(max-width:1600px) {
    .SY_often_banner.hz-ax71-1213-banner .wrapbox {
        height: 550px;
        width: 960px;
        margin: 0 auto;
    }
}

@media(max-width:768px) {
.hz-ax71-1213-banner>img{
   width: 100%;
}
.hz-ax71-1213-banner {
    background-image:none;
}
.SY_often_banner.hz-ax71-1213-banner .wrapbox {
    height:auto;
}
.hz-ax71-1213-banner .tent{
    display: none;
}

}

/* S1126FX 新增 */
.hz-s1226fx-p1-bg{
    width: 100%;
    position: relative;
}
.hz-s1226fx-p1-bg >img{
    width: 100%;
}
.hz-s1226fx-wrap{
    position: absolute;
    left: 50%;
    top:8%;
    transform: translateX(-50%);
}
.hz-s1226fx-wrap4{
    top:12%;
}
.hz-s1226fx-wrap5{
    top:4%;
}
.hz-s1226fx-wrap6{
    top:6%;
}
.hz-s1226fx-t1{
    font-size: 57px;
    color: #fff;
    text-align: center;
}
.hz-s1226fx-t1 b{
    font-weight: 600;
}
.hz-s1226fx-line{
    width: 45px;
    height: 4px;
    background: #4d83e1;
    margin: 0 auto;
    margin-top: 20px;
}
.hz-s1226fx-t2 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 2%;
}

.hz-s1226fx-p2-bg .hz-s1226fx-t1{
    color: #272737;
}
.hz-s1226fx-p1-bg .hz-s1226fx-t2{
    color: #fff;
}
.hz-s1226fx-p2-bg .hz-s1226fx-t2{
    color: #272737;
}
.s1226fx-banner{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/S1226FX/s1226fx-banner.jpg);
    background-size: cover;
}
.SY_often_banner.s1226fx-banner .wrapbox {
    height: 700px;
}
.hz-s1226fx-bannert1 {
    font-size: 33px;
    color: #e60012;
}
.hz-s1226fx-bannert2{
    font-size: 4.3vw;
    color: #273451;
    font-weight: 600;
    margin: 1% 0;
}
.hz-s1226fx-bannert3{
    font-size: 20px;
    color: #273451;
}
.SY_often_banner.s1226fx-banner .tent {
    padding-top: 0px;
    height: 100%;
}
.hz-s1226fx-banner-tit {
    width: 30%;
    position: absolute;
    top: 22%;
    left: 18.5%;
}
.hz-s1226fx-banner-tit img{
    width: 100%;
}




@media(max-width:1600px) {
    .hz-s1226fx-t1 {
        font-size: 50px;
    }
    .hz-s1226fx-t2 {
        font-size: 16px;
    }
    .hz-s1226fx-line {
        margin-top: 10px;
    }
    .SY_often_banner.s1226fx-banner .wrapbox {
        height: 520px;
    }
    .hz-s1226fx-banner-tit {
        top: 26%;
        left: 17.5%;
    }
    .SY_often_banner.s1226fx-banner .wrapbox {
        width: 960px;
        margin: 0 auto;
    }
}
@media (max-width: 1200px){
    .hz-s1226fx-t1 {
        font-size: 40px;
    }
    .hz-s1226fx-t2 {
        font-size: 14px;
    }
}
@media(max-width:768px) {
    .s1226fx-banner>img{
       width: 100%;
    }
    .s1226fx-banner {
        background-image:none;
    }
    .SY_often_banner.s1226fx-banner .wrapbox {
        height:auto;
    }
    .SY_often_banner.s1226fx-banner .tent {
        display: none;
    }
    .hz-s1226fx-t1 {
        font-size:7vw;
        color: #fff;
        text-align: center;
    }
    .hz-s1226fx-t2 {
        width: 100%;
        text-align: center;
        font-size: 3vw;
        margin-top: 3%;
    }
    .hz-s1226fx-line {
        height: 2px;
        margin-top: 2%;
    }



    }











/*ba3000*/

.hz-0914-banner {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L/hz-0914-banner.jpg);
/*    background-image:url(hz-0914-banner.jpg);*/
    background-size: cover;
}
.hz-1124-banner {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L_S/hz-1124-banner.jpg);
    background-size: cover;
}
.hz-0914-bannert1 {
    font-size: 30px;
    color: #e60012;
}

.hz-0914-bannert2 {
    font-size: 46px;
    color: #273451;
    font-weight: 600;
}
.hz-0914-bannert2 b{
    font-weight: 600 !important;
}
/* @font-face {
    font-family: DS;
    src: url("http://edmhz.h3c.com/202109/ba3000/images/方正兰亭特黑_GBK.TTF");
  } */
.hz-0914-bannert3 {
    font-size: 20px;
    color: #273451;
    margin-top: 10%;
    /* font-family:'方正兰亭黑简体'; */
}
.hz-0911-p0-box {
    width: 100%;
    padding: 10% 0;
}

.hz-0911-p0-img {
    width: 70.8%;
    margin: 0 auto;
}

.hz-0911-p0-bg {
    background-color: #3c4859;
}

.hz-0911-p7-bg {
    background-color: #f0f0f0;
}

.hz-0911-p2-bg,
.hz-0911-p6-bg {
    background-color: #000;
}

.hz-0911-p1-bg {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L/hz-0911-p1-bg.jpg)
}

.hz-0911-p3-bg {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L/hz-0911-p3-bg.jpg)
}

.hz-0911-p5-bg {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L/hz-0911-p5-bg.jpg)
}

.hz-0911-p4-bg {
    background-color: #c5d1dd;
}

.hz-0911-p1-t1 {
    width: 100%;
    text-align: center;
    color: #1462f6;
    font-size: 48px;
}

.hz-0911-p1-t2 {
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 28px;
    margin-top: 2%;
    line-height: 1.7em;
}

.hz-0911-p1-img {
    width: 41.8%;
    margin: 8% 0 6% 22.3%;
}

.hz-0911-p1-img2 {
    width: 57.4%;
    margin: 0 auto 6%;
}

.hz-0911-p2-t1 {
    width: 100%;
    text-align: center;
    font-size: 48px;
    color: #1462f6;
}

.hz-0911-p2-t2 {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-top: 2%;
}

.hz-0911-p2-img {
    width: 100%;
    margin: -7% auto 0;
}

.hz-0911-p0-box.pb {
    padding-bottom: 0;
}

.hz-0911-p3-img {
    width: 40%;
    margin: 0% 0 0 30.5%;
}


.hz-0911-p3-img2 {
    width: 100%;
}

.hz-0911-p3-img2 img {
    width: 100%;
}

.hz-0911-line {
    width: 83.2%;
    height: 1px;
    background: #616161;
    margin: 5% auto 3%;
    opacity: 0.4;
}
.hz-0911-btn {
    width: 21.3%;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 5%;
    text-align: center;
}

.hz-0911-p4-img {
    width: 48%;
    margin: 7% 0 0 28%;
}

.hz-0911-p5-img {
    width: 53.8%;
    margin: 6% auto 0;
}

.hz-0911-p6-img {
    width: 1336px;
    margin: 0% auto 0;
}

.hz-0911-p7-t1 {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 48px;
}

.hz-0911-p7-img {
    width: 72.8%;
    margin: 6% auto 0;
}

.detail-hz-img {
    width: 25%;
    margin: 0 0 4% 25%;
}

.hz-0911-p0-box img,
.hz-0911-p6-img img {
    width: 100%;
}

.hz-0911-p7-img2 {
    width: 100%;
    margin: 6% auto 0;
}
.hz-0911-p7-tip {
        width: 100%;
        text-align: center;
        font-size: 14;
        color: #8d8d8d;
        margin-top: 5%;
    }
@media(max-width:1200px) {
    .hz-0911-p6-img {
        width: 100%;
    }

    .hz-0914-bannert2 {
        font-size: 60px;
    }

    .hz-0914-bannert3 {
        margin-top: 5%;
    }
}

@media(max-width:768px) {
    .hz-0512-wrap.wd {
        width: 100%;
    }

    .hz-0911-p0-img {
        width: 90.3%;
    }

    .hz-0911-p1-bg {
        background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L/hz-0911-p1-bg-w.jpg);
        background-size: cover;
    }

    .hz-0911-p1-t1w {
        width: 73.5%;
        margin-left: 5.5%;
    }

    .hz-0911-p1-t2 {
        font-size: 3.7vw;
        text-align: left;
        margin-left: 5.5%;
        margin-top: 3%;
        line-height: 1.7em;
    }

    .hz-0911-p1-img {
        width: 100%;
        margin-left: 0%;
    }
    .hz-1125-p1-img1{
        width: 77%;
    }
    .hz-1124-p1-img {
        width: 80%;
        margin-bottom: 6%;
    }
    .hz-0911-p1-img2 {
        width: 92.5%;
        margin: 0 auto;
    }

    .hz-0911-p2-t1w {
        width: 54.5%;
        margin-left: 5.5%;
    }

    .hz-0911-p2-t2 {
        font-size: 3.7vw;
        text-align: left;
        margin-left: 5.5%;
        margin-top: 3%;
        line-height: 1.7em;
    }

    .hz-0911-p2-img {
        width: 100%;
        margin: -2% auto 0;
    }

    .hz-0911-p3-img {
        width: 100%;
        margin-left: 0;
        margin-top: 0%;
    }

    .hz-0911-p3-t1w {
        width: 63.1%;
        margin-left: 5.5%;
    }

    .hz-0911-p4-t1w {
        width: 80.4%;
        margin-left: 5.5%;
    }

    .hz-0911-p4-img {
        width: 77%;
        margin-left: 14%;
    }

    .hz-0911-p5-t1w {
        width: 41.1%;
        margin-left: 5.5%;
    }

    .hz-0911-p5-img {
        width: 86%;
        margin: 12% auto 0;
    }

    .hz-0911-p5-bg {
        background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000L/hz-0911-p5-bg-w.jpg)
    }

    .hz-0911-p6-t1w {
        width: 40.4%;
        margin-left: 5.5%;
    }

    .hz-0911-p6-img {
        width: 100%;
    }

    .hz-0911-p7-t1 {
        font-size: 9vw;
    }

    .hz-0911-p7-img {
        width: 100%;
        margin-bottom: 0;
    }

    .detail-hz-img {
        width: 30%;
        margin: 0 0 4% 37%;
    }

    .hz-0914-banner {
        position: relative;
        background-image: none;
    }

    .hz-0914-banner img {
        width: 100%;
    }

    .hz-0914-banner .wrapbox {
        position: absolute;
        width: 100%;
        height: 100% !important;
        left: 0;
        top: 0;
    }

    .hz-0914-bannert1 {
        font-size: 3.8vw;
        margin-top: 3%;
        margin-left: 4%;
    }
    .hz-1124-banner .hz-0914-bannert1 {
        color: #fff;
        margin-top: 15%;
        margin-left: 12%;
    }
    .hz-0914-bannert2 {
        font-size: 7vw;
        margin-top: 2%;
        margin-left: 4%;
    }
    .hz-1124-banner .hz-0914-bannert2 {
        color: #007bff;
        font-size: 11vw;
        margin-left: 11%;
    }
    .hz-0914-bannert3 {
        font-size: 2.6vw;
        margin-top: 5%;
        line-height: 1.7em;
        margin-left: 4%;
    }
    .hz-1124-banner .hz-0914-bannert3 {
        color: #fff;
        font-size: 3.2vw;
        margin-top: 5%;
        line-height: 1.7em;
        margin-left: 12%;
    }
    .SY_often_banner.hz-1124-banner .tab a {
        color: #fff;
    }
    .SY_often_banner.hz-1124-banner .tab a.selected {
        color: #e60012;
    }
    .hz-0911-p7-t1.mm {
        margin-top: 7%;
    }

    .hz-0911-p7-img2 {
        width: 100%;
        margin: 6% auto 0;
    }

    .hz-0911-p7-tip {
        width: 100%;
        text-align: center;
        font-size: 2.6vw;
        color: #8d8d8d;
        margin-top: 5%;
    }
    .hz-0911-btn {
        width:30%;
    }
    .hz-0911-btn img{
        width: 100%;
    }
}

/* AX60 */
.hz-ax60-banner {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/AX60/ax60-banner.jpg);
    background-size: cover;
}
.hz-ax60-s-banner {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/AX60_S/ax60-s-banner.jpg);
    background-size: cover;
}
.hz-ax60-bannert2{
    font-size: 88px;
    color: #fff;
}
.hz-ax60-s-bannert2{
    color: #273451;
}
.hz-ax60-bannert2 b{
    font-weight: 600 !important;
}
.hz-ax60-bannert3 {
    font-size: 20px;
    color: #fff;
    margin-top: 1%;
    /* font-family: '方正兰亭黑简体'; */
}
.hz-ax60-s-bannert3{
    color: #273451;
}
.hz-ax60-p7-img {
    width: 90%;
    margin: 6% auto 0;
}
.hz-ax60-p7-t1 {
    color: #1462f6;
}
.hz-ax60-btn {
    width: 15% !important;
}
.hz-ax60-banner-btn{
    margin-left: 0% !important;
}
@media (max-width: 768px){
.hz-ax60-banner {
    position: relative;
    background-image: none;
}
.hz-ax60-banner img {
    width: 100%;
}
.hz-ax60-banner .wrapbox {
    position: absolute;
    width: 100%;
    height: 100% !important;
    left: 0;
    top: 0;
}
.hz-0914-bannert1-ax60-s{
    margin-top: 14%;
    margin-left: 0%;
}
.hz-ax60-bannert2 {
    font-size: 5.6vw;
    color: #fff;
    margin-left: 4%;
}
.hz-ax60-s-bannert2 {
    color: #273451;
    margin-left: 0%;
}
.hz-ax60-bannert3 {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 2%;
    margin-left: 4%;
}
.hz-ax60-s-bannert3 {
    color: #273451;
    margin-left: 0%;
}
.hz-ax60-p3-img {
    margin-top: 0%;
}
.hz-ax60-p7-img {
    width: 100%;
}
.hz-ax60-banner-btn {
    margin-left: 4% !important;
   
}
.hz-ax60-main {
    overflow: hidden;
}
.detail_wrapbox{
    overflow: hidden;
}
.hz-ax60-s-banner {
    background-image:none;
    background-size: cover;
    width: 100%;
    position: relative;
}
.hz-ax60-s-banner img{
    width: 100%;
}
.SY_often_banner.hz-ax60-s-banner .wrapbox {
    width: 50%;
    position: absolute;
    top:-2%;
    left: 20%;
    text-align: center;
}
.SY_often_banner.hz-ax60-s-banner .tab {
    position: absolute;
    left: 4%;
    bottom: 0%;
}

}

/* ba3000c */
.hz-1209-over{
    overflow: hidden;
}
.hz-1209-banner{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000C/hz-1209-banner.png);
    position: relative;
}
.hz-1209-tit1{
    width: 31.4%;
}
.hz-1209-tit1 img{
    width: 100%;
}
.hz-1209-p0-bg{
    background: #202d57;
}
.hz-1209-p1-t1{
    width: 70.8%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #202d57;
    font-size: 70px;
}
.hz-1209-p1-t1 strong{
    font-weight:bold ;
}
.hz-1209-p1-bg{
    background:#fff;
}
.hz-1209-p1-img{
    width: 56.4%;
    margin: -6% 0 6% 15.3%;
}
.hz-1209-p0-box{
    padding-bottom: 0;
    overflow: hidden;
}
.hz-1209-p1-img2{
    width: 62.4%;
    margin: -11% auto -1%;
}
.hz-1209-p2-t1{
    width: 70.8%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
.hz-1209-p2-t2{
    width: 81.8%;
    text-align: left;
    margin-left: 15%;
    margin-right: auto;
    color: #fff;
    font-size: 28px;
    position: relative;
    z-index: 2;
}
.hz-1209-p2-img{
    margin: -14% auto 0;
}
.hz-1209-p2-t2 span{
    font-weight: bold;
}
.hz-1209-p3-img{
    width: 80%;
    margin: 6% auto 0;
}

.hz-1209-p3-bg{
    background: #fff;
}
.hz-1209-p4-bg{
    background: none;
    
}
.hz-1209-p4-bg img{
    width: 100%;
    display: inline-block;
}
.hz-1209-wrap{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 80%;
}
.hz-1209-p5-t1{
    width: 70.8%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 70px;
    position: relative;
    z-index: 2;
}
.hz-1209-p5-t1 span{
    font-weight: bold;
}

.hz-1209-p5-bg{
    background: #fff;
}
.hz-1209-p5-img{
    
        width: 100%;
        margin: -11% auto 0;

}
.hz-1209-re{
    position: relative;
}
.hz-1209-mark{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255, 255, 0.2);
}
.hz-1209-p6-bg{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BA3000C/hz-1209-p6-bg.png);
    background-size: cover;
    padding-bottom: 10%;
}
.hz-1209-p6-img{
    width:60% ;
    margin-left: 26%;
}
.hz-1209-p7-img{
    width: 100%;
}
.hz-1209-p7-img img{
    width: 100%;
}
.hz-1209-p7-box{
    position: absolute;
}
.hz-1209-p8-bg{
    background:#0b1138;
  
}
.hz-1209-p8-img{
    width: 76%;
    margin: 5% 0 0 20%;
}
.showw-pc{
    display: block !important;
}
.showw-phone{
    display: none !important;
}
.hz-1209-banner-tit{
    width: 26.52%;
    position: absolute;
    left: 17%;
    bottom: 45%;
}
.hz-1209-banner-tit img{
    width: 100%;
}
.hz-1209-banner-tit2{
    width: 21.4%;
    position: absolute;
    left: 16.6%;
    top: 60.2%;
    
}
.hz-1209-banner-tit2 img{
    display: block;
    width: 100%;
}
.hz-1209-banner-tit2 p{
    width: 100%;
   height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.6vw;
    color: #fff;
    text-align: center;
    line-height: 1.4em;
}  

@media (max-width: 1600px){
    .hz-1209-new-p0-box{
        padding: 1% 0 4% 0;
    }
    .hz-1209-p6-bg {
    
        padding-bottom: 4%;
    }
}
@media (max-width: 1200px){
    .hz-1209-new-p0-box{
        padding: 1% 0 4% 0;
    }
    .hz-1209-p6-bg {
    
        padding-bottom: 4%;
    }
    .hz-1209-p2-t2 {
        width: 87.8%;
        margin-top: 0%;
    }
}
@media (max-width: 768px){
    .hz-1209-p1-t1{
        width: 81.8%;
        text-align: left;
        margin-left: 10.4%;
        margin-right: auto;
        color: #202d57;
        font-size: 8.1vw;
    }
    .hz-1209-p1-img {
        width: 77.6%;
        margin: 2% 0 6% 11.3%;
    }
    .hz-1209-p1-img2 {
        width: 100%;
        margin: -15% 0 -11% 0%;
    }
    .hz-1209-p2-t1{
        width: 81.8%;
        text-align: left;
        margin-left: 10.4%;
        margin-right: auto;
        color: #fff;
        font-size: 8.1vw;
    }
    .hz-1209-p2-t2 {
        width: 81.8%;
        text-align: left;
        margin-left: 10.4%;
        margin-right: auto;
        color: #fff;
        font-size: 3.6vw;
        position: relative;
        z-index: 2;
    }
    .hz-1209-p5-t1{
        width: 81.8%;
        text-align: left;
        margin-left: 10.4%;
        margin-right: auto;
        font-size: 8.1vw;
    }
    .hz-1209-p5-box{
        padding-bottom: 0;
    }
    .hz-1209-p3-img {
        width: 80%;
        margin: 6% 0 0 auto;
    }
    .hz-1209-p6-img {
        width: 60%;
       margin: 0 auto;
    }
    .hz-1209-p6-bg {
        padding-bottom: 3%;
    }
    .hz-1209-p6-box{
        padding-bottom: 5%;
    }
    .hz-1209-p7-bg2  {
        background-color: #fff;
    }
    .hz-1209-p8-img {
        width: 92%;
        margin: 5% auto 0 ;
    }   
    .hz-1209-wrap {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: 88%;
    }
    .hz-1209-new-p0-box {
        padding: 5% 0 3% 0;
    }
    .hz-1209-p5-box{
        padding-bottom: 0;
    }
    .showw-pc{
        display: none !important;
    }
    .showw-phone{
        display: block !important;
    }
}
.hz-1209-col1{
    color: #22327b;
}
.hz-1209-col0{
    color: #000;
}
.hz-1209-col2{
    color: #043172;
}

/* BR5400 */
.hz-1210-banner{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BR5400W/hz-1210-banner.png);
}
.hz-1210-banner .tab a{
    color: #fff;
}
.hz-1210-img1{
    width: 100%;
}
.hz-1210-img1 img{
    width: 100%;
}
.hz-1210-bg{
    padding-bottom: 0;
}


/* BS200FX */
.hz-1213-overhide{
    overflow: hidden;
}
.hz-1213-p0-bg{
    background: #fff;
}
.hz-1213-banner{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BS200FX/hz-1213-banner.png);
    position: relative;
}
.hz-1213-p1-bg{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BS200FX/hz-1213-p1-bg.png);
    background-size: cover;
    padding-bottom: 7%;
}
.hz-1213-p1-t1{
    font-size: 70px;
}
.hz-1213-col1{
    color: #fff;
}
.hz-1213-col2{
    color: #2e2e2e;
}
.hz-1213-p1-t1 strong{
    font-weight: bold;
}
.hz-1213-line{
    width: 5.4%;
    margin: 1.5% auto 0;
    padding: 0.4% 0;
    background: #63a1ee;
}
.hz-1213-p1-img{
    width: 100%;
    margin: 3% auto 0;
}
.hz-1213-p2-bg{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BS200FX/hz-1213-p2-bg.png);
    background-size: cover;
    padding-bottom: 6%;
}
.hz-1213-p2-t2 {
    position: relative;
    z-index: 2;
    width: 55%;
    text-align: center;
    font-size: 28px;
    margin: 2% auto 0;
}
.hz-1213-p2-img{
    width: 86%;
    margin: 2% auto 0;
}
.hz-1213-p3-img{
    width: 100%;
    margin: 0 auto;
}
.hz-1213-p3-img img{
    display: block;
    width: 100%;
}
.hz-1213-p3-bg{
    padding: 10% 0;
}
.hz-1213-p4-bg{
    background: #0b1138;
}
.hz-1213-p4-img{
    width: 92%;
    margin: 4% auto 0;
}
.hz-1213-p4-bg{
    padding-bottom: 5%;
}
.hz-1213-ab{
    position: absolute;
    left: 0;
    top: 0;
}
.hz-1213-p5-img{
    width: 100%;
    margin: 0;
}
.hz-1213-p5-img img{
    width: 100%;
}
.hz-1213-p6-img{
    width: 100%;
}
.hz-1213-p6-bg{
    background-image: none;
    padding-bottom: 0;
}
.hz-1213-clearfix{
    overflow: hidden;
    width: 100%;
}
.hz-1213-icon{
    float: left;
    width: 25%;

}
.hz-1213-icon div{
    width: 60%;
    margin: 0 auto;
}
.hz-1213-icon p{
    text-align: center;
    font-weight: bold;
    color: #101525;
}
.hz-1213-banner-tit{
    width: 15.52%;
    position: absolute;
    left: 27%;
    bottom: 49%;
}
.hz-1213-banner-tit img{
    width: 100%;
}
.hz-1213-banner-tit2{
   
    width: 30.4%;
    position: absolute;
    left: 19.6%;
    top: 54.5%;
    
}
.hz-1213-banner-tit2 img{
    display: block;
    width: 100%;
}
.hz-1213-banner-tit2 p{
    width: 100%;
   height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.4vw;
    color: #fff;
    text-align: center;
    line-height: 1.4em;
    
}
@media (max-width: 768px){
    .hz-1213-p1-t1{
        font-size: 7.8vw;
    }
    .hz-1213-p2-t2 {
        position: relative;
        z-index: 2;
        width: 80%;
        text-align: center;
        font-size: 2.3vw;
        margin: 2% auto 0;
    }
    .hz-1213-p1-img {
        width: 86%;
    }
    .hz-1213-p3-bg {
       padding-bottom: 0;
    }
    .hz-1213-p4-bg {
        padding-bottom: 10%;
    }
    .hz-1213-banner-tit {
        width: 38.7%;
        position: absolute;
        left: 10%;
     bottom: 39%;
    }
    .hz-1213-banner-tit2 {
        width: 38.7%;
        position: absolute;
        left: 10.6%;
        top: 62.5%;
        background: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/BS200FX/hz-1213-banner-tit2-w2.png);
        background-size: 100% 100%;
    }
    .hz-1213-banner-tit2 p {
        width: 100%;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
        font-size: 1.6vw;
        color: #fff;
        text-align: center;
        line-height: 1.4em;
        padding: 2% 1%;
        box-sizing: border-box;
    }
}

/* S86M2C */
.SY_often_banner.hz-0328-banner{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2022/images/S86M2C/S86M2C_01.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.SY_often_banner.hz-0328-banner2{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2022/images/S65M2C/S65M2C_01.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.SY_often_banner.hz-0328-banner .wrapbox {
    height: 660px;
    position: relative;
}
.hz-0328-box{
    width:100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.hz-0328-box img{
    width: 100%;
}
.SY_often_banner.hz-0328-banner .tab a {
    color: #fff;
}
.SY_often_banner.hz-0328-banner .tab a.selected {
    color: #e60012;
}
.hz-0328-box .hz-0328-wrap{
    width: 70%;
    margin: 0 auto;
    font-size: 16px;
    color: #808080;
    margin-top: 3%;
    margin-bottom: 5%;
    line-height: 2em;
    text-align: justify;
}
.hz-0328-box2 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-color: #000;
    padding-bottom: 5%;
}
.hz-0328-bg{
    background-color: #000;
}
.hz-0328-box .hz-0328-line {
    width: 52%;
    margin: 0 auto;
    background-color: #26282c;
    height: 2px;
    margin-bottom: 3%;
}
.hz-0328-btn.hz-0512-btn-mb {
    width: 16%;
    display:block;
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 1.5%;
}
.hz-0328-btn.hz-0512-btn-mb a {
    display: block;
}
.SY_often_banner.hz-0328-banner .wrapbox{
  width: 1500px;
}
.SY_often_banner.hz-0328-banner .tent{
    width: 32%;
    position: absolute;
    top:48%;
    transform: translateY(-50%);
    left: -2%;
    padding-top: 0px;
}
.SY_often_banner.hz-0328-banner .tent img{
    width: 100%;
}
.hz-0328-imgbox{
    width:62%;
    height: 100%;
    position: absolute;
    top:2%;
    left: 50%;
    transform: translateX(-50%);
}
.hz-0328-box-img5 .hz-0328-imgbox{
    top:24%;
}
.hz-0328-box-img6 .hz-0328-imgbox{
    top:4%;
}
.hz-0328-box-img8 .hz-0328-imgbox{
    top:0%;
}
.hz-0328-box-img10 .hz-0328-imgbox{
    top:0%;
}
.hz-0328-box-img11 .hz-0328-imgbox{
    top:4%;
}
.hz-0328-box .yp-p1box {
    width: 100%;
    position: relative;
    margin-top: 10%;
    margin-bottom: 6%;
}
.hz-0328-titbox{
    width: 65%;
}
.hz-0328-tit5box,.hz-0328-tit7box,.hz-0328-tit5box,.hz-0328-tit9box{
   float: right;
}
.hz-0328-titbox img{
    width: 100%;
}

.hz-0512-content.hz-0328-content{
    background-color: #000;
}
.hz-0328-box-img3{
    padding-top:4%;
}
.hz-0328-box-img4{
    padding-top:3%;
}
.hz-0328-box-img6{
    padding-top:4%;
}
.hz-0328-box-img10{
    padding-top:4%;
}
.hz-0328-tit13box{
 font-size: 70px;
 font-weight: 600;
 color: #fff;
 text-align: center;
 margin: 0 auto;
}
.hz-0328-box .yp-p1-btn {
    left: 50%;
    top:50%;
    right:auto;
    bottom:auto;
    transform: translate(-50%,-50%);
}


@media screen and (max-width: 1600px){
    .SY_often_banner.hz-0328-banner .wrapbox {
        width: 1200px;
    }
    .hz-0328-box-img13 .hz-0328-imgbox {
        top: 0%;
    }
    .hz-0328-imgbox {
        width: 62%;
    }
    .hz-0328-titbox {
        width: 72%;
    }
    .SY_often_banner.hz-0328-banner .tent {
        left: 0%;
    }
    .hz-0328-box .yp-p1box {
        width: 68%;
    }
}
@media screen and (max-width: 1300px){
    .SY_often_banner.hz-0328-banner .wrapbox {
        width: 960px;
        margin-left: 5%;
    }
}
@media (max-width: 768px){
    .hz-0328-box .hz-0328-wrap {
        width: 90%;
        font-size: 2.6vw;
    }
    .hz-0328-btn.hz-0512-btn-mb {
        width: 40%;
    }
    .SY_often_banner.hz-0328-banner {
        background: none;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .SY_often_banner.hz-0328-banner img{
        width: 100%;
    }
    .SY_often_banner.hz-0328-banner .wrapbox {
        height:100%;
        position: relative;
    }
    .hz-0328-box .yp-p1box {
        margin-bottom: 0%;
        margin-top: 12%;
        width: 88%;
    }
}
/* NX15000 */
.SY_often_banner.hz-220420-banner{
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2022/images/NX15000/hz-220420banner-NX15000.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.SY_often_banner.hz-220420-banner2{
height: auto;
}
.hz-220420-banner .hz-0512-tabbox a{
    color: #fff;
}
.hz-220420-banner img{
    width: 100%;
}
.hz-220420-NX15000-tit{
    width: 58.1%;
    position: absolute;
    left: -1%;
    top: 27%;
}
.hz-220420-NX15000-tit img{
    width: 100%;
}
.SY_often_banner.hz-220420-banner2 img{
    display: block;
    width: 100%;
}
.show-phone{
    display: none !important;
}
.hz-220420-imgbox{
    width: 1200px;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    top: 0;
}
.hz-220420-p0-t{
    position: relative;
}
.hz-220420-p0-t img{
    width: 100%;
}
.hz-220420-ulbox{
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
}
.hz-220420-ul{
    overflow: hidden;
}
.hz-220420-ul li{
    width: 25%;
    float: left;
}
.hz-220420-ul li div{
    width: 60%;
    margin: 0 auto;
}
.hz-220420-p2-tit{
    width: 100%;
}

.hz-220420-p2qw{
    overflow: hidden;
    border-bottom: 1px solid #333;
}
.hz-220420-p2qw p{
    float: left;
    width: 10%;
}
.hz-220420-p2qw span{
    float: left;
}
.hz-220420-p2-k2{
    background-image: linear-gradient(to bottom right, rgba(255,207,144,0.8), rgba(229,181,105,0.8));
    width: 48%;
    position: absolute;
    left: 7%;
    top: 25%;
    padding: 8.6% 5% 3.6%;
    border-radius: 30px;

}
.hz-220420-p2-k3{
   background: #dedee4;
   width: 41.5%;
   position: absolute;
   left: 58%;
   top: 29%;
    padding: 5.3% 4%;
    border-radius: 30px;
}
.hz-220420-p2-cp{
    width: 25.5%;
    position: absolute;
    left: 56%;
    top: 32%;
}
.hz-220402-k2t1{
    font-size: 36px;
    line-height: 1.7em;
    border: 1px solid #000;
    width: 76%;
    text-align: center;
    border-radius: 50px;
    margin: 0 auto;
}
.hz-220420-p2-cp1{
    width: 91%;
    margin: 12% auto 6%;
}
.hz-220420-p2qw{
    font-size: 37px;
    color: #000;
    padding-left: 9%;
    margin-top: 8%;
    padding-bottom: 9%;
}
.hz-220420-p2qw.hz-220420-p2qw1{
   
    margin-top: 13%;
}
.hz-220420-p2qw span{
    margin-left: 3%;
}
.hz-220420-p2-k3 .hz-220402-k2t1{
    font-size: 24px;
    line-height: 1.7em;
    border: 1px solid #000;
    width: 66%;
    text-align: center;
    border-radius: 50px;
    margin: 0 auto;
}
.hz-220420-p2-k3 .hz-220402-k2t2{
    margin: 23% auto 0;
}
.hz-220420-p2-k3 .hz-220420-p2-cp1{
    width: 44%;
    margin: 12% auto 6%;
}
.hz-220420-p2-k3 .hz-220420-p2-cp3{
    width: 47%;
    margin: 6% auto 6%;
}
.hz-220420-p2-k3 .hz-220420-p2qw{
    font-size: 37px;
    color: #000;
    padding-left: 12%;
    margin-top: 3%;
    border-bottom: none;
}
.hz-220420-p2-k3 .hz-220420-p2qw.hz-220420-p2qw1{
   
    margin-top: 8%;
}
.hz-220420-p2-k3 .hz-220420-p2qw {
    margin-left: 3%;
    font-size: 24px;
    line-height: 2.3em;
}
.hz-220420-p2-k3 .hz-220420-p2qw p{
   
    width: 9%;
}
.hz-220420-p2-k3 .hz-220420-p2qw{
    padding-bottom: 0;
}
.hz-220420-p2-k3 .hz-220420-p2qw2{
    margin-top: 11%;
}
.hz-220420-imgboxcenter{
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 62.5%;
}
.hz-220420-p3-t1{
    position: relative;
 
}

.hz-220420-imgboxcenter img{
    width: 100%;
}
.hz-220420-p3-cp1{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 12.6%;
   
}
.hz-220420-p3-tit2{
    width: 47%;
    position: absolute;
    left: 49%;
    transform: translate(-50%);
    top: 33%;
}
.hz-220420-p4-t1{
    position: relative;
 
}
.hz-220420-p5-cp1{
    width: 100%;
    position: absolute;
    bottom: 11%;
}
.hz-220420-p7-cp1{
    margin-bottom: 16%;
    position: relative;
}
.hz-220420-p7-cpw1{
    position: absolute;
    left: 16%;
    bottom: 3.5%;
    font-size:48px ;
    color: #000;
}
.hz-220420-p7-cpw2{
    position: absolute;
    left: 64%;
    bottom: 3.5%;
    font-size:48px ;
    color: #000;
}
.hz-220420-p8-cp1{
    width: 48.8%;
    position: absolute;
    left: 0%;
    top: 0%;
}
.hz-220420-p8-cp2{
    width: 48.8%;
    position: absolute;
    right: 0%;
    top: 0%;
}

.hz-220420-p8-cp3{
    width: 48.8%;
    position: absolute;
    left: 0%;
    top: 27%;
}
.hz-220420-p8-cp4{
    width: 48.8%;
    position: absolute;
    left: 0%;
    top: 55.1%;
}
.hz-220420-p8-cp5{
    width: 48.8%;
    position: absolute;
    right: 0%;
    top: 55.1%;
}
.hz-220420-p8-cp6{
    width: 32.1%;
    position: absolute;
    left: 0%;
    top: 82.7%;
}
.hz-220420-p8-cp7{
     width: 32.1%;
    position: absolute;
    right: 34%;
    top: 82.7%;
}
.hz-220420-p8-cp8{
     width: 32.1%;
    position: absolute;
    right: 0%;
    top: 82.7%;
}
.hz-220420-p8-cpw1{
    font-size: 48px;
    color: #fff;
    position: absolute;
    left:24px ;
    top: 12px;
}
.hz-220420-p8-cpw2{
    font-size: 30px;
    color: #fff;
    position: absolute;
    left:24px ;
    top: 70px;
}
.hz-220420-p8-cpw3{
    font-size: 33px;
    color: #fff;
    position: absolute;
    left:24px ;
    top: 12px;
}
.hz-220420-p8-cpw4{
    font-size: 16px;
    color: #fff;
    position: absolute;
    left:24px ;
    top: 54px;
}
.hz-220420-p8-cpw5{
    font-size: 16px;
    color: #fff;
    position: absolute;
    left:24px ;
    top: 73px;
}

.hz-220420-p9-cp1{
    width: 30.3%;
    position: absolute;
    left: 0%;
    top: 16%;
}
.hz-220420-p9-cp2{
    width: 30.3%;
    position: absolute;
    left: 34.1%;
    top: 16%;
}
.hz-220420-p9-cp3{
    width: 31.9%;
    position: absolute;
    right: 0%;
    top: 16%;
}
.hz-220420-p9-cpw1{
    text-align: center;
    font-size: 24px;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 18%;
    left: 0%;
}
.hz-220420-p9-cpw2{
    text-align: center;
    font-size: 42px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top:44%;
    left: 0%;
}
.hz-220420-p9-cp4{
    width: 30.3%;
    position: absolute;
    left: 0%;
    top: 32%;
}
.hz-220420-p9-cp5{
    width: 30.3%;
    position: absolute;
    left: 34.1%;
    top: 32%;
}
.hz-220420-p9-cp6{
    width: 31.9%;
    position: absolute;
    right: 0%;
    top: 32%;
}
.hz-220420-p8-cpbox{
    position: absolute;
    width: 100%;
    left: 0%;
   top: 9%;
}
.hz-220420-imgboxcenterback{
    width:1200px;
    margin: 0 auto;
}
.hz-220420-p8-cp8box{
    width: 100%;
    position: relative;
    margin-top: 10%;
    margin-bottom: 16%;
}
.hz-220420-box .hz-0328-wrap{
    color: #fff;
}
.hz-220420-box .hz-0328-line{
    background-color: #fff;
}
.hz-220420-readmore{
    width: 150px;
    line-height: 36px;
    border: 2px solid #e60012;
    background-color: #e60012;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    left: -0.4%;
    top: 69%;
    transition: all 0.5s linear;
}
.hz-220420-readmore a{
    color: #fff;
}
.hz-220420-readmore:hover{
    background-color: #000;
    border: 2px solid #000;
}
.hz220420_detail_cscon .detail_csright dt{
    width: 240px;
}
@media screen and (max-width: 1400px){
    .hz-220420-imgbox {
        width: 1200px;
        
    }
    .hz-220420-imgboxcenter{
        width: 1200px;
    }

    .hz-220420-p2-k2 {
        top: 16%;
        width: 44%;
        position: absolute;
        left: 7%;
        padding: 9.6% 5% 3.6%;
    }
    .hz-220420-p2-k3 {
        top: 19%;
    }
    .hz-220420-NX15000-tit {
 
        top: 20%;
    }
    .hz-220420-readmore{
        top: 72%;
    }
    .hz-220420-p2qw {
        font-size: 28px;
        color: #000;
        padding-left: 14%;
        margin-top: 6%;
        padding-bottom: 7%;
    }
    .hz-220402-k2t1 {
        font-size: 30px;
     
    }
    .hz-220420-p2-k3 .hz-220402-k2t2 {
        margin: 6% auto 0;
    }
    .hz-220420-p2-k3 .hz-220420-p2-cp1 {
        margin: 5% auto 6%;
    }
    .hz-220420-p2-k3 .hz-220420-p2qw {
        margin-top: 0%;
    }
    .hz-220420-p2-k3 {
        left: 53%;
        top: 19%;
    }
    .hz-220420-p7-cpw1 {
      
        bottom: 3.5%;
        font-size: 30px;
      
    }
    .hz-220420-p7-cpw2 {

        bottom: 3.5%;
        font-size: 30px;
     
    }
    .hz-220420-p8-cpbox {
        position: absolute;
        width: 100%;
        left: 50%;
        transform: translate(-50%);
        top: 9%;
    }
}
@media screen and (max-width: 1200px){
 
    .hz-220420-readmore{
        top: 72%;
        width: 132px;
   
        left: 8.5%;
    }
    .hz-220420-NX15000-tit {
        width: 43.1%;
        position: absolute;
        left: 8%;
        top: 24%;
    }
    .hz-220420-imgbox {
        width: 960px;
        
    }
    .hz-220420-imgboxcenter{
        width: 960px;
    }
    .hz-220420-imgboxcenterback{
        width: 960px;
    }
   
    .hz-220420-p2-k2 {
        top: 16%;
        width: 44%;
        position: absolute;
        left: 7%;
        padding: 9.6% 5% 3.6%;
    }
    .hz-220420-p2-k3 {
        top: 19%;
    }
    .hz-220420-p2qw {
        font-size: 28px;
        color: #000;
        padding-left: 14%;
        margin-top: 6%;
        padding-bottom: 7%;
    }
    .hz-220402-k2t1 {
        font-size: 30px;
     
    }
    .hz-220420-p2-k3 .hz-220402-k2t2 {
        margin: 6% auto 0;
    }
    .hz-220420-p2-k3 .hz-220420-p2-cp1 {
        margin: 5% auto 6%;
    }
    .hz-220420-p2-k3 .hz-220420-p2qw {
        margin-top: 0%;
    }
    .hz-220420-p2-k3 {
        left: 53%;
        top: 19%;
    }
    .hz-220420-p7-cpw1 {
      
        bottom: 3.5%;
        font-size: 30px;
      
    }
    .hz-220420-p7-cpw2 {

        bottom: 3.5%;
        font-size: 30px;
     
    }
    .hz-220420-p8-cpbox {
        position: absolute;
        width: 100%;
        left: 50%;
        transform: translate(-50%);
        top: 9%;
    }
}
@media screen and (max-width: 1000px){
    .hz-220420-imgbox {
        width: 750px;
        
    }
    .hz-220420-imgboxcenter{
        width: 750px;
    }
    .hz-220420-imgboxcenterback{
        width: 750px;
    }
    .hz-220420-p8-cpw1 {
        font-size: 34px;
        color: #fff;
        position: absolute;
        left: 24px;
        top: 12px;
    }
    .hz-220420-p8-cpw2 {
        font-size: 20px;
        color: #fff;
        position: absolute;
        left: 24px;
        top: 53px;
    }
    .hz-220420-p8-cpw3 {
        font-size: 20px;
        color: #fff;
        position: absolute;
        left: 24px;
        top: 12px;
    }
    .hz-220420-p8-cpw4 {
        font-size: 14px;
        color: #fff;
        position: absolute;
        left: 24px;
        top: 40px;
    }
    .hz-220420-p8-cpw5 {
        font-size: 14px;
        color: #fff;
        position: absolute;
        left: 24px;
        top: 56px;
    }
    .hz-220420-p9-cpw1 {
        font-size: 18px;
        top: 25%;
        left: 0%;
    }
    .hz-220420-p9-cpw2 {
        font-size: 30px;
        top: 44%;
    
    }
    .hz-220420-p2-k3 .hz-220420-p2qw {
        margin-left: 3%;
        font-size: 20px;
        line-height: 2.3em;
    }
    .hz-220420-p2qw {
        font-size: 24px;
      
    }
    .hz-220420-p2-k3 .hz-220402-k2t1 {
        font-size: 20px;
      
    }
    .hz-220402-k2t1 {
        font-size: 26px;
    }
}
@media screen and (max-width: 768px){
    .show-phone{
        display: block !important;
    }
    .hz-220420-banner .wrapbox{
        width: 100%;
       height: 100% !important;
        position: absolute ;
        left: 0;
        top: 0;
    }
    .hz-220420-ul li div {
        width: 70%;
        margin: 0 auto;
    }
    .hz-220420-ul {
        margin:5% auto;
        width: 89%;
    }
    .hz-220420-NX15000-tit {
        width: 55.1%;
        position: absolute;
        left: 2.6%;
        top: 17%;
    }
    .hz-220420-readmore{
        top: 65%;
        width: 20%;
        font-size: 12px;
        left: 3.8%;
        line-height: 26px;
    }
    .hz220420_detail_cscon .detail_csright dt{
        width: 134px ;
    }
}

/* br2005 */
.SY_often_banner.hz-0527-banner2 {
    background-image: url(//m.yolosolive.com/cn/tres/NewWebUI/2022/images/BR2005/hz-0527banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.SY_often_banner.hz-0527-banner2 .tent{
    width: 47%;
    position: absolute;
    top: 20.5%;
   
    left: 26%;
}
.SY_often_banner.hz-0527-banner2 .tent2{
    width: 9%;
    position: absolute;
    top: 0%;
    left: 79%;
}
.SY_often_banner.hz-0527-banner2 .tent img , .SY_often_banner.hz-0527-banner2 .tent2 img{
    width: 100%;
}
.hz-0527-box-img3 {
    padding-top: 0;
}
.hz-220627-detail_cscon .detail_cstit {
 
    width: 171px;
  
}
.hz-220627-detail_cscon .detail_csright dt {
   
    width: 296px;

}
@media screen and (max-width: 1300px){
    .SY_often_banner.hz-0527-banner2 .wrapbox {
        width: 960px;
    
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px){
    .hz-220627-detail_cscon .detail_csright dt {
        width: 145px;
    }
}





.hz-220715-wrapbox .hz-220420-NX15000-tit {
    top:23%;
}
.hz-220715-wrapbox .hz-0429-jg {
    position: absolute;
    top:62.5%;
    left:0;
    margin-left: 0;
    margin-top: 0;
}
.hz-220715-wrapbox .hz-220420-readmore {
    top:73%;
}
@media screen and (max-width: 1400px) {
    .hz-220715-wrapbox .hz-220420-NX15000-tit {
        top:16%;
    }
    .hz-220715-wrapbox .hz-0429-jg {
        top:65.5%;
    }
    .hz-220715-wrapbox .hz-220420-readmore {
        top:76%;
    }
}
@media screen and (max-width: 1200px) {
    .hz-220715-wrapbox .hz-0429-jg {
        top:64%;
        left: 8.5%;
    }
}
@media screen and (max-width: 768px) {
    .hz-220715-wrapbox .hz-220420-NX15000-tit {
        top:10%;
    }
    .hz-220715-wrapbox .hz-0429-jg {
        top:54%;
        left: 3.5%;
    }
    .hz-220715-wrapbox .hz-220420-readmore {
        top:67%;
    }
}



/* hz-20220907智能链接 */

.hz_220907_znlj_banner a.ns-btn.ns-btn-primary img {
    width:19px;
    margin-right: 10px;
}
.ns-card-container .hz_220907_znlj_p0_content1.ns-card-content {
    width:600px;
    left:auto;
    right:0;
}
.ns-card-container .hz_220907_znlj_p0_content2.ns-card-content {
    width:600px;
}
.hz_220907_znlj_p1_con {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items:stretch;
    justify-content: space-between;
}
.hz_220907_znlj_p1_con img {
    width:100%;
}
.hz_220907_znlj_p1_left {
    width:31.6%;
}
.hz_220907_znlj_p1_img {
    width:100%;
    display:none;
}
.hz_220907_znlj_p1_img.active {
    display:block;
}
.hz_220907_znlj_p1_right {
    width:68.4%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}
.hz_220907_znlj_p1_right_box {
    display: none;
    padding-top: 3%;
    padding-left: 4.7%;
    box-sizing: border-box;
}
.hz_220907_znlj_p1_tbox_tit {
    font-size: 20px;
    line-height: 2;
    font-weight: bold;
    margin: 0 0px 2.5%;
    padding-left: 0px;
    color: #333333;
}
.hz_220907_znlj_p1_tbox_txt:before {
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    overflow: hidden;
    background-color: #e60012;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 7px;
}
.hz_220907_znlj_p1_tbox_txt {
    width: 100%;
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    margin: 10px 0px;
    padding-left: 15px;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hz_220907_znlj_p1_tbox_txt sup {
    display: inline-block;
    margin-top: 8px;
}
.hz_220907_znlj_p1_right_box.active {
    display: block;
}
.hz_220907_znlj_p1_tab {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color:#f6f6f6;
}
.hz_220907_znlj_p1_tab>li {
    width:33.3%;
    padding:4% 0 3.5%;
}
.hz_220907_znlj_p1_tab>li.active {
    background-color: #d10010;
}
.hz_220907_znlj_p1_ic {
    width:13.5%;
    margin:0 auto 5%;
}
.hz_220907_znlj_p1_tab_tit {
    font-size: 16px;
    font-weight: bold;
    color:#333333;
    text-align: center;
}
.hz_220907_znlj_p1_tab>li.active .hz_220907_znlj_p1_tab_tit {
    color:#ffffff;
}
.hz_220907_znlj_p1_list {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: stretch;
}
.hz_220907_znlj_p1_list>li {
    background-color: #ffffff;
    width: 32.1%;
    box-shadow: 0 0 10px 0 #ebebeb;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hz_220907_znlj_p1_list>li p {
    width: 100%;
    /*overflow: hidden;*/
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    margin: 10px 0px;
    padding-left: 15px;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hz_220907_znlj_p1_list>li p:before {
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    overflow: hidden;
    background-color: #e60012;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 8px;
}
.hz_220907_znlj_p1_list>li p sup {
    display: inline-block;
    margin-top: 3%;
}
.hz_220907_znlj_p1_list>li .p1 {
    width:80px;
    padding:0;
}
.hz_220907_znlj_p1_list>li .p1:before {
    display: none;
}
.hz_220907_znlj_p1_list>li img {
    width:100%;
}
.hz_220907_znlj_p1_list>li .p2 {
    font-size: 20px;
    line-height: 2;
    font-weight: bold;
    margin: 15px 0px;
    padding-left: 0px;
    color:#333333;
}
.hz_220907_znlj_p1_list>li .p2:before {
    display: none;
}
.hz_220907_znlj_p1_bj {
    font-size: 12px;
    color:#999999;
    padding-left: 15px
}
.hz_220907_znlj_p2_box {
    width:100%;
    text-align: center;
}
.hz_220907_znlj_p2_box>p {
    font-size:16px;
    color:#666666;
    line-height:1.6;
    width:85%;
    text-align: left;
}
.hz_220907_znlj_p2_img {
    width:83.4%;
    margin:2vw auto 0;
}
.hz_220907_znlj_p2_img img {
    width:100%;
}
a.hz_220907_znlj_p2_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    background-color: #e60002;
    font-size: 18px;
    color: #ffffff;
    border-radius: 30px;
    border: 1px solid transparent;
    transition: all 0.5s;
    margin:3% auto 0;
}
a.hz_220907_znlj_p2_btn>img {
    width:20px;
    margin-right:8px;
}
a.hz_220907_znlj_p2_btn:hover {
    background-color: #d7000f;
}


.hz_220907_znlj_p4_box {
    width:100%;
}
.hz_220907_znlj_p4_box>p {
    font-size:16px;
    color:#666666;
    line-height:1.6;
    margin-bottom: 2vw;
}
.hz_220907_znlj_p4_tab {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2vw;
}
.hz_220907_znlj_p4_tab>li {
    width:14.28%;
    font-size: 18px;
    padding: 20px 0;
    cursor: pointer;
    text-align: center;
    font-weight: normal;
    background-color: #c9caca;
    color: black;
    line-height: 1.2;
    border:1px solid #ffffff;
    box-sizing: border-box;
}
.hz_220907_znlj_p4_tab>li.active {
    color:#fff;
    background-color:#e60012;
}
.hz_220907_znlj_p4_tabBox {
    width:100%;
    display: none;
}
.hz_220907_znlj_p4_tabBox.active {
    display: block;
}
.hz_220907_znlj_p4_all {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 2vw;
}

.hz_220907_znlj_p4_list>li {
    padding:0 21px 6%;
    position: relative;
}
.hz_220907_znlj_p4_img {
    width:100%;
}
.hz_220907_znlj_p4_txt {
    font-size: 14px;
    line-height: 1.8;
    color:#666666;
}
.hz_220907_znlj_p4_list .ns-red-next-arrow {
    position: absolute;
    left: 1.5625vw;
    bottom: 1.7vw;
}
.hz_220907_znlj_p4_new {
    position: absolute;
    top:0;
    right:0;
    font-size: 12px;
    color:#fff;
    background-color:#e60012;
    padding:2px 5px;
}
.hz_220907_znlj_p4_list.hz_220907_p4s .p2 {
    height: 80px;
}

.hz-20220907-ptit{
    font-size: 36px;
    color: #333;
}
.hz-wrap{
    width: 1200px;
    margin: 0 auto;
}
.hz-20220907-p8box{
    padding: 70px 0;
    background-size: cover;
}
.hz-20220907-p8k1box{
    overflow: hidden;
    margin-top: 2%;
}
.hz-20220907-p8k1{
    float: left;
    width: 33.3%;
}
.hz-20220907-p8k1 h3{
    font-size: 20px;
    font-weight: bold;
}
.hz-20220907-p8kk1{
    margin-top: 13px;
}
.hz-20220907-p8kk1 p{
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    color: #666666;
    font-size: 16px;
}
.hz-20220907-p8kk1 img{
    width: 15px;
    display: inline-block;
    margin-right: 11px;
}
.hz-20220907-p8kk1 div{
    margin-top: 20px;
}
.hz-20220907-p8btn{
    padding: 12px 0;
    background: #e60002;
    font-size: 16px;
    color: #fff;
    width: 172px;
    text-align: center;
    line-height: 1;
    border-radius: 50px;
    margin: 40px auto 0;
}
.hz-20220907-p8btn a{
    color: #fff;
}
.hz-20220907-p8btn:hover {
    background: #d7000f;
}
.hz-20220907-p7box{
    padding: 70px 0;
}
.hz-20220907-swiper{
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
    margin:0 -10px;
}
.hz-20220907-swiper img{
    display: block;
    width: 100%;
}
/*.hz-20220907-p7k1box{
    margin-top: 1.5625vw;
}*/
.hz-20220907-swiper .swiper-slide{
    padding: 0 0 10px;
}
.hz-20220907-swiper .swiper-slide>div{
    box-shadow: 0px 3px 8px rgb(119, 119, 119, 0.15);
}
.hz-20220907-p7w{
    position: relative;
}
.hz-20220907-p7w1{
    font-size: 20px;
    width: 90%;
    position: absolute;
    line-height: 30px;
    left: 50%;
    top: 10%;
    margin-left: -45%;
    font-weight: bold;
    transition: 0.3s;
}
.hz-20220907-p7bf{
    width: 16.3%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hz-20220907-p7wbox{
    overflow: hidden;
    width: 90%;
    position: absolute;
    line-height: 30px;
    left: 50%;
    bottom: 14%;
    margin-left: -45%;
}
.hz-20220907-p7x{
    float: left;
    width: 90px;
    text-align: center;
    display: flex;
    border: 1px solid #d3d3d3;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;

}
 .hz-20220907-p7x img{

    width: 17px;
    margin-right: 5px;
}
.hz-20220907-p7wbox .hz-20220907-p7x:nth-child(2){
    margin: 0 15px;
}
.hz-20220907-p7x div{
    font-weight: bold;
    transition: 0.3s;
}
.hz-20220907-p7x:hover div {
    color:#e60012;
}

.hz-20220907-swiper .swiper-slide>div:hover .hz-20220907-p7w1 {
    color:#e60012;
}
.hz-20220907-swiper .ns-play-video {
    cursor: pointer;
}
.hz-20220907-p7-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
.hz-20220907-p7-btn img {
    width:100%;
}
.hz-20220907-p7-prev,.hz-20220907-p7-next {
    width:40px;
    margin-left: 10px;
    cursor: pointer;
}
.hz-20220907-p7-prev.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}
.hz-20220907-p7-next.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

.ns-red-next-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(//m.yolosolive.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png) no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 14px;
}
.hz-20220907-p6 h3{
    letter-spacing: -1px;
    height: 132px;
}

.hz-20220907-p6ico{
    width: 57px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #e60012;
    line-height: 1;
}
.hz-20220907-p6 .ns-scale-image{
    position: relative;
}
.hz-20220907-ptitx{
    font-size: 12px;
    color: #666666;
    /*margin-top: 1.5625vw;*/
}
.hz-20220907-p5 .ns-wrap-list{
    margin-top: 1.5625vw;
}
/*.hz-20220907-p5  .ns-wrap-list>li .ns-software-text {
    padding: 35px 30px 6vw  ;
}*/
.hz-20220907-p5 .ns-wrap-list>li .ns-software-text h3{
    padding-bottom: 10px;
}
.hz-20220907-pms{
    font-size: 14px;
    color: #666666;
}

.ns-wrap-list>li .hz-20220907-p5kk1 p{
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    color: #666666;
    font-size: 14px;
    line-height: 1;
}
.ns-wrap-list>li .hz-20220907-p5kk1 img{
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
}
.ns-wrap-list>li .hz-20220907-p5kk1 div{
    margin-top: 18px;
}
.ns-wrap-list>li .hz-20220907-p5kk1{
    padding-top: 12px;
}
.hz-20220907-ns-red-next-arrow{
 
    position: absolute;
    left: 2vw;
    bottom: 3.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.ns-wrap-list>li .hz-20220907-ns-red-next-arrow p{
    font-size: 16px;
    color: #333333;
    padding-left: 0px;
    line-height: 1;
    display: inline-block;
}

.ns-wrap-list>li .hz-20220907-ns-red-next-arrow img{
    width: 6px;
    margin-left: 10px;
    vertical-align: revert;
}
.hz-20220907-p6 .ns-red-next-arrow:hover {
    text-decoration: none !important;
    color: #e60012;
}
.hz-20220907-ns-red-next-arrow:hover a p{
    color: #e60012;
}
/*.hz-20220907-p3 .ns-wrap-list {
    margin-top: 1.5625vw;
}*/
.hz-20220907-p3 .ns-wrap-list>li {
    background: #f6f6f6;
}
.hz-20220907-p3 .ns-wrap-list>li .hz-20220907-p5kk1 {
    padding-top: 0;
}
.hz-20220907-p8kk1 div:hover a p{
    color: #e60012;
}
.hz-20220907-p5kk1 div:hover a p{
    color: #e60012;
}
.hz-20220907-sptc{
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}
.hz-20220907-spwrap1{
    width: 80%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    top: 20%;
    display: none;
}
.hz-20220907-spwrapz{
    width: 80%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    top: 20%;
    display: none;
}
.hz-20220907-spwrap video{
    width: 100%;
}
.hz-20220907-spwrapz video{
    width: 100%;
}
.hz-20220907-close{
    position: absolute;
    right: 10px;
    top: -25px;
    z-index: 1;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

/* 成功案例 */
.pro_right .pro_fast ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    background: url(//m.yolosolive.com/cn/tres/WebUI/images/pro_fast.png) right no-repeat;
    padding-left: 20px;
    padding-right: 8px;
    color: #666666;
    font-size: 14px;
}
.hz-20220907-title{
    width: 100%;
    padding-bottom: 15px;
    font-size: 18px;
    color: #262626;
}
.hz-20220907-prolist_container .pro_left_wrap.news_left{
    min-height: auto;
}


@media (max-width: 768px) {
    .hz_220907_znlj_banner a.ns-btn.ns-btn-primary img {
        width:16px;
        margin-right: 4px;
    }
    .hz_220907_znlj_p0_fluid .swiper-wrapper {
        flex-direction: column;
        transform: none !important;
    }
    .ns-card-container .hz_220907_znlj_p0_content1.ns-card-content,.ns-card-container .hz_220907_znlj_p0_content2.ns-card-content {
        width:100%;
        padding-left: 3.125vw;
        padding-right: 3.125vw;
        box-sizing: border-box;
        top:50%;
        left:0;
        right:auto;
        transform:translateY(-50%);
    }
    .hz_220907_znlj_p0_fluid .ns-card-container .ns-card-content p {
        display: block;
    }
    .hz_220907_znlj_p1_con {
        flex-direction: column;
        position: relative;
        width:100vw;
        margin-left: -3.125vw;
    }
    .hz_220907_znlj_p1_left {
        width:100%;
    }
    .hz_220907_znlj_p1_right {
        width:100%;
    }
    .hz_220907_znlj_p1_right_box {
        padding:3% 5% 0;
    }
    .hz_220907_znlj_p1_bj {
        font-size: 2.93vw;
    }
    .hz_220907_znlj_p1_tbox_tit {
        display: none;
    }
    .hz_220907_znlj_p1_tab {
        position: absolute;
        top:3%;
        left:0;
    }
    .hz_220907_znlj_p1_tab>li {
        padding:7% 0 6%;
    }
    .hz_220907_znlj_p1_ic {
        width:22.6%;
    }
    .hz_220907_znlj_p1_tab_tit {
        font-size: 3.2vw;
    }
    .hz_220907_znlj_p1_tbox_txt {
        font-size: 3.47vw;
    }
    .hz_220907_znlj_p1_list {
        flex-direction: column;
    }
    .hz_220907_znlj_p1_list>li {
        width:100%;
        padding:20px;
        margin-top: 5vw;
    }
    .hz_220907_znlj_p1_list>li:first-child {
        margin-top: 0;
    }
    .hz_220907_znlj_p1_list>li p {
        font-size: 3.5vw;
    }
    .hz_220907_znlj_p1_list>li .p1 {
        width:13.3vw;
        margin:0;
    }
    .hz_220907_znlj_p1_list>li .p2 {
        font-size: 4.8vw;
    }
    .hz_220907_znlj_p2_box>p {
        font-size: 3.2vw;
        width:100%;
    }
    .hz_220907_znlj_p2_img {
        width:100%;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    a.hz_220907_znlj_p2_btn {
        font-size: 3.2vw;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    a.hz_220907_znlj_p2_btn>img {
        width:4vw;
    }
    .ns-wrap-list>li .hz-20220907-p5kk1 div {
        margin-top: 3vw;
    }
    .ns-wrap-list>li .hz-20220907-p5kk1 p {
        font-size: 3.2vw;
    }
    .ns-wrap-list>li .hz-20220907-p5kk1 img {
        margin-right: 8px;
    }
    .hz-20220907-ns-red-next-arrow {
        left:15px;
        bottom:5vw;
    }
    .ns-wrap-list>li .hz-20220907-ns-red-next-arrow p {
        font-size: 3.2vw;
    }
    .ns-wrap-list>li .hz-20220907-ns-red-next-arrow img {
        width:5px;
        margin-left: 3px;
    }
    .hz_220907_znlj_p4_box>p {
        font-size: 3.2vw;
    }
    .hz_220907_znlj_p4_tab>li {
        width:100%;
        margin:0 0.5px 10px;
        font-size: 4.3vw;
        padding: 15px;
    }
    .hz_220907_znlj_p4_all .ns-red-next-arrow::before {
        width: 14.66px;
        height: 9.33px;
    }
    .hz_220907_znlj_p4_list {
        margin-top: 5vw;
    }
    .hz_220907_znlj_p4_new {
        font-size: 2.67vw;
    }
    .hz_220907_znlj_p4_list>li .p2 {
        font-size: 4.26vw;
    }
    .hz_220907_znlj_p4_txt {
        font-size: 3.2vw;
    }
    .hz_220907_znlj_p4_list .ns-red-next-arrow {
        position: relative;
        bottom:0;
        left:0;
        margin-top: 3vw;
    }
    .hz_220907_znlj_p4_list .ns-red-next-arrow::before {
        width: 14.66px;
        height: 9.33px;
    }

    .hz_220907_znlj_p4_list.hz_220907_p4s .p2 {
        height: auto;
    }
    .hz-20220907-p5 .ns-wrap-list {
        margin-top: 10px;
    }
    .hz-20220907-ptitx {
        margin-bottom: 5vw;
    }
    .hz-20220907-p6 .ns-red-next-arrow::before {
        width: 14.66px;
        height: 9.33px;
    }
    .hz-20220907-p6 h3 {
        height: auto;
    }
    .hz-20220907-p6ico {
        font-size: 3.2vw;
    }
    .hz-20220907-pms {
        font-size: 3.2vw;
    }
    .hz-20220907-swiper {
        padding:0;
        margin:0;
        overflow: visible;
    }
    .hz-20220907-p7w1 {
        font-size: 4.27vw;
    }
    .hz-20220907-p7x {
        width:85px;
    }
    .hz-20220907-p7x div {
        font-size: 3.2vw;
        font-weight: normal;
    }
    .hz-20220907-p7-prev,.hz-20220907-p7-next {
        width:7.2vw;
        margin-left: 2.4vw;
    }
    .hz-20220907-p8k1 {
        width:100%;
        float: none;
        margin-bottom: 5vw;
    }
    .hz-20220907-p8k1 h3 {
        font-size: 4.27vw;
    }
    .hz-20220907-p8kk1 p {
        font-size: 3.47vw;
    }
    .hz-20220907-p8kk1 img {
        margin-right: 8px;
    }
    .hz-20220907-p8kk1 div {
        margin-top: 2vw;
    }
    .hz-20220907-p8btn {
        font-size: 3.2vw;
        width:35vw;
        margin-top: 0;
    }
}