.index-swerper{width: 100%;margin-top: 100px;box-sizing: border-box;}
.index-swerper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:10%;}
.index-swerper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 10%;}

.index-con{width:100%;}
.index-con .index-range{width: 100%;padding: 40px 15%;box-sizing: border-box;background-color: #FFF;}
.index-con .index-range .range-title{width: 100%;text-align: center;font-size: 30px;color: #333;margin-bottom: 20px;font-weight:bold;}
.index-con .index-range .range-title .title{margin: 0 10px;float: left;}
.index-con .index-range .range-title .range-jiange{width: 50px;height: 1px;background-color: #d7d7d7;float: left;margin-top: 20px;}
.index-con .index-range .range-title .range-jiange:nth-of-type(1){margin-left: 37%;}
.index-con .index-range .range-title .stitle{font-size: 20px;color: #8f8f8f;font-weight: normal;width: 100%;}
.index-con .range-conter{width: 100%;background-color: #e9e9e9;padding: 60px 40px;box-sizing:border-box;}
.index-con .range-conter .range-left{width: 40%;float: left;}
.index-con .range-conter .range-left .left-title{width: 100%;font-size: 35px;font-weight:bold;color: #333;margin-bottom: 20px;}
.index-con .range-conter .range-left .left-title p{display:none;}
.index-con .range-conter .range-left .left-title .active{display:block;}
.index-con .range-conter .range-left .left-detail{width: 100%;font-size: 13px;color: #666666;line-height: 30px;}
.index-con .range-conter .range-left .left-detail  p{display:none;}
.index-con .range-conter .range-left .left-detail  .active{display:block;}
.index-con .range-conter .range-left .detail-btn{width: 60%;background-color: #FFF;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;margin-top:30px}
.index-con .range-conter .range-con{width: 42%;float: left;padding-left: 5%;box-sizing: border-box;}
.index-con .range-conter .range-con img{display: none;margin-top: 25px;}
.index-con .range-conter .range-con .active{display: block;}
.index-con .range-conter .range-right{width: 18%;float: left;}
.index-con .range-conter .range-right .range-up{width: 100%;text-align: center;font-size: 16px;color: #666;}
.index-con .range-conter .range-right .range-up .range-list{width:100%;}
.index-con .range-conter .range-right .range-up .range-list .list-left{float: left;width: 80%;text-align: right;padding:18px 0;box-sizing: border-box;}
.index-con .range-conter .range-right .range-up .range-list .list-right{float: left;width: 8px;margin-left: 10%;}
.index-con .range-conter .range-right .range-up .range-list .list-right .shujiange{width: 2px;margin:0 3px;height: 25px;display: block; background-color: #d5d5d5;}
.index-con .range-conter .range-right .range-up .range-list .list-right .circle{width: 8px;height: 8px;background-color: #bababa;border-radius: 4px;display: block;}
.index-con .range-conter .range-right .range-up .range-list .list-right .circle img{display: none;}
.index-con .range-conter .range-right .range-up .active{color: #12bbcb;position: relative;}
.index-con .range-conter .range-right .range-up .active .list-right .circle{background-color: transparent;}
.index-con .range-conter .range-right .range-up .active .list-right .circle img{position: absolute;width: 14px;height: 14px;margin: -3px 0 0 -3px;display: block;}
.index-con .range-conter .range-right .range-down{width: 100%;text-align: center;margin-top: 30px;}
.index-con .range-conter .range-right .range-down .list{width: 40%;margin-left: 60%;}
.index-con .range-conter .range-right .range-down .list:nth-of-type(1){margin-bottom: 15px;}
.index-con .range-conter .range-right .range-down .list .index-active{display: none;} 
.index-con .range-conter .range-right .range-down .list .index-no{display: block;} 
.index-con .range-conter .range-right .range-down .active .index-active{display: block;} 
.index-con .range-conter .range-right .range-down .active .index-no{display: none;} 
.index-con .index-news .title{width: 100%;font-size: 30px;font-weight: bold;color: #333;text-align: center;}
.index-con .index-news .stitle{width: 100%;font-size: 20px;color: #797979;text-align: center;margin: 10px 0 20px;}
.index-con .index-news .stitle a{color: #797979;font-size:12px;}
.index-con .index-news{width: 100%;padding: 40px 15%;box-sizing: border-box;}
.index-con .index-news .news-list{width: 100%;}
.index-con .index-news .news-list .news-left{width: 32%;float: left;position: relative;}
.index-con .index-news .news-list .news-left .index-list{width: 100%;position: absolute;z-index: 0;}
.index-con .index-news .news-list .news-left .news-footer{width: 100%;position: absolute;z-index: 1;color: #FFF;background-color: rgba(0,0,0,0.6);margin-top: 100%;} 
.index-con .index-news .news-list .news-left .news-footer .footer-left{width: 85%;float: left;font-size: 16px;padding: 10px 20px;box-sizing: border-box;}
.index-con .index-news .news-list .news-left .news-footer .footer-right{width: 9%;float: left;}
.index-con .index-news .news-list .news-left .news-footer .footer-right img{margin-top: 94%;}
.index-con .index-news .news-list .news-con{width: 32%;margin: 0 2% 0 34%;float: left;}
.index-con .index-news .news-list .news-con .con-list{width: 100%;background-color: #FFF;padding: 20px 20px 14px;box-sizing: border-box;}
.index-con .index-news .news-list .news-con .con-list:nth-of-type(1){margin-bottom: 10px;}
.index-con .index-news .news-list .news-con .con-list .list-title{font-size: 18px;color: #333;max-height:30px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index-con .index-news .news-list .news-con .con-list .list-tip{font-size: 14px;line-height:25px;max-height:45px;color: #666;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index-con .index-news .news-list .news-con .con-list .list-footer{width: 100%;}
.index-con .index-news .news-list .news-con .con-list .list-footer .list-left{float: left;color: #666;width: 20%;text-align: center;}
.index-con .index-news .news-list .news-con .con-list .list-footer .list-left .day{font-size: 20px;font-weight: bold;margin-top: 10px;}
.index-con .index-news .news-list .news-con .con-list .list-footer .list-left .ymonth{font-size: 14px;}
.index-con .index-news .news-list .news-con .con-list .list-footer .list-right{width: 9%;float: right;margin-right: 0;}
.index-con .index-news .news-list .news-con .con-list .list-footer .list-right img{margin-top: 30px;}
.index-con .index-news .news-list .news-right{width: 32%;float: left;}
.index-con .index-news .news-list .news-right .news-list{width: 100%;background-color: #FFF;padding: 24px 0;box-sizing: border-box;margin-bottom: 10px;}
.index-con .index-news .news-list .news-right .news-list:nth-of-type(3){margin-bottom: 0;}
.index-con .index-news .news-list .news-right .news-list:nth-of-type(2){background: url(../img/index-newsbg.png) no-repeat;background-position: 100% 100%;-moz-background-position:100% 100%;}
.index-con .index-news .news-list .news-right .news-list .list-left{width: 32%;float: left;color: #666;text-align: left;border-right:1px solid #ddd;box-sizing: border-box;padding: 0 7%;}
.index-con .index-news .news-list .news-right .news-list .list-left .day{width:100%;font-size: 18px;font-weight: bold;}
.index-con .index-news .news-list .news-right .news-list .list-left .jiange{width: 20%;background-color: #f2f2f2;height:1px;margin: 10px 0;}
.index-con .index-news .news-list .news-right .news-list .list-left .ymonth{width:100%;font-size: 14px;}
.index-con .index-news .news-list .news-right .news-list .list-right{width: 68%;padding: 0 15px;box-sizing: border-box;float: left;margin-top: 10px;}
.index-con .index-news .news-list .news-right .news-list .list-right img{width: 13%;float: right;margin-right: 0;}
.index-con .index-news .news-btn{width: 6%;margin: 40px 47% 20px;}