@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body {

    width: 100%;

    height: 100%;

    background: transparent;

}

.section {

    position: relative;

    width: 100%;

    min-width: 1200px;

    max-width: 1920px;

    font-size: 16px;

}

.container {

    position: relative;

    width: 1220px;

    margin: 0 auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    line-height: 1.5;

}



h1 {

    font-size: 44px;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 24px;

}

h4 {

    font-size: 20px;

}

p {

    font-size: 16px;

    line-height: 1.5;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.s_txt {

    font-size: 24px;

    line-height: 1.6;

    color: #333;

    text-align: center;

}

@media (max-width: 1219px) {

    .section {

        min-width: 100%;

        max-width: 100%;

    }

    .container {

        width: 100%;

    }

}

#sz-banner {

    background: url(/project/shuzhi/images/sz-banner-bg.png) no-repeat center center;

    height: 500px;

    /*text-align:center;*/

    color: #fff;

    position: relative;

}

#sz-banner .txtlf {

    /*float: left;*/

    padding-top: 12%;

}

#sz-banner h1 {

    color: #00ffff;

    font-size: 70px;

    font-weight: bold;

}

#sz-banner h2,
#sz-video h2 {

    color: #fff;

}

.bframea {

    background: none;
    padding: 0;
    box-sizing: border-box;
    margin: 20px auto;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 100;
    cursor: pointer;
    width: 160px;
    border-radius: 6px;
    text-align: center;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    transition: .5s;

}

.bframea a {

    font-size: 16px;

    line-height: 40px;

    color: #fff;

    letter-spacing: 8px;

}

.bframea:hover {
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
    border: 1px solid transparent;
    cursor: pointer;
}

#sz-banner .onlinert {

    width: 380px;

    height: 350px;

    background: #fff;

    box-shadow: 0 0 20px 2px rgba(153, 153, 153, .5);

    margin-top: 75px;

    opacity: .9;

}

.hideLabel {

    display: inline-block;

    /* float: left; */

    width: 110px;

    font-size: 19px;

}



#sz-banner .onlinert .tith3 {

    font-size: 24px !important;

    color: #000;

    font-weight: bold;

    padding-top: 33px;

    padding-left: 40px;

    letter-spacing: 4px;

}

#titlsses {

    margin-left: 40px;

    padding-bottom: 30px;

}



#titlsses .outline {

    position: relative;

    width: 300px;

    height: 40px;

    line-height: 40px;

    color: #999;

    margin-bottom: 10px;

}

.onlinert .inputTitle {

    position: absolute;

    top: 16px;

    left: 10px;

    z-index: -1;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.onlinert input {

    display: block;

    width: 100%;

    padding: 24px 0 4px 10px;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #d6d6d6;

    font-size: 18px;

}

.onlinert #submit_a {

    border-radius: 3px;
    letter-spacing: 5px;
    cursor: pointer;
    transition: 0.5s;
    font-size: 16px;
    padding: 9px 48px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    background: linear-gradient(to right, #ffb252 0%, #f18541 100%);
    width: 90%;
    color: #fff;

}

.onlinert #submit_a:hover {

    background-color: #24a3ff;

    color: #fff;

}

.inputTitle {

    margin-bottom: 4px;

    font-size: 20px;

}



.inputTitle .requiredHint {

    margin-right: 4px;

    color: #fe5757;

}



.inputTitle .fillHint {

    color: #888;

    font-size: 14px;

}



.inputTitle .fa {

    display: none;

    margin-left: 4px;

    color: #ffa800;

    font-size: 14px;

}

.onlinert .noInput .inputTitle .fa {

    display: inline-block;

}





.onlinert .outline {

    position: relative;

    margin-bottom: 10px;

}



.onlinert .inputTitle.focus {

    top: 0;

    font-size: 16px;

    color: #3798e4;

}



.onlinert .inputTitle .focus .requiredHint {

    color: #3798e4;

}



