html {font-size: 16px;}
*{margin:0;padding: 0;}
li{list-style-type:none;}
*{margin:0; padding:0; list-style: none; font-family:"Microsoft YaHei",微软雅黑}
h1, h2, h3, h4, h5, h6 {margin-top: 0;color: rgba(0,0,0,.85);font-weight: 500;}
ol,ul,li{list-style:none;}
img{border:0;}
a{text-decoration:none; transition: .2s;}
a:hover{text-decoration:none; }
.clearboth{clear: both;}

body{background: #FFF; font-size: 16px;min-width: 1220px;}
.flex{display: flex !important;}
.flex.r-w{flex-direction:row;flex-wrap:wrap;}
.flex.cl-w{flex-direction:column;flex-wrap:wrap;}
.flex.cl{flex-direction: column;}
.flex.fstart{justify-content:flex-start;}
.flex.fend{justify-content:flex-end;}
.flex.fcenter{justify-content:center;}
.flex.fsb{justify-content:space-between;}
.flex.fsa{justify-content: space-around;}
.flex.astart{align-items:flex-start;}
.flex.ac{align-items:center;}
.flex.astretch{align-items:stretch;}
.flex_1 {-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;content:' ';clear:both;}
.fline{overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }
.fline1{ -webkit-line-clamp: 1;line-clamp: 1;}
.fline2{ -webkit-line-clamp: 2;line-clamp: 2;}
.fline3{ -webkit-line-clamp: 3;line-clamp: 3;}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

#special-page{width: 100%;padding-bottom: 0;}
#special-page .special-head{}
#special-page .special-head .head-img{width: 100%;margin: 0 auto;height: auto;}

#special-page .special-con.special-body{}
#special-page .special-con.special-body .special-nav{margin-top: -75px;}
#special-page .image_scale{overflow: hidden;}
#special-page .image_scale img{
   transition: all 0.8s;
    -ms-transition: all 0.8s;
}
#special-page .image_scale img:hover{
  transform: scale(1.1);
    -ms-transform: scale(1.1);
}

