@charset 'UTF-8';
.footer-wrap:nth-child(n+2) {
  margin-top: 0
}

.button {
  border-radius: 54px;
  background: #fffffe
}
@media screen and (max-width:950px) {
  .button {
    border-radius: 50px
  }
}
.button > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 210px;
  height: 54px;
  margin: 0 auto;
  border: none;
  border-radius: 54px;
  color: #222;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}
@media screen and (max-width:950px) {
  .button > a {
    width: 215px;
    height: 50px;
    border-radius: 50px
  }
}
@media screen and (max-width:950px) {
  .button > a:active {
    opacity: .7
  }
}
@media screen and (min-width:951px) {
  .button > a:hover {
    opacity: .7
  }
}


/*----------------

mainvisualBanner


---------*/
.mainvisual {
  position: relative;
  max-width:100% ;
  height: 34vw
}
@media screen and (max-width:950px) {
  .mainvisual {
    height: 768px
  }
}
@media screen and (max-width:768px) {
  .mainvisual {
    height: 0;
    padding-top: 100%
  }
}
.mainvisual__group {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.mainvisual__item {
  overflow: hidden;
  background-color: #fff
}
.mainvisual__item > a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
@media screen and (max-width:950px) {
  .mainvisual__item > a:active {
    opacity: .7
  }
}
@media screen and (min-width:951px) {
  .mainvisual__item > a:hover {
    opacity: .7
  }
}
.mainvisual__item img {
    position: absolute;
    top: -1000%;
    right: -1000%;
    bottom: -1000%;
    left: -1000%;
    min-width: calc(500% + 10px);
    max-width: none;
    min-height: calc(500% + 10px);
    margin: auto;
    -webkit-transform: scale(.2);
    transform: scale(.2);
}
.mainvisual__item img {
    max-width: 100%;
    width: 100%;
    border-style: none;
    vertical-align: bottom;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    cursor: pointer;
  }
}
.is-initialized .mainvisual__item {
  opacity: 0;
  -webkit-transition: opacity 1.8s ease 1.8s;
  transition: opacity 1.8s ease 1.8s
}
.is-initialized .mainvisual__item:nth-child(n+2) {
  display: block
}
.is-initialized .mainvisual__item.is-active {
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 1.8s ease;
  transition: opacity 1.8s ease
}
.mainvisual__pagination {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 30px;
  left: 0;
  width: 100%
}
@media screen and (max-width:950px) {
  .mainvisual__pagination {
    bottom: 15px
  }
}
.mainvisual__pagination__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center
}
.mainvisual__pagination__inner > * {
  width: 40px;
  height: 6px;
  margin-left: 20px;
  border-radius: 0;
  background-color: #e5edf4;
  opacity: 1
}
@media screen and (max-width:950px) {
  .mainvisual__pagination__inner > * {
    width: 30px;
    height: 4px;
    margin-left: 10px
  }
}
.mainvisual__pagination__inner > :first-child {
  margin-left: 0
}
.mainvisual__pagination__inner > .swiper-pagination-bullet-active {
  background: #338edc
}
.mainvisual__control {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%
}
.mainvisual__control-next, .mainvisual__control-prev {
  position: absolute;
  width: 30px;
  height: 52px;
  margin-top: -25px;
  background-size: cover;
  cursor: pointer
}
@media screen and (max-width:950px) {
  .mainvisual__control-next, .mainvisual__control-prev {
    width: 22px;
    height: 38px;
    margin-top: -19px
  }
}
@media screen and (max-width:950px) {
  .mainvisual__control-next:active, .mainvisual__control-prev:active {
    opacity: .7
  }
}
@media screen and (min-width:951px) {
  .mainvisual__control-next:hover, .mainvisual__control-prev:hover {
    opacity: .7
  }
}
.mainvisual__control-prev {
  left: 20px;
  /*-webkit-transform: rotate(180deg);
  transform: rotate(180deg)*/
}
@media screen and (max-width:950px) {
  .mainvisual__control-prev {
    left: 10px
  }
}
.mainvisual__control-next {
  right: 20px
}
@media screen and (max-width:950px) {
  .mainvisual__control-next {
    right: 10px
  }
}






/*------------跑馬燈--------*/

.top__latestInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 40px auto 0;
  padding: 30px 20px 30px 37px;
  border: solid #36c 2px;
  border-radius: 30px;
  -webkit-box-align: center;
  align-items: center
}
.top__latestInfo_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  width: 190px;
  color: #36c;
  white-space: nowrap;
  font-weight: 400;
  font-size: 18px;
  -webkit-box-align: center;
  align-items: center
}
.top__latestInfo_slide {
  width: calc(100% - 324px)
}
.top__latestInfo_detail {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%
}
.top__latestInfo_detail dt {
  width: 120px;
  color: #666;
  font-size: 16px;
  line-height: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;

}

