body{
    background-color: #000;
    font-weight: normal;
    font-size: 0.825rem;
    line-height: 1.25rem;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    color: #fff;
    letter-spacing: 1px;
}

select,option{
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: none;
    outline: none;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*将背景改为红色*/
    background:#222;
    color: #fff;

}
.a2{
    /*position: absolute;*/
    /*top:19%;*/
    font-size: 1rem;
    margin-left: -100px;
}
.a2 p img,.a2 h5 img{
    display: inline-block;
    padding-right: 10px;
    margin-top: -3px;
}
.a2 p{
    padding: 0.875rem 0;
}
#b1{
    /*position: absolute;*/
    /*top:55%;*/
}
#b1 p{

    /*background: url("../img/BUTTON.webp") center center no-repeat;*/
}
#b2 a{
    display: inline-block;
    width: 275px;
    height: 68px;
    color: white;
    font-size: 22px;
    line-height: 68px;
    text-align: center;
    background: url("../img/BUTTON2.webp") center center no-repeat;
    text-decoration: none;
}
#b2{
    position: relative;
}
#b3 a{
    display: inline-block;
    width: 275px;
    height: 68px;
    color: white;
    font-size: 22px;
    line-height: 68px;
    text-align: center;
    background: url("../img/BUTTON_normal.webp") center center no-repeat;
    text-decoration: none;
}
#b5 a{
    display: inline-block;
    width: 275px;
    height: 68px;
    color: white;
    font-size: 16px;
    line-height: 68px;
    text-align: center;
    background: url("../img/b51.webp") center center no-repeat;
    text-decoration: none;
}
#b3 a:hover{
    background: url("../img/BUTTON_hover.webp") center center no-repeat;
    text-decoration: none;

}
#b2 a:hover{
    background: url("../img/BUTTON21.webp") center center no-repeat;
    text-decoration: none;

}
#b5 a:hover{
    background: url("../img/b52.webp") center center no-repeat;
    text-decoration: none;

}
#b3 a:active,#b3 a:visited{
    background: url("../img/BUTTON_selected.webp") center center no-repeat;
    text-decoration: none;
}
#b5 a:active,#b3 a:visited{
    background: url("../img/b53.webp") center center no-repeat;
    text-decoration: none;
}
#b3 a img,#b2 a img{
    display: inline-block;
    padding-left: 10px;
}
.b4{
    display: none;
    width: 250px;

}
#b2:hover .b4{
    display: block;
    position: absolute;
    background: url("../img/button4.webp") center center no-repeat;
    background-size: contain;
    text-decoration: none;
    padding: 18px 2px;
    margin: 10px 0 0 15px;
    z-index: 10;

}
.section{
    text-align:center;
    overflow: hidden;
}

