@charset "utf-8";
.main-carousel2 {position: relative; z-index:1;}
.content_area .inner {padding:24px}
.main-carousel2 {position: relative;}
.main-carousel2 .li {transition: all 0.4s;display: block;background-color:#fff; border-radius:10px;border:1px solid #e1e1e1;}

.main-carousel2 .li + li {margin-left:26px; }
.main-carousel2 .li .txtin {padding:40px; position: absolute; left:0; top:0; width:100%; box-sizing: border-box; display:none;}
.main-carousel2 .li .txtin .title { font-size:16px}
.main-carousel2 .li dt img {width:100%;}
.main-carousel2 .li dd {padding:5px 20px;}
.main-carousel2 .li .tag {transition:all .4s;font-size: 14px; font-weight: 700;font-family:'Play';line-height: 1.5; color: #1b44b7; display:block; padding:20px 20px 0 0px}
.main-carousel2 .li .tit {transition:all .4s;font-size: 18px; font-weight: 700; line-height: normal; color: #555; display:block; margin-top:3px; padding:10px 20px 0 0px}
.main-carousel2 .li p {transition:all .4s;font-size: 15px; font-weight: normal; line-height: 1.5; letter-spacing: normal; color: #718096; margin-top:10px; padding:0 0px}
.main-carousel2 .li a.btn {margin-top:20px; font-size: 14px; font-weight: bold; line-height:20px; color: #000; display:inline-block; padding:0 0px}
.main-carousel2 .li a.btn img {width:20px; margin-left:5px; vertical-align:middle; display:inline-block}
.main-carousel2 .li .info {padding:20px 40px 20px 20px; width:100%; box-sizing: border-box; display: flex; justify-content: space-between;}
.main-carousel2 .li .info .user { transition:all .4s;display:inline-block;background-size:30px; font-size: 14px; line-height:30px; color: #606060;}
.main-carousel2 .li .views {font-size: 12px; font-weight: normal; line-height: 30px; color: #718096;}
.main-carousel2 .slick-list {overflow:hidden; padding:24px; width:1200px; box-sizing: content-box; transform: translate(-24px, -24px);}


.main-carousel2 .li:hover{background: #1b44b7;}
.main-carousel2 .li:hover .tag{color:#fff;}
.main-carousel2 .li:hover .tit{color:#fff;}
.main-carousel2 .li:hover p{color:#fff;}
.main-carousel2 .li:hover .info .user{color:#fff;}

.main-carousel2 .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:-135px;}
.main-carousel2 .owl-dots .owl-dot{background:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.main-carousel2 .owl-dots .owl-dot.active{background:#000}

.main-carousel2 .owl-nav{position:absolute;top: -50px;right: 0;display:flex !important;}
.main-carousel2 .owl-nav .owl-prev{margin-right: 10px;border-radius:50px;transition:all .4s;border:1px solid #333;background-image: url(img/text_arrow_prev.png);background-position:center;background-repeat:no-repeat;background-size:80%;text-indent:-9999px;width:40px;height:40px;font-size:14px; color:#333;padding-top:5px; text-align:center; background-color:transparent;cursor:pointer}
.main-carousel2 .owl-nav .owl-next{border-radius:50px;transition:all .4s;border:1px solid #333;background-image: url(img/text_arrow_next.png);background-position:center;background-repeat:no-repeat;background-size:80%;text-indent:-9999px;width:40px;height:40px;font-size:14px; color:#333;padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}

.main-carousel2 .owl-nav .owl-prev:hover{background-image: url(img/text_arrow_prev_w.png);background-size: 80%;background-position:center;background-repeat:no-repeat;}
.main-carousel2 .owl-nav .owl-next:hover{background-image: url(img/text_arrow_next_w.png);background-size: 80%;background-position:center;background-repeat:no-repeat;}
.main-carousel2 .owl-nav>button:hover{background: #333;}

@media screen and (max-width:768px){
    .main-carousel2 .owl-nav .owl-prev,.main-carousel2 .owl-nav .owl-next{width: 30px;height: 30px;}
    .main-carousel2{margin-top: 50px;}
    .main-carousel2 .owl-dots{display: none;}
}