* {
    font-family: "HuaweiSans-Regular", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
}
@font-face {
    font-family: 'corpfont';
    src: url('/Assets/corp/v2/fonts/corpfont.eot?utuc4q');
    src: url('/Assets/corp/v2/fonts/corpfont.eot?utuc4q#iefix') format('embedded-opentype'), url('/Assets/corp/v2/fonts/corpfont.ttf?utuc4q') format('truetype'), url('/Assets/corp/v2/fonts/corpfont.woff?utuc4q') format('woff'), url('/Assets/corp/v2/fonts/corpfont.svg?utuc4q#corpfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="hwic_"],
[class*=" hwic_"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'corpfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hwic_to-right:before {
    content: "\e912";
}
@media (min-width: 1024px) {
  .iconfont-flash.active [class*="hwic_"]:before,
  .iconfont-flash:focus [class*="hwic_"]:before {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
            box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 0;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
       transition-duration: 0.1s;
  }
  .iconfont-flash:hover [class*="hwic_"]:before,
  .iconfont-flash.active [class*="hwic_"]:before,
  .iconfont-flash:focus [class*="hwic_"]:before {
    webkit-transform: translateX(10px);
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
			    display: inline-block;
  }	
}
a:active,
a:hover {
    text-decoration: none;
}

body {
    font-size: 14px;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
}

.clear-f {
    clear: both;
    width: 0;
    height: 0;
}



.page-footer .btm .help {
    border: none !important;
}

.page-footer h3 {
    width: 98%;
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
    font-size: 30px;
    height: auto;
    margin-bottom: 30px;
    font-weight: bold;
}

.page-footer h3.mt {
    margin-top: 165px;
}

.page-footer h3 span {
    position: relative;
    line-height: 1.4;
    padding-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}

.page-footer h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.partner-box {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 270px;
}

.partner-box .line-art {
    display: none;
}

.partner-box .main-box {
    width: 100%;
    padding: 0.3rem 0;
}

.partner-box .main-box h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.4rem;
    text-align: center;
}

.partner-box .main-box h3.mt {
    margin-top: 0.8rem;
}

.partner-box .main-box h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.partner-box .main-box h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.partner-box .main-box h4 {
    text-align: center;
    line-height: 2;
    font-size: 0.32rem;
    font-weight: normal;
    margin-bottom: 0.2rem;
}

.partner-box .main-box .more-partner {
    display: block;
    font-size: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    margin-top: 0.2rem;
}

.partner-box .main-box .more-partner a {
    margin: 0 auto;
    display: block;
    width: 6.9rem;
    height: 0.88rem;
    border: 1px solid #ce0e2d;
    border-radius: 4px;
    line-height: 0.86rem;
    background: #fff;
    text-align: center;
    font-size: 0.32rem;
    color: #ce0e2d;
}

.partner-box .main-box .more-partner a:hover {
    color: #fff;
    background: #ce0e2d;
    text-decoration: none;
}

.partner-box .main-box .logo-list {
    margin-bottom: 0.35rem;
}

.partner-box .main-box .logo-list .logo-cell {
    width: 33.33%;
    height: 1rem;
    float: left;
    line-height: 1rem;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.partner-box .main-box .logo-list .logo-cell img {
    display: inline;
    max-width: 80%;
    max-height: 0.6rem;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s;
}

.partner-box .main-box .logo-list .logo-cell:hover img {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}

@media (min-width: 768px) {
    .partner-box {
        background-size: cover;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/partner_bg.png");
    }
    .partner-box .line-art {
        position: absolute;
        top: 18px;
        right: 0;
        display: block;
    }
    .partner-box .main-box {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 90px 0 10px 0;
    }
    .partner-box .main-box h3 {
        position: relative;
        font-size: 30px;
        height: auto;
        margin-bottom: 45px;
        font-weight: bold;
    }
    .partner-box .main-box h3.mt {
        margin-top: 165px;
    }
    .partner-box .main-box h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .partner-box .main-box h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
    }
    .partner-box .main-box h4 {
        text-align: center;
        line-height: 2;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .partner-box .main-box .more-partner {
        display: block;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 10px;
        padding-right: 2%;
    }
    .partner-box .main-box .more-partner a {
        display: inline-block;
        line-height: 40px;
        vertical-align: top;
        width: auto;
        height: auto;
        border: none;
        color: #444;
        border-radius: 0;
        font-size: 16px;
        border-bottom: 2px solid #ce0e2d;
    }
    .partner-box .main-box .more-partner a:hover {
        background: none;
        color: #ce0e2d;
        text-decoration: none;
    }
    .partner-box .main-box .logo-list {
        margin-bottom: 40px;
    }
    .partner-box .main-box .logo-list .logo-cell {
        width: 160px;
        height: 75px;
        float: left;
        line-height: 75px;
        position: relative;
        text-align: center;
        cursor: pointer;
    }
    .partner-box .main-box .logo-list .logo-cell img {
        display: inline;
        max-width: 160px;
        max-height: 70px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        -ms-transition: -ms-transform 0.4s;
        -o-transition: -o-transform 0.4s;
        transition: transform 0.4s;
    }
    .partner-box .main-box .logo-list .logo-cell:hover img {
        -webkit-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        -o-transform: scale(1.12);
        transform: scale(1.12);
    }
}

.hot-pic {
    width: 100%;
    height: auto;
}

.hot-pic .main-box {
    width: 7.5rem;
    margin: 0 auto;
    padding: 0.4rem 0;
    overflow: hidden;
}

.hot-pic .main-box h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.4rem;
    text-align: center;
}

.hot-pic .main-box h3.mt {
    margin-top: 165px;
}

.hot-pic .main-box h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.hot-pic .main-box h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.hot-pic .main-box .hot-pic-list {
    position: relative;
}

.hot-pic .main-box .hot-pic-list .more-pc {
    display: block;
    font-size: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    margin-top: 0.2rem;
}

.hot-pic .main-box .hot-pic-list .more-pc a {
    margin: 0 auto;
    display: block;
    width: 6.9rem;
    height: 0.88rem;
    border: 1px solid #ce0e2d;
    border-radius: 4px;
    line-height: 0.86rem;
    background: #fff;
    text-align: center;
    font-size: 0.32rem;
    color: #ce0e2d;
}

.hot-pic .main-box .hot-pic-list .more-pc a:hover {
    color: #fff;
    background: #ce0e2d;
    text-decoration: none;
}

.hot-pic .main-box .hot-pic-list .hot-pic-prev:after {
    position: absolute;
    content: "";
    width: 0.52rem;
    height: 0.21rem;
    left: 50%;
    margin-left: -0.26rem;
    top: 50%;
    margin-top: -0.13rem;
    background-size: 100% 100%;
    background-image: url(/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prevm.png);
}

.hot-pic .main-box .hot-pic-list .hot-pic-next:after {
    position: absolute;
    content: "";
    width: 0.52rem;
    height: 0.21rem;
    left: 50%;
    margin-left: -0.26rem;
    top: 50%;
    margin-top: -0.13rem;
    background-size: 100% 100%;
    background-image: url(/~/media/CORPORATE/minisite/hc2019/v3/img/icon/nextm.png);
}

.hot-pic .main-box .hot-pic-list .ht-ctl {
    height: 0.88rem;
    text-align: center;
    margin: 0.1rem 0;
    margin-bottom: 0.6rem;
}

.hot-pic .main-box .hot-pic-list .ht-ctl a {
    display: inline-block;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.1rem;
    background: #e8382f;
    position: relative;
    margin: 0 0.2rem;
    outline: none;
    vertical-align: top;
}

.hot-pic .main-box .hot-pic-list .ht-ctl a:hover {
    background: #e00325;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .half {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .fo {
    width: 24%;
    float: left;
    margin-right: 2%;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .fo2 {
    width: 24%;
    float: left;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box {
    position: relative;
    overflow: hidden;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b1 {
    width: 100%;
    height: 3.3rem;
    float: left;
    margin-bottom: 0.1rem;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b2 {
    width: 48%;
    height: 1.6rem;
    float: left;
    margin-right: 4%;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b3 {
    width: 100%;
    height: 1.6rem;
    float: left;
    margin-bottom: 0.1rem;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b4 {
    width: 100%;
    height: 3.3rem;
    float: left;
    margin-bottom: 0.1rem;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b5 {
    width: 48%;
    height: 1.6rem;
    float: right;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 150%;
    max-height: 150%;
}

.hot-pic .main-box .hot-pic-list .swiper-slide .hp-box p {
    position: absolute;
    width: 1.7rem;
    height: 0.35rem;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-image: url(/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg5.png);
    padding-right: 0.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
    line-height: 0.35rem;
    z-index: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .hot-pic .main-box {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 90px 0 10px 0;
        overflow: hidden;
    }
    .hot-pic .main-box h3 {
        position: relative;
        font-size: 30px;
        height: auto;
        margin-bottom: 30px;
        font-weight: bold;
    }
    .hot-pic .main-box h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .hot-pic .main-box h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
    }
    .hot-pic .main-box .hot-pic-list {
        position: relative;
    }
    .hot-pic .main-box .hot-pic-list .more-pc,
    .news-box .main-box .more-pc {
        display: block;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        margin-top: 10px;
        padding-right: 2%;
    }
    .news-box .main-box .more-pc {
        padding-right: 0;
    }
    .hot-pic .main-box .hot-pic-list .more-pc a,
    .news-box .main-box .more-pc a {
        display: inline-block;
        line-height: 40px;
        vertical-align: top;
        width: auto;
        height: auto;
        border: none;
        color: #444;
        border-radius: 0;
        font-size: 16px;
        border-bottom: 2px solid #ce0e2d;
    }
    .hot-pic .main-box .hot-pic-list .more-pc a:hover {
        background: none;
        color: #ce0e2d;
        text-decoration: none;
    }
    .hot-pic .main-box .hot-pic-list a.hot-pic-prev {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 36px;
        height: 36px;
        border: 1px solid #fd1520;
        background: #fd1520;
        line-height: 34px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        border-radius: 4px;
        text-decoration: none;
        outline: none;
        margin-right: 20px;
    }
    .hot-pic .main-box .hot-pic-list a.hot-pic-prev:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 9px;
        top: 50%;
        left: 50%;
        margin-left: -11px;
        margin-top: -6px;
        background-size: 100% 100%;
        background-image: url(/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prev2c.png);
    }
    .hot-pic .main-box .hot-pic-list a.hot-pic-next {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 36px;
        height: 36px;
        border: 1px solid #fd1520;
        background: #fd1520;
        line-height: 34px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        border-radius: 4px;
        text-decoration: none;
        outline: none;
    }
    .hot-pic .main-box .hot-pic-list a.hot-pic-next:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 9px;
        top: 50%;
        left: 50%;
        margin-left: -11px;
        margin-top: -6px;
        background-size: 100% 100%;
        background-image: url(/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next2c.png);
    }
    .hot-pic .main-box .hot-pic-list .ht-ctl {
        height: 36px;
        text-align: center;
        width: 100%;
        margin-top: 20px;
        padding-right: 2%;
    }
    .hot-pic .main-box .hot-pic-list .ht-ctl a:hover {
        background: #e00325 !important;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .half {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .fo {
        width: 24%;
        float: left;
        margin-right: 2%;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .fo2 {
        width: 24%;
        float: left;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box {
        position: relative;
        overflow: hidden;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b1 {
        width: 100%;
        height: 330px;
        float: left;
        margin-bottom: 20px;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b2 {
        width: 48%;
        height: 160px;
        float: left;
        margin-right: 4%;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b3 {
        width: 100%;
        height: 160px;
        float: left;
        margin-bottom: 20px;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b4 {
        width: 100%;
        height: 330px;
        float: left;
        margin-bottom: 20px;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box.b5 {
        width: 48%;
        height: 160px;
        float: right;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        max-width: 150%;
        max-height: 150%;
    }
    .hot-pic .main-box .hot-pic-list .swiper-slide .hp-box p {
        position: absolute;
        width: 144px;
        height: 30px;
        top: 0;
        left: 0;
        background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg6.png");
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
        padding-right: 10px;
        text-align: center;
    }
}

.hot-topic {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tag_bg_m.jpg");
    position: relative;
}

.hot-topic .main-box {
    width: 6.9rem;
    margin: 0 auto;
    padding: 0.3rem 0;
}

.hot-topic .main-box h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.4rem;
    text-align: center;
}

.hot-topic .main-box h3.mt {
    margin-top: 165px;
}

.hot-topic .main-box h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.hot-topic .main-box h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.hot-topic .main-box .topic-main {
    position: relative;
    background: #fff;
    margin-top: 1.5rem;
    padding: 0.2rem 0.15rem;
}

.hot-topic .main-box .topic-main .tab-des {
    height: auto;
    width: 100%;
    color: #888;
    font-size: 0.24rem;
    line-height: 1.4;
    text-align: center;
}

.hot-topic .main-box .topic-main .tab-des .tab-des-box {
    display: none;
}

.hot-topic .main-box .topic-main .topic-tab {
    position: absolute;
    top: -1rem;
    left: 0;
    height: 1rem;
    width: 100%;
    border-bottom: 2px solid #d4d4d4;
}

@media (min-width: 1000px) {
    .hot-topic .main-box .topic-main .topic-tab {
        width: 250px;
        top: 110px;
    }
}

@media (min-width: 1300px) {
    .hot-topic .main-box .topic-main .topic-tab {
        width: 370px;
        top: 130px;
    }
}

.hot-topic .main-box .topic-main .topic-tab a {
    display: inline-block;
    width: 50%;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: #444;
    text-decoration: none;
    font-size: 0.32rem;
    position: relative;
}

.hot-topic .main-box .topic-main .topic-tab a.cur {
    color: #e8382f;
}

.hot-topic .main-box .topic-main .topic-tab a.cur:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #e8382f;
}

@media (min-width: 1000px) {
    .hot-topic .main-box .topic-main .topic-tab {
        height: 45px;
    }
    .hot-topic .main-box .topic-main .topic-tab a {
        height: 45px;
        line-height: 45px;
        font-size: 17px;
    }
}

@media (min-width: 1300px) {
    .hot-topic .main-box .topic-main .topic-tab {
        height: 55px;
    }
    .hot-topic .main-box .topic-main .topic-tab a {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }
}

.hot-topic .main-box .topic-main .topic-tab-c {
    padding-top: 0.2rem;
}

.hot-topic .main-box .topic-main .topic-tab-content {
    display: none;
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/hot_bg_m.png");
}

.hot-topic .main-box .topic-main .topic-tab-content a {
    position: relative;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    float: left;
    text-align: center;
    line-height: 2.2rem;
    font-size: 0.24rem;
    color: #888;
}

.hot-topic .main-box .topic-main .topic-tab-content a:active,
.hot-topic .main-box .topic-main .topic-tab-content a:hover {
    color: #fff;
}

.hot-topic .main-box .topic-main .topic-tab-content a:active:before,
.hot-topic .main-box .topic-main .topic-tab-content a:hover:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: #cd0e2d;
}

.hot-topic .main-box .topic-main .topic-tab-content a span {
    position: absolute;
    width: 1.8rem;
    left: 0.2rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 1.5;
}

@media (min-width: 768px) {
    .hot-topic {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tag_bg.jpg");
    }
    .hot-topic .main-box {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 90px 0 10px 0;
        overflow: hidden;
    }
    .hot-topic .main-box h3 {
        position: relative;
        font-size: 30px;
        height: auto;
        margin-bottom: 45px;
        font-weight: bold;
    }
    .hot-topic .main-box h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .hot-topic .main-box h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
    }
    .hot-topic .main-box .topic-main {
        position: relative;
        padding: 0 0 0 200px;
        background: none;
    }
    .hot-topic .main-box .topic-main .tab-des {
        position: absolute;
        top: 100px;
        left: 0;
        height: 35px;
        width: 190px;
        color: #888;
        font-size: 16px;
        line-height: 1.4;
    }
    .hot-topic .main-box .topic-main .tab-des .tab-des-box {
        display: none;
    }
    .hot-topic .main-box .topic-main .topic-tab {
        position: absolute;
        top: 20px;
        left: 0;
        height: 35px;
        width: 190px;
        border-bottom: 2px solid #d4d4d4;
    }
    .hot-topic .main-box .topic-main .topic-tab a {
        display: inline-block;
        width: 50%;
        height: 35px;
        text-align: center;
        line-height: 35px;
        color: #444;
        text-decoration: none;
        font-size: 14px;
        position: relative;
    }
    .hot-topic .main-box .topic-main .topic-tab a.cur,
    .hot-topic .main-box .topic-main .topic-tab a:hover {
        color: #e8382f;
    }
    .hot-topic .main-box .topic-main .topic-tab a.cur:after,
    .hot-topic .main-box .topic-main .topic-tab a:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background: #e8382f;
    }
    .hot-topic .main-box .topic-main .topic-tab-c {
        padding-top: 20px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content {
        display: none;
        margin-left: -40px;
        height: 738px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 {
        width: 861px;
        height: 862px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/pic2.png");
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: relative;
        margin-left: -60px;
        margin-top: -85px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a {
        display: block;
        position: absolute;
        width: 120px;
        height: 120px;
        text-align: center;
        line-height: 120px;
        font-size: 16px;
        color: #888;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: none;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a span {
        font-size: 14px;
        position: absolute;
        width: 90%;
        left: 5%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        line-height: 22px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:hover {
        color: #fff;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:hover:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        background: #e8382f;
        box-shadow: 0 1px 6px #e8382f;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(1) {
        top: 7px;
        left: 374px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(2) {
        top: 128px;
        left: 254px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(3) {
        top: 128px;
        left: 494px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(4) {
        top: 248px;
        left: 14px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(5) {
        top: 248px;
        left: 254px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(6) {
        top: 248px;
        left: 374px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(7) {
        top: 248px;
        left: 494px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(8) {
        top: 248px;
        left: 614px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(9) {
        top: 368px;
        left: 374px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(10) {
        top: 368px;
        left: 734px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(11) {
        top: 488px;
        left: 254px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(12) {
        top: 488px;
        left: 494px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(13) {
        top: 488px;
        left: 734px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(14) {
        top: 608px;
        left: 374px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(15) {
        top: 608px;
        left: 494px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(16) {
        top: 608px;
        left: 614px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(17) {
        top: 728px;
        left: 494px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(18) {
        top: 368px;
        left: 133px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t2 a:nth-child(19) {
        top: 488px;
        left: 374px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 {
        width: 857px;
        height: 738px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/pic.png");
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: relative;
        margin-top: 20px;
        margin-left: -15px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a {
        display: block;
        position: absolute;
        width: 120px;
        height: 120px;
        text-align: center;
        line-height: 120px;
        font-size: 16px;
        color: #888;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: none;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a span {
        font-size: 14px;
        position: absolute;
        width: 90%;
        left: 5%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        line-height: 22px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:hover {
        color: #fff;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:hover:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        background: #e8382f;
        box-shadow: 0 1px 6px #e8382f;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(1) {
        top: 5px;
        left: 373px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(2) {
        top: 5px;
        left: 493px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(3) {
        top: 246px;
        left: 132px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(4) {
        top: 125px;
        left: 252px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(5) {
        top: 125px;
        left: 373px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(6) {
        top: 245px;
        left: 373px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(7) {
        top: 365px;
        left: 253px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(8) {
        top: 365px;
        left: 373px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(9) {
        top: 365px;
        left: 493px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(10) {
        top: 365px;
        left: 733px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(11) {
        top: 485px;
        left: 373px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(12) {
        top: 485px;
        left: 493px;
    }
    .hot-topic .main-box .topic-main .topic-tab-content.t1 a:nth-child(13) {
        top: 605px;
        left: 493px;
    }
}

@media (min-width: 768px) and (min-width: 1000px) {
    .hot-topic .main-box .topic-main {
        padding: 0 0 0 260px;
    }
}

@media (min-width: 768px) and (min-width: 1300px) {
    .hot-topic .main-box .topic-main {
        padding: 0 0 0 380px;
    }
}

@media (min-width: 768px) and (min-width: 1000px) {
    .hot-topic .main-box .topic-main .tab-des {
        width: 250px;
        top: 190px;
    }
}

@media (min-width: 768px) and (min-width: 1300px) {
    .hot-topic .main-box .topic-main .tab-des {
        width: 370px;
        top: 210px;
    }
}

@media (min-width: 768px) and (min-width: 1000px) {
    .hot-topic .main-box .topic-main .topic-tab {
        width: 250px;
        top: 110px;
    }
}

@media (min-width: 768px) and (min-width: 1300px) {
    .hot-topic .main-box .topic-main .topic-tab {
        width: 370px;
        top: 130px;
    }
}

@media (min-width: 768px) and (min-width: 1000px) {
    .hot-topic .main-box .topic-main .topic-tab {
        height: 45px;
    }
    .hot-topic .main-box .topic-main .topic-tab a {
        height: 45px;
        line-height: 45px;
        font-size: 17px;
    }
}

@media (min-width: 768px) and (min-width: 1300px) {
    .hot-topic .main-box .topic-main .topic-tab {
        height: 55px;
    }
    .hot-topic .main-box .topic-main .topic-tab a {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }
}

.community-box {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/sec_bg.jpg");
    position: relative;
}

.community-box .main-box {
    padding: 0.4rem 0;
    color: #fff;
}

.community-box .main-box .community-cell {
    display: block;
    width: 100%;
    height: 3.88rem;
    position: relative;
    margin-bottom: 0.2rem;
    color: #fff;
}

.community-box .main-box .community-cell:hover {
    z-index: 33;
}

.community-box .main-box .community-cell:hover .pic {
    z-index: 2;
}

.community-box .main-box .community-cell:hover .txt {
    z-index: 3;
}

.community-box .main-box .community-cell:hover .txt .tit {
    color: #fff !important;
}

.community-box .main-box .community-cell:hover .txt span.more {
    color: #ce0e2d !important;
}

.community-box .main-box .community-cell .pic {
    width: 100%;
    height: 3.88rem;
}

.community-box .main-box .community-cell .pic img {
    display: block;
    width: 100%;
    height: 3.88rem;
}

.community-box .main-box .community-cell .pic img:nth-child(1) {
    display: none;
}

.community-box .main-box .community-cell .txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 1.35rem 0.25rem 0 0.25rem;
}

.community-box .main-box .community-cell .txt .tit {
    font-size: 0.28rem;
    line-height: 1.4;
    font-weight: bold;
}

.community-box .main-box .community-cell .txt .tit.cl {
    color: #444;
    text-shadow: none;
}

.community-box .main-box .community-cell .txt .des {
    display: none;
}

.community-box .main-box .community-cell .txt span.more {
    display: inline-block;
    font-size: 0.24rem;
    line-height: 2;
    border-bottom: 1px solid #984d4b;
    color: #fff;
    text-decoration: none;
    margin-top: 0.15rem;
}

.community-box .main-box .community-cell .txt span.more.cl {
    color: #444;
}

@media (min-width: 768px) {
    .community-box {
        margin-top: 90px;
    }
    .community-box .main-box {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 90px 0;
        color: #fff;
    }
    .community-box .main-box .community-cell {
        display: block;
        width: 32.2%;
        float: left;
        height: auto;
        position: relative;
        margin-right: 1.68%;
        color: #fff;
        margin-bottom: 0;
    }
    .community-box .main-box .community-cell:nth-child(3) {
        margin-right: 0;
    }
    .community-box .main-box .community-cell:hover {
        z-index: 33;
    }
    .community-box .main-box .community-cell:hover .pic {
        z-index: 2;
    }
    .community-box .main-box .community-cell:hover .pic:after {
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        -webkit-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        -o-transform: scale(1.12);
        transform: scale(1.12);
    }
    .community-box .main-box .community-cell:hover .pic img {
        -webkit-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        -o-transform: scale(1.12);
        transform: scale(1.12);
    }
    .community-box .main-box .community-cell:hover .txt {
        z-index: 3;
    }
    .community-box .main-box .community-cell:hover .txt .tit {
        color: #fff !important;
    }
    .community-box .main-box .community-cell:hover .txt .des,
    .community-box .main-box .community-cell:hover .txt span.more {
        opacity: 1;
        color: #fff;
    }
    .community-box .main-box .community-cell .pic {
        width: 100%;
        height: auto;
    }
    .community-box .main-box .community-cell .pic:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        -ms-transition: -ms-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        transition: transform 0.5s;
    }
    .community-box .main-box .community-cell .pic img {
        display: block;
        width: 100%;
        height: auto;
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        -ms-transition: -ms-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        transition: transform 0.5s;
    }
    .community-box .main-box .community-cell .pic img:nth-child(2) {
        display: none;
    }
    .community-box .main-box .community-cell .pic img:nth-child(1) {
        display: block;
    }
    .community-box .main-box .community-cell .txt {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 30px 28px;
    }
    .community-box .main-box .community-cell .txt .tit {
        font-size: 20px;
        text-shadow: 0 0 2px #999;
        line-height: 1.4;
        font-weight: bold;
    }
    .community-box .main-box .community-cell .txt .tit.cl {
        color: #444;
        text-shadow: none;
    }
    .community-box .main-box .community-cell .txt .des {
        font-size: 14px;
        line-height: 18px;
        max-height: 126px;
        overflow: hidden;
        max-width: 260px;
        margin-top: 20px;
        opacity: 0;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -ms-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    .community-box .main-box .community-cell .txt span.more {
        position: absolute;
        display: inline-block;
        left: 28px;
        bottom: 60px;
        line-height: 40px;
        border-bottom: 1px solid #984d4b;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        opacity: 0;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -ms-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }
}

@media (min-width: 768px) and (min-width: 1300px) {
    .community-box .main-box .community-cell .txt .des {
        max-height: 180px;
        max-width: 200px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

.news-box {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/news_bg.png");
    position: relative;
}

.news-box .top-banner {
    position: absolute;
    width: 100%;
    height: 3.2rem;
    top: 0;
    left: 0;
    background-size: cover;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/news_top_banner.jpg");
}

.news-box .line-art,
.news-box .main-box {
    display: none;
}

.news-box .m-main-box {
    position: relative;
    z-index: 2;
    padding: 0.3rem 0;
}

.news-box .m-main-box h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.4rem;
    font-weight: bold;
    text-align: center;
}

.news-box .m-main-box h3.mt {
    margin-top: 165px;
}

.news-box .m-main-box h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.news-box .m-main-box h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.news-box .m-main-box .more-news {
    margin: 0 auto;
    display: block;
    width: 6.9rem;
    height: 0.88rem;
    border: 1px solid #ce0e2d;
    border-radius: 4px;
    line-height: 0.86rem;
    text-align: center;
    font-size: 0.32rem;
    background: #fff;
    color: #ce0e2d;
}

.news-box .m-main-box .more-news:active {
    background: #ce0e2d;
    color: #fff;
}

.news-box .m-main-box .mb-news-cell {
    display: block;
    margin: 0 auto;
    margin-bottom: 0.2rem;
    width: 6.9rem;
    height: auto;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 6px #eee;
}

.news-box .m-main-box .mb-news-cell:hover .pic img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news-box .m-main-box .mb-news-cell.pd {
    padding-top: 0.6rem;
}

.news-box .m-main-box .mb-news-cell .tag {
    position: absolute;
    width: 2.64rem;
    height: 0.6rem;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg5.png");
    padding-right: 0.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.6rem;
    z-index: 4;
}

.news-box .m-main-box .mb-news-cell .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.news-box .m-main-box .mb-news-cell .pic img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -ms-transition: -ms-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    transition: transform 0.6s;
}

.news-box .m-main-box .mb-news-cell .txt {
    width: 100%;
    height: auto;
    padding: 0.25rem;
}

.news-box .m-main-box .mb-news-cell .txt .dt {
    font-size: 0.24rem;
    color: #888;
    line-height: 1.4;
}

.news-box .m-main-box .mb-news-cell .txt .tit {
    display: block;
    font-size: 0.28rem;
    color: #444;
    text-decoration: none;
    line-height: 1.5;
    overflow: hidden;
    margin-top: 0.1rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-box .m-main-box .mb-news-cell .txt .tit:hover {
    color: #ce0e2d;
}

.news-box .m-main-box .mb-news-cell .txt p.des {
    margin-top: 0.1rem;
    color: #888;
    font-size: 0.24rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.news-box .m-main-box .mb-news-cell .txt span.more {
    margin-top: 0.2rem;
    color: #444;
    display: inline-block;
    font-size: 0.24rem;
    line-height: 30px;
    border-bottom: 2px solid #ce0e2d;
}

.news-box .m-main-box .mb-news-cell .txt span.more:hover {
    color: #ce0e2d;
}

@media (min-width: 768px) {
    .news-box .line-art,
    .news-box .main-box {
        display: block;
    }
    .news-box .m-main-box {
        display: none;
    }
    .news-box .top-banner {
        height: 300px;
    }
    .news-box .line-art {
        position: absolute;
        left: 0;
        bottom: -42px;
        z-index: 3;
    }
    .news-box .main-box {
        padding: 85px 0 40px 0;
        color: #444;
    }
    .news-box .main-box .news-ctrl {
        height: 36px;
        text-align: center;
        margin-top: 20px;
        line-height: 36px;
        color: #888;
    }
    .news-box .main-box .news-ctrl a {
        display: inline-block;
        vertical-align: top;
        width: 36px;
        height: 36px;
        border: 1px solid #e8382f;
        line-height: 34px;
        text-align: center;
        color: #ce0e2d;
        font-size: 24px;
        font-weight: bold;
        background: #e8382f;
        border-radius: 4px;
        margin: 0 10px;
        text-decoration: none;
        position: relative;
        outline: none;
    }
    .news-box .main-box .news-ctrl a:hover {
        background: #e00325;
        color: #fff;
        border: 1px solid #e00325;
    }
    .news-box .main-box .news-ctrl a:hover.news-prev:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prev2c.png");
    }
    .news-box .main-box .news-ctrl a:hover.news-next:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next2c.png");
    }
    .news-box .main-box .news-ctrl a:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 9px;
        top: 50%;
        left: 50%;
        margin-left: -11px;
        margin-top: -6px;
        background-size: 100% 100%;
    }
    .news-box .main-box .news-ctrl a.news-prev:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prev2c.png");
    }
    .news-box .main-box .news-ctrl a.news-next:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next2c.png");
    }
    .news-box .main-box .slide-padding-box {
        padding-left: 120px;
    }
    .news-box .main-box .swiper-container {
        padding-bottom: 10px;
    }
    .news-box .main-box .swiper-slide {
        width: 280px;
    }
    .news-box .main-box .swiper-slide.fn {
        width: 380px;
    }
    .news-box .main-box .swiper-slide .news-cell {
        display: block;
        width: 100%;
        height: auto;
        background: #fff;
        position: relative;
    }
    .news-box .main-box .swiper-slide .news-cell:hover .pic img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .news-box .main-box .swiper-slide .news-cell:nth-child(2) {
        margin-top: 24px;
    }
    .news-box .main-box .swiper-slide .news-cell.full-news {
        height: 528px;
    }
    .news-box .main-box .swiper-slide .news-cell.full-news .pic {
        width: 380px;
        height: 215px;
    }
    .news-box .main-box .swiper-slide .news-cell.full-news .txt {
        height: 313px;
    }
    .news-box .main-box .swiper-slide .news-cell.pt {
        padding-top: 30px;
    }
    .news-box .main-box .swiper-slide .news-cell .tag {
        position: absolute;
        width: 144px;
        height: 30px;
        top: 0;
        left: 0;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg5.png");
        padding-right: 10px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        z-index: 4;
    }
    .news-box .main-box .swiper-slide .news-cell .pic {
        width: 280px;
        height: 154px;
        overflow: hidden;
    }
    .news-box .main-box .swiper-slide .news-cell .pic img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.6s;
        -moz-transition: -moz-transform 0.6s;
        -ms-transition: -ms-transform 0.6s;
        -o-transition: -o-transform 0.6s;
        transition: transform 0.6s;
    }
    .news-box .main-box .swiper-slide .news-cell .txt {
        height: 160px;
        padding: 20px;
        box-shadow: 0 4px 10px #efefef;
    }
    .news-box .main-box .swiper-slide .news-cell .txt .dt {
        font-size: 12px;
        color: #888;
        line-height: 1.4;
    }
    .news-box .main-box .swiper-slide .news-cell .txt .tit {
        display: block;
        font-size: 18px;
        color: #444;
        text-decoration: none;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        margin-top: 7px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news-box .main-box .swiper-slide .news-cell .txt .tit:hover {
        color: #ce0e2d;
    }
    .news-box .main-box .swiper-slide .news-cell .txt p.des {
        margin-top: 7px;
        color: #888;
        font-size: 16px;
        line-height: 22px;
        max-height: 154px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    .news-box .main-box .swiper-slide .news-cell .txt span.more {
        margin-top: 10px;
        color: #444;
        display: inline-block;
        line-height: 30px;
        border-bottom: 2px solid #ce0e2d;
    }
    .news-box .main-box .swiper-slide .news-cell .txt span.more:hover {
        color: #ce0e2d;
    }
    .news-box .main-box h3 {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        position: relative;
        font-size: 30px;
        height: auto;
        margin-bottom: 45px;
        font-weight: bold;
    }
    .news-box .main-box h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .news-box .main-box h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
    }
}

@media (min-width: 768px) and (min-width: 1500px) {
    .news-box .main-box {
        padding: 85px 0 40px 0;
    }
}

@media (min-width: 768px) and (min-width: 1500px) {
    .news-box .main-box .slide-padding-box {
        padding-left: 250px;
    }
}

.video-list-1 {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/vd_list_bg.png");
    z-index: 1;
}

.video-list-1 .main {
    width: 6.9rem;
    margin: 0 auto;
    padding: 0.25rem 0;
    color: #444;
}

.video-list-1 .main .replay-tit {
    font-size: 0.36rem;
    margin-top: 0;
    line-height: 1.4;
    text-align: center;
}

.video-list-1 .main .schedule-box {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
}

.video-list-1 .main .schedule-box .schedule-main {
    width: 100%;
    height: auto;
    z-index: 4;
    position: relative;
    margin-top: -2px;
    background: #fff;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content {
    display: none;
    width: 100%;
    height: auto;
    padding: 0.3rem;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit {
    width: 2.33rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    font-weight: bold;
    text-align: center;
    padding-right: 10px;
    color: #fff;
    margin-bottom: 0.2rem;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit.t1 {
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg2.png");
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit.t2 {
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg3.png");
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit.t3 {
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg4.png");
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third {
    width: 100%;
    height: auto;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell {
    width: 100%;
    height: auto;
    padding: 0.2rem;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 0.2rem;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p {
    line-height: 20px;
    padding-left: 25px;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay {
    position: absolute;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    border: 1px solid #e8382f;
    border-radius: 11px;
    padding: 0 10px;
    font-size: 12px;
    color: #444;
    background: #fff;
    right: 15px;
    top: 16px;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay.no-click {
    cursor: default;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay.no-click i {
    display: none;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay.no-click:hover {
    background: #fff;
    color: #444;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay.no-click:hover i {
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play_i.png");
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay:hover {
    text-decoration: none;
    background: #e8382f;
    color: #fff;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay:hover i {
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play_i2.png");
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay i {
    display: inline-block;
    width: 7px;
    height: 11px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play_i.png");
    vertical-align: -1px;
    margin-right: 8px;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p.t {
    font-size: 16px;
    margin-top: 5px;
    padding-right: 70px;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p.dt {
    color: #ed6d00;
    font-size: 14px;
    position: relative;
}

.video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p.dt i {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/time3.png");
}

.video-list-1 .main .schedule-box .schedule-tap {
    height: 1rem;
    z-index: 1;
}

.video-list-1 .main .schedule-box .schedule-tap a {
    position: relative;
    display: block;
    float: left;
    width: 2.3rem;
    text-align: center;
    height: 1rem;
    font-size: 0.32rem;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 0 0 0;
}

.video-list-1 .main .schedule-box .schedule-tap a:after {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #cccdcd;
    bottom: 2px;
    left: 0;
    content: "";
}

.video-list-1 .main .schedule-box .schedule-tap a:nth-child(1) {
    z-index: 3;
}

.video-list-1 .main .schedule-box .schedule-tap a:nth-child(2) {
    z-index: 2;
}

.video-list-1 .main .schedule-box .schedule-tap a:nth-child(3) {
    z-index: 1;
}

.video-list-1 .main .schedule-box .schedule-tap a span {
    font-size: 0.24rem;
    display: block;
    font-weight: normal;
}

.video-list-1 .main .schedule-box .schedule-tap a.cur {
    color: #c7000b;
}

.video-list-1 .main .schedule-box .schedule-tap a.cur:after {
    background: #c7000b;
}

.video-list-1 .main .more-video {
    display: block;
    font-size: 0.32rem;
    text-align: center;
}

.video-list-1 .main .more-video a {
    display: block;
    line-height: 0.86rem;
    border: 1px solid #ce0e2d;
    border-radius: 4px;
    height: 0.88rem;
    color: #ce0e2d;
    background: #fff;
}

.video-list-1 .main .more-video a:hover {
    color: #fff;
    background: #ce0e2d;
    text-decoration: none;
}

.video-list-1 .main .list-box {
    width: 100%;
    height: auto;
}

.video-list-1 .main .list-box .video-cell {
    display: block;
    width: 100%;
    margin-bottom: 0.2rem;
}

.video-list-1 .main .list-box .video-cell:nth-child(5),
.video-list-1 .main .list-box .video-cell:nth-child(6),
.video-list-1 .main .list-box .video-cell:nth-child(7),
.video-list-1 .main .list-box .video-cell:nth-child(8) {
    display: none;
}

.video-list-1 .main .list-box .video-cell:hover .vd img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.video-list-1 .main .list-box .video-cell:hover .vd span {
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play2.png");
}

.video-list-1 .main .list-box .video-cell .des {
    background: #fff;
    box-shadow: 0 2px 12px #ddd;
    padding: 0.2rem;
}

.video-list-1 .main .list-box .video-cell .des p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.28rem;
    color: #444;
    max-height: 0.68rem;
    overflow: hidden;
    line-height: 0.34rem;
}

.video-list-1 .main .list-box .video-cell .vd {
    width: 100%;
    height: 3.88rem;
    background: #494949;
    position: relative;
    overflow: hidden;
}

.video-list-1 .main .list-box .video-cell .vd .tag {
    font-size: 0.28rem;
    color: #fff;
    line-height: 1.5;
    position: absolute;
    top: 10px;
    left: 15px;
}

.video-list-1 .main .list-box .video-cell .vd img {
    display: block;
    width: 100%;
    height: 3.88rem;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.video-list-1 .main .list-box .video-cell .vd span {
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play.png");
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-transition: background-image 0.4s;
    -moz-transition: background-image 0.4s;
    -ms-transition: background-image 0.4s;
    -o-transition: background-image 0.4s;
    transition: background-image 0.4s;
}

.video-list-1 .main .tit-box {
    text-align: center;
}
.video-list-1 .main .tit-box h3 span{
	position:relative;
}
.video-list-1 .main .tit-box h3 span:before{
	content:"";
	width:60px;
	height:2px;
	background:#c7000b;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-30px;
}
.video-list-1 .main .tit-box p {
    display: none;
}

.video-list-1 .main .tit-box h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.4rem;
    font-weight: bold;
}

.video-list-1 .main .tit-box h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.video-list-1 .main .tit-box h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

@media (min-width: 768px) {
    .video-list-1 {
        overflow: hidden;
        z-index: 1;
    }
    .video-list-1 .main {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 55px 0 90px 0;
        color: #444;
    }
    .video-list-1 .main .replay-tit {
        font-size: 20px;
        margin-top: 20px;
        line-height: 1.4;
        font-weight: bold;
		margin-top: 80px;
        text-align: left;
    }
    .video-list-1 .main .schedule-box {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .video-list-1 .main .schedule-box .schedule-main {
        background-color: #fff;
        width: 100%;
        height: auto;
        z-index: 4;
        position: relative;
        margin-top: -2px;
        box-shadow: 0 5px 7px rgba(0,0,0,0.35);
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content {
        display: none;
        width: 100%;
        height: auto;
        padding: 25px 20px 10px 20px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit {
        width: 144px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding-right: 10px;
        color: #fff;
        margin-bottom: 10px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit.t1 {
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg2.png");
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit.t2 {
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg3.png");
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .tit.t3 {
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg4.png");
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third {
        width: 33.3%;
        height: auto;
        float: left;
        padding-right: 10px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell {
        width: 100%;
        height: auto;
        padding: 16px;
        background: #f7f7f7;
        position: relative;
        margin-bottom: 20px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p {
        line-height: 20px;
        padding-left: 25px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay {
        position: absolute;
        display: inline-block;
        height: 24px;
        line-height: 22px;
        border: 1px solid #e8382f;
        border-radius: 11px;
        padding: 0 10px;
        font-size: 12px;
        color: #444;
        background: #fff;
        right: 15px;
        top: 16px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay:hover {
        text-decoration: none;
        background: #e8382f;
        color: #fff;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay:hover i {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play_i2.png");
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell a.replay i {
        display: inline-block;
        width: 7px;
        height: 11px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play_i.png");
        vertical-align: -1px;
        margin-right: 8px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p.t {
        font-size: 16px;
        margin-top: 5px;
        padding-right: 70px;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p.dt {
        color: #ed6d00;
        font-size: 14px;
        position: relative;
    }
    .video-list-1 .main .schedule-box .schedule-main .schedule-tap-content .third .sp-cell p.dt i {
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 2px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/time3.png");
    }
    .video-list-1 .main .schedule-box .schedule-tap {
        height: 40px;
        z-index: 1;
    }
    .video-list-1 .main .schedule-box .schedule-tap a {
        position: relative;
        display: block;
        float: left;
        width: 200px;
        text-align: center;
        height: 40px;
        font-size: 16px;
        color: #000;
        background: #e6edf1;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        line-height: 1.1;
        font-weight: bold;
        text-decoration: none;
        box-shadow: 0 2px 5px rgba(0,0,0,.4);
        padding: 1px 0 0 0;
    }
    .video-list-1 .main .schedule-box .schedule-tap a:nth-child(1) {
        z-index: 3;
    }
    .video-list-1 .main .schedule-box .schedule-tap a:nth-child(2) {
        z-index: 2;
    }
    .video-list-1 .main .schedule-box .schedule-tap a:nth-child(3) {
        z-index: 1;
    }
    .video-list-1 .main .schedule-box .schedule-tap a span {
        font-size: 12px;
        display: block;
        font-weight: normal;
    }
    .video-list-1 .main .schedule-box .schedule-tap a.cur,
    .video-list-1 .main .schedule-box .schedule-tap a:hover {
        background: #fff;
        color: #c7000b;
    }
    .video-list-1 .main .schedule-box .schedule-tap a.cur:after,
    .video-list-1 .main .schedule-box .schedule-tap a:hover:after {
        position: absolute;
        width: 48px;
        height: 1px;
        background: #c7000b;
        bottom: 2px;
        left: 50%;
        margin-left: -24px;
        content: "";
    }
    .video-list-1 .main .more-video {
        display: block;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        margin-top: 20px;
    }
    .video-list-1 .main .more-video a {
        display: inline-block;
        line-height: 40px;
        vertical-align: top;
        color: #444;
        height: 40px;
        border: none;
        background: none;
        border-radius: 0;
    }
    .video-list-1 .main .more-video a:hover {
        color: #ce0e2d;
        text-decoration: none;
        background: none;
    }
    .video-list-1 .main .list-box {
        width: 100%;
        height: auto;
    }
    .video-list-1 .main .list-box .video-cell {
        display: block !important;
        float: left;
        width: 23.8%;
        max-width: 280px;
        margin-right: 1.6%;
        margin-bottom: 15px;
    }
    .video-list-1 .main .list-box .video-cell.cur {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .video-list-1 .main .list-box .video-cell:nth-child(4n) {
        margin-right: 0;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(1) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s;
        -moz-transition: -moz-transform ease-in-out 1.2s;
        -ms-transition: -ms-transform ease-in-out 1.2s;
        -o-transition: -o-transform ease-in-out 1.2s;
        transition: transform ease-in-out 1.2s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(2) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.2s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.2s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.2s;
        -o-transition: -o-transform ease-in-out 1.2s 0.2s;
        transition: transform ease-in-out 1.2s 0.2s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(3) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.4s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.4s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.4s;
        -o-transition: -o-transform ease-in-out 1.2s 0.4s;
        transition: transform ease-in-out 1.2s 0.4s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(4) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.6s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.6s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.6s;
        -o-transition: -o-transform ease-in-out 1.2s 0.6s;
        transition: transform ease-in-out 1.2s 0.6s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(5) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.1s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.1s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.1s;
        -o-transition: -o-transform ease-in-out 1.2s 0.1s;
        transition: transform ease-in-out 1.2s 0.1s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(6) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.3s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.3s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.3s;
        -o-transition: -o-transform ease-in-out 1.2s 0.3s;
        transition: transform ease-in-out 1.2s 0.3s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(7) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.5s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.5s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.5s;
        -o-transition: -o-transform ease-in-out 1.2s 0.5s;
        transition: transform ease-in-out 1.2s 0.5s;
    }
    .video-list-1 .main .list-box .video-cell:nth-child(8) {
        -webkit-transition: -webkit-transform ease-in-out 1.2s 0.7s;
        -moz-transition: -moz-transform ease-in-out 1.2s 0.7s;
        -ms-transition: -ms-transform ease-in-out 1.2s 0.7s;
        -o-transition: -o-transform ease-in-out 1.2s 0.7s;
        transition: transform ease-in-out 1.2s 0.7s;
    }
    .video-list-1 .main .list-box .video-cell:hover .vd img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .video-list-1 .main .list-box .video-cell:hover .vd span {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play2.png");
    }
    .video-list-1 .main .list-box .video-cell .des {
        background: #fff;
        box-shadow: 0 2px 12px #ddd;
        padding: 5px 20px 15px 20px;
        height: 61px;
    }
    .video-list-1 .main .list-box .video-cell .des p {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 14px;
        color: #444;
        max-height: 36px;
        overflow: hidden;
        line-height: 18px;
        margin-top: 5px;
    }
    .video-list-1 .main .list-box .video-cell .vd {
        width: 100%;
        height: 158px;
        background: #494949;
        position: relative;
        overflow: hidden;
    }
    .video-list-1 .main .list-box .video-cell .vd .tag {
        font-size: 14px;
        color: #fff;
        line-height: 1.5;
        position: absolute;
        top: 10px;
        left: 15px;
    }
    .video-list-1 .main .list-box .video-cell .vd img {
        display: block;
        width: 100%;
        height: 158px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.6s;
        -moz-transition: -moz-transform 0.6s;
        -ms-transition: -ms-transform 0.6s;
        -o-transition: -o-transform 0.6s;
        transition: transform 0.6s;
    }
    .video-list-1 .main .list-box .video-cell .vd span {
        position: absolute;
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play.png");
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        -webkit-transition: background-image 0.4s;
        -moz-transition: background-image 0.4s;
        -ms-transition: background-image 0.4s;
        -o-transition: background-image 0.4s;
        transition: background-image 0.4s;
    }
    
    .video-list-1 .main .tit-box.cur {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .video-list-1 .main .tit-box.cur h3 {
        font-size: 36px;
    }
    .video-list-1 .main .tit-box.cur p {
        opacity: 0;
        height: 0;
    }
    .video-list-1 .main .tit-box p {
        display: block;
        margin-top: 20px;
        font-size: 16px;
        color: #666;
        width: 385px;
        line-height: 1.4;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }
    .video-list-1 .main .tit-box h3 {
        position: relative;
        font-size: 30px;
        height: auto;
        -webkit-transition: font-size 0.5s;
        -moz-transition: font-size 0.5s;
        -ms-transition: font-size 0.5s;
        -o-transition: font-size 0.5s;
        transition: font-size 0.5s;
        margin-bottom: 50px;
        font-weight: bold;
    }
    .video-list-1 .main .tit-box h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .video-list-1 .main .tit-box h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
    }
}

@media (min-width: 768px) and (min-height: 650px) {
    .video-list-1 .main .schedule-box .schedule-tap {
        height: 48px;
    }
}

@media (min-width: 768px) and (min-width: 1100px) {
    .video-list-1 .main .schedule-box .schedule-tap a {
        width: 280px;
        line-height: 1.2;
    }
}

@media (min-width: 768px) and (min-height: 650px) {
    .video-list-1 .main .schedule-box .schedule-tap a {
        height: 48px;
        padding: 5px 0 0 0;
    }
}
@media (max-width:767px){
	.video-list-1{
		 padding-top: 50px;
		 padding-bottom:50px;
	}
	.video-list-1 .main .replay-tit{
		margin-top: 50px;
	}
}
.soundbite-box {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
}

.soundbite-box .line-art,
.soundbite-box .main-box {
    display: none;
}

.soundbite-box .m-main-box {
    padding: 0.3rem 0;
}

.soundbite-box .m-main-box .more-soundbite {
    margin: 0 auto;
    margin-top: 0.6rem;
    display: block;
    width: 6.9rem;
    height: 0.88rem;
    border: 1px solid #ce0e2d;
    border-radius: 4px;
    line-height: 0.86rem;
    text-align: center;
    font-size: 0.32rem;
    color: #ce0e2d;
}

.soundbite-box .m-main-box .more-soundbite:active {
    background: #ce0e2d;
    color: #fff;
}

.soundbite-box .m-main-box .soundbite-swiper-strl {
    height: 0.88rem;
    text-align: center;
    margin: 0.1rem 0;
}

.soundbite-box .m-main-box .soundbite-swiper-strl a {
    display: inline-block;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.1rem;
    background: #e8382f;
    position: relative;
    margin: 0 0.2rem;
    outline: none;
}

.soundbite-box .m-main-box .soundbite-swiper-strl a:hover {
    background: #ce0e2d;
}

.soundbite-box .m-main-box .soundbite-swiper-strl a:after {
    position: absolute;
    content: "";
    width: 0.52rem;
    height: 0.21rem;
    left: 50%;
    margin-left: -0.26rem;
    top: 50%;
    margin-top: -0.13rem;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/nextm.png");
}

.soundbite-box .m-main-box .soundbite-swiper-strl a.soundbite-mb-prev:after {
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prevm.png");
}

.soundbite-box .m-main-box .rotate-tip {
    font-size: 0.24rem;
    text-align: center;
    line-height: 1.6;
    color: #999;
}

.soundbite-box .m-main-box .rotate-tip img {
    display: block;
    margin: 0 auto;
    width: 0.57rem;
    height: auto;
}

.soundbite-box .m-main-box h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.2rem;
    font-weight: bold;
    text-align: center;
}

.soundbite-box .m-main-box h3.mt {
    margin-top: 165px;
}

.soundbite-box .m-main-box h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.soundbite-box .m-main-box h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.soundbite-box .m-main-box .soundbite-swiper {
    padding: 0.2rem 0 0.2rem 0.3rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide {
    width: 4.52rem;
    height: 7.75rem;
    position: relative;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .front,
.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 900ms;
    z-index: 1;
    box-shadow: 0 2px 6px #ccc;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back {
    transform: rotateY(180deg);
    background: #fff;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back .info {
    padding: 0.25rem 0.25rem 0.25rem 1.4rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 1.4;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back .info img {
    position: absolute;
    left: 0.25rem;
    top: 50%;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 50%;
    margin-top: -0.44rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back .info .name {
    font-size: 0.32rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back .info .tag {
    color: #888;
    font-size: 0.24rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back .icon {
    position: absolute;
    width: 0.98rem;
    height: 0.82rem;
    top: 0.6rem;
    left: 0.25rem;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/dotm.png");
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .back .des {
    position: absolute;
    width: 100%;
    top: 1.8rem;
    left: 0;
    padding: 0 0.25rem;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.32rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .front img {
    display: block;
    width: 100%;
    height: 7.22rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .front .info {
    padding: 0.25rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 1.4;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .front .info .name {
    font-size: 0.32rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide .front .info .tag {
    color: #888;
    font-size: 0.24rem;
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide.cur .front {
    transform: rotateY(-180deg);
}

.soundbite-box .m-main-box .soundbite-swiper .swiper-slide.cur .back {
    transform: rotateY(0deg);
}

@media (min-width: 768px) {
    .soundbite-box .line-art {
        display: block;
        position: absolute;
        right: 0;
        top: -28px;
    }
    .soundbite-box .m-main-box {
        display: none;
    }
    .soundbite-box .main-box {
        display: block;
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 90px 0;
        color: #444;
    }
    .soundbite-box .main-box .soundbite-page {
        height: 36px;
        text-align: center;
        margin-top: 10px;
        line-height: 36px;
        color: #888;
        margin-bottom: 15px;
    }
    .soundbite-box .main-box .soundbite-page span.cur {
        font-size: 30px;
        color: #444;
    }
    .soundbite-box .main-box .soundbite-page a {
        display: inline-block;
        vertical-align: top;
        width: 36px;
        height: 36px;
        border: 1px solid #fd1520;
        background: #fd1520;
        line-height: 34px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        border-radius: 4px;
        margin: 0 10px;
        text-decoration: none;
        position: relative;
    }
    .soundbite-box .main-box .soundbite-page a.nonec {
        border: 1px solid #838584;
        background: none;
    }
    .soundbite-box .main-box .soundbite-page a.nonec.soundbite-prev:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prev2c2.png");
    }
    .soundbite-box .main-box .soundbite-page a.nonec.soundbite-next:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next2c2.png");
    }
    .soundbite-box .main-box .soundbite-page a:hover {
        background: #e00325;
        border: 1px solid #e00325;
    }
    .soundbite-box .main-box .soundbite-page a:hover.soundbite-prev:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prev2c.png");
    }
    .soundbite-box .main-box .soundbite-page a:hover.soundbite-next:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next2c.png");
    }
    .soundbite-box .main-box .soundbite-page a:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 9px;
        top: 50%;
        left: 50%;
        margin-left: -11px;
        margin-top: -6px;
        background-size: 100% 100%;
    }
    .soundbite-box .main-box .soundbite-page a.soundbite-prev:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/prev2c.png");
    }
    .soundbite-box .main-box .soundbite-page a.soundbite-next:after {
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next2c.png");
    }
    .soundbite-box .main-box .more-soundbite {
        display: block;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
    }
    .soundbite-box .main-box .more-soundbite a {
        display: inline-block;
        line-height: 40px;
        vertical-align: top;
        color: #444;
        border-bottom: 2px solid #ce0e2d;
    }
    .soundbite-box .main-box .more-soundbite a:hover {
        color: #ce0e2d;
        text-decoration: none;
    }
    .soundbite-box .main-box h3 {
        position: relative;
        font-size: 30px;
        height: auto;
        margin-bottom: 30px;
        font-weight: bold;
    }
    .soundbite-box .main-box h3.mt {
        margin-top: 165px;
    }
    .soundbite-box .main-box h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .soundbite-box .main-box h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
    }
    .soundbite-box .main-box .soundbite {
        margin-top: 30px;
        width: 100%;
        height: 400px;
        padding: 0 340px 0 0;
        position: relative;
    }
    .soundbite-box .main-box .soundbite .soundbite-list {
        height: 400px;
        width: 100%;
        overflow: hidden;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .soundbite-list-jd {
        height: 20px;
        line-height: 20px;
        width: 50%;
        float: right;
        margin-top: 20px;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .soundbite-list-jd span {
        display: inline-block;
        vertical-align: top;
        width: 7%;
        text-align: center;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .soundbite-list-jd .jd {
        display: inline-block;
        height: 2px;
        background: #d6d6d6;
        width: 86%;
        vertical-align: 4px;
        position: relative;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .soundbite-list-jd .jd .bar {
        position: absolute;
        height: 2px;
        top: 0;
        left: 0;
        -webkit-transition: width 0.4s;
        -moz-transition: width 0.4s;
        -ms-transition: width 0.4s;
        -o-transition: width 0.4s;
        transition: width 0.4s;
        background: #e8382f;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .soundbite-list-pos.gd {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .pic-box {
        overflow: hidden;
        position: relative;
        max-height: 420px;
        float: left;
        margin-right: 20px;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .pic-box.gd {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .soundbite-box .main-box .soundbite .soundbite-list .pic-box img {
        margin-left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .soundbite-box .main-box .soundbite .soundbite-info {
        position: absolute;
        width: 310px;
        height: 450px;
        top: 0;
        right: 0;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .info {
        padding-top: 10px;
        color: #444;
        height: 380px;
        position: relative;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .info .soundbite-name {
        font-size: 24px;
        line-height: 1.4;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .info .soundbite-tag {
        font-size: 14px;
        line-height: 1.4;
        color: #888;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .info .soundbite-des {
        margin-top: 30px;
        font-size: 16px;
        line-height: 1.4;
        color: #666666;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .line {
        height: 46px;
        width: 100%;
        position: relative;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .line:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #f8b62d;
        left: 0;
        top: 22px;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .line i {
        position: absolute;
        top: 0;
        left: 30px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 1px 2px 5px #ccc;
    }
    .soundbite-box .main-box .soundbite .soundbite-info .line i img {
        position: absolute;
        width: 20px;
        height: 17px;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -10px;
    }
}

.comment-left-box {
    height: 100px;
    width: 610px;
    padding: 15px 20px 10px 225px;
    position: relative;
    margin-top: -50px;
    box-shadow: 1px 2px 6px #ddd;
    background: #fff;
    color: #666;
}

.comment-left-box img {
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    top: 50%;
    margin-top: -29px;
    left: 145px;
}

.comment-left-box .name {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.comment-left-box .cmt {
    font-size: 14px;
    line-height: 1.4;
}

.page-banner {
    width: 100%;
    height: auto;
    padding-top: 0.9rem;
    overflow: hidden;
    position: relative;
}

.page-banner .no-live-main {
    display: none;
}

.page-banner .mobile-banner-pic {
    /* position: absolute; */
    width: auto;
    max-width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.page-banner .pc-banner-pic {
    display: none;
}

.page-banner.no-live {
    height: auto;
    position: relative;
    padding-top: 0;
}

.page-banner.no-live .main {
    display: none;
}

.page-banner.no-live .no-live-main {
    display: block;
    padding: 0.9rem 0.3rem 0 0.3rem;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.page-banner.no-live .no-live-main .n-main.after-live .live-re {
    display: none;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re {
    display: block;
    margin-top: 0.5rem;
    padding-left: 0.2rem;
    font-size: 0.28rem;
    color: #fff;
    line-height: 1.8;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re .st {
    width: 2.9rem;
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0.28rem;
    font-weight: bold;
    text-align: left;
    padding-left: 0.4rem;
    color: #fff;
    margin-bottom: 0.2rem;
    background-size: 100% 100%;
    background-image: url(/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg.png);
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re .bg {
    background: rgba(255, 255, 255, 0.7);
    width: 3rem;
    padding: 0.05rem 0.2rem 0.05rem 0.3rem;
    border: 1px solid #dcdddd;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re p {
    width: 100%;
    color: #444;
    line-height: 0.7rem;
    border-bottom: 1px solid #c2c5c5;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re p:last-child {
    border-bottom: none;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re p span {
    padding: 0 0.2rem;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re p a {
    color: #444;
    display: inline-block;
    padding-right: 20px;
    position: relative;
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re p a:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 6px;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next3.png");
}

.page-banner.no-live .no-live-main .n-main.after-live .after-re p a:hover {
    color: #ce0e2d;
}

.page-banner.no-live .no-live-main .slogan {
    display: none;
}

.page-banner.no-live .no-live-main .slogan-m {
    display: block;
    width: 3.8rem;
    height: auto;
    padding-top: 0.7rem;
}

.page-banner.no-live .no-live-main .soon {
    display: none;
}

.page-banner.no-live .no-live-main .live-re {
    height: 0.76rem;
    padding-left: 1.18rem;
    position: relative;
    color: #000;
    font-size: 0.28rem;
    line-height: 0.76rem;
    display: block;
    margin-top: 0.53rem;
}

.page-banner.no-live .no-live-main .live-re span {
    position: absolute;
    width: 0.76rem;
    height: 0.76rem;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play_m.png");
    top: 0;
    left: 0.2rem;
    box-shadow: 0 0.08rem 0.15rem #555;
    border-radius: 50%;
}

.page-banner.no-live .no-live-main .notice {
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.1rem;
    padding: 15px 0 0 0;
    margin-top: 25px;
    min-height: 120px;
}

.page-banner.no-live .no-live-main .notice .nt {
    position: absolute;
    width: 2.36rem;
    height: 0.6rem;
    top: 0;
    left: 0;
    padding-left: 0.3rem;
    line-height: 0.6rem;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg.png");
    font-size: 0.28rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}

.page-banner.no-live .no-live-main .notice .n-box {
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.2rem 0.3rem;
    top: 0.8rem;
    left: 0;
    position: relative;
    border: 1px solid #e0e1e1;
}

.page-banner.no-live .no-live-main .notice .n-box p {
    color: #444;
    font-size: 0.28rem;
    line-height: 1.4;
}

.page-banner.no-live .no-live-main .notice .n-box p a {
    color: #444;
}

.page-banner.no-live .no-live-main .notice .n-box p a:hover {
    color: #e8382f;
}

.page-banner.no-live .no-live-main .notice .n-box p i.date {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/time2.png") no-repeat;
    margin-right: 5px;
}

.page-banner.no-live .no-live-main .notice .back {
    transform: rotateX(180deg);
}

.page-banner.no-live .no-live-main .notice .front,
.page-banner.no-live .no-live-main .notice .back {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 900ms;
    z-index: 1;
}

.page-banner.no-live .no-live-main .notice.cur .front {
    transform: rotateX(-180deg);
}

.page-banner.no-live .no-live-main .notice.cur .back {
    transform: rotateX(0deg);
}

.page-banner .main {
    padding: 0.7rem 0.3rem 0.4rem 0.3rem;
    position: relative;
    z-index: 2;
}

.page-banner .main .left-content .slogan-m {
    display: block;
    width: 3.8rem;
    height: auto;
}

.page-banner .main .left-content .slogan {
    display: none;
}

.page-banner .main .notice {
    position: relative;
    padding: 15px 0 0 0;
    margin-top: 25px;
    min-height: 120px;
    width: 100%;
}

.page-banner .main .notice .nt {
    position: absolute;
    width: 2.36rem;
    height: 0.6rem;
    top: 0;
    left: 0;
    padding-left: 0.3rem;
    line-height: 0.6rem;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg.png");
    font-size: 0.28rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}

.page-banner .main .notice .n-box {
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.2rem 0.3rem;
    top: 0.8rem;
    left: 0;
    position: relative;
    border: 1px solid #e0e1e1;
}

.page-banner .main .notice .n-box p {
    color: #444;
    font-size: 0.28rem;
    line-height: 1.4;
}

.page-banner .main .notice .n-box p a {
    color: #444;
}

.page-banner .main .notice .n-box p a:hover {
    color: #e8382f;
}

.page-banner .main .notice .n-box p i.date {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/time2.png") no-repeat;
    margin-right: 5px;
}

.page-banner .main .notice .back {
    transform: rotateX(180deg);
}

.page-banner .main .notice .front,
.page-banner .main .notice .back {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 900ms;
    z-index: 1;
}

.page-banner .main .notice.cur .front {
    transform: rotateX(-180deg);
}

.page-banner .main .notice.cur .back {
    transform: rotateX(0deg);
}

.page-banner .main .m-go-live-room {
    display: block;
    width: 100%;
    height: 0.88rem;
    border: 1px solid #ce0e2d;
    line-height: 0.86rem;
    text-align: center;
    color: #ce0e2d;
    background: #fff;
    border-radius: 4px;
    font-size: 0.32rem;
    margin-top: 0.2rem;
}

.page-banner .main .m-go-live-room:hover {
    background: #ce0e2d;
    color: #fff;
}

.page-banner .main .right-live {
    width: 6.9rem;
    height: auto;
    margin-top: 0.6rem;
    overflow: hidden;
}

.page-banner .main .right-live .live-info {
    padding: 0.25rem 0.3rem;
    background: #fff;
    font-size: 0.28rem;
    color: #444;
    line-height: 1.6;
}

.page-banner .main .right-live .live-info a.go-live-room {
    display: none;
}

.page-banner .main .right-live .live-box {
    width: 100%;
    height: 3.88rem;
    background: #000;
}

.page-banner .main .right-live .live-box iframe {
    width: 100%;
    height: 3.88rem;
}

.page-banner .main .right-live .live-box a,
.page-banner .main .right-live .live-box .full-screen-tip {
    display: none;
}
.page-banner .banner-text{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/* text-align:center; */
}
.page-banner .banner-text .more{
	padding-top: 230px
}
.page-banner .banner-text .more a{
	font-size: 18px;
    color: #000;
}
.page-banner .banner-text .more a em{
	margin-left:10px;
}
.page-banner .banner-text .more a em:before{
	font-size:16px;
}

@media (min-width:1366px){
    .page-banner .banner-text .more{
        padding-top: 350px;
        max-width: 1366px;
        margin: 0 auto;
        text-align: left;
        padding-left: 210px;
    }
}
@media (min-width:1025px) and (max-width:1365px){
    .page-banner .banner-text .more{
        padding-top: 330px;
        max-width: 1366px;
        margin: 0 auto;
        text-align: left;
        padding-left: 210px;
    }
}
@media (min-width:992px) and (max-width:1024px){
	.page-banner .banner-text .more{
        padding-top: 255px;
        padding-left: 155px;
    }
}
@media (min-width:768px) and (max-width:991px){
	.page-banner .banner-text .more{
        padding-top: 195px;
        padding-left: 115px;
    }
}
@media (min-width: 768px) {
    .page-banner {
        width: 100%;
        height: auto;
        margin-top: 0;
        padding-bottom: 1px;
        z-index: 7;
        position: relative;
    }
    .page-banner .pc-banner-pic {
        display: block;
        width: auto;
		max-width:100%;
        /* position: absolute; */
        height: 100%;
        top: 0;
        /* -webkit-transform: translate(-50%, 0); */
        /* transform: translate(-50%, 0); */
        left: 50%;
    }
    .page-banner .mobile-banner-pic {
        display: none;
    }
    .page-banner.no-live {
        height: auto;
    }
    .page-banner.no-live .main {
        display: none;
    }
    .page-banner.no-live .pc-banner-pic {
        width: auto;
        /* position: absolute; */
        height: auto;
        margin: 0 auto;
    }
    .page-banner.no-live .no-live-main {
        display: block;
        overflow: hidden;
        position: static;
        height: auto;
        padding: 0;
    }
    .page-banner.no-live .no-live-main .bg-video {
        position: absolute;
        width: auto;
        height: 100%;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border: none;
    }
    .page-banner.no-live .no-live-main:after {
        position: absolute;
        width: 100%;
        height: 80px;
        content: "";
        bottom: 0;
        left: 0;
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
        /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
        /* Firefox 3.6 - 15 */
        background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
        /* 标准的语法 */
    }
    .page-banner.no-live .no-live-main .n-main {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        padding: 90px 0 50px 0;
        position: relative;
        z-index: 2;
    }
    .page-banner.no-live .no-live-main .n-main .after-re {
        display: none;
    }
    .page-banner.no-live .no-live-main .n-main .slogan-m {
        display: none;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .soon {
        display: none;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .after-re {
        display: block;
        font-size: 14px;
        margin-top: 25px;
        margin-left: -5px;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .after-re .bg {
        width: 165px;
        padding: 5px 20px;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .after-re .st {
        width: 140px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 20px;
        font-weight: normal;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .after-re p {
        width: 100%;
        font-size: 14px;
        line-height: 36px;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .after-re p span {
        padding: 0 10px;
    }
    .page-banner.no-live .no-live-main .n-main.after-live .notice {
        display: none;
    }
    .page-banner.no-live .no-live-main .n-main .live-re {
        position: absolute;
        right: 0;
        display: inline-block;
        top: 50%;
        margin-top: -19px;
        line-height: 38px;
        font-size: 14px;
        color: #fff;
    }
    .page-banner.no-live .no-live-main .n-main .live-re span {
        display: inline-block;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #ce0e2d;
        vertical-align: top;
        margin-right: 10px;
        position: relative;
    }
    .page-banner.no-live .no-live-main .n-main .live-re span i {
        position: absolute;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 14px solid #fff;
        top: 50%;
        left: 50%;
        margin: -7px 0 0 -5px;
    }
    .page-banner.no-live .no-live-main .n-main .notice {
        position: relative;
        padding: 15px 0 0 0;
        margin-top: 25px;
        min-height: 120px;
    }
    .page-banner.no-live .no-live-main .n-main .notice .nt {
        position: absolute;
        width: 140px;
        height: 34px;
        top: 0;
        left: 0;
        padding-left: 20px;
        line-height: 34px;
        background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg.png") no-repeat;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        z-index: 2;
    }
    .page-banner.no-live .no-live-main .n-main .notice .n-box {
        max-width: 480px;
        height: auto;
        background: rgba(255, 255, 255, 0.8);
        padding: 12px 20px;
        top: 39px;
        left: 0;
        position: relative;
        border: 1px solid #e0e1e1;
    }
    .page-banner.no-live .no-live-main .n-main .notice .n-box p {
        color: #444;
        font-size: 14px;
        line-height: 20px;
    }
    .page-banner.no-live .no-live-main .n-main .notice .n-box p a {
        color: #444;
    }
    .page-banner.no-live .no-live-main .n-main .notice .n-box p a:hover {
        color: #e8382f;
    }
    .page-banner.no-live .no-live-main .n-main .notice .n-box p i.date {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: -2px;
        background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/time2.png") no-repeat;
        margin-right: 5px;
    }
    .page-banner.no-live .no-live-main .n-main .notice .back {
        transform: rotateX(180deg);
    }
    .page-banner.no-live .no-live-main .n-main .notice .front,
    .page-banner.no-live .no-live-main .n-main .notice .back {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        transition: ease-in-out 900ms;
        z-index: 1;
    }
    .page-banner.no-live .no-live-main .n-main .notice.cur .front {
        transform: rotateX(-180deg);
    }
    .page-banner.no-live .no-live-main .n-main .notice.cur .back {
        transform: rotateX(0deg);
    }
    .page-banner.no-live .no-live-main .n-main .slogan {
        display: block;
        width: 100%;
        max-width: 370px;
        height: auto;
    }
    .page-banner.no-live .no-live-main .n-main .soon {
        margin-top: 25px;
        padding-left: 18px;
        font-size: 14px;
        color: #fff;
        line-height: 1.8;
    }
    .page-banner.no-live .no-live-main .n-main .soon p span {
        padding: 0 10px;
    }
    .page-banner.no-live .no-live-main .n-main .soon p a {
        color: #fff;
        display: inline-block;
        padding-right: 20px;
        position: relative;
    }
    .page-banner.no-live .no-live-main .n-main .soon p a:after {
        position: absolute;
        content: "";
        width: 14px;
        height: 6px;
        right: 0;
        top: 50%;
        margin-top: -4px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/next3.png");
    }
    .page-banner.no-live .no-live-main .n-main .soon p a:hover {
        color: #ce0e2d;
    }
    .page-banner .no-live-main {
        display: none;
    }
    .page-banner .main {
        width: 98%;
        margin: 0 auto;
        min-height: 580px;
        max-width: 1180px;
        padding: 90px 0 50px 0;
        position: relative;
    }
    .page-banner .main .m-go-live-room {
        display: none;
    }
    .page-banner .main .right-live {
        position: absolute;
        top: 90px;
        right: 0;
        width: 60%;
        max-width: 680px;
        height: auto;
    }
    .page-banner .main .right-live .live-info {
        width: 100%;
        height: auto;
        padding: 10px 20px;
        background: #fff;
        font-size: 14px;
        color: #444;
        position: relative;
        line-height: 1.4;
    }
    .page-banner .main .right-live .live-info .dr {
        font-weight: bold;
    }
    .page-banner .main .right-live .live-info p {
        padding-right: 240px;
    }
    .page-banner .main .right-live .live-info .go-live-room {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;
        line-height: 20px;
        color: #444;
        height: 20px;
        padding-right: 30px;
    }
    .page-banner .main .right-live .live-info .go-live-room:hover {
        color: #da3228;
    }
    .page-banner .main .right-live .live-info .go-live-room span {
        position: absolute;
        width: 22px;
        height: 8px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/right.png");
        top: 5px;
        right: 0;
    }
    .page-banner .main .right-live .live-box {
        width: 100%;
        height: auto;
        position: relative;
    }
    .page-banner .main .right-live .live-box .close-video-fixed,
    .page-banner .main .right-live .live-box .full-screen-tip {
        display: none;
    }
    .page-banner .main .right-live .live-box.fixed-right {
        position: fixed;
        width: 320px;
        height: 210px;
        right: 50px;
        bottom: 50px;
        z-index: 99;
        padding-bottom: 30px;
    }
    .page-banner .main .right-live .live-box.fixed-right .full-screen-tip {
        display: block;
        position: absolute;
        width: 100%;
        height: 30px;
        bottom: 0;
        line-height: 30px;
        left: 0;
        background: #fff;
        color: #444;
        font-size: 16px;
        padding: 0 15px;
    }
    .page-banner .main .right-live .live-box.fixed-right .full-screen-tip a {
        color: #444;
    }
    .page-banner .main .right-live .live-box.fixed-right .close-video-fixed {
        position: absolute;
        top: -8px;
        right: -8px;
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        padding: 5px;
        border: 1px solid #999;
        background: #fff;
        z-index: 2;
    }
    .page-banner .main .right-live .live-box.fixed-right .close-video-fixed img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .page-banner .main .right-live .live-box iframe {
        display: block;
        width: 100%;
        height: 100%;
        outline: none;
    }
    .page-banner .main .right-live .live-box .play {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.2);
    }
    .page-banner .main .right-live .live-box .play a {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/play.png");
    }
    .page-banner .main .left-content {
        width: 36%;
        height: auto;
    }
    .page-banner .main .left-content .slogan {
        display: block;
        width: 100%;
        max-width: 370px;
        height: auto;
    }
    .page-banner .main .left-content .slogan-m {
        display: none;
    }
    .page-banner .main .left-content h4 {
        font-size: 40px;
        font-weight: normal;
        line-height: 1.2;
        margin-top: 35px;
        color: #444;
        padding-left: 15px;
    }
    .page-banner .main .left-content h5 {
        font-size: 20px;
        font-weight: normal;
        line-height: 1.2;
        color: #444;
        padding-left: 15px;
    }
    .page-banner .main .notice {
        position: relative;
        padding: 15px 0 0 0;
        margin-top: 25px;
        min-height: 120px;
        max-width: 35%;
    }
    .page-banner .main .notice .nt {
        position: absolute;
        width: 140px;
        height: 34px;
        top: 0;
        left: 0;
        padding-left: 20px;
        line-height: 34px;
        background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bg.png") no-repeat;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        z-index: 2;
    }
    .page-banner .main .notice .n-box {
        max-width: 480px;
        height: auto;
        background: rgba(255, 255, 255, 0.8);
        padding: 12px 20px;
        top: 39px;
        left: 0;
        position: relative;
        border: 1px solid #e0e1e1;
    }
    .page-banner .main .notice .n-box p {
        color: #444;
        font-size: 14px;
        line-height: 20px;
    }
    .page-banner .main .notice .n-box p a {
        color: #444;
    }
    .page-banner .main .notice .n-box p a:hover {
        color: #e8382f;
    }
    .page-banner .main .notice .n-box p i.date {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: -2px;
        background: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/time2.png") no-repeat;
        margin-right: 5px;
    }
    .page-banner .main .notice .back {
        transform: rotateX(180deg);
    }
    .page-banner .main .notice .front,
    .page-banner .main .notice .back {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        transition: ease-in-out 900ms;
        z-index: 1;
    }
    .page-banner .main .notice.cur .front {
        transform: rotateX(-180deg);
    }
    .page-banner .main .notice.cur .back {
        transform: rotateX(0deg);
    }
}

.sub-hash-btn {
    display: none;
    position: fixed;
    top: 50%;
    left: 10px;
    width: 90px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    pointer-events: none;
    opacity: 0;
    z-index: 9;
}

@media (min-width: 768px) {
    .sub-hash-btn {
        opacity: 1;
        pointer-events: auto;
    }
}

.sub-hash-btn a {
    position: relative;
    display: block;
    font-size: 12px;
    z-index: 2;
    text-decoration: none;
}

.sub-hash-btn .hs {
    position: relative;
    padding-left: 22px;
    line-height: 1.8;
    margin: 2px 0;
    color: rgba(0, 0, 0, 0);
}

.sub-hash-btn .hs.cur {
    color: #959595;
}

.sub-hash-btn .hs:hover {
    color: #000;
}

.sub-hash-btn .hs:before {
    position: absolute;
    width: 1px;
    height: 150%;
    background: #e7e7e7;
    top: -6px;
    left: 10px;
    content: "";
    opacity: 0.6;
}

.sub-hash-btn .hs:after {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    content: "";
    top: 50%;
    margin-top: -3px;
    left: 7px;
    opacity: 0.2;
}

.sub-hash-btn .hs:nth-child(1):after {
    border: 1px solid #c7000b;
}

.sub-hash-btn .hs:nth-child(1).cur:after {
    opacity: 1;
    background: #c7000b;
}

.sub-hash-btn .hs:nth-child(2):after {
    border: 1px solid #f28b4c;
}

.sub-hash-btn .hs:nth-child(2).cur:after {
    opacity: 1;
    background: #f28b4c;
}

.sub-hash-btn .hs:nth-child(3):after {
    border: 1px solid #f8bb3f;
}

.sub-hash-btn .hs:nth-child(3).cur:after {
    opacity: 1;
    background: #f8bb3f;
}

.sub-hash-btn .hs:nth-child(4):after {
    border: 1px solid #61c08b;
}

.sub-hash-btn .hs:nth-child(4).cur:after {
    opacity: 1;
    background: #61c08b;
}

.sub-hash-btn .hs:nth-child(5):after {
    border: 1px solid #2fa55e;
}

.sub-hash-btn .hs:nth-child(5).cur:after {
    opacity: 1;
    background: #2fa55e;
}

.sub-hash-btn .hs:nth-child(6):after {
    border: 1px solid #7fc8c7;
}

.sub-hash-btn .hs:nth-child(6).cur:after {
    opacity: 1;
    background: #7fc8c7;
}

.sub-hash-btn .hs:nth-child(7):after {
    border: 1px solid #2ebeeb;
}

.sub-hash-btn .hs:nth-child(7).cur:after {
    opacity: 1;
    background: #2ebeeb;
}

.sub-hash-btn .hs:nth-child(8):after {
    border: 1px solid #2e90c9;
}

.sub-hash-btn .hs:nth-child(8).cur:after {
    opacity: 1;
    background: #2e90c9;
}

.sub-hash-btn .hs:nth-child(9):after {
    border: 1px solid #0079BF;
}

.sub-hash-btn .hs:nth-child(9).cur:after {
    opacity: 1;
    background: #0079BF;
}

.sub-hash-btn .hs.cur {
    color: #000;
    font-size: 13px;
    line-height: 2;
}

.sub-hash-btn .home {
    height: 22px;
    padding: 0 0 0 22px;
    color: #959595;
    line-height: 20px;
    -webkit-transition: max-width 0.5s, background 0.5s;
    -moz-transition: max-width 0.5s, background 0.5s;
    -ms-transition: max-width 0.5s, background 0.5s;
    -o-transition: max-width 0.5s, background 0.5s;
    transition: max-width 0.5s, background 0.5s;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none;
    margin-bottom: 5px;
}

.sub-hash-btn .home:hover {
    color: #c7000b;
    font-weight: bold;
}

.sub-hash-btn .home:hover:after {
    background: #c7000b;
}

.sub-hash-btn .home:hover i {
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/home2.png");
}

.sub-hash-btn .home:after {
    content: "";
    border: 1px solid #c7000b;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 1px;
    left: 0;
    border-radius: 20px;
}

.sub-hash-btn .home i {
    position: absolute;
    width: 10px;
    height: 8px;
    top: 50%;
    left: 5px;
    margin-top: -5px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/home.png");
    z-index: 2;
}

.sub-hash-btn .cloud {
    margin-top: 5px;
    max-width: 22px;
    height: 22px;
    padding: 0 0 0 20px;
    border: 1px solid #c7000b;
    color: #fff;
    line-height: 20px;
    -webkit-transition: max-width 0.5s, background 0.5s;
    -moz-transition: max-width 0.5s, background 0.5s;
    -ms-transition: max-width 0.5s, background 0.5s;
    -o-transition: max-width 0.5s, background 0.5s;
    transition: max-width 0.5s, background 0.5s;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none;
    margin-bottom: 5px;
}

.sub-hash-btn .cloud:hover {
    max-width: 78px;
    color: #c7000b;
    border: 1px solid #c7000b;
}

.sub-hash-btn .cloud i {
    position: absolute;
    width: 11px;
    height: 9px;
    top: 50%;
    left: 4px;
    margin-top: -5px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/cloud.png");
}

.sub-hash-btn .contact {
    margin-top: 5px;
    max-width: 22px;
    height: 22px;
    padding: 0 0 0 20px;
    border: 1px solid #c7000b;
    color: #fff;
    line-height: 20px;
    -webkit-transition: max-width 0.5s, background 0.5s;
    -moz-transition: max-width 0.5s, background 0.5s;
    -ms-transition: max-width 0.5s, background 0.5s;
    -o-transition: max-width 0.5s, background 0.5s;
    transition: max-width 0.5s, background 0.5s;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none;
    margin-bottom: 5px;
}

.sub-hash-btn .contact:hover {
    max-width: 78px;
    color: #c7000b;
    border: 1px solid #c7000b;
}

.sub-hash-btn .contact i {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 5px;
    margin-top: -5px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/link_icon.png");
}

.sub-hash-btn .share {
    max-width: 22px;
    height: 22px;
    padding: 0 0 0 20px;
    border: 1px solid #848484;
    color: #fff;
    line-height: 20px;
    -webkit-transition: max-width 0.5s, background 0.5s;
    -moz-transition: max-width 0.5s, background 0.5s;
    -ms-transition: max-width 0.5s, background 0.5s;
    -o-transition: max-width 0.5s, background 0.5s;
    transition: max-width 0.5s, background 0.5s;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none;
    margin-bottom: 5px;
}

.sub-hash-btn .share:hover {
    max-width: 58px;
    color: #c7000b;
    border: 1px solid #c7000b;
}

.sub-hash-btn .share i {
    position: absolute;
    width: 9px;
    height: 10px;
    top: 50%;
    left: 5px;
    margin-top: -5px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/icon/share_icon.png");
}

.page-footer .btm .help .help-c p a:hover {
    color: #ce0e2d;
}

.page-footer .right-link-btn {
    display: none;
}

.page-footer .btm h3 {
    position: relative;
    font-size: 0.44rem;
    height: auto;
    margin-bottom: 0.4rem;
    text-align: center;
}

.page-footer .btm h3.mt {
    margin-top: 165px;
}

.page-footer .btm h3 span {
    position: relative;
    line-height: 0.8rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    vertical-align: top;
}

.page-footer .btm h3 span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-size: 100% 100%;
    background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
}

.page-footer .btm .help-c {
    text-align: center;
    line-height: 1.4;
    margin-bottom: 0.3rem;
    padding: 0 0.2rem;
}

.page-footer .btm .help-c:last-child {
    margin-bottom: 0.6rem;
}

.page-footer .btm .help-c h2 {
    font-size: 0.32rem;
    color: #444;
    margin-bottom: 0.1rem;
}

.page-footer .btm .help-c p {
    color: #888;
    font-size: 0.24rem;
    word-break: break-all;
}

.page-footer .btm .help-c p a {
    color: #888;
    display: block;
}

@media (min-width: 768px) {
    .page-footer {
        position: relative !important;
    }
    .page-footer .right-link-btn {
        display: block;
    }
    .page-footer .btm h3 {
        width: 98%;
        margin: 0 auto;
        max-width: 1180px;
        position: relative;
        font-size: 30px;
        height: auto;
        margin-bottom: 30px;
        font-weight: bold;
    }
    .page-footer .btm h3.mt {
        margin-top: 165px;
    }
    .page-footer .btm h3 span {
        position: relative;
        line-height: 1.4;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: top;
    }
    .page-footer .btm h3 span::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-size: 100% 100%;
        background-image: url("/~/media/CORPORATE/minisite/hc2019/v3/img/tit_bottom.png");
    }
    .page-footer .btm .help-c {
        text-align: left;
    }
    .page-footer .btm .help-c:last-child {
        margin-bottom: 0;
    }
}
@media (max-width:767px){
	.page-banner .banner-text .more{
        padding-top: 160px;
        padding-left: 0;
        text-align: center;
    }
}
.wechat-download .weixin-img{
    position: fixed;
    top: 0;
    left: 0;
    z-index:9999;
    cursor: pointer;
    display:block !important;
    height:100vh;
background:#888786;
}
.wechat-download .weixin-img img{
    width:100%;
}