*{margin:0;padding:0;}
html,body{font:14px/1.5 normal;font-family:'Microsoft YaHei',Arial,Tahoma,sans-serif;color:#666;overflow-x: hidden;}
a{color:#333;transition:all 0.3s ease-in-out;text-decoration: none;}
ul,dl{list-style:none;}
i{font-style: normal;}
img{display:inline-block;vertical-align:middle;border:0;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{ margin: 0 auto;width:1100px;}
.about-main2{height:800px;width: 100%;overflow: hidden;}
.about-main2 .mask-bg{background-color: rgba(255,255,255,.7);width:100%;height:100%;position: relative;}
.about-main2 .mask-bg .warper{height: 100%;}
.about-main2 .mask-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.about-main2 .ny-title{padding-top:60px;}
.ny-title { background:url(http://www.cs.com.cn/images/30year/images/title-dsj.png) center 40px no-repeat; width:600px; height:90px; margin:auto;;}

.about-main2 .time-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .time-content .swiper-wrapper,.about-main2 .time-content .swiper-slide,.about-main2 .time-content ul{width: 100%;height: 100%;}
.about-main2 .time-content ul li{width:14%;float: left;height: 100%;}
.about-main2 .time-content ul li a{display: block;width: 100%;position: relative;height: 320px;color:#333;cursor:pointer;}
.about-main2 .time-content ul li .date{color: #fff;font-size:18px;display:block;width:80px; text-align:center; background:rgba(201, 47, 47, .8); border-radius:8px; padding:5px; line-height:22px;}
.about-main2 .time-content ul li a p{padding:5px;}
.about-main2 .time-content ul li a:hover .date{background:rgba(201, 47, 47, 1);transition:all 0.5s}
.about-main2 .time-content ul li a:hover p{background:rgba(201, 47, 47, .8); border-radius:8px;  color:#fff;transition:all 0.5s}

.about-main2 .time-content ul li.item1 .line,.about-main2 .time-content ul li.item3 .line,.about-main2 .time-content ul li.item5 .line,.about-main2 .time-content ul li.item7 .line{margin-bottom: 30px;}
.about-main2 .time-content ul li.item2 .line,.about-main2 .time-content ul li.item4 .line,.about-main2 .time-content ul li.item6 .line,.about-main2 .time-content ul li.item8 .line{margin-top: 30px;}
.about-main2 .time-content ul li.item1 .line:after,.about-main2 .time-content ul li.item3 .line:after,.about-main2 .time-content ul li.item5 .line:after,.about-main2 .time-content ul li.item7 .line:after{width: 25px;height: 25px;background-color: rgba(201, 47, 47, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .time-content ul li.item2 .line:before,.about-main2 .time-content ul li.item4 .line:before,.about-main2 .time-content ul li.item6 .line:before,.about-main2 .time-content ul li.item8 .line:before{width: 25px;height: 25px;background-color: rgba(201, 47, 47, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .time-content ul li .lc-left{position: absolute;}
.about-main2 .time-content ul li .line{height: 250px;width: 1px;display: block;background-color: #c92f2f;position: relative;left:45px;}
.about-main2 .time-content ul li .lc-right{width:290px;position: absolute;left: 30px;height:100%;display: table;}
.about-main2 .time-content ul li.item5 .lc-right{width:370px; }
.about-main2 .time-content ul li.item2 .lc-right, .about-main2 .time-content ul li.item4 .lc-right{width:290px;}
.about-main2 .time-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .time-content ul li.item1 a{top: 50px;}
.about-main2 .time-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .time-content ul li.item1 .lc-right{bottom:78px;}
.about-main2 .time-content ul li.item2 a{top: 230px;}
.about-main2 .time-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .time-content ul li.item2 .lc-right{top:100px;}
.about-main2 .time-content ul li.item3 a{top:60px;}
.about-main2 .time-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .time-content ul li.item3 .lc-right{bottom:80px;}
.about-main2 .time-content ul li.item4 a{top:300px;}
.about-main2 .time-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .time-content ul li.item4 .lc-right{top:80px;}
.about-main2 .time-content ul li.item5 a{top:50px;}
.about-main2 .time-content ul li.item5 .lc-left .line:after{bottom:-20px;left: -11px;}
.about-main2 .time-content ul li.item5 .lc-right{bottom:45px;}
.about-main2 .time-content ul li.item6 a{top: 278px;}
.about-main2 .time-content ul li.item6 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .time-content ul li.item6 .lc-right{top:80px;}
.about-main2 .time-content ul li.item7 a{top:74px;}
.about-main2 .time-content ul li.item7 .lc-left .line:after{bottom:-25px;left: -11px;}
.about-main2 .time-content ul li.item7 .lc-right{bottom:75px;}
.about-main2 .time-content ul li.item8 a{top:310px;}
.about-main2 .time-content ul li.item8 .lc-left .line:before{top:-20px;left: -11px;}
.about-main2 .time-content ul li.item8 .lc-right{top: 70px;}
.about-main2 .time-content .right-text h3{font-size: 24px;margin-bottom: 10px;}
.about-main2 .time-content .right-text p{font-size: 16px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .swiper-button-prev{position: absolute;left:-30px;top:30px; background:none; z-index:999;}
.lc-swiper-btn .swiper-button-next{position: absolute;right:-10px;top:30px;background:none; z-index:999;}
.lc-swiper-btn .iconfont{font-size: 30px;}
