/**
 * @Date:   2018-09-13T19:17:16+08:00
 * @Email:  1015917311@qq.com
 * @Project: lvguang
 * @Last modified time: 2018-09-21T12:53:18+08:00
 */
 /* keywords-list */
 body{
     background: #eee;
 }
 .train{
     float: right;
 }
 .keywords-list{
     float: left;
     margin-left: 1%;
     width: 27%;
     height: 756px;
     padding: 10px 0;
     margin-right: 1%;
     background: white;
     color: #fff;
     overflow: auto;
 }
 .keywords-list .keyword-title{
     color: black;
     font-weight: bold;
 }
 .keywords-list .keywords-item{
     margin: 5px 15px;
     height: 120px;
     color: grey;
     line-height: 35px;
     font-size: 14px;
     border-bottom: 1px dotted grey;
 }
 .keywords-list .keywords-item:hover{
     background: #eee;
 }
 .keywords-list .keywords-item .link{
     margin-right: 4px;
     color: grey;
 }
 .keywords-list .keywords-item .link:hover{
     color: rgba(2, 223, 57);
 }

 /* banner-con */
 .banner-con{
     float: right;
     width: 70%;
     height: 766px;
     background: #eee;
     margin: 10px 1% 0 0;
 }
 .banner-con .loading{
     margin-top: 150px;
 }
 .banner-con .banner-img{
     width: 830px;
     height: 766px;
 }
 /* banner的前一张和后一张按钮 */
 .banner-con .banner-arrow{
     position: absolute;
     top:350px;
     width: 30px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 30px;
     color: #fff;
     background: #ccc;
     background: rgba(0,0,0,.2);
     cursor: pointer;
 }
 .banner-con .banner-arrow:hover{
     background: #aaa;
     background: rgba(0,0,0,.5);
 }
 .banner-con .banner-arrow.prev{
     left: 0;
 }
 .banner-con .banner-arrow.next{
     right: 0;
 }
 /* floor */
 .floor-wrap{
     margin: 10px 0;
 }
 .floor-wrap .floor-title{
     text-align: center;
     height: 50px;
     line-height: 50px;
     color: #2998e8;
     background: #fff;
     font-weight: normal;
     font-size: 20px;
 }
 /* 更改各楼层标题颜色 */
 .floor-wrap:nth-child(2) .floor-title{
     color: #2998e8;
     border-bottom: 1px solid #3b838c;
 }
 .floor-wrap:nth-child(3) .floor-title{
     color: #2998e8;
     border-bottom: 1px solid #a93931;
 }
 .floor-wrap:nth-child(4) .floor-title{
     color: #2998e8;
     border-bottom: 1px solid #488bad;
 }
 .floor-wrap:nth-child(5) .floor-title{
     color: #2998e8;
     border-bottom: 1px solid #642663;
 }
 .floor-wrap .floor-list{
     margin-right: -20px;
     overflow: hidden;
     background: #eee;

/*     -webkit-transition: background-color 1s ease-in;
     transition: background-color 1s ease-in;*/
 }
/*  .floor-wrap .floor-list:hover{
      background: rgb(204, 232, 207);
  }*/
 .floor-wrap .floor-list .floor-item{
     position: relative;
     width: 200px;
     height: 220px;
     margin: 15px 20px 15px 0;
     float: left;
     cursor: pointer;
     background: #fff;
 }
 .floor-wrap .floor-list .floor-item:hover{
     box-shadow: 1px 1px 7px rgb(73, 152, 107);
 }
 .floor-wrap .floor-list .floor-item .floor-text{
     position: absolute;
     top: 12px;
     left: 20px;
     font-size: 16px;
     color: #555;
 }
 .floor-wrap .floor-list .floor-item .floor-img{
     position: absolute;
     right: 15px;
     bottom: 10px;
     width: 80%;
     height: 75%;
     border: none;
 }
.link-con{
     height: 20px;
     width: 77px;
     float: left;
     text-decoration: none;
     color: #888;
}/**
 * @Date:   2018-09-18T20:51:55+08:00
 * @Email:  1015917311@qq.com
 * @Project: lvguang
 * @Last modified time: 2018-09-18T20:55:46+08:00
 */
 /* banner */
 .banner{
     position: relative;
     overflow: auto;
 }
 .banner li {
     list-style: none;
 }
 .banner ul li {
     float: left;
 }
 /* 引导的小圆点 */
 .banner .dots {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     text-align: center;
 }
 .banner .dots li {
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 4px;
     text-indent: -999em;
     border: 2px solid #ccc;
     border-radius: 6px;
     cursor: pointer;
     opacity: .4;
     -webkit-transition: background .5s, opacity .5s;
     -moz-transition: background .5s, opacity .5s;
     transition: background .5s, opacity .5s;
 }
 .banner .dots li.active {
     background: rgba(0,0,0,.5);
     opacity: 1;
 }