@charset "utf-8";
*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
html,body{
   width: 100%;
   height: 100%;
}
ul li{
   list-style: none;
}


.agenda_item span.hidden_text {
   visibility: hidden;
   width:100px;
   display:inline-block;
   min-width: 80px;
}
.hidden_text {
   visibility: hidden;
}

#rong_box{
   width: 100%;
   height: 100%;
   /* background: url("./imgs/bg.jpg")no-repeat top center; */
   color: #fff;
   /* background-size: 100% 100%; */
   /* background-position: 0 667px; */
   /* background: red; */
   overflow: auto;
}
.header_bg {
   background: url("./imgs/bg_head.png") no-repeat center ;
   background-size: cover;
   position:absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0px;
   width: 100%;
   height: 100%;
}
/* 头部 */
header{
   width: 100%;
   /* height: 667px; */
   position: relative;
   /* background: pink; */
}
.content_box{
   width: 1000px;
   height: 100%;
   margin: 0 auto;
}
.content_box_2{
   width: 718px;
   height: 100%;
   margin: 0 auto;
}
.content_box_3{
   width: 718px;
   height: 100%;
   margin: 0 auto;
   display:flex;
   flex-wrap:wrap;
}
header img{
   width: 130px;
   height: 97px;
   margin-bottom: 38px;
}
.head_title {
   /* margin-bottom: 30px; */
   
}
.head_title h3{
   color: #00faff;
   font-size: 25px;
   letter-spacing: 5px;
}
.head_title h3 span{
   /* font-size: 16px; */
   letter-spacing: 2px;
}
.award-list .award-item {
   width:50%;
}
.head_title h1{
   display: flex;
   /* background: blue; */
}
.head_title h1 div{
   /* width: 100%; */
   /* margin: 13px auto 30px auto; */
   color: #ea5504;
   font-size: 50px;
   letter-spacing: 10px;
}
.head_title h1 .top{
   /* flex: ; */
   width: 100%;
}
.head_title h1 .top p{
   color: #00DAEC;
   font-size: 20px;
   letter-spacing: 1.7px;
}
.head_title h1 .bottom{
   /* width: 180px; */
   width: 100%;
   max-width: 160px;
   /* background: yellow; */
}
.head_title h1 .bottom img{
   /* margin: 8px 0 0 0; */
   float: right;
   width:60px;
   height: 60px;
   margin-left: 10px;
}
.head_title h1 .bottom img:last-child{
   margin-left: 0px;
}
.head_title .title_top{
   margin: 20px auto;
   max-width: 358px;
   background: #00daec;
   color: #19156c;
   font-size: 27px ;
   height: 38px;
   line-height: 34px;
   text-align: center;
   border: 1px solid #0898c1;
}
.head_title>p{
   text-align: center;
   font-size: 20px;
   letter-spacing: 2px;
}
.head_title>p .sponsor{
   margin-right: 30px;
}
header .head_title .title_m{
   display: none;
}
header .head_title .head_img_box{
   display: none;
}

/* 主体内容 */

.main{
   background: url("./imgs/bg.jpg")no-repeat top center;
   /* background-position: 0 272px; */
   background-size: 100% 100%;
   padding-bottom: 0.1px;
}
.main .content_box{
   /* background: pink; */
}
section{
   /* background: red; */
}
 #section_1{
   margin-bottom: 30px;
   /* background: red; */
   padding-left: 50px;
   padding-top: 0.1px;
   font-family:"Microsoft YaHei","PingFang SC";
   font-weight: 500;
}
 #section_1 h5{
   font-size: 21px;
   margin: 18px 0;
}
 /* #section_1 h6{
   font-size: 16px;
   margin: 18px 0;
} */

#section_1 .item_box .item{

   width: 428px;
   margin-right: 37px;
   
}

#section_1 .item_box{
   display: flex;

} 

