.dke {
    display: none;
}

.content-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* kv */

.kv {
    width: 100%;
    position: relative;
}

.kv img {
    width: 100%;
}

.kv .ry-xian {
    width: 75.36%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 11.82%;
    margin-bottom: 3.59%;
}

.kv .kv-2015-text, .kv .kv-2016-text, .kv .kv-2017-text, .kv .kv-2018-text, .kv .kv-2015-show, .kv .kv-2016-show, .kv .kv-2017-show, .kv .kv-2018-show, .kv .kv-2019-text, .kv .kv-2019-show {
    position: absolute;
    left: 0;
    bottom: 0;
}
.kv .kv-2015-text, .kv .kv-2016-text, .kv .kv-2017-text, .kv .kv-2018-text,.kv .kv-2019-text{
    margin-bottom: 1.85%;
}
.kv .kv-2015-show, .kv .kv-2016-show, .kv .kv-2017-show, .kv .kv-2018-show, .kv .kv-2019-show{
    margin-bottom: 5.76%;
}
.kv .kv-2015-text {
    width: 3.38%;
    margin-left: 10.15%;
    cursor: pointer;
}

.kv .kv-2016-text {
    width: 3.38%;
    margin-left: 14.42%;
    cursor: pointer;
}

.kv .kv-2017-text {
    width: 3.38%;
    margin-left: 38.07%;
    cursor: pointer;
}

.kv .kv-2018-text {
    width: 3.38%;
    margin-left: 58.9%;
    cursor: pointer;
}

.kv .kv-2019-text {
    width: 3.38%;
    margin-left: 85.26%;
    cursor: pointer;
}

.kv .kv-2015-show {
    width: 2.55%;
    margin-left: 11.25%;
    display: none;
}

.kv .kv-2016-show {
    width: 23.17%;
    margin-left: 14.89%;
    display: none;
}

.kv .kv-2017-show {
    width: 19.37%;
    margin-left: 38.43%;
    display: none;
}

.kv .kv-2018-show {
    width: 23.64%;
    margin-left: 58.9%;
    display: none;
}

.kv .kv-2019-show {
    width: 3.9%;
    margin-left: 85%;
    display: none;
}

/* nav */

.nav {
    width: 100%;
    text-align: center;
    height: 62px;
    background: #141414;
}

.nav div {
    width: 45.05%;
    margin: 0px auto;
    overflow: hidden;
}

.nav a {
    float: left;
    font-size: 16px;
    color: #999999;
    letter-spacing: 3px;
    width: 20%;
    height: 62px;
    line-height: 62px;
}

.nav .active {
    background: url(../images/nav-active.png) center bottom no-repeat;
}

.nav-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

/* 赛事介绍 */

.saishi {
    overflow: hidden;
    position: relative;
    /* background: url(../images/bg1.jpg) center center no-repeat;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg1.jpg',sizingMethod='scale');   */
    padding-top: 51.2%;
}

.saishi .content {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 23.38%;
    margin-left: 16.56%;
    width: 66.875%;
    height: 54.27%;
    overflow: hidden;
}

.saishi .content .title {
    float: left;
    width: 11.76%;
}

.saishi .content .jieshao {
    margin-left: 17%;
    overflow: hidden;
    height: 100%;
}

.saishi .content .jieshao h1 {
    font-size: 18px;
    color: #fff;
    margin-top: 2.88%;
    margin-bottom: 2.1%;
}

.saishi .content .jieshao .text {
    width: 86.18%;
    height: 56.28%;
    color: #a08c75;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
}

.saishi .content .jieshao .text p {
    text-indent: 2em;
}

.saishi .content .jieshao .text .h3 {
    text-indent: 0em;
    font-weight: bold;
}

.saishi .content .jieshao .text .li {
    text-indent: 0em;
}

.saishi .content .jieshao .text .tabel {
    display: none;
}

.saishi .content .jieshao .text .tabel img {
    width: 100%;
}

