body,html{
  background: #f4f4f4;
}

.news-container {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.news-content{
  width: 820px;
  background: #FFFFFF;
}

.news-nav {
  width: 100%;
  height: 60px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10);
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-nav li {
  margin:0 50px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
}
.news-nav li a {
  font-size: 18px;
  color: #666666;
}
.news-nav .active {
  border-bottom: 2px solid #0454F6;
}
.news-nav .active a {
  color: #0454F6;
}

.news_Wrapper {
  width: 100%;
  display: flex;
  margin: 0 auto;
}

.news_left {
  width: 100%;
}

.news-list{
  width: 100%;
}

.news-item {
  width: 100%;
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
  margin-top: 20px;
}

.news-item .shrinkageFigure {
  display: block;
  width: 222px;
  height: 140px;
  margin-right: 20px;
  margin-left: 31px;
}

.news-item .shrinkageFigure img {
  width: 100%;
  height: 100%;
}

.news-item .newContent {
  width: 510px;
  display: flex;
  flex-direction: column;
}

.news_title {
  font-size: 18px;
  color: #333333;
  margin-top: 10px;
}
.news_content {
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.news-mess{
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.news-mess >div{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
}


.news-mess >div i{
  font-size: 20px;
  margin-right: 5px;
}


#page {
  text-align: center;
  margin: 90px 0 30px 0;
}



/*.newestNews {
  height: 293px;
}*/

.newestNews, .pano-container {
  width: 340px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 20px 30px;
}

.news-head{
  display: flex;
  align-items: center;
}

.news-border {
  width: 0px;
  height: 15px;
  border: 2px solid #0454F6;
  margin-right: 10px;
}

.recom_title {
  font-size: 18px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


.recom-item:nth-of-type(-n + 2){
   width: 280px;
   height: 180px;
   display: inline-block;
   border-radius: 2px;
   overflow: hidden;
   position: relative;
   font-size: 0;
   margin-top: 20px;
}

.recom-item:nth-of-type(-n + 2) img{
  width: 100%;
  height: 100%;
}

.recom-item:nth-of-type(-n + 2) .recom-title{
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 10px;
  background: rgba(0,0,0,0.30);
  word-wrap:break-word ;
  line-height: 20px;
  font-size: 12px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

.recom-item:nth-of-type(-n + 2) .recom-time{
  display: none;
}


.recom-item:nth-of-type(-n + 2) .news-index{
  display: none;
}

.news-ranking{
  width: 46px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 10px;
}

.recom-item:nth-of-type(1) .news-ranking{

  background: url(../../images/tab1.png);

}


.recom-item:nth-of-type(2) .news-ranking{

  background: url(../../images/tab2.png);
  
}

.recom-item:nth-of-type(n + 3){
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    position: relative;
}

.recom-item:nth-of-type(n + 3) img{
    width: 110px;
    height: 75px;
}

.recom-item:nth-of-type(n + 3) .recom-title{
   width: 160px;
   height: 52px;
   font-size: 12px;
   line-height: 18px;
    color: #666666;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.recom-item:nth-of-type(n + 3) .recom-time{
   display: inline;
   font-size: 12px;
  color: #333333;
}
.recom-item:nth-of-type(n + 3) .news-ranking{
  display: none;
}

.news-index{
  width: 20px;
  height: 20px;
  border-radius: 0 0 20% 0;
  background: rgba(0,0,0,0.20);
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}






.pano-container{
  margin-top: 10px;
  /*height: 840px;*/
}


.pano-item {
  text-align: center;
  font-size: 20px;
  color: #333333;
  display: block;
  margin-top: 20px;
}
.pano-item > div {
  margin: 0 auto;
  width: 280px;
  height: 180px;
}
.pano-item img {
  width: 280px;
  height: 180px;
  margin-bottom: 10px;
}

.pano-item div img {
  width: 280px;
  height: 180px;
  margin-bottom: 10px;
}






/**
 * 详情
 */

#textContainer{
  width: 1000px;
  margin: 0 auto;
}
.textContainer_title{
  text-align: center;
  margin: 20px 0;
  /* font-size: 20px; */
}
.textContainer_message{
  width: 100%;
  /* padding: 0 100px; */
  box-sizing: border-box;
  font-size: 12px;
  margin-bottom: 20px;
}
.textContainerHead{
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 10px; */
}
.textContainerHead >p{
  font-size: 14px;
}
.textContainerHead >div{
   display: flex;
}
.textContainer_source{
  margin-right: 20px;
}
.abstract{
  width: 800px;
}
.initialData{
  display: none;
}
.textContainerContent {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 5px;
}

.textContainerContent span,p{
  line-height: 30px;
}
.textContainerContent img{
  display: block;
  margin: 20px auto;
  /*max-width: 600px;*/
}

/*# sourceMappingURL=news.css.map */
/* 详情页 */
#details{
  width: 100%;
  height:100%;
  background: #ffffff;
}
/* banner */
.banner{
  width: 100%;
  background: #1C1C1C;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;  

}
.banner .banner-info{
  width: 100%;
  min-width: 1200px;
  margin: 0 auto; 
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;  
}
.banner .banner-info>li{
  width: 100%;
  position: relative;
  top: 0px;
  left:0px;
  font-size: 0;
  cursor: pointer;
}
.banner .banner-info>li>img{
  width: 100%;

}
.banner .banner-info>li .banner-text{
  display: block;
  width: 495px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left:-395px;

}
.banner .banner-info>li .banner-text>h3{
  display: block;
  width: 100%;
  font-size: 40px;
  color: #fff;
  margin: 7px 0 15px;
  text-shadow: 1px 1px 2px rgba(4,0,0,.5);
  font-weight: 700;
}
.banner .banner-info>li .banner-text>p{
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  /* color: #666666; */
  line-height: 26px;
  color: #fff;
  margin-bottom: 20px;


}

#details .content{
  width: 100%;
  /* height: 983px; */
  background: #ffffff;
  margin:0 auto;
}
#details .content .content-ul{
  width: 1200px;
  height: 80px;
  margin:0 auto;
  background: #ffffff;
  display: flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;   
} 
#details .content .xian{
  width: 100%;
  height: 1px;
  background: #E1E1E1;
} 
#details .content .content-ul>li{
  width:20%;
  text-align: center;
  border-right:1px solid #ccc;
  padding:5px 5px;

} 
#details .content .content-ul>li:last-child{
  border-right:0px solid #ccc;
} 
#details .content .content-ul>li>a{
  display: inline-block;
  width: 87px;
  height: 28px;
  border-bottom: 2px solid rgba(3, 121, 255, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  cursor:pointer;
}
#details .content .content-ul>li>a.active{
  border-bottom: 2px solid #037AFF;
  color:#037AFF;
  
}
#details .content .content-ul>li:hover a{
  border-bottom: 2px solid #037AFF;
  
}
#details .content .content-ul>li.look{
  border-bottom: 2px solid rgba(3, 121, 255, 0);
  
}
#details .content .info{
  width:1100px;
  margin:20px auto 40px;
  display: flex;
  flex-direction:row;
  justify-content:center;
  /* align-items:center;      */
}
#details .content .info .info-left{
  width:800px;
  /* min-height: 1472px; */
  background: #ffffff;
  margin:0 auto;
  padding: 0 25px;   
}
#details .content .info .info-left>h5{
  /* height: 42px; */
  font-size: 30px;
  font-weight: 400;
  color: #333333;
  line-height: 44px;
  margin: 28px auto 58px;
  text-align: center;
  overflow: hidden;

}
#details .content .info .info-left .time{
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 21px;
  /* text-align: center; */
  overflow: hidden;

}
#details .content .info .info-left .time>span{
margin-right: 20px;

}
#details .content .info .info-left .text{
  margin: 28px auto;
  font-family: "PingFangSC-Regular" !important;

}
#details .text span,#details .text h1,#details .text h2,#details .text h3,#details .text h4,#details .text h5,#details .text h6,#details .text hr,#details .text p,#details .text blockquote,#details .text dl,#details .text dt,#details .text dd,#details .text ul,#details .text ol,#details .text li,#details .text pre,#details .text form,#details .text fieldset,#details .text legend,#details .text button,#details .text input,#details .text textarea,#details .text th,#details .text td {
  font-family: "PingFangSC-Regular" !important;
}
#details .content .info .info-left .text img{
  display: block;
  margin: 20px auto;
  max-width: 600px;
}
#details .content .info .info-left .page{
  width: 100%;
  /* height: 95px; */
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /* padding: 20px 10px; */
}
.page-left{
  display: inline-block;
  border: 0;
  width: 95%;
  /* line-height: 55px; */
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin: 0px auto;
  

}
.page-left>span{
  display: block;
  margin: 15px 0px;
}
#details .content .info .info-right{
  width:362px;
  margin:0 auto;
  display: flex;
  flex-direction:column;
  /* justify-content:center; */
  align-items:center;     
}
#details .content .info .info-right>.top-img{
  width: 360px;
  /* height: 771px; */
  background: #FFFFFF;
  border: 1px solid #D8D8D8; 
  margin-bottom: 20px; 
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;    
}
#details .content .info .info-right>.top-img>h6{
  width: 316px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 23px;
  margin:20px 0px;
}
#details .content .info .info-right>.top-img>a>img{
  display: block;
  width: 316px;
  height: 174px;
  margin-bottom:20px;

}
#details .content .info .info-right>.top-img .info-a{
  display: block;
  width: 316px;
  height: 88px;
  margin-bottom:20px;
  display: flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center; 

}
#details .content .info .info-right>.top-img .info-a>img{
  width: 127px;
  height: 80px;
  background: #000000;
  margin-right: 13px;
  margin-bottom: 0px;

}
#details .content .info .info-right>.top-img .info-a>p{
  width:177px;
}
#details .content .info .info-right>.top-img .info-a>p>span{
  display: block;
  width: 177px;
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  margin-bottom: 10px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 

}
#details .content .info .info-right>.top-img .info-a>p>i{
  display: none;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; 

}

