/* CSS Document */
.main{width: 100%;height: auto;margin-bottom: 110px}
/*cate_con*/
.cate_con{width:100%;height: auto;margin-top: 70px;}
.cate_con .cate_ul{font-size:0}
.cate_con .cate_ul .cate_li{display:inline-block;padding: 0 15px;height: 52px;line-height: 52px;margin-right: 10px;font-size: 16px;color: #333333;text-align: center;background: #f0f0f0;}
.cate_con .cate_ul .cate_li:hover,.cate_con .cate_ul .active{color:#FFFFFF;background: #e60012}


.newslist{width:100%;height: auto;margin-top: 30px}
.newslist .nli{width:393px;height: auto;margin-right: 10.5px;margin-bottom: 25px;}
.newslist .nli .nimg{width:100%;height: 249px;overflow: hidden;}
.newslist .nli .nimg img{width:100%;height: 100%;}
.nli .msg{width: 363px;height: auto;padding: 0 15px;}
.nli .msg .fs_20{width:100%;height: 56px;line-height: 28px;font-size: 20px;color: #333333;overflow: hidden;margin-top: 25px;}
.nli .msg .fs_14{width:100%;height: 44px;line-height: 22px;font-size: 14px;color: #999999;overflow: hidden;margin-top: 15px;}
.newslist .nli:nth-child(3n){margin-right:0;}
.newslist .nli:hover .nimg img{transform:scale(1.1)}
.newslist .nli:hover .msg .fs_20{color:#000000}
.newslist .nli:hover .msg .fs_14{color:#333333}



.videolist{width:100%;height: auto;margin-top: 30px}
.videolist .vli{width:393px;height: auto;margin-right: 10.5px;}
.videolist .vli .vimg{width:393px;height: 249px;overflow: hidden;position: relative;}
.videolist .vli .vimg img{width:100%;height: 100%;}
.videolist .vli .msg{width:100%;height: auto;margin: 25px 0 20px 0;}
.videolist .vli .fs_20{width: 100%;max-height: 32px;font-size: 20px;color: #333333;line-height: 32px;overflow: hidden;font-weight: bold;text-overflow: ellipsis;text-align: center}
.videolist .vli .msg .fs_14{width:100%;height: 26px;line-height: 26px;font-size: 14px;color: #999999;overflow: hidden;text-align: center}
.videolist .vli:hover>.vimg img{transform:scale(1.1);}
.videolist .vli .vimg .vmask{width:393px;height: 249px;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.videolist .vli .vimg .vmask i{width:100%;height: 100%;background-image: url("../images/icn-04.png");background-repeat: no-repeat;background-size:84px 84px;background-position: center center;display: block;}
.videolist .vli .vimg .vmask:hover{background:rgba(0,0,0,0.6);}
.videolist .vli:nth-child(3n){margin-right:0;}








/*banner*/
.banner{width: 100%;height: auto;}
.banner .swiper-container {width: 100%; height: auto; color: #fff; text-align: center;}
.banner .swiper-container .img{width:100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .pagination { position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center; }
.banner .swiper-pagination-switch {display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #fff;margin-right: 15px; opacity: 0.6; cursor: pointer;}
.banner .swiper-visible-switch {background: #fff;opacity: 1;}
.banner .swiper-active-switch {background: #fff;opacity: 1;}