/*Content CSS*/
#c3_wrap{overflow: hidden;height: 100vh; display: flex; align-items: center; justify-content: center; min-height:800px;}
#c3_wrap .wrap{background: url('../img/c3_bg.jpg') 50% / cover no-repeat; width: 100%;}
.c3_inner{width: 100%; max-width: 1400px; padding: 100px 0 0; margin: 0 auto; position: relative;}
.c3_inner .fs_60{font-size: 60px; font-weight: 700; color: #fff;}
.c3_inner .fs_23{font-size: 23px; font-weight: 700; color: #fff;}
.c3_inner .fs_22{font-size: 22px; font-weight: 600; color: #fff;}
.c3_inner .fs_18{font-size: 18px; font-weight: 400; line-height: 1.67; color: #fff;}
.c3_inner .tit{text-align: center;}
.c3_inner .tit h3{margin: 15px 0 0; }
.c3_bg_list{display: flex; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; max-width: 1400px; }
.c3_bg_list li{width: 25%; height: 100%; border-right: solid 1px rgba(255,255,255,.4); transition: .3s;}
.c3_bg_list li:first-child{border-left: solid 1px rgba(255,255,255,.4);}

.c3_list{display: flex; padding: 100px 0; position: relative; z-index: 1;}
.c3_list li{width: 25%; text-align: center;}
.c3_list li i{width: 110px; height: 110px; transform: rotate(45deg);display: flex; align-items: center; justify-content: center; position: relative; background-color: rgba(255,255,255,.2); transition: .3s; margin: 0 auto 45px;; border: solid 1px rgba(255,255,255,.2);}
.c3_list li i img{transform: rotate(-45deg);}
.c3_list li p{margin-top: 25px;}
.c3_list li .mv_btn{display: flex; align-items: center; justify-content: center; width: 160px; height: 45px; font-size: 15.5px; font-weight: 500; border: solid 1px #fff; border-radius: 22.5px; margin: 15px auto 0; color: #fff; transition: .3s;}
@media screen and (min-width:1025px) {
    .c3_bg_list li.effect{background-color: rgba(255,255,255,.1);}
    .c3_list li:hover i{border-color: #fff;}
    .c3_list li:hover .mv_btn{background-color: #fff; color: #0074f7;}

}

@media screen and (max-width: 1400px) {

    .c3_inner .fs_60{font-size: 50px;}
    .c3_inner .fs_23{font-size: 21px;}
    .c3_inner .fs_22{font-size: 20px;}
    .c3_inner .fs_18{font-size: 17px;}
    .c3_list li .mv_btn{width: 150px; height: 40px; font-size: 14px; }
    .c3_list li p{margin-top: 20px}

}
@media screen and (max-width: 1280px) {
    #c3_wrap{height: initial;  min-height:0;}
    .c3_inner{padding-top: 80px; }
    .c3_list {padding: 80px 0;}
    .c3_list li{padding: 0 20px;}
    .c3_list li br{display: none;}
    .c3_list li i{margin-bottom: 35px;}

}
@media screen and (max-width: 1024px) {
    #c3_wrap{padding-top: 50px;}
    .c3_inner{padding: 50px 30px; position: relative;}
    .c3_inner .fs_60{font-size: 40px;}
    .c3_inner .fs_23{font-size: 20px;}
    .c3_inner .fs_22{font-size: 18px;}
    .c3_inner .fs_18{font-size: 16px;}
    .c3_inner .tit h3{margin: 10px 0;}
    .c3_list{flex-wrap: wrap; padding: 0; margin-top: 30px;}
    .c3_list li{width: 50%; border: solid 1px rgba(255,255,255,.2); padding: 45px 20px 20px; margin-left: -1px; margin-top: -1px;}
    .c3_list li .mv_btn{font-size: 13px; }
    .c3_list li p{margin-top: 10px;}
    .c3_bg_list{display: none;}
    .c3_list li i{width: 75px; height: 75px;}
    .c3_list li i img{transform: scale(.7) rotate(-45deg);}



}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 640px) {
    .c3_inner{padding: 50px 20px;}
    .c3_inner .fs_60{font-size: 34px;}
    .c3_inner .fs_23{font-size: 19px;}
    .c3_inner .fs_22{font-size: 17px;}
    .c3_inner .fs_18{font-size: 15px;}

}

@media screen and (max-width: 480px) {
    .c3_list li{width: 100%; padding: 35px 15px 15px; margin-left: 0;}
    .c3_list li .mv_btn{width: 100%;}

}
