/*
	* ==============================================================================
        _  _        _                 _                                 _                                               
    ___| |(_) ___ _| |_  ____ _____ _| |_  ___   ___  _   _  _____  ___| |  _     _   _     _       _  _   _   _        
   / __  || |/ __|__  _|/ _  |  _  |_   _|/ __| / _ \| | | ||  _  |/ __  | |_| | |_  |_  | | |  /|   |  | |_  |_   /|   
  | (__| || |\__ \ | |_  (_| | | | | | |_ \__ \| |_| | |_| || | | | (__| |  _  |   |   | | | | |_|  _|  | | | | | |_|   
   \_____||_||___/ |___|\____|_| |_| |___||___/ \___/|_____||_| |_|\_____| |_| |  _|  _| | |_|   | |_   | |_| |_|   |   
   
	* CSS Document Css Reset 
	* CSS Document Css DsGrid Start 
	* Author: DistantSound 
	* Date: 2020 
	* IDE:  

  * ---------------------------------------------------------------------------------------------
*/

body {
    font-family: 'Arial', '微软雅黑';
}

.div-box {
    display: block;
    text-align: center;
}


/* background-color */

.bgc-white,
.bgc-white-h:hover {
    background-color: #fff;
}

.bgc-black,
.bgc-black-h:hover {
    background-color: #000;
}

.bgc-blue,
.bgc-blue-h:hover {
    background-color: #0090ff;
}

.bgc-blue-1,
.bgc-blue-1-h:hover {
    background-color: #5175ff;
}

.bgc-grey,
.bgc-grey-h:hover {
    background-color: #202022;
}

.bgc-grey-1,
.bgc-grey-1-h:hover {
    background-color: #27272a;
}

.bgc-grey-2,
.bgc-grey-2-h:hover {
    background-color: #f7f7f7;
}

.bg-icon {
    background: url(../images/bg-icon-001.png);
}

.icon-f1 {
    background: url(../images/icon-f1.png);
}

.icon-f2 {
    background: url(../images/icon-f2.png);
}

.icon-f3 {
    background: url(../images/icon-f3.png);
}

.icon-f4 {
    background: url(../images/icon-f4.png);
}


/* color */

.c-white,
.c-white-h:hover {
    color: #fff;
}

.c-black,
.c-black-h:hover {
    color: #000;
}

.c-blue,
.c-blue-h:hover {
    color: #4191ff;
}

.c-grey,
.c-grey-h:hover {
    color: #848484;
}

.c-grey-1,
.c-grey-1-h:hover {
    color: #6e6e76;
}

.c-grey-2,
.c-grey-2-h:hover {
    color: #585767;
}

.c-orange,
.c-orange-h:hover {
    color: #ff9c01;
}


/* title */

.sub-title .div {
    width: 3.2rem;
    display: inline-block;
    height: 1.2rem;
}

.sub-title .s-pan-1 {
    display: inline-block;
    line-height: .35rem;
}

.sub-title .s-pan-2 {
    line-height: .6rem;
}

.sub-title .e-em {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: .6rem;
    height: .03rem;
}


/** swiper-slide-tab 公共部分 */

.swiper-slide-tab .tab-head .item-head {
    height: .5rem;
    line-height: .5rem;
}

.swiper-slide-tab .tab-head .active {
    color: #fff;
    background-color: #0090ff;
}

.swiper-slide-tab .tab-content {
    width: 100%;
}

.swiper-slide-tab .tab-content .swiper-slide {
    height: 0;
}

.swiper-slide-tab .tab-content .swiper-slide-active {
    height: 100%;
}

.my-pagination {
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10;
    margin-bottom: .2rem;
}

.my-pagination .my-bullet {
    width: .1rem;
    height: .1rem;
    margin: 0 .05rem;
    border-radius: 100%;
    background-color: #dedede;
}

.my-pagination .swiper-pagination-bullet-active {
    background-color: #4191ff;
}

.my-swiper-navigation {
    visibility: hidden;
    width: 100%;
    height: .5rem;
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 20;
    margin-top: .06rem;
}

.my-swiper-navigation .my-swiper-button-prev {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
}

.my-swiper-navigation .my-swiper-button-next {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
}


/** page-box */

.page-box {
    height: 1rem;
    text-align: center;
    position: relative;
}

.pager-content {
    width: 3.5rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1.75rem;
    margin-top: .3rem;
}

