
.neirong {
   border: solid rgb(134, 221, 207) 2px;
   display: inline-block;
   margin-left: 0px;
   color: rgb(54, 126, 221);    
   width: 960px;
   background-color: #fff;
     
}
.promo {  
   position: relative;
   width: 800px;
   height: 600px;
   background-color: rgb(206, 235, 233,.5);
   margin: 20px auto;
   overflow: hidden;
}
.promo ul {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
}
.picture {  
   background-color: transparent;
   width: 600%;
   overflow: hidden;
   
}
.picture li {
   float: left;
   margin-right: 46px;
}
.picture img {  
   width: 700px;
   height: 460px;
   margin: 10% 6.8%;
   overflow: hidden;
}
.prev,
.next {
   position: absolute;
   display: block;
   z-index: 1;
}
.prev {
   position: absolute;
   left: 0;
   top: 50%;
   margin-top:-50px ;
   padding-left: 0;
   font-family: 'icomoon';
   width: 50px;
   height: 100px;
   background-color: transparent;
   text-indent: 0;
   font-size: 55px;
   text-align: center; 
   line-height: 100px; 
   color: rgb(134, 221, 207);
   text-decoration: none;
}
.next {
   position: absolute;
   right: 0;
   top: 50%;
   margin-top:-50px ;
   margin-right: 20px;
   padding-right: 12px;
   font-family: 'icomoon';
   width: 50px;
   height: 100px;
   background-color: transparent;
   font-size: 55px;
   text-align: center; 
   line-height: 100px; 
   color: rgb(134, 221, 207);
   text-decoration: none;
}

.circle {
   position: absolute;
   bottom: 15px;
   left: 50%;
   margin-left: -100px;
   width: 200px;
   height: 30px;
   background-color: rgba(255,255,255,.3);
   border-radius: 18px;
}
.circle li {
   float: left;
   width: 20px;
   height: 20px;
   background-color: #fff;
   border-radius: 50% ;
   margin: 5px 10px;
}
.circle .selected {
   background-color:  rgb(134, 221, 207);
}

.research {
      float: left;
      margin-left: 0px;
      margin-bottom: 20px;
      height: 585px;
      border:  rgb(134, 221, 207) 2px;
      font-family: '微软雅黑';
      font-family: 'icomoon';
      text-indent: 0;
      color: rgb(18, 116, 103);   
      font-size: 28px;
      font-weight: 700; 
}
.news {
      float: right;
      margin-left: 0px;
  /*     height: 255px; */
      border:  rgb(134, 221, 207) 2px;
      font-family: '微软雅黑';
      font-family: 'icomoon';
      text-indent: 0;
      color: rgb(18, 116, 103);   
      font-size: 28px;
      font-weight: 700; 
}
.name {
   margin: 0;
   padding:0 0 10px 0;
   border-bottom: solid  rgb(18, 116, 103) 5px;
}
.more {
   float: right;
   margin-bottom: 10px;
}
.name a{   
   display: block;
   float: right;
   font-size: 20px;
   line-height: 100%; 
   margin-top: 10px;
   color: rgb(18, 116, 103);   
   text-decoration: none;
}
.content,
.time {
   display: inline-block;
   font-size: 20px;
   padding: 0;
   background-color: #fff;
   color: black;
   
}
.content{
   float: left;
   width: 280px;
   height: 220px;

}
.time {
   float: right;   
   display: inline-block;
   height: 220px;
   font-size: 18px;
   padding-left: 0;
   margin-left: 15px;   
   text-indent: 0;
}
.timecolor {
   color: rgb(214, 65, 19);
}
.content a {
   display: block;
   text-decoration: none;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: rgb(37, 98, 155);
   padding: 0;
   margin: 15px 0;
   text-indent: 0;
   font-weight: normal;
   font-family: 'icomoon';
   transition: color 0.5s, background-color .5s, text-decoration .5s;
}
.news a:hover,
.research a:hover {
   text-decoration: underline;
   color: rgb(18, 116, 103);
   background-color: rgb(212, 238, 238);
}
.time li {
   margin: 15px 0;
   padding-top: 0.2px;
   font-weight: normal;
}
