@media screen and (max-width:1400px) {
    /* main */
    .main_tit .big {font-size: 6rem;}
    .main_top .cont {gap: 60px;}
    .main_top .title .big {font-size: 7rem;}
    .main_top .title .small {font-size: 3rem;}
    .main_top .descrip .big {font-size: 1.5rem;}
    .main_top .circle {width: 600px; margin-left: -300px;}
    .main_abt .item .tit {font-size: 5rem;}
    .main_abt .item .descrip {font-size: 1.125rem;}
    .main_port .swiper_prev {left: 3%;}
    .main_port .swiper_next {right: 3%}
    
    /* about */
    .abt_tit .big {font-size: 4.5rem;}
    .abt_int .box {font-size: 2rem;}


}


@media screen and (max-width:1199px) {
    /* main */
    .main_top .title .small {font-size: 2rem;}
    .main_top .title .big {font-size: 5rem;}
    .main_top .descrip .big {font-size: 1.25rem;}
    .main_top .descrip .small {font-size: 1rem;}
    .main_abt .list {gap: 20px;}
    .main_abt .box {gap: 20px;}
    .main_abt .item .tit {font-size: 4rem;}


    /* about */
    .abt_biz .item {width: 50%;}
    .abt_biz .item:nth-child(3n)::after {display: block;}
    .abt_biz .item:nth-child(2n)::after {display: none;}



}


@media screen and (max-width:899px) {
    /* main */
    .main_tit {padding-bottom: 30px;}
    .main_tit .big {font-size: 4rem;}
    .main_top {padding: 120px 0;}
    .main_top .inner {flex-direction: column; gap: 80px;}
    .main_top .cont {order: 1; margin: 0; width: 100%; text-align: left; gap: 40px;}
    .main_top .circle {order: 2; width: 90%; margin-right: -50%; margin-bottom: -60%; margin-left: 0;}
    .main_abt .box {width: 100%; flex: unset;}
    .main_abt .item {flex-direction: column; align-items: flex-start; gap: 40px;}
    .main_abt .item .tit {order: 1;}
    .main_abt .item .descrip {text-align: right; order: 2; width: 100%;}
    .main_abt .item4::after {background-position: center bottom; opacity: .3;}
    .main_port .btn_box {margin-top: 40px;}
    .main_port .btn_box .btn {height: 70px; font-size: 1.25rem;}


    /* about */
    .abt_tit {margin-bottom: 30px;}
    .abt_tit .big {font-size: 3rem;}
    .abt_top {padding-top: 200px;}
    .abt_int .inner {gap: 60px;}
    .abt_int .box {font-size: 1.5rem;}
    .abt_biz .list {gap: 15px;}
    .abt_biz .item {width: 100%;}
    .abt_biz .item::after {display: none !important;}
    .abt_bot .loopText p {font-size: 2rem;}
    .abt_bot .loopText.left {animation: loopTextL 20s linear infinite;}
    .abt_bot .loopText.right {animation: loopTextR 25s linear infinite;}


    /* contact */
    .ct_wrap .info li {font-size: 1.25rem;}
    .ct_wrap .info .gu {width: 90px;}
    .ct_wrap .info .btn {margin-top: 40px;}
    .ct_wrap .bot {font-size: 2.5rem; margin-top: 90px;}


}


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


    /* main */
    .main_tit .big {font-size: 2.5rem;}
    .main_top .inner {gap: 40px;}
    .main_top .cont {gap: 25px;}
    .main_top .title .small {font-size: 1.25rem;}
    .main_top .title .big {font-size: 13vw; margin-top: 10px;}
    .main_top .descrip .big {font-size: 1rem;}
    .main_top .descrip .small {font-size: 0.875rem; margin-top: 10px;}
    .main_abt .list {gap: 10px;}
    .main_abt .box {gap: 10px;}
    .main_abt .item {padding: 20px; gap: 20px; min-height: 180px;}
    .main_abt .item .tit {font-size: 2rem;}
    .main_abt .item .descrip {font-size: 0.875rem; margin-top: auto;}
    .main_abt .item .descrip br {display: none;}
    .main_port .swiper {width: 220%;}
    .main_port .swiper_btn {display: none;}
    .main_port .item {padding: 0;}
    .main_port .btn_box .btn {font-size: 1rem; height: 55px;}


    /* about */
    .abt_tit .big {font-size: 2rem;}
    .abt_int .box {font-size: 1.125rem;}
    .abt_biz .item {padding: 25px;}
    .abt_biz .item .icon {width: 60px;}
    .abt_biz .item .big {font-size: 1.75rem; margin-top: 5px;}
    .abt_biz .item .small {font-size: 1rem; margin-top: 5px;}
    .abt_bot .loopText p {font-size: 1.5rem;}


    /* client */
    .cli_list .item {width: 50%;}
    .cli_list .item img {width: 60%; height: 60%;}


    /* contact */
    .ct_wrap .info ul {gap: 20px;}
    .ct_wrap .info li {font-size: 1rem;}
    .ct_wrap .info .gu {width: 70px;}
    .ct_wrap .info .btn {max-width: unset;}
    .ct_wrap .bot {font-size: 1.5rem;}


}