#section_1 .item_title{
   /* background: pink; */
   height: 34px;
   line-height: 34px;
   font-size: 15px;
   padding: 0 15px 0 22px;
   margin-bottom: 20px;
   color: #19156c;
   background: url("./imgs/bluetap.png");
}
#section_1  .item_title_bg{
      background: #201e80;
      border: 1px solid #00e0f0;
      color: #00e0f0;
}
#section_1 .item_title button{
   float: right;
   margin-right: 10px;
   margin-top: 8px;
   border: none;
   width: 25px;
   height: 20px;
   cursor: pointer;
   background: url("./imgs/top.png")no-repeat center center;
   /* transform:rotate(90deg); */
}
#section_1 .list{
   margin: 00px 0 30px 0;
}
#section_1 .list .list_item {
   margin-bottom: 26px;
   height:75px;
   display:flex;
   align-items: center;
}
#section_1 .media .list_item:last-child{
   /* margin-bottom: 90px; */
}
#section_1 .award .list .list_item img{
   display: none;
}
#section_1 .list .list_item img{
   width: 75px;
   height: 75px;
   border-radius: 50%;
   float: left;
   margin-right: 7px;
}
#section_1 .list_item_box_text .list_item_box{
   height: 75px;
   line-height: 75px;

}
#section_1 .list_item_box p:first-child{
   font-size: 16px;
   margin-bottom: 6px;
}
#section_1 .list_item_box {
   margin-left:15px;
   flex:1;
}
#section_1 .list_item_box p:last-child,#section_1 .list_item_box .smalltext{
   font-size: 13px;
   color: #9dc3e3;
}
/* #section_1 .item_title button:focus{schedulebg
   border: none;
} */

.section_2{
   height: 533px;
   background: rgba(5,9,94,0.6) ;
}


 .section_title{
   text-align: center;
   height: 140px;
   line-height: 140px;
   margin-bottom: 10px;;
   margin-top: 20px;;
   font-size: 21px;
   background: url("./imgs/title_bg.png")no-repeat center center;
}

.section_2 .section_2_centent{
   margin: 0 auto;
   position: relative;
}

.arrow{
   width: 32px;
   height: 32px;
   border: none;
   border-radius: 50%;
   position: absolute;
   cursor: pointer;
}
.arrow:focus {
   outline: none;
}
 .btn_left{
   top: 50%;left: 10%;
   /* border: 1px solid red; */
  
   background: url("./imgs/left.png");
}  
 .btn_right{
   top: 50%;right: 10%;
   background: url("./imgs/right.png");
}


.section_2 .section_2_centent .top{
   width: 356px;
   margin: 0 auto;
   /* background: red; */
   display: flex;
   justify-content: space-around;

}
.section_2 .section_2_centent .top li{
   width: 100%;
   /* background: yellow; */
   cursor: pointer;
   text-align: center;
   padding-bottom: 18px;
   border-bottom: 1px solid #315097;
}
.section_2 .section_2_centent .top li:nth-child(1){

   border-bottom: 1px solid #315097;

}
.section_2 .section_2_centent .bottom {
    width: auto;
    min-height: 280px;
    margin: 31px auto;
}
.section_2 .section_2_centent .bottom ul{
   height: 300px;
}
.section_2 .section_2_centent .bottom li{
   display: none;
   width: 800px;
   margin: 0 auto;
   height: 300px;
   text-align: center;
}
.section_2 .section_2_centent .bottom li>div{
   display: inline-block;
}
.section_2 .section_2_centent .bottom div{
   padding: 6px;
   margin-right: 24px;
   background: #3c62a6;
}
.section_2 .section_2_centent .bottom div p{
   margin:11px 0;
   font-size: 15px;
   text-align: center;
}
.section_2 .section_2_centent .bottom div:last-child{
   margin-right: 0;
   
}
.section_2 .section_2_centent .bottom img{
   width: 208px;
   height: 208px;
}


.section_3{
   /* min-height: 500px; */
   /* background: red; */
}
.content_box_agenda{
   background:rgba(5,9,94,0.6) ;
   padding: 0 0 0 0;
}
.section_3 .section_3_centent {
   width: 860px;
   margin: 62px auto 44px;
   position: relative;
   /* background: blue; */
}


.section_3_centent .btn_left{
   left: 1%;
}
.section_3_centent .btn_right{
   right: 1%;
}
.section_3_centent>ul{
   width: 740px;
   padding-left: 8px;
   margin: 0 auto;
}
.guest_box .section_3_centent>ul li{
   display: none;
   border-radius: 4px;
}
.guest_box_m{
   display: none;
}



