@media (max-width: 1024px){h1{font-size:58px}h2{font-size:48px}h3{font-size:0.54rem}h4{font-size:0.3rem}h5{font-size:0.24rem}.container{max-width:85%}header .container{padding-top:15px;max-width:85%}header .container .header-ul{display:none}header .container .header-nav{display:block}main .banner .index-banner{top:50%}main .banner .index-banner .index-banner-span{font-size:18px}main .banner .index-banner .index-banner-h1{font-size:48px}main .banner .index-banner .index-banner-button{font-size:18px;padding:5px 25px}main .main .index-page1{padding:80px;height:auto}main .main .index-page1 .page1-detail{width:100%}main .main .index-page1 .page1-img{display:none}main .main .index-page2{padding:80px 0}main .main .index-page2 .index-page2-list .dropdown .btn-secondary{padding:10px 30px}main .main .index-page5{padding:80px 0}main .main .index-page5 .page5-detail .page5-item{height:120px;margin-right:80px}footer{background-size:auto !important}}@media (max-width: 767px){h1{font-size:32px}h2{font-size:38px}h3{font-size:32px}h4{font-size:0.3rem}h5{font-size:0.24rem}.container{max-width:95%}.xuxian{display:none}header{background-color:#fff}header .container{max-width:90%}footer{height:auto;padding:20px 0}footer .footer-hr{margin:20px 0}footer .footer-nav{margin-bottom:20px}main .banner{padding-top:80px}main .banner .banner-h2{left:5px;transform:none}main .banner .crumb{display:none;padding-left:5px;flex-wrap:wrap}main .banner .crumb p{white-space:nowrap}main .banner .index-banner{top:60%;background-color:rgba(255,255,255,0.1)}main .banner .index-banner .index-banner-span{font-size:14px}main .banner .index-banner .index-banner-h1{font-size:36px}main .banner .index-banner .index-banner-button{font-size:14px;padding:5px 15px}main .banner .banner-h1{top:60%;left:5px}main .join-us{display:none}main .join-us1{display:block}main .main .container{padding:50px 0}main .main .index-page1{padding:20px;height:auto;padding-bottom:50px}main .main .index-page1 .page1-detail{width:100%}main .main .index-page1 .page1-detail .page1-detail-dwon .page1-dwon-num{padding-bottom:20px}main .main .index-page1 .page1-img{display:none}main .main .index-page2{padding:40px 0}main .main .index-page2 .index-page2-list{margin:35px 0 50px;align-items:center;flex-wrap:wrap;justify-content:center}main .main .index-page2 .index-page2-list .dropdown{margin:0}main .main .index-page2 .index-page2-list .dropdown .btn-secondary{padding:10px 30px}main .main .index-page2 .index-page2-list .dropdown:last-child{margin-top:10px}main .main .index-page3{padding:40px 0}main .main .index-page3 h2{margin-bottom:30px}main .main .index-page3 .index-page3-swiper .Swiper_page3{height:260px}main .main .index-page4{overflow:hidden}main .main .index-page4 .page4-detail{width:100%;padding:20px;position:relative;top:0;left:0;transform:none;background-color:rgba(255,255,255,0.3)}main .main .index-page4 .page4-detail h2{margin-bottom:20px}main .main .index-page4 .page4-detail .page4-detail-list .page4-detail-li{color:#7c4a2a;opacity:1;line-height:0.4rem}main .main .index-page4 .page4-img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none}main .main .index-page5{padding:20px 0}main .main .index-page5 h2{margin-bottom:20px}main .main .index-page5 .page5-detail{padding:10px}main .main .index-page5 .page5-detail .page5-item{height:50px;margin-right:20px}main .main .about{flex-direction:column}main .main .about .about-left{width:100%;height:auto;writing-mode:unset;margin-bottom:20px;flex-wrap:wrap}main .main .about .about-left .about-HOMER{margin-right:10px}main .main .about .about-left .about-spandwon{white-space:nowrap}main .main .about .about-detail{width:100%}main .main .about .about-detail .about-right{margin-bottom:40px}main .main .contact .contact-us{flex-direction:column;padding-bottom:20px}main .main .contact .contact-us .contact-left{width:100%}main .main .contact .contact-us .contact-left .contact-list{margin-top:0}main .main .contact .contact-us .contact-left .contact-list .contact-li .contact-li-img{margin-right:20px}main .main .contact .contact-us .contact-map{width:100%;aspect-ratio:1 / 1;margin-top:40px}main .main .news .news-detail{flex-direction:column}main .main .news .news-detail .news-menu{width:100%;padding:15px}main .main .news .news-detail .news-content{width:100%;margin-top:20px}main .main .product{flex-direction:column;align-items:flex-start;height:auto}main .main .product .product-right{width:100%;margin-top:20px}main .main .product .product-right .product-menu{width:60%}main .main .product .product-right .product-menu .product-inmenu{font-size:16px}main .main .product .product-right .product-nav{width:40%;font-size:16px}main .main .product-fabric .product-detail{margin-top:35px;grid-template-columns:repeat(1, 1fr)}main .main .product-grament .product-detail{margin-top:35px;grid-template-columns:repeat(1, 1fr)}main .main .product-yarn .product-detail{margin-top:35px}main .main .product-yarn .product-detail .tag{font-size:14px;top:5%}main .main .product-yarn .product-detail .product-content h3{margin-bottom:15px}main .main .product-yarn .product-detail .product-content p{font-size:14px;line-height:20px}}@media (max-width: 494px){header .container{max-width:95%}main .banner .index-banner{top:65%}main .main .index-page1 .page1-detail .page1-detail-dwon .page1-dwon-num{display:grid;grid-template-columns:1fr 1fr}main .main .index-page2 .index-page2-list .dropdown-hover .btn-secondary{padding:5px 10px;font-size:14px}main .main .index-page2 .index-page2-list .dropdown-hover .dropdown-menu .dropdown-item{font-size:12px}main .main .index-page2 .index-page2-list .dropdown:first-child{margin:0}main .main .index-page2 .index-page2-list .dropdown:not(:first-child):not(:last-child){margin:20px 0}main .main .index-page2 .index-page2-list .dropdown:last-child{margin:0}main .main .index-page2 .index-page2-list .dropdown-hover:not(:first-child):not(:last-child){margin:0 5px}main .main .index-page2 .index-page2-list .dropdown-hover:first-child{margin-right:5px}main .main .index-page2 .index-page2-list .dropdown-hover:last-child{margin-left:5px}}