.saishi .content .jieshao .mCSB_outside+.mCSB_scrollTools {
    margin-top: -5.626%;
    right: -4.24%;
    height: 146%;
    widows: 1.27%;
}

.saishi .content .jieshao .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background: url(../images/saishi-gdt.png) center center no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/saishi-gdt.png', sizingMethod='scale');
    margin: 0;
}

.saishi .content .jieshao .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 160%;
    height: 100%;
    background: url(../images/saishi-gd.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    margin-left: -55%;
}

.saishi .content .bnt {
    width: 29.9%;
    height: 13.69%;
    background: url(../images/saishi-bnt.png) center center no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/saishi-bnt.png', sizingMethod='scale');
    font-size: 14px;
    color: #b69e7f;
    margin-top: 3.5%;
}

.saishi .content .bnt input {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background: none;
    color: #b69e7f;
    font-size: 16px;
    cursor: pointer;
}

.saishi .content .bnt .bnt-jieshao {
    padding: 6% 4% 6% 10%;
}

.saishi .content .bnt .bnt-anpai {
    padding: 6% 10% 6% 4%;
}

.saishi .content .bnt .active {
    background: url(../images/saishi-bnt-active.png) center 90% no-repeat;
    color: #cdbfa5;
}

/* 战车介绍 */

.zhanche {
    margin-top: -1px;
    padding-top: 47.7%;
    overflow: hidden;
    position: relative;
    /* background: url(../images/bg2.jpg) center center no-repeat;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg2.jpg',sizingMethod='scale');   */
}

.zhanche .content {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 16.56%;
    width: 66.875%;
    height: 100%;
    overflow: hidden;
}

.zhanche .title {
    margin-top: 11.6%;
    width: 11.76%;
}

.zhanche .logo {
    margin-top: 15.8%;
    margin-left: 4.43%;
    width: 16.66%;
}

.zhanche .zhanche-swiper {
    width: 100%;
    height: 65.63%;
    text-align: center;
}

.zhanche .zhanche-swiper .images {
    width: 100%;
}

.zhanche .zhanche-swiper .mux-dlsc, .zhanche .zhanche-swiper .mux-ldjx, .zhanche .zhanche-swiper .mux-yhd, .zhanche .zhanche-swiper .mux-yyxn, .zhanche .zhanche-swiper .ht-dmax-dlsc, .zhanche .zhanche-swiper .ht-dmax-ldjx, .zhanche .zhanche-swiper .ht-dmax-yhd, .zhanche .zhanche-swiper .ht-dmax-yyxn, .zhanche .zhanche-swiper .nsl-dmax-dlsc, .zhanche .zhanche-swiper .nsl-dmax-ldjx, .zhanche .zhanche-swiper .nsl-dmax-yhd, .zhanche .zhanche-swiper .nsl-dmax-yyxn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
}

.zhanche .zhanche-swiper .mux-dlsc .dlsc, .zhanche .zhanche-swiper .mux-ldjx .ldjx, .zhanche .zhanche-swiper .mux-yhd .yhd, .zhanche .zhanche-swiper .mux-yyxn .yyxn, .zhanche .zhanche-swiper .ht-dmax-dlsc .dlsc, .zhanche .zhanche-swiper .ht-dmax-ldjx .ldjx, .zhanche .zhanche-swiper .ht-dmax-yhd .yhd, .zhanche .zhanche-swiper .ht-dmax-yyxn .yyxn, .zhanche .zhanche-swiper .nsl-dmax-dlsc .dlsc, .zhanche .zhanche-swiper .nsl-dmax-ldjx .ldjx, .zhanche .zhanche-swiper .nsl-dmax-yhd .yhd, .zhanche .zhanche-swiper .nsl-dmax-yyxn .yyxn {
    width: 100%;
}

.zhanche .zhanche-swiper .mux-dlsc {
    width: 14.48%;
    margin-left: 62.69%;
    margin-top: 7.42%;
}

.zhanche .zhanche-swiper .mux-dlsc .jia {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -12%;
    margin-bottom: -6%;
    width: 12.5%;
}

