﻿@charset "utf-8";
/* CSS Document */
.middle{ }
 .mid01{ height: 60px}

.hwfw {
    background: url(/cms/templates/30659312978390000/images/pc-middle-rectangle.png) no-repeat center/cover;
    height: 60px;
    width: 100%;
    margin: 0 auto;
}

.jxw{position: absolute;
    right: -200px;
    top: -59px;
    width: 150px;
    height: auto; }

@media screen and (max-width:1800px) {
.jxw{right: -150px;}
}
@media screen and (max-width:1700px) {
.jxw{right: 0px; top: -180px;}
}
@media screen and (max-width:1000px) {
.jxw{right: 0px; top: -120px; width: 100px;}
}
@media screen and (max-width:500px) {
.jxw{right: 0px; top: -70px; width: 60px;}
}

.hwfw-left{ float:left; font-size:30px; font-weight:bold; color:#0f75c1; width:60px; line-height:44px; margin:10px 46px 14px 0;}

.hwfw-right ul{ display:flex;justify-content: center;gap: 8vw; height: 60px }
.hwfw-right li{ height:60px;display:flex;align-items: center;margin: 0 15px;}
.hwfw-icon{ float:left; border:1px solid #5eb8f3; border-radius:50%; width:108px; height:108px; line-height:108px; text-align:center; margin-right:16px;background: linear-gradient(to top,#ECF9FE 0%,#D8F3FF 70%,#FFFFFF 100%);}
.hwfw-icon img{ vertical-align:middle; width:52px;}
.hwfw-lm{ float:left; font-size:24px; line-height:30px; width: auto;white-space: nowrap;align-items: center; }
.hwfw-lm a{color: #ffffff; }

@media screen and (max-width:1000px) {
.hwfw-lm{ font-size:16px;}
}

.hwfw-icon03 img{ width:56px;}
.hwfw-icon04 img{ width:59px;}
.hwfw-icon05 img{ width:50px;}

.hwfw-right li:hover .hwfw-icon img{ transform: rotatey(360deg); transition: 0.5s; }
.hwfw-right ul li:after,.hwfw-right ul:after{display:none;}

/* 大赛概况 */
.dsgk-title{margin-top: 60px; background:url(/cms/templates/30659312978390000/images/lm-bg1.jpg) repeat-x left 32px;}
.dsgk-title span{ display:block; background:url(/cms/templates/30659312978390000/images/lm-bg2.png) no-repeat left center; line-height:71px; color:#fff; width:288px; padding-left:76px; font-size:36px; margin:0 auto;}
.dsgk-title a{color:#fff; }

.dsgk-desc{margin-top: 50px;font-size:24px;line-height:48px;text-indent: 2em; }

.sdhx-title{ text-align:center; height:36px; line-height:36px; font-size:36px; margin:42px 0 62px;}
.sdhx-title img{ vertical-align:middle;}
.sdhx-title span{ padding:0 5px;}

.sdhx-list ul{ display:flex; justify-content:center; padding-bottom:36px; position:relative; }
.sdhx-list li{ text-align:center; margin:0 5%; height:300px; }
.sdhx-list .list-img img{ width:144px; height:auto;}
.sdhx-list .list-img2 img{ width:144px; height:auto;  }
.sdhx-list .list-text{ font-size:24px; line-height:36px; margin-top:10px;}


.sdhx-list li .list-img2{ display:none; }
.sdhx-list li:hover .list-img{ display:none; }
.sdhx-list li:hover .list-img2{ display:block;}

.sdhx-list li .list-arrow{ display:none; margin-top:5px;  }
.sdhx-list li .list-body{ display:none; position:absolute; width:1230px; left:calc(50% - 615px); background:url(/cms/templates/30659312978390000/images/bg2.png) repeat-y center;    z-index:1;      border-radius: 60px;
    overflow: hidden; }
.sdhx-list li .list-body-top{ background:url(/cms/templates/30659312978390000/images/bg1.png) no-repeat center top;   }
.sdhx-list li .list-body-bottom{ background:url(/cms/templates/30659312978390000/images/bg3.png) no-repeat center bottom;   padding:35px 50px; font-size:22px; line-height:44px; text-align:left; }

.sdhx-list li .list-body-bottom a{
display: block;
    margin: 15px auto 0;
    width: 150px;
    line-height: 40px;
    border: solid 1px #a4c8d8;
    text-align: center;
    font-size: 20px;
}

@media screen and (max-width:1230px) {
.sdhx-list li .list-body{ width:90%; left:5%; background:#FFF; border:dashed 1px #2679f5; border-radius: 20px;}
.sdhx-list li .list-body-top{ background:none; }
.sdhx-list li .list-body-bottom{ background:none; padding:15px 20px;  font-size:14px; line-height:28px; }
.sdhx-list li .list-body-bottom a{
    width: 100px; margin: 10px auto 0;
    line-height: 30px; font-size: 12px;
}
}

.sdhx-list li:hover .list-arrow{ display:block; }
.sdhx-list li:hover .list-body{ display:block;}

/* 大赛概况 end */

/* 赛程安排 */
.scap-wrap{ position:relative;}
.scap-wrap::after{ display:block; content:''; height:1px; width:100%; position: absolute; left:0; top:166px;background:#3488f1; z-index: -1;}

.scap-list{ margin:92px 0 0 -76px; width:calc(100% + 76px);}
.scap-list li{ float:left; width:calc(100% / 7 - 76px); margin-left:76px; text-align:center;}
.scap-list img{ width:120px; height:auto;}

.scap-list .scap-dot{ width:22px; height:22px; background:#3488f1; border:1px solid #fff; border-radius:12px; margin:20px auto 10px;}
.scap-list .scap-time{ color:#5e5e5e; font-size:24px; margin-bottom:10px;}
.scap-list .scap-text{ font-size:30px; font-weight:bold; color:#3488f1;}

/* 赛程安排 end */

/* 媒体报道 */
.mtbd-title{ margin-top:94px;}

.mtbd-main{ padding:62px 0 52px;}

.mtbd-left{ float:left; width:648px; padding-bottom:48px;}
.mtbd-leftwarp{ width:648px; position: relative;}
.mtbd-img img{   }
.mtbd-text{ background:rgba(0,0,0,0.5); color:#fff;  position:relative; left:0; bottom:68px; height:68px; line-height:68px; width:100%;}
.mtbd-text a{ display:block; color:#fff; font-size:24px; font-weight:bold; width:90%; margin:0 auto; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}

.mtbd-left #controlBar{ bottom:25px !important;}

.mtdb-dot{ position:absolute; width:100%; height:18px; left:0; bottom:-48px; text-align:center;}
.mtdb-dot02{ display:inline-block; width:18px; height:18px; border-radius:9px; background:#c5c5c5; margin:0 4px;}
.mtdb-dot01{ display:inline-block; width:18px; height:18px; border-radius:9px; margin:0 4px; background:#2679f5;}

.mtbd-right{ float:right; width:calc(100% - 648px - 30px);}

.mtbd-list{}
.mtbd-list li{ background:url(/cms/templates/30659312978390000/images/mtbd-icon.jpg) no-repeat left 11px; padding-left:36px; }
.mtbd-list .mtbd-list-title{ font-size:24px; font-weight:bold; line-height:36px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;margin-bottom:8px;}
.mtbd-list .mtbd-list-text{ font-size:18px; color:#646464; line-height:30px; margin:0 0 24px 0; display:none;}
.mtbd-list li:hover .mtbd-list-text,.mtbd-list li:first-child .mtbd-list-text{ display:block;}

/* 媒体报道 end */




/* =================@media================== */
@media screen and (max-width:1350px) {
.dhdt-botl{ width:600px;}
.dhdt-botr{ width: calc(100% - 630px);}
.dhdt-botr li{ margin-bottom:22px; padding-bottom:22px; }

.dhdt-btn { left: 65% !important; }
	
}


@media screen and (max-width:1200px) {
.hwfw-left{ margin-right:26px;}

.hddw{ padding-right:0;}
.hsfz-next{ position:absolute; right:32px; top:50%; margin-top:-16px;}

/* 赛程安排 */
.scap-list{ margin:92px 0 0 -50px; width:calc(100% + 50px);}
.scap-list li{width:calc(100% / 7 - 50px); margin-left:50px;}

.scap-list img{ width:100px;}
.scap-list .scap-time{ font-size:18px; margin-bottom:5px;}
.scap-list .scap-text{ font-size:22px;}
.scap-wrap::after{ top:144px;}

/* 赛程安排 end */
	
}

@media screen and (max-width:1000px) {
.dhdt-btn { left: 60% !important; top: -30px !important; }
.img-title { font-size: 16px; line-height: 30px; }

.time01 { font-size: 32px; line-height: 36px; }
.time02 { font-size: 16px; }



/* 大赛概况 */

.dsgk-title { margin-top:40px;background-position: left 22px;}
.dsgk-title span{width: 210px;font-size: 20px; box-sizing: border-box; background:url(/cms/templates/30659312978390000/images/lm-bg2.png) no-repeat left center;  background-size:200px auto; line-height: 60px; padding-left: 0; padding-right: 20px;
    text-align: center; }

.dsgk-desc {margin:30px 20px 0;font-size: 18px;line-height: 36px;}

.sdhx-title{ font-size:26px;}

.sdhx-list ul li:nth-child(2) br{ display:none;}
.sdhx-list .list-img img{ width:auto;}
.sdhx-list .list-img2 img{ width:auto;}
.sdhx-list .list-text {font-size: 18px;line-height: 30px;}

/* 大赛动态 end */

/* 赛程安排 */

.scap-title{ margin-top:0;}

.scap-list{ margin:50px 0 0 -25px; width:calc(100% + 25px);box-sizing: border-box; padding-right:40px; padding-left:10px; }
.scap-list li{width:calc(100% / 4 - 25px); margin:0 0 50px 25px;}
.scap-list li:nth-child(n+5){ float:right;}

.scap-wrap::after{ height:50%; width:96%;background:none; border:1px solid #3488f1; border-radius:0 16px 16px 0; border-left:0;}
.scap-wrap::before{ display:block; content:''; position:absolute; width:16%; height:26px; background:url(/cms/templates/30659312978390000/images/scap8.jpg) no-repeat right center; left:0;bottom:21.3%;}

/* 赛程安排 end */

.mtbd-main{ padding:40px 20px}
.mtbd-left{ float:none; width:auto; padding-bottom:0px;}
.mtbd-leftwarp{ width:auto; position: relative;}
.mtbd-right{ float:none; width:auto;}

.mtbd-list{ padding-top:20px; }
.mtbd-list li{ background-size: 10px 10px;
    padding-left: 20px; }
.mtbd-list .mtbd-list-title{ font-size:18px; font-weight:bold; line-height:30px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;margin-bottom:8px;}
.mtbd-list .mtbd-list-text{ font-size:14px; color:#646464; line-height:24px; margin:0 0 24px 0; display:none;}

	
}
@media screen and (max-width:768px) {
       
}

@media screen and (max-width:720px) {
           
}

@media screen and (max-width:700px) {
.sdhx-list .list-img img {width: 120px;}
.sdhx-list .list-img2 img {width: 120px;}	
}

@media screen and (max-width:650px) {

}

@media screen and (max-width:500px) {

 
.sdhx-list li {margin: 0 0 0px;}

.scap-list{ margin:50px 0 0 -10px; width:calc(100% + 10px); padding-right:10px;}
.scap-list li{width:calc(100% / 4 - 10px); margin:0 0 50px 10px;}
.scap-list img{ width:50px;}
.scap-list .scap-dot{ width:12px; height:12px; margin:5px auto;}
.scap-list .scap-time{ font-size:16px;}
.scap-list .scap-text{ font-size:18px;}

.scap-wrap::after{ top:69px; height:49%;}
.scap-wrap::before{bottom: 27.8%;}



}

@media screen and (max-width:520px) {


}

@media screen and (max-width:450px) {

.scap-list .scap-text {
    font-size: 16px;
}
}

