/*Content CSS*/
#c3_wrap{overflow: hidden; padding: 90px 0 110px;}
.c3_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative;}
.c3_inner .fs_61{font-size: 61px; font-weight: 700; line-height: 1; }
.c3_inner .fs_60{font-size: 60px; font-weight: 800; line-height: 1; letter-spacing: -1.5px; color: #e4e4e4;}
.c3_inner .fs_22{font-size: 22px; font-weight: 700; line-height: 35px;}
.c3_inner .fs_19{font-size: 19px; font-weight: 700; color: #1b56ff; }
.c3_inner .fs_17{font-size: 17px; font-weight: 400; line-height: 31px; color: #555;}
.c3_inner .fs_16{font-size: 16.5px; font-weight: 400; color: #333;}
.c3_inner .fs_15{font-size: 15px; font-weight: 300; color: rgba(85,85,85,.7);}

.c3_inner .not{font-size: 16px; font-weight: 700; color: #999;}

.c3_inner .top{display: flex; justify-content: space-between; align-items: center;}

/* text */
.c3_inner .slide_wrap{width: calc(100% + 30px); padding: 0 15px; margin-left: -15px; overflow: hidden; min-height: 465px; position: relative;}
.c3_inner .slick-list{margin: 0 -13.5px; overflow: visible;}
.c3_inner .slick-slide{margin: 0 13.5px;}

.c3_inner .text h3{display: flex; align-items: center; margin-top: 20px;}
.c3_inner .text h3 > span{display: inline-block; margin-left: 40px;}
.c3_inner .c3_list{position: relative; margin-top: 50px; }
.c3_inner .c3_list .slick-track {min-width: 100%; }
.c3_inner .c3_list .slick-active {overflow: hidden; }
.c3_inner .c3_list li.slide{width: 25%; border: solid 1px transparent; position: relative;  box-shadow: 0 0 12.8px 1.2px rgba(17, 15, 97, 0.1); }
.c3_inner .c3_list li.slide:hover{border-color: #1b56ff;}
.c3_inner .c3_list li.slide:hover a::before{opacity: 1;}
.c3_inner .c3_list li.slide:hover .not{color: #1b56ff;}
.c3_inner .c3_list li.slide a{display: block; background-color: #fff; padding: 54px 39px; transition: .3s; position: relative;}
.c3_inner .c3_list li.slide a::before{content: ''; display: block; width: 100%; height: 100%; border: solid 2px #1b56ff; position: absolute; top: 0; left: 0; opacity: 0; transition: .3s;}

.c3_inner .c3_list .text h4{margin: 20px 0 24px; min-height: 55px; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.c3_inner .c3_list .text p{min-height: 109px; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.c3_inner .c3_list .text span{margin-top: 47px; display: flex; align-items: center;}
.c3_inner .c3_list .text i{display: inline-block; font-size: 17px; color: #1b56ff; margin-right: 7px;}
/* dots */
.c3_inner .slick-dots{display: flex;}
.c3_inner .slick-dots li {margin-right: 18px;}
.c3_inner .slick-dots li button{display: block; width: 12px; height: 12px; background-color:#1b56ff; opacity: .2; font-size: 0;}
.c3_inner .slick-dots li.slick-active button{opacity: 1;}
.c3_inner .slick-dots li:last-child{margin-right: 0;}

/* arrow */
.c3_inner .arrows{display: flex; width: calc(100% + 180px); position: absolute; top: 54%; transform: translate(-50%, -50%); left: 50%; justify-content: space-between; height: 0;}
.c3_inner .arrows .slick-arrow{font-size: 0; position: relative; width: 34px; height: 66px;  background: 50% / cover no-repeat; }

.c3_inner .arrows .slick-prev{background-image: url('../img/prev.png')}
.c3_inner .arrows .slick-next{background-image: url('../img/next.png')}