.interestingScience .wrapper{margin: 0 auto;}

.interestingScience .banner{height: 280px;padding-top: 94px;}
.interestingScience .banner h3{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #FFFFFF;letter-spacing: 2px;text-align: center;margin-bottom: 18px;}
.interestingScience .banner p{font-size: 20px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;}

.interestingScience .des{margin-top: 60px;}
.interestingScience .des p{width: 980px;margin: 0 auto;font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;}

.interestingScience .videoList{margin-top: 80px;}
.interestingScience .videoList .title{margin-bottom: 50px;}
.interestingScience .videoList .title h5{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 40px;margin-bottom: 20px;}
.interestingScience .videoList .title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}

.interestingScience .videoList .main{}
.interestingScience .videoList .main ul{}
.interestingScience .videoList .main ul li{font-size: 0;display: none;}
.interestingScience .videoList .main ul li.active{display: block;}
.interestingScience .videoList .main ul li .left{display: inline-block;vertical-align: middle;margin-right: 60px;width: 440px;}
.interestingScience .videoList .main ul li .left h5{font-weight: bold;font-size: 24px;color: #222222;letter-spacing: 1px;line-height: 40px;margin-bottom: 20px;margin-top: 0;}
.interestingScience .videoList .main ul li .left p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;margin-bottom: 30px;}
.interestingScience .videoList .main ul li .left span{display: block;font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 24px;margin-bottom: 10px;}
.interestingScience .videoList .main ul li .left .detail{}
.interestingScience .videoList .main ul li .left .detail a{display: inline-block;margin-left: 48px;}
.interestingScience .videoList .main ul li .left .detail a:first-child{margin-left: 0;}
.interestingScience .videoList .main ul li .left .detail a i{display: inline-block;vertical-align: middle;font-style: normal;margin-right: 10px;font-size: 16px;color: #DD2C34;letter-spacing: 0.5px;line-height: 24px;}
.interestingScience .videoList .main ul li .left .detail img{width: 16px;height: 16px;vertical-align: middle;}

.interestingScience .videoList .main ul li .right{display: inline-block;vertical-align: middle;}
.interestingScience .videoList .main ul li .right .video{width: 680px;height: 390px;}

.interestingScience .videoList .boxList{margin-top: 20px;}
.interestingScience .videoList .boxList p{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;margin-bottom: 10px;}
.interestingScience .videoList .boxList .box{padding: 20px 0;background: #f2f2f2;}
.interestingScience .videoList .boxList .box ul{font-size: 0;}
.interestingScience .videoList .boxList .box ul li{width: 280px;height: 161px;display: inline-block;margin-left: 20px;text-align: center;}
.interestingScience .videoList .boxList .box ul li.active{border: 4px solid #DD2C34;}
.interestingScience .videoList .boxList .box ul li:first-child{margin-left: 0;}
.interestingScience .videoList .boxList .box ul li:after{content: "";display: inline-block;height: 100%;vertical-align: middle;width: 0;}
.interestingScience .videoList .boxList .box ul li span{font-size: 24px;font-family: fangzheng-unionpay-sc;color: #FFFFFF;letter-spacing: 0.75px;text-align: center;display: inline-block;vertical-align: middle;}

.interestingScience .articlesList{margin-top: 80px;margin-bottom: 100px;}
.interestingScience .articlesList .title{margin-bottom: 10px;}
.interestingScience .articlesList .title h5{font-family: fangzheng-unionpay-sc;font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 40px;margin-bottom: 20px;}
.interestingScience .articlesList .title p{font-size: 16px;color: #646464;letter-spacing: 16px;text-align: center;line-height: 20px;}

.interestingScience  .articlesList .content_left{width: 980px;float: none;margin: 0 auto;}
.interestingScience  .articlesList  .news-con-list .date{float: left;width: 80px;height: 57px;text-align: center;margin: 5px 20px 0px 0px;color: #222222;}
.interestingScience  .articlesList  .news-con-list .date .date-strong{font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 36px;}
.interestingScience  .articlesList  .news-con-list .date .date-small{font-size: 14px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 16px;margin-top:5px}
.interestingScience  .articlesList  .news-con-list .date-mobile{display: none;}
/* .interestingScience  .articlesList  .news-con-list{border-top:4px solid #F2F2F2} */
.interestingScience  .articlesList  .news-con-list .news-list-item{max-width: 100%;overflow: hidden; padding: 40px 0; border-bottom: 1px solid #e3e3e3;position: relative;}
.interestingScience  .articlesList  .news-con-list .news-list-item a{display:block}
.interestingScience  .articlesList  .news-con-list .news-list-item .news-list-title{overflow: hidden;margin-bottom: 20px}
.interestingScience  .articlesList  .news-con-list h3{max-width: 80%;font-size: 24px;color: #222222;letter-spacing: 1px;line-height: 30px;float: left;margin:0;font-weight: 500;}
.interestingScience  .articlesList  .news-con-list .label{float: left;margin-top: 3px;}
.interestingScience  .articlesList  .news-con-list .news-list-text{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;word-break: break-word;}
.interestingScience  .articlesList  .news-con-list .news-images {padding:0px 0px 0px 100px;margin-top: 30px;}
.interestingScience  .articlesList  .news-con-list .news-images ul{overflow: hidden;}
.interestingScience  .articlesList  .news-con-list .news-images li{float: left;margin-right: 20px;}
.interestingScience  .articlesList  .news-con-list .news-images li img{width: 200px;height: 112px;max-width: 100%;max-height: 100%;}

.interestingScience  .articlesList  .label-control{display:block}
.interestingScience  .articlesList  .label{ padding: 4px 10px;margin-left: 20px;}
.interestingScience  .articlesList  .label.label-hot{font-size: 14px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 16px;background: #DD2C34;border-radius: 16px;}

@media (max-width: 1220px) {
  .interestingScience .wrapper{width: 89.4%;}

  .interestingScience .des p{width: 85%;}


  .interestingScience .videoList .main ul li .left{width: 39%;margin-right: 4%;}
  .interestingScience .videoList .main ul li .left .detail a{margin-left: 28px;}
  .interestingScience .videoList .main ul li .left .detail a:first-child{margin-left: 0;}
  .interestingScience .videoList .main ul li .left .detail a i{font-size: 14px;}
  .interestingScience .videoList .main ul li .left .detail img{width: 14px;height: 14px;}

  .interestingScience .videoList .main ul li .right{width: 57%;}
  .interestingScience .videoList .main ul li .right .video{width: 100%;height: auto;}

  
  .interestingScience .videoList .boxList{margin-top: 20px;}
  .interestingScience .videoList .boxList .box ul li{width: 23.7%;margin-left: 1.7%;}
  .interestingScience .videoList .boxList .box ul li.active{border: 3px solid #DD2C34;}
  .interestingScience .videoList .boxList .box ul li:first-child{margin-left: 0;}
  .interestingScience .videoList .boxList .box ul li:after{content: "";display: inline-block;height: 100%;vertical-align: middle;width: 0;}
  .interestingScience .videoList .boxList .box ul li span{font-size: 20px;}

  /* .interestingScience  .content_left {width: 100%} */
  .interestingScience  .articlesList  .news-con-list .date {height: 55px;margin: 0px 15px 0px 0px}
  .interestingScience  .articlesList  .news-con-list .date .date-strong {font-size: 36px;line-height: 36px;}
  .interestingScience  .articlesList  .news-con-list .date .date-small {font-size: 12px;line-height: 14px;margin-top: 5px}
  .interestingScience  .articlesList  .news-con-list .news-images li {float: left;margin-right: 15px;}
  .interestingScience  .articlesList  .news-con-list .news-images li img {width: 150px;height: 85px;}
  .interestingScience  .articlesList  .news-con-list .label {margin-top: 4px;}
  .interestingScience  .articlesList  .label.label-hot {font-size: 12px;line-height: 14px;border-radius: 14px;}
  .interestingScience  .articlesList  .label {padding: 4px 8px;margin-left: 10px;}
  .interestingScience  .articlesList  .news-con-list .label {margin-top: 4px;}

  .interestingScience  .articlesList .content_left{width: 85%;margin: 0 auto;}

}

@media (max-width: 980px) {
  .interestingScience .videoList .main ul li .left .detail a i{font-size: 12px;margin-right: 5px;}
  .interestingScience .videoList .main ul li .left h5{font-size: 22px;}
  .interestingScience .videoList .main ul li .left p{font-size: 14px;}
  .interestingScience .videoList .main ul li .left span{font-size: 14px;}
  .interestingScience .videoList .main ul li .left .detail a{margin-left: 8px;}

  .interestingScience .videoList .boxList p{font-size: 14px;}

  .interestingScience  .articlesList  .news-con-list h3{font-size: 20px;line-height: 24px}
  .interestingScience  .articlesList  .news-con-list .news-list-text {font-size: 12px;line-height: 28px;}
  .interestingScience  .articlesList  .label.label-hot {font-size: 12px;line-height: 14px;border-radius: 14px;}
  .interestingScience  .articlesList  .label {padding: 4px 8px;margin-left: 10px;}
  .interestingScience  .articlesList  .news-con-list .label {margin-top: 0;}
}


@media (max-width: 760px) {
  .interestingScience .banner{height: 160px;padding-top: 51px;}
  .interestingScience .banner h3{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #FFFFFF;letter-spacing: 1px;text-align: center;margin-bottom: 13px;}
  .interestingScience .banner p{font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;}

  .interestingScience .des{margin-top: 50px;}
  .interestingScience .des p{width: 89.4%;margin: 0 auto;font-size: 13px;color: #222222;letter-spacing: 0.8px;line-height: 28px;}

  .interestingScience .videoList{margin-top: 50px;}
  .interestingScience .videoList .title{margin-bottom: 30px;}
  .interestingScience .videoList .title h5{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 26px;margin-bottom: 12px;}
  .interestingScience .videoList .title p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}

  /* .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li{text-align: center;} */
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main{align-items: flex-start;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .text{width: 89.4%;margin: 0 auto 0;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .text p{font-size: 16px;color: #222222;letter-spacing: 1px;text-align: center;line-height: 28px;margin-bottom: 10px;font-weight: bold;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .text span{display: block;font-size: 13px;color: #222222;letter-spacing: 0.5px;line-height: 28px;margin-bottom: 20px;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .box{}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .box a{display: inline-block;font-size: 0;margin-right: 40px;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .box a:last-child{margin-right: 0;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .box a i{font-size: 13px;color: #DD2C34;letter-spacing: 0.41px;text-align: right;line-height: 24px;display: inline-block;vertical-align: middle;margin-right: 6px;font-style: normal;}
  .interestingScience .slider-mobile .slider-mobile-content .slider-mobile-main>li .box a img{width: 12px;height: 12px;display: inline-block;vertical-align: middle;}

  .interestingScience .slider-mobile .dot ul{overflow: hidden;display: flex;justify-content: center;margin: 20px 0;}
  .interestingScience .slider-mobile .dot ul li{margin: 0 4px 0 0;width: 6px;height:6px;border-radius: 50%;background: rgba(34,34,34,0.40);}
  .interestingScience .slider-mobile .dot ul li.dot-active{width:16px;background: #DD2C34;border-radius: 5px}

  .interestingScience .videoList-mobile{}
  .interestingScience .videoList-mobile .title{margin-top: 50px;margin-bottom: 30px;}
  .interestingScience .videoList-mobile .title h5{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 26px;margin: 0 0 12px;}
  .interestingScience .videoList-mobile .title p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}

  .interestingScience .articlesList{margin-top: 50px;margin-bottom: 60px;}
  .interestingScience .articlesList .title{margin-bottom: 10px;}
  .interestingScience .articlesList .title h5{font-family: fangzheng-unionpay-sc;font-size: 24px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 26px;margin-bottom: 12px;}
  .interestingScience .articlesList .title p{font-size: 11px;color: #646464;letter-spacing: 6px;text-align: center;line-height: 14px;}

  .interestingScience  .articlesList .news-con-list .date{display: none}
  .interestingScience  .articlesList .news-con-list .date-mobile{display: inline-block;;font-size: 13px;color: #DD2C34;letter-spacing: 0.5px;line-height: 22px;margin-bottom: 5px;}
  .interestingScience  .articlesList .news-con-list {border-top: none;}
  .interestingScience  .articlesList .news-con-list .news-list-item {padding: 20px 0;}
  .interestingScience  .articlesList .news-con-list .news-list-item:last-child {border-bottom:none;}
  .interestingScience  .articlesList .news-con-list .news-list-item a{position: relative}
  .interestingScience  .articlesList .news-con-list h3 {max-width:100%;font-size: 16px;letter-spacing: 1px;line-height: 28px;}
  .interestingScience  .articlesList .news-con-list .news-list-item .news-list-title {margin-bottom: 5px;}
  .interestingScience  .articlesList .news-con-list .news-list-text {font-size: 13px;letter-spacing: 0.5px;line-height: 22px;}
  .interestingScience  .articlesList .news-con-list .news-images {padding: 0;margin-top: 15px;}
  .interestingScience  .articlesList .news-con-list .news-images li{width: calc(33.33% - 6.67px);width: -moz-calc(33.33% - 6.67px);width: -webkit-calc(33.33% - 6.67px);margin: 0}
  .interestingScience  .articlesList .news-con-list .news-images li + li {margin-left: 10px}
  .interestingScience  .articlesList .news-con-list .news-images li img { width:100%;height: auto;margin: 0}
  .interestingScience  .articlesList .label {width:40px;height:16px;margin-left: 15px;padding:0}
  .interestingScience  .articlesList .label.label-hot {font-weight:normal;font-size: 11px;line-height: 16px;border-radius: 14px;}
  .interestingScience  .articlesList .label-control {display: block;position: absolute;top: 2px;left: 72px;}
  .interestingScience  .articlesList .ell-one{  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;}

  .interestingScience  .articlesList .content_left{width: 100%;}
}