.zhanche .zhanche-swiper .mux-ldjx {
    width: 18.29%;
    margin-left: 69.08%;
    margin-top: 29.82%;
}

.zhanche .zhanche-swiper .mux-ldjx .jia {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -10%;
    width: 9.9%
}

.zhanche .zhanche-swiper .mux-yhd {
    width: 16.12%;
    margin-left: 12.69%;
    margin-top: 11.99%;
}

.zhanche .zhanche-swiper .mux-yhd .jia {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -11%;
    width: 11.2%;
}

.zhanche .zhanche-swiper .mux-yyxn {
    width: 18.61%;
    margin-left: 13.94%;
    margin-top: 31.69%;
}

.zhanche .zhanche-swiper .mux-yyxn .jia {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -11%;
    width: 9.7%;
}

.zhanche .zhanche-swiper .ht-dmax-dlsc {
    width: 15.65%;
    margin-left: 69.23%;
    margin-top: 14.79%;
}

.zhanche .zhanche-swiper .ht-dmax-dlsc .jia {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -11%;
    margin-bottom: 15%;
    width: 11.6%;
}

.zhanche .zhanche-swiper .ht-dmax-ldjx {
    width: 16.66%;
    margin-left: 5.21%;
    margin-top: 27.41%;
}

.zhanche .zhanche-swiper .ht-dmax-ldjx .jia {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -11%;
    margin-bottom: 10%;
    width: 10.9%;
}

.zhanche .zhanche-swiper .ht-dmax-yhd {
    width: 13.94%;
    margin-left: 12.53%;
    margin-top: 5.76%;
}

.zhanche .zhanche-swiper .ht-dmax-yhd .jia {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -12%;
    margin-bottom: -6%;
    width: 13%;
}

.zhanche .zhanche-swiper .ht-dmax-yyxn {
    width: 17.44%;
    margin-left: 72.66%;
    margin-top: 29.28%;
}

.zhanche .zhanche-swiper .ht-dmax-yyxn .jia {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -10%;
    margin-bottom: 16%;
    width: 10.4%;
}

.zhanche .zhanche-swiper .nsl-dmax-dlsc {
    width: 18.61%;
    margin-left: 11.83%;
    margin-top: 11.37%;
}

.zhanche .zhanche-swiper .nsl-dmax-dlsc .jia {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -9%;
    width: 9.7%;
}

.zhanche .zhanche-swiper .nsl-dmax-ldjx {
    width: 18.92%;
    margin-left: 70.01%;
    margin-top: 28.58%;
}

.zhanche .zhanche-swiper .nsl-dmax-ldjx .jia {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -9%;
    margin-bottom: 0%;
    width: 9.6%;
}

.zhanche .zhanche-swiper .nsl-dmax-yhd {
    width: 13.70%;
    margin-left: 71.72%;
    margin-top: 5.76%;
}

.zhanche .zhanche-swiper .nsl-dmax-yhd .jia {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -12%;
    margin-bottom: -6%;
    width: 13.2%;
}

/* 1 */

.zhanche .zhanche-swiper .nsl-dmax-yyxn {
    width: 18.61%;
    margin-left: 10.51%;
    margin-top: 28.34%;
}

.zhanche .zhanche-swiper .nsl-dmax-yyxn .jia {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -9%;
    margin-bottom: 0%;
    width: 9.7%;
}

/* 动画 */

.zhanche .zhanche-swiper .donghua {
    animation: hvr-wobble-horizontal 1s ease-in-out 1;
    -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 1;
}

.zhanche .zhanche-swiper .donghua-jia {
    animation: spin 1s linear 1;
    -webkit-animation: spin 1s linear 1;
}

