:root{
	--font-regular: 'CenturyGothic';
	--font-bold: 'NexaBold';
	--font-size-13: 13px;
	--font-size-14: 14px;
	--font-size-15: 15px;
	--font-size-16: 16px;
	--font-size-17: 17px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-24: 24px;
	--font-size-26: 26px;
	--font-size-30: 30px;
	--font-size-36: 36px;
	--font-size-40: 40px;
	--font-size-46: 46px;
	--font-size-50: 50px;
	--color-blue: #2b94e2;
	--color-blue-0: #0171c5;
	--color-blue-1: #1b354c;
	--color-blue-15: #157fcd;
	--color-white: #fff;
	--color-black: #000;
	--color-black-2: #262626;
	--color-black-3: #333;
	--color-black-4: #4c4c4c;
	--color-black-6: #666;
	--color-black-9: #999;
	--color-orange: #f6ab00;
	--bg-gray: #ededed;
	--bg-gray-d: #d9d9d9;
	--bg-gray-c: #ccc;
	--bg-gray-bf: #bfbfbf;
	--bg-gray-b2: #b2b2b2;
	--bg-gray-8: #808080;
	--bg-blue: #e4f5ff;
	--mask-blue: rgba(29, 156, 251, .6);
	--mask-blue-5: rgba(29, 156, 251, .5);
	--mask-white: rgba(255, 255, 255, .5);
	--mask-white-6: rgba(255, 255, 255, .6);
}

*,
*::before,
*::after{font-family: var(--font-regular); transition: all .3s; -webkit-transition: all .3s; color: var(--color-black-4);}
a:hover{text-decoration: none; text-decoration: none;}

*::before,
*::after,
.desc_box *,
.contact_box *,
.about_box *{box-sizing: border-box;}

.img{font-size: 0; line-height: 0; text-align: center; overflow: hidden;}
.img:hover img{transform: scale(1.1);}
.wrap{width: 92%; max-width: 1400px; margin: 0 auto; zoom: 1;}
.wrap_1500{width: 92%; max-width: 1500px; margin: 0 auto; zoom: 1;}

/* goods features */
/* .detail_features_list{display: flex; flex-wrap: wrap;}
.detail_features_list .detail_features_item{display: flex; flex-direction: column; align-items: center; text-align: center; width: max-content; min-width: 20%; max-width: 100%; margin-right: 7.6%;}
.detail_features_list .detail_features_item:last-child{margin-right: 0;}
.detail_features_list .detail_features_item .img{display: flex; justify-content: center; align-items: center; width: 67px; height: 67px;}
.detail_features_list .detail_features_item .detail_features_name{font-family: var(--font-bold); color: var(--color-black-3); line-height: 1.25;} */
.detail_features_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: max-content; max-width: 100%;}
.detail_features_list .detail_features_item{display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%;}
.detail_features_list .detail_features_item .img{display: flex; justify-content: center; align-items: center; width: 67px; height: 67px;}
.detail_features_list .detail_features_item .detail_features_name{font-family: var(--font-bold); color: var(--color-black-3); line-height: 1.25;}
.detail_features_list.column_4{grid-template-columns: repeat(4, 1fr);}

/* goods description */
.desc_box .desc_title{font-family: var(--font-bold); font-size: var(--font-size-30); line-height: 1.625; color: var(--color-black-2);}
.desc_box .desc_text{font-size: var(--font-size-16); line-height: 1.625;}

