#c2_wrap{overflow: hidden; background: url('../img/c2_bg.png') 50% / cover no-repeat; padding: 50px 0;}
.c2_inner{width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto;}

.c2_inner .fs_55{font-size: 30px; font-weight: 800; line-height: 1; color: #fff; text-align: center;}
.c2_inner .vm_btn{display: flex; align-items: center; justify-content: space-between; padding: 0 15px; width: 100%; height: 40px; background-color: #862633; color: #fff; transition: .3s; margin-top: 30px;}
.c2_inner .vm_btn span{font-family: 'Poppins'; font-size: 14px; font-weight: 300;}
.c2_inner .vm_btn:hover{background-color: #c5b9ac ;}

.c2_inner .fs_20{font-size: 18px; font-weight: 700; line-height: 1.7; }
.c2_inner .fs_16{font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: -.16px;}
.c2_inner .fs_14{font-size: 13px; font-weight: 400;}


.c2_list{margin-top: 15px; width: calc(100% + 10px); position: relative; left: -5px;}
.c2_list .slick-track {min-width: 100%; }
.c2_list li{margin: 0 5px;}
.c2_list li a{border: solid 1px #c5b9ac; padding: 25px; display: block; position: relative; transition: .3s; z-index: 2;}
.c2_list li a::before{content: ''; display: block; width: 100%; height: 100%; border: solid 2px #862633; opacity: 0; position: absolute; top: 0; left: 0; transition: .3s; z-index: -1;}
.c2_list li a > span{display: inline-block; font-size: 15px; font-weight: 700; color: #fff; transition:.3s; }
.c2_list li a h5{margin-top: 10px;  text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;display: -webkit-box; color: #fff; transition: .3s;}
.c2_list li a p{margin-top: 10px;  text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; min-height: 48px; color: rgba(255,255,255,.6); transition: .3s;}
.c2_list li .bot{display: flex; align-items: center; justify-content: space-between; margin-top: 35px;}
.c2_list li .bot .xi-link{display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background-color: rgba(255,255,255,.15); color: #fff; transition: .3s; font-size: 16px;}
.c2_list li .time{display: flex; align-items: center;}
.c2_list li .time i{display: inline-block; font-size: 16px; margin-right: 5px; color: #fff; transition: .3s;}
.c2_list li .time span{color: rgba(255,255,255,.5); transition: .3s;}

.c2_list li:hover a{border-color: #862633; background-color: #fff;}
.c2_list li:hover a::before{opacity: 1;}
.c2_list li:hover a > span{color: #862633;}
.c2_list li:hover a h5{color: #000;}
.c2_list li:hover a p{color: #666;}
.c2_list li:hover .bot .xi-link{background-color: #862633;}
.c2_list li:hover .time i{color: #862633;}
.c2_list li:hover .time span{color: #939393;}


#c2_wrap .dots{margin-top: 30px;}
#c2_wrap .slick-dots{display: flex; align-items: center; justify-content: center;}
#c2_wrap .slick-dots button{width: 9px; height: 9px; background-color: rgba(255,255,255,.3); border-radius: 50%; font-size: 0; display: block;}
#c2_wrap .slick-dots li{margin-right: 9px;}
#c2_wrap .slick-dots li:last-child{margin-right: 0;}
#c2_wrap .slick-active button{background-color: #fff; width: 17px; border-radius: 15px;}