.zhanche .zhanche-swiper .mux-dlsc:hover, .zhanche .zhanche-swiper .mux-ldjx:hover, .zhanche .zhanche-swiper .mux-yhd:hover, .zhanche .zhanche-swiper .mux-yyxn:hover, .zhanche .zhanche-swiper .ht-dmax-dlsc:hover, .zhanche .zhanche-swiper .ht-dmax-ldjx:hover, .zhanche .zhanche-swiper .ht-dmax-yhd:hover, .zhanche .zhanche-swiper .ht-dmax-yyxn:hover, .zhanche .zhanche-swiper .nsl-dmax-dlsc:hover, .zhanche .zhanche-swiper .nsl-dmax-ldjx:hover, .zhanche .zhanche-swiper .nsl-dmax-yhd:hover, .zhanche .zhanche-swiper .nsl-dmax-yyxn:hover {
    animation: hvr-wobble-horizontal 1s ease-in-out 1;
    -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 1;
}

.zhanche .zhanche-swiper .mux-dlsc:hover .jia, .zhanche .zhanche-swiper .mux-ldjx:hover .jia, .zhanche .zhanche-swiper .mux-yhd:hover .jia, .zhanche .zhanche-swiper .mux-yyxn:hover .jia, .zhanche .zhanche-swiper .ht-dmax-dlsc:hover .jia, .zhanche .zhanche-swiper .ht-dmax-ldjx:hover .jia, .zhanche .zhanche-swiper .ht-dmax-yhd:hover .jia, .zhanche .zhanche-swiper .ht-dmax-yyxn:hover .jia, .zhanche .zhanche-swiper .nsl-dmax-dlsc:hover .jia, .zhanche .zhanche-swiper .nsl-dmax-ldjx:hover .jia, .zhanche .zhanche-swiper .nsl-dmax-yhd:hover .jia, .zhanche .zhanche-swiper .nsl-dmax-yyxn:hover .jia {
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.zhanche .zhanche-swiper .zhanche-left, .zhanche .zhanche-swiper .zhanche-right {
    width: 6.54%;
    height: 21.23%;
}

.zhanche .zhanche-swiper .zhanche-left img, .zhanche .zhanche-swiper .zhanche-right img {
    width: 100%;
}

.zhanche .zhanche-swiper .zhanche-left {
    position: absolute;
    left: 10px;
    top: 39.81%;
}

.zhanche .zhanche-swiper .zhanche-right {
    position: absolute;
    right: 10px;
    top: 39.81%;
}

/* 车手介绍 */

.cheshou {
    margin-top: -1px;
    padding-top: 44.8%;
    overflow: hidden;
    position: relative;
    /* background: url(../images/bg3.jpg) center center no-repeat;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg3.jpg',sizingMethod='scale');   */
}

.cheshou .content {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 16.56%;
    width: 66.875%;
    height: 100%;
}

.cheshou .title {
    width: 11.76%;
}

.cheshou .tab {
    width: 28.51%;
    height: 10%;
    margin: 0 auto;
    background: url(../images/cheshou-tab.png) center center no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cheshou-tab.png', sizingMethod='scale');
    color: #a97338;
    font-size: 14px;
    margin-bottom: 0.69%;
}

.cheshou .tab input {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background: none;
    color: #a97338;
    font-size: 16px;
    cursor: pointer;
}

.cheshou .tab .zhiye {
    padding: 7.5% 7.3% 7.5% 11.3%;
}

.cheshou .tab .minjian {
    padding: 7.5% 11.3% 7.5% 7.3%;
}

.cheshou .tab .active {
    color: #cdbfa5;
    background: url(../images/cheshou-tab-xian.png) center 80% no-repeat;
}

.cheshou .swiper-container {
    height: 57.2%;
}

.cheshou .swiper-container .box {
    width: 25%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 1%;
    cursor: pointer;
    position: relative;
    text-align: center;
    float: left;
}

.cheshou .swiper-container .swiper-slide img {
    width: 98%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.cheshou .swiper-container .swiper-slide .bg {
    width: 98%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/touming.png) repeat;
}

.cheshou .swiper-container .swiper-slide h1, .cheshou .swiper-container .swiper-slide .hr, .cheshou .swiper-container .swiper-slide p {
    position: relative;
}

.cheshou .swiper-container .swiper-slide h1 {
    font-size: 30px;
    color: #ffffff;
    font-weight: lighter;
    margin-top: 55.55%;
}

.cheshou .swiper-container .swiper-slide .hr {
    width: 15.87%;
    height: 1px;
    margin: 6.3% auto 3.86%;
    background: #fff;
}

.cheshou .swiper-container .swiper-slide p {
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: inherit;
}

.cheshou .minjian-pagination, .cheshou .zhiye-pagination {
    position: absolute;
    z-index: 20;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 6%;
}

.cheshou .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #000;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.cheshou .swiper-active-switch {
    background: #fff;
}