.desc_box .video_box{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0;}
.desc_box .video_box .video_info{width: 42.143%; padding-bottom: 6px;}
.desc_box .video_box .video_info .desc_text{margin-top: 7px;}
.desc_box .video_box .video_content{width: 49.858%;}
/* .desc_box .param_box{margin-top: 88px;} */
.desc_box .param_box .param_table{margin-top: 14px;}
.desc_box .param_box .param_table table{width: 100%;}
.desc_box .param_box .param_table table tr:first-child{position: relative;}
.desc_box .param_box .param_table table tr:first-child::after{content: ''; width: 100%; height: 4px; background-color: var(--color-blue-0); position: absolute; left: 0; bottom: -1px; z-index: 1;}
.desc_box .param_box .param_table table tr td{font-size: var(--font-size-16); line-height: 1.625; border-width: 1px; border-style: solid; border-color: transparent var(--bg-gray-bf) var(--bg-gray-bf) var(--bg-gray-bf); padding: 23px 19px; word-break: break-all; vertical-align: top;}
.desc_box .param_box .param_table table tr:first-child td{font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 1.445; color: var(--color-white); background-color: var(--color-blue); border-top-color: var(--color-blue);}
/* .desc_box .app_box{margin-top: 89px;} */
.desc_box .app_box .app_list{display: flex; flex-wrap: wrap;}
.desc_box .app_box .app_list .app_item{width: 31.715%; margin-right: 2.4275%; margin-top: 14px;}
.desc_box .app_box .app_list .app_item:nth-child(3n){margin-right: 0;}
.desc_box .app_box .app_item .app_info{margin-top: 16px;}
.desc_box .app_box .app_item .app_info .app_title{font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 1.667;}
.desc_box .app_box .app_item .app_info .desc_text{margin-top: 3px;}
/* .desc_box .use_box{margin-top: 91px;} */
.desc_box .use_box .use_wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 26px;}
.desc_box .use_box .use_list{width: 44.286%; padding: 4px 0;}
.desc_box .use_box .use_list .use_item{padding-left: 30px; position: relative; margin-top: 8px;}
.desc_box .use_box .use_list .use_item:first-child{margin-top: 0;}
.desc_box .use_box .use_list .use_item::before{content: ''; width: 16px; height: 16px; background-color: var(--color-blue); position: absolute; left: 1px; top: 5px; z-index: 0;}
.desc_box .use_box .use_list .use_item::after{content: ''; width: 7px; height: 11px; border-width: 2px; border-style: solid; border-color: transparent var(--color-white) var(--color-white) transparent; position: absolute; left: 5px; top: 6px; transform: rotate(45deg); z-index: 1;}
.desc_box .use_box .img{width: 49.858%;}

/* blog detail */
.blog_content,
.blog_content *{font-family: inherit; font-size: inherit; line-height: 1.667; color: inherit; font-style: inherit;}
.blog_content .img{font-size: 0; line-height: 0;}
/* .blog_content strong{font-family: var(--font-bold); font-size: var(--font-size-26); color: var(--color-black-2);} */
.blog_content ul li{padding-left: 19px; position: relative;}
.blog_content ul li::before{content: ''; width: 8px; height: 8px; background-color: var(--color-black-3); border-radius: 50%; position: absolute; left: 0; top: 12px;}

