h1,h2,h3,h4,h5,h6,p,li{margin: 0;padding: 0}
html{height:100%;font-size:13.333vw}
body{display:flex;flex-direction:column;height:100%;font:0.14rem;}


.f50{font-size: 50px;}
.f44{font-size: 44px;}
.f32{font-size: 32px;}
.bold{font-weight: bold;}
.cl-000{color: #000;}
.cl-10{color: #101010;}
.cl-222{color: #222;}
.cl-333{color: #333;}
.cl-666{color: #666;}
.cl-666{color: #666;}
.cl-999{color: #999;}
.cl-f90{color: #f90;}
.cl-fff{color: #fff;}

.container h3{text-align: center;line-height: 80px;font-weight: bold;}


#stage {color: #fff;position: relative;zoom: 1;text-align: center;}
/*    #test4 {float: left;}*/

/*#test1 {background:url(/img/img/whyus/banner_quanp.png) no-repeat;cursor:pointer;
        width: 100%;height: 1080px;max-width: 1920px;margin: auto;padding-top: 70px;}*/
#forceScroll {clear: both;height: 1000px;}

.bannerul{margin-top: 40px;}
.bannerul li{width:330px;float: left;font-size: 18px;height: 225px;padding: 0 20px;position:relative;opacity: 1;line-height: 20px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;}
.bannerul li:nth-of-type(2){width: 640px;}
.bannerul li:nth-of-type(5){width: 640px;}
.bannerul li:nth-of-type(8){width: 640px;}
.bannerul li img{transform: translateY(0);transition: all 0.3s;margin-bottom:7px;}
.bannerul li:nth-of-type(3) img{margin-top: -20px}

.bannerul li:hover img{transform: translateY(-10px);transition: all 0.3s;}

.bannerul li:hover:before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
    opacity: 0;
    -webkit-transition: .3s opacity .3s;
    -o-transition: .3s opacity .3s;
    transition: .3s opacity .3s;
}

.bannerul li:before {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    z-index: 999;
    display: block;
    content: '';
    width: 480px;
    height: 480px;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: scale(0);
    -webkit-border-radius: 50%;
    border-radius: 50%;}
    @-webkit-keyframes shine {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
.showall{position: absolute;right: 0;top: .2%;font-size: 16px;color: #222!important;}
.showall img{width: 40px;margin-left: 10px}
.showall:hover{color: #f90!important}
/*瀑布流*/
.detailbigbox{padding-top: 80px;}
.detailbox{position: relative;}
.customer-reviews-list{width: 1500px!important;}
.customer-reviews-list li{float: left;width:400px;margin-right:50px;position: absolute;
min-height: 600px;margin-bottom: 50px;}

.slh3{height: 200px; }
.slh5{height: 200px; }
.slh4{display: none;height: 400px; }

.hidemore{float: right;}

.customer-reviews-list li p{font-size: 18px;line-height: 28px;}
.customer-reviews-list li p.f24{font-size: 24px;line-height: 30px;margin: 35px 0 20px;}

.customer-reviews-list li:nth-of-type(3n){margin-right: 0}
/*底部*/
.bottombg h3{ text-align: center;line-height: 80px; font-weight: bold;}
.bottombg{background: url(/img/img/about/db_gg.png) no-repeat;width: 100%;max-width: 1920px;margin: auto;height: 220px;padding-top: 40px;}
.quote-btn{font-size: 20px;display: block;width: 200px;height: 50px;text-align: center;line-height: 50px;color:#fff!important;
background: #008C95;margin:0px auto 50px;}

.minhide{display: block;}
.minshow{display: none;}
@media (min-width: 1200px){
    .container{width: 1300px;margin: 0 auto;padding: 0}
}


@media screen and (min-width: 750px) and (max-width: 1200px) {
    .bannerul{display:none}
    #test1{height:300px!important}
    .customer-reviews-list li{position:static;left:0!important;top:0;margin-right:20px!important;}
    .customer-reviews-list{width:950px!important;}
    .detailbigbox{}

}

@media (max-width: 750px){
    body{background:#F2F2F2 }
.minhide{display: none;}
.minshow{display: block;}
.bottombg{background-size: cover;margin-top: 1rem;height:3.3rem}
.bottombg h3{text-align: left;line-height: 0.5rem;font-size:0.4rem}
.bottombg a{margin: 0.2rem 0;width:3.1rem;height:0.8rem;line-height:0.8rem;font-size:0.4rem}
.slh3,.slh4,.slh5{display: none;}
.slh4{padding-bottom: 0.4rem}
.hidemore{display: none;}
.detailbigbox{background:#F2F2F2}
.customer-reviews-list li .bold{position: relative;}
.minshowmore{position: absolute;top: 40%;right: -13%; transform: translate(-50%,0);}
.customer-reviews-list{width: 7.3rem!important;margin: auto;height: auto!important;overflow: hidden;}
.customer-reviews-list li{border-bottom: 1px solid #ccc;background: #fff;margin-bottom: 0.2rem;min-height: 4rem!important;
    position: static!important;width: 7rem;margin: auto;display: block;padding-left: 0.2rem;padding-top: 0.8rem;padding-bottom:0.3rem}
.customer-reviews-list li img,.customer-reviews-list li p{width:6.6rem;margin: auto;}
.appbanner{padding-top: 1rem;text-align: center;width: 7.5rem;height: 4.8rem;background: url(/img/img/whyus/banner.png) no-repeat;background-size: cover;}
.appbanner h3{font-size: 0.69rem;line-height: 1rem}
.appbanner .f32{font-size: 0.38rem}
.customer-reviews-list li p.f24{font-size:0.46rem}

}