.onlinert input:focus {

    outline: none;

}



.onlinert input.noInput+.inputTitle .fa {

    display: inline-block;

}



#sz-video {

    background: url(/project/shuzhi/images/video-bg.png) no-repeat center center;

    height: 500px;

    color: #fff;

    background-size: cover;

}



.ct1 {

    position: relative;

}

.ct2 {

    position: absolute;

    top: 145px;

    left: 50%;

    margin-left: -250px;

}

#sz-video .Conts {

    position: absolute;

    width: 100%;

    left: 50%;

    top: 50px;

    margin-left: -600px;

    height: 400px;

}

#sz-video .Conts:hover .btntxt {

    transition: 1s;

    opacity: 0;

    display: none;

}

#sz-video .Conts:hover .btntxta {

    transition: 1s;

    opacity: 1;

}

#sz-video .btntxt {

    opacity: 1;

    width: 500px;

    height: 95px;

    background: #0067bf;

    border-radius: 60px;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform-origin: 0% 100%;

    -moz-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    -o-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

}

#sz-video .btntxt h2 {

    line-height: 95px;

    text-align: center;

}

#sz-video .btntxta {

    opacity: 0;

    width: 500px;

    height: 95px;

    background: rgba(25, 18, 6, 0.5);

    border-radius: 60px;

    border: 5px solid #008aff;

    cursor: pointer;

    -webkit-transform: rotate(0deg) translate(0px, 0px);

    -moz-transform: rotate(0deg) translate(0px, 0px);

    -ms-transform: rotate(0deg) translate(0px, 0px);

    -o-transform: rotate(0deg) translate(0px, 0px);

    transform: rotate(0deg) translate(0px, 0px);

    -webkit-transform-origin: 0% 100%;

    -moz-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    -o-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

    -webkit-transition: all 0.35s ease-in-out 0.35s;

    -moz-transition: all 0.35s ease-in-out 0.35s;

    transition: all 0.35s ease-in-out 0.35s;

}

#sz-video .btntxta h2 {

    line-height: 95px;

    text-align: center;

    padding-left: 38px;

}

#sz-video .btntxta h2>img {

    margin-top: 14px;

    margin-left: 50px;
    vertical-align: top;

}

.vcoles {

    display: none;

    width: 100%;

    position: relative;

    background: #000;

}

.vcoles .szclosed {

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    line-height: 40px;

    color: #000;

    background: #fff;

    border-radius: 50%;

    float: right;

    text-align: center;

    margin-top: -20px;

    z-index: 30;

    cursor: pointer;

}

.vcoles .st-video {

    position: absolute;

    width: 1180px;

    margin-top: 0;

    height: 400px;

    background: #000;

    z-index: 29;

}

#my-video2 {

    width: 1180px;

    height: 400px;

    border: 1px solid #000;

}

#sz-scene {

    width: 100%;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}



#sz-scene h2 {

    color: #010101;

    text-align: center;

    padding-top: 80px;

}

#sz-scene h4 {

    font-weight: bold;

}

#sz-scene .s_txt {

    padding-bottom: 40px;

}

.pc {

    display: block;

}

.mobile {

    display: none;

}

#sz-scene #scene1 {

    background: url("/project/shuzhi/images/scene1.png") no-repeat center center;

    height: 1127px;

    background-size: cover;

}

#scene1 .m_top {

    width: 100%;

    position: absolute;

    top: 150px;

    z-index: 80;

}

#scene1 .zUl {

    width: 100%;

    height: 100%;

    z-index: 100;

    position: relative;

}

#scene1 .zUl li {

    float: left;

    width: 168px;

    height: 220px;

    font-size: 24px;

    /*line-height: 110px;*/

    text-align: center;

    color: #fff;

}

#scene1 .zUl li a {

    position: absolute;

    display: inline-block;

    height: 220px;

    line-height: 220px;

    color: #fff;

}