.pager-content .pager-prev,
.pager-content .pager-next {
    width: .7rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    margin: .05rem .02rem;
    border: 1px solid #ececec;
}

.pager-content .pager-link {
    width: .35rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    margin: .05rem .02rem;
    border: 1px solid #ececec;
}

.pager-content .pager-prev:hover,
.pager-content .pager-next:hover,
.pager-content .pager-link.current {
    background-color: #3447f8;
    color: #fff;
    border: 1px solid #3447f8;
}

.nav-fixed-openclose {
    width: .5rem;
    height: .5rem;
    position: fixed;
    left: .15rem;
    top: .24rem;
    z-index: 9999;
    background-color: rgba(226, 226, 226, 0.9);
    cursor: default;
}

.nav-fixed-openclose .header-nav-open,
.nav-fixed-openclose .header-nav-close {
    width: .5rem;
    height: .5rem;
    line-height: .45rem;
    cursor: default;
    font-size: .22rem;
}

.header {
    width: 60%;
    height: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -60%;
    z-index: 9990;
    background-color: rgba(32, 32, 34, 0.98);
    text-align: center;
    overflow: hidden;
    overflow-y: auto;
}

.header .header-body {
    width: 100%;
    height: 100vh;
}

.header .header-container {
    display: inline-block;
    width: calc(100% - .15rem);
}

.header .l-box {
    width: 100%;
    margin-left: 0;
}

.header .r-box {
    width: 100%;
    margin-right: 0;
}

.header .top-logo-white {
    margin-top: 1.2rem;
    display: none;
}

.header .top-logo-white img {
    width: 95%;
}

.header .top-logo-color {
    margin-top: 1.2rem;
    display: block;
}

.header .top-logo-color img {
    width: 95%;
}

.header .nav {
    width: 100%;
    margin-top: .25rem;
}

.header .nav ul {
    width: 100%;
}

.header .nav li {
    width: 100%;
    height: .5rem;
    margin-bottom: .15rem;
}

.header .nav li .a-link {
    width: 1.4rem;
    height: .5rem;
    line-height: .5rem;
}

.header .nav li .active {
    color: #fff;
}

.header .nav li .em-nav {
    width: 1.4rem;
    position: absolute;
    bottom: -.1rem;
    left: 0;
    height: 1px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background-image: url(../images/bg-nav-active.png);
    background-repeat: no-repeat, repeat;
}

.header .nav li:hover .em-nav,
.header .nav li.active .em-nav {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.header .r-box>.a-link {
    width: 1.35rem;
    background: url(../images/bg-icon-004.png) no-repeat;
    background-size: 100%;
}

.section-ad {
    max-width: 19.2rem;
    max-height: 5.6rem;
    position: relative;
    top: 0;
    float: none;
    width: 100%;
    margin: 0px auto;
    /* left: 50%;
    margin-left: -9.6rem; */
}

.section-ad .text-box {
    height: 1.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    margin-top: -.6rem;
}

.section-1 .video-content {
    width: 19.2rem;
    height: 9rem;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -9.6rem;
}

.section-1 .video-content video {
    width: 19.2rem;
    overflow: hidden;
}

.section-1 .video-text {
    height: 2rem;
    left: 0;
    top: 38%;
    z-index: 10;
    margin-top: -.5rem;
    text-align: center;
}

.section-2 {
    padding: .8rem 0;
}

.section-2 .ul-row .div-box {
    overflow: hidden;
}

.section-2 .ul-row .a-link {
    height: 0;
    padding-top: 49.5%;
}

.section-2 .ul-row .a-link img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: none;
}

.section-2 .ul-row .text-box {
    height: .8rem;
    top: 50%;
    left: 0;
    margin-top: -.4rem;
}

.section-2 .ul-row .em-mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.section-2 .ul-row .em-mask-h:hover .em-mask {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.section-3 {
    padding: .8rem 0;
}

.section-3 .ul-row .award-badge {
    width: 90%;
}

.section-3 .ul-row .a-link .h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: .6rem;
    line-height: .6rem;
    background-color: rgba(0, 0, 0, 0.5);
}

.section-3 .ul-row .a-link:hover .h3 {
    color: #4191ff;
    background-color: rgba(0, 0, 0, 0.65);
}

.section-3 .ul-row li:nth-child(2) .col:last-child .a-link {
    margin-top: .15rem;
}

.section-4 {
    padding: .8rem 0;
}

