@media screen and (max-width:1400px) { 
    /* main */
    .main_top .item .tit .big {font-size: 55px;}
    .main_top .item .tit .small {font-size: 20px}


    .main_prd .item:nth-child(1) {width: 100%;}
    .main_prd .item:nth-child(n+3) {width: calc(50% - 10px);}
}




@media screen and (max-width:1199px) { 
    /* main */
    .main_top .item .tit .big {font-size: 38px}
    .main_wwd .list {flex-wrap: wrap; gap: 20px 0; border-left:0;}
    .main_wwd .item {width: 50%;}
    .main_wwd .item:nth-child(odd) {border-left: 1px solid var(--border)}
    .main_wwd .item .tit {font-size: 20px;}
    .main_prd .item {width: 100% !important;}
    .main_bot .list {flex-direction: column}


    /* product */
    .prd_top .inner {flex-direction: column;}
    .prd_top .info {width: 100%;}
    .prd_top .thumb {width: 100%;}
    .prd_top .thumb p {max-width: 500px;}


}



@media screen and (max-width:899px) {
    
    .main_tit .big {font-size: 32px;}
    .main_tit .small {font-size: 16px;}


    /* product */
    .prd_nav .nav {flex-wrap: wrap; gap: 10px;}
    .prd_nav .nav a {width: max-content; padding: 0 20px; height: 45px; white-space:nowrap; font-size: 14px;}
    .prd_nav .nav_sub a {font-size: 16px;}


    .prd_tab {padding-top: 10px;}
    .prd_tab.fixed {top:59px}
    .prd_tab .tab {flex-wrap: wrap; gap: 10px; padding-bottom: 10px;}
    .prd_tab .tab a {border-radius: 0; width: calc(33.333% - 6.666px); max-width: unset; border:1px solid var(--border); font-size: 14px; height: 45px;}


    
    .prd_sec .inner {gap: 60px;}


    .prd_top .name .big {font-size: 28px;}
    .prd_cont {gap: 30px;}
    .prd_cont > div.w50 {width: 100%;}
    .prd_cont .tit {font-size: 20px;}
    .prd_cont .text {font-size: 14px;}
    .prd_cont .list {font-size: 14px;}


    .prd_cont .t-vib .item {width: 100%;}


    .prd_cont .table th, .prd_cont .table td {font-size: 12px;}
    .prd_cont .table {overflow-x: auto;}
    .prd_cont .table table {width: 100%; min-width: max-content;}
    .prd_cont .table.noScr table {min-width: unset;}


    .prd_etc_top .text {font-size: 24px;}
    .prd_etc_list .list {flex-direction: column; gap: 20px;}
    .prd_etc_list .item {padding: 30px 20px;}
    .prd_etc_list .item .big {font-size: 20px;}
    .prd_etc_list .item .small {font-size: 16px; margin-top: 5px;}


    .prd_ren .prd_cont {flex-direction: column; align-items: flex-start; padding-bottom: 60px;}
    .prd_ren .prd_cont .img {width: 100%; max-width: 400px;}
    .prd_ren .prd_cont .cont {flex: none; width: 100%;}
    .prd_ren .prd_cont .name {font-size: 20px;}
    .prd_ren .prd_cont ul li {font-size: 16px;}



    /* ci */
    .ci_top .text {font-size: 16px; margin-top: 30px;}
    .ci_color .img_box .box .tit {font-size: 16px;}
    .ci_color .img_box .box .item {padding: 20px; font-size: 12px;}


}




@media screen and (max-width:599px) { 
    
    /* main */
    .main_tit .big {font-size: 28px;}
    .main_top .item .tit .big {font-size: 28px;}
    .main_top .item .tit .small {font-size: 16px}
    .main_top .swiper_btn {bottom: 20px;}
    .main_top .swiperMainTopNext {right: 20px;}
    .main_top .swiperMainTopPrev {right: 70px;}
    .main_wwd .list {gap: 40px;}
    .main_wwd .item {width: 100%; border: 0 !important;}
    .main_wwd .item .tit {padding: 0 0 10px; justify-content: flex-start; height: auto;}
    .main_wwd .item .text {padding: 10px 0 0;}
    .main_wwd .item .keyword {padding:10px 0 0;}
    .main_prd .item .cont .top {flex-direction: column; align-items: flex-start}
    .main_prd .item .cont .prd li {width: calc(33.333% - 6.666px);}
    .main_bot .item .cont {padding: 50px 20px;}
    .main_bot .item .cont .tit {font-size: 20px;}
    .main_bot .item .cont .text {font-size: 16px;}


    /* product */
    .prd_cont .download {gap:40px 20px; justify-content: flex-start;}
    .prd_cont .download a {width: calc(50% - 10px);}
    .prd_cont .down_text {font-size: 14px;}



    /* ci */
    .ci_top .img {padding: 40px;}
    .ci_top .img img {max-width: 150px;}
    .ci_grid .img {flex-direction: column; gap: 20px;}
    .ci_size .img {flex-direction: column; gap: 20px;}
    .ci_color .img_box .box {width: 100% !important;}
    .ci_color .img_box .ma .item {width: 100%;}
    


}