.cheshou .minjian-left, .cheshou .minjian-right, .cheshou .zhiye-left, .cheshou .zhiye-right {
    width: 5.56%;
    height: 13.19%;
    position: absolute;
    top: 0;
    margin-top: 32%;
}

.cheshou .minjian-left img, .cheshou .minjian-right img, .cheshou .zhiye-left img, .cheshou .zhiye-right img {
    width: 100%;
}

.cheshou .minjian-left, .cheshou .zhiye-left {
    left: 0;
    margin-left: -7%;
}

.cheshou .minjian-right, .cheshou .zhiye-right {
    right: 0;
    margin-right: -7%;
}

.cheshou .minjian-left, .cheshou .minjian-right, .cheshou .minjian-pagination {
    display: none;
}

.cheshou .minjian-swiper {
    display: none;
}

.cheshou .swiper-container .ziliao {
    font-size: 50px;
    position: absolute;
    width: 99.5%;
    height: 100%;
    top: 0;
    right: 0;
    display: none;
    overflow: hidden;
    z-index: 100;
}

.cheshou .swiper-container .ziliao .ziliao-li {
    overflow: hidden;
    height: 100%;
    display: none;
}

.cheshou .swiper-container .ziliao img {
    float: left;
    width: 24.68%
}

.cheshou .swiper-container .ziliao p {
    float: left;
    width: 75.32%;
    height: 100%;
    color: #a08c75;
    font-size: 14px;
    background: #000;
    padding: 5% 4%;
    line-height: 30px;
}

.cheshou .swiper-container .ziliao .close {
    width: 30px;
    height: 30px;
    background: url(../images/cs-close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2%;
    right: 1%;
    cursor: pointer;
}

/* 赛事花絮 */

.huaxu {
    margin-top: -1px;
    padding-top: 75.72%;
    overflow: hidden;
    position: relative;
    /* background: url(../images/bg4.jpg) center center no-repeat;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg4.jpg',sizingMethod='scale');   */
}

.huaxu .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.huaxu .title {
    margin-left: 16.56%;
    width: 7.91%;
    margin-bottom: 3.81%;
}

.huaxu .huaxu-swiper {
    width: 100%;
    height: 60.52%;
    margin-bottom: 0.52%;
}

.huaxu .huaxu-swiper .swiper-slide {
    position: relative;
}

.huaxu .huaxu-swiper video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.huaxu .huaxu-swiper img {
    width: 100%;
    height: 100%;
}

.huaxu .huaxu-swiper .play {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/touming.png) repeat;
    text-align: center;
    transform: translateZ(0.01px);
}

.huaxu .huaxu-swiper .play img {
    width: 6.77%;
    height: auto;
    margin-top: 19%;
}

.huaxu .huaxu-swiper .play img.playBg {
    width: 100%;
    margin: 0;
}

.huaxu .huaxu-swiper .play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/touming.png) repeat;
}

.huaxu .huaxu-swiper .play img.playBtn {
    width: 6.77%;
    height: auto;
    margin-top: 19.53%;
    position: absolute;
    top: 0;
    left: 46.615%;
    /* margin-left: 47%; */
}

.huaxu .huaxu-swiper .huaxu-nav {
    position: absolute;
    bottom: 0;
    margin-bottom: 2.3%;
    left: 50%;
    transform: translateX(-50%);
}

.huaxu .huaxu-swiper .huaxu-pagination {
    float: left;
}

.huaxu .swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background: #fff;
    margin: 0 5px;
    opacity: 1;
    cursor: pointer;
    vertical-align: middle;
}