.section-4 .btn-more {
    border: 1px solid #4191ff;
    background: url(../images/bg-icon-004.png) no-repeat;
    background-size: 100%;
}

.section-4 .btn-more:hover {
    border: 1px solid #4191ff;
    background: transparent;
}

.section-5 {
    padding: .8rem 0;
}

.section-5 .ul-row .dox {
    width: 100%;
    height: 100%;
    padding: .3rem;
}

.section-5 .ul-row .h6 .s-p {
    padding: 0 .2rem;
    border-bottom: 3px solid #1845e0;
}

.section-5 .ul-row .dox .h3 {
    line-height: .8rem;
}

.section-5 .ul-row .dox .h6 {
    line-height: .6rem;
}

.section-5 .ul-row .dox .h4 {
    line-height: 1rem;
}

.section-5 .row-video-box {
    margin-bottom: .5rem;
}

.section-5 .row-video-box .box {
    width: 100%;
    height: 1.75rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: .15rem .15rem;
}

.section-5 .row-video-box .e-m {
    width: .8rem;
    height: 0;
    margin: .25rem .15rem 0 .15rem;
    border-bottom: 1px solid #cccccc;
}

.section-5 .row-video-box .click-playVideo {
    width: .45rem;
    height: .45rem;
}

.section-5 .row-swiper-box .tempWrap {
    width: 100%;
}

.section-5 .row-swiper-box .tag-year {
    width: 1.3rem;
    height: .5rem;
}

.section-5 .row-swiper-box .p-text {
    padding: .4rem 0;
}

.section-6 {
    padding: .8rem 0;
}

.section-6 .ul-row .c-box {
    border: 1px solid #e3e3e8;
}

.section-6 .ul-row .avatar-img {
    width: 1.2rem;
    height: 1.2rem;
}

.section-6 .ul-row .icon-font {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .3rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/bg-icon-005.png);
}

.section-7 {
    padding-bottom: .8rem;
}

.section-7 .ul-row li:nth-child(odd) .div-box {
    margin-right: .05rem;
}

.section-7 .ul-row li:nth-child(even) .div-box {
    margin-left: .05rem;
}

.section-7 .ul-row .a-link {
    border: 1px solid #e3e3e8;
}

.section-7 .ul-row .a-link:hover {
    border: 1px solid #4191ff;
}

.section-8 {
    padding: .8rem 0;
}

.section-8 .row-box .list:nth-child(2) {
    margin-top: .5rem;
}

.section-8 .row-box .list:last-child {
    margin-top: .5rem;
}

.section-8 .row-box .b-logo {
    width: 100%;
}

.section-8 .row-box .b-logo img {
    width: 2.55rem;
}

.section-8 .row-box .pic-img {
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid #48484d;
}

.section-8 .ul-row .l-box,
.section-8 .ul-row .r-box {
    width: 100%;
}

.section-8 .ul-row .icon-font {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
}

.section-8 .ul-row .li-list:first-child .icon-font {
    font-size: .66rem;
}

.section-8 .ul-row .li-list:nth-child(2) .icon-font {
    font-size: .52rem;
}

.section-8 .ul-row .li-list:last-child .icon-font {
    font-size: .42rem;
}

.section-8 .ul-row .li-list .h2 {
    width: 100%;
}

.section-9 {
    padding: .8rem 0;
}

.section-9 .row-box .row li {
    padding: .1rem 0;
}

.section-9 .row-box .l-box {
    width: .8rem;
    height: .8rem;
    margin-top: .15rem;
    background: url(../images/bg-icon-006.png) no-repeat;
    background-size: 100%;
}

.section-9 .row-box .l-box .icon-font {
    line-height: .8rem;
}

.section-9 .row-box .r-box {
    width: calc(100% - 1rem);
}

.section-9 .row-box .r-box .p-text {
    height: .9rem;
}

.section-9 .btn-more {
    background: url(../images/bg-icon-009.png) no-repeat;
    background-size: 100%;
}

.section-9 .btn-more:hover {
    border: 1px solid #4191ff;
    background: transparent;
}

.section-10 {
    padding: .8rem 0;
}

.section-10 .ul-row .c-box {
    padding: 0;
}

.section-10 .ul-row .h3 {
    margin-top: .3rem;
}

.section-10 .ul-row .pic-img {
    width: 110%;
    margin-left: -.08rem;
}

.section-11 {
    padding: .8rem 0;
}

