@charset "utf-8";



.cateBox {position: relative; display:block; border-radius: 1em;border: 1px dashed #ddd; width:100%; height:100%; margin:1em 0 2em;}
.cateBox .tit {position:absolute; font-size: 1.2em;font-weight: 600;left: 2em;color: #111;font-weight: 800;top: 50%;transform: translateY(-50%);}
.cateBox .cate-list {padding: 1em 0;margin: 0 7em 0 10em;}
.cateBox .cate-list li { width: auto;}
.cateBox .cate-list a { display: block; padding: 0.5em 1em; font-size: 1.1em; color: #4D545B; text-align: center; border-radius: 50px;}
.cateBox .cate-list a.on { font-weight: 600; color: #fff; background: #ddd; background: linear-gradient(180deg, #20D0FF 0%, #0061C2 100%);}
.cateBox .control { display:block; position: absolute; right: 1em; top: 1em; z-index:1;}
.cateBox .control > button {display: inline-block;width: 40px;height: 40px;text-indent: -9999px;background-image: url(/news/img/common/split_button_icon.png);background-repeat: no-repeat;vertical-align: middle;border-radius: 50%;overflow: hidden;cursor: pointer;border-color: #4d545b;background-color: #333;}
.cateBox .control > button:hover {border: 1px solid #ddd; background-color: #fff;}
.cateBox .control .prev:hover { background-position: 14px -164px;}
.cateBox .control .prev { background-position: -53px -163px;}
.cateBox .control .next:hover { background-position: 17px -133px;}
.cateBox .control .next { background-position: -50px -132px;}
.cateBox .slider {display:block; position:relative; height:100%; border-radius:.8rem; overflow:hidden;}
.cateBox .slider .swiper-container,
.cateBox .slider .swiper-wrapper,
.cateBox .slider .swiper-slide {height:100%;}
.cateBox .slider .swiper-slide > * {display:block;}

@media all and (max-width:640px) {
    .cateBox .tit {position:static; transform: initial; padding: 1.2em;}
	.cateBox .cate-list {padding-top:0; margin:0 15px;}
	.cateBox .cont-box {top:15px;right:15px;transform: initial;}

}