@charset "utf-8";


.wrap-notice {position:relative; overflow:hidden; }
.wrap-notice > ul {position: relative; height: 42rem;}
.wrap-notice > ul > li {display: inline-block; vertical-align: middle;}

.wrap-notice > ul > li .kdcaSwiper {position: absolute; display: none; width: 100%; left: 0; top: 10rem; background: #fff;}
.wrap-notice > ul > li.active .kdcaSwiper {display: block;}
.wrap-notice > ul > li .title{position:relative;}
.wrap-notice > ul > li + li .title{padding-left: 3rem;margin-left: 3rem;}
.wrap-notice > ul > li + li .title:before{content:'';width:0.1rem;height: 2rem;display:block;position:absolute;left: 0;top: 2.5rem;background: #cacaca;}

.wrap-notice .title button{font-size: 3.2rem; color: #323232;}
.wrap-notice .title button:before{content:''; opacity:0; border-radius:100%; width:1.1rem; height:1.1rem; display:block; background:#256ef4; margin: 0 auto;}
.wrap-notice .active .title button{font-weight:700;}
.wrap-notice .active .title button:before{opacity:1;}

.wrap-notice a .con .cate{color: #3a6dd3;font-size: 1.6rem;padding: 0.5rem 1rem;background: #f2f4f9;border-radius: 0.5rem;line-height: 1.1;margin-bottom: 1.6rem;display: inline-block;}

.wrap-notice a .con .subjectText,
.wrap-notice a .con .content{text-overflow: ellipsis; overflow: hidden; line-height: 1.4;  display: -webkit-box; -webkit-box-orient: vertical;}
.wrap-notice a .con .subjectText{font-size: 2.4rem; color: #222; -webkit-line-clamp: 2; font-weight: 700; max-height: 3em;}
.wrap-notice a .con .content{font-size: 1.7rem; color: #666; -webkit-line-clamp: 3; margin-top: 1.6rem;}

.wrap-notice a .con .date{font-size: 1.5rem; margin-top: 2rem; color:#666;}

.wrap-notice .control{position: absolute;right: 0; top: -8.5rem; display: flex; gap:0.5rem;align-items: center;}
.wrap-notice .control button,
.wrap-notice .control a{border:0.1rem solid #e5e5e5; border-radius:1rem; width:4rem; height:4rem; text-indent:-9999px;}

.wrap-notice .control .button-prev{background:url('./../images/arrow-back.png') center no-repeat;}
.wrap-notice .control .button-next{background:url('./../images/arrow-forward.png') center no-repeat;}
.wrap-notice .control .more{background:url('./../images/arrow-plus.png') center no-repeat;}

.wrap-notice .control .fraction{width:auto; margin-right: 2rem;}
.wrap-notice .control .fraction .swiper-pagination-current{font-weight: 700; color: #256ef4;}

/* list */
.wrap-notice .list{}
.wrap-notice .swiper-wrapper{}
.wrap-notice .swiper-slide{    display: flex; align-items: center; border-radius:1.5rem; border: 0.1rem solid #ddd; padding: 4rem; height:32rem;}
.wrap-notice .swiper-slide a{}



@media only screen and (max-width:1280px){
	body .wrap-notice{width:100%;}
	body .wrap-notice > ul > li + li .title:before{height:1.5rem;}
	body .wrap-notice > ul{gap:1rem; height: 37rem;}
	body .wrap-notice > ul > li + li .title{padding-left: 1rem; margin-left: 1rem;}
	body .wrap-notice .title button{font-size:2.8rem}
	body .wrap-notice .control{top: -5.5rem;}
	body .wrap-notice > ul > li .kdcaSwiper{top: 6rem;}
	body .wrap-notice .swiper-slide{padding: 3.5rem 2.5rem 3rem; height: auto;}
	body .wrap-notice .control button, 
	body .wrap-notice .control a{width:3.5rem; height:3.5rem;}
}

@media only screen and (max-width:767px){
	body .wrap-notice > ul{height: 34rem;margin-bottom: 2rem;}
	body .wrap-notice .title button{font-size:2.3rem}
	body .wrap-notice .title button:before{width: 0.9rem; height: 0.9rem;}
	body .wrap-notice > ul > li + li .title:before{top:1.5rem;}
	body .wrap-notice > ul > li .list{top:7rem;}
	body .wrap-notice .list ul{padding: 3rem 3rem 0rem 3rem;}
	body .wrap-notice .list ul li{margin-bottom: 2rem; padding-bottom: 2rem;}
	body .wrap-notice .list ul li a .con .date{margin-top: 0rem;}
	body .wrap-notice .list ul li a .con .subjectText{font-size:1.7rem;}
	body .wrap-notice > ul > li + li .title:before{top:2rem;}
	body .wrap-notice .swiper-slide{padding:2.5rem 2.5rem;}
	body .wrap-notice a .con .subjectText{font-size:2.1rem;}
}