.section-11 .ul-row .div-box {
    margin: 0 .1rem;
}

.section-11 .ul-row .div-box .c-box {
    padding: .03rem;
    border: 1px solid #4191ff;
}

.section-11 .ul-row .p-text {
    height: 1.2rem;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 5;
    margin-top: -.6rem;
}

.section-11 .swiper-pic .text-box .h3 {
    background-color: rgba(0, 0, 0, 0.486);
}

.section-custom-box {
    padding: .8rem 0;
}

.section-custom {
    float: left;
    width: 100%;
    text-align: center;
}

.section-box {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.section-12 .tab-head li {
    padding: 0 .2rem;
    margin-bottom: .15rem;
}

.section-12 .tab-head .active {
    background: url(../images/bg-icon-008.png) no-repeat;
    background-size: 100%;
    color: #fff;
}

.section-12 .tab-content .a-link:hover .h3 {
    color: #4191ff;
}

.section-13 {
    padding: .8rem 0;
}

.section-13 .ul-row .div-box {
    margin: 0;
}

.section-13 .ul-row .l-box {
    width: 1.2rem;
}

.section-13 .ul-row .l-box .avatar {
    width: 1.2rem;
    height: 1.2rem;
}

.section-13 .ul-row .r-box {
    width: calc(100% - 1.5rem);
}

.section-13 .ul-row .a-link:hover .h3 {
    color: #4191ff;
}

.section-13 .ul-row .r-box .s-apn {
    width: .8rem;
    background: url(../images/bg-icon-008.png) no-repeat;
    background-size: 100%;
}

.section-16 .ul-row .div-box {
    margin: .1rem;
}

.section-16 .ul-row li:nth-child(3) {
    display: none;
}

.section-16 .ul-row .a-link .c-div {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.section-16 .ul-row .a-link .p-text {
    padding: .05rem 0;
}

.section-16 .ul-row .a-link .icon-font {
    height: .35rem;
    line-height: .35rem;
}

.section-17 .ul-row .div-box {
    margin: 0;
}

.section-17 .ul-row .a-link {
    border: 1px solid #d5d5db;
}

.section-17 .ul-row .a-link .avatar {
    width: 1.35rem;
    height: 1.35rem;
}

.section-17 .ul-row .a-link:hover {
    border: 1px solid #4191ff;
}

.section-18 .row-box .div-box {
    margin: 0;
}

.section-18 .row-box .input-info {
    border: 1px solid #d5d5db;
}

.section-18 .row-box .btn-submit {
    width: 1.5rem;
    background: url(../images/bg-icon-004.png) no-repeat;
    background-size: 100%;
    ;
}


/* jq.simpleLoadMore 查看更多 */

.load-more__btn {
    line-height: .5rem;
    font-size: .22rem;
    width: 1.5rem;
    background: url(../images/bg-icon-008.png) no-repeat;
    background-size: 100%;
    color: #fff;
    border-radius: .02rem;
}

.follow-box {
    width: .7rem;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99999;
    margin-top: -2.05rem;
    margin-right: .15rem;
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: .35rem;
}

.follow-box .a-link {
    width: .7rem;
    padding: .05rem;
    height: .65rem;
    border-radius: .34rem .34rem 0 0;
    background: url(../images/bg-icon-002.png) no-repeat;
    background-size: 100%;
}

.follow-box .a-link img {
    width: .36rem;
    height: .36rem;
    margin-top: .09rem;
    margin-left: .11rem;
}

.follow-box .follow-c {
    border: 1px solid #d5d5db;
    border-top: none;
    border-radius: 0 0 .34rem .34rem;
}

.follow-box .follow-c .div {
    border-bottom: 1px solid #d5d5db;
}

.follow-box .follow-c .icon-f {
    width: .36rem;
    height: .36rem;
}

.follow-box .follow-c .fervice-hotline {
    width: 0;
    height: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: .65rem;
}

.follow-box .follow-c .div:hover .fervice-hotline {
    width: 2.2rem;
}

.follow-box .follow-c .div .h2 {
    position: absolute;
    right: -2.2rem;
    top: 0;
    width: 2.1rem;
    height: 1.2rem;
    background: url(../images/bg-icon-003.png) no-repeat;
    background-size: 100%;
}

.follow-box .follow-c .div .h2 .strong {
    width: 100%;
    line-height: .4rem;
    white-space: nowrap;
}

.follow-box .follow-c .div:hover .h2 {
    right: .1rem;
}

.follow-box .follow-c .follow-qr-box {
    width: 0;
    width: 1.5rem;
    height: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: .65rem;
}

.follow-box .follow-c .div:hover .follow-qr-box {
    width: 1.5rem;
}

.follow-box .follow-c .qr-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 0;
    margin-right: -1.2rem;
    background-color: #fff;
    border: 1px solid #d5d5db;
}

.follow-box .follow-c .div:hover .qr-img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .05rem;
}

