@charset "utf-8";
.main-carousel2 {margin:150px 0; position: relative; z-index:1;}
.content_area .inner {padding:24px}
.main-carousel2 {position: relative; /*display:block;*/ margin-top:46px; height:377px;}
.main-carousel2 .li { height: 430px; transition: all 0.7s; background-color:#fff; border-radius:10px}
.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:20px;}
.main-carousel2 .li .tag {font-size: 14px; font-weight: 500; line-height: 1.5; color: #6ec5ff; display:block; padding:20px 20px 0 0px}
.main-carousel2 .li .tit {font-size: 18px; font-weight: normal; line-height: normal; color: #555; display:block; margin-top:3px; padding:10px 20px 0 0px}
.main-carousel2 .li p {font-size: 16px; 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 {position: absolute; left:0; padding:0 40px 40px 20px; width:100%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.main-carousel2 .li .info .user { display:inline-block; /*background:url(https://blog.hmgjournal.com/images/main/icon_user.png) no-repeat; */background-size:30px; font-size: 14px; line-height:30px; color: #000000;}
.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 .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;width:100%;bottom:50%}
.main-carousel2 .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:-70px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel2 .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:-70px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

.main-carousel2 .item_anchor{position:relative; display:block; width:100%; height:initial;}

@media screen and (min-width: 1001px) {
    .main-carousel2 .li:hover dl {display:none;}
    .main-carousel2 .li:hover .txtin {display:block; padding:20px}
    .main-carousel2 .li:hover {transform: scale(1.0); z-index:6; }
}


@media screen and (max-width: 1000px) {
    .main-carousel2{height:auto; margin-bottom:40px; padding-bottom:50px;}
    .main-carousel2 .li{height:auto;}
    .main-carousel2 .li .tag{padding-top:0;}
    .main-carousel2 .li .info{position:relative; padding-bottom:0;}
    .main-carousel2 .owl-dots{bottom:0;}
}
@media screen and (max-width: 800px) {
    .main-carousel2{margin-top:25px;}
    .main-carousel2 .li{background:#f9f9f9; padding-bottom:20px;}
    .main-carousel2 .li .tit{font-size:15px; padding:0px;}
    .main-carousel2 .li dd{padding:20px 15px 10px 15px;}
    .main-carousel2 .li .info{padding:0 15px;}
}