.myVideo{
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: url("../img/v1.webp")/* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:-1;
}
.section0_top{
    background-color: rgba(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}
.section0_div,.section1_div,.section2_div,.section3_div{
    /*position: absolute;*/
    /*top: 9%;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 4;*/
    display:flex;
    align-items:center;
    height: 100%;
}
.section0_a a{
    color: #fff;
}
.section0_a a:hover{
    color: #D71718;
}
.section0_rz ul>li{
    list-style: none;
    border-bottom: 1px dashed #dee2e6;
    padding: 10px;
}
.section0_rz ul{
    padding: 0;
}
.section1_div h2>img,.section2_div h2>img,.section3_div h2>img{
    vertical-align: baseline;
}
.section1_div h2>span,.section2_div h2>span,.section3_div h2>span,.section1_div h5>span,.section3_div h3>span,.section2_div h4>span{
    display: inline-block;
    border-bottom: 1px solid;
    padding: 10px 0;
    margin-bottom: 30px;
}
.section1_div_p div p,.section2_div .text-left>p,.section3_div .text-left>p{
    line-height: 2;
    font-size: 1rem;
}
.red{
    color: #D71718;
}
.b_red{
    background: url("../img/b22.webp") no-repeat right bottom;
    display: inline-block;
}
.section1_div .row .row div p:first-child{
    background: url("../img/b11.webp") no-repeat center center;
    width: 60px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background-size: contain;
}
.section1_div .row .row div:hover p:first-child{
    background: url("../img/b12.webp") no-repeat center center;
    cursor: pointer;
}
.section1_div .row .row div.active p:first-child{
    background: url("../img/b13.webp") no-repeat center center;
}
.section1_div .row .row div.active p,.section1_div .row .row div:hover p{
    color: #D71718;
    font-weight: bold;
}
#section2{
    background: url("../img/bg.webp") no-repeat center center;
    background-size: cover;
}
#section2 .row .row .col-md-4 p,#section3 .row .row .col-md-4 p{
    background: url("../img/b31.webp") no-repeat center right;
    padding: 10px;
    background-size: contain;
}
#section2 .d1{
    margin-left: -100px;
}
.section2_a{
    color: #fff;
}
.section2_a:hover{
    color: #D71718;
}
#section3 .row .row .col-md-4:first-child p {
    background: url(../img/b32.webp) no-repeat center right;
    padding: 10px;
    background-size: contain;
}
#section2 .row .row .col-md-4.active p,#section3 .row .row .col-md-4.active p{
    background: url("../img/b32.webp") no-repeat center right;
    background-size: contain;
}
#section2 .row .row .col-md-4:hover p,#section3 .row .row .col-md-4:hover p{
    background: url("../img/b33.webp") no-repeat center right;
    cursor: pointer;
    background-size: contain;
}
#section3{
    background: url("../img/BG1.webp") no-repeat center center;
    background-size: cover;
}
.section3_div .col-md-5{
    margin-left: -100px;
}
/*#section3 .row .row .col-md-4 p{*/
/*    background: url("../img/b41.webp") no-repeat center right;*/
/*    padding: 10px;*/
/*    background-size: contain;*/
/*}*/
/*#section3 .row .row .col-md-4.active p{*/
/*    background: url("../img/b42.webp") no-repeat center right;*/
/*    background-size: contain;*/
/*}*/
/*#section3 .row .row .col-md-4:hover p{*/
/*    background: url("../img/b43.webp") no-repeat center right;*/
/*    cursor: pointer;*/
/*    background-size: contain;*/
/*}*/
@media (min-width: 1199.98px) {
    .section1_div>.container>.row>.col-md-3.text-left{
        margin-left: -100px;
    }
    .section1_div>.container>.row>.col-md-4.text-left{
        margin-left: -130px;
    }
}
.bull{
    background: url("../img/bull.webp") no-repeat center top;
    height: 560px;
    width: 100%;
    background-size: cover;
    padding: 95px 50px 20px 50px;
}
.screen {
    height: 100%;
    will-change: 'auto';
}
.screen div{
    background: url("../img/bg3.webp") no-repeat right bottom;
    background-size: cover;
    margin-bottom: 0;

}
.screen div>span{
    display: inline-block;
    background: #222;
    padding: 5px 10px 2px 10px;
    margin-bottom: 10px;

}
.screen div>span.danmu-item{
    background: white;
    border: 2px solid #222;
    margin-bottom: 5px;
    color: #fff;
}
.scroll-down {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    /*border: 2px solid #bbb;*/
    /*border-radius: 50%;*/
    margin: 0 auto;
    height: 50px;
    width: 50px;
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-down span {
    position: relative;
    color: #fff;
    font-size: 24px;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
@-webkit-keyframes drop {
    0%   { top:0px;  opacity: 0;}
    30%  { top:10px; opacity: 1;}
    100% { top:25px; opacity: 0;}
}
@keyframes drop {
    0%   { top:0px;  opacity: 0;}
    30%  { top:10px; opacity: 1;}
    100% { top:25px; opacity: 0;}
}
.font_s15{
    font-size: 1.15rem;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #D71718;
}
#img_1{
    display: none;
    /*display: block;*/
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/th1.webp") center center no-repeat;
    background-size: cover;
    z-index: 0;
}
.font16{
    font-size: 16px!important;
}