#scene1 .zUl .topup {

    margin-top: 40px;

}

#scene1 .zUl .topup1 {

    margin-top: -55px;

}

.apptxt {

    width: 220px;

    margin-top: 300px;

}

.apptxt .fbtn,
.apptxtr .fbtn {

    display: block;

    font-size: 30px;

    width: 220px;

    height: 71px;

    line-height: 71px;

    text-align: center;

    color: #fff;

    border: 1px solid #fff;

}

.apptxt h4,
.apptxtr h4 {

    padding-top: 30px;

    color: #fff;

    text-align: center;

}

.apptxt>p,
.apptxtr>p {

    color: #fff;

    text-align: justify;

}

.appimg {

    width: 549px;

}

.appimg .s-img {

    margin-top: 170px;

    float: right;

}

#my-video {

    width: 549px;

    height: 309px;

    border: 1px solid #000;

    float: right;

    margin-top: 10px;

}



.txta .txtatxt,
.txtatxt {

    width: 309px;

    height: 109px;

    padding-top: 24px;

}

.txta .txtatxt h4,
.txtatxt h4 {

    color: #008aff;

    padding-bottom: 8px;

}

.txta .twobtn {

    width: 200px;

    padding-top: 24px;

}

.txta .twobtn .Btns {
    display: block;
    letter-spacing: 2px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 160px;
    height: 40px;
    background: linear-gradient(-90deg, #3059F9 0%, #59A3F6 100%);
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 0.35rem;
}

.txta .twobtn .Btns>a {

    height: 46px;

    /* line-height: 46px; */

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.txta .twobtn .Btns:nth-child(1) {

    margin-bottom: 15px;

}

.txta .twobtn .Btns:hover {

    /* background: #fff;

    color: #008aff;

    border: 1px solid #008aff; */
    background: linear-gradient(90deg, #FFB351 0%, #F08541 100%);
    border: 1px solid transparent;
    cursor: pointer;
    cursor: pointer;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.txta .twobtn .Btns:hover>a {

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#sz-scene #scene2 {

    background: url("/project/shuzhi/images/scene2.png") no-repeat center center;

    height: 884px;

    background-size: cover;

}

.appimgl {

    float: left;

    margin-top: 80px;

}

.appimgl .s-img {

    text-align: center;

}

.appimgl #my-video1 {

    width: 549px;

    height: 309px;

    border: 1px solid #000;

    float: left;

    margin-top: 10px;

}

.apptxtr {

    text-align: center;

    margin-top: 250px;

}

.apptxtr .fbtn {

    margin-left: 90px;

}



#sz-scene #scene3 {

    background: url("/project/shuzhi/images/scene3.png") no-repeat center center;

    height: 878px;

    background-size: cover;

}

#scene3 .appimg .s-img {

    margin-top: 120px;

    float: right;

}

#scene3 .pc {

    width: auto;

    margin-top: 300px;

}

#scene3 .pc .fbtn {

    margin-left: 82px;

}

#scene3 .twobtn {

    margin-top: 20px;

}

#sz-scene #scene4 {

    background: url("/project/shuzhi/images/scene4.png") no-repeat center center;

    height: 884px;

    background-size: cover;

}

#scene4 .appimgl {

    width: 600px;

    margin-top: 140px;

}

#scene4 .appimgl .s-img {

    margin-left: -51px;

}

#scene4 #my-video1 {

    margin-top: 20px;

}

#scene4 .txta .twobtn {

    margin-right: 51px;

}

#scene4 .apptxtr {

    margin-top: 216px;

}

#scene4 .apptxtr .fbtn {

    float: right;

    margin-left: 0;

}

#scene4 .apptxtr h4 {

    padding-top: 86px;

    padding-left: 96px;

}

#scene4 .apptxtr p {

    display: block;

    width: 260px;

    margin-left: 100px;

}