.huaxu .swiper-container .swiper-active-switch {
    background: transparent;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    background: transparent;
    vertical-align: middle;
}

.huaxu .huaxu-swiper .huaxu-left, .huaxu .huaxu-swiper .huaxu-right {
    float: left;
    width: 20px;
    height: 20px;
}

.huaxu .huaxu-swiper .huaxu-left {}

.huaxu .huaxu-swiper .huaxu-right {}

.huaxu .bnt-swiper {
    position: relative;
    height: 16.50%;
}

.huaxu .bnt-swiper .swiper-slide {
    padding: 0 0.05%;
    box-sizing: border-box;
    cursor: pointer;
}

.huaxu .bnt-swiper .swiper-slide img {
    width: 100%;
}

.huaxu .bnt-swiper .bnt-left, .huaxu .bnt-swiper .bnt-right {
    width: 2.9%;
    height: 38.33%;
}

.huaxu .bnt-swiper .bnt-left img, .huaxu .bnt-swiper .bnt-right img {
    width: 100%;
}

.huaxu .bnt-swiper .bnt-left {
    position: absolute;
    left: 0;
    margin-left: 2.08%;
    top: 0;
    margin-top: 4%;
}

.huaxu .bnt-swiper .bnt-right {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 4%;
    margin-right: 2.08%;
}

.huaxu .bnt-swiper .bnt-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url(../images/bnt-pause.png) center center no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
}

.huaxu .bnt-swiper .active {
    background: url(../images/bnt-play.png) center center no-repeat;
}

/* 媒体报道 */

.meiti {
    padding-top: 61.45%;
    overflow: hidden;
    position: relative;
    /* background: url(../images/bg5.jpg) center center no-repeat;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg5.jpg',sizingMethod='scale');   */
}

.meiti .content {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 16.56%;
    width: 66.875%;
    height: 100%;
    overflow: hidden;
}

.meiti .title {
    width: 11.76%;
    margin-bottom: 5.84%;
}

.meiti .baodao {
    width: 91.12%;
    height: 55%;
    margin-left: 2.95%;
}

.meiti .baodao .box {
    overflow: hidden;
    position: relative;
    background: url(../images/baodao-bg.png) no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/baodao-bg.png', sizingMethod='scale');
    margin-bottom: 0.85%;
}

.meiti .baodao .box img {
    width: 29.91%;
    height: 100%;
    float: left;
}

.meiti .baodao .box .right {
    width: 70%;
    float: left;
    box-sizing: border-box;
    padding: 3% 2.92%;
}

.meiti .baodao .box .right h3 {
    font-size: 16px;
    color: #f4e0bb;
    padding-bottom: 2.19%;
}

.meiti .baodao .box .right p {
    font-size: 12px;
    color: #a08c75;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 64px;
}

.meiti .baodao .box a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.meiti .baodao .mCSB_outside+.mCSB_scrollTools {
    right: -4.24%;
    height: 112%;
    width: 1%;
}

.meiti .baodao .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background: url(../images/saishi-gdt.png) center center no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/saishi-gdt.png', sizingMethod='scale');
    margin: 0;
}

.meiti .baodao .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 200%;
    height: 100%;
    background: url(../images/saishi-gd.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    margin-left: -55%;
}

/* 赛事导航 */

.saishi-nav {
    width: 7.08%;
    height: 54.5%;
    background: url(../images/saishi-nav-xian.png) 85% top no-repeat;
    background-size: 3.67% 100%;
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 15%;
    margin-right: 3.07%;
    z-index: 20;
}

.saishi-nav img {
    margin-top: 12%;
}

.saishi-nav .nav-2018, .saishi-nav .nav-2017, .saishi-nav .nav-2016, .saishi-nav .nav-2015 {
    width: 100%;
}

.saishi-nav .nav-nsl {
    width: 92%;
}

.saishi-nav .nav-ht, .saishi-nav .nav-sc {
    width: 79%;
    margin-left: 14%;
}