/* contact */
.contact_title{font-family: var(--font-bold); font-size: var(--font-size-40); line-height: 1.15; color: var(--color-black-2);}
.contact_desc{font-size: var(--font-size-18); line-height: 1.667;}
.contact_map_box{background-color: var(--color-blue-1); padding: 203px 0 142px;}
.contact_map_wrapper{display: flex; flex-direction: column; align-items: center; text-align: center;}
.contact_map_box .contact_title,
.contact_map_box .contact_desc{color: var(--color-white);}
.contact_map_box .contact_desc{margin-top: 21px;}
.contact_map_box .img{margin-top: 86px;}
.contact_map_box .img:hover img{transform: unset;}
.contact_form_box{background-color: var(--bg-gray);}
.contact_form_box .contact_form_wrapper{display: flex;}
.contact_form_box .contact_info_box{width: 450px; margin-right: 110px; position: relative; transform: translateY(-76px);}
.contact_form_box .contact_info_box > .img{width: 100%; height: 0; padding-top: 177.78%; position: relative;}
.contact_form_box .contact_info_box > .img img{width: 100%; max-height: max-content; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.contact_form_box .contact_info_box .contact_info{padding: 15.78% 12.89%; position: absolute; left: 0; top: 0; z-index: 1;}
.contact_form_box .contact_info .contact_info_title{font-family: var(--font-bold); font-size: var(--font-size-36); line-height: 1.278;}
.contact_form_box .contact_info .contact_desc{margin-top: 23px;}
.contact_form_box .contact_info .share{margin-top: 61px;}
.contact_form_box .contact_info .foot_share .foot_share_box{width: 34px; height: 34px; margin-right: 13px;}
.contact_form_box .contact_form{flex: 1; padding: 83px 0 107px;}
.contact_form_box .contact_form .ueeshop_responsive_article_feedback{text-align: left; margin: 0; padding: 0;}
.contact_form_box .contact_form .ueeshop_responsive_article_feedback .title{display: none;}
.contact_form_box .contact_form .ueeshop_responsive_article_feedback .txt{font-size: var(--font-size-24); line-height: 1.417; color: var(--color-black-2); text-align: left;}
.contact_factory_box{padding: 83px 0 99px;}
.contact_factory_box .contact_title{text-align: center;}
.contact_factory_box .contact_factory_list{display: flex; flex-wrap: wrap;}
.contact_factory_box .contact_factory_list .contact_factory_item{width: 31.143%; margin-right: 3.2855%; margin-top: 50px;}
.contact_factory_box .contact_factory_list .contact_factory_item:nth-child(3n){margin-right: 0;}
.contact_factory_box .contact_factory_item .img{width: 100%; height: 0; padding-top: 66.514%; position: relative;}
.contact_factory_box .contact_factory_item .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.contact_factory_box .contact_factory_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.contact_factory_box .contact_factory_item .contact_factory_info{margin-top: 24px;}
.contact_factory_box .contact_factory_info .contact_factory_name{font-family: var(--font-bold); font-size: var(--font-size-24); line-height: 1.25; color: var(--color-black-2);}
.contact_factory_box .contact_factory_item .contact_method_box{margin-top: 12px;}
.contact_factory_box .contact_method_box .contact_method_item{font-size: var(--font-size-18); line-height: 1.889; padding-left: 34px; background-repeat: no-repeat; background-position: left top 6px;}
.contact_factory_box .contact_method_box .contact_method_item.tel{background-image: url(../images/icon/icon_tel.png);}
.contact_factory_box .contact_method_box .contact_method_item.email{background-image: url(../images/icon/icon_email.png);}
.contact_factory_box .contact_method_box .contact_method_item.address{background-image: url(../images/icon/icon_address.png);}

/* about */
.about_title_box{background-color: var(--color-blue-1); padding: 57px 0;}
.about_title_box .about_title{font-family: var(--font-bold); font-size: var(--font-size-46); line-height: 1; color: var(--color-white); text-align: center;}
.about_subtitle{font-family: var(--font-bold); font-size: var(--font-size-36); line-height: 1.167; color: var(--color-black-2);}
.about_title_sm{font-family: var(--font-bold); font-size: var(--font-size-30); line-height: 1.4; color: var(--color-black-2);}
.about_desc{font-size: var(--font-size-18); line-height: 1.667;}
.about_tips_list{margin-top: 25px;}
.about_tips{font-family: var(--font-bold); font-size: var(--font-size-22); line-height: 1.364; color: var(--color-black-9); margin-top: 10px;}
.about_link,
.about_link *{font-family: var(--font-bold); font-size: var(--font-size-18); line-height: 2.667; color: var(--color-white); text-transform: uppercase;}
.about_link{display: flex; justify-content: center; align-items: center; background-color: var(--color-blue); width: max-content; min-width: 205px; padding: 0 10px; border-radius: 48px; margin-top: 45px;}
.about_link:hover{background-color: var(--color-blue-1);}
.about_link .icon_arrow{margin-left: 8px;}
.about_arrow_box{display: flex;}
.about_arrow_box .about_arrow{width: 40px; height: 40px; border: 1px solid var(--bg-gray-c); border-radius: 50%; position: relative; cursor: pointer; margin-right: 14px;}
.about_arrow_box .about_arrow:last-child{margin-right: 0;}
.about_arrow_box .about_arrow::before{content: ''; width: 12px; height: 2px; background-color: var(--bg-gray-c); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_arrow_box .about_arrow::after{content: ''; width: 8px; height: 8px; border-width: 2px; border-style: solid; border-color: transparent transparent var(--bg-gray-c) var(--bg-gray-c); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.about_arrow_box .about_arrow:hover{background-color: var(--color-blue); border-color: var(--color-blue);}
.about_arrow_box .about_arrow:hover::before{background-color: var(--color-white);}
.about_arrow_box .about_arrow:hover::after{border-color: transparent transparent var(--color-white) var(--color-white);}
.about_arrow_box .about_arrow.next{transform: rotateY(180deg);}
.about_box{padding-bottom: 110px;}
.about_group_box{background-color: var(--bg-gray); padding: 70px 0 79px; text-align: center;}
.about_group_wrapper{display: flex; flex-direction: column; align-items: center;}
.about_group_box .about_group_desc{max-width: 1120px; font-family: var(--font-bold); font-size: var(--font-size-26); line-height: 1.539; color: var(--color-black-2);}
.about_group_box .about_group_list{width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin-top: 58px;}
.about_group_box .about_group_list .about_group_item{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 235px; background-color: var(--color-white); padding: 10px;}
.about_group_box .about_group_list .about_group_item .img{width: 50px; height: 50px; position: relative;}
.about_group_box .about_group_list .about_group_item .img img{visibility: visible; opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_group_box .about_group_list .about_group_item .img img.hover{visibility: hidden; opacity: 0;}
.about_group_box .about_group_list .about_group_item .about_group_number{font-family: var(--font-bold); font-size: var(--font-size-50); line-height: 1; margin-top: 20px; position: relative;}
.about_group_box .about_group_list .about_group_item .about_group_number::after{content: '+'; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; position: absolute; left: 100%; top: 0; transform: translateY(-15px); transition: none;}
.about_group_box .about_group_list .about_group_item .about_group_text{font-size: var(--font-size-18); line-height: 1.667; color: var(--color-black-9); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.about_group_box .about_group_list .about_group_item:hover{background-color: var(--color-blue);}
.about_group_box .about_group_list .about_group_item:hover .img img.no_hover{visibility: hidden; opacity: 0;}
.about_group_box .about_group_list .about_group_item:hover .img img.hover{visibility: visible; opacity: 1;}
.about_group_box .about_group_list .about_group_item:hover .about_group_number{color: var(--color-white);}
.about_group_box .about_group_list .about_group_item:hover .about_group_text{color: var(--color-white);}
.about_card{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.about_card .img{width: 50%;}
.about_card .video_btn{position: relative;}
.about_card .video_btn::before{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; z-index: 1;}
.about_card .video_btn::after{content: ''; width: 60px; height: 42px; background: url(../images/icon/icon_video.png) no-repeat center / 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.about_card .about_card_info{width: 44.358%; padding: 13px 0;}
.about_card .about_card_info .about_desc{margin-top: 12px;}
.about_card.reverse{flex-direction: row-reverse;}
/* .about_card.reverse .about_card_info{width: 48.572%; padding: 13px 40px;} */
.about_card_box{margin-top: 90px;}
/* .about_card_box[data="protect"] .about_card .about_card_info .about_desc{opacity: .6;} */
.about_card_box[data="water"],
.about_card_box[data="package"]{margin-top: 60px;}
.about_history_box{display: flex; justify-content: space-between; margin-top: 110px;}
.about_history_box .about_history_info{width: 310px; margin-right: 70px; padding: 35px 0;}
.about_history_box .about_history_info .about_desc{margin-top: 22px;}
.about_history_box .about_history_info .about_arrow_box{margin-top: 61px;}
.about_history_box .about_history_swiper{flex: 1; overflow: hidden; /* display: flex; flex-wrap: wrap; */}
/* .about_history_box .about_history_item{width: 31.373%; margin-right: 2.9405%;}
.about_history_box .about_history_item:nth-child(3n){margin-right: 0;} */
.about_history_box .about_history_item .about_history_content{padding: 13.125% 11.875% 10.313%; border-width: 1px; border-style: solid; border-color: var(--bg-gray-d) var(--bg-gray-d) transparent var(--bg-gray-d);}
.about_history_box .about_history_item .about_history_year{font-family: var(--font-bold); font-size: var(--font-size-40); line-height: 1.15; color: var(--color-black-2); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word;}
.about_history_box .about_history_item .about_history_desc{font-size: var(--font-size-16); line-height: 1.625; margin-top: 12px; height: 182px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-word;}
.about_history_box .about_history_item .img{width: 100%; height: 0; padding-top: 68.75%; position: relative;}
.about_history_box .about_history_item .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_history_box .about_history_item:hover{background-color: var(--color-blue);}
.about_history_box .about_history_item:hover .about_history_content{border-color: var(--color-blue);}
.about_history_box .about_history_item:hover .about_history_year,
.about_history_box .about_history_item:hover .about_history_desc{color: var(--color-white);}
.about_history_box .about_history_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.about_factory_box{background-color: var(--bg-gray); margin-top: 109px;}
.about_factory_box .about_factory_wrapper{padding: 91px 0 90px;}
.about_factory_box .about_factory_info{display: flex; flex-direction: column; align-items: center; text-align: center;}
.about_factory_box .about_factory_info > .about_desc{max-width: 1070px; margin-top: 25px;}
.about_factory_box .about_factory_list{display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; margin-top: 65px;}
.about_factory_box .about_factory_list .about_factory_item{padding: 0 10px;}
.about_factory_box .about_factory_item .about_factory_number{font-family: var(--font-bold); font-size: var(--font-size-50); line-height: 1; color: var(--color-blue);}
.about_factory_box .about_factory_item .about_desc{color: var(--color-black-9); margin-top: 17px;}
.about_factory_box .about_factory_wrapper .about_card{margin-top: 101px;}
.about_work_box{margin-top: 110px;}
.about_work_box .work_tab_box{display: flex; justify-content: space-between; align-items: center;}
.about_work_box .work_tab_list{flex: 1; display: flex; align-items: flex-start; flex-wrap: wrap;}
.about_work_box .work_tab_list .work_tab_item{font-family: var(--font-bold); font-size: var(--font-size-20); line-height: 2.1; color: var(--bg-gray-8); padding: 0 22px; border: 1px solid var(--bg-gray-c); border-radius: 44px; cursor: pointer; margin-right: 12px; margin-bottom: 4px;}
.about_work_box .work_tab_list .work_tab_item:last-child{margin-right: 0;}
.about_work_box .work_tab_list .work_tab_item.on,
.about_work_box .work_tab_list .work_tab_item:hover{background-color: var(--color-blue); border-color: var(--color-blue); color: var(--color-white);}
.about_work_box .about_work_arrow{margin-bottom: 4px;}
.about_work_box .about_work_arrow .about_arrow_box{display: none;}
.about_work_box .about_work_arrow .about_arrow_box.on{display: flex;}
.about_work_box .work_list_box{margin-top: 30px;}
.about_work_box .work_list_box .about_work_list{display: none; /* flex-wrap: wrap; */ width: 100%;}
.about_work_box .work_list_box .about_work_list.on{display: block;}
/* .about_work_box .about_work_list .about_work_item{width: 32.286%; margin-right: 1.571%; position: relative;}
.about_work_box .about_work_list .about_work_item:nth-child(3n){margin-right: 0;} */
.about_work_box .about_work_list .about_work_item{position: relative;}
.about_work_box .about_work_item .img{width: 100%; height: 0; padding-top: 75%; position: relative;}
.about_work_box .about_work_item .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_work_box .about_work_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.about_work_box .about_work_item .about_work_info{display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, .2) 100%); padding: 5.09%; position: absolute; left: 0; top: 0;}
.about_work_box .about_work_item .about_work_info .about_work_title{font-size: var(--font-size-18); line-height: 1.445; color: var(--color-white);}
.about_lab_box{margin-top: 110px;}
.about_testing_box{background-color: var(--bg-gray); padding: 90px 0; margin-top: 90px;}
.about_testing_box .about_testing_wrapper{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about_testing_box .about_testing_card{width: 50%; background-color: var(--color-white);}
.about_testing_box .about_testing_card .about_testing_item{display: none;}
.about_testing_box .about_testing_card .about_testing_item.on{display: block;}
.about_testing_box .about_testing_item .img{width: 100%; height: 0; padding-top: 50%; position: relative;}
.about_testing_box .about_testing_item .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_testing_box .about_testing_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.about_testing_box .about_testing_item .about_testing_content{padding: 3.143% 4.286% 5.43%;}
.about_testing_box .about_testing_info{width: 44.286%; padding: 12px 0;}
.about_testing_box .about_testing_info .about_desc{margin-top: 12px;}
.about_testing_box .about_testing_list{width: max-content; max-width: 100%; margin-top: 30px;}
.about_testing_box .about_testing_list .about_testing_btn{font-family: var(--font-bold); font-size: var(--font-size-20); line-height: 2.2; color: var(--bg-gray-8); background-color: var(--color-white); border-radius: 44px; cursor: pointer; padding: 0px 22px; margin-top: 10px;}
.about_testing_box .about_testing_list .about_testing_btn:hover,
.about_testing_box .about_testing_list .about_testing_btn.on{background-color: var(--color-blue); color: var(--color-white);}
.about_testing_box .about_testing_info .about_arrow_box{margin-top: 22px;}
.about_testing_box .about_testing_info .about_arrow_box .about_arrow{border: none; background-color: var(--color-white); margin-right: 10px;}
.about_testing_box .about_testing_info .about_arrow_box .about_arrow::before{background-color: var(--color-black-9);}
.about_testing_box .about_testing_info .about_arrow_box .about_arrow::after{border-color: transparent transparent var(--color-black-9) var(--color-black-9);}
.about_testing_box .about_testing_info .about_arrow_box .about_arrow:hover{background-color: var(--color-blue);}
.about_testing_box .about_testing_info .about_arrow_box .about_arrow:hover::before{background-color: var(--color-white);}
.about_testing_box .about_testing_info .about_arrow_box .about_arrow:hover::after{border-color: transparent transparent var(--color-white) var(--color-white);}
.about_raw_box{display: flex; flex-direction: column; align-items: center; margin-top: 83px;}
.about_raw_box .about_desc{max-width: 1060px; text-align: center; margin-top: 22px;}
.about_raw_box .about_raw_list{display: flex; flex-wrap: wrap; width: 100%; margin-top: 41px;}
.about_raw_box .about_raw_list .about_raw_item{width: 32.286%; margin-right: 1.571%; position: relative;}
.about_raw_box .about_raw_list .about_raw_item:nth-child(3n){margin-right: 0;}
.about_raw_box .about_raw_item .img{width: 100%; height: 0; padding-top: 75%; position: relative;}
.about_raw_box .about_raw_item .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_raw_box .about_raw_item:hover .img img{transform: translate(-50%, -50%) scale(1.1);}
.about_raw_box .about_raw_item .about_raw_info{display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, .2) 100%); padding: 5.09%; position: absolute; left: 0; top: 0;}
.about_raw_box .about_raw_item .about_raw_info .about_raw_title{font-size: var(--font-size-18); line-height: 1.445; color: var(--color-white);}
.about_sustainability_box{background-color: var(--bg-gray); margin-top: 110px;}
.about_sustainability_box .about_sustainability_wrapper{display: flex; justify-content: center; padding: 60px 0;}
.about_sustainability_box .about_sustainability_wrapper .about_desc{max-width: 1090px; text-align: center;}

/* @media screen and (max-width: 1240px){
	.detail_features_list .detail_features_item{max-width: 28%;}
} */

@media screen and (max-width: 991px){
	:root{
		--font-size-13: 12px;
		--font-size-14: 12px;
		--font-size-15: 12px;
		--font-size-16: 13px;
		--font-size-18: 13px;
		--font-size-20: 15px;
		--font-size-22: 15px;
		--font-size-24: 15px;
		--font-size-26: 18px;
		--font-size-30: 19px;
		--font-size-36: 21px;
		--font-size-40: 21px;
		--font-size-46: 26px;
		--font-size-50: 28px;
	}

	.detail_features_list .detail_features_item .img{width: 55px; height: 55px;}

	.desc_box .desc_title{--font-size-30: 18px;}
	.desc_box .desc_text{line-height: 1.385;}
	.desc_box .video_box,
	.desc_box .param_box,
	.desc_box .app_box,
	.desc_box .use_box{margin-top: 16px;}
	.desc_box .video_box .video_info,
	.desc_box .video_box .video_content{width: 100%;}
	.desc_box .video_box .video_content{margin-top: 14px;}
	/* .desc_box .param_box{margin-top: 34px;} */
	.desc_box .param_box .param_table{margin-top: 10px; overflow: hidden; overflow-x: scroll;}
	.desc_box .param_box .param_table table tr:first-child::after{height: 3px;}
	.desc_box .param_box .param_table table tr td{min-width: 155px; line-height: 1.385; padding: 15px;}
	.desc_box .param_box .param_table table tr:first-child td{--font-size-18: 14px;}
	/* .desc_box .app_box{margin-top: 25px;} */
	.desc_box .app_box .app_item .app_info{margin-top: 10px;}
	.desc_box .app_box .app_item .app_info .app_title{--font-size-18: 15px;}
	.desc_box .app_box .app_item .app_info .desc_text{margin-top: 0;}
	/* .desc_box .use_box{margin-top: 15px;} */
	.desc_box .use_box .use_wrapper{margin-top: 6px;}
	.desc_box .use_box .use_list,
	.desc_box .use_box .img{width: 100%;}
	.desc_box .use_box .use_list{padding: 0;}
	.desc_box .use_box .use_list .use_item{padding-left: 28px;}
	.desc_box .use_box .use_list .use_item::before{width: 15px; height: 15px; left: 0; top: 4px;}
	.desc_box .use_box .use_list .use_item::after{width: 6px; height: 10px; left: 5px; top: 5px;}
	.desc_box .use_box .img{margin-top: 36px;}

	.blog_content,
	.blog_content *{line-height: 1.348;}
	.blog_content ul li{padding-left: 13px;}
	.blog_content ul li::before{width: 7px; height: 7px; top: 6px;}

	.contact_form_box{padding-bottom: 25px;}
	.contact_desc{line-height: 1.385;}
	.contact_map_box{padding: 77px 0 125px;}
	.contact_map_box .contact_desc{margin-top: 10px;}
	.contact_map_box .img{margin-top: 70px;}
	.contact_form_box .contact_form_wrapper{flex-wrap: wrap;}
	.contact_form_box .contact_info_box{width: 100%; margin-right: 0; transform: translateY(-55px);}
	.contact_form_box .contact_info_box > .img{padding-top: 130.435%;}
	.contact_form_box .contact_info_box .contact_info{padding: 35px 30px;}
	.contact_form_box .contact_info .contact_desc{margin-top: 8px;}
	.contact_form_box .contact_info .share{margin-top: 28px;}
	.contact_form_box .contact_info .foot_share .foot_share_box{width: 30px; height: 30px;}
	.contact_form_box .contact_form{padding: 0; transform: translateY(-5px);}
	.contact_form_box .contact_form .ueeshop_responsive_article_feedback .txt{--font-size-24: 16px; line-height: 1.375;}
	.contact_factory_box{padding: 22px 0 41px;}
	.contact_factory_box .contact_title{display: none;}
	.contact_factory_box .contact_factory_list .contact_factory_item{margin-top: 28px;}
	.contact_factory_box .contact_factory_item .contact_factory_info{margin-top: 16px;}
	.contact_factory_box .contact_factory_info .contact_factory_name{--font-size-24: 17px;}
	.contact_factory_box .contact_factory_item .contact_method_box{margin-top: 8px;}
	.contact_factory_box .contact_method_box .contact_method_item{line-height: 1.924; padding-left: 24px; background-size: 14px;}

	.about_box{padding-bottom: 50px;}
	.about_title_box{padding: 30px 0;}
	.about_link{min-width: 150px; margin-top: 20px;}
	.about_tips_list{margin-top: 15px;}
	.about_tips{margin-top: 5px;}
	.about_card_box{margin-top: 40px;}
	.about_card_box[data="water"],
	.about_card_box[data="package"]{margin-top: 30px;}
	.about_card .img,
	.about_card .about_card_info{width: 100%;}
	.about_card .about_card_info{padding: 0; margin-top: 20px;}
	.about_group_box{padding: 40px 0;}
	.about_group_box .about_group_list{grid-template-columns: repeat(2, 1fr); margin-top: 30px;}
	.about_group_box .about_group_list .about_group_item{height: auto; justify-content: flex-start; padding: 28px 10px;}
	.about_group_box .about_group_list .about_group_item .img{width: 30px; height: 30px;}
	.about_group_box .about_group_list .about_group_item .about_group_number{margin-top: 15px;}
	.about_group_box .about_group_list .about_group_item .about_group_number::after{transform: translateY(-10px);}
	.about_history_box{flex-wrap: wrap; margin-top: 50px;}
	.about_history_box .about_history_info{width: 100%; margin-right: 0; padding: 0;}
	.about_history_box .about_history_info .about_desc{margin-top: 10px;}
	.about_history_box .about_history_info .about_arrow_box{margin-top: 30px;}
	.about_history_box .about_history_swiper{width: 100%; margin-top: 0; overflow: unset;}
	.about_history_box .about_history_item .about_history_content{padding: 20px;}
	.about_history_box .about_history_item .about_history_desc{height: auto;}
	.about_factory_box{margin-top: 50px;}
	.about_factory_box .about_factory_wrapper{padding: 40px 0;}
	.about_factory_box .about_factory_info > .about_desc{margin-top: 10px;}
	.about_factory_box .about_factory_list{flex-direction: column; margin-top: 0;}
	.about_factory_box .about_factory_list .about_factory_item{margin-top: 30px;}
	.about_factory_box .about_factory_item .about_desc{margin-top: 0;}
	.about_factory_box .about_factory_wrapper .about_card{margin-top: 50px;}
	.about_work_box{margin-top: 50px;}
	.about_work_box .work_tab_box{flex-direction: column; align-items: flex-start;}
	.about_work_box .work_tab_list .work_tab_item{margin-bottom: 12px;}
	.about_lab_box{margin-top: 50px;}
	.about_testing_box{padding: 40px 0; margin-top: 40px;}
	.about_testing_box .about_testing_wrapper{flex-direction: column-reverse;}
	.about_testing_box .about_testing_card,
	.about_testing_box .about_testing_info{width: 100%;}
	.about_testing_box .about_testing_info{padding: 0; margin-bottom: 20px;}
	.about_testing_box .about_testing_info .about_desc{margin-top: 6px;}
	.about_testing_box .about_testing_list{margin-top: 15px;}
	.about_testing_box .about_testing_list .about_testing_btn{margin-top: 5px;}
	.about_testing_box .about_testing_info .about_arrow_box{margin-top: 10px;}
	.about_raw_box{margin-top: 40px;}
	.about_raw_box .about_desc{margin-top: 10px;}
	.about_raw_box .about_raw_list{margin-top: 0;}
	.about_sustainability_box{margin-top: 50px;}
	.about_sustainability_box .about_sustainability_wrapper{padding: 30px 0;}
}

@media screen and (max-width: 520px){
	.about_work_box .work_list_box{margin-top: 0;}
	.contact_factory_box .contact_factory_list .contact_factory_item,
	.about_history_box .about_history_item,
	.about_work_box .about_work_list .about_work_item,
	.about_raw_box .about_raw_list .about_raw_item{width: 100%; margin-right: 0; margin-top: 20px;}

	.desc_box .app_box .app_list .app_item{width: 100%; margin: 12px 0 15px;}
}


.about_group_core{text-align: left;}
.about_group_core .about_group_core_item{font-size: var(--font-size-18);line-height: 1.667;color: var(--color-black-4);}
.about_group_core .about_group_core_item b,
.about_group_core .about_group_core_item em,
.about_group_core .about_group_core_item strong{font-weight: bold !important;}