.award-wrapper {
   max-width: 785px;
   /* width: 785px; */
   /* height: 800px; */
   padding-bottom: 10px;
   margin: 40px auto 0;
}
.award-list {
   display: flex;
   flex-wrap: wrap;
   padding: 0 0px;
}
.award-list .title {
   color:white;
}
.award-list .top-left {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 80px;
   background:#3c62a6;
   border-top-left-radius: 6px;
}
.award-list .a-top-left{
   border-left:4px solid #3c62a6;
   border-right:2px solid #3c62a6;
}
.award-list .a-top-right{
   border-left:2px solid #3c62a6;
   border-right:4px solid #3c62a6;
}
.award-list .a-bottom-left{
   border-left:4px solid #3c62a6;
   border-right:2px solid #3c62a6;
   border-bottom:4px solid #3c62a6;
}
.award-list .a-bottom-right{
   border-left:2px solid #3c62a6;
   border-right:4px solid #3c62a6;
   border-bottom:4px solid #3c62a6;
}
.award-list .top-right {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 80px;
   background:#3c62a6;
   border-top-right-radius: 6px;
}
.award-list .name {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 80px;
   background:#3c62a6;
}

.award-list .desc.bottom-right{
   border-bottom-right-radius: 6px;
}
.award-list .desc.bottom-left{
   border-bottom-left-radius: 6px;
}

.award-list .desc {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 336px;
   text-decoration: none;
}
#mapContainer {
   width:auto;
   height:300px;
   margin-top:20px;
}
.award-list .desc .pic {
   width: 200px;
   height: 200px;
   margin-bottom: 16px;
}

.award-list .desc .link-text {
   padding: 4px 25px;
   border: 2px solid #96bbba;
   border-radius: 5px;
   font-size: 14px;
   color: #96bbba;
   background: rgba(150, 187, 186, 0.3);
}

.section_3_centent>ul li .item_people:last-child{
   margin-right: 0;
}
.section_3_centent>ul li>div{
   display: flex;

}
.section_3_centent>ul li .bottom{
   margin-top: 58px;
}
.section_3_centent .item_people {
   margin:0 16px 0 0;
   width: 134px;
   height: 142px;
   background: #3c62a6;
   border-radius: 3px;
   
}
.section_3_centent .item_people img{
   width: 90px;
   height: 90px;
   border-radius: 50%;
   border: 3px solid #ffa800;
   margin: -46px 0 0 23px;

}

.gradient_color {
   background:linear-gradient(90deg,transparent 130px,#2c4e92 265px, transparent 400px);
   color:#FFA800;
   font-weight: 600;
   line-height: 20px;
}
.section_3_centent .item_people span{
   text-align: center;
   display: block;
   font-size: 12px;

}
.section_3_centent .item_people .name{
   margin: 10px auto;
   font-size: 14px;
}
.section_3_centent .item_people .conpany{
   margin: 7px auto 10px auto;
}


.section_3 .agenda{
   height: auto;
   background: url("./imgs/schedulebg.png");
   background-size: 100% 100%;
   display: flex;
   font-size:16px;
   padding-bottom:20px
}
.section_3 .agenda .left{
   width: 165px;
   text-align: right;
   font-size: 20px;
   padding-right: 38px;
   padding-top: 383px;
}
.section_3 .agenda .left span {
   display: block;
   font-size: 60px;
   padding-right: 7px;

}
.section_3 .agenda .right{
   width: 627px;
   padding-top: 28px;
   font-size: 14px;
   padding-left: 50px;
}
.agenda_item{
   margin-bottom: 16px;
   line-height:16px !important;
}

.agenda_item img{
   width: 8px;
   height: 13px;
   margin: 0 37px 0 28px;
}
.agenda_item :first-child{
   display: inline-block;
   min-width: 80px;
   width:100px;
}
.video_box {
   /* height: 500px; */
   /* background: red; */
}
.video_box .top{
   text-align: center;
   margin-bottom: 37px;
   /* margin-right: 0; */
}
.video_box .top a{
   display: block;
   width: 100%;
   color: #fff;
   text-decoration: none;
   /* background: red; */
}
.video_box .top button:focus{
   outline: none;
   vertical-align: top;
}
.video_box #imageDisplay,.video_box #example_video_5 {
   width:660px;
}

.video_box .top button{
   width: 272px;
   height: 46px;
   color: #fff;
   background: #3c62a6;
   /* #19156c */
   font-size: 17px;
   letter-spacing: 2px;
   border: none;
   cursor: pointer;
   border-top: 3px solid #FFA800;
}