#sz-scene #scene5 {

    background: url("/project/shuzhi/images/scene5.png") no-repeat center center;

    height: 722px;

    background-size: cover;

}

#scene5 .apptxt {

    margin-top: 190px;

}

#scene5 .s-img {

    margin-bottom: 55px;

}

#sz-scene #scene6 {

    background: url("/project/shuzhi/images/scene6.png") no-repeat center center;

    height: 824px;

    background-size: cover;

}

#scene6 .appimgl {

    margin-top: 100px;

}

#scene6 .appimgl .s-img {

    margin-left: -51px;

}

/*#scene6 .txtatxt{*/

/*width: 560px;*/

/*}*/

#scene6 .apptxtr h4 {

    padding-left: 100px;

}

#scene6 .txta {

    position: relative;

}

#scene6 .txta .twobtn {

    position: absolute;

    right: 80px;

    top: 50px;

}

#sz-scene #scene7 {

    background: url("/project/shuzhi/images/scene7.png") no-repeat center center;

    height: 791px;

    background-size: cover;

}

#scene7 .appimg2 {

    width: 844px;

}

#scene7 .s-img {

    margin-top: 85px;

    margin-bottom: 35px;

}

#scene7 .txtatxt {

    width: 320px;

    margin-left: 300px;

    padding-top: 2px;

}







#sz-benefit {

    width: 100%;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}

#sz-benefit .container {

    width: 1220px;

}

#sz-benefit h2 {

    color: #010101;

    text-align: center;

    padding-top: 80px;

}

#sz-benefit .s_txt {

    padding-bottom: 48px;

}

#sz-benefit .UlLi {

    width: 100%;

    margin: 0 auto;

}

#sz-benefit .UlLi li {

    float: left;

    margin-right: 20px;

    position: relative;

    overflow: hidden;

}

#sz-benefit .UlLi li:nth-child(4) {

    margin-right: 0;

}

#sz-benefit .UlLi li>div {

    position: relative;

}

#sz-benefit .UlLi li .fadeout {

    width: 285px;

    height: 285px;

    background: #008aff;

    text-align: center;

    margin: 0 auto;

}

#sz-benefit .fadeout h4 {

    color: #fff;

    padding-top: 32px;

}

#sz-benefit .fadeout .imgstyle {

    margin-top: 15px;

    margin-bottom: 12px;

    text-align: center;

    position: relative;

}

#sz-benefit .fadeout .Explain {

    font-size: 16px;

    color: #fff;

    line-height: 1.6;

    padding-bottom: 4px;

}

#sz-benefit .fadeout .triangle {

    display: block;

    width: 0;

    height: 0;

    border-width: 0 6px 11px;

    border-style: solid;

    border-color: transparent transparent #fff;
    /*透明 透明  灰*/

    position: relative;

    margin: 0 auto;

}

#sz-benefit .UlLi li .fadein {

    position: absolute;

    text-align: center;

    margin: 0 auto;

    z-index: 2;

    top: 130%;

    width: 285px;

    height: 285px;

    background: #0064b8;

    box-sizing: border-box;

}

#sz-benefit .UlLi li .fadein>p {

    display: block;

    height: 130px;

    font-size: 16px;

    padding: 45px;

    line-height: 1.8;

    color: #fff;

    text-align: justify;

}

#sz-benefit .UlLi li .fadein h4 {

    padding-left: 45px;

    padding-top: 80px;

    color: #fff;

    font-size: 20px;

    text-align: left;

    text-decoration: underline;

    cursor: pointer;

}

#sz-emplet {

    background: url(/project/shuzhi/images/sz-emplet-bg.png) no-repeat center center;

    height: 722px;

    color: #fff;

    background-size: cover;

}

#sz-emplet h2 {

    color: #010101;

    text-align: center;

    padding-top: 80px;

}

#sz-emplet .wx-txt {

    margin-top: 30px;

}

#sz-emplet .txt-ol {

    display: block;

    margin-top: 110px;

}

