html,body {color:#000;--mainColor:#aa2e69;--opMainColor:rgba(170,46,105,.75);--opMainColor2:rgba(170,46,105,.2);--mainWidth:1200px;--secondColor:#290b46;background-color: #fff;;}
/* html{background:url(bg.jpg) 0 0 repeat-y;background-size: 100% auto,100% auto;} */
.part *::-webkit-scrollbar{    background-color: #aaa;width:5px;border-radius: 5px;}
.part *::-webkit-scrollbar-thumb{    background:var(--mainColor);border-radius: 5px;;}
.content{width:var(--mainWidth);margin:auto;}
@media screen and (max-width: 1200px){
    .content{width:95%;font-size:4vw;}
    
}

h1{margin-bottom:2em;width:100%;text-align: center;}
h1 b{display: inline-block;color:#fff;font-size:30px;transform: scale(1.2,1); font-style: italic; font-weight: bold;    text-shadow: 0 0 5px var(--mainColor);background:url(h1_bg.png) no-repeat center center;width:125px;display: none;;}
h1 span{font-size:26px;display: inline-block;color:#fff;height: 35px; line-height: 35px; width: 220px; background: var(--mainColor);transform: scale(1.2,1); font-style: italic; font-weight: bold;}
@media screen and (max-width: 1200px){
    h1{font-size:4.5vw;margin-bottom:1em;}
    h1 span{    width: 40vw;height: 7vw; font-size: 5vw; line-height: 7vw;}
    h1 b{font-size: 5vw;width: 20vw; background-size: 100% auto;}
}

.part{padding:4em 0;color:#000;}
.part.part_b{background:url(bg.jpg) no-repeat;background-size: 100% 100%;}
.part.part_w{background:url(bg2.jpg) no-repeat;background-size: 100% 100%;}
.part a{color:#000;}
.part a:hover{color:var(--mainColor);}
@media screen and (max-width: 1200px){
    .part{padding:2em 0;}
}

.row1007{background:var(--secondColor);color:#fff;}

.group1 .content{display: flex;flex-wrap: wrap;}
.group1 .img{width:70%}
.group1 .text{width:30%;padding:.8em;background:var(--opMainColor2);}
@media screen and (max-width: 1200px){
    .group1 .img{width:100%}
    .group1 .text{width:100%;}
}
.row1003 .text{font-size:26px;background: var(--opMainColor2);padding:5em 0;}
.row1003 .text_time{font-size:30px;color:var(--mainColor);}
@media screen and (max-width: 1200px){
    .row1003 .text{font-size:5vw;}
.row1003 .text_time{font-size:6vw;}
}

.tabs{margin-bottom:1em;}
.tabs ul{position: relative; display: flex; justify-content: center; margin-top: 2em;}
.tabs ul li{}
.tabs ul li a{color:var(--mainColor);display: block;padding:0 2em;text-align: center;}
.tabs ul li.on a{color:#fff;background:var(--mainColor);}
.tabs img{display: block;width:500px;    filter: grayscale(60%);}
.tabs ul li.on img{filter: grayscale(0%);}
.tabs span{display: block;}
/* .tabs ul li.on span{border-bottom: #ED1C22 4px solid;} */
.row1002 table{border:4px solid var(--mainColor);border-collapse:collapse;empty-cells:show;table-layout:fixed;background:rgba(255,255,255,.6)}
.row1002 table th{background:var(--mainColor);font-weight: normal;color:#fff;}
.row1002 table td{border:1px solid var(--mainColor);padding:5px 10px;}
.row1002 table td strong{color:var(--mainColor);}
@media screen and (max-width: 1200px){  
    .tabs ul li a{padding:0 1em;} 
    .tabs img{width:40vw;} 
    .row1002{padding-top:1em;}
    .row1002 img{width:100%;height:60vw;object-fit: cover;}
    .row1002 table{font-size:12px;}
    .row1002 table td{padding:2px 5px;}
}

.group2{}
.group2 .group_content{display: flex;}
.groupitem1,.groupitem2{width: 50%;}
.row1010 ul{padding:1em;}
@media screen and (max-width: 1200px){
    .group2 .group_content{display: block;}
    .groupitem1,.groupitem2{width: 100%;}
    .row1010 ul{padding:0;}
}

@media screen and (min-width: 1200px){
    .row1009 ul{height:400px;overflow-y: auto;}
    .row1009 ul li{padding:.5em;}
}