/*font-family*/ @font-face{ font-family: 'Montserrat-Black'; src: url('fonts/Montserrat-Black.ttf'); } @font-face{ font-family: 'Montserrat-Bold'; src: url('fonts/Montserrat-Bold.ttf'); } @font-face{ font-family: 'Montserrat-ExtraBold'; src: url('fonts/Montserrat-ExtraBold.ttf'); } @font-face{ font-family: 'Montserrat-Light'; src: url('fonts/Montserrat-Light.ttf'); } @font-face{ font-family: 'Montserrat-Light'; src: url('fonts/Montserrat-Light.ttf'); } @font-face{ font-family: 'Montserrat-Medium'; src: url('fonts/Montserrat-Medium.ttf'); } @font-face{ font-family: 'Montserrat-Regular'; src: url('fonts/Montserrat-Regular.ttf'); } @font-face{ font-family: 'Montserrat-SemiBold'; src: url('fonts/Montserrat-SemiBold.ttf'); } @font-face{ font-family: 'Montserrat-Thin'; src: url('fonts/Montserrat-Thin.ttf'); } @font-face{ font-family: 'Poppins-ExtraLight'; src: url('fonts/Poppins-ExtraLight.ttf'); } *{ font-family: "Montserrat-Regular"; } :root{ --mainColor:#000; } /*header start*/ .header{width: 100%;height: auto;position: relative;} .header.fixed{background: #FFFFFF;position: fixed;top: 0;left: 0;z-index: 9999;box-shadow: 5px 9px 29px 0px rgba(197, 197, 197, 0.36);} .header_top_box{width: 100%;height: 32px;display: flex;justify-content: center;align-items: center;text-align: center;background: #000000;font-size: 12px;font-family: "Montserrat-Light";color: #FFFFFF;} .header_bottom_box{width: 100%;height: 76px;z-index: 999;background: #FFFFFF;} .header.fixed .header_bottom_box{position: relative;top: 0;} .header_bottom_contentWH{width: 92%;height: 100%;margin: 0px auto;display: flex;justify-content: space-between;align-items: center;} .header_bottom_left{display: flex;justify-content: flex-start;align-items: center;height: 100%;} .logo{width: 149px;height: auto;} .logo img{width: 100%;height: auto;display: block;} .header_nav_content_bottom{display: flex;justify-content: flex-start;height: 100%;margin-left: 68px;} .header_nav_content_bottom li{height: 100%;display: flex;align-items: center;} .header_nav_content_bottom li + li{margin-left: 30px;} .header_nav_content_bottom_frist{height: 100%;position: relative;} .header_nav_content_bottom_frist a{display: flex;justify-content: center;align-items: center;height: 100%;font-size: 14px;color: #000000;font-family: "Montserrat-Medium";} .header_nav_content_bottom_frist a:after{content: "";display: block;width: 0;height: 1px;background: #000000;position: absolute;left: 0;bottom: 27px;overflow: hidden;transition: all 0.6s;} .header_nav_content_bottom li:hover .header_nav_content_bottom_frist a:after,.header_nav_content_bottom li.on .header_nav_content_bottom_frist a:after{width: 100%;} .header_nav_content_bottom_list_content{width: 100%;height: auto;background: #FFFFFF;position: absolute;left: 0;top: 100%;z-index: 999;box-shadow: 5px 9px 29px 0px rgba(197, 197, 197, 0.36);display: flex;justify-content: space-between;display: none;} .header_nav_content_bottom_list{width: 100%;height: auto;display: flex;justify-content: space-between;} .header_nav_content_bottom_list_left{flex: 1;padding: 30px 0;padding-left: 17.3%;padding-right: 5%;} .nav_title{font-size: 18px;color: #000000;font-family: "Montserrat-ExtraBold";} .nav_title a{color: #000000;font-family: "Montserrat-ExtraBold";font-size: 18px;} .nav_title a:hover{text-decoration: underline;} .header_nav_content_bottom_list_left_content{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .header_nav_content_bottom_list_left_list{width: 23.5%;height: auto;margin-left: 6%;margin-top: 15px;} .header_nav_content_bottom_list_left_list:nth-of-type(1){margin-left: 0;} .header_nav_content_bottom_list_top a{font-size: 14px;color: #000000;font-family: "Montserrat-SemiBold";line-height: 1.8;} .header_nav_content_bottom_list_top a:hover{text-decoration: underline;} .header_nav_content_bottom_list_bottom{width: 100%;height: auto;} .header_nav_content_bottom_list_bottom a{display: block;margin-top: 15px; font-size: 12px;color: #000000;font-family: "Montserrat-Medium";} .header_nav_content_bottom_list_bottom a:hover{text-decoration: underline;} .header_nav_content_bottom li:hover .header_nav_content_bottom_list_content{display: flex;} .header_nav_content_bottom_list_right{width: 36.72%;height: auto;} .header_nav_content_bottom_list_right img{width: 100%;height: 100%;display: block;object-fit: cover;} .hd_btn{display: none;position: relative;float: right;width: 6vw;height: 5vw;cursor: pointer;margin-left: 30px;} .hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.5vw;background-color: var(--mainColor);transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;} .hd_btn .s1 {top: 0;} .hd_btn .s2 {top: 2vw;} .hd_btn .s3 {top: 4vw;} .hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .hd_btn.on .s2 {opacity: 0;} .hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .header_bottom_right{display: flex;justify-content: flex-end;align-items: center;height: 100%;} .header_search_btn{width: 20px;height: auto;cursor: pointer;} .header_search_btn img{width: 100%;height: auto;display: block;} .header_language_btn{width: 20px;height: 100%;margin-left: 20px;cursor: pointer;position: relative;display: flex;align-items: center} .header_language_btn span img{width: 100%;height: auto;display: block;} .header_search_box{width: 100%;max-height: 0px;background: rgba(0,0,0,0.8);position: absolute;left: 0px;top: 108px;z-index: 9999;overflow: hidden;transition: all 0.6s;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);} .header_search_box form{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;} .header_search_box input{width: 400px;height: 42px;display: block;outline: none;background: #FFFFFF;color: #333333;padding: 0 18px;border: none;font-size: 18px;margin: 30px 0;border-bottom: 1px solid #E5E5E5;} .header_search_box input:nth-last-of-type(1){border-radius: 8px;width: 150px;margin-left: 15px;background: var(--mainColor);color: #FFFFFF;cursor: pointer;} .header_search_box.on{max-height: 800px;} .header_language_box{width: 400px;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;position: absolute;right: 0;max-height: 0px;top:76px;background: #fff;z-index: 99;overflow: hidden;transition: all 0.6s;} .header_language_box a{display: flex;justify-content: flex-start;align-items: center;height: 45px;padding: 0 2%;font-size: 16px;width: 49%;border-bottom: 1px solid #e5e5e5;transition: all 0.3s;} .header_language_box a:hover{background: #000;color: #fff;} .header_language_box a img{display: block;margin-right: 8px;width: 20px;} .header_language_box a:nth-last-of-type(1),.header_language_box a:nth-last-of-type(2){border-bottom: none;} .header_language_btn:hover .header_language_box{max-height: 900px;} /*header end*/ /*banner start*/ .banner{width: 100%;height: auto;position: relative;} .index_banner_swiper{width: 100%;height: auto;} .index_banner_swiper img{width: 100%;height: auto;display: block;} .index_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 0 4%;display: flex;align-items: flex-end;padding-bottom: 100px;z-index: 99;} .index_banner_content_ul{display: flex;justify-content: center;width: 100%;} .index_banner_content_ul li{width: 200px;height: 50px;background: #121212;border-radius: 25px;} .index_banner_content_ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;} .index_banner_content_ul li a img{display: block;transition: all 0.3s;width: 30px;} .index_banner_content_ul li a p{font-size: 20px;color: #FFFFFF;margin-left: 8px;transition: all 0.3s;} .index_banner_content_ul li:hover img{transform: translateX(-5px);} .index_banner_content_ul li:hover p{transform: translateX(5px);} .index_banner_content_ul li + li{margin-left: 10px;} /*banner end*/ /*content start*/ .content{width: 100%;height: auto;} .index_partner_box{width: 82%;height: auto;padding: 80px 0px;margin: 0px auto;} .index_partner_ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .index_partner_ul li{width: 9.7%;height: auto;} .index_partner_ul li img{width: 100%;height: auto;display: block;} .index_package_box{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .index_package_left_box{width: 45.5%;height: auto;} .index_package_left_sw{width: 100%;height: 100%;} .index_package_left_sw .swiper-slide{width: 100%;height: auto;position: relative;} .index_package_left_bg{width: 100%;height: 100%;overflow: hidden;} .index_package_left_bg img{width: 100%;height: 100%;display: block;transition: all 0.3s;object-fit: cover;} .index_package_left_sw .swiper-slide:hover .index_package_left_bg img{transform: scale(1.1);} .index_package_left_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 56px 80px;} .index_package_left_content h4{font-size: 30px;color: #FFFFFF;} .index_package_left_content span{display: block;font-size: 16px;color: #FFFFFF;text-decoration: underline;} .index_package_left_sw_right,.index_package_left_sw_left{font-size: 48px;color: #FFFFFF;font-family: "Poppins-ExtraLight";background: none;} .index_package_left_sw_right:hover,.index_package_left_sw_left:hover{color: #000000;} .index_package_right_box{flex: 1;margin-left: 1px;} .index_package_right_ul{width: 100%;height: auto;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .index_package_right_ul li{width: calc(calc(100% / 3) - 1px);height: auto;background: #f0f0f0;margin-left: 1px;margin-top: 1px;} .index_package_right_ul li:nth-of-type(3n+1){margin-left: 0;} .index_package_right_ul li:nth-of-type(1),.index_package_right_ul li:nth-of-type(2),.index_package_right_ul li:nth-of-type(3){margin-top: 0;} .index_package_right_ul_top{width: 100%;height: auto;padding: 30px 22px;padding-bottom: 9px;} .index_package_right_ul_top h4{font-size: 14px;color: #000000;text-transform: uppercase;} .index_package_right_ul_top p{font-size: 12px;color: #000000;} .index_package_right_ul_img{width: 100%;height: auto;overflow: hidden;} .index_package_right_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .index_package_right_ul li:hover .index_package_right_ul_img img{transform: scale(1.1);} .index_hot_woman_box{width: 100%;height: auto;padding: 80px 0;} .index_hot_woman_title{font-size: 18px;color: #000000;text-align: center;font-family: "Montserrat-Light";} .index_hot_woman_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 20px;} .index_hot_woman_ul li{width: 20%;height: auto;overflow: hidden;} .index_hot_woman_ul li img{width: 100%;height: auto;display: block;transition: all 0.3s;} .index_hot_woman_ul li:hover img{transform: scale(1.1);} .index_hot_woman_more{display: block;text-align: center;font-size: 16px;color: #000000;text-decoration: underline;margin-top: 28px;} .index_about_box{width: 100%;height: auto;} .index_about_top{width: 83.5%;height: auto;margin: 0px auto;} .index_about_top_title{width: 57.3%;height: auto;margin: 0px auto;} .index_about_top_title h4{font-size: 30px;color: #000000;text-align: center;} .index_about_top_title p{font-size: 16px;color: #000000;font-family: "Montserrat-Light";text-align: center;line-height: 1.6;margin-top: 25px;} .index_about_top_title a{display: flex;justify-content: center;align-items: center;margin: 0px auto;width: 282px;height: 54px;border: 1px solid #262626;margin-top: 30px;font-size: 16px;color: #000000;font-family: "Montserrat-Light";transition: all 0.3s;} .index_about_top_title a img{display: block;margin-left: 9px;transition: all 0.3s;} .index_about_top_title a:hover{background: #262626;color: #FFFFFF;} .index_about_top_title a:hover img{filter: brightness(0) invert(1);} .index_about_top_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 74px;} .index_about_top_ul li{width: 48.35%;height: auto;padding: 0px 54px; padding-top: 45px;border-top: 1px solid #aaaaaa;display: flex;justify-content: flex-start;align-items: center;} .index_about_top_ul_img{width: 80px;height: auto;} .index_about_top_ul_img img{width: 100%;height: auto;display: block;} .index_about_top_ul_right{margin-left: 67px;} .index_about_top_ul_right h4{font-size: 24px;color: #000000;font-family: "Montserrat-Light";} .index_about_top_ul_right a{display: block;font-size: 16px;margin-top: 20px;font-family: "Montserrat-Light";color: #000000;} .index_about_top_ul_right a:hover{text-decoration: underline;} .index_about_img_list{width: 100%;height: auto;display: flex;flex-wrap: wrap;margin-top: 80px;} .index_about_img_list li{width: calc(100% / 3);height: auto;} .index_about_img_list li img{width: 100%;height: auto;display: block;} .index_about_bottom{width: 78.5%;height: auto;margin: 0px auto;padding: 80px 0px;display: flex;justify-content: space-between;align-items: center;} .index_about_bottom_left h4{font-size: 24px;color: #000000;margin-top: 20px;} .index_about_bottom_left img{width: 90px;height: auto;display: block;} .index_about_bottom_right{width: 58.9%;height: auto;} .index_about_bottom_right p{font-size: 14px;color: #000000;line-height: 1.6;} .index_about_bottom_right p + p{margin-top: 35px;} .index_adg_box{width: 100%;height: auto;} .index_adg_box img{width: 100%;height: auto;display: block;} .index_blog_box{width: 100%;height: auto;padding: 80px 0px;} .index_blog_title{font-size: 30px;color: #000000;text-align: center;} .index_blog_ul{width: 100%;height: auto;} .index_blog_ul li{width: 100%;height: auto;border-bottom: 1px solid #000000;margin-top: 70px;} .index_blog_ul li a{display: block;width: 100%;height: auto;padding-bottom: 40px;} .index_blog_ul_time{font-size: 16px;color: #000000;font-family: "Montserrat-Light";} .index_blog_ul_title{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 30px;} .index_blog_ul_title h4{display: block;width: 68.7%;height: auto;font-size: 18px;color: #000000;} .index_blog_ul_title span{display: block;font-size: 12px;color: #000000;font-family: "Montserrat-Light";text-decoration: underline;} .index_blog_ul li:hover .index_blog_ul_title h4{text-decoration: underline;} /*design.html start*/ .degign_banner_bg{width: 100%;height: auto;} .degign_banner_bg img{width: 100%;height: auto;display: block;} .design_tem_box{width: 100%;height: auto;padding: 80px 0px;padding-top: 60px;} .design_tem_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .design_tem_content_left h4{font-size: 30px;color: #000000;text-transform: uppercase;} .design_tem_content_right{width: 60.1%;height: auto;} .design_tem_content_right p{font-size: 14px;color: #000000;line-height: 1.6;} .design_tem_content_right p + p{margin-top: 20px;} .design_country_box{width: 100%;height: auto;} .design_country_contentWH{width: 91.2%;height: auto;margin: 0px auto;} .design_country_btn{width: 42.3%;height: auto;margin: 0px auto;border-bottom: 3px solid rgba(0,0,0,0.1);display: flex;justify-content: space-between;} .design_country_btn li{width: 28%;height: auto;position: relative;} .design_country_btn li:after{content: "";display: block;width: 100%;height: 3px;background: #000000;position: absolute;left: 0;bottom: -3px;opacity: 0;transition: all 0.3s;} .design_country_btn li:hover:after{opacity: 1;} .design_country_btn li a{display: flex;justify-content: center;align-items: center;padding-bottom: 20px;} .design_country_btn li img{display: block;} .design_country_btn li h4{font-size: 19px;font-family: "Montserrat-SemiBold";color: #000000;margin-left: 9px;} .design_country_content_list{width: 100%;height: auto;margin-top: 70px;} .design_country_content_list_title{font-size: 19px;color: #000000;font-family: "Montserrat-SemiBold";text-align: center;} .design_country_content_list_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .design_country_content_list_ul li{width: 18.73%;height: auto;background: #f4f4f4;margin-left: 1.5%;margin-top: 26px;} .design_country_content_list_ul li:nth-of-type(5n+1){margin-left: 0;} .design_country_content_list_ul_img{width: 100%;height: auto;} .design_country_content_list_ul_img img{width: 100%;height: auto;display: block;} .design_country_content_list_ul_txt{width: 100%;height: auto;padding: 30px 15px;} .design_country_content_list_ul_txt h4{font-size: 24px;color: #000000;} .design_country_content_list_ul_txt h5{font-size: 16px;color: #000000;margin-top: 15px;} .design_country_content_list_ul_txt p{font-size: 14px;color: #000000;line-height: 1.6;margin-top: 20px;} .design_country_content_list + .design_country_content_list{margin-top: 80px;} .design_china_country_content_list_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .design_china_country_content_list_ul li{width: 32%;height: auto;background: #f4f4f4;margin-left: 2%;margin-top: 30px;} .design_china_country_content_list_ul li:nth-of-type(3n+1){margin-left: 0;} .design_korea_country_content_list_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .design_korea_country_content_list_ul li{width: 49%;height: auto;background: #f4f4f4;margin-top: 40px;display: flex;justify-content: flex-start;} .design_korea_country_content_list_ul li .design_country_content_list_ul_img{width: 54.2%;} .design_korea_country_content_list_ul li .design_country_content_list_ul_txt{flex: 1;padding: 50px 26px;} .design_korea_country_content_list_ul li .design_country_content_list_ul_txt p{margin-top: 100px;} .design_capa_box{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 80px;} .design_capa_left{flex: 1;background: #F4F4F4;display: flex;justify-content: center;align-items: center;} .design_capa_left_txt{width: 48.82%;height: auto;} .design_capa_right{width: 49.9%;height: auto;position: relative;} .design_capa_right img{width: 100%;height: auto;display: block;} .design_capa_right a:after{background: url(../images/design_capa_video_btn.png) no-repeat center center;background-size: 72px auto;} .design_capa_left_txt_img{width: 158px;height: auto;margin: 0px auto;} .design_capa_left_txt_img img{width: 100%;height: auto;display: block;} .design_capa_left_txt_content h4{font-size: 30px;color: #000000;text-align: center;margin-top: 15px;} .design_capa_left_txt_content p{font-size: 14px;color: #000000;line-height: 1.6;margin-top: 15px;text-align: center;} .design_process_box{width: 100%;height: auto;padding: 80px 0px;} .design_process_title{font-size: 30px;color: #000000;text-align: center;} .design_process_ul{width: 100%;height: auto;margin-top: 70px;} .design_process_ul li{width: 100%;height: auto;display: flex;justify-content: flex-start;} .design_process_ul_img{width: 50.1%;height: auto;} .design_process_ul_img a:after{background: url(../images/design_capa_video_btn.png) no-repeat center center;background-size: 72px auto;} .design_process_ul_img img{width: 100%;height: auto;display: block;} .design_process_ul_content{flex: 1;background: #F4F4F4;display: flex;align-items: center;justify-content: center;} .design_process_ul_content_txt{width: 48.82%;height: auto;} .design_process_ul_content_txt_img{width: 84px;height: auto;margin: 0px auto;} .design_process_ul_content_txt_img img{width: 100%;height: auto;display: block;} .design_process_ul_content_txt_content{width: 100%;height: auto;margin-top: 40px;} .design_process_ul_content_txt_content h4{font-size: 30px;color: #000000;text-align: center;margin-top: 15px;} .design_process_ul_content_txt_content p{font-size: 14px;color: #000000;line-height: 1.6;margin-top: 15px;text-align: center;} .design_process_ul li:nth-of-type(even){flex-direction: row-reverse;} .design_disne_box{width: 100%;height: auto;padding-bottom: 80px;} .design_disne_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .design_disne_content_left{width: 64.95%;height: auto;} .design_disne_content_left img{width: 100%;height: auto;display: block;} .design_disne_content_right{width: 29.3%;height: auto;} .design_disne_content_right_img{width: 52.7%;height: auto;} .design_disne_content_right_img img{width: 100%;height: auto;display: block;} .design_disne_content_right h4{font-size: 30px;color: #000000;padding-right: 11%;} .design_disne_content_right p{font-size: 14px;color: #000000;line-height: 1.6;margin-top: 20px;} /*design.html end*/ /*product.html start*/ .product_header{position: relative;top: 0;border-bottom: 1px solid #f5f6f9;} .product_title{font-size: 30px;text-align: center;color: #000000;margin-top: 47px;} .product_btn_box{display: flex;justify-content: center;margin-top: 70px;} .product_btn_box li{font-size: 18px;color: #000000;} .product_btn_box li a{display: block;padding-bottom: 10px;position: relative;text-transform: uppercase;} .product_btn_box li a:hover:after{content: "";display: block;width: 100%;height: 3px;background: #000000;position: absolute;left: 0;bottom: 0;} .product_btn_box li.on a:after{content: "";display: block;width: 100%;height: 3px;background: #000000;position: absolute;left: 0;bottom: 0;} .product_btn_box li + li{margin-left: 70px;} .product_content_box{width: 100%;height: auto;padding-bottom: 80px;} .product_content_list{width: 100%;height: auto;display: block;margin-top: 70px;} .product_content_list_banner{width: 100%;height: auto;position: relative;} .product_content_list_banner_bg{width: 100%;height: auto;overflow: hidden;} .product_content_list_banner_bg img{width: 100%;height: auto;display: block;transition: all 0.3s;} .product_content_list_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-bottom: 63px;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;} .product_content_list_banner_content h4{font-size: 48px;color: #f3f3f3;font-family: "Montserrat-Medium";text-align: center;text-transform: uppercase;} .product_content_list_banner_content span{display: block;font-size: 16px;color: #FFFFFF;text-align: center;margin-top: 10px;text-decoration: underline;} .product_content_list_banner:hover .product_content_list_banner_bg img{transform: scale(1.1);} .product_content_list_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .product_content_list_ul li{width: 19.5%;height: auto;margin-top: 10px;margin-left: 0.62%;} .product_content_list_ul li:nth-of-type(1){margin-left: 0;} .product_content_list_ul_img{width: 100%;height: auto;overflow: hidden;} .product_content_list_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .product_content_list_ul li h4{font-size: 14px;color: #000000;font-family: "Montserrat-Light";padding: 0 35px;margin-top: 10px;text-align: center;} .product_content_list_ul li:hover .product_content_list_ul_img img{transform: scale(1.1);} .product_content_list_more{display: block;font-size: 16px;color: #000000;text-align: center;text-decoration: underline;margin-top: 46px;} /*product.html end*/ /*product_category.html start*/ .product_category_info{width: 58.3%;margin: 0px auto;margin-top: 60px;} .product_category_info h1{font-size: 30px;color: #000000;text-align: center;font-family: "Montserrat-Medium";} .product_category_info p{font-size: 16px;text-align: center;line-height: 1.6;font-family: "Montserrat-Light";margin-top: 25px;} .product_category_ul li{margin-top: 25px;} .product_category_ul li:nth-of-type(5n+1){margin-left: 0;} .product_detial_review_box{width: 100%;height: auto;padding: 80px 0px;background: #f5f4f4;border-bottom: 1px solid #FFFFFF;} .product_detial_review_title{font-size: 30px;font-family: "Montserrat-Medium";text-align: center;color: #000000;} .product_detial_review_sw{width: 100%;height: auto;margin-top: 70px;padding-bottom: 77px;} .product_detial_review_sw{width: 100%;height: auto;} .product_detial_review_sw .swiper-slide{padding: 26px 17px;background: #FFFFFF;} .product_detial_review_sw_top{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,0.2);} .product_detial_review_sw_bottom{width: 100%;height: auto;margin-top: 18px;} .product_detial_review_sw_bottom p{font-size: 16px;color: #000000;font-family: "Montserrat-Light";line-height: 1.6;} .product_detial_review_sw_page{width: 100%;display: flex;justify-content: center;bottom: 0 !important;} .product_detial_review_sw_page span{width: 84px;height: 1px;background: #000000;margin: 0 !important;} .product_detial_review_sw_page span + span{margin-left: 8px !important;} /*product_category.html end*/ /*product_detial.html start*/ .product_detial_info_box{width: 100%;height: auto;padding-bottom: 80px;} .product_detial_info_box .contentWH1600{display: flex;justify-content: space-between;align-items: center;} .product_detial_info_left{width: 57.9%;height: auto;} .product_detial_info_left_swiper_top{width: 100%;height: auto;} .product_detial_info_left_swiper_top img{width: 100%;height: auto;display: block;} .product_detial_info_left_swiper_bottom{width: 100%;height: auto;margin-top: 7px;} .product_detial_info_left_swiper_bottom img{width: 100%;height: auto;display: block;} .product_detial_info_left_swiper_bottom .swiper-slide{height: auto;overflow: hidden;cursor: pointer;} .product_detial_info_right{width: 34.3%;height: auto;min-height: 320px;} .product_detial_info_right_info{width: 100%;height: auto;padding-bottom: 10px;} .product_detial_info_right_info h1{font-size: 24px;color: #000000;} .product_detial_info_right_info p{font-size: 16px;color: #000000;line-height: 1.6;margin-top: 20px;font-family: "Montserrat-Light";} .product_detial_info_right_type{width: 100%;min-height: 183px;display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 30px;} .product_detial_info_right_type li{font-size: 14px;color: #000000;width: 48.5%;margin-top: 30px;} .product_detial_info_right .inquire{display: flex;justify-content: center;align-items: center;width: 282px;height: 54px;background: #000000;text-align: center;margin-top: 29px;font-size: 16px;color: #FFFFFF;font-family: "Montserrat-Light";} .product_detial_info_right_review_box{width: 100%;height: auto;margin-top: 39px;} .product_detial_info_right_review_title{font-size: 24px;color: #000000;} .product_detial_info_right_review_swiper{width: 100%;height: auto;margin-top: 30px;padding-bottom: 77px;} .product_detial_info_right_review_swiper_top{width: 100%;height: auto;background: #eeeeee;border-radius: 10px;padding: 16px 20px;display: flex;justify-content: flex-start;align-items: center;} .product_detial_info_right_review_swiper_top_img{width: 114px;height: auto;overflow: hidden;border-radius: 10px;} .product_detial_info_right_review_swiper_top_img img{width: 100%;height: auto;display: block;} .product_detial_info_right_review_swiper_top_txt{margin-left: 25px;} .product_detial_info_right_review_swiper_top_txt h4{font-size: 24px;color: #000000;font-family: "Montserrat-SemiBold";} .product_detial_info_right_review_swiper_top_txt p{font-size: 18px;color: #000000;font-family: "Montserrat-Medium";margin-top: 8px;} .product_detial_info_right_review_swiper_bottom{width: 100%;height: auto;margin-top: 24px;} .product_detial_info_right_review_swiper_bottom p{font-size: 16px;color: #000000;line-height: 1.6;} .product_detial_info_right_review_swiper_page{width: 100%;display: flex;justify-content: center;bottom: 0 !important;} .product_detial_info_right_review_swiper_page span{width: 84px;height: 1px;background: #000000;margin: 0 !important;} .product_detial_info_right_review_swiper_page span + span{margin-left: 8px !important;} .product_detial_related_box{width: 100%;height: auto;padding-bottom: 80px;} .product_detial_related_title{font-size: 30px;color: #000000;text-align: center;} .product_detial_related_sw{width: 100%;height: auto;margin-top: 80px;} .product_detial_related_sw .swiper-slide .product_content_list_ul_img{aspect-ratio:374/460;overflow: hidden;} .product_detial_related_sw .swiper-slide:hover .product_content_list_ul_img img{transform: scale(1.1);} .product_detial_related_sw .swiper-slide h4{font-size: 14px;color: #000000;font-family: "Montserrat-Light";padding: 0 35px;margin-top: 10px;text-align: center;} /*product_detial.html end*/ /*supply.html start*/ .supply_header{position: relative;top: 0 !important;} .supply_banner_bg{width: 100%;height: auto;} .supply_banner_bg img{width: 100%;height: auto;display: block;} .supply_banner_content{width: 37.2%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .supply_banner_content h4{font-size: 48px;font-family: "Montserrat-Medium";text-align: center;color: #FFFFFF;} .supply_factory_box{width: 100%;height: auto;padding-bottom: 80px;} .supply_factory_title{font-size: 30px;color: #000000;text-align: center;} .supply_factory_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .supply_factory_ul li{width: 32%;height: auto;margin-top: 68px;margin-left: 2%;} .supply_factory_ul li:nth-of-type(3n+1){margin-left: 0;} .supply_factory_ul_img{width: 100%;height: auto;position: relative;} .supply_factory_ul_img img{width: 100%;height: auto;display: block;} .supply_factory_ul_img h4{color: #000;margin-bottom: 15px;} .supply_factory_ul_img a{aspect-ratio: 508/307;overflow: hidden;} .supply_factory_ul_img a:after{background: url(../images/about_video_btn2.png) no-repeat center center;} .supply_factory_ul_txt{width: 100%;height: auto;margin-top: 18px;} .supply_factory_ul_txt h4{font-size: 18px;color: #000000;} .supply_factory_ul_txt p{font-size: 14px;color: #000000;margin-top: 5px;} .supply_factory_ul_txt p span{padding-left: 40px;} .supply_foundation_box{width: 100%;height: auto;position: relative;} .supply_foundation_bg{width: 100%;height: auto;} .supply_foundation_bg img{width: 100%;height: auto;display: block;} .supply_foundation_content_box{width: 100%;height: auto;position: absolute;bottom: 38px;} .supply_foundation_content{width: 100%;height: auto;padding: 60px 90px;background: rgba(15, 58, 126, 0.7);border-radius: 10px;} .supply_foundation_content_title{display: flex;justify-content: center;align-items: center;width: 100%;} .supply_foundation_content_title span{width: 43px;height: 2px;background: #FFFFFF;} .supply_foundation_content_title h4{font-size: 18px;color: #FFFFFF;margin: 0 16px;} .supply_foundation_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 100px;} .supply_foundation_content_ul li{width: 25.75%;height: auto;display: flex;justify-content: space-between;align-items: center;position: relative;} .supply_foundation_content_ul_left img{width: 79px;height: auto;display: block;margin: 0px auto;} .supply_foundation_content_ul_left h4{font-size: 24px;color: #FFFFFF;text-align: center;font-family: "Montserrat-SemiBold";margin-top: 20px;} .supply_foundation_content_ul_right p{font-size: 14px;color: #FFFFFF;line-height: 1.6;} .supply_foundation_content_ul_right p strong{font-size: 18px;font-family: "Montserrat-SemiBold";} .supply_foundation_content_ul li:after{content: "";display: block;width: 1px;height: 100%;position: absolute;right: -20%;background: rgba(255,255,255,0.1);} .supply_foundation_content_ul li:nth-last-of-type(1):after{display: none;} .supply_chart_box{width: 100%;height: auto;padding-top: 80px;} .supply_chart_contentWH{width: 88.54%;height: auto;margin: 0px auto;} .supply_chart_title{width: 79.53%;height: auto;margin: 0px auto;} .supply_chart_title h4{font-size: 30px;color: #000000;text-align: center;} .supply_chart_title p{font-size: 14px;color: #000000;text-align: center;line-height: 1.6;margin-top: 15px;} .supply_chart_ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 80px;} .supply_chart_ul li{width: 21.1%;height: auto;} .supply_chart_ul_content{width: 100%;height: 245px;background: #FFFFFF;box-shadow: 0px 0px 27px 0px rgba(107, 107, 107, 0.28);border-radius: 10px;padding: 30px 19px;display: flex;flex-direction: column;justify-content: center;position: relative;transition: all 0.3s;} .supply_chart_ul_content p{font-size: 14px;color: #000000;transition: all 0.3s;} .supply_chart_ul_content p + p{margin-top: 20px;} .supply_chart_ul_content p strong{font-family: "Montserrat-Bold";} .supply_chart_ul_content:after{content: "";display: block;width: 0;height: 0;border: 15px solid transparent;border-top-color: #FFFFFF;position: absolute;left: 50%;transform: translateX(-50%);bottom: -30px;transition: all 0.3s;} .supply_chart_ul_title{width: 63.13%;height: 60px;border-radius: 10px;font-size: 18px;color: #FFFFFF;background: #0f3a7e;position: relative;display: flex;justify-content: center;align-items: center;text-align: center;margin: 0px auto;margin-top: 40px;} .supply_chart_ul_title:after{content: "";display: block;width: 0;height: 0;border: 15px solid transparent;border-left-color: #0f3a7e;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);} .supply_chart_ul li:nth-of-type(even){display: flex;flex-direction: column-reverse;margin-top: 16.9%;margin-top: 286px;} .supply_chart_ul li:nth-of-type(even) .supply_chart_ul_title{margin-top: 0;} .supply_chart_ul li:nth-of-type(even) .supply_chart_ul_content:after{border-bottom-color: #FFFFFF;border-top-color: transparent;bottom: auto;top: -30px;} .supply_chart_ul li:nth-of-type(even) .supply_chart_ul_content{margin-top: 40px;} .supply_chart_ul li + li{margin-left: -5.4%;} .supply_chart_ul li:hover .supply_chart_ul_content{background: #0f3a7e;} .supply_chart_ul li:hover .supply_chart_ul_content p{color: #FFFFFF;} .supply_chart_ul li:hover .supply_chart_ul_content:after{border-top-color: #0f3a7e;} .supply_chart_ul li:nth-of-type(even):hover .supply_chart_ul_content:after{border-bottom-color: #0f3a7e;border-top-color: transparent;} .supply_partner_box{width: 100%;height: auto;padding: 80px 0;} .supply_partner_ul{width: 100%;height: auto;display: flex;justify-content: space-around;align-items: center;} .supply_partner_ul li img{display: block;} /*supply.html end*/ /*about start*/ .about_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;} .about_banner_content h1, .about_banner_content h4{font-size: 60px;color: #FFFFFF;font-family: "Montserrat-Medium";text-align: center;} .about_banner_content h4{font-size: 130px;font-family: "Montserrat-ExtraBold";padding: 0 5%;} .about_info_box{width: 100%;height: auto;padding: 60px 0 0px;overflow: hidden;} .about_info_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;padding-bottom: 80px;border-bottom: 2px solid rgba(0, 0, 0, 0.1);} .about_info_content_left{width: 48.91%;height: auto;overflow: hidden;position: relative;} .about_info_content_left a:after{background: url(../images/about_video_btn2.png) no-repeat center center;background-size: 51px auto;} .about_info_content_left img{width: 100%;height: auto;display: block;} .about_info_content_right{width: 48.2%;height: auto;} .about_info_content_right h1{font-size: 36px;color: #000000;font-family: "Montserrat-Bold";text-align: center;} .about_info_content_right p{font-size: 14px;color: #000000;line-height: 1.6;margin-top: 24px;} .about_number_box{width: 100%;height: auto;padding: 80px 0;} .about_number_title{width: 100%;height: auto;} .about_number_title h2{font-size: 72px;color: #000;font-family: "Montserrat-Bold";text-align: center;} .about_number_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 30px;flex-wrap: wrap;} .about_number_ul li{width: 20%;height: auto;margin-top: 50px;} .about_number_ico{width: 158px;height: auto;margin: 0px auto;} .about_number_ico img{width: 100%;height: auto;display: block} .about_number_txt{width: 100%;height: auto;margin-top: 40px;} .about_number_txt h4{font-size: 48px;color: #000000;font-family: "Montserrat-Bold";text-align: center;} .about_number_txt h4 span{font-size: 24px;font-family: "Montserrat-Bold";} .about_number_txt p{font-size: 16px;color:#000;font-family: "Montserrat-Medium";text-align: center;margin-top: 10px;padding: 0 10%;line-height: 1.6;} .about_history_box{width: 100%;height: auto;overflow: hidden;} .about_history_title{font-size: 90px;color: #fff;text-align: center;font-family: "Montserrat-Bold";display: flex;align-items: center;background: #0f3a7e;justify-content: center;height: 243px;} .about_history_ul{width: 100%;height: auto;padding-bottom: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .about_history_ul li{width: 100%;height: auto;} .about_history_ul_year{width: 100%;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 48px;color: #fff;background: #0f3a7e;font-family: "Montserrat-Bold";text-align: center;} .about_history_ul_content{width: 100%;height: auto;display: flex;justify-content: flex-end;margin-top: 20px;position: relative;} .about_history_ul_content:after{content: "";display: block;width: 11px;height: 100%;background: #000;position: absolute;left: 50%;top: 0;transform: translateX(-50%);} .about_history_ul_content_txt{width: 46.9%;height: auto;padding: 40px 0;} .about_history_ul_content_txt p{font-size: 16px;color: #000;font-family: "Montserrat-Medium";line-height: 1.6;} .about_history_ul_content_txt img{width: 100%;height: auto;display: block;margin-top: 12px;} .about_history_ul li + li{margin-top: 20px;} .about_history_ul li:nth-of-type(1) .about_history_ul_year{background: none;color: #000;} .about_history_ul li:nth-of-type(even) .about_history_ul_content{justify-content: flex-start;} .about_history_ul li:nth-of-type(even) .about_history_ul_content_txt p{text-align: right;} .about_history_img{width: 100%;height: auto;border-bottom: 2px solid rgba(0, 0, 0, 0.1);border-top: 2px solid rgba(0, 0, 0, 0.1);} .about_history_img img{width: 100%;height: auto;display: block;} .about_factories_box{width: 100%;height: auto;padding: 80px 0;} .about_factories_title{width: 100%;height: auto;padding: 0 10%;} .about_factories_title h2{font-size: 48px;color: #000000;text-align: center;line-height: 1.2;font-family: "Montserrat-Bold";} .about_factories_ul{width: 100%;height: auto;display: flex;justify-content: center;margin-top: 50px;} .about_factories_ul li{width: 20.75%;height: auto;margin-left: 130px;} .about_factories_ul li:nth-of-type(1){margin-left: 0;} .about_factories_ul_ico{width: 88px;height: auto;} .about_factories_ul_ico img{width: 100%;height: auto;display: block;} .about_factories_ul_txt{width: 100%;margin-top: 12px;} .about_factories_ul_txt h2{font-size: 24px;color: #000;font-family: "Montserrat-Bold";margin-bottom: 26px;} .about_factories_ul_txt p{font-size: 20px;color: #000;line-height: 1.4;} .about_factories_ul_txt p strong{font-size: 24px;font-family: "Montserrat-Bold";} .about_culture_box{width: 100%;height: auto;position: relative;} .about_culture_bg{width: 100%;height: auto;} .about_culture_bg img{width: 100%;height: auto;display: block;} .about_culture_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .about_culture_content .contentWH1400{height: 100%;} .about_culture_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;height: 100%;} .about_culture_content_ul li{width: calc(calc(100% / 3) - 1px);background: rgba(251, 251, 251, 0.8);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 5.6%;transition: all 0.3s;} .about_culture_content_ul_img{width: 75px;height: auto;} .about_culture_content_ul_img img{width: 100%;height: auto;display: block;filter: brightness(0);transition: all 0.3s;} .about_culture_content_ul li h4{font-size: 30px;color: #000000;text-align: center;margin-top: 40px;} .about_culture_content_ul li p{font-size: 14px;color: #000000;line-height: 1.6;text-align: center;margin-top: 20px;display: none;} .about_culture_content_ul li:hover{background: #FFFFFF;} .about_culture_content_ul li:hover .about_culture_content_ul_img img{filter: initial;} .about_culture_content_ul li:hover p{display: block;} .about_tem_box{width: 100%;height: auto;} .about_tem_sw{width: 100%;height: auto;} .about_tem_sw .swiper-slide{width: 68.33%;height: auto;display: flex;justify-content: flex-start;} .about_tem_sw_left{width: 58.1%;height: auto;} .about_tem_sw_left img{width: 100%;height: 100%;display: block;object-fit: cover;} .about_tem_sw_right{flex: 1;padding: 88px 76px 0 48px;background: #0f3a7e;} .about_tem_sw_right h4{font-size: 30px;color: #ffffff;} .about_tem_sw_right h5{font-size: 18px;color: #FFFFFF;font-family: "Montserrat-SemiBold";margin-top: 20px;} .about_tem_sw_right p{font-size: 14px;color: #FFFFFF;line-height: 1.6;margin-top: 33px;} .about_tem_sw_btn_right,.about_tem_sw_btn_left{font-size: 30px;color: #FFFFFF;font-family: "Poppins-ExtraLight";background: none;transform: none;top: auto;bottom: 54px;} .about_tem_sw_btn_left{left: 43%;} .about_tem_sw_btn_right{right: 53%;} .about_tem_boxs{width: 100%;height: auto;padding: 80px 0;background: #f6f6f6;overflow: hidden;} .about_tem_btn_box{width: 66.6%;height: auto;display: flex;justify-content: space-between;border-bottom: 2px solid #cfcfcf;margin: 0px auto;margin-top: 40px;} .about_tem_btn_box li{font-size: 18px;color: #000000;font-family: "Roboto-Medium";padding-bottom: 17px;position: relative;cursor: pointer;} .about_tem_btn_box li.on{color: var(--mainColor);} .about_tem_btn_box li.on:after{content: "";display: block;width: 100%;height: 2px;background: var(--mainColor);position: absolute;left: 0;bottom: -2px;} .about_tem_content_box{width: 100%;height: auto;margin-top: 70px;} .about_tem_content_list{width: 100%;overflow: hidden;height: 0;} .about_tem_content_sw{width: 74.2%;height: auto;margin: 0px auto;overflow: unset;} .about_tem_content_sw .swiper-slide{border-radius: 10px;overflow: hidden;} .about_tem_content_sw .swiper-slide img{width: 100%;height: auto;display: block;} /*about end*/ /*video.html star*/ .video_btn{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;margin-bottom: 38px;} .video_btn li{width: 17.5%;height: 45px;border-radius: 5px;border: 1px solid #000;overflow: hidden;} .video_btn li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 16px;color: #000000;font-family: "Roboto-Medium";} .video_btn li + li{margin-left: 30px;} .video_btn li.on,.video_btn li:hover{background: #000;} .video_btn li.on a,.video_btn li:hover a{color: #fff;} .video_list_content_box{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .video_list_content_box li{width: 32%;height: auto;margin-left: 2%;margin-top: 60px;} .video_list_content_img{width: 100%;height: auto;position: relative;overflow: hidden;} .video_list_content_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .video_list_content_box li:hover .video_list_content_img img{transform: scale(1.1);} .video_list_content_img a:after{background: url(../images/about_video_btn.png) no-repeat center center;background-size: 56px auto;} .video_list_content_box li:nth-of-type(3n+1){margin-left: 0;} .video_list_content_box li h4{font-size: 14px;color: #000000;margin-top: 10px;} .video_list_content_top_box{justify-content: space-between;} .video_list_content_top_box li{width: 49.3%;height: auto;margin-left: 0;} /*video.html end*/ /*show_room.html start*/ .show_room_banner_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: flex-end;padding-bottom: 95px;} .show_room_banner_content{width: 55.8%;height: auto;} .show_room_banner_content h1{font-size: 48px;color: #FFFFFF;font-family: "Montserrat-SemiBold";padding-right: 15%;} .show_room_banner_content a{display: flex;justify-content: center;align-items: center;font-size: 16px;color: #FFFFFF;font-family: "Montserrat-SemiBold";text-align: center;width: 214px;height: 55px;background: #0A0A0A;margin-top: 10px;} .show_room_banner_content a:after{display: none;} .show_room_banner_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 18px;} .show_room_banner_content_ul li{width: 17.5%;height: auto;border: 5px solid #FFFFFF;border-radius: 5px;} .show_room_banner_content_ul li img{width: 100%;height: auto;display: block;} .showroom_top_box{width: 100%;height: auto;} .showroom_top_content{width: 100%;height: auto;display: flex;justify-content: space-between;} .showroom_top_content_left{width: 33.63%;height: auto;} .showroom_top_content_left img{width: 100%;height: auto;display: block;} .showroom_top_content_right{flex: 1;margin-left: 20px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .showroom_top_content_right li{width: 32%;height: auto;margin-left: 2%;margin-top: 20px;} .showroom_top_content_right_img{width: 100%;height: auto;} .showroom_top_content_right_img img{width: 100%;height: auto;display: block;} .showroom_top_content_right li:nth-of-type(3n+1){margin-left: 0;} .showroom_top_content_right li:nth-of-type(1),.showroom_top_content_right li:nth-of-type(2),.showroom_top_content_right li:nth-of-type(3){margin-top: 0;} .showroom_top_content_right li h4{font-size: 14px;color: #000;margin-top: 10px;} .showroom_bottom_box{width: 100%;height: auto;padding: 80px 0px;} .showroom_bottom_list + .showroom_bottom_list{margin-top: 80px;} .showroom_bottom_title{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;} .showroom_bottom_title h4{font-size: 30px;color: #000;} .showroom_bottom_title span{flex: 1;display: block;margin-left: 20px;height: 1px;background: #e5e5e5;} .showroom_bottom_content_right{margin-left: 0px;margin-top: 60px;} /*show_room.html end*/ /* contact.html start */ .contact_info_box{width: 100%;height: auto;padding: 80px 0;} .contact_info_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .contact_info_content_left{width: 100%;height: auto;width: 32%;height: auto;} .contact_info_content_left_title{width: 100%;height: auto;position: relative;} .contact_info_content_left_title h4{font-size: 32px;color: #000000;font-family: "Montserrat-Bold";padding-bottom: 20px;} .contact_info_content_left_title:after{content: "";display: block;width: 100px;height: 3px;background: #000000;position: absolute;left: 0;bottom: 0;} .contact_info_content_left_info li{width: 100%;height: auto;margin-top: 50px;} .contact_info_content_left_info li h4{display: flex;justify-content: flex-start;align-items: center;font-size: 20px;color: #000000;} .contact_info_content_left_info li h4 img{display: block;margin-right: 20px;} .contact_info_content_left_info li p{font-size: 18px;color: #000000;margin-top: 20px;font-family: "Montserrat-Light";line-height: 1.8;} .contact_info_content_left_info li p a{font-family: "Montserrat-Light";} .contact_info_content_left_info li p a:hover{text-decoration: underline;} .contact_info_content_right{width: 60.63%;height: 610px;} /* contact.html end */ /*materials.html start*/ .materials_info_box{width: 100%;height: auto;padding-top: 30px;padding-bottom: 80px;} .materials_info_content{width: 100%;height: auto;} .materials_info_content h1{font-size: 30px;color: #000000;font-family: "Montserrat-Bold";} .materials_info_content p{font-size: 18px;color: #000000;line-height: 1.6;margin-top: 30px;} .materials_info_content_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 30px;padding-bottom: 30px;} .materials_info_content_ul li{width: 18.4%;height: auto;margin-top: 30px;margin-left: 2%;} .materials_info_content_ul li:nth-of-type(5n+1){margin-left: 0;} .materials_info_content_ul li img{width: 100%;height: auto;display: block;} .materials_info_content_ul li h4{font-size: 18px;color: #000;font-family: "Montserrat-Medium";margin-top: 10px;text-align: center;} .materials_recycled_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/materials_recycled_bg.jpg) no-repeat center center;background-size: cover;} .materials_recycled_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .materials_recycled_content_left{width: 32.85%;height: auto;} .materials_recycled_content_left h4{color: #000000;font-family: "Montserrat-Bold";font-size: 30px;} .materials_recycled_content_left p{font-size: 18px;color: #000000;line-height: 1.6;margin-top: 30px;} .materials_recycled_content_right{width: 52.8%;height: auto;position: relative;} .materials_recycled_content_right img{width: 100%;height: auto;display: block;} .materials_recycled_content_right a:after{background: url(../images/materials_recycled_ico.png) no-repeat center center;background-size: 95px auto;} .materials_emissions_box{padding: 58px 0;width: 100%;height: auto;} .materials_emissions_content{width: 100%;height: auto;padding: 111px 106px;background: #F8F8F8;border-radius: 16px;} .materials_emissions_content p{font-size: 18px;color: #000000;text-align: center;line-height: 1.8;} .materials_emissions_content img{max-width: 100%;display: block;margin: 0px auto;margin-top: 38px;} .materials_emissions_content_txt{width: 100%;margin-top: 60px;padding: 0 8%;} .materials_emissions_content_txt p{font-size: 18px;color: #000;font-family: "Montserrat-SemiBold";line-height: 1.6;text-align: center;} .materials_last_box{width: 100%;height: auto;padding: 80px 0;} .materials_last_box h2{font-size: 36px;color: #000;line-height: 1.4;text-align: center;font-family: "Montserrat-ExtraBold";} .materials_water_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/materials_recycled_bg.jpg) no-repeat center center;background-size: cover;margin-bottom: 80px;} .materials_water_content{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;} .materials_water_content_left{width: 59.25%;height: auto;} .materials_water_content_left img{width: 100%;height: auto;display: block;} .materials_water_content_right{width: 52.8%;height: auto;position: relative;padding: 80px 65px;background: #FFFFFF;margin-left: -12.05%;} .materials_water_content_right h4{font-size: 30px;color: #000000;font-family: "Montserrat-Medium";} .materials_water_content_right p{font-size: 18px;color: #000000;line-height: 1.6;margin-top: 30px;} /*materials.html end*/ /*development.html start*/ .development_crumbs_box{background: #a1e554;} .development_info_box{width: 100%;height: auto;padding: 24px 0 150px;background: url(../images/development_info_bg.jpg) no-repeat center bottom;background-size: cover;overflow: hidden;} .development_info_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .development_info_content_left{width: 51.25%;height: auto;display: flex;justify-content: center;} .development_info_content_left img{max-width: 100%;height: auto;display: block;} .development_info_content_right{width: 45.6%;height: auto;} .development_info_content_right h4{font-size: 30px;font-family: "Montserrat-Medium";color: #000000;} .development_info_content_right h5{font-size: 24px;color: #000000;font-family: "Montserrat-Medium";margin-top: 32px;margin-bottom: 15px;} .development_info_content_right h6{font-size: 18px;color: #000000;margin: 30px 0;} .development_info_content_right p{font-size: 18px;color: #000000;line-height: 1.6;font-family: "Montserrat-Light";} .development_renewable_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/development_renewable_bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;} .development_renewable_title{width: 100%;height: auto;padding: 0 16%;} .development_renewable_title h4{font-size: 30px;color: #000000;text-align: center;} .development_renewable_title p{font-size: 14px;text-align: center;line-height: 1.6;margin-top: 15px;} .development_renewable_img{width: 100%;height: auto;margin-top: 68px;} .development_renewable_img img{width: 100%;height: auto;display: block;} .development_packaging_box{width: 100%;height: auto;padding: 125px 0px 180px;background: url(../images/development_packaging_bg.jpg) no-repeat center center;background-size: cover;} .development_packaging_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .development_packaging_content_left{width: 29.6%;height: auto;} .development_packaging_content_left_ico{width: 78px;height: auto;} .development_packaging_content_left_ico img{width: 100%;height: auto;display: block;} .development_packaging_content_left h4{font-size: 30px;color: #000000;font-family: "Montserrat-Medium";margin-top: 37px;} .development_packaging_content_left h5{font-size: 18px;color: #000000;font-family: "Montserrat-Medium";margin-top: 20px;line-height: 1.6;} .development_packaging_content_left p{font-size: 16px;color: #000000;margin-top: 28px;line-height: 1.6;} .development_packaging_content_right{width: 53.75%;height: auto;} .development_packaging_content_right img{width: 100%;height: auto;display: block;} .development_emissions_box{width: 100%;height: auto;padding: 80px 0;background: url(../images/development_emissions_bg.jpg) no-repeat center center;background-size: cover;overflow: hidden;} .development_emissions_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .development_emissions_content_left{width: 36.6%;height: auto;} .development_emissions_content_left h4{font-size: 30px;color: #000000;padding-right: 40%;line-height: 1.4;} .development_emissions_content_left p{font-size: 16px;color: #000000;font-family: "Montserrat-Light";line-height: 1.6;margin-top: 40px;} .development_emissions_content_right{width: 55.4%;height: auto;} .development_emissions_content_right img{width: 100%;height: auto;display: block;} .development_emissions_content_right a:after{background: url(../images/development_video_btn.png) no-repeat center center;background-size: 94px auto;} .development_sustainability_box{width: 100%;height: auto;padding: 80px 0;} .development_sustainability_ico{display: flex;justify-content: flex-start;align-items: center;} .development_sustainability_ico img{width: 150px;height: auto;display: block;} .development_sustainability_ico h4{font-size: 30px;color: #000000;font-family: "Montserrat-Bold";margin-left: 16px;} .development_sustainability_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 54px;} .development_sustainability_ul li{width: calc(100% / 6);height: 218px;} .development_sustainability_ul_top{width: 100%;height: 118px;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 14px;} .development_sustainability_ul_top h4{font-size: 18px;color: #000000;font-family: "Montserrat-Bold";} .development_sustainability_ul_top p{font-size: 12px;color: #05270c;line-height: 1.6;} .development_sustainability_ul_bottom{width: 100%;height: 57px;background: #8eda16;display: flex;justify-content: center;align-items: center;font-size: 24px;color: #000000;font-family: "Montserrat-ExtraBold";border-radius: 6px 6px 0 0;margin-top: 42px;position: relative;} .development_sustainability_ul_bottom:before{content: "";display: block;width: 0;height: 0;border: 24px solid transparent;border-bottom-color: #8eda16;position: absolute;left: 50%;transform: translateX(-50%);top: -48px;} .development_sustainability_ul_bottom:after{content: "";display: block;width: 18px;height: 18px;background: #8eda16;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -7px;} .development_sustainability_ul li:nth-of-type(even){display: flex;flex-direction: column-reverse;margin-top: 216px;} .development_sustainability_ul li:nth-of-type(even) .development_sustainability_ul_bottom{border-radius: 0 0 6px 6px;margin-top: 0;} .development_sustainability_ul li:nth-of-type(even) .development_sustainability_ul_bottom:before{top: auto;bottom: -48px;border-bottom-color: transparent;border-top-color: #8eda16;} .development_sustainability_ul li:nth-of-type(even) .development_sustainability_ul_bottom:after{bottom: auto;top: -7px;} .development_sustainability_ul li:nth-of-type(even) .development_sustainability_ul_top{justify-content: flex-start;margin-top: 42px;} .development_list_box{width: 100%;height: auto;} .development_contentWH{width: 91.1%;height: auto;margin: 0px auto;padding-bottom: 80px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .development_list_ul{width: 100%;height: auto;} .development_list_ul li{width: 100%;height: auto;display: flex;justify-content: space-between;padding: 14px 0px;border-top: 1px solid rgba(0, 0, 0, 0.1);position: relative;} .development_list_ul li:before{content: "";display: block;width: 15.4%;height: 1px;background: #000;position: absolute;left: 0;top: -1px;} .development_list_ul_left{flex: 1;margin-right: 40px;} .development_list_ul_left_top{width: 100%;height: auto;} .development_list_ul_left_top h2{font-size: 48px;color: #000000;font-family: "Montserrat-Bold";} .development_list_ul_left_top h2 strong{font-family: "Montserrat-Bold";font-size: 20px;} .development_list_ul_left_bottom{width: 100%;height: auto;display: flex;justify-content: flex-end;margin-top: 30px;} .development_list_ul_left_bottom_txt{width: 74.3%;height: auto;} .development_list_ul_left_bottom_txt p{font-size: 14px;color: #000;line-height: 1.6;font-family: "Montserrat-Medium";} .development_list_ul_left_bottom_txt p + p{margin-top: 20px;} .development_list_ul_left_top h2 strong i{font-style: normal;color: #ba2e27;font-family: "Montserrat-Bold";} .development_list_ul_right{width: 38.5%;height: auto;} .development_list_ul_right img{width: 100%;height: auto;display: block;} .development_list_ul_right iframe{width: 100%;height: auto;display: block;aspect-ratio: 672/431;} /*development.html end*/ /*social.html start*/ .social_info_box{width: 100%;height: auto;padding: 80px 0px;border-bottom: 3px solid #f8f8f8;} .social_info_txt{width: 61%;height: auto;margin: 0px auto;} .social_info_txt h1, .social_info_txt h4{font-size: 30px;color: #000000;font-family: "Montserrat-Medium";text-align: center;} .social_info_txt p{font-size: 18px;color: #000;text-align: center;line-height: 1.8;margin-top: 30px;} .social_info_list_box{width: 100%;height: auto;padding: 80px 0px;} .social_info_list_content{width: 100%;height: auto;display: flex;justify-content: space-between;} .social_info_list_content_left{width: 62.5%;height: auto;background: #f2f2f2;display: flex;justify-content: flex-start;} .social_info_list_content_left_img{width: 54.3%;height: auto;} .social_info_list_content_left_img img{width: 100%;height: auto;display: block;} .social_info_list_content_left_right{flex: 1;display: flex;justify-content: center;align-items: center;} .social_info_list_content_right_content{width: 86.4%;height: auto;} .social_info_list_content_right_content h4{font-size: 30px;color: #000000;font-family: "Montserrat-Medium";} .social_info_list_content_right_content p{font-size: 17px;color: #000000;line-height: 1.6;margin-top: 45px;} .social_info_list_content_right{width: 35.6%;height: auto;display: flex;flex-direction: column;justify-content: space-between;} .social_info_list_content_right li{width: 100%;height: 47.5%;} .social_info_list_content_right li img{width: 100%;height: 100%;object-fit: cover;} .social_days_box{width: 100%;height: auto;padding: 80px 0px;background: #f2f2f2;} .social_daysWH{width: 91.15%;height: auto;margin: 0px auto;} .social_days_title{width: 39.1%;height: auto;margin: 0px auto;} .social_days_title h4{font-size: 30px;color: #000000;font-family: "Montserrat-Medium";text-align: center;} .social_days_title p{font-size: 18px;color: #000000;line-height: 1.6;text-align: center;margin-top: 10px;} .social_days_content{width: 100%;height: auto;margin-top: 58px;position: relative;padding-bottom: 62px;} .social_days_content_sw{width: 100%;height: auto;} .social_days_content_sw .swiper-slide{border-radius: 10px;overflow: hidden;} .social_days_content_sw .swiper-slide img{width: 100%;height: auto;display: block;} .social_days_content_sw_right,.social_days_content_sw_left{font-size: 48px;color: #000000;font-family: "Poppins-ExtraLight";background: none;} .social_days_content_sw_right{right: -40px;} .social_days_content_sw_left{left: -40px;} .social_days_content_sw_page{width: 100%;bottom: 0 !important;} .social_days_content_sw_page span{width: 14px;height: 3px;background: rgba(0,0,0,0.3);border-radius: 1px;opacity: 1;} .social_days_content_sw_page span + span{margin-left: 6px;} .social_days_content_sw_page span.swiper-pagination-bullet-active{background: #000000;} .social_service_box{width: 100%;height: auto;padding: 80px 0px;} .social_service_title{width: 57.3%;height: auto;margin: 0px auto;} .social_service_title h4{font-size: 36px;color: #000000;font-family: "Montserrat-Medium";text-align: center;} .social_service_title h5{font-size: 30px;color: #000000;font-family: "Montserrat-Medium";text-align: center;margin-top: 18px;} .social_service_title p{font-size: 18px;color: #000000;text-align: center;line-height: 1.8;} .social_service_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .social_service_ul li{width: 23.4%;height: auto;margin-top: 30px;} .social_service_ul li img{width: 100%;height: auto;display: block;} .social_service_ul li:nth-of-type(3){width: 49.63%;height: auto;} .social_service_ul li:nth-of-type(4){width: 48.56%;} .social_service_ul li:nth-of-type(5){width: 24.2%;} .social_service_ul li:nth-of-type(6){width: 23.5%;} .commitents_content_box{width: 100%;height: auto;padding: 40px 0 80px;} .commitents_content_box h1{font-size: 48px;color: #000;text-align: center;} .commitents_content_box p{font-size: 20px;color: #000;line-height: 1.6;margin-top: 20px;} .commitents_content_box p strong{font-family: "Montserrat-SemiBold"} .commitents_content_box p img{width: 100%;height: auto;display: block;} .commitents_content_box h2{font-size: 36px;color: #000;font-family: "Montserrat-SemiBold";text-align: center;margin-top: 20px;} .commitents_change_box{width: 100%;height: auto;padding-bottom: 80px;} .commitents_change_title{font-size: 48px;color: #000;font-family: "Montserrat-Bold";text-align: center;} .commitents_change_ul{width: 100%;height: auto;margin-top: 30px;} .commitents_change_ul li{width: 100%;height: auto;display: flex;justify-content: space-between;background: rgba(239, 239, 239, 0.4);margin-top: 20px;} .commitents_change_ul li:nth-of-type(even){flex-direction: row-reverse;} .commitents_change_ul_txt{padding: 30px 42px;width: 50%;display: flex;align-items: center;} .commitents_change_ul_txt h2{font-size: 36px;color: #000;font-family: "Montserrat-Bold";line-height: 1.2;} .commitents_change_ul_img{width: 50%;height: auto;} .commitents_change_ul_img img{width: 100%;height: 100%;display: block;object-fit: cover;} /*social.html end*/ .development_interested_box{width: 100%;height: auto;padding: 60px 0;background: #f8f8f8;} .development_interested_content{width: 100%;height: auto;display: flex;justify-content: flex-start;background: #FFFFFF;} .development_interested_content_left{width: 40.5%;height: auto;} .development_interested_content_left img{width: 100%;height: auto;display: block;} .development_interested_content_right{flex: 1;padding: 52px 97px;display: flex;align-items: center;} .development_interested_content_right h4{font-size: 30px;color: #000000;font-family: "Poppins-SemiBold";} .development_interested_content_right h5{font-size: 18px;color: #000000;font-family: "Poppins-Medium";line-height: 1.6;margin-top: 10px;} .development_interested_content_right_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 34px;flex-wrap: wrap;} .development_interested_content_right_ul li{width: 49%;height: auto;position: relative;margin-top: 10px;} .development_interested_content_right_ul li input{display: block;width: 100%;height: 44px;border: 1px solid rgba(0,0,0,0.3);border-radius: 2px;outline: none;padding-left: 10px;color: #000000;font-size: 14px;font-family: "Montserrat-ExtraLight";} .development_interested_content_right_ul li input::placeholder{color: #000000;} .development_interested_content_right_ul li.info, .development_interested_content_right_ul li.textarea{width: 100%;} .development_interested_content_right_ul li textarea{display: block;width: 100%;height: 108px;border: 1px solid rgba(0,0,0,0.3);border-radius: 2px;outline: none;padding: 10px;color: #000000;font-size: 14px;font-family: "Montserrat-ExtraLight";resize: none;} .development_interested_content_right_ul li p{font-size: 16px;color: #000000;line-height: 1.6;} .development_interested_content_right_ul li p a{text-decoration: underline;font-style: italic;} .development_interested_content_right_btn{width: 218px;height: 50px;background: var(--mainColor);border-radius: 5px;display: block;margin-top: 26px;cursor: pointer;font-size: 16px;color: #FFFFFF;font-family: "Poppins-Medium";border: none;} /*content end*/ /*footer start*/ .footer{width: 100%;height: auto;padding: 80px 0px;background: #f4f4f4;} .footer_top_box{width: 100%;height: auto;display: flex;justify-content: space-between;} .footer_top_left{width: 31%;height: auto;} .footer_top_left_form_box h4{font-size: 16px;color: #000000;} .footer_top_left_form_box form{display: flex;justify-content: flex-start;width: 100%;height: auto;margin-top: 19px;} .footer_top_left_form_left{width: 79.6%;height: 56px;position: relative;position: relative;} .footer_top_left_form_left:after{content: "";display: block;width: 1px;height: 100%;background: rgba(255,255,255,0.4);position: absolute;right: 1px;top: 0;} .footer_top_left_form_left input{display: block;width: 100%;height: 100%;padding: 0 18px;color: #FFFFFF;font-size: 16px;font-family: "Montserrat-Light";background: #0a0a0a;border: none;} .footer_top_left_form_left input::placeholder{color: #FFFFFF;} .footer_top_left_form_right{flex: 1;} .footer_top_left_form_btn{display: block;width: 100%;height: 100%;background: url(../images/footer_send_ico.png) no-repeat center center #0a0a0a;border: none;cursor: pointer;} .footer_share_box{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 25px;} .footer_share_box li{width: 35px;height: 35px;overflow: hidden;border-radius: 5px;border: 1px solid #EEEEEE;transition: all 0.3s;} .footer_share_box li:hover{transform: translateY(-5px);} .footer_share_box li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #FFFFFF;transition: all 0.3s;} .footer_share_box li a img{display: block;transition: all 0.3s;width:60%;} .footer_share_box li + li{margin-left: 5px;} .footer_share_box li:hover a{background: #0a0a0a;} .footer_share_box li:hover a img{filter: brightness(0) invert(1);} .footer_top_nav_title{font-size: 16px;color: #000000;margin-bottom: 15px;} .footer_top_nav_box a{display: block;font-size: 16px;color: #000000;font-family: "Montserrat-Light";line-height: 1.8;} .footer_top_nav_box a:hover{text-decoration: underline;} .footer_top_info_box{width: 27.83%;height: auto;} .footer_top_info_box p{font-size: 16px;color: #000000;font-family: "Montserrat-Light";line-height: 1.8;display: flex;align-items: flex-start;} .footer_top_info_box p img{width: 18px;height: auto;display: block;margin-right: 8px;} .footer_top_info_box p a{font-family: "Montserrat-Light";} .footer_top_info_box p a:hover{text-decoration: underline;} .footer_nav_box{display: flex;justify-content: center;margin-top: 60px;} .footer_nav_box li{font-size: 16px;color: #000000;font-family: "Montserrat-Regular";} .footer_nav_box li a{text-transform: uppercase;} .footer_nav_box li + li{margin-left: 35px;} .footer_nav_box li a:hover{text-decoration: underline;} .footer_last{display: flex;justify-content: center;margin-top: 23px;} .footer_last p{font-size: 16px;color: #000000;font-family: "Montserrat-Light";text-align: center;} /*footer end*/ @media (max-width: 1768px) { .design_country_btn{width: 57.3%;} .design_korea_country_content_list_ul li .design_country_content_list_ul_txt p{margin-top: 42px;} .design_korea_country_content_list_ul li .design_country_content_list_ul_img{height: 100%;} .design_country_content_list_ul_img img{height: 100%;object-fit: cover;} .design_capa_left_txt{width: 65.82%;} .design_process_ul_content_txt{width: 65.82%;} .design_disne_content_left{width: 56.95%;} .design_disne_content_right{width: 39.3%;} .product_detial_info_right{width: 38.3%;} .product_detial_info_right_type li{margin-top: 20px;} .product_detial_info_right_review_swiper{padding-bottom: 30px;} .product_detial_info_right_review_box{margin-top: 28px;} .supply_banner_content{width: 54.2%;} .supply_foundation_content_ul li{width: 28%;flex-wrap: wrap;flex-direction: column;} .supply_foundation_content_ul_right{margin-top: 20px;} .about_tem_sw_right{padding: 5% 2%;} .about_tem_sw_btn_right, .about_tem_sw_btn_left{bottom: 2%;} .development_packaging_content_left{width: 36.6%;} .development_emissions_content_left h4{padding-right: 26%;} .development_interested_content_right{padding: 59px;} .development_interested_content_left img{height: 100%;object-fit: cover;} .about_banner_content h4{font-size: 110px;} .about_number_txt h4{font-size: 30px;} .about_number_txt p{padding: 0 2%;} .development_list_ul_left_top h2{font-size: 36px;} .development_list_ul_left_bottom{width: 100%;margin-top: 10px;} .development_list_ul_left_bottom_txt p + p{margin-top: 10px;} .development_list_ul_left_bottom_txt{width: 100%;} } @media (max-width: 1400px) { .header_nav_content_bottom li + li{margin-left: 22px;} .header_nav_content_bottom{margin-left: 30px;} .design_country_content_list_ul li{width: 32%;margin-left: 2%;} .design_country_content_list_ul li:nth-of-type(5n+1){margin-left: 2%;} .design_country_content_list_ul li:nth-of-type(3n+1){margin-left: 0;} .design_disne_content_right h4{font-size: 28px;} .supply_banner_content{width: 60.2%;} .supply_chart_ul{justify-content: space-between;} .supply_chart_ul li{width: 32%;margin-top: 30px;} .supply_chart_ul li + li{margin-left: 0;} .supply_chart_ul li:nth-of-type(even){margin-top: 0;} .supply_foundation_content_ul{margin-top: 50px;} .about_history_content:after{bottom: 19.8%;} .about_tem_sw .swiper-slide{width: 80%;} .about_tem_sw_btn_left{left: 49%;} .about_tem_sw_btn_right{right: 46%;} .show_room_banner_content h1{padding-right: 15%;font-size: 45px;} .materials_recycled_content_left{width: 43.85%;} .materials_emissions_content{padding: 80px;} .materials_water_content_right{padding: 50px;} .social_info_txt{width: 74%;} .about_banner_content h4{font-size: 80px;} .about_factories_ul_txt p{font-size: 16px;} .about_factories_ul_txt p strong{font-size: 20px;} .about_factories_ul li{width: 32%;margin-left: 2%;} .about_factories_title{padding: 0;} .about_factories_title h2{font-size: 42px;padding: 0;} .about_tem_sw_left img{height: 100%;object-fit: cover;} .development_list_ul li{align-items: center;} .development_contentWH{width: 92%;} } @media (max-width: 1200px) { .header_nav_content_bottom_list_left{padding: 36px 5%;} .header_nav_content_bottom li + li{margin-left: 13px;} .header_nav_content_bottom{margin-left: 10px;} .header_nav_content_bottom_frist a{font-size: 12px;} .index_banner_content{padding-bottom: 35px;} .index_about_top_ul_right h4{font-size: 18px;} .footer_nav_box li + li{margin-left: 20px;} .design_country_contentWH{width: 92%;} .design_country_btn{width: 80%;} .design_capa_right a{height: 100%;} .design_capa_right img{height: 100%;object-fit: cover;} .design_process_ul_img img{height: 100%;object-fit: cover;} .design_process_ul_content_txt{width: 80%;} .design_process_ul_content{padding: 30px 0;} .design_disne_content_right h4{font-size: 24px;} .supply_banner_content{width: 92%;} .supply_factory_ul li{margin-top: 48px;} .supply_factory_ul_txt p span{padding-left: 0;display: block;} .supply_foundation_content_box{position: relative;bottom: auto;border: 0;} .supply_foundation_content{border-radius: 0;} .supply_foundation_content_title h4{text-align: center;} .supply_partner_ul{flex-wrap: wrap;justify-content: space-between;} .supply_partner_ul li{width: 24%;height: auto;margin-top: 30px;display: flex;justify-content: center;} .supply_partner_ul li img{max-width: 100%;height: auto;display: block;} .about_tem_sw_left img{height: 100%;object-fit: cover;} .about_tem_sw_btn_right, .about_tem_sw_btn_left{bottom: 0;} .show_room_banner_content h1{font-size: 36px;} .social_info_list_content_right_content h4{font-size: 24px;} .social_info_list_content_right_content p{font-size: 16px;margin-top: 30px;} .social_days_title{width: 68.1%;} .social_service_title{width: 100%;} .development_interested_content{flex-wrap: wrap;} .development_interested_content_left{width: 100%;} .about_number_txt h4{font-size: 25px;} .commitents_change_ul_txt h2{font-size: 28px;} } @media (max-width: 990px) { .header_nav_content_bottom{position: absolute;left: 0;top: 100%;height: calc(100vh - 108px);display: none;width: 100%;z-index: 999;background: #FFFFFF;margin-left: 0;} .header_nav_content_bottom li{height: auto;display: block;padding: 0 5%;} .header_nav_content_bottom li + li{margin-left: 0;} .header_nav_content_bottom_frist{height: auto;} .header_nav_content_bottom_frist a{display: inline-block;line-height: 38px;font-size: 16px;position: relative;} .header_nav_content_bottom_frist a:after{bottom: 5px;} .header_nav_content_bottom_list_content{position: relative;} .header_nav_content_bottom_list_content:after{display: none;} .header_nav_content_bottom_list_left_list{width: 32.5%;margin-left: 14%;margin-top: 18px;} .header_nav_content_bottom_list_bottom a{margin-top: 10px;} .hd_btn{display: block;} .index_partner_box{width: 100%;} .index_package_right_ul_top h4{font-size: 12px;} .index_package_right_ul_top{padding: 15px;} .index_about_top_title{width: 100%;} .index_about_top{width: 92%;} .index_about_top_ul li{padding: 5% 4%;flex-direction: column;align-items: center;} .index_about_top_ul_right{margin-left: 0;margin-top: 15px;} .index_about_top_ul_right h4{text-align: center;} .index_about_top_ul_right a{text-align: center;} .footer_nav_box li{font-size: 12px;} .footer_nav_box li + li{margin-left: 10px;} .design_country_btn{width: 100%;} .design_country_btn li{width: 30%;} .design_country_content_list_ul{justify-content: space-between;} .design_country_content_list_ul li{margin-left: 0 !important;width: 48.5%;} .design_china_country_content_list_ul{justify-content: space-between;} .design_china_country_content_list_ul li{width: 48.5%;margin-left: 0;} .design_korea_country_content_list_ul{flex-wrap: wrap;} .design_korea_country_content_list_ul li{width: 100%;} .design_capa_box{flex-wrap: wrap;} .design_capa_left{flex: auto;width: 100%;padding: 50px 0;} .design_capa_right{width: 100%;} .design_disne_content{flex-wrap: wrap;} .design_disne_content_left{width: 100%;} .design_disne_content_right{width: 100%;} .product_content_list_ul li{width: 32%;margin-left: 2%;} .product_content_list_ul li:nth-of-type(3n+1){margin-left: 0;} .product_content_list_ul li h4{padding: 0 10px;} .product_detial_info_box .contentWH1600{flex-wrap: wrap;} .product_detial_info_left{width: 100%;} .product_detial_info_right{width: 100%;margin-top: 30px;min-height: auto;} .supply_foundation_content{padding: 5% 4%;} .supply_foundation_content_ul li{width: 32%;} .supply_foundation_content_ul li:after{display: none;} .supply_chart_ul{margin-top: 30px;} .supply_chart_ul li{display: flex;flex-direction: column-reverse;margin-top: 30px;width: 48.5%;} .supply_chart_ul li:nth-of-type(even){margin-top: 30px;} .supply_chart_ul_title{margin-top: 0;} .supply_chart_ul_title:after{display: none;} .supply_chart_ul_content{margin-top: 40px;} .supply_chart_ul_content:after{border-bottom-color: #FFFFFF;border-top-color: transparent;bottom: auto;top: -30px;} .supply_chart_ul_title{width: 100%;} .supply_factory_ul{justify-content: space-between;} .supply_factory_ul li{width: 48.5%;margin-left: 0;} .about_banner_content h4{font-size: 48px;} .about_number_title h2{font-size: 48px;} .about_history_title{font-size: 48px;} .about_number_ul li{width: 32%;} .about_info_content{flex-wrap: wrap;} .about_info_content_left{width: 100%;} .about_info_content_right{width: 100%;margin-top: 50px;} .about_tem_sw_btn_right, .about_tem_sw_btn_left{display: none;} .about_history_content:after{bottom: 31.5%;} .show_room_banner_content h1{font-size: 32px;} .show_room_banner_content{width: 69.8%;} .show_room_banner_content_box{padding-bottom: 35px;} .materials_info_content_ul{justify-content: space-between;} .materials_info_content_ul li{margin-left: 0;width: 49%;} .materials_recycled_content{flex-wrap: wrap;} .materials_recycled_content_left{width: 100%;} .materials_recycled_content_right{width: 100%;margin-top: 30px;} .materials_emissions_content{padding: 5% 4%;} .materials_water_content{flex-wrap: wrap;} .materials_water_content_left{width: 100%;} .materials_water_content_right{width: 100%;margin-left: 0;} .development_info_content{flex-wrap: wrap;} .development_info_content_left{width: 100%;} .development_info_content_right{width: 100%;} .development_packaging_content{flex-wrap: wrap;} .development_packaging_content_left{width: 100%;} .development_packaging_content_right{width: 100%;margin-top: 30px;} .development_emissions_content{flex-wrap: wrap;} .development_emissions_content_left{width: 100%;} .development_emissions_content_right{width: 100%;margin-top: 30px;} .development_sustainability_box{padding-top: 80px;} .development_sustainability_ul{flex-wrap: wrap;} .development_sustainability_ul li{width: calc(100% / 3);} .social_info_list_content{flex-wrap: wrap;} .social_info_list_content_left{width: 100%;} .social_info_list_content_right{width: 100%;flex-direction: row;margin-top: 30px;} .social_info_list_content_right li{width: 49%;height: auto;} } @media (max-width: 768px) { .header_top_box{height: 6.8vw;font-size: 2.7vw;} .header_bottom_box{top: 6.8vw;padding: 0;height: 10.8vw;display: flex;align-items: center;} .logo{width: 20vw;margin-left: 3.6vw;} .hd_btn{margin-left: 5.8vw;} .header_nav_content_bottom{height: calc(100vh - 17.6vw);} .header_nav_content_bottom_frist a{font-size: 3.8vw;line-height: 10.8vw;} .header_nav_content_bottom_list_right{display: none;} .header_nav_content_bottom_list_left{padding: 5%;} .nav_title a{font-size: 3.8vw;} .header_nav_content_bottom_list_left_content{justify-content: space-between;} .header_nav_content_bottom_list_left_list{margin-top: 3.6vw;width: 48.5%;margin-left: 0;} .header_nav_content_bottom_list_top a{font-size: 3.6vw;} .header_nav_content_bottom_list_bottom a{font-size: 3.6vw;margin-top: 2.4vw;} .header_language_content{width: 92%;min-height: 50vw;border-radius: 1.2vw;} .header_language_content{padding: 5% 4%;padding-top: 10.8vw;} .header_language_content_close{width: 5vw;right: 3.2vw;top: 3.2vw;} .header_language_content_ul{grid-template-columns: repeat(3, 1fr);grid-gap: 3.2vw 3.2vw;} .header_language_content_ul li{height: 8.8vw;} .header_language_content_ul li a{font-size: 3.2vw;} .header_search_box.on{top: 17.6vw;} .header_search_box form{padding: 3.2vw;} .header_search_box input{width: 58.5%;padding: 0 1.2vw;margin: 0;font-size: 3.6vw;} .header_search_box input:nth-last-of-type(1){width: 38.5%;} .index_banner_content_ul li{width: 32%;height: 8.8vw;border-radius: 4.4vw;} .index_banner_content_ul li a p{font-size: 3.2vw;margin-left: 1.2vw;} .index_banner_content_ul li + li{margin-left: 2%;} .index_banner_content{padding-bottom: 5%;} .index_banner_content_ul li a img{width: 6vw;} .index_partner_box{padding: 8vw 4%;} .index_partner_ul li{width: 23.5%;padding: 4%;border: 1px solid #E5E5E5;margin-bottom: 3.8vw;height: 15vw;overflow: hidden;} .index_partner_ul li:nth-last-of-type(1),.index_partner_ul li:nth-last-of-type(2){margin-bottom: 0;} .index_package_left_box{width: 100%;height: auto;} .index_package_left_content{padding: 5% 4%;} .index_package_left_content h4{font-size: 4.2vw;} .index_package_left_content span{font-size: 3.6vw;} .index_package_left_sw_right, .index_package_left_sw_left{font-size: 5.8vw;} .index_package_right_ul li{width: calc(calc(100% / 2) - 1px);} .index_package_right_ul li:nth-of-type(1), .index_package_right_ul li:nth-of-type(2), .index_package_right_ul li:nth-of-type(3){margin-top: 1px;} .index_package_right_ul li:nth-of-type(1), .index_package_right_ul li:nth-of-type(2),{margin-top: 0;} .index_package_right_ul li:nth-of-type(3n+1){margin-left: 1px;} .index_package_right_ul li:nth-of-type(odd){margin-left: 0;} .index_package_right_ul_top{padding: 4%;} .index_package_right_ul_top h4{font-size: 3.2vw;} .index_package_right_ul_top p{font-size: 3.2vw;} .index_hot_woman_box{padding: 8vw 0;} .index_hot_woman_title{font-size: 4.8vw;} .index_hot_woman_ul{margin-top: 3.8vw;justify-content: space-between;flex-wrap: wrap;} .index_hot_woman_ul li{width: 49%;margin-top: 3.2vw;} .index_hot_woman_more{font-size: 4.2vw;margin-top: 3.8vw;} .index_about_top_title h4{font-size: 4.8vw;} .index_about_top_title p{font-size: 3.6vw;margin-top: 3.2vw;} .index_about_top_title a{width: 42vw;height: 10.8vw;margin-top: 3.8vw;font-size: 3.6vw;} .index_about_top_title a img{width: 6vw;margin-left: 1.2vw;} .index_about_top_ul{margin-top: 5.8vw;} .index_about_top_ul_img{width: 12.8vw;} .index_about_top_ul_right h4{font-size: 3.6vw;} .index_about_top_ul_right{margin-top: 1.8vw;} .index_about_top_ul_right a{font-size: 3.6vw;margin-top: 1.8vw;} .index_about_img_list{margin-top: 8vw;flex-wrap: wrap;} .index_about_img_list li{width: 100%;} .index_about_bottom{width: 92%;padding: 8vw 0;flex-wrap: wrap;} .index_about_bottom_left{width: 100%;} .index_about_bottom_left img{width: 14vw;margin: 0px auto;} .index_about_bottom_left h4{font-size: 3.8vw;margin-top: 3.6vw;text-align: center;} .index_about_bottom_right{width: 100%;margin-top: 3.8vw;} .index_about_bottom_right p{font-size: 3.6vw;} .index_about_bottom_right p + p{margin-top: 3.6vw;} .index_blog_box{padding: 8vw 0;} .index_blog_title{font-size: 4.8vw;} .index_blog_ul li{margin-top: 5.8vw;} .index_blog_ul li a{padding-bottom: 3.2vw;} .index_blog_ul_time{font-size: 3.2vw;} .index_blog_ul_title{flex-direction: column;margin-top: 3.2vw;} .index_blog_ul_title h4{width: 100%;font-size: 3.6vw;} .index_blog_ul_title span{font-size: 3.2vw;margin-top: 3.2vw;} .footer{padding: 8vw 0;} .footer_top_left{width: 100%;} .footer_top_box{flex-wrap: wrap;} .footer_top_left_form_box h4{font-size: 3.6vw;} .footer_top_left_form_box form{margin-top: 3.2vw;} .footer_top_left_form_left{height: 10.8vw;} .footer_top_left_form_left input{padding: 0 3.2vw;font-size: 3.2vw;} .footer_top_left_form_btn{background-size: 5vw auto;} .footer_share_box{margin-top: 3.6vw;} .footer_top_nav_box{width: 48.5%;margin-top: 5.8vw;} .footer_top_nav_title{font-size: 3.8vw;margin-bottom: 3.2vw;} .footer_top_nav_box a{font-size: 3.6vw;} .footer_top_info_box{width: 100%;margin-top: 5.8vw;} .footer_top_info_box p{font-size: 3.6vw;} .footer_nav_box{flex-wrap: wrap;margin-top: 3.2vw;justify-content: flex-start;} .footer_nav_box li{margin-top: 3.8vw;margin-right: 1.8vw;} .footer_nav_box li + li{margin-left: 0;} .footer_last{margin-top: 5.8vw;} .footer_last p{font-size: 3.2vw;} .footer_last p img{width: 14vw;} .design_tem_box{padding: 8vw 0;} .design_tem_content{flex-wrap: wrap;} .design_tem_content_left{width: 100%;} .design_tem_content_left h4{font-size: 4.8vw;text-align: center;} .design_tem_content_right{width: 100%;margin-top: 3.6vw;} .design_tem_content_right p{font-size: 3.6vw;} .design_tem_content_right p + p{margin-top: 3.6vw;} .design_country_btn li{width: 32%;} .design_country_btn li img{width: 5.8vw;} .design_country_btn li h4{font-size: 3.2vw;margin-left: 1.8vw;} .design_country_btn li a{padding-bottom: 1.8vw;} .design_country_btn{border-width: 0.2vw;} .design_country_btn li:after{bottom: -0.2vw;height: 0.2vw;} .design_country_content_list{margin-top: 8vw;} .design_country_content_list_title{font-size: 4.2vw;} .design_country_content_list_ul li{margin-top: 3.8vw;width: 100%;} .design_country_content_list_ul_txt{padding: 5% 4%;} .design_country_content_list_ul_txt h4{font-size: 3.8vw;} .design_country_content_list_ul_txt h5{font-size: 3.6vw;margin-top: 2.4vw;} .design_country_content_list_ul_txt p{font-size: 3.2vw;margin-top: 3.2vw;} .design_country_content_list + .design_country_content_list{margin-top: 8vw;} .design_china_country_content_list_ul li{width: 100%;margin-top: 3.8vw;} .design_korea_country_content_list_ul li{flex-wrap: wrap;margin-top: 3.8vw;} .design_korea_country_content_list_ul li .design_country_content_list_ul_img{width: 100%;height: auto;} .design_korea_country_content_list_ul li .design_country_content_list_ul_txt{padding: 5% 4%;} .design_korea_country_content_list_ul li .design_country_content_list_ul_txt p{margin-top: 3.2vw;} .design_capa_box{margin-top: 8vw;} .design_capa_left{padding: 8vw 0;} .design_capa_left_txt_img{width: 22vw;} .design_capa_left_txt{width: 92%;} .design_capa_left_txt_content h4{font-size: 4.2vw;} .design_capa_left_txt_content p{font-size: 3.2vw;margin-top: 1.8vw;} .design_capa_right a:after{background-size: 11vw auto;} .design_process_box{padding: 8vw 0;} .design_process_title{font-size: 4.8vw;} .design_process_ul{margin-top: 3.2vw;padding: 0 4%;} .design_process_ul li{margin-top: 3.8vw;flex-wrap: wrap;} .design_process_ul_img{width: 100%;height: auto;} .design_process_ul_img img{width: 100%;height: auto;display: block;} .design_process_ul_content{padding: 5% 4%;} .design_process_ul_content_txt{width: 100%;} .design_process_ul_content_txt_img{width: 16vw;} .design_process_ul_content_txt_content{margin-top: 3.2vw;} .design_process_ul_content_txt_content h4{font-size: 4.2vw;} .design_process_ul_content_txt_content p{font-size: 3.2vw;margin-top: 3.2vw;} .design_disne_box{padding-bottom: 8vw;} .design_disne_content_right h4{padding-right: 28%;font-size: 4.8vw;} .design_disne_content_right p{font-size: 3.2vw;margin-top: 3.6v;} .product_header{top: 0;} .product_title{margin-top: 5.8vw;font-size: 4.8vw;} .product_btn_box{margin-top: 5.8vw;} .product_btn_box li{font-size: 3.6vw;} .product_btn_box li a{padding-bottom: 1.8vw;} .product_btn_box li a:hover:after{height: 0.4vw;} .product_btn_box li.on a:after{height: 0.4vw;} .product_btn_box li + li{margin-left: 2.8vw;} .product_content_list_banner_content h4{font-size: 4.8vw;} .product_content_list_banner_content span{font-size: 3.2vw;margin-top: 1.8vw;} .product_content_list_banner_content{padding-bottom: 3.2vw;} .product_content_list_ul{justify-content: space-between;} .product_content_list_ul li{margin-left: 0;width: 49%;} .product_content_list_ul li h4{padding: 0 2%;font-size: 3.6vw;margin-top: 1.6vw;} .product_content_list_more{font-size: 3.6vw;margin-top: 5.8vw;} .product_content_list{margin-top: 5.8vw;} .product_content_box{padding-bottom: 8vw;} .product_detial_info_left_swiper_bottom .swiper-slide{height: auto;} .product_detial_info_right{margin-top: 5.8vw;} .product_detial_info_right_info h1{font-size: 4.2vw;} .product_detial_info_right_info p{font-size: 3.6vw;margin-top: 3.2vw;} .product_detial_info_right_info{padding-bottom: 1.8vw;} .product_detial_info_right_type li{font-size: 3.6vw;margin-top: 3.8vw;} .product_detial_info_right_type{padding-bottom: 3.8vw;} .product_detial_info_right .inquire{width: 42vw;height: 10.8vw;font-size: 3.6vw;margin-top: 3.8vw;} .product_detial_info_right_review_box{margin-top: 3.8vw;} .product_detial_info_right_review_title{font-size: 4.2vw;} .product_detial_info_right_review_swiper{margin-top: 3.8vw;padding-bottom: 6.8vw;} .product_detial_info_right_review_swiper_top{padding: 5% 4%;border-radius: 2vw;} .product_detial_info_right_review_swiper_top_img{width: 24vw;border-radius: 2vw;} .product_detial_info_right_review_swiper_top_txt{margin-left: 3.2vw;} .product_detial_info_right_review_swiper_top_txt h4{font-size: 4.2vw;} .product_detial_info_right_review_swiper_top_txt p{font-size: 3.6vw;} .product_detial_info_right_review_swiper_bottom{margin-top: 3.2vw;} .product_detial_info_right_review_swiper_bottom p{font-size: 3.6vw;} .product_detial_info_box{padding-bottom: 8vw;} .product_detial_related_title{font-size: 4.8vw;} .product_detial_related_sw{margin-top: 5.8vw;} .product_detial_related_box{padding-bottom: 8vw;} .product_detial_related_sw .swiper-slide h4{font-size: 3.2vw;padding: 0 2%;margin-top: 1.8vw;} .product_category_info{width: 92%;margin-top: 8vw;} .product_category_info h1{font-size: 4.8vw;} .product_category_info p{font-size: 3.6vw;margin-top: 3.2vw;} .product_detial_review_box{padding: 8vw 0;} .product_detial_review_title{font-size: 4.8vw;} .product_detial_review_sw{margin-top: 5.8vw;} .product_detial_review_sw .swiper-slide{padding: 5% 4%;} .product_detial_review_sw_top{padding-bottom: 3.2vw;} .product_detial_review_sw_bottom{margin-top: 3.2vw;} .product_detial_review_sw_bottom p{font-size: 3.6vw;} .product_detial_review_sw{padding-bottom: 6.8vw;} .supply_banner_content h4{font-size: 4.8vw;} .supply_factory_title{font-size: 4.8vw;} .supply_factory_ul li{width: 100%;margin-top: 4.2vw;} .supply_factory_ul_img h4{font-size: 3.8vw;} .supply_factory_ul_txt{margin-top: 3.6vw;} .supply_factory_ul_txt h4{font-size: 3.8vw;} .supply_factory_ul_txt p{font-size: 3.2vw;} .supply_factory_box{padding-bottom: 8vw;} .supply_foundation_content_box{background: rgba(15, 58, 126, 0.7);} .supply_foundation_content{background: none;} .supply_foundation_content_title h4{font-size: 3.6vw;margin: 0;} .supply_foundation_content_title span{display: none;} .supply_foundation_content_ul{flex-wrap: wrap;margin-top: 3.2vw;} .supply_foundation_content_ul li{width: 100%;margin-top: 3.8vw;} .supply_foundation_content_ul_left img{width: 12vw;} .supply_foundation_content_ul_left h4{font-size: 4.2vw;margin-top: 3.2vw;} .supply_foundation_content_ul_right{margin-top: 3.2vw;} .supply_foundation_content_ul_right p{font-size: 3.2vw;text-align: center;} .supply_foundation_content_ul_right p strong{font-size: 3.6vw;} .supply_chart_box{padding: 8vw 0;} .supply_chart_title{width: 100%;} .supply_chart_title h4{font-size: 4.8vw;} .supply_chart_title p{font-size: 3.2vw;margin-top: 3.2vw;} .supply_chart_ul{margin-top: 3.2vw;} .supply_chart_ul li{margin-top: 3.8vw;width: 100%;} .supply_chart_ul_title{height: 8.8vw;border-radius: 1.2vw;font-size: 3.8vw;} .supply_chart_ul_content{height: auto;padding: 5% 4%;} .supply_chart_ul_content p{font-size: 3.2vw;} .supply_chart_ul_content p + p{margin-top: 3.2vw;} .supply_chart_ul_content:after{display: none;} .supply_chart_ul li:nth-of-type(even) .supply_chart_ul_content{margin-top: 3.8vw;} .supply_chart_ul_content{margin-top: 3.8vw;} .supply_partner_box{padding: 8vw 0;} .supply_partner_ul li{width: 49%;height: auto;margin-top: 3.8vw;} .about_banner_content h1, .about_banner_content h4{font-size: 4.8vw;} .about_info_box{padding: 8vw 0 0;} .about_info_content{padding-bottom: 8vw;} .about_number_box{padding: 8vw 0;} .about_number_title h2{font-size: 4.8vw;} .about_number_ul{margin-top: 3.2vw;} .about_number_ul li{width: 48.5%;margin-top: 3.8vw;} .about_number_ico{width: 24vw;} .about_number_txt{margin-top: 3.6vw;} .about_number_txt h4{font-size: 4.2vw;} .about_number_txt p{font-size: 3.6vw;margin-top: 3.2vw;} .about_number_txt h4 span{font-size: 3.6vw;} .about_history_title{height: 10.8vw;} .about_history_ul_year{font-size: 3.8vw;height: 8.8vw;} .about_history_ul_content{margin-top: 3.2vw;} .about_history_ul_content:after{display: none;} .about_history_ul_content_txt{width: 100%;padding: 5% 0;padding-top: 0;} .about_history_ul_content_txt p{font-size: 3.6vw;} .about_history_ul_content_txt img{margin-top: 3.2vw;} .about_history_ul li + li{margin-top: 0;} .about_history_ul li:nth-of-type(even) .about_history_ul_content_txt p{text-align: left;} .about_history_ul{padding-bottom: 8vw;} .about_factories_box{padding: 8vw 0;} .about_factories_title h2{font-size: 4.2vw;} .about_factories_ul{margin-top: 3.2vw;flex-wrap: wrap;} .about_factories_ul li{width: 100%;margin-top: 3.8vw;} .about_factories_ul_ico{width: 17vw;margin: 0px auto;} .about_factories_ul_txt{margin-top: 3.2vw;} .about_factories_ul_txt h2{font-size: 3.8vw;text-align: center;margin-bottom: 3.6vw;} .about_factories_ul_txt p{font-size: 3.6vw;text-align: center;} .about_factories_ul_txt p strong{font-size: 3.8vw;} .about_info_content_left{border-radius: 2vw;} .about_info_content_left a:after{background-size: 11vw auto;} .about_info_content_right{margin-top: 5.8vw;} .about_info_content_right h1{font-size: 4.8vw;} .about_info_content_right p{font-size: 3.2vw;margin-top: 3.2vw;} .about_history_title{font-size: 4.8vw;} .about_history_content_box{margin-top: 5.8vw;} .about_history_content{position: relative;padding: 8vw 0;} .about_history_content_sw p, .about_history_content_sw h5, .about_history_content_sw h6, .about_history_content_sw h4{color: #000000;} .about_history_content_sw span{background: #000000;} .about_history_content_sw h5{font-size: 4.2vw;} .about_history_content_sw h6{font-size: 3.6vw;} .about_history_content_sw h4{font-size: 4.2vw;margin-top: 1.2vw;} .about_history_content_sw span{width: 1.8vw;height: 1.8vw;margin-top: 3.2vw;} .about_history_content:after{background: #000000;} .about_history_content_sw p{font-size: 3.6vw;margin-top: 3.2vw;} .about_history_content:after{bottom: 16.6vw;} .about_culture_bg{height: 230vw;} .about_culture_bg img{height: 100%;object-fit: cover;} .about_culture_content_ul{flex-wrap: wrap;padding: 8vw 0;} .about_culture_content_ul li{width: 100%;height: auto;padding: 5% 4%;} .about_culture_content_ul li p{display: block;} .about_culture_content_ul_img{width: 14vw;} .about_culture_content_ul li h4{font-size: 4.2vw;margin-top: 3.8vw;} .about_culture_content_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .about_culture_content_ul li{margin-top: 3.8vw;} .about_tem_sw .swiper-slide{flex-wrap: wrap;} .about_tem_sw_left{width: 100%;} .about_tem_sw_right{padding: 5% 4%;} .about_tem_sw_right h4{font-size: 4.2vw;} .about_tem_sw_right h5{font-size: 3.8vw;margin-top: 3.2vw;} .about_tem_sw_right p{font-size: 3.6vw;margin-top: 3.2vw;} .video_list_content_box li{margin-top: 5.8vw;margin-left: 0;width: 100%;} .video_list_content_box li .video_click:after{background-size: 11vw auto;} .show_room_banner_content h1{font-size: 4.8vw;padding-right: 0;} .show_room_banner_content a{height: 10.8vw;width: 42vw;font-size: 3.6vw;margin-top: 3.2vw;} .var_banner{height: 110vw;} .var_banner img{height: 100%;object-fit: cover;} .show_room_banner_content{width: 100%;} .show_room_banner_content_ul{margin-top: 3.6vw;} .show_room_banner_content_ul li{width: 19.2%;border-width: 0.6vw;border-radius: 1vw;} .show_room_banner_content_box{padding-bottom: 5.8vw;} .var_banner{height: 80vw;} .header_language_box{width: 48vw;top: 10.8vw;} .header_language_box a{width: 100%;height: 10.8vw;font-size: 3.6vw;padding: 0 4%;} .header_language_box a img{width: 6vw;margin-right: 1.8vw;} .contact_info_content{flex-wrap: wrap;} .contact_info_content_left{width: 100%;} .contact_info_content_left_title h4{font-size: 4.8vw;} .contact_info_content_right{width: 100%;height: 92vw;margin-top: 5.8vw;} .contact_info_box{padding: 8vw 0;} .contact_info_content_left_info li{margin-top: 3.8vw;} .contact_info_content_left_info li h4 img{width: 5vw;margin-right: 3.2vw;} .contact_info_content_left_info li h4{font-size: 3.6vw;} .contact_info_content_left_info li p{font-size: 3.6vw;margin-top: 2.8vw;} .materials_info_box{padding: 8vw 0;} .materials_info_content h1{font-size: 4.8vw;} .materials_info_content p{margin-top: 3.8vw;font-size: 3.6vw;} .materials_info_content_ul{margin-top: 3.2vw;} .materials_info_content_ul li{margin-top: 3.8vw;} .materials_info_content_ul li h4{font-size: 3.6vw;margin-top: 1.8vw;} .materials_info_content_ul{padding-bottom: 8vw;} .materials_recycled_box{padding: 8vw 0;} .materials_recycled_content_left h4{font-size: 4.8vw;} .materials_recycled_content_left p{font-size: 3.6vw;margin-top: 3.6vw;} .materials_recycled_content_right{margin-top: 3.8vw;} .materials_recycled_content_right a:after{background-size: 11vw auto;} .materials_emissions_box{padding: 8vw 0;} .materials_emissions_content{border-radius: 2vw;} .materials_emissions_content p{font-size: 3.6vw;} .materials_emissions_content img{margin-top: 3.8vw;} .materials_emissions_content_txt{padding: 0;margin-top: 3.8vw;} .materials_emissions_content_txt p{font-size: 3.6vw;} .materials_last_box{padding: 8vw 0;} .materials_last_box h2{font-size: 3.6vw;} .materials_water_box{padding: 8vw 0;} .materials_water_content_right{padding: 5% 4%;} .materials_water_content_right h4{font-size: 4.2vw;} .materials_water_content_right p{font-size: 3.6vw;margin-top: 3.6vw;} .materials_water_box{margin-bottom: 8vw;} .development_info_box{padding: 8vw 0;} .development_info_content_right{margin-top: 5.8vw;} .development_info_content_right h4{font-size: 4.8vw;} .development_info_content_right h5{font-size: 4.2vw;margin-top: 3.6vw;margin-bottom: 3.2vw;} .development_info_content_right p{font-size: 3.6vw;} .development_info_content_right h6{font-size: 3.6vw;margin-top: 3.2vw;margin-bottom: 3.2vw;} .development_renewable_box{padding: 8vw 0;} .development_renewable_title h4{font-size: 4.8vw;} .development_renewable_title{padding: 0;} .development_renewable_title p{font-size: 3.2vw;margin-top: 3.2vw;} .development_renewable_img{margin-top: 5.8vw;} .development_packaging_box{padding: 8vw 0;} .development_packaging_content_left_ico{width: 10vw;} .development_packaging_content_left h4{font-size: 4.2vw;margin-top: 3.8vw;} .development_packaging_content_left h5{font-size: 3.6vw;margin-top: 3.2vw;} .development_packaging_content_left p{font-size: 3.6vw;margin-top: 3.2vw;} .development_packaging_content_right{margin-top: 3.8vw;} .development_emissions_box{padding: 8vw 0;} .development_emissions_content_left h4{padding-right: 0;font-size: 4.2vw;} .development_emissions_content_left p{font-size: 3.6vw;margin-top: 3.2vw;} .development_emissions_content_right{margin-top: 3.6vw;} .development_emissions_content_right a:after{background-size: 11vw auto;} .development_sustainability_box{padding: 8vw 0;} .development_sustainability_ico img{width: 16vw;} .development_sustainability_ico h4{font-size: 4.2vw;margin-left: 1.8vw;} .development_sustainability_ul{margin-top: 3.6vw;justify-content: space-between;} .development_sustainability_ul li{width: 100%;height: auto;margin-top: 3.8vw;} .development_sustainability_ul li:nth-of-type(even){display: block;margin-top: 3.8vw;} .development_sustainability_ul_top{justify-content: flex-start;height: 50vw;} .development_sustainability_ul li:nth-of-type(even) .development_sustainability_ul_top{margin-top: 0;} .development_sustainability_ul_bottom{margin-top: 0;} .development_sustainability_ul_top{height: auto;padding: 5% 4%;} .development_sustainability_ul_top h4{font-size: 3.8vw;} .development_sustainability_ul_top p{font-size: 3.2vw;} .development_sustainability_ul_bottom{height: 10.8vw;font-size: 3.8vw;border-radius: 2vw 2vw 0 0 !important;} .development_sustainability_ul_bottom:before{border-width: 2vw;top: -3.6vw;} .development_sustainability_ul li:nth-of-type(even) .development_sustainability_ul_bottom:before{bottom: auto;top: -3.6vw;border-top-color: transparent;border-bottom-color: #8eda16;} .development_sustainability_ul_bottom:after{display: none;} .social_info_box{padding: 8vw 0;} .social_info_txt{width: 100%;} .social_info_txt h1, .social_info_txt h4{font-size: 4.8vw;} .social_info_txt p{font-size: 3.6vw;margin-top: 3.2vw;} .social_info_list_box{padding: 8vw 0;} .social_info_list_content_left{flex-wrap: wrap;} .social_info_list_content_left_img{width: 100%;} .social_info_list_content_left_right{padding: 5% 4%;} .social_info_list_content_right_content{width: 100%;} .social_info_list_content_right_content h4{font-size: 4.8vw;} .social_info_list_content_right_content p{font-size: 3.6vw;margin-top: 3.2vw;} .social_info_list_content_right{margin-top: 3.6vw;flex-wrap: wrap;} .social_info_list_content_right li{width: 100%;margin-top: 3.2vw;} .social_days_box{padding: 8vw 0;} .social_days_title{width: 100%;} .social_days_title h4{font-size: 4.8vw;} .social_days_title p{font-size: 3.6vw;} .social_days_content{margin-top: 5.8vw;padding-bottom: 8vw;} .social_days_content_sw_right, .social_days_content_sw_left{display: none;} .social_service_box{width: 100%;padding: 8vw 0;} .social_service_title h4{font-size: 4.8vw;} .social_service_title h5{font-size: 4.2vw;margin-top: 3.2vw;} .social_service_title p{font-size: 3.6vw;} .social_service_ul li{width: 100% !important;margin-top: 3.6vw;} .development_interested_content_right{padding: 5% 4%;} .development_interested_content_right h4{font-size: 4.8vw;} .development_interested_content_right h5{font-size: 3.6vw;margin-top: 3.2vw;} .development_interested_content_right_ul{margin-top: 3.8vw;} .development_interested_content_right_ul li{width: 100%;} .development_interested_content_right_ul li input{height: 10.8vw;padding: 0 2.8vw;font-size: 3.2vw;} .development_interested_content_right_ul li textarea{padding: 2.8vw;height: 22vw;font-size: 3.2vw;} .development_interested_content_right_ul li p{font-size: 3.6vw;} .development_interested_content_right_btn{width: 40vw;height: 10.8vw;font-size: 3.6vw;margin-top: 3.8vw;} .showroom_top_content{flex-wrap: wrap;} .showroom_top_content_left{width: 100%;} .showroom_top_content_right{margin-left: 0;} .showroom_top_content_right li{width: 100%;margin-left: 0;margin-top: 3.8vw;} .showroom_top_content_right li:nth-of-type(1), .showroom_top_content_right li:nth-of-type(2), .showroom_top_content_right li:nth-of-type(3){margin-top: 3.8vw;} .showroom_bottom_box{padding: 8vw 0;} .showroom_bottom_title h4{font-size: 4.2vw;} .showroom_bottom_title span{margin-left: 1.8vw;} .showroom_bottom_list + .showroom_bottom_list{margin-top: 8vw;} .showroom_bottom_content_right{margin-top: 5.8vw;} .commitents_content_box h1{font-size: 4.8vw;} .commitents_content_box p{font-size: 3.6vw;margin-top: 3.6vw;} .commitents_content_box{padding: 8vw 0;} .commitents_content_box h2{font-size: 3.8vw;margin-top: 3.2vw;} .commitents_change_title{font-size: 4.8vw;} .commitents_change_ul{margin-top: 3.2vw;} .commitents_change_ul li{margin-top: 3.8vw;} .commitents_change_box{padding-bottom: 8vw;} .commitents_change_ul li:nth-of-type(even), .commitents_change_ul li{flex-direction: column-reverse;} .commitents_change_ul_img{width: 100%;} .commitents_change_ul_txt{padding: 5% 4%;width: 100%;} .commitents_change_ul_txt h2{font-size: 3.8vw;} .development_list_ul li{flex-direction: column-reverse;} .development_list_ul_right{width: 100%;} .development_list_ul_left{width: 100%;margin-right: 0;margin-top: 3.8vw;} .development_list_ul_left_top h2{font-size: 4.8vw;} .development_list_ul_left_top h2 strong{font-size: 3.6vw;} .development_list_ul_left_bottom{margin-top: 3.2vw;} .development_list_ul_left_bottom p{font-size: 3.6vw;} .development_list_ul_left_bottom p + p{margin-top: 3.2vw;} .development_contentWH{padding-bottom: 8vw;} .video_btn{flex-wrap: wrap;justify-content: space-between;margin-bottom: 3.2vw;} .video_btn li{width: 48.5%;height: 10.8vw;font-size: 3.6vw;margin-bottom: 3.8vw;} .video_btn li + li{margin-left: 0;} }