.follow-box .follow-c .div:hover .s-pan {
    color: #0084e9;
}

.footer .row {
    padding: .3rem 0;
}


/* 弹窗视频 */

.popup-video {
    width: 100%;
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 99999;
}

.popup-video video {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.popup-video .icon-close {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    position: absolute;
    right: .15rem;
    top: .15rem;
    z-index: 5;
}


/* col 375 */

@media (min-width: 375px) {
    .section-8 .ul-row .li-list {
        margin-top: .3rem;
    }
    .section-8 .ul-row .l-box {
        width: .8rem;
    }
    .section-8 .ul-row .r-box {
        width: calc(100% - .9rem);
    }
    .section-8 .ul-row .icon-font {
        float: left;
    }
    .section-16 .ul-row .a-link .h3 {
        padding: .05rem 0;
        font-size: .2rem;
        line-height: .4rem;
    }
    .section-16 .ul-row .a-link .p-text {
        font-size: .16rem;
    }
    .section-17 .ul-row .div-box {
        margin: .1rem;
    }
}


/* col 480 */

@media (min-width: 480px) {
    .section-3 .ul-row .award-badge {
        width: 4rem;
    }
    .section-12 .tab-head .hd li {
        margin-bottom: 0;
    }
    .section-16 .ul-row .a-link .h3 {
        padding: .05rem 0;
        font-size: .2rem;
        line-height: .5rem;
    }
    .section-16 .ul-row .a-link .p-text {
        font-size: .16rem;
        padding: .15rem 0;
    }
}


/* col-sm */

@media (min-width: 576px) {
    .header .nav li {
        width: 100%;
        height: .5rem;
        margin-bottom: .15rem;
    }
    .section-5 .row-video-box .box {
        width: 4.45rem;
        height: 1.75rem;
        padding: .15rem .3rem;
    }
    .section-5 .row-swiper-box .tag-year {
        margin-top: .3rem;
    }
    .section-6 .ul-row .div-box {
        margin: .1rem;
    }
    .section-6 .ul-row .p-text {
        height: 1.8rem;
        overflow: hidden;
    }
    .section-9 .row-box .row .r-box .p-text {
        height: .6rem;
    }
    .section-17 .ul-row .a-link {
        padding: .3rem 0;
    }
    .footer .row .s-pan {
        width: auto;
    }
}


/* col-md */

@media (min-width:768px) {
    .section-7 .ul-row .div-box {
        margin: 0 .05rem;
    }
    .section-18 .row-box .div-box {
        margin: .1rem;
    }
    .section-6 .ul-row p {
        height: 1.2rem;
    }
}


/* col-lg */

@media (min-width: 992px) {
    .section-2 .ul-row .div-box,
    .section-4 .ul-row .div-box,
    .section-6 .ul-row .div-box,
    .section-11 .row-box .div-box,
    .section-12 .tab-content .ul-row .div-box {
        margin: .12rem;
    }
    .section-5 .row-swiper-box {
        padding-left: .3rem;
    }
    .section-5 .row-swiper-box .tag-year {
        margin-top: 0;
        margin-bottom: .15rem;
    }
    .section-5 .row-swiper-box .p-text {
        padding: .22rem 0;
    }
    .section-6 .ul-row p {
        height: .85rem;
    }
    .footer .row .s-pan:first-child {
        margin-left: .5rem;
    }
    .footer .row .s-pan:last-child {
        margin-right: .5rem;
    }
}

.section-12 .tab-head li:first-child {
    margin-left: 0;
}


/* col-xl */

@media (min-width:1200px) {
    .header {
        width: 100%;
        height: 0;
        position: fixed;
        text-align: center;
        overflow-y: hidden;
        z-index: 9999;
    }
    .header .header-body {
        width: 100%;
        height: 1rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9990;
        margin-top: .35rem;
        background-color: rgba(255, 255, 255, 0);
    }
    .header .header-container {
        width: 12rem;
        padding: 0;
        height: 1rem;
        border-left: none;
        margin: 0 auto;
        text-align: center;
    }
    .header.header-active .header-body {
        background-color: rgba(32, 32, 34, 0.98);
        margin-top: 0;
    }
    .header .l-box {
        width: auto;
        margin-left: .1rem;
    }
    .header .r-box {
        width: auto;
        margin-right: .1rem;
    }
    .header .top-logo-white {
        width: 2.4rem;
        height: .8rem;
        margin-top: .11rem;
        display: block;
    }
    .header .top-logo-color {
        width: 2.4rem;
        height: .8rem;
        margin-top: .11rem;
        display: none;
    }
    .header .top-logo-white img,
    .header .top-logo-color img {
        width: 100%;
        height: .8rem;
    }
    .header.header-active .top-logo-white {
        display: none;
    }
    .header.header-active .top-logo-color {
        display: block;
    }
    .header .nav {
        width: auto;
        margin-top: .25rem;
    }
    .header .nav ul {
        width: 100%;
    }
    .header .nav li {
        width: 1.3rem;
        height: .5rem;
        margin-bottom: .15rem;
    }
    .header .nav li .a-link {
        width: 1.4rem;
        height: .5rem;
        line-height: .5rem;
    }
    .section-1 .video-content {
        height: 9rem;
    }
    .section-2 .ul-row .div-box {
        margin: .12rem;
    }
    .section-3 .ul-row .div-box {
        margin: .12rem;
    }
    .section-3 .ul-row .award-badge {
        width: auto;
        margin-top: -.2rem;
    }
    .section-3 .ul-row li:nth-child(1) .a-link {
        height: 3.9rem;
    }
    .section-4 .ul-row .div-box {
        margin: .12rem;
    }
    .section-4 .ul-row .a-link:hover .h3 {
        color: #4191ff;
    }
    .section-5 .ul-row .dox {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .section-5 .ul-row .dox .h3 {
        line-height: .8rem;
    }
    .section-5 .ul-row .dox .h6 {
        line-height: .8rem;
    }
    .section-5 .ul-row .dox .h4 {
        line-height: 1rem;
    }
    .section-5 .ul-row .dox .h3,
    .section-5 .ul-row .dox .h4,
    .section-5 .ul-row .dox .h6 {
        text-align: left;
    }
    .section-5 .ul-row .dox .h6 .s-p {
        padding: 0 .2rem 0 0;
    }
    .section-5 .row-swiper-box {
        height: 3.58rem;
        padding-left: .5rem;
    }
    .section-5 .row-swiper-box .p-text {
        height: 2rem;
    }
    .section-5 .row-swiper-box .tag-year {
        margin-top: 0;
        margin-bottom: .15rem;
    }
    .section-5 .row-swiper-box .my-pagination {
        width: 60%;
        height: .5rem;
        line-height: .5rem;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 10;
        margin-bottom: .2rem;
    }
    .section-5 .row-swiper-box .my-swiper-navigation {
        visibility: visible;
        width: 60%;
        height: .5rem;
        position: relative;
        right: 0;
        bottom: -.09rem;
        z-index: 20;
    }
    .section-6 .ul-row .div-box {
        margin: .12rem;
    }
    .section-6 .ul-row p {
        height: .8rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .section-7 .ul-row .div-box {
        margin: .1rem;
    }
    .section-7 .ul-row .a-link {
        border: 1px solid #e3e3e8;
    }
    .section-7 .ul-row li:nth-child(odd) .div-box,
    .section-7 .ul-row li:nth-child(even) .div-box {
        margin-right: .06rem;
        margin-left: .06rem;
    }
    .section-8 .row-box .list:first-child {
        width: 3.5rem;
        margin-top: 0;
        margin-left: .15rem;
    }
    .section-8 .row-box .list:nth-child(2) {
        width: 3.8rem;
        margin-top: 0;
        margin-left: 1.6rem;
    }
    .section-8 .row-box .list:nth-child(2) .a-link {
        margin-bottom: .15rem;
    }
    .section-8 .row-box .list:last-child {
        float: right;
        width: 2rem;
        margin-top: 0;
        margin-right: .15rem;
    }
    .section-8 .row-box .b-logo img {
        width: 2.7rem;
    }
    .section-8 .ul-row .li-list:first-child {
        width: 4.8rem;
    }
    .section-8 .ul-row .li-list:nth-child(2) {
        width: 3.8rem;
    }
    .section-8 .ul-row .li-list:last-child {
        float: right;
        width: 3rem;
    }
    .section-8 .ul-row .li-list .h2 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .section-12 {
        padding-bottom: 0;
    }
    .section-12 .tab-head li {
        padding: 0 .3rem;
        margin-bottom: 0;
        margin-left: .3rem;
    }
    .section-12 .tab-head li:first-child {
        margin-left: 0;
    }
    .section-13 .ul-row .div-box {
        margin: .1rem;
    }
    .section-14 .row-box .div-box {
        margin: .1rem;
    }
    .section-14 .row-box .l-box {
        width: 4rem;
    }
    .section-14 .row-box .r-box {
        width: calc(100% - 5rem);
    }
    .section-14 .row-box .r-box .h3 {
        margin-top: .2rem;
    }
    .section-15 .row-box .div-box {
        margin: .1rem;
    }
    .section-15 .row-box .r-box {
        width: 4rem;
    }
    .section-15 .row-box .l-box {
        width: calc(100% - 5rem);
    }
    .section-15 .row-box .l-box .h3 {
        margin-top: .2rem;
    }
    .section-16 .ul-row .a-link .c-div {
        background: url(../images/bg-icon-007.png);
    }
    .section-16 .ul-row li:nth-child(3),
    .section-16 .ul-row .a-link:hover .c-div {
        display: block;
    }
    .section-18 .row-box:first-child {
        border-bottom: 1px solid #e3e3e8;
    }
    .section-18 .row-box:first-child .c-box:first-child .h2 {
        width: 50%;
    }
    .footer .row .s-pan:first-child {
        margin-left: 1rem;
    }
    .footer .row .s-pan:last-child {
        margin-right: 1rem;
    }
    .popup-video {
        width: 10.8rem;
        height: 6.075rem;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 99999;
        margin-top: -3.6rem;
        margin-left: -5.4rem;
    }
    .popup-video video {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}


/* col-xxl */

@media (min-width:1400px) {
    .header .l-box {
        width: auto;
        margin-left: .1rem;
    }
    .header .r-box {
        width: auto;
        margin-right: .1rem;
    }
    .header .header-container {
        width: 14rem;
        padding: 0;
        height: .95rem;
        border-left: none;
        margin: 0 auto;
        text-align: center;
    }
    .header .nav li {
        width: 1.4rem;
        height: .5rem;
        margin-bottom: .15rem;
    }
    .header .nav li .a-link {
        width: 1.4rem;
        height: .5rem;
        line-height: .5rem;
    }
    .section-3 .ul-row li:nth-child(1) .a-link {
        height: 4.54rem;
    }
    .section-5 .row-swiper-box .p-text {
        height: 2.9rem;
    }
    .section-8 .row-box .list:first-child {
        width: 3.5rem;
        margin-top: 0;
    }
    .section-8 .row-box .list:nth-child(2) {
        width: 4rem;
        margin-top: 0;
        margin-left: 2.2rem;
    }
    .section-8 .row-box .list:last-child {
        float: left;
        width: 2rem;
        margin-top: 0;
        margin-left: 1.2rem;
    }
    .section-8 .ul-row .li-list:first-child {
        width: 4.8rem;
        margin-left: -.09rem;
    }
    .section-8 .ul-row .li-list:nth-child(2) {
        width: 3.9rem;
        margin-left: 1rem;
    }
    .section-8 .ul-row .li-list:last-child {
        float: right;
        width: 3rem;
    }
    .section-9 .row-box .row {
        border: 1px solid #e3e3e8;
    }
    .section-9 .row-box .l-box {
        width: .8rem;
        height: .8rem;
        margin-top: .05rem;
    }
    .section-9 .row-box .row li {
        border-bottom: 1px solid #e3e3e8;
        padding: .15rem .2rem;
    }
    .section-9 .row-box .row li:last-child {
        border: none
    }
    .section-9 .row-box .pic-img {
        width: 98%;
    }
    .popup-video {
        width: 12.8rem;
        height: 7.2rem;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 99999;
        margin-top: -3.6rem;
        margin-left: -6.4rem;
    }
    .popup-video video {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}

@media (min-width:1440px) {
    .section-custom {
        float: none;
        /* width: 16rem; */
        margin: 0 auto;
    }
}