#sz-emplet .txt-ol h3 {

    display: block;

    width: 353px;

    color: #000;

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    height: 74px;

    line-height: 74px;

    border-top: 1px solid #0064b8;

    border-bottom: 1px solid #0064b8;

}

#sz-emplet .txt-ol h4 {

    color: #0087ee;

    text-align: center;

    padding-top: 18px;

    font-weight: bold;

    letter-spacing: 1.5px;

}

#sz-emplet .txt-ol .stage {

    display: block;

    width: 353px;

    text-align: justify;

    color: #333;

    font-size: 16px;

    line-height: 1.8;

    padding-top: 40px;

}

/*#sz-emplet .txt-ol .stage a{*/

/*font-weight: bold;*/

/*color: #ee002d;*/

/*text-decoration: underline;*/

/*}*/

#sz-emplet .txt-img>img {}

#sz-emplet .txt-lig {

    width: 208px;

    height: 39px;

    background: url("/project/shuzhi/images/lines.png") no-repeat;

    margin-top: 17px;

    margin-left: 145px;

}

#sz-emplet .txt-lig p {

    font-size: 16px;

    color: #000;

    font-weight: bold;

    text-align: left;

}



#sz-emplet .wx-img {

    margin-top: 30px;

}



.titlez {
    color: #191919;
    font-size: 40px;
    line-height: 50px;
    text-align: center
}

@media (max-width:1100px) {

    .titlez {
        font-size: 18px;
        line-height: 24px;
    }

}

.home-value {
    overflow: hidden;
    padding: 70px 0 65px
}

@media (max-width:1100px) {
    .home-value {
        padding: 0 0 60px
    }
}

@media (max-width:767px) {
    .home-value {
        padding: 0 0 30px
    }
}

.home-value .container {
    position: relative
}

.home-value .home-valuemain {
    padding: 0 12.5%;
    position: relative
}

@media (max-width:1299px) {
    .home-value .home-valuemain {
        padding: 0 5%
    }
}

@media (max-width:1000px) {
    .home-value .home-valuemain {
        padding: 0
    }
}

@media (max-width:767px) {
    .home-value .home-valuemain {

        margin: 10px auto 0;

        padding: 0 5%;
    }
}

.home-value .home-valuemain .slick-dots {
    bottom: -6px;
    left: 50%;
    margin-left: -50%
}

@media (max-width:1000px) {
    .home-value .home-valuemain .slick-dots {
        bottom: -6px
    }
}

@media (max-width:767px) {
    .home-value .home-valuemain .slick-dots {
        bottom: -4px
    }
}

.home-value .home-valuemain .slick-dots li button {
    background: #cecece;
    width: 12px;

    margin: 0 4px;
    height: 12px
}

@media (max-width:1000px) {
    .home-value .home-valuemain .slick-dots li button {

        width: 14px;
        margin: 0 3px;
        height: 14px
    }
}

@media (max-width:767px) {
    .home-value .home-valuemain .slick-dots li button {

        width: 10px;
        margin: 0 2px;
        height: 10px
    }
}

.home-value .home-valuemain .slick-dots li.slick-active button {
    background: #008aff
}

.home-value .home-valuemain .main {
    padding: 25px 105px 0;
    margin: 0 auto 75px;
    position: relative
}

@media (max-width:1299px) {
    .home-value .home-valuemain .main {
        padding: 35px 80px 0
    }
}

@media (max-width:1000px) {
    .home-value .home-valuemain .main {
        padding: 25px 65px 0;

        margin: 0 auto 50px
    }
}

@media (max-width:767px) {
    .home-value .home-valuemain .main {
        padding: 0;

        margin: 0 auto;
        font-size: 16px;
    }
}

.home-value .home-valuemain .main h4 {

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    color: #000;

    padding-bottom: 12px;

}

@media (max-width:1100px) {

    .home-value .home-valuemain .main h4 {

        font-size: 18px;

    }

}

