html,body {background:#000;color:#fff;background-size:100% auto ;--mainColor:#0f1d6e;--opMainColor:rgba(255,96,135,.75);--thirdColor:#ff6087;--mainWidth:1200px;--secondColor:#2997e1;}
.content{width:var(--mainWidth);margin:auto;}
@media screen and (max-width: 1200px){
    .content{width:95%;}
}

h1{font-size:30px;margin-bottom:1.5em;background-size: auto 100%;text-align: center;width:100%;overflow: hidden;}
h1 span{display: inline-block;color:inherit;background:url(title_bg.png) no-repeat top center;width:400px;height:100px;line-height:3em;color:#fff;background-size: 100% 100%;;}
.nav ul li.on a{color:#fff;}
/* h2{text-align: center;padding-bottom:1em;}
h2 span{border:3px solid var(--mainColor);background:var(--opMainColor);border-radius:30px;font-size:20px;padding:.5em 2em;color:#fff;} */
@media screen and (max-width: 1200px){
    h1{font-size:4.2vw;margin-bottom:1em;}
    h1 span{background-size:100% auto;width: 50vw; line-height: 2.6em; height: 3em;}
}

.part{padding:4em 0;}

/* .part a{color:#fff;}
.part a:hover{color:var(--secondColor);} */
.part_w{color:#000;background: #fff url(h1_w_bg.jpg) repeat-y center center;background-size:100% auto ;}
.part_w a{color:#000;}
.part_w a:hover{color:var(--mainColor);;}
/* .part_w h1{color:var(--mainColor);;} */
.part_b{color:#fff;background:url(h1_b_bg.jpg) repeat-y center center;background-size:100% auto ;;}
.part_b a{color:#000;}
.part_b a:hover{color:var(--mainColor);}
/* .part_b h1{color:#fff;} */
@media screen and (max-width: 1200px){
    .part{padding:2em 0;}
}

.group1 .img{margin-right:1em;}
.row685 .video-main{height:338px;}
.row699{background-color: var(--mainColor);}
.rightBar ul li a{border-color: var(--thirdColor);}
.rightBar ul li a:hover{background-color: var(--thirdColor);}
@media screen and (max-width: 1200px){
    .row654 img{width:100%;}
    .row655#part5 .slide-img{width:100%;}
.row655#part5 .slide-text{width:100%;}
.row685 .video-main{height:calc( 95vw * 9 / 16 );}
}

.row696 table{border:4px solid var(--mainColor);border-collapse:collapse;empty-cells:show;table-layout:fixed;background:rgba(255,255,255,.05);width:100%;}
.row696 table tr:nth-child(even){background:rgba(15,29,110,.2);}
.row696 table th{background:var(--mainColor);font-weight: normal;color:var(--secondColor);color:#fff;}
.row696 table td{border:1px solid var(--mainColor);padding:5px 10px;}
.row698 .para{width:500px;margin:auto;}

#part8 ul li{background:rgba(15,29,110,.2);}
@media screen and (max-width: 1200px){
    .row698 .para{width:auto;}
}