/* @media screen and (min-width: 1279px)and (max-width:1360px) {
    .nav a{
        font-size: 16px;
    }
    .saishi .content .jieshao h1{
        font-size: 18px;
    }
    .saishi .content .jieshao .text{
        font-size: 14px;
        line-height: 24px;
    }
    .saishi .content .bnt input{
        font-size: 16px;
    }
    .saishi .content .bnt{
        font-size: 14px;
    }
    .cheshou .tab input{
        font-size: 16px;
    }
    .cheshou .tab{
        font-size: 14px
    }
    .cheshou .swiper-container .swiper-slide h1{
        font-size: 30px;
    }
    .cheshou .swiper-container .swiper-slide p{
        font-size: 16px;
    }
    .cheshou .swiper-container .ziliao p{
        font-size: 14px;
        line-height: 30px;
    }
    .meiti .baodao .box .right h3{
        font-size: 16px;
    }
    .meiti .baodao .box .right p{
        font-size: 12px;
        line-height: 16px;
    }
} */

/* 1366 */

/* @media screen and (min-width: 1366px)and (max-width:1439px) {
    .nav a{
        font-size: 18px;
    }
    .saishi .content .jieshao h1{
        font-size: 20px;
    }
    .saishi .content .jieshao .text{
        font-size: 16px;
        line-height: 26px;
    }
    .saishi .content .bnt input{
        font-size: 17px;
    }
    .saishi .content .bnt{
        font-size: 16px;
    }
    .cheshou .tab input{
        font-size: 17px;
    }
    .cheshou .tab{
        font-size: 16px
    }
    .cheshou .swiper-container .swiper-slide h1{
        font-size: 32px;
    }
    .cheshou .swiper-container .swiper-slide p{
        font-size: 18px;
    }
    .cheshou .swiper-container .ziliao p{
        font-size: 16px;
        line-height: 32px;
    }
    .meiti .baodao .box .right h3{
        font-size: 17px;
    }
    .meiti .baodao .box .right p{
        font-size: 13px;
        line-height: 17px;
        height: 68px;
    }
}  */

/* 1440 */

/* @media screen and (min-width: 1440px)and (max-width:1679px) {
    .nav a{
        font-size: 20px;
    }
    .saishi .content .jieshao h1{
        font-size: 22px;
    }
    .saishi .content .jieshao .text{
        font-size: 18px;
        line-height: 28px;
    }
    .saishi .content .bnt input{
        font-size: 18px;
    }
    .saishi .content .bnt{
        font-size: 17px;
    }
    .cheshou .tab input{
        font-size: 18px;
    }
    .cheshou .tab{
        font-size: 17px
    }
    .cheshou .swiper-container .swiper-slide h1{
        font-size: 34px;
    }
    .cheshou .swiper-container .swiper-slide p{
        font-size: 20px;
    }
    .cheshou .swiper-container .ziliao p{
        font-size: 18px;
        line-height: 36px;
    }
    .meiti .baodao .box .right h3{
        font-size: 18px;
    }
    .meiti .baodao .box .right p{
        font-size: 14px;
        line-height: 18px;
        height: 74px;
    }
}  */

/* 1680 */

/* @media screen and (min-width: 1680px)and (max-width:1919px) {
    .nav a{
        font-size: 22px;
    }
    .saishi .content .jieshao h1{
        font-size: 24px;
    }
    .saishi .content .jieshao .text{
        font-size: 20px;
        line-height: 30px;
    }
    .saishi .content .bnt input{
        font-size: 21px;
    }
    .saishi .content .bnt{
        font-size: 20px;
    }
    .cheshou .tab input{
        font-size: 21px;
    }
    .cheshou .tab{
        font-size: 20px
    }
    .cheshou .swiper-container .swiper-slide h1{
        font-size: 36px;
    }
    .cheshou .swiper-container .swiper-slide p{
        font-size: 22px;
    }
    .cheshou .swiper-container .ziliao p{
        font-size: 20px;
        line-height: 38px;
    }
    .meiti .baodao .box .right h3{
        font-size: 20px;
    }
    .meiti .baodao .box .right p{
        font-size: 15px;
        line-height: 22px;
        height: 85px;
    }
}  */

