/* BASIC css start */
#event-rolling-container { position: relative; width: 100%; height: 761px; }
#event-rolling-container .swiper-pagination { position: absolute; bottom: 12px; right: 20px; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet { cursor: pointer; opacity: 1; margin-left: 7px; width: 14px; height: 14px; background-color: #fff; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #000; }

.small-banner-container { position: relative; margin-top: 20px; margin-bottom: 35px; }
.small-banner-container .float-l { float: left; }
.small-banner-container .float-r { float: right; }

.items-wrap { position: relative; }
.items-wrap .tit-prd { text-align: center; }

.other-wrap { position: relative; }
.other-wrap .cols-left { float: left; width: 420px; margin-right: 20px; }
.other-wrap .cols-left ul li { float: left; width: 120px; margin-right: 20px; margin-bottom: 20px; text-align: center; }
.other-wrap .cols-left ul li span { display: block; margin-top: 10px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.other-wrap .cols-left ul li img { width: 120px; height: 120px; }
.other-wrap .cols-middle { float: left; width: 290px; }
.other-wrap .cols-middle ul { width: 270px; }
.other-wrap .cols-middle ul li { padding-left: 10px; padding-bottom: 12px; }
.other-wrap .cols-middle ul li a { font-size: 12px; color: #8a8a8a; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.other-wrap .cols-right { float: right; width: 440px; }
.other-wrap .cols-right li { float: left; margin-left: 10px; margin-bottom: 10px; }

.other-wrap .subject-in h4 { margin-right: 20px; margin-bottom: 20px; text-indent: 10px; position: relative; height: 26px; line-height: 26px; font-size: 16px; font-weight: bold; color: #fff; background-color: #6bcbba; }
.other-wrap .subject-in h4 a { position: absolute; top: 0; right: 0; }

.f2s-swiper{margin-bottom:15px;}
/* BASIC css end */