#details .content .info .info-right>.bottom-img{
  width: 360px;
  height: 677px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8; 
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center; 
}
#details .content .info .info-right>.bottom-img>h6{
  width: 316px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 23px;
  margin:20px 0px;
}
#details .content .info .info-right>.bottom-img>a>img{
  display: block;
  width: 316px;
  height: 174px;
  margin-bottom:20px;

}
.tag-box{
  width: 362px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  margin-bottom: 20px; 
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;    
}
.tag-box>h6{
  width: 316px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 23px;
  margin:20px 0px;
}
.tag-box .tag-info{
  width: 316px;
  padding-bottom: 25px;
}
.tag-box .tag-info>a{
  display: inline-block;
  padding: 5px 17px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 23px;
  text-align: center;
  margin: 5px 10px 5px 0px;
  background: #EFEFEF;
  border-radius: 4px;

}
.tag-box .tag-info>a:nth-child(1){
  background: #15D2EC;
  color:#ffffff !important;
}
.tag-box .tag-info>a:nth-child(2){
  background: #FFD500;
  color:#ffffff !important;
}
.tag-box .tag-info>a:nth-child(3){
  background: #46CC42;
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(4){
  background: #50A7FF;
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(5){
  background: rgb(196, 216, 19);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(6){
  background: rgb(24, 153, 204);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(7){
  background: rgb(218, 37, 157);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(8){
  background: rgb(37, 147, 161);
  color:#ffffff !important;
}
.tag-box .tag-info>a:nth-child(9){
  background: rgb(233, 212, 111);
  color:#ffffff !important;
}
.tag-box .tag-info>a:nth-child(10){
  background: rgb(80, 194, 77);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(11){
  background: rgb(64, 117, 170);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(12){
  background: rgb(170, 182, 68);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(13){
  background: rgb(24, 153, 204);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(14){
  background: rgb(250, 7, 169);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(15){
  background: rgb(27, 125, 223);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(16){
  background: rgb(231, 228, 7);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(17){
  background: rgb(29, 223, 11);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(18){
  background: rgb(218, 37, 157);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(19){
  background: rgb(36, 236, 193);
  color:#ffffff !important;

}
.tag-box .tag-info>a:nth-child(20){
  background: rgb(9, 143, 136);
  color:#ffffff !important;

}
.title-box{
  width: 100%;
  height: 50px;
  background: #F8F8F8;
}
.title-box .title-info{
  width: 1060px;
  height: 50px;
  background: #F8F8F8;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 50px;
  margin: 0 auto;
  text-align: left;
}
.hot{
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  margin-top: 20px;

}
.hot>h6{
  width: 100%;
  height: 42px;
  font-size: 30px;
  font-weight: 400;
  color: #333333;
  line-height: 44px;
  margin-bottom: 25px;
}
.hot>ul>a>li{
  width: 70%;
  margin: 10px 0px 10px 20px;
  list-style-type:disc;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}