/* 1920 */

/* @media screen and (min-width: 1920px){
    .nav a{
        font-size: 22px;
    }
    .saishi .content .jieshao h1{
        font-size: 24px;
    }
    .saishi .content .jieshao .text{
        font-size: 20px;
        line-height: 30px;
    }
    .saishi .content .bnt input{
        font-size: 24px;
    }
    .saishi .content .bnt{
        font-size: 24px;
    }
    .cheshou .tab input{
        font-size: 24px;
    }
    .cheshou .tab{
        font-size: 24px
    }
    .cheshou .swiper-container .swiper-slide h1{
        font-size: 42px;
    }
    .cheshou .swiper-container .swiper-slide p{
        font-size: 24px;
    }
    .cheshou .swiper-container .ziliao p{
        font-size: 18px;
        line-height: 40px;
    }
    .meiti .baodao .box .right h3{
        font-size: 26px;
    }
    .meiti .baodao .box .right p{
        font-size: 20px;
        line-height: 24px;
        height: 96px;
    }
} */

.cti-footer-copyright {
    margin-top: -1px;
}

.zhiye-swiper .swiper-slide.active {
    opacity: 0;
    transition: all 1s;
}


.kvLine {
    width: 75.36%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 15.82%;
    margin-bottom: 2%;
}

.kvLine .ry-xian {
    margin-bottom: 2.5%;
    margin-left: 2.1%;
    width: 100%;
}

.kvItem {
    width: 4.5%;
    float: left;
    padding-right: 2%;
    position: relative;
    box-sizing: content-box;
}

.kvItem .xian {
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 55%;
}

.kvItem2015 .xian {
    left: 42%;
}

.kvItem2019 .xian {
    width: 235%;
}

.kvItem2019 .dian {
    position: absolute;
    bottom: 0;
    margin-bottom: 34.8%;
    margin-left: 136%;
    width: 100%
}

.kvItem2018 .dian {
    position: absolute;
    bottom: 0;
    width: 66%;
    margin-left: 24%;
    margin-bottom: 7.2%;
}

.kvLine .dian-2016 {
    position: absolute;
    bottom: 50%;
    left: 0;
    margin-left: 13%;
    width: 22%;
    display: none;
}

.kvLine .dian-2017 {
    position: absolute;
    bottom: 50%;
    width: 17%;
    left: 0;
    margin-left: 19.5%;
    /* display: none; */
}

.kv .kv-2015-text,
.kv .kv-2016-text,
.kv .kv-2017-text,
.kv .kv-2018-text,
.kv .kv-2019-text {
    width: 100%;
    margin: 0;
    position: relative;
    display: block;
}

.kv .kv-2015-show,
.kv-2016-show,
.kv-2017-show,
.kv-2018-show,
.kv-2019-show {
    /* display: block; */
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 83%;
}

.kv .kv-2015-show {
    width: 52%;
}

.kv .kv-2016-show {
    width: 100%;
    left: auto;
    right: 0;
    margin-bottom: 17%;
}

.kv .kv-2017-show {
    width: 100%;
    left: auto;
    right: 0;
    margin-bottom: 20%;
}

.kv .kv-2018-show {
    width: 100%;
    left: auto;
    right: 0;
    margin-bottom: 17%;
}

.kv .kv-2019-show {
    width: 290%;
    margin-bottom: 82%;
    margin-left: 2%;
}

.kvItem2015.show {}

.kvItem2016.show {
    padding-right: 26.2%;
}

.kvItem2017.show {
    padding-right: 21.19%;
}

.kvItem2018.show {
    padding-right: 26.85%;
}

.kvItem2019.show {}

.kvItem {
    transition: all 0.3s;
}

.kvItem.show .ss {
    display: none;
}

.bb {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 6.2%;
}

.kv-2015-showb {}
.gzText{
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    color: #fff;
    top: -30px;
    left: 37px;
}