﻿

.demark-news{padding:70px 0;}
.demark-news .tit{text-align:center;}
.demark-news .tit h3{font-size:30px;line-height:1.6;color:#0271b7;border-bottom:2px solid #0271b7;font-weight:700;display:inline-block;}
.demark-news .tit h1{font-size:30px;line-height:1.6;color:#0271b7;border-bottom:2px solid #0271b7;font-weight:700;display:inline-block;}
.demark-news .list{position:relative;margin:60px 0 0;}
.demark-news .swiper-slide .pic{display:block;overflow:hidden;width:100%;}
.demark-news .swiper-slide .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.demark-news .swiper-slide .t{padding:35px 0 0;position:relative;}
.demark-news .swiper-slide .t .time{width:70px;line-height:1;padding:17px 0;text-align:center;background:#0271B7;font-size:26px;color:#fff;font-weight:600;position:absolute;top:-60px;right:30px;z-index:20;}
.demark-news .swiper-slide .t .time span{font-size:16px;margin:5px 0 0;display:block;}

.demark-news .swiper-slide .t h5{font-size:19px;font-weight:600;color:#000;line-height:24px;height:48px;overflow:hidden;}
.demark-news .swiper-slide .t h5 a:hover{color:#0271B7;}
.demark-news .swiper-slide .t p{font-size:16px;color:#696969;margin:20px 0 0;line-height:24px;height:48px;overflow:hidden;}
.demark-news .swiper-slide .t .more{margin:25px 0 0;display:inline-block;border-radius:6px;width:140px;height:36px;line-height:36px;color:#fff;background:#0271B7;font-size:16px;text-align:center;}
.demark-news .swiper-slide .t .more:hover{background:var(--active-color);color:#fff;}

.demark-news .swiper-slide:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.demark-news .swiper-slide:hover .t h5 a{color:#0271B7;}
.demark-news .swiper-slide:hover .t .more{background:#00558B;}


.demark-news .swiper-pagination-bullets{display:none;position:static;width:100%;margin-top:50px;text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.demark-news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:16px;width:16px;margin:0 5px;background:#ccc;border-radius:50%;opacity:1;}
.demark-news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#0271B7;}



@media screen and (max-width:1441px) {

.demark-news .tit h3{font-size:29px;}
.demark-news .tit h1{font-size:29px;}
}

@media screen and (max-width:1367px) {
.demark-news{padding:65px 0;}
.demark-news .tit h3{font-size:28px;}
.demark-news .tit h1{font-size:28px;}

}

@media screen and (max-width:1281px){
.demark-news{padding:60px 0;}
.demark-news .tit h3{font-size:27px;}
.demark-news .tit h1{font-size:27px;}

.demark-news .swiper-slide .t h5{font-size:18px;}
.demark-news .swiper-slide .t p{margin:15px 0 0;}
.demark-news .swiper-slide .t .more{margin:20px 0 0;width:130px;height:34px;line-height:34px;font-size:15px;}

.demark-news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:14px;width:14px;}

}

@media screen and (max-width:1171px){
.demark-news{padding:50px 0;}
.demark-news .tit h3{font-size:26px;}
.demark-news .tit h1{font-size:26px;}
}

@media screen and (max-width:992px){
.demark-news{padding:40px 0;}
.demark-news .tit h3{font-size:25px;}
.demark-news .tit h1{font-size:25px;}
}

@media screen and (max-width:768px){

.demark-news{padding:30px 0;}
.demark-news .tit h3{font-size:24px;}
.demark-news .tit h1{font-size:24px;}
.demark-news .list{margin:30px 0 0;}
.demark-news .swiper-slide .t{padding:20px 0 0;}
.demark-news .swiper-slide .t .time{width:50px;padding:10px 0;font-size:18px;top:-65px;right:15px;}
.demark-news .swiper-slide .t .time span{font-size:12px;margin:5px 0 0;}
.demark-news .swiper-slide .t h5{font-size:17px;line-height:22px;height:44px;}
.demark-news .swiper-slide .t p{font-size:15px;margin:15px 0 0;line-height:22px;height:44px;}
.demark-news .swiper-slide .t .more{display:none;}
.demark-news .swiper-pagination-bullets{margin-top:30px;}
.demark-news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:12px;width:12px;}
}

@media screen and (max-width:576px) {
.demark-news .tit h3{font-size:23px;}
.demark-news .tit h1{font-size:23px;}
}

@media screen and (max-width:480px) {
.demark-news .tit h3{font-size:22px;}
.demark-news .tit h1{font-size:22px;}
}	


@media screen and (max-width:420px) {
.demark-news .tit h3{font-size:21px;}
.demark-news .tit h1{font-size:21px;}
}