@media (max-width:767px) {

    .home-value .home-valuemain .main h4 {

        font-size: 15px;

    }

}

@media (max-width:460px) {

    .home-value .home-valuemain .main h4 {

        font-size: 16px;

    }

}

.home-value .home-valuemain .main .text-1 {
    color: #5d5d5d;
    font-size: 16px;
    line-height: 1.8;

    text-align: justify;
}

@media (max-width:1100px) {
    .home-value .home-valuemain .main .text-1 {

        font-size: 16px;
        line-height: 1.8
    }
}

@media (max-width:767px) {
    .home-value .home-valuemain .main .text-1 {

        font-size: 16px;
        line-height: 1.7
    }
}

@media (max-width:460px) {
    .home-value .home-valuemain .main .text-1 {

        font-size: 16px;
        line-height: 1.7
    }
}

.home-value .home-valuemain .main .box {
    position: relative;
    min-height: 60px;

    width: 320px;
    margin: 35px auto 0
}

@media (max-width:767px) {
    .home-value .home-valuemain .main .box {

        margin: 15px auto 0
    }
}

@media (max-width:418px) {
    .home-value .home-valuemain .main .box {

        padding: 0 0 0 70px
    }
}

@media (max-width:321px) {
    .home-value .home-valuemain .main .box {

        padding: 0 0 0 55px
    }
}

.home-value .home-valuemain .main .box .pic {
    left: 0;
    top: 0;
    position: absolute;

    width: 60px;
    height: 60px
}

@media (max-width:376px) {
    .home-value .home-valuemain .main .box .pic {

        width: 54px;
        height: 54px
    }
}

@media (max-width:321px) {
    .home-value .home-valuemain .main .box .pic {

        width: 40px;
        height: 40px
    }
}

.home-value .home-valuemain .main .box .txt {
    padding-left: 74px;
}

@media (max-width:400px) {
    .home-value .home-valuemain .main .box .txt {

        padding-left: 0
    }
}

.home-value .home-valuemain .main .box .txt span {
    display: block;
    height: 24px;

    overflow: hidden;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

@media (max-width:418px) {
    .home-value .home-valuemain .main .box .txt span {

        font-size: 14px
    }
}

.home-value .home-valuemain .main .box .txt .btn {
    margin: 10px 0 0
}

@media (max-width:767px) {
    .home-value .home-valuemain .main .box .txt .btn {

        margin: 5px 0 0
    }
}

.home-value .home-valuemain .main .box .txt .btn em {
    display: block;
    font-style: inherit;

    float: left;
    margin: 0 0 0 30px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;

    overflow: hidden;
    position: relative
}

@media (max-width:767px) {
    .home-value .home-valuemain .main .box .txt .btn em {

        font-size: 14px;
        line-height: 25px;
        margin: 0 20px 5px 0
    }
}

@media (max-width:321px) {
    .home-value .home-valuemain .main .box .txt .btn em {

        font-size: 13px
    }
}

.home-value .home-valuemain .main .box .txt .btn em:hover a {
    color: #0074ea
}

.home-value .home-valuemain .main .box .txt .btn em a {
    display: block;
    padding: 0 0 0 30px;

    color: #008aff;
    position: relative
}

@media (max-width:321px) {
    .home-value .home-valuemain .main .box .txt .btn em a {
        padding: 0 0 0 25px
    }
}

.home-value .home-valuemain .main .box .txt .btn em a:before {
    content: "";

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 24px;

    background: url("/project/shuzhi/images/more.png") no-repeat center
}

.home-value .home-valuemain .main .box .txt .btn em a:hover {
    text-decoration: underline
}

.home-value .home-valuemain .main .box .txt .btn em:first-child {
    margin-left: 0
}



#des h1 {

    color: #000;

}