.top__latestInfo_detail dd {
  color: #666;
  font-size: 16px;
  line-height: 1.8;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.top__latestInfo_btn:hover {
  opacity: .7
}

.top__latestInfo_btn.next {
position: absolute;
top: calc((100% - 33px)/ 2);
right: -96px
}
.top__latestInfo_btn.previous {
position: absolute;
top: calc((100% - 33px)/ 2);
right: -134px
}
.top__latestInfo_btn.play {
display: none
}
.top__infoBanner-wrap {
position: relative;
width: 1200px;
margin: 60px auto 0;
padding-bottom: 30px
}
/*------marqueeNews icon------*/
.top__latestInfo_btns {
  width: 114px;
  margin-left: 20px
}
.top__latestInfo_btn {
  width: 33px;
  height: 33px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.top__latestInfo_btn:nth-child(n+2) {
  margin-top: 0
}



@media screen and (max-width:950px) {
  .top__latestInfo_btn:active {
    opacity: .7
  }
  .top__latestInfo {
    display: block;
    position: relative;
    width: calc(100% - 30px);
    margin: 20px 15px 0;
    padding: 10px 20px;
    border-radius: 20px
  }
  .top__latestInfo_title {
    width: auto;
    padding-bottom: 5px;
    background: #fffffe
  }
  .top__latestInfo_title span {
    width: 34px;
    height: 34px;
    border-radius: 34px
  }
  .top__latestInfo_title span img {
    width: 24px
  }
  .top__latestInfo_slide {
    width: 100%
  }
  .top__latestInfo_detail {
    display: block !important;
    width: 100%;
    margin-bottom: 10px
  }
  .top__latestInfo_detail dt {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 5px;
    color: #888;
    font-size: 14px
  }
  .top__latestInfo_btns {
    width: 124px;
    margin: 0 0 0 auto
  }
  .top__latestInfo_btn.next {
    top: auto;
    right: 43px;
    bottom: -32px
  }
  .top__latestInfo_btn.previous {
    top: auto;
    right: 0;
    bottom: -32px
  }
  .top__latestInfo_btn.play {
    display: none
  }
}






/*--------------index/news-----------*/

.top__about_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width:85%;
  margin-left:220px;
  line-height: 1.6;
  min-height:280px;
  max-height:280px;
  overflow: hidden;
}

.top__about_inner a{
  text-decoration: none;
color:#222;
font-size: 16px;}

.top__about_inner a:active,.top__about_inner  a:hover{
  text-decoration: none;
  color: #338edc;
}

.top__about_recommend {
  position: relative;
  width: 1200px;
  max-width: 1200px;
  height: 393px;
  margin: 65px auto 75px auto;
  border-radius: 30px;
  background: #fffffe
}
.top__about_recommend::before {
  content: '';
  position: absolute;
  top: -75px;
  right: 75%;
  width: 1000px;
  height: 366px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background: linear-gradient(135deg, #13ff4b 0, #0afb95 24%, #00f6de 47%, #06caff 100%);
  opacity: .149
}

.top__about_recommend__head {
  position: absolute;
  top: 70px;
  left: 60px
}
.top__about_recommend__title {
  font-size: 28px;
  color:#0E5DA8;
  font-weight:400;
  letter-spacing:.5px
}
.top__about_recommend__leadText {
    margin-top: 15px;
    color: #666;
    line-height: 1.45
}
.top__about_leadText {
  margin: 0px auto 15px auto;
  display: block;
  color: #666;
  font-size: 18px;
  line-height: 1.6
}



.top__about_Wrap {
  position: absolute;
  top: 40px;
  left: 60px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 40px 79px
}




@media screen and (max-width:1024px) {

.top__about_inner {
  margin-left: 225px;
  max-width: 75%;}


}




@media screen and (max-width:950px) {

    .top__importantInfo {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 21px 15px 29px
    }

    .top__importantInfo_inner {
        display: block;
        width: 100%
    }

    .top__importantInfo_title {
        width: auto;
        margin-bottom: 18px
    }

    .top__latestInfo {
        display: block;
        position: relative;
        width: calc(100% - 30px);
        margin: 20px 15px 0;
        padding: 10px 20px;
        border-radius: 20px
    }

    .top__latestInfo_title {
        width: auto;
    padding-bottom: 10px;
    /* background: #fffffe; */
    border-bottom: #ddd solid 1px;
  }
  .top__latestInfo_title span {
    width: 34px;
    height: 34px;
    border-radius: 34px
  }
  .top__latestInfo_title span img {
    width: 24px
  }
  .top__latestInfo_slide {
    width: 100%
  }
  .top__latestInfo_detail {
    display: block !important;
    width: 100%;
    margin-bottom: 10px
  }
  .top__latestInfo_detail dt {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 5px;
    color: #888;
    font-size: 14px
  }
  .top__latestInfo_btns {
    width: 124px;
    margin: 0 0 0 auto
  }
  .top__latestInfo_btn.next {
    top: auto;
    right: 43px;
    bottom: -32px
  }
  .top__latestInfo_btn.previous {
    top: auto;
    right: 0;
    bottom: -32px
  }
  .top__latestInfo_btn.play {
    display: none
  }


  .top__banner_footerUp {
    width: calc(100% - 30px);
    margin: 35px 15px 0;
    padding-bottom: 7px
  }
  .top__banner_footerUp a {
    width: calc((100% - 15px)/ 2);
    margin-bottom: 22px
  }
  
 
 
  

  .top__live_text {
    margin: 0 15px;
    font-size: 16px
  }
  
 




/*----index about tit--*/

  .top__about_recommend {
    position: relative;
    width: calc(100% - 30px);
    height: 413px;
    margin: 45px 15px 0;
    border-radius: 20px
  }
  .top__about_recommend::before {
    position: absolute;
    top: -25px;
    right: auto;
    left: -15px;
    width: 210px;
    height: 210px;
    border-radius: 0 20px 20px 0;
    opacity: .149
  }



  .top__about_recommend__head {
    top:0px;
    left: 25px
  }
  .top__about_recommend__title {
    font-size: 26px

  }
    .top__about_recommend__leadText {
        margin-top: 10px;
        border-left: #007aff solid 2px;
        padding: 0 10px;
    }

  .top__about_Wrap {
    position: absolute;
    top:60px;
    right:0px;
    left: 0px;
    width: auto;
    padding: 0 0 15px
  }
}
  @media screen and (max-width:768px) {
  .top__about_inner {
    max-width:95%;
  }
  .top__news_lists__content_inner dl dd {
    max-width:100%;
    width:100%;
    margin: auto;
  }

}
  @media screen and (max-width:640px) {


    .top__about_recommend {
        height: 465px;
    }
    .top__about_recommend::before {
      width: 210px;
      height: 160px
    }

    .top__about_Wrap {
      position:relative;
      top:160px;
    }

    .top__about_inner {
      margin-left:auto;
      max-width:100%;
      padding:0 15px
    }

      .top__about_recommend::before {
        width: 100%;}
    
    }
  @media screen and (max-width:374px) {
    
    .top__news_title {
      margin-left: -56px
    }
  }


/*------------------------
title
--------------------*/
  .top__live_head {
    position: absolute;
    top: 0;
    left: calc((100% - 1200px)/ 2);
    max-width: 1200px;
    width: 1200px;
    clear: both;
    height: 223px;
    margin: 0 auto
  }

.top__live_title {
    display: inline-block;
    position: absolute;
    top: -60px;
    left: calc((100% - 215px)/ 2);
    margin: 0 auto;
    text-align: center;
    font-size: 42px;
    font-weight:400;
    color: #0E5DA8;
    line-height: 1.6;
}
  
  .top__live_title span {
    display: block;
    color: #666;
    font-size: 18px
  }



  .top__tit_head {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center
  }

.top__tit_title {
    display: block;
    
    position: relative;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
    font-size: 42px;
    font-weight:400;
    color: #0E5DA8;
}
.top__tit_leadText {   
     display: block;
     color: #666;
    margin: 34px auto 0px auto;
    text-align: center;
    font-size: 16px
  }

  
  @media screen and (max-width:950px) {

 
  .top__tit_title {
    display: block;
   position: relative;
   margin: 0 auto;
     line-height: 1.6 ;
   text-align: center;
   font-style: italic;
   font-size: 44px;}
}
/*------about progress bg--------*/
.progress-container {
  background-color: #eff3f5;
  width: 100%;
  max-width:100%;
  height:3px;
  position:relative;
 
}
.progress-wrapper {
  position: relative;
  top: 50%;
  left: 30%;

}

.progress-background {
  width:65vw;
  height:3px;
  background-color: #F1F1F1 ;
  border-radius: 0;
  position: relative;
  top: 50%;
  left: 0%;
  transform: translate(-50%,-50%);
}
.progress-done {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color:#ed3242;
  border-radius: 0;
}


@media screen and (max-width:768px) {
    .top__live_title {
        top: -55px;
        left: unset;
        font-size: 44px;
        text-align: center;
        margin: auto;
        position: relative;
        display: block;
    }

        .top__live_title::before {
            bottom: -6px
        }

        .top__live_title span {
            font-size: 16px
        }

    .top__live_head {
        top: 0;
        left: 0;
        width: 100%;
        height: 180px
    }


    .top__live_caption {
        margin-bottom: 15px;
        text-align: center;
        font-size: 24px
    }

    .m-liveTit {
        -webkit-line-clamp: 3
    }
}

    /*--- loading------*/

    .loadingArea {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: #3498DB;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
    }

        .loadingArea .logo {
            -webkit-transition: all .8s;
            -o-transition: all .8s;
            transition: all .8s;
        }

        .loadingArea .logo {
            -webkit-transition: all .8s;
            -o-transition: all .8s;
            transition: all .8s;
            display: block;
            width: 250px;
            max-width: 250px;
        }

        .loadingArea.out {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            -webkit-transition-delay: .7s;
            -o-transition-delay: .7s;
            transition-delay: .7s;
        }

            .loadingArea.out .logo {
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
                opacity: 0;
            }