section{width: 1030px;margin: 0 auto;}
.special-head{margin-bottom: 22px;}
.introduce{margin-bottom: 42px;}
.introduce-swiper{width: 460px;height: 307px;}
.introduce-swiper img{width: 100%;height: auto;}
.introduce-infos{width: 550px;padding: 0 2px;}
.introduce-infos .title{font-size: 26px;color: #070707;}
.introduce-infos .title p{color: #070707;font-weight: bold;}
.introduce-infos p,.introduce-infos h4{font-size: 14px; line-height: 31px;color: #777373;}
.introduce-infos .btn-details{background: #415285;font-size: 24px; text-align: center; width: 150px; height: 40px;line-height: 38px; color: #FFF;cursor: pointer;margin-top: 16px;}

.en-title{text-transform: uppercase; font-size: 40px;color: #3e3c3c;text-align: center; margin: 22px 0;}
.block-title{font-size: 28px; text-align: center;margin-bottom: 22px;color: #1D1D1D;}
.block-desc{color: #A2A2A2;font-size: 20px; text-align: center;}
.dc-title{width: 100%;height: 1px;border: 1px solid #dddddd;background: #000;position: relative;}
.dc-title:before{content: ''; width: 36px;height: 9px;background: #fef164;position: absolute;left: 50%;margin-left: -18px;top: -5px;}
.activity-con{font-size: 16px;color: #3e3c3c;line-height: 28px;font-weight: 500;position: relative;margin-bottom: 22px;}
.activity-con:before{content: '';width: 10px;height: 28px;background: #415285;margin-right: 12px;}

.news-items{width: 100%;padding-top: 22px;}
.news-items li{width: 325px;margin-bottom: 22px;}
.news-items li:nth-child(2){margin-left: 27px;margin-right: 27px;}
.news-items li:nth-child(5){margin-left: 27px;margin-right: 27px;}
.news-items li:nth-child(8){margin-left: 27px;margin-right: 27px;}
.news-items li img{width: 100%;height: auto;}
.news-items li a{color: #000;font-size: 16px;}
.news-items li .title{margin: 14px 0;font-weight: bold;}
.track-box{background: url('../../static/images/track-bg.jpg');width: 100%;min-height: 100px;padding: 22px 0;}
.track-box .block-title{color: #FFF;}
.track-box .dc-title{background: #5C5C5C;}
.track-box .dc-title:before{background: #77C59E;}
.track-items li{width: 440px;background: #5C5C5C;padding: 19px 25px;margin-top: 30px;position: relative;}
.track-items li:before{content: '';width: 8px;height: 100%;background: #77C59E;position: absolute;top: 0;left: 0;}
.track-items li:nth-child(2n){margin-left: 50px;}
.track-items img{width: 39px;height: 40px;margin-right: 15px;}
.track-items .title,.track-items a{color: #ECECEC;font-size: 21px;}
.track-items .track-desc{font-size: 16px;color: #BDBDBD; margin-top: 12px;}

.track-explain{padding: 22px 0;}
.track-explain .block-desc{margin-bottom: 22px;}
.track-explain .dc-title:before{background: #50CDF0;}
.track-explain .axis-box{margin: 22px 0;}
.track-explain .axis-items{}
.track-explain .axis-title{width: 130px;border-right: 1px solid #BFBFBF;margin-right: 22px;line-height: 100%;}
.track-explain .axis-title:after{content: '';width: 10px;height: 10px;border-radius: 10px;background: #50CDF0;margin-right: -5px;}
.track-explain .axis-con{background: #5C5C5C;border-radius: 8px;padding: 10px 22px;color: #FFF;font-size: 20px;line-height: 35px;margin:12px 0;}

.prize-box{background: url('../../static/images/przie-bg.jpg') no-repeat;background-size: auto; padding: 22px 0;}
.prize-box .block-title{color: #FFF;}
.prize-types{padding: 0 3%; width: 920px; height: 60px;line-height: 60px;text-align: center;color: #FFF; cursor: pointer;margin: 22px auto;}
.prize-types .swiper-slide{width: auto;height: 86%; margin-right: 16px;background:unset;border: 1px solid #FFF;    padding: 0 21px;}
.prize-types .active{background: #FEF164;color: #333;}

.prize-items{display: none;}
.prize-items img{width: 100%;height: 100%;}
.prize-items .swiper-slide{position: relative;height: 180px;}
.prize-items .bg{position: absolute;width: 100%;height: 100%;background: rgb(0, 0, 0,20%);}
.prize-items .title{position: absolute; text-align: center;color: #FFF;font-size: 18px;
line-height: 28px;padding: 7%;}

.hg-box{background: url('../../static/images/hg.jpg');padding: 22px 0;}
.hg-box .block-title{color: #FFF;}
.hgimgs-box{width: 470px;position: relative;margin-top: 22px;}
.hg-imgs{height: 300px;}
.hg-imgs img{width: 100%;height: 100%;}
.hg-imgs .swiper-slide{height: 135px;}
.hgvido-box{width: 500px;position: relative;margin-top: 22px;}
.hg-vido{height: 281px;}
.hg-vido .swiper-slide{position: relative;}
.hg-vido .vido-bg{width: 100%;height: 100%;}
.hg-vido .btn-void{position:absolute; top: 0;left: 0; width: 100%;height: 100%;}
.hg-vido .btn-void img{cursor: pointer;}
.swiper-pagination-bullet{background: #FFF;opacity: 1;}
.swiper-pagination-bullet-active{background: #2660e1;}
.videoshow{position: absolute;top: 0;left: 0; display: none;}

.vido{width: 100%;height: 440px;}
@media (max-width: 768px){
  body{min-width: auto;}
  section{width: 97%;margin: 0 auto;}
  .introduce-infos .title{font-size: 16px;letter-spacing: 1px;font-weight: 500;}
  .introduce-infos .btn-details{font-size: 14px;width: 20%;height: 28px; line-height: 28px;float: right;}
  .en-title{font-size: 22px;};
  .block-title{font-size: 18px;font-weight: 500;}
  .block-desc{font-size: 13px;}
  .introduce-swiper{display: none;}
  .special-head{margin-bottom: 10px;}


  .news-items li{width: 100%;margin-bottom: 22px;}
  .news-items li:nth-child(2){margin-left: 0px;margin-right: 0px;}
  .news-items li:nth-child(5){margin-left: 0px;margin-right: 0px;}
  .news-items li:nth-child(8){margin-left: 0px;margin-right: 0px;}


  .track-items li{width: 100%;}
  .track-items li:nth-child(2n){margin-left: 0px;}

  .track-explain .axis-con{font-size: 14px;padding: 5px 12px;line-height: 22px;}
  .track-explain .axis-title{width: 21%;}
  .track-items .title, .track-items a{font-size: 16px;}
  .track-items .track-desc{font-size: 14px;}
  .track-box .block-title,.track-infos .block-title{color: #FFF;}

  .prize-types{width: 100%; margin:13px 0 13px 0;line-height: unset;height: unset;}
  .prize-types .swiper-slide{height: 44%;padding: 0 9px;}

  .hgimgs-box{width: 100%;}
  .hg-imgs{height: 300px;}
  .hg-imgs .swiper-slide{height: 132px;}
  .hgvido-box{width: 100%;}
  .hg-vido{height: 215px;}
}

@media (min-width: 1400px) {

}
@media (min-width: 2000px) {
}
@media (min-width: 2600px) {  
}