@media (max-width:767px) {

    h2 {

        font-size: 30px;

        text-align: center;



    }



    #sz-scene h2,
    #sz-benefit h2 {

        padding: 0 5%;

        padding-top: 80px;

    }

    .s_txt {

        font-size: 18px;

        text-align: center;

        padding: 0 5%;

    }

    #sz-banner {

        background: url(/project/shuzhi/images/sz-banner-pbg.jpg) no-repeat center center;

        background-size: cover;

        height: 732px;

    }

    #sz-banner .txtlf {

        display: none;

        float: none;

        padding-left: 12%;

        padding-bottom: 12%;

    }

    #sz-banner h1 {

        font-size: 50px;

    }

    #sz-banner h2 {

        font-size: 30px;

    }

    #sz-banner .onlinert {

        display: none;

    }

    #sz-video {

        height: 250px;

        color: #fff;

        background-size: cover;

    }

    .ct2 {

        position: absolute;

        top: 90px;

        left: 50%;

        margin-left: -50%;

    }

    #sz-video .Conts {

        width: 100%;

        left: 50%;

        top: 0;

        margin-left: -50%;

        height: 100%;

    }

    #sz-video .Conts:hover .btntxt {

        transition: 1s;



    }

    #sz-video .Conts:hover .btntxta {

        transition: 1s;



    }

    #sz-video .btntxt {

        opacity: 1;

        width: 100%;

        display: none;

    }

    #sz-video .btntxt h2 {

        font-size: 30px;

    }

    #sz-video .btntxta {

        opacity: 1;

        width: 100%;



    }

    #sz-video .btntxta h2 {

        font-size: 30px;

    }

    #sz-video .btntxta h2>img {

        margin-top: 14px;

        margin-left: 2%;

    }

    .vcoles .szclosed {

        margin-top: 0;

    }

    .vcoles .st-video {

        position: absolute;

        width: 100%;

        margin-top: 0;

        margin-bottom: 0;

        height: 250px;

        background: #000;

        z-index: 29;

    }

    #my-video2 {

        width: 90%;

        height: auto;

        border: 1px solid #000;

        margin-top: 5%;

        margin-left: 5%;

    }





    #sz-scene #scene1 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }

    #scene1 .zUl {

        display: none;



    }

    .pc {

        display: none;

    }

    .mobile {

        display: block;

    }

    .apptxt {

        float: none;

        width: 100%;

        margin-top: 10%;

    }

    .apptxt .fbtn,
    .apptxtr .fbtn {

        width: 90%;

        background: #008aff;

        border: none;

        padding: 0 5%;

        margin: 0 auto;

        /*border: 1px solid #fff;*/

    }

    .apptxt h4,
    .apptxtr h4 {

        padding-top: 5%;

        color: #333;

        text-align: center;

    }

    .apptxt>p,
    .apptxtr>p {

        padding: 0 5%;

        color: #333;

        text-align: justify;

    }

    .appimg {

        width: 100%;

        float: none;

        padding: 0 5%;

    }

    .appimg .s-img {

        margin-top: 5%;

        float: none;

    }

    #my-video {

        width: 100%;

        height: auto;

        float: none;

        margin-top: 6%;

    }



    .txta .txtatxt,
    .txtatxt {

        width: 100%;

        height: auto;

        float: none;

    }

    .txta .txtatxt h4,
    .txtatxt h4 {

        color: #008aff;

        padding-bottom: 8px;

    }

    .txta .twobtn {

        width: 100%;

        padding-top: 3%;

        float: none;

    }

    .txta .twobtn .Btns {

        display: inline-block;

        width: 49%;

        margin: 0 auto;

    }

    .txta .twobtn .Btns>a {

        height: 46px;

        line-height: 46px;

        color: #fff;

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }

    .txta .twobtn .Btns:nth-child(1) {

        margin-bottom: 0;

    }

    .txta .twobtn .Btns:hover {

        background: #fff;

        color: #008aff;

        border: 1px solid #008aff;

        cursor: pointer;

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }

    .txta .twobtn .Btns:hover>a {

        color: #008aff;

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }

    #sz-scene #scene2 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }

    #sz-scene #scene3 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }

    #scene3 .appimg .s-img {

        margin-top: 0;

        float: none;

    }

    #scene3 .apptxt {

        float: none;

        width: 100%;

        margin-top: 10%;

    }



    #scene3 .appimg .s-img {

        margin-top: 0;

        float: none;

    }

    #scene3 .twobtn {

        margin-top: 0;

    }

    #sz-scene #scene4 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }



    #scene4 .apptxtr h4 {

        padding-top: 86px;

        padding-left: 96px;

    }

    #scene4 .apptxtr p {

        display: block;

        width: 260px;

        margin-left: 100px;

    }





    #sz-scene #scene5 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }

    #scene5 .apptxt {

        margin-top: 10%;

    }

    #scene5 .s-img {

        margin-bottom: 55px;

    }

    #sz-scene #scene6 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }

    #scene6 .txtatxt {

        width: 100%;

    }

    #scene6 .txta {

        position: relative;

    }

    #scene6 .txta .twobtn {

        position: relative;

        right: 0;

        top: 0;

    }



    #sz-scene #scene7 {

        background: none;

        height: auto;

        background-size: cover;

        position: relative;

    }

    #scene7 .txtatxt {

        width: 100%;

        margin-left: 0;

    }





    #sz-benefit .container {

        width: 100%;

    }

    #sz-benefit .UlLi li {

        width: 100%;

        margin: 0 auto;

        float: none;

        margin-bottom: 5%;

        padding: 0 5%;

    }



    #sz-benefit .UlLi li .fadeout {

        width: 100%;

        height: 100%;

    }

    #sz-benefit .fadeout h4 {

        color: #fff;

        padding-top: 32px;

    }

    #sz-benefit .fadeout .imgstyle {

        margin-top: 15px;

        margin-bottom: 12px;

        text-align: center;

        position: relative;

    }

    #sz-benefit .fadeout .Explain {

        font-size: 16px;

        color: #fff;

        line-height: 1.6;

        padding-bottom: 4px;

    }

    #sz-benefit .fadeout .triangle {

        display: block;

        width: 0;

        height: 0;

        border-width: 0 6px 11px;

        border-style: solid;

        border-color: transparent transparent #fff;
        /*透明 透明  灰*/

        position: relative;

        margin: 0 auto;

        margin-bottom: 5%;

    }

    #sz-benefit .UlLi li .fadein {

        position: absolute;

        text-align: center;

        margin: 0 auto;

        z-index: 2;

        top: 130%;

        width: 100%;

        height: 100%;

        background: #0064b8;

        box-sizing: border-box;

    }



    #sz-emplet {

        height: auto;

    }



    #sz-emplet .wx-txt {

        width: 100%;

        margin-top: 0;

        float: none;

        padding: 0 5%;

    }

    #sz-emplet .txt-ol {

        margin-top: 5%;

        width: 50%;

    }

    #sz-emplet .txt-ol h3 {

        display: block;

        width: 100%;

        color: #000;

        font-size: 18px;

        font-weight: bold;

        text-align: center;

    }

    #sz-emplet .txt-ol h4 {

        width: 100%;

        font-size: 16px;

        text-align: justify;

    }

    #sz-emplet .txt-ol .stage {

        display: block;

        width: 100%;

        padding-top: 4%;

    }

    #sz-emplet .txt-lig {

        margin-top: -20%;

        margin-left: 0;

        height: auto;

    }

    #sz-emplet .txt-img {

        width: 50%;

        margin-top: 0;

    }

    #sz-emplet .wx-img {

        float: none;

        margin-top: 5%;

        padding: 0 5%;

    }

    #sz-emplet .wx-img>img {

        margin-top: 5%;

        margin-bottom: 5%;

    }

}