.video_box .bottom{
   width: 660px;
   margin: 0 auto;
   /* background: pink; */
}
.video_box .bottom ul{
   width: 100%;
   height: 100%;
}
.video_box .bottom li{
   width: 100%;
   height: 100%;
   /* visibility: hidden; */
}
.video_box .bottom video{
   /* width: 100%;
   height: 100%; */
}
/* #video-player,#video-player2{
   margin: 0 auto;
   display: block;
} */
#LiveBroadcast .bottom li:nth-child(2){
   display: none;
}
.palyerId img{
   /* width:100%;
   height: 100%; */
   display: block;
   margin: 0 auto;
}
.video-js .vjs-big-play-button {
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
}
.video-js {
   position: relative !important;
   width: 100% !important;
   height: 100% !important;
}
.section_4{
   margin-bottom: 50px;
}
.map_box{
   height: 600px;
   background: #090e5f;
   font-family: PingFang SC;
}
.map_box .content_box{
   padding-left: 50px;
   padding-top:10px;
}
.map_box .content_box::after{
   clear:both;
   content:'';
}
.map_box .left{
   width: 382px;
   height: auto;
   margin-right: 43px;
}
.map_box .right{
   vertical-align: top;
   height: 272px;
   float:left;
   padding-left:10px;
   padding-right:10px;
   flex:1;
   /* background: red; */
}
.map_box .map_text_title{
   font-size: 16px;
   margin-bottom: 16px;
   margin-top: 16px;
   color: #ffa800;
   font-weight: 500;
}
.map_box .map_text span{
   display: inline-block;
   min-width: 60px;
}
.map_box .right p{
   font-size: 16px;
   margin-bottom: 10px;
}
.map_box .right .bottom{
   margin-top: 21px;
}



/*  页尾  */

footer{
   /* margin-top: 30px; */
   margin-bottom: 50px;
}
footer .content_box{
   width: 663px;
}
.foot_box{
   min-height: 480px;
   /* overflow: auto; */
}
.foot_box .item_title{  
   margin-bottom: 16px;
   color: #FFA800;
   /* border-bottom: 1px solid #385AA0; */
   text-align: center;
   
   font-size: 18px;
   font-family: Heiti SC;
   font-weight: bold;
   color: #FFA800;
   /* margin-left: 80px;
   text-indent: -80px; */
}
.foot_box .item_type{
   margin-bottom: 31px;
}
.foot_box .item_box>div{
   /* display: flex; */
}
.foot_box .item_box{
   text-align: center;
   margin-bottom: 20px;
}
.foot_box .item_box .item{
   /* width: 89px;
   height: 36px; */
   display: inline-block;
   margin:0  0px  17px 0;
   /* background: red; */
}
.foot_box .item_box .item img{
   
}
.foot_box::-webkit-scrollbar {
   /*滚动条整体样式*/
   width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
}
.foot_box::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 3px;
   background: #f3a40a;
   height: 77px;

}
.foot_box::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   background-color: #3a5da3;
   border-radius: 3px;
}



@media screen and (max-width:500px){
   /* .palyerId{
      background: red; */
      /* object{
         width: 300px;
         height: 172px;
      } */
      #video-player{
         width: 300px;
         height: 172px;
      }
      .palyerId img{
         width: 280px!important;
         height: 172px!important;
      }
      .palyerId iframe{
         width: 300px!important;
         height: 172px!important;
      }
   /* } */
   .content_box{
      padding: 0!important;
   }
   .section_3{
      padding: 0 20px!important;
   }
   .map_box .content_box .right .top>div{
      vertical-align: top;
   }
   .map_box .content_box .right .top p{
      display: block!important;
      vertical-align: top;
      text-align: left;
   }
   .foot_box .item_box .item{
      display: inline-block;
      margin-right: 0!important;
   }

   .main{
      margin-top: -20px;
   }
   .head_title h3 span{
      /* font-size: 12px!important; */
      letter-spacing: 0px!important;
   }
   .head_title>p span{
      display: block;
      width: 100%;
      text-align: center;
      
   }
   .head_title h1{
      font-size: 16px!important;
      letter-spacing: 5px!important;
   }
   .head_title h1 div{
      font-size: 40px!important;
      margin-bottom: 10px;
   }
   .head_title>div{
      width: 200px;;
      margin:  0 auto;
      font-size: 16px!important;
   }
   header .head_title .title_p{
      display: none;
   }
   header .head_title .title_m{
      display: block;
   }
   header .head_title .head_img_box{
      display: inline-block;
      /* background: red; */
      float: right;
   }
   header .head_title .head_img_box img{
      width: 60px;
      height: 60px;
      margin-bottom: 0;
   }
   header .head_title>h3{
      position: relative;
      margin-bottom: 10px;
      height: 65px;
      /* background: yellow; */
   }
   header .head_title>h3 span:first-child{
      position: absolute;
      bottom: 0;
   }
   .head_title .title_top{
      margin: 20px 0;
   }
   .head_title>p span{
      text-align: left;
   }




}