@charset "utf-8";
/* CSS Document */

.middle{ background:url(/cms/templates/30658556814430000/images/pc-mbg1.png) no-repeat center top #e0eeff;background-size:cover;}
.midbg{background:url(/cms/templates/30658556814430000/images/pc-mbg2.png) no-repeat center bottom;background-size:cover; padding-bottom:200px;}

/* 图片滚动 */

.jcdt-top{ padding-top:60px;}

.jcdt-tleft{ float:left; width:47%; position:relative; background:url(/cms/templates/30658556814430000/images/dot.jpg) repeat-x left bottom; padding-bottom:30px;}

.tleft-top{ height:315px;}

.tleft-title{ font-size:34px; font-weight:bold; line-height:48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin: 18px 0 30px; }

.tleft-text{ line-height:30px;display: -webkit-box;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;height:120px; white-space: normal; word-break: break-all; word-spacing: normal; }
.tleft-text p{ text-indent:2em;}

.tleft-time{ float:right;}
.time-right{ float:right; width:50px; text-align:right; line-height:20px; font-family: Arial;}
.yf{ font-size:34px; color:#045FB3;}
.nf{ font-size:18px; display: block; }

.time-left{ float:right; border-right:1px solid #CDCDCD; line-height:40px; color:#045FB3; font-size:60px; padding-right:8px;}


.img-page{ position:absolute; left:0; bottom:0px; width:198px; border-bottom:3px solid #045FB3; padding-bottom:34px; z-index: 9999;}
#previousImageButton, #nextImageButton{ position:absolute; left:0; bottom: 30px; width:198px; border-bottom:3px solid #045FB3; padding-bottom:34px; top: unset !important; }
#nextImageButton{ left: 60px !important; right: unset !important; }
#prev{float: left;}
.prev img,.next img{ width:26px; margin-top:13px;}
.prev,.next{ background:#c6d5f6; display:inline-block; width:48px; height:48px; border-radius:24px; text-align:center;}
.prev{margin-right:24px; }
.prev:hover,.next:hover{ background:#0e82d7; cursor:pointer;}
.prev:hover img,.next:hover img{filter: grayscale(500%) brightness(500%);}


.jcdt-tright{ float:right; width: 50%; border-radius:24px; overflow:hidden;}
.jcdt-tright img{ width:100%; height:405px; }

/* #contentDiv{ width: 100% !important; height: auto !important; } */


/* 图片滚动 end */

.jcdt-list{ position:relative;}
.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-grid-column>.swiper-wrapper {
    flex-wrap: nowrap !important;
    flex-direction:row !important;
}

.jcdt-list ul{ width:calc(100% + 54px); margin:86px 0 0 0px;}
.jcdt-list li{ /* float:left; width:calc(100% / 3 - 54px); margin:0 0 50px 54px; */ box-sizing: border-box; background:#fff; border-radius:24px;padding:22px 20px; margin-bottom: 30px;}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-img{ border-radius:24px; overflow:hidden;}
/* .list-img img{ width:100%;} */

.list-mid{ height:186px;}

.list-title{ line-height:30px; font-weight:bold; font-size:18px; margin:20px 0 12px; text-align:left;}
.list-title a{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;
-webkit-box-orient: vertical;max-height: 60px;}

.list-con{ line-height:30px;text-indent:2em;display:-webkit-box;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical;  }

.list-bottom{ line-height:26px; padding-right:6px;}
.list-more{ float:left; font-size:14px;}
.list-more a{ color:#045FB3;}
.list-time{ float:right;}

.time-right2{ float:right; width:40px; text-align:right; line-height:16px; font-family: Arial;}
.yf2{ font-size:20px; color:#045FB3;}
.nf2{ font-size:14px;}

.time-left2{ float:right; border-right:1px solid #CDCDCD; line-height:36px; color:#045FB3; font-size:42px; padding-right:8px; margin: -3px 0 0 0; }

.jcdt-list li:hover{ box-shadow: 0px 6px 12px 1px rgba(41,73,103,0.3);}
.jcdt-list li:hover .list-title a,.jcdt-list li:hover.list-title a:hover{ color:#0F75C1;}

.list-click{ position:absolute; left:50%; height:24px; bottom:-70px; margin-left:-132px;}
#controlBar{ position:absolute !important; left:50% !important; height:24px  !important; bottom:-70px  !important; margin-left:-132px  !important;}
.click01,.click02{ display:inline-block; width:24px; height:24px; border-radius:12px; background:#fff; margin:0 10px; cursor:pointer;}
.click01{ background:#0E82D7; width:50px;}

.jcdt-list2{ display:none;}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet{
	width: 24px !important;
	height: 24px !important;
	border-radius:100% !important;
	background:#ffffff !important;
	opacity:1 !important;
	margin:0 10px !important;
}

.swiper-pagination-bullet-active{ background:#0E82D7 !important; width:50px !important; border-radius: 12px !important; }

.swiper-pagination {
    position: relative !important;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: -50px !important;
}

.swiper-slide img{ width:100%; }


/* =================@media================== */
@media screen and (max-width:1350px) {
.jcdt-tright{ width:600px;}
.jcdt-tleft{ width: calc(100% - 630px);}

.tleft-top{ height:255px;}
.swiper-slide img { width: 100%; height: 25vw; }

	
}


@media screen and (max-width:1240px) {
.swiper-slide img { width: 100%; height: 28vw; }
	
}

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

.midbg{ padding-bottom:100px;}

/* 图片滚动 */
.jcdt-top{padding:36px 28px 0;}

.jcdt-tleft,.jcdt-tright{ float:none; width:100%;}
.jcdt-tleft{ margin-top:0px; padding-bottom:24px; margin-bottom: 30px; }

.swiper-slide img { width: 100%; height: 54vw; }

.tleft-top{ height:220px;}

.tleft-title{ font-size:26px;margin: 30px 0 10px;}

.time-right{ width:34px;line-height:13px;}
.yf{ font-size:18px; }
.nf{ font-size:12px;}

.time-left{  line-height:26px;font-size:30px; padding-right:5px;}

.img-page{ padding-bottom:24px; width:136px; bottom: 30px; }
.img-page img{ width:17px; margin-top:10px;}
.prev,.next{ width:34px; height:34px; border-radius:17px;}
.prev{ margin-right:16px;}


/* 图片滚动 end */

.jcdt-list{ display:none;}
.jcdt-list2 ul{ margin-top:60px;}
.jcdt-list2{ display:block; padding: 0 28px 50px; overflow: hidden; }
.jcdt-list2 li{ float:none; width:calc(100% - 54px); margin-bottom:24px;}
.jcdt-list2 .list-mid{ height:156px;}

.list-mid2{ height:auto; padding-bottom:26px;}

.list-click2{ height:12px; bottom:-40px; margin-left:-70px;}
#controlBar{ height:12px !important; bottom:-40px !important; margin-left:-70px !important; }
.click01,.click02{  width:12px; height:12px;  margin:0 5px;}
.click01{  width:25px;}

.swiper-pagination { bottom: -30px !important; }
	
}

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

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

/* 图片滚动 */

.jcdt-top{ padding-top:30px;}
.jcdt-tleft{ padding-bottom:20px;}

.jcdt-tright{ border-radius: 20px;}

.tleft-title{ font-size:22px; margin:10px 0 5px;}

.img-page{ padding-bottom:20px;}

.prev,.next{ width:30px; height:30px;}
.img-page img{ width:14px;}
.img-page{ width:114px;}

.jcdt-list2 ul {margin-top: 40px;}

.jcdt-list2 .list-mid { height: 200px;}



}

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

	
	
}