.fixed-bottom{position:fixed;bottom:0;width:100%;}
.header-fixed{
    position: fixed;
    top: -68px;
    height:67px;
    z-index: 99;
    width: 100%;
    min-width:1200px;
    transition: top 0.3s;
}
.header-fixed.on{
    top: 0
}
body{
    background: #fff;
}
.top{
    width: 100%;
    min-width:1200px;
    height:850px;
    position:fixed;
    top:0px;
    left:0;
    z-index:-1;
    background: url(../images/header.jpg) no-repeat center center;
    display: block;
}
.top2{
    width: 100%;
    min-width:1200px;
    z-index:-1;
    display: block;
    background: url(../images/top.jpg) no-repeat center center;
    height: 147px;
}
.top2 img{
    display: none;
}
.top img, .top2 img{
    width: 100%;
    min-width: 1200px;
}
.container{
    width: 1200px;
}
.nav-list{
    background: linear-gradient(#49a8e3, #0071e3);
    height: 66px;
    line-height: 66px;
    margin-top:723px;
    width: 100%;
    min-width:1200px;
}
.header-fixed .nav-list{
    margin-top:0px!important;
}
.nav-list a{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    width: 130px;
    text-align: center;
    /*transition: all 0.3s;*/
}
.nav-list .container{
    display: flex;
    justify-content: space-between;
}
.nav-list a:hover, .nav-list a.cur{
    background: url('../images/nav-bg.png') 0 center no-repeat;
}
.title-1{
    margin-bottom:60px;
    margin-top:30px;
    text-align: center;
    font-size: 47px;
    font-weight: bold;
    color: #286eff;
    background: url("../images/title-1.png") center center  no-repeat;
    height: 60px;
}

.box1,.box4{
    padding: 30px 0 80px 0;
    background: #fff;
}
.box2, .box3, .box5 {
    background: #f1f1f1;
    padding:30px 0 80px 0;
}
.box2{
    background:  #efefef;
}
.box6{
    background: #fff;
    height: 720px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 30px;
}
.box6 .title-1{
    margin-top:0!important;
}
.box6 .container{
    display: flex;
    justify-content: space-between;
    height:800px;
}
.live-right{
    width: 280px;
    height: 500px;

}
.live-swiper2 {
    width:890px;
    height: 500px;
    border-radius:10px;
}

.live-swiper2  .swiper-slide{
    border-radius:10px;
    display: block;
    width:890px;
    height: 500px;
    position: relative;
}
.img-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.1);

}
.box6 .container .temp{
    color: #3140ad;
    font-size:104px;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top:185px;
    background: #fff;
    line-height: 500px;
    font-weight: bold;
}
.box1 .container{
    display:flex;
    justify-content: space-between;
}
.intro{
    background: #fff;
    width:50%;
    padding:10px;
    box-sizing: border-box;
    margin-right:20px;
    border-radius: 10px;
    box-shadow: -2px -13px 5px 0px #f2f2f2;
}
.intro .content{
    font-size:15px;
    color: #333;
    line-height:28px;
    text-indent: 2em;
}
.intro .content p{
    font-size:14px;
    color: #666;
    line-height:28px;
    text-indent: 2em;
    text-align: left;
}
.intro .content .btn-01{
    width: 103px;
    height: 29px;
    line-height: 29px;
    display: inline-block;
    background-image: linear-gradient(#34b7ff, #211cf7);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0;
}
.tt-cur{
    background: url('../images/icons-01.png') 0 0 no-repeat;
    padding-left:40px;
    color: #1e0bf7;
    font-size: 26px;
    margin: 10px 10px 20px;
    font-weight: bold;
    line-height:28px;
    text-align: left;
}
.count-box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width:500px;
    margin: 0px auto 0;
}
.count-item{
    background: url('../images/img-01.png') 0 0 no-repeat;
    background-size:100% 100%;
    width:100px;
    height:112px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-right:33px;
    margin-left: 33px;
    text-align: center;
    color: #3140ad;
    font-size:16px;
    line-height:28px;
    margin-top: 15px;
}
.count-item i{
    font-size:30px;
    font-weight:bold;
}
.video-box{
    width: 100%;
    display: inline-block;
    align-self:  flex-end ;
    position: relative;
}
.video-box img{
    border-radius: 20px 20px 0 0 ;
    width:100%;

}
.video-box video{
    display: block;
    width: 100%;
    height: 343px;
}
.video-box .live{
    width: 100%;
    height: 343px;
    display: block;
}
.vcp-poster-pic{
    width: 600px;
    height: 343px;
}
.video-box .vcp-poster-pic {
    width: 906px;
    height: 520px;


}
.video-box .vcp-player{
    background: transparent;
}
.video-box .content{
    background: #3140ad;
    height:113px;
    box-sizing: border-box;
    color: #fff;
    padding:15px 20px;
}
.video-box .content h2{
    font-size:22px;
    line-height: 38px;
    margin-bottom: 10px;
}
.icon-time{
    background: url('../images/icon-time.png') 0 0 no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-right: 10px;
}
.flex-container{
    width:1200px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.water-fll{
    background:url("../images/water-fll.jpg") 0 0  no-repeat;
    width:40px;
    height:40px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.water-new{
    background:url("../images/water-new.jpg") 0 0 no-repeat;
    width:40px;
    height:40px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.water-skills{
    background:url("../images/water-skills.jpg") center center no-repeat;
    width:70px;
    height:40px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.water-vex{
    background:url("../images/water-vex.jpg") 0 0 no-repeat;
    width:40px;
    height:40px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.water-wer{
    background:url("../images/water-wer.jpg") 0 0 no-repeat;
    width:40px;
    height:40px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.item-type-1{
    width:566px;
    height:304px;
    margin-top:20px;
    padding:20px;
    box-sizing: border-box;
    background: url('../images/bg-item.png') 0 0 no-repeat;
}
.item-type-1 .content{


}
.item-type-1 .info{
    min-height:72px;/*96px;*/
}
.item-type-1 .info p{
    color: #fff;
    text-align: justify;
}
.item-type-1 .nav-1{
    display: flex;
    justify-content: center;
}
.item-type-1 .nav-1 li{
    width: 125px;
    height: 40px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin: 1px 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.item-type-1 .nav-1 li a,.item-type-2 .nav-1 li a{
    color: #3140ad;
    display: inline-block;
}
.item-type-1 .nav-1 li:hover ,.item-type-2 .nav-1 li:hover{
    background: #3140ad;
}
.item-type-1 .nav-1 li:hover a ,.item-type-2 .nav-1 li:hover a{
    color: #fff;
}
.item-type-1 .header-1{
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
i.ii-1,
i.ii-2,
i.ii-3,
i.ii-4{
    display: inline-block;
    height: 21px;
    width: 21px;
    line-height: 21px;
    vertical-align: middle;
    margin-right: 6px;
}
i.ii-1{
    background: url("../images/ii-1h.png") no-repeat center center;
}
i.ii-2{
    background: url("../images/ii-2.png") no-repeat center center;
}
i.ii-3{
    background: url("../images/ii-3h.png") no-repeat center center;
}
i.ii-4{
    background: url("../images/ii-4h.png") no-repeat center center;
}
a:hover i.ii-1, .active-item i.ii-1{
    background: url("../images/ii-1.png") no-repeat center center;
}
a:hover i.ii-2, .active-item i.ii-2{
    background: url("../images/ii-2.png") no-repeat center center;
}
a:hover i.ii-3, .active-item i.ii-3{
    background: url("../images/ii-3.png") no-repeat center center;
}
a:hover i.ii-4, .active-item i.ii-4{
    background: url("../images/ii-4.png") no-repeat center center;
}
.items-type .swiper-button-prev{
    left:-40px;
}
.items-type .swiper-button-next{
    right: -10px;
}
.title-2{
    color: #f3993e;
    font-size:36px;
    text-align: center;
    line-height:48px;
    padding:30px 0 20px;
}
.title-2 .more{
    color: #f3993e;
    font-size:18px;
    float: right;
    line-height:30px;
    margin-top: 20px;
    padding: 0 10px;
}
.title-2 .more:hover{
    background: #f3993e;
    color: #fff;
}

.box5 .container{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;

}
.box5 .cup-item{
    display: inline-block;
    background: url('../images/cup.png') 0 0 no-repeat;
    padding: 90px 20px 0;
    width:355px;
    height:170px;
    line-height:32px;
    border-radius:10px;
    box-sizing: border-box;
    color: #286eff;
    font-size:22px;
    margin: 25px 20px;
    transition: all 0.3s;
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);

}
.box5 .cup-item:hover{
    background: url('../images/cuph.png') 0 0 no-repeat;
    color: #fff;
}
.footer{
    width: 100%;
    min-width:1200px;
    height: 334px;
    padding-top:45px;
    box-sizing: border-box;
    background: url("../images/footer.jpg") center 0 no-repeat;

}
.footer .container{
    display: flex;
    justify-content: space-between;
}
.footer .item{
    width: 640px;
}
.footer .item p{
    font-size: 14px;
    color:#fff;
    line-height:28px;
    padding-left:70px;
    background-repeat: no-repeat;
    background-position: left 3px;

}
.footer .item p span{
    position: absolute;
    left: 0;
}
.footer .item i{
    padding: 0 10px;
    white-space: nowrap;
}
.footer .item p a{
    color:#fff;
}
.footer .icon-city{
    background-image: url("../images/icon-city.png");
}
.footer .icon-heart{
    background-image: url("../images/icon-heart.png");
}
.footer .icon-flag{
    background-image: url("../images/icon-flag.png");
}
.footer .code {
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #fff;
    font-size: 16px;

}
.footer .code img{
    width: 104px;
    height: 104px;
    margin: 0 10px;
}

.box4 .container{
    display: flex;
    justify-content: space-between;
}

.news-box{
    width: 50%;
    margin-right: 80px;
    height: 100%;
    margin-bottom: 50px;
}

.news-box .news-top{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;

}
.news-box .news-top a{
    height: 153px;
    overflow: hidden;
    margin-right: 15px;
}
.news-box a img{
    width: 206px;
    height: 139px;
    min-height:153px;
}
.news-box .text{
    width: 340px;
}
.news-box .text .title{
    font-size: 20px;
    color: #286eff;
    max-height: 48px;
    overflow: hidden;
    display: block;
    font-weight: bold;
}

.news-box .text .short-text {
    margin-top: 12px;
    line-height: 26px;
}
.news-box .text .short-text a{
    color: #fd9c2c;
}
.news-box .news  a{
    line-height: 36px;
    color: #666666;
    font-size: 14px;
    display: block;
    max-width: 565px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box .news  a:hover{
    color: #3140ad;
}
.show-swiper a{
    width: 270px;
    height: 180px;
    display: inline-block;
}
.show-swiper img{
    width:100%;
    height:180px!important;

}
.show-swiper h2{
    box-sizing: border-box;
    padding:0 10px;
    font-size: 16px;
    font-weight: normal;
}
.show-swiper .shadow-inner h1{
    font-size: 14px;
}
.show-swiper .shadow-inner p{
    font-size: 14px;
    color: #fff;
    max-height: 120px;
    overflow: hidden;
}
.show-swiper{
    position: relative;
    margin-bottom: 45px;
}
.show-swiper .swiper-button-prev{
    left: -40px;
}
.show-swiper .swiper-button-next{
    right: -40px;
}
.box3 .shadow-big{
    background: rgba(0,0,0,0.4);
}
.box3 .shadow-inner p{
    color: #fff;

}
.list-video li video{
    width: 500px;
    height: auto;
}

.live-tt{
    color: #1e08f7;
    font-size: 33px;
    text-align: center;
    font-weight: normal;
    margin: 20px 0;
}
.main-live{
    background: url('../images/main-live.jpg') center 0 no-repeat;
    display: block;
    height: 857px;
    margin: 0 auto;
    text-align: center;
}
.main-live .video-box{
    width: 905px;
    height: 520px;
    /*background: #000;*/
    margin-top: 116px;

}
.main-live .video-box video{
    height: 550px;
    /*margin: 3px;*/
    width: 929px;
}
.live-bottom{
    background: url('../images/live-bottom.jpg') center 0 no-repeat;
    width:1209px;
    height: 98px;
    display: block;
}
.live-time{
    height: 60px;
    line-height: 60px;
    box-shadow: inset 0 0 12px rgba(0,0,0,0.3);
    color: #666666;
}
.icon-time2{
    background: url('../images/icon-time2.png') 0 0 no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;

}
.live-tt2{
    font-size: 28px;
    color: #333;
    text-align: center;
    margin: 40px 0;
}
.live-swiper {
    width: 1037px;
}
.live-swiper a{
    width: 315px;
    height: 176px;
    display: inline-block;
    border-radius:20px;
    border: 6px #f4f4f4 solid;
    border-bottom: none;
    box-sizing: border-box;
}
.live-swiper img{
    width: 100%;
    height: 100%;
    border-radius:20px;
}
.live-swiper .shadow{
    background: rgba(30, 18,254,0.7);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 28px;
    color:#fff;
    font-size:20px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:20px;
    transition: all 0.5s;
}
.live-swiper a:hover .shadow{
    background: rgba(255, 171,18,0.7);
}

.m-prev,
.m-next{
    background:url('../images/m-prev.png') 0 0 no-repeat;
    width: 38px;
    height: 38px;
    position: absolute;
    display:block;
    top: 40%;
    left: 30px;
}
.m-next{
    background:url('../images/m-next.png') 0 0 no-repeat;
    right: 30px;
    left:auto;
}
.m-prev:hover,
.m-next:hover{
    opacity: 0.7;
}
.article-inner .article-title{
    text-align: center;
    font-size: 20px;
    line-height: 32px;
}
.article-inner  .article-time{
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding-bottom: 10px;
}
.article-inner p{
    font-size: 14px;
    line-height: 26px;
    color: #444;
    margin: 10px 0;
}
.bread{
    line-height:32px;
    font-size: 15px;
    color: #666;
    margin: 10px 0;

}
.box2 .container.flex{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    border-radius: 18px;
}
.active-item{
    background: #fff;
    border-radius: 4px;
    width: 565px;
    height: 310px;
    position: relative;
    box-sizing: border-box;
    padding:0 20px;

}
.active-item .active-logo {
    position: absolute;
    top: -66px;
    left: 50%;
    margin-left:-140px
}
.active-item h4{
    padding-top: 70px;
    color: #286eff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    margin: 10px 0;
}
.active-item .txt-1{
    height:110px;
}
.active-item p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin: 15px 0 ;
    text-indent: 2em;
}
.active-item2{
    width: 500px;
    height: 355px;
    background-image: linear-gradient(#2182fe, #286eff);
    border-radius:20px;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px;
}
.active-item2 h4{
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    margin: 10px 0;
}
.active-item2 p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin: 5px 0 ;
    text-indent: 2em;
}

.btn-01{
    background: #286eff;
    width: 125px;
    height: 38px;
    display: inline-block;
    line-height:38px;
    text-align: center;
    color: #fff;
    margin: 0 15px;
    border-radius:10px;
    font-size: 16px;
}
.btn-01:link,.btn-01:visited,.btn-01:hover,.btn-01:active{
    color:#fff;
}
.btn-01:hover,.btn-01:active{
    background: #f79846;
}
.active-item2 .btn-01{
    background: #fff;
    color: #286eff;
    margin-top: 10px;
}
.active-item2 .btn-01:hover{
    background: #f79846;
    color: #fff;
    opacity: 1;
}
.active-item2 .txt-1{
    height: 220px;
}
#gallery{
    overflow: hidden;
    width: 900px;
    height:500px;
}
#gallery video{
    border-radius:10px;
    object-fit:fill;
}
#gallery img{
    width: 100%;
    height:100%;
    border-radius: 10px;
}
#thumbs{
    margin-top:10px;
}
#thumbs .swiper-slide{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    border-radius: 10px;
    border: solid #749eff 3px;
    opacity:0.4;
}
#thumbs{
    width:245px;
    height: 460px;
}
#thumbs img{
    width: 100%;
    border-radius: 8px;
}
#thumbs .swiper-slide-thumb-active{
    opacity: 1;
    border: solid #f79846 3px;
}
.txt-2{
    width: 100%;
    height: 165px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius:0 0 10px 10px;
}
.txt-2 h3{
    font-size: 20px;
    color: #333;
    line-height: 26px;
    font-weight: normal;
}
.guide-swiper{
    width: 523px;
    height: 460px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    border-radius: 20px 20px 0 0 ;
}
.guide-swiper .swiper-pagination{
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
}
.guide-swiper .swiper-pagination .swiper-pagination-current{
    color: #132996;
    font-size: 20px;
    font-weight: bold;
}
.guide-swiper .i-prev{
    background: url('../images/i-prev.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index:10;
    left: 20px;
    bottom: 10px;
}
.guide-swiper .i-prev.swiper-button-disabled{
    background: url('../images/i-prev-grey.png') 0 0 no-repeat;
}
.guide-swiper .i-next{
    background: url('../images/i-next.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index:10;
    left: 100px;
    bottom: 10px;
}
.guide-swiper .i-next.swiper-button-disabled{
    background: url('../images/i-next-grey.png') 0 0 no-repeat;
}

#gallery .video-box{
    background: url("../images/icons-video.png") center center no-repeat rgba(64,64,64,0.3);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;

}
.tt-live{
    color: #286eff;
    font-size: 22px;

}
.i-live{
    background: url('../images/i-live.png') 0 0 no-repeat;
    display: inline-block;
    width: 26px;
    height: 23px;
    vertical-align: middle;
    margin-right:5px;

}
.tt-live2{
    font-size: 33px;
    color: #286eff;
    margin: 20px 0;
}
.tt-live2 i{
    font-weight: bold;
 }
.article-detail{
    margin: 10px auto;
}
.article-title{
    color: #286eff;
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}
.article-detail img{
    margin: 10px auto;
    display: block;
    max-width:1000px;
}
.article-detail  p{
    color: #666;
    line-height: 30px;
}
.pic-item {
    width: 280px;
    height: 170px;
    display: block;
    position: relative;
    margin-bottom: 40px;
}
.pic-item img{
    width: 100%;
    height: 100%;
}
.pic-list {
  display: block;
    margin-left: -20px;
}
.pic-list:after{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.pic-list a{
    float: left;
    margin-left:20px;
    width: 285px;
    height: 180px;

}
/*.pic-list:after{*/
/*    content: '';*/
/*    width:560px;*/
/*}*/
.select-1{
    width: 178px;
    height: 38px;
    margin-bottom: 10px;
    color: #666;
    font-size: 14px;
    line-height: 38px;

}
.search-box{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.search-box input{
    width: 318px;
    height: 38px;
    border: solid 1px #ddd;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
.search-box a{
    width: 135px;
    height: 40px;
    background: #286eff;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
.icon-search{
    background: url('../images/ii-4.png') 0 0 no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}
.act-title{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;

}
.act-title img{
    width: 175px;
    height: 140px;
    display: inline-block;
    margin-right: 30px;
}
.act-title h4{
    font-size: 24px;
    color: #286eff;
    line-height: 32px;
    margin: 10px 0;
}
.act-title table th{
    text-align: left;
    color: #286eff;
}
.act-title table td{
    text-align: left;
    color: #286eff;
}
.act-box p{
    margin: 10px 0;
    font-size: 15px;
    line-height: 28px;
    color: #555;
    text-indent: 2em;
}
.act-box video{
    width: 282px;
    height: 156px;
    margin: 20px 0;
}
.act-box h3{
    line-height: 26px;
    color: #286eff;
    font-size: 18px;
}
.act-box .t01,
.act-box .t02,
.act-box .t03{
    background: url('../images/t01.png') 0 0 no-repeat;
    width: 28px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}
.act-box .t02{
    background: url('../images/t02.png') 0 0 no-repeat;
    width: 28px;
    height: 22px;

}
.act-box .t03{
    background: url('../images/t03.png') 0 0 no-repeat;
    width: 28px;
    height: 22px;

}

.act-box-img{
    margin-left: -30px;
    margin-top: 20px;
}
.act-box img{
    width: 210px;
    height: 140px;
    margin-left: 30px;
    margin-bottom: 30px;
}
.box7{
    height:970px;
    padding-top:65px;
    background: url(../images/page-bg2.jpg) no-repeat center center #f5f5f5;
}
.box7 ul{
    display: flex;
    justify-content: space-between;
    margin-top:217px;
}
.box7 ul li{
    width:376px;
    padding:0 30px 31px 30px;
    box-sizing: border-box;
    text-align: center;
    background: url("../images/page2-itembg.jpg") no-repeat left bottom;
}
.box7 ul li img{
    display: block;
    width:100%;
    height:264px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.box7 ul li .text{
    height: 270px;
    background: #fff;
    padding:25px 15px;
    box-sizing: border-box;
}
.box7 ul li h1{
    font-size:22px;
    font-weight: bold;
    margin-bottom:13px;
    position: relative;
}
.box7 ul li h2{
    color:#666;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}
.box7 ul li h2 span{
    font-size: 24px;
    font-weight: bold;
}
.box7 ul li h3{
    height: 19px;
    color:#666;
    text-align: center;
    margin-bottom: 15px;
}
.box7 ul li p{
    font-size:14px;
    color:#999999;
    line-height: 25px;
    text-align: justify;
    text-indent: 2em;
}
.box7 ul li:nth-child(1) h1{
    color:#286eff;
}
.box7 ul li:nth-child(1) h2 span{
    color:#286eff;
}
.box7 ul li:nth-child(2) h1{
    color:#feb640;
}
.box7 ul li:nth-child(2) h2 span{
    color:#feb640;
}
.box7 ul li:nth-child(3) h1{
    color:#5900d3;
}
.box7 ul li:nth-child(3) h2 span{
    color:#5900d3;
}
.title-3{
    width: 128px;
    height: 823px;
    border-radius:10px;
    font-size: 48px;
    color: #286eff;
    writing-mode: tb-rl;
    padding: 0 35px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 14px;
    box-sizing: border-box;
    box-shadow:0 0 25px #fff, 0 0 25px  rgba(0,0,0,0.2) inset;
}
.flex-2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;

}

.idx-box{
    background: url('../images/page-bg4.jpg') center 0 no-repeat;
    overflow: hidden;
    height: 1000px;
}
.idx-box .title-1{
    color: #fff;
    background: url("../images/title-1h.png") center bottom no-repeat;

}

.idx-text{
    width:100%;
    text-align: center;
    color:#fff;
    font-size:16px;
    margin-top:10px;
}
.page3-table{
    width:100%;
    border-collapse: separate;
}
.page3-table .tap-box{
    display: none;
}
.page3-table .tap-box.active{
    display: table-row-group;
}
.page3-table tbody th{
    text-align: center;
    color:#fafafa;
    height: 34px;
    background: #286eff;
}
.page3-table tbody th:nth-child(3){
    text-align:left;
    text-indent:50px;
}
.page3-table tbody tr{
    background: #fff;
    color:#4c4948;
    text-align: center;
}
.page3-table tbody tr:first-child td:first-child{
    background: url("../images/award-01.png") center no-repeat;
    font-size: 0;
}
.page3-table tbody tr:nth-child(2) td:first-child{
    background: url("../images/award-02.png") center no-repeat;
    font-size: 0;
}
.page3-table tbody tr:nth-child(3) td:first-child{
    background: url("../images/award-03.png") center no-repeat;
    font-size: 0;
}
.page3-table tbody tr td:nth-child(3){
    text-align:left;
}
.page3-table tbody:nth-child(1) tr{
    color:#4c4948;
}
.page3-table tbody tr td{
    line-height: 45px;
    border-bottom: 1px dashed #ddd;
}
.page3-table tr.up td:nth-child(5){
    background: url("../images/icon-up.png") no-repeat center;
}
.page3-table tr.down td:nth-child(5){
    background: url("../images/icon-down.png") no-repeat center;
}
.page3-box>a{
    float: right;
    display: block;
    font-size:16px;
    color:#1e94e3;
    margin:20px 40px 0 0;
    font-weight: bold;
}
.page3-box .tap-a{
    position: absolute;
    padding-right:45px;
    background: #fff;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
}
.page3-box .tap-a a{
    float: right;
    display: none;
    font-size:16px;
    color:#ff9900;
    font-weight: bold;
}
.page3-box .tap-a a.active{
    display: block;
}
.page3-content{
    display: flex;
    justify-content: space-between;
}

.page3-box{

    padding:25px 0 60px 0;
    width:100%;
    box-sizing: border-box;
    position: relative;
}
.page3-box .tap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #286eff;
    height: 54px;
    line-height: 54px;
    margin-bottom: 20px;
}
.page3-box .tap span{
    font-size:19px;
    position: relative;
    color:#fff;
    font-weight:bold;
    cursor: pointer;
    display: inline-block;
    width: 50%;
    text-align: center;
}
.page3-box .tap span:hover,.page3-box .tap span.active{
    color:#286eff;
    background: #fff;
}
.page3-box .tap span.active:after{
    content:'';
    border:10px solid transparent;
    border-top-color:#fff;
    position: absolute;
    left: 50%;
    bottom: -20px;
}
.page3-box .tap i{
    display: inline-block;
    width:238px;
    height: 53px;
    background: url(../images/top10.png) no-repeat center center;
    border-left: 2px solid #286eff;
}

table.table-x,
table.table-x th,
table.table-x td{
    border-collapse: collapse;
    border-spacing: 0;
}
.table-x{
    width: 100%;
}
table.table-x th,
table.table-x td{
    border: 1px solid #aba9a9;
    text-align: center;
    font-weight: normal;
}
.table-x th{
    height: 36px;
    font-size: 16px;
    color: #4c4948;
    background: #d9f1fb;
}
table.table-x td{
    height: 29px;
}
.table-x .tap-content-box{
    display: none;
}
.table-x .tap-content-box.active{
    display: table-row-group;
}
table.table-x tr.cur td {
    color: #017bc4;
}
table.table-x tr.cur td{
    color: #017bc4;
}
/*.table-x .tap-content-box  tr:nth-child(-n+10) a{
    color: #017bc4;
}*/
table.table-x tr.up td:nth-child(6){
    background: url("../images/icon-up.png") no-repeat center;
}
table.table-x tr.down td:nth-child(6){
    background: url("../images/icon-down.png") no-repeat center;
}
.ticket{
    padding:25px;
    background: #fff;
}
.ticket .tap{
    width:100%;
}
.ticket .tap span{
    display: block;
    float: left;
    width:50%;
    height:52px;
    line-height:52px;
    text-align: center;
    font-size:20px;
    color:#4c4948;
    background: #f1f1f1;
    cursor: pointer;
    box-sizing: border-box;
}
.ticket .tap span.active{
    background: #019ee5;
    color:#fff;
    font-weight: bold;
}

.ticket .tap:after{
    content:'';
    display: block;
    clear: both;
}
.ticket .tap-title{
    width: 100%;
    box-sizing: border-box;
    border:1px solid #aba9a9;
}
.ticket .tap-title:after{
    content:'';
    display: block;
    clear: both;
}
.ticket .tap-title span,.ticket .tap-content li span{
    display: block;
    float: left;
    height:30px;
    line-height:30px;
    text-align: center;
    font-size:16px;
    color:#4c4948;
    box-sizing: border-box;
    border-right:1px solid #aba9a9;
}
.ticket .tap-title span:last-child,.ticket .tap-content span:last-child{
    border: none;
}
.ticket .tap-title span:nth-child(1),.ticket .tap-content span:nth-child(1){
    width:98px;
}
.ticket .tap-title span:nth-child(2),.ticket .tap-content span:nth-child(2){
    width:108px;
}
.ticket .tap-title span:nth-child(3),.ticket .tap-content span:nth-child(3){
    width:420px;
}
.ticket .tap-title span:nth-child(4),.ticket .tap-content span:nth-child(4){
    width:108px;
}
.ticket .tap-title span:nth-child(5),.ticket .tap-content span:nth-child(5){
    width:112px;
}
.ticket .tap-title span:nth-child(6),.ticket .tap-content span:nth-child(6){
    width:92px;
}
.ticket .tap-content{
    width:956px;
    height:495px;
    overflow-y: auto;
}
.ticket .tap-content li{
    width:100%;
    border-bottom:1px solid #aba9a9;
}
.ticket .tap-content li:nth-child(-n+10) span{
    color:#feb640;
}
.ticket .tap-content li:after{
    content:'';
    display: block;
    clear: both;
}
.ticket .tap-content li span{
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket .tap-content li.up span:last-child{
    background: url(../images/icon-up.png) no-repeat center center;
}
.ticket .tap-content li.down span:last-child{
    background: url(../images/icon-down.png) no-repeat center center;
}
.ticket .tap-content-box{
    display: none;
    width:100%;
    box-sizing: border-box;
    border-left:1px solid #aba9a9;
    border-right:1px solid #aba9a9;
    border-bottom:1px solid #aba9a9;
    /* overflow: hidden; */
    position: relative;
}
.ticket .tap-content-box.active{
    display: table-row-group;
}
.ticket .tap-content-box input[type=range] {
    -webkit-appearance: none;
    width: 300px;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
}
.ticket .tap-content-box input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
.ticket .tap-content-box input[type=range]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 10px; /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}
.ticket .tap-content-box input[type=range]:focus {
    outline: none;
}
.ticket .tap-content-box .range-box{
    position: absolute;
    width:50px;
    height: 100%;
    background: #fff;
    right:-52px;
    top:0;
}
.ticket .tap-content-box .range {
    position: absolute;
    top:0;
    left:18px;
    width: 5px;
    height: 100%;
    background-color: #eee;
}
.ticket .tap-content-box .range-item {
    position: absolute;
    top: 0;
    left: -2.5px;
    width: 10px;
    height: 101px !important;
    background-color: #dadada;
    border-radius:5px;
    opacity: 1;
}
.ticket-box{
    text-align: center;
    margin: 10px;
}
.vcp-player{
    border-radius: 10px;
}
.vcp-player img{
    border-radius: 0;
}
/*.vcp-controls-panel {*/
/*    bottom: 20px!important;*/
/*}*/

.pop-code {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 888;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}

    .pop-code .in {
        display: block;
        width: 200px;
        height: 200px;
    }

    .pop-code .pop-code-in {
        padding: 10px;
        overflow: hidden;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -100px;
        margin-top: -150px;
        background: #fff;
    }

        .pop-code .pop-code-in .pop-code-txt {
            height: 32px;
            line-height: 25px;
            font-size: 15px;
        }