/* common */
.main-c3 .title-area {text-align: center;}
.main-c3 br {display: none;}
.main-c3 .title-area .title {font-size: 30px; font-weight: 700; letter-spacing: -1.5px; color: #494e66; text-transform: uppercase;}
.main-c3 .title-area .title::before {content: ''; display: block; width: 25px; height: 30px; background: url("../img/title_obj.png") no-repeat center/contain; margin: 0 auto;}
.main-c3 .title-area--white .title, .main-c3 .title-area--white .desc {color: #fff;}
.main-c3 .title-area .desc {font-size: 18px; font-weight: 300; line-height: 2; margin-top: 20px;}

/* main-c3 */
.main-c3 {background: url("../img/dot_bg.jpg"); overflow: hidden;}
.main-c3 .inner {padding: 60px 20px;}
.main-c3 .group-title {position: relative;}
.main-c3 .group-title .control-area {display: flex; align-items: center; position: absolute; right: 0; bottom: 0;}
.main-c3 .control-area .btn {position: relative; left: auto; top: auto; bottom: auto; right: auto; display: block; width: auto; height: auto; margin-top: 0;}
.main-c3 .control-area .btn::before {content: ''; display: inline-block; width: 9px; height: 18px; background-repeat: no-repeat; background-position: center;}
.main-c3 .control-area .swiper-button-prev::before {background-image: url("../img/prev_b.png");}
.main-c3 .control-area .swiper-button-next::before {background-image: url("../img/next_b.png");}
.main-c3 .control-area .swiper-button-prev::after, .swiper-button-next::after {display: none;}
.main-c3 .swiper .swiper-pagination {position: static; width: auto; margin-top: 40px;}
.main-c3 .swiper .swiper-pagination-bullet {width: 12px; height: 12px; background: transparent; border: 1px solid #ddd; opacity: 1;margin: 0 6px;}
.main-c3 .swiper .swiper-pagination-bullet-active {background: #4a65f6; border-color: #4a65f6;}
.main-c3 .swiper {margin-top: 35px;}
.main-c3 .swiper-slide {position: relative; border: 4px solid transparent; transition: .3s;}
.main-c3 .swiper-slide:hover {border-color: #4a65f6;}
.main-c3 .swiper-slide a {display: block; border: 1px solid #ddd; padding: 35px; background: #fff; min-height: 350px;}
.main-c3 .swiper-slide .text-group {color: #494e66;}
.main-c3 .swiper-slide .label {font-size: 16px; font-weight: 700; color: #4a65f6; display: block; margin-bottom: 20px;}
.main-c3 .swiper-slide .title {font-size: 17px; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 51px; margin-bottom: 25px;}
.main-c3 .swiper-slide .desc {font-size: 14px; font-weight: 300; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 71px;}
.main-c3 .swiper-slide .date {font-size: 14px; font-weight: 300; display: block; margin-top: 60px;}
.main-c3 .swiper-slide .date i[class^="xi-"] {font-size: 20px; color: #4a65f6; margin-right: 6px; vertical-align: top;}