/* common */
.main-c1 .title-area {text-align: center;}
.main-c1 .title-area .title {font-size: 30px; font-weight: 700; letter-spacing: -1.5px; color: #494e66; text-transform: uppercase;}
.main-c1 .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-c1 */
.main-c1 {background: #fff; overflow: hidden;}
.main-c1 br {display: none;}
.main-c1 .inner {padding: 60px 20px;}
.main-c1 .c1-list {margin-top: 35px;}
.main-c1 .c1-list::after {content: ''; display: block; clear: both;}
.main-c1 .link-item {display: block;}
.c1-list .thumb {position: relative; overflow: hidden; height: 223px; margin-bottom: 15px;}
.c1-list .thumb::before {content: ''; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s;}
.c1-list .c1-item:nth-child(1) .thumb::before {background-image: url("../img/c1_img1.jpg");}
.c1-list .c1-item:nth-child(2) .thumb::before {background-image: url("../img/c1_img2.jpg");}
.c1-list .c1-item:nth-child(3) .thumb::before {background-image: url("../img/c1_img3.jpg");}
.c1-list .c1-item:nth-child(4) .thumb::before {background-image: url("../img/c1_img4.jpg");}
.c1-list .c1-item:hover .thumb::before {transform: scale(1.1);}
.c1-list .title {position: relative; font-size: 18px; font-weight: 700; color: #000; display: block; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.c1-list .title::before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100px; height: 1px; background: #4a65f6;}
.c1-list .desc {font-size: 14px; font-weight: 300; line-height: 1.5; color: #6f717e;}
.c1-list .view-btn {margin-top: 13px;}
.c1-list .view-btn span {font-size: 12px; font-weight: 300; color: #b7b7b7; margin-right: 5px;}
.c1-list .view-btn i[class^="xi"] {font-size: 5px; width: 17px; height: 17px; border-radius: 50%; background: #aeb5be; text-align: center; line-height: 17px; color: #fff; transition: .3s; vertical-align: middle;}
.c1-list .view-btn i[class^="xi"]::before {margin: 0 5px;}
.c1-list .c1-item:hover .title {color: #4a65f6;}
.c1-list .c1-item:hover .view-btn i[class^="xi"] {background: #4a65f6;}

.main-c1 .swiper .swiper-pagination {position: static; margin-top: 40px;}
.main-c1 .swiper .swiper-pagination-bullet {width: 12px; height: 12px; margin: 0 6px;}
.main-c1 .swiper .swiper-pagination-bullet-active {background: #4a65f6;}