img{outline:0;border:0}
html.ie .page-focus .content .content-list a>div h4{font-family:sans-serif}
.page-focus{font-size:0;background-color:#f5f7fa}
.page-focus .focus-wrapper{-webkit-transition:padding .3s ease;-o-transition:padding .3s ease;-moz-transition:padding .3s ease;transition:padding .3s ease}
.page-focus .banner{position:relative;height:900px;overflow:hidden}
.page-focus .banner:before,.page-focus .banner:after{content:"";position:absolute;width:100%;left:0;z-index:1}
.page-focus .banner:before{height:248px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(245,247,250,0)),to(#f5f7fa));background-image:-webkit-linear-gradient(rgba(245,247,250,0),#f5f7fa);background-image:-moz- oldlinear-gradient(rgba(245,247,250,0),#f5f7fa);background-image:-o-linear-gradient(rgba(245,247,250,0),#f5f7fa);background-image:linear-gradient(rgba(245,247,250,0),#f5f7fa);bottom:52px}
.page-focus .banner:after{height:52px;background-color:#f5f7fa;bottom:0}
.page-focus .banner .banner-img{position:absolute;height:100%;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.page-focus .banner .banner-img img{height:100%}
.page-focus .banner .banner-content{position:relative;padding-top:208px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.page-focus .banner .banner-content img{height:48px;margin-bottom:10px}
.page-focus .banner .banner-content .title{position:relative;font-size:66px;line-height:76px;padding-bottom:126px;margin-bottom:24px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.page-focus .banner .banner-content .title:after{content:"";position:absolute;left:0;bottom:0;width:80px;height:3px;background-color:currentColor}
.page-focus .banner .banner-content .auxiliaryTitle{font-size:22px;line-height:40px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.page-focus .content{position:relative;margin-top: -290px;text-align:center;z-index:1;}
.page-focus .content .content-tab{background-color:#fff;text-align:center;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius: 24px;padding: 30px 0;}
.page-focus .content .content-tab span{display:inline-block;vertical-align:top;padding: 0 34px;font-size: 16px;line-height:50px;color:#8a8f99;margin-right:10px;cursor:pointer;opacity:1;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}
.page-focus .content .content-tab span:hover{color:rgb(45 176 110);}
.page-focus .content .content-tab span:last-of-type{margin-right:0}
.page-focus .content .content-tab span.active{color:#fff;background-color: #2db06e;}
.page-focus .content .content-list a picture{width:100%;height: 240px;display: block;overflow: hidden;}
        
@media screen and (min-width:769px){
    .page-focus .content .content-tab{-webkit-transition:all .24s .2s;-o-transition:all .24s .2s;-moz-transition:all .24s .2s;transition:all .24s .2s}
    .page-focus .content .content-tab span{-webkit-transition:all .24s .2s;-o-transition:all .24s .2s;-moz-transition:all .24s .2s;transition:all .24s .2s}
    .page-focus .content .content-tab.delay-tab{}

    .page-focus .content .content-list{margin-top: 50px;padding-top:0;padding-bottom: 40px;text-align:left;opacity:1;-webkit-transition:opacity .1s .3s ease;-o-transition:opacity .1s .3s ease;-moz-transition:opacity .1s .3s ease;transition:opacity .1s .3s ease;}
    .page-focus .content .content-list.loading{padding-top:100vh;opacity:0;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
    .page-focus .content .content-list.loading~.more{opacity:0;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
    .page-focus .content .content-list li {position:relative;/* padding-top: 240px; */display:inline-block;vertical-align:top;width: 396px;overflow:hidden;margin-top: 30px;margin-right: 30px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius: 12px;background-color:#fff;opacity:1;-webkit-transition:.6s cubic-bezier(0.48,0,.61,1);-o-transition:.6s cubic-bezier(0.48,0,.61,1);-moz-transition:.6s cubic-bezier(0.48,0,.61,1);transition:.6s cubic-bezier(0.48,0,.61,1);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:opacity,transform,-moz-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-moz-transform,-o-transform;transition-property:opacity,transform,-webkit-transform;}

    .page-focus .content .content-list li:nth-of-type(3n){margin-right:0;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
    .page-focus .content .content-list a:nth-of-type(3n){margin-right:0;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
    .page-focus .content .content-list a img{/* position:absolute; */height: auto;width: 100%;min-height: 240px;/* top:0; *//* left:50%; *//* -webkit-transform:translateX(-50%); *//*! -moz-transform:translateX(-50%); *//*! -ms-transform:translateX(-50%); *//*! -o-transform:translateX(-50%); *//* transform:translateX(-50%); */}
    .page-focus .content .content-list a>div{padding: 30px 15px;opacity:1;text-align: center;-webkit-transition:.6s cubic-bezier(0.48,0,.61,1) .08s;-o-transition:.6s cubic-bezier(0.48,0,.61,1) .08s;-moz-transition:.6s cubic-bezier(0.48,0,.61,1) .08s;transition:.6s cubic-bezier(0.48,0,.61,1) .08s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:opacity,transform,-moz-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-moz-transform,-o-transform;transition-property:opacity,transform,-webkit-transform;}
    .page-focus .content .content-list a>div h4{font-size: 17px;line-height:28px;color:#242933;text-align: left;/* font-weight: 600; *//* margin-bottom:12px; */white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family: Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Heiti SC,SimHei,SimSun,sans-serif;}
    .page-focus .content .content-list a>div h4:hover{color:#2db06e}
    .page-focus .content .content-list a>div em{font-size:18px;line-height:28px;letter-spacing: 0.5px;color: #666;font-family: Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Heiti SC,SimHei,SimSun,sans-serif;}
    .page-focus .content .content-list a.delay-list{/* opacity:0; *//* -webkit-transform:translateY(140px); */-moz-transform:translateY(140px);-ms-transform:translateY(140px);-o-transform:translateY(140px);/* transform:translateY(140px); */}
    .page-focus .content .more{display:inline-block;text-align:center;font-size:22px;line-height:28px;color:#8a8f99;position:relative;opacity:1;-webkit-transition:opacity 0s .3s ease;-o-transition:opacity 0s .3s ease;-moz-transition:opacity 0s .3s ease;transition:opacity 0s .3s ease}
    .page-focus .content .more.hide{display:none}
    .page-focus .content .more.has-more-text:after{content:'\e61c';font-family:vivo_iconFont;position:absolute;right:-28px;font-size:12px;line-height:inherit;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
    .page-focus .content .more.no-more-text{display:block;padding-top:340px;padding-bottom:212px;text-align:center;background-color:#fff}
    .page-focus .content .more.no-more-text:before{content:"\e626";font-family:vivo_iconFont;font-size:107px;line-height:1;position:absolute;top:213px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
    .page-focus .content .more.no-more-text:after{display:none}}
    @media screen and (min-width:1600px){
    .page-focus .focus-wrapper{width: 1248px;margin:0 auto;}
}
    @media screen and (min-width:769px) and (max-width:1599px){
        .page-focus .focus-wrapper{/* padding:0 80px; */width: 1248px;margin: 0 auto;}
        .page-focus .content .content-list a{/* width:48.6%; */margin-right:2.4%;margin-top:2.4%;-webkit-border-radius:1.5vw;-moz-border-radius:1.5vw;border-radius:1.5vw;/* padding-top:26.25vw; */}
        .page-focus .content .content-list a:nth-child(-n+2){margin-top:40px}
        .page-focus .content .content-list a picture{width:100%;height: 240px;display: block;overflow: hidden;}
        .page-focus .content .content-list a>div{padding: 25px;}
        .page-focus .content .content-list a>div h4{font-size: 16px;line-height: 24px;/* margin-bottom:.75vw; */}
        .page-focus .content .content-list a>div em{font-size:1.125vw;line-height:1.75vw}
    }
    @media screen and (max-width:768px){
        .page-focus .focus-wrapper{padding:0}
        .page-focus .banner{height:auto}
        .page-focus .banner:before,.page-focus .banner:after{display:none}
        .page-focus .banner .banner-img{position:relative;height:auto;min-height:120.96354vw;left:0;top:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
        .page-focus .banner .banner-img img{width:100%;height:auto}
        .page-focus .banner .banner-content{position:absolute;top:0;left:9.11458vw;padding-top:75.78125vw}
        .page-focus .banner .banner-content img{height:5.85938vw;padding-bottom:2.21354vw}
        .page-focus .banner .banner-content .title{font-size:8.33333vw;line-height:normal;padding-bottom:10.28646vw;margin-bottom:3.125vw}
        .page-focus .banner .banner-content .title:after{width:9.24479vw;height:.39063vw}
        .page-focus .banner .banner-content .auxiliaryTitle{font-size:3.64583vw;line-height:5.59896vw;width:26.04167vw}
        .page-focus .content{margin-top:-10.15625vw;padding-bottom:14.71354vw}
        .page-focus .content .content-tab{-webkit-border-radius:3.38542vw;-moz-border-radius:3.38542vw;border-radius:3.38542vw;padding:5.46875vw 0}
        .page-focus .content .content-tab span{padding:0 2.86458vw;font-size:3.64583vw;line-height:9.375vw;margin-right:1.82292vw}
        .page-focus .content .content-tab span.active{-webkit-border-radius:1.82292vw;-moz-border-radius:1.82292vw;border-radius:1.82292vw}
        .page-focus .content .content-list{width:auto;padding:0 20px 7.29167vw}
        .page-focus .content .content-list>a{width:100%;margin-top:5.59896vw;-webkit-border-radius:3.38542vw;-moz-border-radius:3.38542vw;border-radius:3.38542vw;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:opacity,transform,-moz-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-moz-transform,-o-transform;transition-property:opacity,transform,-webkit-transform;padding-top:53.38542vw}
        .page-focus .content .content-list>a img{height:53.38542vw}
        .page-focus .content .content-list>a>div{padding:4.42708vw 5.98958vw;-webkit-transition:1s .2s;-o-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:opacity,transform,-moz-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-moz-transform,-o-transform;transition-property:opacity,transform,-webkit-transform}
        .page-focus .content .content-list>a>div h4{font-size:4.29688vw;line-height:5.72917vw;margin-bottom:1.04167vw}
        .page-focus .content .content-list>a>div em{font-size:2.73438vw;line-height:4.42708vw}
        .page-focus .content .content-list>a.delay-list{opacity:.7;-webkit-transform:translateY(13.02083vw);-moz-transform:translateY(13.02083vw);-ms-transform:translateY(13.02083vw);-o-transform:translateY(13.02083vw);transform:translateY(13.02083vw)}
        .page-focus .content .content-list>a.delay-list>div{opacity:0;-webkit-transform:translateY(6.51042vw);-moz-transform:translateY(6.51042vw);-ms-transform:translateY(6.51042vw);-o-transform:translateY(6.51042vw);transform:translateY(6.51042vw)}
        .page-focus .content .more{font-size:3.38542vw;line-height:normal}
        .page-focus .content .more.has-more-text:after{font-size:1.82292vw;right:-4.16667vw}
        .page-focus .content .more.no-more-text{-webkit-border-radius:3.38542vw;-moz-border-radius:3.38542vw;border-radius:3.38542vw;padding:46.74479vw 0 29.16667vw;margin:0 5.20833vw}
        .page-focus .content .more.no-more-text:before{font-size:13.93229vw;top:29.16667vw}
    }