:root{
       --color-fefefe: #fefefe;
       --color-ffffff: #ffffff;
       --color-5048a3: #5048a3;
       --color-eff4fd: #eff4fd;
       --size-60: 3.125vw;
       --size-24: 1.25vw;
       --size-36: 1.875vw;
       --size-48: 2.5vw;
       --size-30: 1.5625vw;
    }
    .ly_other_2 { display: none;}
    .ly_article_1 .article_content_box .article_title { display: none;}
    .ly_article_1 .wide { width:100%;}
    * { margin: 0; text-decoration: none; padding: 0; list-style-type: none; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    img { max-width: 100%; max-height: 100%;}
    .public_img { font-size: 0;}
    .public_content_w1440 { margin: 0 auto; width: 1440px; max-width: 83.3%; }
    .public_content_w1075 { margin: 0 auto; width: 1075px; max-width: 60%;}
    .header { width: 100%; height: 102px;}
    .family_poppins_bold { font-family: 'Poppins-Bold';}
    .family_poppins_regular { font-family: 'Poppins-Regular';}
    .family_poppins_semiBold { font-family: 'Poppins-SemiBold';}
    .text .type { font-size: 24px; color: var(--color-5048a3);}
    .text .title { font-size: var(--size-48); color: var(--color-5048a3);}
    .text .pla { font-size: 16px; color: var(--color-5048a3);}
    .text { text-align: center;}
    .brand_banner { position: relative;}
    .brand_banner .content_text { position: absolute; width: 55%;height: 80%; text-align: center; left: 49.7%; top: 50%; transform: translate(-50%,-50%); color: var(--color-ffffff); }
    .brand_banner .content_text .content_text_in { width: 100%; text-align: center;}
    .brand_banner .content_text .title { font-size: var(--size-60);color: var(--color-fefefe); }
    .brand_banner .content_text .subtitle { font-size: var(--size-24); margin-top: -6px; margin-left: 7px;}
    .brand_banner .content_text .name { font-size: var(--size-36);}
    .brand_banner .content_text .pla  { font-size: 16px; margin-top: 16px; line-height: 1.7; }
    .brand_banner .content_text .second_paragraph {width: 92.8%; margin: 0 auto; line-height: 1.6;}
    .quality_improvement { padding: 97px 0px 105px; }
    .quality_improvement .quality_improvement_content { display: flex; align-items: center; justify-content: space-between;}
    .quality_improvement .quality_improvement_content .quality_improvement_text { width: 46%; color: var(--color-5048a3); margin-top: 29px;}
    .quality_improvement .quality_improvement_content .quality_improvement_text .title { font-size: var(--size-36); }
    .quality_improvement .quality_improvement_content .quality_improvement_text .pla { font-size: 16.03px; line-height: 22.04px; margin-top: 6px; margin-left: 5px;}
    .quality_improvement .quality_improvement_content .image .radius{ overflow: hidden; border-top-left-radius: 60px; border-bottom-right-radius: 60px; }
    .quality_improvement .quality_improvement_content .image .radius img { width: 100%; height: 100%; object-fit: cover;}
    .produce { background-color: var(--color-eff4fd);padding: 60px 0px 120px; }
    .produce .produce_content { }
    .produce .produce_content .text { text-align: center; }
    .produce .produce_content .pla { width: 49%; margin: 0 auto; line-height: 1.5; margin-top: 26px;}
    .produce .produce_content .second_paragraph {color: var(--color-5048a3); width: 49.2%; margin: 1px auto 41px; line-height: 1.5;}
    .produce .produce_content .images .background_img{ overflow: hidden; border-top-left-radius: 50px; border-bottom-right-radius: 50px; position: relative; height: 0; padding-top: 45.487%;}
    .produce .produce_content .images .background_img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;}
    .workshop { padding: 80px 0px 111px;}
    .workshop .workshop_content .text .title { margin-top: 7px;}
    .workshop .workshop_content .second_paragraph { color: var(--color-5048a3); width: 56%; margin: 0 auto 92px; line-height: 1.2;}
    .workshop .workshop_content .pla { width: 57%; margin: 18px auto 84px; line-height: 1.5;}
    .workshop .workshop_content .images_arr { background-color: var(--color-eff4fd); padding:52px 120px ; border-radius: 20px;}
    .workshop .workshop_content .images_arr .images_arr_in { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px;}
    .workshop .workshop_content .images_arr .images_arr_in .background_img { position: relative; height: 0; padding-top: 121.15%; overflow: hidden;}
    .workshop .workshop_content .images_arr .images_arr_in .background_img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;}
    .partner { background-color: #41ddb3; padding: 81px 0px 100px;}
    .partner .partner_content .pla { width: 54%; text-align: center; margin: 6px auto 68px; line-height: 1.5;}
    .partner .partner_content .title { margin-top: 9px;}
    .partner .partner_content .background_img { border-radius: 30px; position: relative; height: 0; padding-top: 34.2334%; overflow: hidden;}
    .partner .partner_content .background_img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;}
    .customer_service { padding: 90px 0px 80px;}
    .customer_service .customer_service_content .text { margin-bottom: 106px;}
    .customer_service .customer_service_content .item_arr { display: flex; justify-content: space-between; padding: 0px 70px; flex-wrap: wrap;}
    .customer_service .customer_service_content .item_arr .title { font-size: var(--size-30); color: var(--color-5048a3);text-align: center; margin-top: 48px;}
    .customer_service .customer_service_content .item_arr .brief { display: block; color: var(--color-5048a3); font-size: 18px;text-align: center; margin-top: 15px;}
    .customer_service .customer_service_content .item_arr .item{ width: 15%;}
    .customer_service .customer_service_content .item_arr .item .icon{ display: flex; justify-content: center;}
    @media screen and (max-width:1700px ){
       .brand_banner .content_text { height: 90%;}
    }
    @media screen and (max-width:1550px ){
       .quality_improvement .quality_improvement_content .quality_improvement_text { margin-right: 50px;}
    }
    @media screen and (max-width:1520px ){
       .brand_banner .content_text { width: 70%;}
       .brand_banner .content_text .pla { margin-top: 4px;}
    }
    @media screen and (max-width:1400px ){
       .workshop .workshop_content .images_arr { padding: 30px 60px;}
    }
    @media screen and (max-width:1350px ){
       .brand_banner .content_text { width: 90%;}
       .partner .partner_content .pla { width: 65%;}
       .public_content_w1075 { max-width: 70%;}
    }
    @media screen and (max-width:1300px ){
       .brand_banner .content_text .pla { font-size: 14px; line-height: 1.4;}
       .brand_banner .content_text .second_paragraph {font-size: 14px; line-height: 1.4; }
    }
    @media screen and (max-width:991px ){
       :root{
           --size-60: 6.05449041372vw;
           --size-24: 2.42179616549vw;
           --size-48: 4.84359233098vw;
           --size-30: 0.30272452069vw;
       }
       .brand_banner .content_text { position: static; transform:none; color: #5048a3; width: 100%; padding: 30px 30px 0px; box-sizing: border-box;}
       .brand_banner .content_text .title { color: #5048a3;}
       .brand_banner .content_text .content_text_in { text-align: left;}
       .brand_banner .content_text .second_paragraph { width: 100%;}
       .brand_banner .content_text .subtitle { font-size: 20px; margin-left: 0px;}
       .text .type { font-size: 20px;}
       .brand_banner .content_text .name { font-size: 16px;}
       .quality_improvement{ padding: 20px 0px;}
       .quality_improvement .quality_improvement_content { flex-direction: column-reverse; }
       .quality_improvement .quality_improvement_content .quality_improvement_text { width: 100%; margin-right: 0px; }
       .quality_improvement .quality_improvement_content .quality_improvement_text .title { font-size: 20px;}
       .quality_improvement .quality_improvement_content .quality_improvement_text .pla { margin-left: 0px;}
       .quality_improvement .quality_improvement_content .image { width: 100%;}
       .public_content_w1440 { max-width: 86.3%;}
       .produce { padding: 30px 0px 60px;}
       .produce .produce_content .pla { width: 82%; margin-top: 10px;}
       .produce .produce_content .second_paragraph { width: 84%; margin: 0px auto 20px;}
       .workshop .workshop_content .images_arr { padding: 20px 30px;}
       .workshop .workshop_content .images_arr .images_arr_in { grid-template-columns: 1fr 1fr 1fr 1fr;}
       .workshop { padding: 30px 0px 50px;}
       .workshop .workshop_content .pla { margin: 5px 0px 30px; width: 100%;}
       .partner .partner_content .title { line-height: 1.3; }
       .partner {padding: 20px 0px 50px; }
       .partner .partner_content .pla { width: 80%; margin: 0px auto 20px;}
       .public_content_w1075 { min-width: 90%;}
       .customer_service { padding: 20px 0px;}
       .customer_service .customer_service_content .text { margin-bottom: 20px;}
       .customer_service .customer_service_content .item_arr { padding: 0px 10px; }
       .customer_service .customer_service_content .item_arr .title { font-size: 20px; margin-top: 20px;}
       .customer_service .customer_service_content .item_arr .item { width: 48%; margin-top: 20px;}
    }
    @media screen and (max-width:750px ){
       .workshop .workshop_content .images_arr .images_arr_in { grid-template-columns: 1fr 1fr;}
       .brand_banner .content_text .pla {margin-top: 40px;}
       .brand_banner .content_text .second_paragraph { margin: 40px 0px;}
       .quality_improvement .quality_improvement_content .quality_improvement_text .pla ,
       .produce .produce_content .pla,
       .produce .produce_content .second_paragraph,
       .workshop .workshop_content .pla,.partner .partner_content .pla,
       .text .pla,
       .customer_service .customer_service_content .item_arr .brief{ font-size:14px; }
    }