/* pages.css — inner-page templates (About, Contact, Products, Applications, News, Video, Search, Success, 404).
   Derived from the original theme stylesheet; recoloured to the Hengyou palette. Loaded on every page except the front page. */
.pro_det_r_text table{border-collapse:collapse;}
.pro_drop_menu{display:none;position:absolute;z-index:5;top:100%;left:0;width:100%;background:#F5F5F5;box-shadow:0 4px 10px rgba(0,0,0,.25);padding:45px 45px 35px;}
.pro_drop_menu1{display:grid;grid-template-columns:fit-content(300px) fit-content(320px) minmax(0,1fr);column-gap:clamp(28px,2.8vw,48px);align-items:start;}
.pro_drop_menu1_01_tt a{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.pro_drop_menu1_01_tt a .iconfont{width:25px;font-size:20px;color:var(--hue);margin-top:4px;}
.pro_drop_menu1_01_tt a span{width:calc(100% - 25px);color:#444;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.pro_drop_menu1_01_tt a:hover span{color:var(--hue);text-decoration:underline;}
.pro_drop_menu1_01_list{padding:15px 0 0 25px;}
.pro_drop_menu1_01_list a{display:block;font-size:16px;color:#666;margin-bottom:8px;}
.pro_drop_menu1_01_list a:hover{color:var(--hue);}
.pro_drop_menu1_03_tt{font-size:20px;color:#444;padding-bottom:24px;}
.pro_drop_menu1_03_list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:18px;}
.pro_drop_menu1_01,.pro_drop_menu1_02,.pro_drop_menu1_03{width:auto;min-width:0;}
.subPage_banner{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.subPage_banner_w{height:clamp(12.5rem, 3.415rem + 38.25vw, 42.625rem);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.subPage_banner1{width:100%;max-width:630px;}
.subPage_banner1 .title{color:#FFF;}
.subPage_banner1 .text{color:#FFF;padding-top:clamp(0.5rem, 0.425rem + 0.32vw, 0.75rem);}
.conBoxOne1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.conOne1_l{width:44.2%;}
.conOne1_l_01{color:var(--hue);}
.conOne1_l_02{color:var(--hue);padding-top:clamp(0.75rem, 0.448rem + 1.27vw, 1.75rem);}
.conOne1_l_03{color:#666;padding-top:clamp(0.313rem, 0.181rem + 0.56vw, 0.75rem);padding-bottom:clamp(1.125rem, 0.861rem + 1.11vw, 2rem);}
.conOne1_l_04_item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.conOne1_l_04_item .iconfont{font-size:clamp(1.625rem, 1.361rem + 1.11vw, 2.5rem);color:var(--hue);text-align:center;width:clamp(2.375rem, 1.866rem + 2.14vw, 4.063rem);height:clamp(2.375rem, 1.866rem + 2.14vw, 4.063rem);line-height:clamp(2.375rem, 1.866rem + 2.14vw, 4.063rem);border-radius:50%;background:#E5E5E5;}
.conOne1_l_04_item .r_box{width:calc(100% - clamp(2.375rem, 1.866rem + 2.14vw, 4.063rem));padding-left:clamp(0.75rem, 0.562rem + 0.79vw, 1.375rem);padding-top:clamp(0rem, -0.075rem + 0.32vw, 0.25rem);}
.conOne1_l_04_item .r_box .title{color:#666;}
.conOne1_l_04_item .r_box .text{color:#666;padding-top:clamp(0rem, -0.038rem + 0.16vw, 0.125rem);}
.conOne1_l_04_item .r_box .text a{color:#666;}
.conOne1_l_04_item .r_box .text a:hover{color:var(--hue);text-decoration:underline;}
.conOne1_l_04{display:grid;grid-template-columns:repeat(1,1fr);row-gap:clamp(0.625rem, 0.323rem + 1.27vw, 1.625rem);}
.conOne1_l_05{padding-top:clamp(1.125rem, 0.805rem + 1.35vw, 2.188rem);}
.conOne1_l_05_tt{color:var(--hue);padding-bottom:clamp(0.625rem, 0.512rem + 0.48vw, 1rem);}
.conOne1_l_05_media{column-gap:7px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.conOne1_l_05_media a{display:block;font-size:clamp(1.125rem, 1.012rem + 0.48vw, 1.5rem);color:#fff;text-align:center;width:clamp(1.75rem, 1.524rem + 0.95vw, 2.5rem);height:clamp(1.75rem, 1.524rem + 0.95vw, 2.5rem);line-height:clamp(1.75rem, 1.524rem + 0.95vw, 2.5rem);border-radius:50%;}
.conOne1_l_05_media a:hover{-ms-transform:translateY(-6px);-webkit-transform:translateY(-6px);transform:translateY(-6px);}
.conOne1_l_05_media>a:nth-child(1){background:rgba(11,47,102,.92);}
.conOne1_l_05_media>a:nth-child(2){background:#1D5FAE;}
.conOne1_l_05_media>a:nth-child(3){background:#3F5F8F;}
.conOne1_l_05_media>a:nth-child(4){background:#DD2E2E;}
.conOne1_l_05_media>a:nth-child(5){background:#F45858;}
.conOne1_r{width:50%;}
.conOne1_r_01{background:#FFF;border-radius:5px;box-shadow:0 3px 30px rgba(0,0,0,.2);padding:clamp(1.563rem, 1.317rem + 1.03vw, 2.375rem) clamp(0.938rem, 0.372rem + 2.38vw, 2.813rem) clamp(1.875rem, 1.762rem + 0.48vw, 2.25rem);}
.conOne1_r_01_1{color:var(--hue);padding-bottom:clamp(1.125rem, 0.993rem + 0.56vw, 1.563rem);}
.conOne1_r_form{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.conOne1_r_form .item{width:calc((100% - clamp(0.75rem, 0.637rem + 0.48vw, 1.125rem)) / 2);margin-bottom:clamp(0.75rem, 0.675rem + 0.32vw, 1rem);}
.conOne1_r_form .item .input_tt{color:#444;padding-bottom:clamp(0.125rem, 0.05rem + 0.32vw, 0.375rem);}
.conOne1_r_form .item .input_tt span{color:var(--hue);}
.conOne1_r_form .item input{font-family:"Inter-Regular","Arial","sans-serif";font-size:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);color:#333;width:100%;height:clamp(2.375rem, 2.318rem + 0.24vw, 2.563rem);border:1px solid #D3D3D3;background:#fff;padding:0 10px 0 15px;}
.conOne1_r_form .item.w_100{width:100%;}
.conOne1_r_form .item textarea{font-family:"Inter-Regular","Arial","sans-serif";font-size:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);color:#333;line-height:1.5;width:100%;height:clamp(6.25rem, 5.685rem + 2.38vw, 8.125rem);border:1px solid #D3D3D3;background:#fff;padding:12px 10px 10px 15px;resize:none;}
.conOne1_r_form .btn{width:100%;text-align:center;}
.conOne1_r_form .btn input{font-family:"Inter-Regular","Arial","sans-serif";font-size:16px;color:#fff;width:clamp(8.125rem, 6.806rem + 5.56vw, 12.5rem);height:clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);border-radius:5px;border:none;background:var(--hue);cursor:pointer;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.conOne1_r_form .btn input:hover{opacity:1;background:var(--hue-2,#164A8A);}
.conBoxTwo1 img{width:100%;}
.new_det_crumbs{background-image:linear-gradient(to right,#FFFFFF,#E5E5E5);}
.new_det_crumbs_w{padding-top:clamp(0.5rem, 0.274rem + 0.95vw, 1.25rem);padding-bottom:clamp(0.5rem, 0.274rem + 0.95vw, 1.25rem);}
.new_det_crumbs1{color:#444;}
.new_det_crumbs1 a{color:#444;}
.new_det_crumbs1 a:hover{text-decoration:underline;}
.new_deOne1{max-width:1236px;margin:0 auto;}
.new_deOne1_01{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.new_deOne1_01 .date{width:clamp(5rem, 4.585rem + 1.75vw, 6.375rem);height:clamp(5rem, 4.585rem + 1.75vw, 6.375rem);color:#fff;border-radius:50%;background:var(--hue);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.new_deOne1_01 .date span{line-height:1.3;}
.new_deOne1_01 .r_box{width:calc(100% - clamp(5rem, 4.585rem + 1.75vw, 6.375rem));padding-left:clamp(0.938rem, 0.561rem + 1.59vw, 2.188rem);}
.new_deOne1_01 .r_box .title{color:var(--hue);}
.new_deOne1_01 .r_box .bot_box{padding-top:clamp(0.375rem, 0.224rem + 0.63vw, 0.875rem);column-gap:clamp(0.75rem, 0.448rem + 1.27vw, 1.75rem);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.new_deOne1_01 .r_box .bot_box .every{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.new_deOne1_01 .r_box .bot_box .every .iconfont{font-size:24px;color:#888;}
.new_deOne1_01 .r_box .bot_box .every span{color:#888;padding:1px 0 0 4px;}
.new_deOne1_02{color:#666;padding-top:clamp(1.25rem, 1.062rem + 0.79vw, 1.875rem);padding-bottom:clamp(1.563rem, 0.714rem + 3.57vw, 4.375rem);}
.new_deOne1_03{padding-bottom:clamp(0.938rem, 0.617rem + 1.35vw, 2rem);border-bottom:1px solid #D0CFCF;column-gap:30px;row-gap:15px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.new_deOne1_03_l{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.new_deOne1_03_l .iconfont{font-size:24px;color:#444;}
.new_deOne1_03_l .text{color:#666;padding:0 10px 0 4px;}
.new_deOne1_03_r{width:200px;text-align:center;}
.new_deOne1_04{padding-top:clamp(1.25rem, 1.156rem + 0.4vw, 1.563rem);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.new_deOne1_04 .item a{column-gap:8px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;}
.new_deOne1_04 .item a .iconfont{font-size:24px;color:#444;}
.new_deOne1_04 .item a span{color:#444;}
.new_deOne1_04 .item a:hover .iconfont{color:var(--hue);}
.new_deOne1_04 .item a:hover span{color:var(--hue);text-decoration:underline;}
.new_deOne1_05{margin-top:clamp(2.5rem, 1.935rem + 2.38vw, 4.375rem);}
.new_deOne1_05 img{display:block;width:100%;}
.new_deTwo1{color:var(--hue);padding-bottom:clamp(1.125rem, 0.805rem + 1.35vw, 2.188rem);}
.new_deTwo2{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(0.75rem, 0.147rem + 2.54vw, 2.75rem);row-gap:clamp(1.125rem, 0.974rem + 0.63vw, 1.625rem);}
.vidBoxOne1{padding-bottom:clamp(1.563rem, 0.903rem + 2.78vw, 3.75rem);column-gap:clamp(0.75rem, 0.486rem + 1.11vw, 1.625rem);row-gap:10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.vidBoxOne1 .item a{display:block;width:clamp(9.375rem, 8.772rem + 2.54vw, 11.375rem);height:clamp(2.25rem, 2.08rem + 0.71vw, 2.813rem);line-height:clamp(2.25rem, 2.08rem + 0.71vw, 2.813rem);color:#fff;text-align:center;border-radius:5px;background:#3F5F8F;}
.vidBoxOne1 .item.hover a,.vidBoxOne1 .item a:hover{background:var(--hue);}
.vidBoxOne2{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(0.75rem, 0.562rem + 0.79vw, 1.375rem);row-gap:clamp(1.625rem, 0.984rem + 2.7vw, 3.75rem);}
.vidOne2_item .img_box{position:relative;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.vidOne2_item .img_box::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.vidOne2_item:hover .img_box::after{opacity:0;}
.vidOne2_item .img_box img{width:100%;}
.vidOne2_item:hover .img_box img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.vidOne2_item .img_box .play_btn{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:47px;}
.vidOne2_item .title{color:#444;padding-top:clamp(0.563rem, 0.355rem + 0.87vw, 1.25rem);-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.vidOne2_item:hover .title{color:var(--hue);}
.paging_padding{padding-top:clamp(2.188rem, 1.622rem + 2.38vw, 4.063rem);}
.public_paging .wp-pagenavi{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.public_paging .wp-pagenavi a{cursor:pointer;}
.public_paging .wp-pagenavi a,.public_paging .wp-pagenavi>span{display:block;font-size:clamp(1rem, 0.967rem + 0.14vw, 1.125rem);color:#232323;text-align:center;width:clamp(2rem, 1.849rem + 0.63vw, 2.5rem);height:clamp(2rem, 1.849rem + 0.63vw, 2.5rem);line-height:clamp(2rem, 1.849rem + 0.63vw, 2.5rem);padding:0;margin:0 clamp(0.25rem, 0.2rem + 0.21vw, 0.438rem);border-radius:4px;border:1px solid #ddd;background:#fff;}
.public_paging .wp-pagenavi a>span{border:none;padding:0;margin:0;}
.public_paging .wp-pagenavi a:hover{color:#fff;background:var(--hue);border-color:var(--hue);}
.public_paging .wp-pagenavi a.paginationjs-prev,.public_paging .wp-pagenavi a.paginationjs-next,.public_paging .wp-pagenavi a.previouspostslink,.public_paging .wp-pagenavi a.nextpostslink{width:clamp(4.375rem, 4.04rem + 1.41vw, 5.625rem);}
.public_paging .wp-pagenavi a.hover{color:#fff;background:var(--hue);border-color:var(--hue);}
.public_paging .wp-pagenavi>span.current{color:#fff;background:var(--hue);border-color:var(--hue);}
.newsBoxOne2{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(0.75rem, 0.599rem + 0.63vw, 1.25rem);row-gap:clamp(1.563rem, 1.468rem + 0.4vw, 1.875rem);}
.newsOne2_item a{display:block;height:100%;background:#FFF;box-shadow:0 3px 30px rgba(0,0,0,.2);}
.newsOne2_item a .img_box{-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.newsOne2_item a .img_box img{width:100%;}
.newsOne2_item a:hover .img_box img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.newsOne2_item a .bot_box{padding:clamp(0.938rem, 0.843rem + 0.4vw, 1.25rem) clamp(0.75rem, 0.599rem + 0.63vw, 1.25rem) clamp(1.25rem, 0.967rem + 1.19vw, 2.188rem);}
.newsOne2_item a .bot_box .date{color:#64748b;}
.newsOne2_item a .bot_box .title{color:var(--hue);padding-top:clamp(0.125rem, 0.068rem + 0.24vw, 0.313rem);}
.newsOne2_item a .bot_box .text{color:#5b6b82;padding-top:clamp(0.5rem, 0.425rem + 0.32vw, 0.75rem);}
.app_deBoxOne{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.app_deOne1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.app_deOne1_l{width:49.2%;}
.app_deOne1_l_01 .title{color:#FFF;}
.app_deOne1_l_01 .text{color:#FFF;padding-top:clamp(0.625rem, 0.587rem + 0.16vw, 0.75rem);}
.app_deOne1_l_02{color:#FFF;padding-top:clamp(0.938rem, 0.655rem + 1.19vw, 1.875rem);}
.app_deOne1_l_03{padding-top:clamp(1.125rem, 0.805rem + 1.35vw, 2.188rem);column-gap:clamp(0.75rem, 0.467rem + 1.19vw, 1.688rem);row-gap:10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.app_deOne1_l_03 a{display:block;color:var(--hue);padding:0 clamp(0.875rem, 0.573rem + 1.27vw, 1.875rem);height:clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);line-height:clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);border-radius:5px;border:1px solid var(--hue);background:#fff;}
.app_deOne1_l_03 a:hover{opacity:1;background:var(--hue-tint,#E6ECF5);}
.app_deOne1_r{width:44.4%;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.app_deOne1_r img{width:100%;}
.app_deOne1_r:hover img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.app_deBoxOne_w{padding-bottom:clamp(2.5rem, 1.6rem + 4.2vw, 6rem);}
.app_det_module_title .text{padding-top:clamp(0.75rem, 0.693rem + 0.24vw, 0.938rem);}
.app_deTwo1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(0.75rem, 0.034rem + 3.02vw, 3.125rem);row-gap:clamp(1.125rem, 0.861rem + 1.11vw, 2rem);}
.app_deTwo1_item{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.app_deTwo1_item .icon{width:clamp(2.875rem, 2.215rem + 2.78vw, 5.063rem);height:clamp(2.875rem, 2.215rem + 2.78vw, 5.063rem);border-radius:50%;background:#E5E5E5;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.app_deTwo1_item:hover .icon{transform:rotateY(180deg);}
.app_deTwo1_item .icon img{width:clamp(1.5rem, 1.18rem + 1.35vw, 2.563rem);}
.app_deTwo1_item .r_box{width:calc(100% - clamp(2.875rem, 2.215rem + 2.78vw, 5.063rem));padding-left:clamp(0.75rem, 0.411rem + 1.43vw, 1.875rem);}
.app_deTwo1_item .r_box .title{color:var(--hue);}
.app_deTwo1_item .r_box .text{color:#666;padding-top:8px;}
.app_deTwo2{margin-top:clamp(1.875rem, 1.31rem + 2.38vw, 3.75rem);}
.app_deTwo2 img{display:block;width:100%;}
.app_deThree1_item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.app_deThree1_item_l{width:25%;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.app_deThree1_item_l img{width:100%;}
.app_deThree1_item:hover .app_deThree1_item_l img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.app_deThree1_item_r{width:71.5%;}
.app_deThree1_item_r_01 .title{color:var(--hue);}
.app_deThree1_item_r_01 .text{color:#666;padding-top:clamp(0.375rem, 0.262rem + 0.48vw, 0.75rem);}
.app_deThree1_item_r_02 .every{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.app_deThree1_item_r_02 .every::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#666;margin-top:10px;}
.app_deThree1_item_r_02 .every span{width:calc(100% - 5px);color:#666;padding-left:10px;}
.app_deThree1_item_r_02{padding-top:clamp(0.625rem, 0.531rem + 0.4vw, 0.938rem);padding-left:10px;}
.app_deThree1_item_r_03{padding-top:clamp(1rem, 0.887rem + 0.48vw, 1.375rem);display:-ms-flexbox;display:-webkit-flex;display:flex;}
.app_deThree1{display:grid;grid-template-columns:repeat(1,1fr);row-gap:clamp(2.188rem, 1.905rem + 1.19vw, 3.125rem);}
.app_deFour1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.app_deFour1_l{width:43.8%;}
.app_deFour1_l_01{display:grid;grid-template-columns:repeat(1,1fr);row-gap:clamp(1rem, 0.812rem + 0.79vw, 1.625rem);}
.app_deFour1_l_01_item .title{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.app_deFour1_l_01_item .title::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--hue);margin-top:clamp(0.625rem, 0.606rem + 0.08vw, 0.688rem);}
.app_deFour1_l_01_item .title span{width:calc(100% - 5px);color:var(--hue);padding-left:10px;}
.app_deFour1_l_01_item .text{color:#666;padding-top:5px;}
.app_deFour1_r{width:50%;}
.app_deFour1_r img{width:100%;}
.app_deFour2{color:#666;padding-top:clamp(1.25rem, 0.496rem + 3.17vw, 3.75rem);}
.app_deFive1{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(0.75rem, 0.599rem + 0.63vw, 1.25rem);row-gap:26px;}
.app_deFive1_item a{display:block;}
.app_deFive1_item a .img_box{-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.app_deFive1_item a .img_box img{width:100%;}
.app_deFive1_item a:hover .img_box img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.app_deFive1_item a .title{color:#444;text-align:center;padding-top:clamp(0.625rem, 0.587rem + 0.16vw, 0.75rem);-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.app_deFive1_item a:hover .title{color:var(--hue);}
.appOne2_item a{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.appOne2_item_l{width:46%;}
.appOne2_item_l_01{color:var(--hue);}
.appOne2_item_l_02{color:var(--hue);padding-top:clamp(0.625rem, 0.531rem + 0.4vw, 0.938rem);}
.appOne2_item_l_03{color:#666;padding-top:clamp(0.625rem, 0.512rem + 0.48vw, 1rem);}
.appOne2_item_l_04{padding-top:clamp(1.063rem, 0.817rem + 1.03vw, 1.875rem);display:-ms-flexbox;display:-webkit-flex;display:flex;}
.appOne2_item_r{width:48.6%;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.appOne2_item_r img{width:100%;}
.appOne2_item a:hover .appOne2_item_r img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.appBoxOne2{display:grid;grid-template-columns:repeat(1,1fr);row-gap:clamp(2.188rem, 1.754rem + 1.83vw, 3.625rem);}
.appBoxOne2>.appOne2_item:nth-child(even) a{-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.aboBoxOne{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.aboBoxOne1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.aboOne1_l{width:46.3%;}
.aboOne1_l_01 .title{color:var(--hue);}
.aboOne1_l_01 .text{color:#666;padding-top:clamp(0.625rem, 0.437rem + 0.79vw, 1.25rem);}
.aboOne1_r{width:46.9%;}
.aboOne1_r_01{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(0.75rem, 0.411rem + 1.43vw, 1.875rem);row-gap:clamp(1rem, 0.359rem + 2.7vw, 3.125rem);}
.aboBoxOne2{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.aboOne2_l{width:44.7%;}
.aboOne2_l_lunbo .item img{width:100%;}
.aboOne2_r{width:47.2%;}
.aboOne2_r_01{color:var(--hue);}
.aboOne2_r_02{color:#666;padding-top:clamp(0.625rem, 0.437rem + 0.79vw, 1.25rem);}
.aboOne2_r_03{color:#666;padding-top:clamp(1rem, 0.83rem + 0.71vw, 1.563rem);}
.aboOne2_r_04{padding-top:14px;column-gap:12px;row-gap:10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.aboBoxTwo{background:#F2F5F9;}
.aboBoxTwo2{position:relative;}
.aboTwo2_lunbo .item{border-radius:10px;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.aboTwo2_lunbo .item img{width:100%;}
.aboTwo2_lunbo .item:hover img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.aboTwo2_prev,.aboTwo2_next{position:absolute;z-index:2;top:50%;transform:translate(0,-50%);}
.aboTwo2_prev{left:13%;}
.aboTwo2_next{right:13%;}
.aboBoxThree1{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(0.75rem, 0.543rem + 0.87vw, 1.438rem);row-gap:clamp(0.75rem, 0.543rem + 0.87vw, 1.438rem);}
.aboThree1_01{display:grid;grid-template-columns:repeat(1,1fr);row-gap:11px;}
.aboThree1_every{-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.aboThree1_every img{width:100%;}
.aboThree1_every:hover img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.aboBoxFour{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.aboBoxFour1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.aboFour1_l{width:50.3%;}
.aboFour1_r{width:43.3%;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.aboFour1_r img{width:100%;}
.aboFour1_r:hover img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.aboBoxFive1{position:relative;}
.aboFive1_item{border:1px solid #DADADA;background:#EEE;padding:clamp(0.5rem, 0.462rem + 0.16vw, 0.625rem) clamp(0.5rem, 0.425rem + 0.32vw, 0.75rem);}
.aboFive1_item img{width:100%;}
.aboFive1_prev,.aboFive1_next{position:absolute;z-index:2;top:50%;transform:translate(0,-50%);}
.aboFive1_prev{left:-4.5%;}
.aboFive1_next{right:-4.5%;}
.aboBoxSix1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.aboSix1_l{width:43.8%;}
.aboSix1_l img{width:100%;}
.aboSix1_r{width:47.9%;}
.pro_deOne1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_deOne1_l{width:26.4%;display:grid;grid-template-columns:repeat(1,1fr);row-gap:15px;}
.pro_det_l_every_box{background:#FFF;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.15);padding:18px clamp(0.938rem, 0.749rem + 0.79vw, 1.563rem) 22px;}
.pro_det_l_every_tt{color:var(--hue);padding-bottom:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);}
.pro_deOne1_l_01_form{border:1px solid #DDD;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.pro_deOne1_l_01_form .s_inp{font-family:"Inter-Regular","Arial","sans-serif";font-size:14px;color:#444;width:calc(100% - 50px);height:38px;padding:0 8px 0 10px;border:none;background:none;}
.pro_deOne1_l_01_form .btn{font-size:26px;color:#888;width:50px;height:38px;border:none;background:none;}
.pro_deOne1_l_01_form .btn:hover{color:var(--hue);}
.pro_deOne1_l_02_list{display:grid;grid-template-columns:repeat(1,1fr);row-gap:20px;}
.pro_deOne1_l_02_list .item .title a{display:block;color:#444;padding-bottom:8px;}
.pro_deOne1_l_02_list .item .list_box a{display:block;color:#64748b;border-top:1px solid #E5E5E5;padding:5px 0;}
.pro_deOne1_l_02_list .item .list_box>a:last-child{border-bottom:1px solid #E5E5E5;}
.pro_deOne1_l_02_list .item .list_box a:hover{color:var(--hue);}
.pro_deOne1_l_03_list{column-gap:8px;row-gap:5px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pro_deOne1_l_03_list a{display:block;color:var(--hue,#0B2F66);background:#fff;border:1px solid rgba(11,47,102,.22);border-radius:999px;padding:0 10px;height:clamp(1.625rem, 1.55rem + 0.32vw, 1.875rem);line-height:clamp(1.625rem, 1.55rem + 0.32vw, 1.875rem);}
.pro_deOne1_l_03_list a:hover{color:#fff;background:var(--hue);border-color:var(--hue);}
.pro_deOne1_l_04_list{display:grid;grid-template-columns:repeat(1,1fr);row-gap:clamp(0.938rem, 0.843rem + 0.4vw, 1.25rem);}
.pro_deOne1_l_04_list .every a{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_deOne1_l_04_list .every a .img_box{width:35%;border-radius:10px;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.pro_deOne1_l_04_list .every a .img_box img{width:100%;}
.pro_deOne1_l_04_list .every a:hover .img_box img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.pro_deOne1_l_04_list .every a .r_box{width:60%;}
.pro_deOne1_l_04_list .every a .r_box .title{color:#444;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.pro_deOne1_l_04_list .every a:hover .r_box .title{color:var(--hue);}
.pro_deOne1_l_04_list .every a .r_box .text{color:#666;padding-top:3px;}
.pro_deOne1_r{width:70%;}
.pro_deOne1_r_01{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_deOne1_r_01_l{width:48.1%;}
.pro_deOne1_r_01_l_lunbo .item{border-radius:10px;overflow:hidden;}
.pro_deOne1_r_01_l_lunbo .item img{width:100%;}
.pro_deOne1_r_01_l_bot{padding-top:14px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_deOne1_r_01_l_prev,.pro_deOne1_r_01_l_next{font-size:clamp(1.125rem, 1.012rem + 0.48vw, 1.5rem);color:#666;background:#FFF;border-radius:5px;outline:none;cursor:pointer;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.pro_deOne1_r_01_l_prev:hover,.pro_deOne1_r_01_l_next:hover{color:var(--hue);}
.pro_deOne1_r_01_l_dots{width:calc(100% - 32px - 32px);margin:0;}
.pro_deOne1_r_01_l_dots .item{border-radius:5px;overflow:hidden;border:1px solid #fff;cursor:pointer;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.pro_deOne1_r_01_l_dots .item img{width:100%;}
.pro_deOne1_r_01_l_dots .swiper-slide.swiper-slide-thumb-active .item{border-color:var(--hue);}
.pro_deOne1_r_01_r{width:47.6%;}
.pro_deOne1_r_01_r_1{color:var(--hue);}
.pro_deOne1_r_01_r_2{padding-top:clamp(0.625rem, 0.474rem + 0.63vw, 1.125rem);}
.pro_deOne1_r_01_r_2 .item{color:#666;margin-bottom:clamp(0.188rem, 0.169rem + 0.08vw, 0.25rem);}
.pro_deOne1_r_01_r_3{padding-top:clamp(0.938rem, 0.655rem + 1.19vw, 1.875rem);column-gap:clamp(0.75rem, 0.562rem + 0.79vw, 1.375rem);row-gap:10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pro_deOne1_r_02{padding-top:clamp(1.875rem, 0.933rem + 3.97vw, 5rem);}
.pro_deOne1_r_02_1{border-top:1px solid #666;column-gap:clamp(0.75rem, 0.147rem + 2.54vw, 2.75rem);row-gap:8px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pro_deOne1_r_02_1 .item a{display:block;color:#666;border-top:3px solid #fff;padding-top:16px;}
.pro_deOne1_r_02_1 .item a:hover{border-color:var(--hue);}
.pro_det_r_pt{padding-top:clamp(1.875rem, 1.592rem + 1.19vw, 2.813rem);}
.pro_det_r_title{padding-bottom:clamp(0.625rem, 0.55rem + 0.32vw, 0.875rem);display:-ms-flexbox;display:-webkit-flex;display:flex;}
.pro_det_r_title::before{content:"";display:block;width:clamp(0.75rem, 0.693rem + 0.24vw, 0.938rem);height:clamp(0.75rem, 0.693rem + 0.24vw, 0.938rem);border-radius:50%;background:var(--hue);margin-top:6px;}
.pro_det_r_title span{width:calc(100% - clamp(0.75rem, 0.693rem + 0.24vw, 0.938rem));color:#444;padding-left:clamp(0.625rem, 0.55rem + 0.32vw, 0.875rem);}
.pro_det_r_text{color:#666;}
.pro_deOne1_r_04_1{color:#666;}
.pro_det_r_text table{width:100%;}
.pro_det_r_text table tr td{text-align:center;border:1px solid #ddd;padding:clamp(0.5rem, 0.462rem + 0.16vw, 0.625rem);}
.pro_deOne1_r_07_1{color:#666;}
.pro_deBoxTwo{background:#F2F5F9;}
.pro_deTwo1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_deTwo1_l{width:29.9%;}
.pro_deTwo1_l_01{color:#666;padding-bottom:clamp(0.938rem, 0.843rem + 0.4vw, 1.25rem);}
.pro_deTwo1_l_02{padding-bottom:clamp(0.75rem, 0.505rem + 1.03vw, 1.563rem);}
.pro_deTwo1_l_02 .item{margin-bottom:clamp(0.375rem, 0.337rem + 0.16vw, 0.5rem);display:-ms-flexbox;display:-webkit-flex;display:flex;}
.pro_deTwo1_l_02 .item .iconfont{width:30px;font-size:22px;color:var(--hue);padding-top:1px;}
.pro_deTwo1_l_02 .item span{width:calc(100% - 30px);color:#666;}
.pro_deTwo1_l_03{width:50%;}
.pro_deTwo1_l_03 img{width:100%;}
.pro_deTwo1_r{width:65.6%;}
.pro_deTwo1_r_01 .title{color:var(--hue);text-transform:uppercase;}
.pro_deTwo1_r_01 .text{color:#666;padding-top:clamp(0.438rem, 0.381rem + 0.24vw, 0.625rem);}
.pro_deTwo1_r_form{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_deTwo1_r_form .item{width:calc((100% - clamp(0.75rem, 0.524rem + 0.95vw, 1.5rem)) / 2);margin-bottom:clamp(0.75rem, 0.637rem + 0.48vw, 1.125rem);}
.pro_deTwo1_r_form .item input{font-family:"Inter-Regular","Arial","sans-serif";font-size:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);color:#444;width:100%;height:clamp(2.375rem, 2.224rem + 0.63vw, 2.875rem);border:none;background:#FFF;border-radius:5px;padding:0 10px 0 15px;}
.pro_deTwo1_r_form .item.w_100{width:100%;}
.pro_deTwo1_r_form .item textarea{font-family:"Inter-Regular","Arial","sans-serif";font-size:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);color:#444;width:100%;height:clamp(5.625rem, 4.306rem + 5.56vw, 10rem);border:none;background:#FFF;border-radius:5px;padding:12px 10px 10px 15px;resize:none;}
.pro_deTwo1_r_form .btn{width:100%;}
.pro_deTwo1_r_form .btn input{font-family:"Inter-SemiBold";font-size:16px;color:#fff;width:clamp(10rem, 8.115rem + 7.94vw, 16.25rem);height:clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);border:none;border-radius:5px;background:var(--hue);cursor:pointer;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.pro_deTwo1_r_form .btn input:hover{opacity:1;background:var(--hue-2,#164A8A);}
.proBoxOne{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.proBoxOne_w{padding-bottom:clamp(2.5rem, 1.6rem + 4.2vw, 6rem);}
.proBoxOne1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.proOne1_l{width:47.2%;}
.proOne1_l_01{width:clamp(2.75rem, 2.203rem + 2.3vw, 4.563rem);}
.proOne1_l_01 img{width:100%;}
.proOne1_l_02{color:#FFF;padding-top:clamp(0.625rem, 0.531rem + 0.4vw, 0.938rem);}
.proOne1_l_03{color:#FFF;padding-top:clamp(0.625rem, 0.587rem + 0.16vw, 0.75rem);}
.proOne1_l_04{color:#FFF;padding-top:clamp(1.125rem, 0.937rem + 0.79vw, 1.75rem);}
.proOne1_l_05{padding-top:clamp(1.125rem, 0.805rem + 1.35vw, 2.188rem);column-gap:clamp(0.75rem, 0.486rem + 1.11vw, 1.625rem);row-gap:10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.proOne1_l_05 .public_page_btn2{color:var(--hue);background:#FFF;}
.proOne1_r{width:44.4%;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.proOne1_r img{width:100%;}
.proOne1_r:hover img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.proBoxTwo1{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(0.75rem, 0.599rem + 0.63vw, 1.25rem);row-gap:clamp(1.875rem, 1.385rem + 2.06vw, 3.5rem);align-items:stretch;}
/* 2.2.16: equal media box + meta/button alignment across product cards (archive / related / hub) */
.proTwo1_item_top{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:0;}
.proTwo1_item_top>a{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:0;height:100%;color:inherit;text-decoration:none;}
.proTwo1_item_top .img_box{display:block;aspect-ratio:4/3;overflow:hidden;background:#f0f4f9;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;-ms-flex:0 0 auto;-webkit-flex:0 0 auto;flex:0 0 auto;}
.proTwo1_item_top .img_box img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;}
.proTwo1_item:hover .proTwo1_item_top .img_box img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.proTwo1_item_top .bot_box{padding:clamp(0.938rem, 0.843rem + 0.4vw, 1.25rem) clamp(0.5rem, 0.274rem + 0.95vw, 1.25rem) 0;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.proTwo1_item_top .bot_box .title{color:#444;line-height:1.4;min-height:calc(1.4em * 2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.proTwo1_item:hover .proTwo1_item_top .bot_box .title{color:var(--hue);}
.proTwo1_item_top .bot_box .text{color:#666;padding-top:clamp(0.313rem, 0.294rem + 0.08vw, 0.375rem);line-height:1.45;min-height:calc(1.45em * 3 + 0.25rem);-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;}
.proTwo1_item_top .bot_box .text div{padding-top:clamp(0.063rem, 0.044rem + 0.08vw, 0.125rem);}
.proTwo1_item_bot{padding-top:clamp(0.875rem, 0.724rem + 0.63vw, 1.375rem);margin-top:auto;-ms-flex:0 0 auto;-webkit-flex:0 0 auto;flex:0 0 auto;}
.proTwo1_item_bot .btn{width:100%;height:clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);line-height:clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);color:var(--hue);text-align:center;border:1px solid var(--hue);border-radius:5px;background:#FFF;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.proTwo1_item:hover .proTwo1_item_bot .btn{color:#fff;background:var(--hue);}
.proBoxThree{background:#F2F5F9;}
.proBoxThree1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(0.75rem, 0.562rem + 0.79vw, 1.375rem);row-gap:22px;}
.proThree1_item{background:#FFF;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.proThree1_item_l{width:59.2%;-ms-perspective:900px;-moz-perspective:900px;-webkit-perspective:900px;perspective:900px;overflow:hidden;}
.proThree1_item_l img{width:100%;height:100%;object-fit:cover;}
.proThree1_item:hover .proThree1_item_l img{-ms-transform:translateZ(80px);-moz-transform:translateZ(80px);-webkit-transform:translateZ(80px);transform:translateZ(80px);-ms-transition:all 1.6s;-webkit-transition:all 1.6s;transition:all 1.6s;}
.proThree1_item_r{width:40.8%;padding:16px clamp(0.938rem, 0.749rem + 0.79vw, 1.563rem) 20px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.proThree1_item_r .title{color:#444;}
.proThree1_item_r .text{color:#5b6b82;padding-top:clamp(0.375rem, 0.3rem + 0.32vw, 0.625rem);}
.proBoxFour1{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(0.75rem, 0.448rem + 1.27vw, 1.75rem);row-gap:20px;}
.proBoxFour1>.proFour1_item:nth-child(1){background:var(--hue-2);}
.proBoxFour1>.proFour1_item:nth-child(2){background:#555;}
.proBoxFour1>.proFour1_item:nth-child(3){background:#3F5F8F;}
.proFour1_item{border-radius:10px;padding:clamp(1.563rem, 0.526rem + 4.37vw, 5rem) clamp(0.938rem, 0.655rem + 1.19vw, 1.875rem) clamp(1.25rem, 0.383rem + 3.65vw, 4.125rem);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.proFour1_item .icon{width:clamp(3.5rem, 1.087rem + 10.16vw, 11.5rem);margin:0 auto;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.proFour1_item:hover .icon{transform:rotateY(180deg);}
.proFour1_item .icon img{width:100%;}
.proFour1_item .title{color:#FFF;text-align:center;padding-top:clamp(0.75rem, 0.448rem + 1.27vw, 1.75rem);}
.proFour1_item_bot .text{max-width:280px;margin:0 auto;color:#FFF;padding-top:clamp(0.375rem, 0.149rem + 0.95vw, 1.125rem);text-align:center;}
.proBoxFive1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(0.75rem, -0.909rem + 6.98vw, 6.25rem);row-gap:clamp(1.875rem, 1.46rem + 1.75vw, 3.25rem);}
.proFive1_item .img_box img{width:100%;}
.proFive1_item .bot_box{padding:clamp(0.875rem, 0.649rem + 0.95vw, 1.625rem) clamp(0.75rem, 0.562rem + 0.79vw, 1.375rem) 0;}
.proFive1_item .bot_box .title{color:var(--hue);}
.proFive1_item .bot_box .text{color:#444;padding-top:clamp(0.375rem, 0.262rem + 0.48vw, 0.75rem);}
.proBoxSix1{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.proSix1_l{width:57.8%;}
.proSix1_l_01_item{border-bottom:1px solid #B7B7B7;padding:clamp(1rem, 0.83rem + 0.71vw, 1.563rem) 0;}
.proSix1_l_01_item_top{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.proSix1_l_01_item_top .iconfont{width:25px;font-weight:700;font-size:clamp(1.125rem, 1.087rem + 0.16vw, 1.25rem);color:#444;padding-top:clamp(0.125rem, 0.087rem + 0.16vw, 0.25rem);}
.proSix1_l_01_item_top span{width:calc(100% - 25px);color:#444;}
.proSix1_l_01_item_bot{color:#666;padding:clamp(0.375rem, 0.337rem + 0.16vw, 0.5rem) 0 0 25px;}
.proSix1_r{width:34.7%;padding:clamp(1.563rem, 1.28rem + 1.19vw, 2.5rem) clamp(0.938rem, 0.353rem + 2.46vw, 2.875rem) clamp(1.75rem, 1.241rem + 2.14vw, 3.438rem);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.proSix1_r_01{padding-bottom:clamp(1rem, 0.887rem + 0.48vw, 1.375rem);}
.proSix1_r_01 .title{color:#FFF;padding-bottom:10px;}
.proSix1_r_01 .text{color:#FFF;}
.proSix1_r_form .item{margin-bottom:clamp(0.75rem, 0.637rem + 0.48vw, 1.125rem);}
.proSix1_r_form .item input{font-family:"Inter-Regular","Arial","sans-serif";font-size:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);color:#444;width:100%;height:clamp(2.375rem, 2.149rem + 0.95vw, 3.125rem);padding:0 10px 0 15px;border:none;background:#FFF;}
.proSix1_r_form .item textarea{font-family:"Inter-Regular","Arial","sans-serif";font-size:clamp(0.875rem, 0.837rem + 0.16vw, 1rem);color:#444;width:100%;height:clamp(5.625rem, 4.569rem + 4.44vw, 9.125rem);padding:12px 10px 10px 15px;border:none;background:#FFF;resize:none;}
.proSix1_r_form .btn{text-align:center;}
.proSix1_r_form .btn input{font-family:"Inter-SemiBold";font-size:16px;color:#fff;width:clamp(10rem, 9.265rem + 3.1vw, 12.438rem);height:36px;border:none;background:rgba(11,47,102,.92);border-radius:20px;cursor:pointer;-ms-transition:all 0.6s;-webkit-transition:all 0.6s;transition:all 0.6s;}
.proSix1_r_form .btn input:hover{opacity:1;background:var(--hue-2,#164A8A);}
.proTwo1_item{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;height:100%;min-height:0;}
@media screen and (min-width:1201px) and (max-width:1410px){
.pro_drop_menu1_01_list a{font-size:14px;}
.pro_drop_menu{padding-left:25px;padding-right:30px;}
}
@media screen and (min-width:1025px) and (max-width:1200px){
.pro_drop_menu{padding-left:25px;padding-right:30px;}
.pro_drop_menu1_01_list a{font-size:14px;}
.pro_drop_menu1_03_list{column-gap:12px;}
}
@media screen and (min-width:768px) and (max-width:1024px){
.app_deTwo1{grid-template-columns:repeat(1,1fr);}
.app_deFive1{grid-template-columns:repeat(2,1fr);}
.appBoxOne2{row-gap:65px;}
.new_deTwo2{grid-template-columns:repeat(1,1fr);}
.newsBoxOne2{grid-template-columns:repeat(2,1fr);}
.pro_deTwo1_l_03{display:none;}
.pro_deOne1{-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.proBoxTwo1{grid-template-columns:repeat(2,1fr);}
.vidBoxOne2{grid-template-columns:repeat(2,1fr);}
}
@media screen and (min-width:1px) and (max-width:767px){
.aboBoxThree1{grid-template-columns:repeat(2,1fr);}
.aboTwo2_prev{left:3%;}
.aboTwo2_next{right:3%;}
.aboFive1_next{right:3%;}
.aboFive1_prev{left:3%;}
.app_deTwo1{grid-template-columns:repeat(1,1fr);}
.app_deFive1{grid-template-columns:repeat(2,1fr);}
.appBoxOne2{row-gap:45px;}
.subPage_banner1 .text{font-size:12px;}
.new_deTwo2{grid-template-columns:repeat(1,1fr);}
.newsBoxOne2{grid-template-columns:repeat(1,1fr);}
.pro_deOne1_r_02_1 .item{display:none;}
.pro_deTwo1_l_03{display:none;}
.pro_deOne1{-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.proBoxTwo1{grid-template-columns:repeat(1,1fr);}
.proBoxThree1{grid-template-columns:repeat(1,1fr);}
.proBoxFour1{grid-template-columns:repeat(1,1fr);}
.proBoxFive1{grid-template-columns:repeat(1,1fr);}
.vidBoxOne2{grid-template-columns:repeat(1,1fr);}
}

/* =====================================================================
   Hengyou additions (inner pages) — replaces photo backgrounds of the
   original with brand gradients and styles WordPress-generated markup.
   ===================================================================== */
.ycx_sub_banner{position:relative;}
.ycx_sub_banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,29,66,.88) 0%,rgba(11,47,102,.62) 45%,rgba(11,47,102,.12) 100%);}
.ycx_sub_banner.no-image{background:linear-gradient(120deg,var(--hue-dark) 0%,var(--hue) 55%,var(--hue-2) 100%);}
.ycx_sub_banner.no-image::before{background:radial-gradient(circle at 85% 30%,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 45%);}
.ycx_sub_banner .subPage_banner_w{position:relative;z-index:1;}
.ycx_sub_banner .subPage_banner1{max-width:760px;}
.ycx_blue_hero{background:linear-gradient(120deg,var(--hue-dark) 0%,var(--hue) 60%,var(--hue-2) 100%)!important;}
.ycx_navy_bg{background:linear-gradient(120deg,var(--hue-dark) 0%,var(--hue) 100%)!important;}
.ycx_tint_bg{background:#F4F7FB;}
.ycx_supply_list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px;margin:clamp(1rem,.8rem + .8vw,1.75rem) 0 clamp(2rem,1.5rem + 2vw,3.5rem);}
.ycx_supply_list .item{position:relative;padding:16px 18px 16px 20px;background:#fff;border-left:3px solid var(--hue-2);box-shadow:0 6px 20px rgba(11,47,102,.06);}
.ycx_supply_list .item .title{color:var(--hue);font-family:"Inter-SemiBold",Arial,sans-serif;}
.ycx_supply_list .item .text{color:#666;padding-top:4px;}
.ycx_steps{list-style:none;margin:clamp(1rem,.8rem + .8vw,1.75rem) 0 0;padding:0;counter-reset:ycxstep;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 36px;}
.ycx_steps li{counter-increment:ycxstep;position:relative;padding-left:52px;color:rgba(255,255,255,.9);line-height:1.6;}
.ycx_steps li::before{content:counter(ycxstep,decimal-leading-zero);position:absolute;left:0;top:0;width:38px;height:38px;line-height:38px;text-align:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:14px;color:#fff;}
.ycx_steps li b,.ycx_steps li strong{display:block;color:#fff;font-weight:400;font-family:"Inter-SemiBold",Arial,sans-serif;}
.ycx_cert_single{text-align:center;}
.ycx_cert_single img{display:inline-block;max-width:100%;height:auto;box-shadow:0 10px 30px rgba(11,47,102,.1);}
.ycx_mission .lead{color:var(--hue);font-size:clamp(1.125rem,1.05rem + .3vw,1.375rem);font-family:"Inter-SemiBold",Arial,sans-serif;padding-bottom:10px;}
.ycx_mission .val{padding:8px 0 8px 18px;border-left:2px solid var(--hue-tint);}
.ycx_mission .val b{color:#222;font-weight:400;font-family:"Inter-SemiBold",Arial,sans-serif;}
.aboThree1_every img{width:100%;height:100%;object-fit:cover;}
.ycx_need_icon{display:inline-block;font-size:34px;line-height:41px;height:41px;color:var(--hue);}
.ycx_exhib_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px;}
.ycx_exhib_grid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.ycx_pd_summary{color:#555;line-height:1.7;padding-top:12px;}
.ycx_empty_note{text-align:center;color:#888;padding:40px 0;}
.ycx_search_again{max-width:560px;margin:0 auto 30px;display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff;}
.ycx_search_again input[type=search],.ycx_search_again input[type=text]{flex:1;border:0;padding:0 16px;height:48px;font-size:16px;outline:none;min-width:0;}
.ycx_search_again button{border:0;background:var(--hue);color:#fff;padding:0 22px;font-size:16px;cursor:pointer;}
.ycx_search_again button:hover{background:var(--hue-2);}
.ycx_404_box{padding:clamp(4rem,2.5rem + 6vw,9rem) 0 clamp(3rem,2rem + 4vw,6rem);text-align:center;}
.ycx_404_box .num{display:flex;justify-content:center;align-items:center;gap:clamp(1.5rem,1rem + 2vw,3rem);font-family:"Inter-Bold",Arial,sans-serif;font-size:clamp(7rem,4rem + 12vw,16rem);line-height:1;}
.ycx_404_box .num span{background:linear-gradient(180deg,#9aa6b8 0%,#c9d1dd 70%,rgba(201,209,221,0) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ycx_404_box .num i{display:block;width:.8em;height:.8em;border-radius:50%;background:radial-gradient(circle at 50% 40%,#f5f7fa 0,#e9edf3 70%,#fff 100%);box-shadow:inset 0 -6px 20px rgba(11,47,102,.05);}
.ycx_404_box .tip{color:#666;font-weight:400;padding:clamp(1.5rem,1rem + 2vw,2.5rem) 0 20px;}
.ycx_404_box .public_page_btn2{display:inline-block;width:auto;min-width:180px;padding:0 36px;margin:0 auto;}
.inq_success{width:90%;max-width:600px;margin:0 auto;padding:8% 0;text-align:center;}
.inq_success .pic svg{display:inline-block;width:clamp(90px,70px + 4vw,124px);height:auto;}
.inq_success .tt{font-size:clamp(1rem,.95rem + .25vw,1.125rem);color:#333;font-family:"Inter-SemiBold",Arial,sans-serif;font-weight:400;padding:30px 0;line-height:1.5;}
.inq_success .btn{display:inline-block;width:180px;max-width:100%;line-height:50px;background:#eee;color:#333;border-radius:3px;transition:all .3s;}
.inq_success .btn:hover{background:var(--hue);color:#fff;}
.ycx_app_details{padding:clamp(2.5rem,1.8rem + 3vw,5rem) 0;background:#F6F8FB;}
.ycx_app_details .ycx_entry{max-width:1100px;margin:0 auto;}
.pro_deOne1_l_02_list a.current{color:var(--hue);font-family:"Inter-SemiBold",Arial,sans-serif;}
.public_paging .wp-pagenavi .page-numbers{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1rem,.967rem + .14vw,1.125rem);color:#232323;text-align:center;width:auto;min-width:clamp(2rem,1.849rem + .63vw,2.5rem);height:clamp(2rem,1.849rem + .63vw,2.5rem);line-height:1;padding:0 10px;margin:4px clamp(.25rem,.2rem + .21vw,.438rem);border-radius:4px;border:1px solid #ddd;background:#fff;vertical-align:middle;}
.public_paging .wp-pagenavi a.page-numbers:hover,.public_paging .wp-pagenavi span.page-numbers.current{color:#fff;background:var(--hue);border-color:var(--hue);}
.public_paging .wp-pagenavi .page-numbers.dots{border-color:transparent;background:none;}
.public_paging .wp-pagenavi .page-numbers.prev,.public_paging .wp-pagenavi .page-numbers.next{width:auto;min-width:clamp(4.375rem,4.04rem + 1.41vw,5.625rem);padding:0 14px;}
.ycx_quote_card{background:linear-gradient(135deg,var(--hue-dark) 0%,var(--hue) 60%,var(--hue-2) 100%)!important;}
html:has(.pro_deBoxOne){scroll-padding-top:105px;scroll-behavior:smooth;}
.ycx_share{display:flex;flex-wrap:wrap;gap:8px;}
.ycx_share a{display:block;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;border:1px solid #ddd;color:#555;font-size:15px;transition:all .3s;}
.ycx_share a:hover{background:var(--hue);border-color:var(--hue);color:#fff;}
.pro_det_r_text table,.ycx_entry table{width:100%;border-collapse:collapse;margin:0 0 1em;}
.pro_det_r_text th,.pro_det_r_text td,.ycx_entry th,.ycx_entry td{border:1px solid #ddd;padding:clamp(.5rem,.462rem + .16vw,.625rem);text-align:center;vertical-align:middle;}
.pro_det_r_text th,.ycx_entry th{background:#F4F7FB;color:#333;font-weight:400;font-family:"Inter-SemiBold",Arial,sans-serif;}
.pro_det_r_text tr:first-child th,.ycx_entry tr:first-child th{background:var(--hue-tint);color:var(--hue);}
.pro_det_r_text h3{font-size:clamp(1.063rem,1rem + .25vw,1.25rem);color:#333;font-weight:400;font-family:"Inter-SemiBold",Arial,sans-serif;margin:1.2em 0 .5em;}
.pro_det_r_text p{margin:0 0 .9em;line-height:1.75;}
.pro_det_r_text ul{padding-left:1.2em;margin:0 0 1em;list-style:disc;}
.pro_det_r_text li{margin:.3em 0;line-height:1.6;}
.pro_det_r_text strong{color:#333;font-weight:400;font-family:"Inter-SemiBold",Arial,sans-serif;}
.pro_det_r_text img{max-width:100%;height:auto;}
.pro_deOne1_r_01_l_lunbo .item{aspect-ratio:4/3;background:#F4F7FB;}
.pro_deOne1_r_01_l_lunbo .item img{height:100%;object-fit:cover;display:block;}
.pro_deOne1_r_01_l_dots .swiper-slide img{aspect-ratio:1/1;object-fit:cover;width:100%;display:block;}
.ycx_entry ul{padding-left:1.2em;}
.ycx_entry li{margin:.35em 0;}
@media (max-width:1024px){
.ycx_supply_list,.ycx_steps{grid-template-columns:1fr;}
}
@media (max-width:767px){
.ycx_exhib_grid{grid-template-columns:1fr 1fr;gap:8px;}
.ycx_entry,.pro_det_r_text{overflow-x:auto;}
.ycx_entry table,.pro_det_r_text table{min-width:480px;}
}
.conBoxTwo1 iframe{display:block;width:100%;height:clamp(20rem,14rem + 20vw,38rem);border:1px solid #ddd!important;background:#F2F5F9;}
.ycx_quote_card .proSix1_r_form .btn input,.ycx_quote_card .proSix1_r_form .btn button{background:#fff;color:var(--hue);height:40px;}
.ycx_quote_card .inquiry-response{color:#fff;}
.newsOne2_item .img_box{overflow:hidden;}
.newsOne2_item .img_box img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;}
.new_deTwo2 .indSeven1_r_01_item .img_box img{aspect-ratio:4/3;object-fit:cover;width:100%;}
.ycx_app_details .ycx_entry h2{color:var(--hue);}
.ycx_app_details .ycx_entry th,.ycx_app_details .ycx_entry td{text-align:center;}
.proThree1_item.no-img .proThree1_item_r{width:100%;border-left:3px solid var(--hue-2);justify-content:center;min-height:120px;}
.vidBoxOne1 .item a{width:auto;min-width:clamp(9.375rem,8.772rem + 2.54vw,11.375rem);padding:0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92vw;}
@media (max-width:767px){.vidBoxOne1 .item a{min-width:0;padding:0 14px;font-size:14px;}}
.ycx_empty_note p{max-width:760px;margin:0 auto 1em;line-height:1.7;}
.ycx_empty_btn .public_page_btn2{display:inline-block;padding:0 32px;}

/* =====================================================================
   2.2.29 — Product list / category pages: cool navy, airy gaps, material cards
   Scoped to body.ycx-product-listing so product detail / home / about stay untouched.
   Palette: --hue #0B2F66, --hue-2 #164A8A, --hue-dark #061D42, --hue-tint #E6ECF5.
   No warm amber accents. Content (names, CAS, copy) unchanged.
   ===================================================================== */

/* Section breathing room */
.ycx-product-listing .proBoxTwo_w.ptb,
.ycx-product-listing .ycx_hub_intro .wrap.ptb,
.ycx-product-listing .ycx_hub_compare .wrap.ptb,
.ycx-product-listing .ycx_hub_choose .wrap.ptb,
.ycx-product-listing .proBoxThree_w.ptb,
.ycx-product-listing .proBoxFour_w.ptb,
.ycx-product-listing .proBoxSix_w.ptb {
  padding-top: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
  padding-bottom: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-product-listing .proBoxOne_w {
  padding-top: clamp(2.75rem, 1.8rem + 3vw, 4.75rem);
  padding-bottom: clamp(3rem, 2rem + 3.5vw, 5.5rem);
}

.ycx-product-listing .proBoxFive_w {
  padding-top: clamp(3rem, 2rem + 3vw, 5rem);
  padding-bottom: clamp(3rem, 2rem + 3vw, 5rem);
}

.ycx-product-listing .app_det_module_title.pb_40 {
  padding-bottom: clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);
}

.ycx-product-listing .app_det_module_title .title {
  letter-spacing: -0.01em;
}

.ycx-product-listing .app_det_module_title .text {
  color: #5b6b82 !important;
  margin-top: 0.65rem;
  max-width: 52rem;
  line-height: 1.65;
}

/* Soft light surface behind product grid (vs crowded white-on-white competitor look) */
.ycx-product-listing .proBoxTwo {
  background: #F7F9FC;
}

/* Category filter chips — outline navy, not mid-blue solid bars */
.ycx-product-listing .vidBoxOne1 {
  padding-bottom: clamp(2rem, 1.4rem + 1.8vw, 3.25rem);
  column-gap: clamp(0.75rem, 0.5rem + 0.9vw, 1.25rem);
  row-gap: 12px;
  justify-content: flex-start;
}

.ycx-product-listing .vidBoxOne1 .item a {
  width: auto;
  min-width: 0;
  padding: 0 clamp(1.15rem, 0.9rem + 0.8vw, 1.5rem);
  height: clamp(2.375rem, 2.2rem + 0.5vw, 2.75rem);
  line-height: clamp(2.25rem, 2.05rem + 0.5vw, 2.625rem);
  color: var(--hue);
  background: #fff;
  border: 1px solid #c9d4e5;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.ycx-product-listing .vidBoxOne1 .item.hover a,
.ycx-product-listing .vidBoxOne1 .item a:hover {
  background: var(--hue);
  color: #fff;
  border-color: var(--hue);
  box-shadow: 0 4px 12px rgba(11, 47, 102, 0.18);
}

/* Product grid — wider gaps */
.ycx-product-listing .proBoxTwo1 {
  column-gap: clamp(1.125rem, 0.75rem + 1.2vw, 1.75rem);
  row-gap: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
}

/* Material product cards */
.ycx-product-listing .proTwo1_item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  padding: 0 0 clamp(1rem, 0.8rem + 0.6vw, 1.35rem);
}

.ycx-product-listing .proTwo1_item:hover {
  border-color: rgba(11, 47, 102, 0.28);
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
  transform: translateY(-3px);
}

.ycx-product-listing .proTwo1_item_top .img_box {
  background: var(--hue-tint, #E6ECF5);
  border-radius: 0;
}

.ycx-product-listing .proTwo1_item_top .bot_box {
  padding: clamp(1.05rem, 0.9rem + 0.5vw, 1.4rem) clamp(1rem, 0.8rem + 0.7vw, 1.35rem) 0;
}

.ycx-product-listing .proTwo1_item_top .bot_box .title {
  color: var(--hue);
  font-weight: 600;
  min-height: calc(1.4em * 2);
}

.ycx-product-listing .proTwo1_item:hover .proTwo1_item_top .bot_box .title {
  color: var(--hue-2);
}

.ycx-product-listing .proTwo1_item_top .bot_box .text {
  color: #5b6b82;
  line-height: 1.5;
}

.ycx-product-listing .proTwo1_item_bot {
  padding: clamp(0.95rem, 0.75rem + 0.6vw, 1.25rem) clamp(1rem, 0.8rem + 0.7vw, 1.35rem) 0;
}

.ycx-product-listing .proTwo1_item_bot .btn {
  border-radius: 8px;
  border-width: 1.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Category navy hero — clearer hierarchy, soft CTA */
.ycx-product-listing .proBoxOne.ycx_blue_hero .proOne1_l_02 {
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.ycx-product-listing .proBoxOne.ycx_blue_hero .proOne1_l_03 {
  color: rgba(255, 255, 255, 0.92);
  opacity: 1;
}

.ycx-product-listing .proBoxOne.ycx_blue_hero .proOne1_l_04 {
  color: rgba(232, 238, 245, 0.95);
  max-width: 36rem;
  line-height: 1.7;
}

.ycx-product-listing .proBoxOne.ycx_blue_hero .proOne1_l_05 {
  padding-top: clamp(1.5rem, 1.1rem + 1.2vw, 2.5rem);
  column-gap: 14px;
}

.ycx-product-listing .proBoxOne.ycx_blue_hero .proOne1_l_05 .public_page_btn2 {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(6, 29, 66, 0.2);
}

.ycx-product-listing .proBoxOne.ycx_blue_hero .proOne1_r {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(6, 29, 66, 0.28);
}

/* Scenes / FAQ on category — lighter surfaces, airier cards */
.ycx-product-listing .proBoxThree {
  background: #F2F5F9;
}

.ycx-product-listing .proThree1_item {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
}

.ycx-product-listing .proThree1_item_r .title {
  color: var(--hue);
}

.ycx-product-listing .proThree1_item_r .text {
  color: #5b6b82;
}

.ycx-product-listing .proFive1_item .bot_box {
  padding-top: clamp(1.1rem, 0.85rem + 0.8vw, 1.75rem);
}

.ycx-product-listing .proSix1_l_01_item {
  border-bottom-color: #d8e0ec;
}

.ycx-product-listing .proSix1_l_01_item_top .iconfont,
.ycx-product-listing .proSix1_l_01_item_top span {
  color: var(--hue);
}

.ycx-product-listing .proSix1_l_01_item_bot {
  color: #5b6b82;
}

.ycx-product-listing .ycx_quote_card {
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(11, 47, 102, 0.18);
}

/* Pagination — soft navy material */
.ycx-product-listing .paging_padding {
  margin-top: clamp(2.25rem, 1.5rem + 2vw, 3.5rem);
}

.ycx-product-listing .public_paging .wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.ycx-product-listing .public_paging .wp-pagenavi .page-numbers {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 42px;
  height: 42px;
  line-height: 1;
  padding: 0 12px;
  margin: 0;
  border-radius: 8px;
  border-color: #c9d4e5;
  color: var(--hue);
  background: #fff;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  vertical-align: middle;
}

.ycx-product-listing .public_paging .wp-pagenavi .page-numbers.prev,
.ycx-product-listing .public_paging .wp-pagenavi .page-numbers.next {
  width: auto;
  min-width: 72px;
  height: 42px;
  padding: 0 16px;
}

.ycx-product-listing .public_paging .wp-pagenavi a.page-numbers:hover,
.ycx-product-listing .public_paging .wp-pagenavi span.page-numbers.current {
  background: var(--hue);
  border-color: var(--hue);
  color: #fff;
  box-shadow: 0 4px 12px rgba(11, 47, 102, 0.2);
}

.ycx-product-listing .ycx_pagination {
  margin-top: clamp(2.25rem, 1.5rem + 2vw, 3.5rem);
}

.ycx-product-listing .ycx_pagination .page-numbers {
  border-radius: 8px;
  border-color: #c9d4e5;
  color: var(--hue);
  background: #fff;
}

.ycx-product-listing .ycx_empty_note {
  color: #5b6b82;
  padding: clamp(3rem, 2rem + 3vw, 5rem) 0;
}

/* Archive sub-banner — info-style shorter cool navy parity */
.ycx-product-listing .ycx_sub_banner .subPage_banner_w {
  padding-top: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  height: auto;
  min-height: clamp(11.5rem, 7.5rem + 12vw, 20rem);
}

.ycx-product-listing .ycx_sub_banner::before {
  background: linear-gradient(
    100deg,
    rgba(6, 29, 66, 0.9) 0%,
    rgba(11, 47, 102, 0.72) 48%,
    rgba(11, 47, 102, 0.28) 100%
  );
}

.ycx-product-listing .ycx_sub_banner.no-image {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

.ycx-product-listing .ycx_sub_banner .subPage_banner1 {
  max-width: 44rem;
}

.ycx-product-listing .ycx_sub_banner .subPage_banner1 .title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgba(6, 29, 66, 0.25);
}

.ycx-product-listing .ycx_sub_banner .subPage_banner1 .text {
  color: rgba(232, 238, 245, 0.95);
  max-width: 38rem;
  line-height: 1.7;
  opacity: 1;
  padding-top: clamp(0.65rem, 0.5rem + 0.4vw, 0.95rem);
}

/* Breadcrumbs: cool gray bar */
.ycx-product-listing .new_det_crumbs {
  background: linear-gradient(to right, #fff, #F2F5F9);
  border-bottom: 1px solid #e8eef6;
}

.ycx-product-listing .new_det_crumbs_w {
  padding-top: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
  padding-bottom: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
}

.ycx-product-listing .new_det_crumbs1,
.ycx-product-listing .new_det_crumbs1 a {
  color: #475569;
}

.ycx-product-listing .new_det_crumbs1 a:hover {
  color: var(--hue, #0B2F66);
  text-decoration: none;
}

.ycx-product-listing .new_det_crumbs1 span {
  color: #334155;
  font-family: "Inter-SemiBold", Arial, sans-serif;
}

@media screen and (max-width: 767px) {
  .ycx-product-listing .ycx_sub_banner .subPage_banner_w {
    min-height: 10.5rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .ycx-product-listing .vidBoxOne1 {
    justify-content: stretch;
  }
  .ycx-product-listing .vidBoxOne1 .item {
    flex: 1 1 auto;
  }
  .ycx-product-listing .vidBoxOne1 .item a {
    width: 100%;
    text-align: center;
    padding: 0 12px;
  }
  .ycx-product-listing .proTwo1_item:hover {
    transform: none;
  }
}

/* =====================================================================
   2.2.37 — Single blog (news) detail: cool navy, airy reading layout
   2.2.39 — Right sidebar: latest posts + inquiry CTA (~70/28 desktop).
   Scoped to body.ycx-blog-detail. Footer / product / home untouched.
   Palette: --hue #0B2F66, --hue-2 #164A8A, --hue-dark #061D42, --hue-tint #E6ECF5.
   No warm accents. Post content from DB unchanged.
   ===================================================================== */

.ycx-blog-detail .new_det_crumbs {
  background-image: none;
  background: #F2F5F9;
  border-bottom: 1px solid #e8eef6;
}

.ycx-blog-detail .new_det_crumbs_w {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ycx-blog-detail .new_det_crumbs1 {
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}

.ycx-blog-detail .new_det_crumbs1 a {
  color: var(--hue);
}

.ycx-blog-detail .new_det_crumbs1 a:hover {
  text-decoration: underline;
}

.ycx-blog-detail .new_deBoxOne {
  background: #F7F9FC;
}

.ycx-blog-detail .new_deBoxOne_w.ptb {
  padding-top: clamp(2rem, 1.35rem + 2.2vw, 3.25rem);
  padding-bottom: clamp(2.5rem, 1.6rem + 2.8vw, 4rem);
}

.ycx-blog-detail .ycx_blog_layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(1.25rem, 0.9rem + 1.2vw, 2rem);
}

.ycx-blog-detail .ycx_blog_main {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.ycx-blog-detail .ycx_blog_aside {
  flex: 0 0 clamp(260px, 28%, 320px);
  width: clamp(260px, 28%, 320px);
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.75rem + 0.8vw, 1.35rem);
  position: sticky;
  top: 96px;
  align-self: flex-start;
}

.ycx-blog-detail .new_deOne1 {
  max-width: none;
  margin: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: clamp(1.5rem, 1.1rem + 1.4vw, 2.5rem) clamp(1.25rem, 0.9rem + 1.2vw, 2.25rem);
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
}

/* Sidebar cards */
.ycx-blog-detail .ycx_blog_side_card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: clamp(1.1rem, 0.9rem + 0.6vw, 1.4rem);
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
}

.ycx-blog-detail .ycx_blog_side_title {
  color: #0f172a;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.ycx-blog-detail .ycx_blog_side_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ycx-blog-detail .ycx_blog_side_list li {
  border-top: 1px solid #e8eef6;
}

.ycx-blog-detail .ycx_blog_side_list li:first-child {
  border-top: none;
}

.ycx-blog-detail .ycx_blog_side_list a {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  color: inherit;
  text-decoration: none;
}

.ycx-blog-detail .ycx_blog_side_list li:first-child a {
  padding-top: 0;
}

.ycx-blog-detail .ycx_blog_side_list li:last-child a {
  padding-bottom: 0;
}

.ycx-blog-detail .ycx_blog_side_thumb {
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  background: #F2F5F9;
  border: 1px solid #e8eef6;
}

.ycx-blog-detail .ycx_blog_side_thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ycx-blog-detail .ycx_blog_side_meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.ycx-blog-detail .ycx_blog_side_item_title {
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.ycx-blog-detail .ycx_blog_side_list a:hover .ycx_blog_side_item_title {
  color: var(--hue);
}

.ycx-blog-detail .ycx_blog_side_item_date {
  color: #64748b;
}

.ycx-blog-detail .ycx_blog_side_inquiry {
  background: linear-gradient(165deg, #0B2F66 0%, #164A8A 100%);
  border-color: transparent;
  color: #fff;
}

.ycx-blog-detail .ycx_blog_side_inquiry .ycx_blog_side_title {
  color: #fff;
}

.ycx-blog-detail .ycx_blog_side_inq_text {
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.55;
  margin: 0 0 16px;
}

.ycx-blog-detail .ycx_blog_side_cta {
  display: block;
  width: 100%;
  text-align: center;
  background: #fff;
  color: var(--hue);
  border-radius: 8px;
  height: 44px;
  line-height: 44px;
  font-weight: 700;
  padding: 0 16px;
}

.ycx-blog-detail .ycx_blog_side_cta:hover {
  background: #F2F5F9;
  color: var(--hue);
}

.ycx-blog-detail .ycx_blog_side_contact {
  display: block;
  text-align: center;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ycx-blog-detail .ycx_blog_side_contact:hover {
  color: #fff;
}

/* Header: chip + date, no circular badge */
.ycx-blog-detail .ycx_blog_head {
  margin-bottom: clamp(1.25rem, 1rem + 0.9vw, 1.75rem);
}

.ycx-blog-detail .ycx_blog_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 12px;
}

.ycx-blog-detail .ycx_blog_chip {
  display: inline-block;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--hue);
  background: #fff;
  border: 1px solid rgba(11, 47, 102, 0.22);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.ycx-blog-detail .ycx_blog_chip:hover {
  color: #fff;
  background: var(--hue);
  border-color: var(--hue);
  text-decoration: none;
}

.ycx-blog-detail .ycx_blog_date {
  color: #64748b;
  font-size: 14px;
}

.ycx-blog-detail .ycx_blog_title {
  color: #0f172a;
  font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.125rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

/* Featured image */
.ycx-blog-detail .ycx_blog_hero {
  margin: 0 0 clamp(1.35rem, 1.05rem + 1vw, 1.85rem);
  border-radius: 12px;
  overflow: hidden;
  background: #F2F5F9;
  border: 1px solid #e8eef6;
}

.ycx-blog-detail .ycx_blog_hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Body typography */
.ycx-blog-detail .new_deOne1_02 {
  color: #334155;
  padding-top: 0;
  padding-bottom: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
}

.ycx-blog-detail .ycx_entry {
  color: #334155;
  font-size: 16px;
  line-height: 1.8;
}

.ycx-blog-detail .ycx_entry h2,
.ycx-blog-detail .ycx_entry h3,
.ycx-blog-detail .ycx_entry h4 {
  color: #0f172a;
}

.ycx-blog-detail .ycx_entry blockquote {
  border-left-color: var(--hue);
  background: #F2F5F9;
  color: #475569;
  border-radius: 0 8px 8px 0;
}

.ycx-blog-detail .ycx_entry th {
  background: #F2F5F9;
  color: #1e293b;
}

.ycx-blog-detail .ycx_entry th,
.ycx-blog-detail .ycx_entry td {
  border-color: #dde3ec;
}

/* Share + back */
.ycx-blog-detail .new_deOne1_03 {
  padding-top: clamp(1rem, 0.8rem + 0.6vw, 1.35rem);
  padding-bottom: clamp(1rem, 0.8rem + 0.6vw, 1.35rem);
  border-top: 1px solid #e8eef6;
  border-bottom: 1px solid #e8eef6;
  row-gap: 14px;
}

.ycx-blog-detail .new_deOne1_03_l .iconfont {
  color: var(--hue);
}

.ycx-blog-detail .new_deOne1_03_l .text {
  color: #475569;
}

.ycx-blog-detail .ycx_share a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(11, 47, 102, 0.2);
  color: var(--hue);
  background: #fff;
}

.ycx-blog-detail .ycx_share a:hover {
  background: var(--hue);
  border-color: var(--hue);
  color: #fff;
}

.ycx-blog-detail .new_deOne1_03_r {
  width: auto;
}

.ycx-blog-detail .new_deOne1_03_r .public_page_btn2 {
  display: inline-block;
  border-radius: 8px;
  padding: 0 22px;
  min-width: 140px;
}

/* Prev / next */
.ycx-blog-detail .new_deOne1_04 {
  padding-top: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
  gap: 12px;
}

.ycx-blog-detail .new_deOne1_04 .item a {
  color: #1e293b;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #F7F9FC;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.ycx-blog-detail .new_deOne1_04 .item a .iconfont,
.ycx-blog-detail .new_deOne1_04 .item a span {
  color: inherit;
}

.ycx-blog-detail .new_deOne1_04 .item a:hover {
  border-color: rgba(11, 47, 102, 0.35);
  background: #fff;
  color: var(--hue);
}

.ycx-blog-detail .new_deOne1_04 .item a:hover .iconfont,
.ycx-blog-detail .new_deOne1_04 .item a:hover span {
  color: var(--hue);
  text-decoration: none;
}

.ycx-blog-detail .new_deOne1_04 .item--next {
  margin-left: auto;
  text-align: right;
}

/* Related posts — card grid */
.ycx-blog-detail .new_deBoxTwo {
  background: #fff;
  border-top: 1px solid #e8eef6;
}

.ycx-blog-detail .new_deBoxTwo_w {
  padding-top: clamp(2.5rem, 1.7rem + 2.5vw, 4rem);
  padding-bottom: clamp(2.75rem, 1.9rem + 2.8vw, 4.5rem);
}

.ycx-blog-detail .new_deTwo1 {
  color: #0f172a;
  padding-bottom: clamp(1.25rem, 0.95rem + 1vw, 1.85rem);
  letter-spacing: -0.01em;
}

.ycx-blog-detail .new_deTwo2.ycx_blog_related {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 0.7rem + 1vw, 1.5rem);
  column-gap: clamp(1rem, 0.7rem + 1vw, 1.5rem);
  row-gap: clamp(1rem, 0.7rem + 1vw, 1.5rem);
}

.ycx-blog-detail .ycx_blog_card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.ycx-blog-detail .ycx_blog_card:hover {
  border-color: rgba(11, 47, 102, 0.28);
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
  transform: translateY(-2px);
}

.ycx-blog-detail .ycx_blog_card a {
  display: block;
  color: inherit;
  text-decoration: none;
  height: 100%;
}

.ycx-blog-detail .ycx_blog_card_img {
  aspect-ratio: 16 / 10;
  background: #F2F5F9;
  overflow: hidden;
}

.ycx-blog-detail .ycx_blog_card_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.ycx-blog-detail .ycx_blog_card:hover .ycx_blog_card_img img {
  transform: scale(1.04);
}

.ycx-blog-detail .ycx_blog_card_body {
  padding: 14px 16px 18px;
}

.ycx-blog-detail .ycx_blog_card_meta {
  color: #64748b;
  margin-bottom: 6px;
}

.ycx-blog-detail .ycx_blog_card_title {
  color: #0f172a;
  font-size: clamp(0.95rem, 0.88rem + 0.3vw, 1.05rem);
  line-height: 1.4;
}

.ycx-blog-detail .ycx_blog_card:hover .ycx_blog_card_title {
  color: var(--hue);
}

@media (max-width: 991px) {
  .ycx-blog-detail .new_deTwo2.ycx_blog_related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .ycx-blog-detail .ycx_blog_layout {
    flex-wrap: wrap;
  }

  .ycx-blog-detail .ycx_blog_main {
    flex: 1 1 100%;
    width: 100%;
    min-width: 100%;
  }

  .ycx-blog-detail .ycx_blog_aside {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (max-width: 767px) {

  .ycx-blog-detail .ycx_blog_layout {
    flex-direction: column;
  }

  .ycx-blog-detail .ycx_blog_main,
  .ycx-blog-detail .ycx_blog_aside {
    width: 100%;
    flex: none;
  }

  .ycx-blog-detail .ycx_blog_aside {
    position: static;
    top: auto;
  }

  .ycx-blog-detail .ycx_blog_aside {
    display: flex;
    flex-direction: column;
  }

  .ycx-blog-detail .new_deOne1 {
    border-radius: 10px;
    padding: 1.25rem 1rem 1.5rem;
  }

  .ycx-blog-detail .ycx_blog_title {
    font-size: 1.4rem;
  }

  .ycx-blog-detail .ycx_blog_hero img {
    aspect-ratio: 4 / 3;
  }

  .ycx-blog-detail .new_deOne1_03_r {
    width: 100%;
  }

  .ycx-blog-detail .new_deOne1_03_r .public_page_btn2 {
    width: 100%;
    text-align: center;
  }

  .ycx-blog-detail .new_deOne1_04 {
    flex-direction: column;
    align-items: stretch;
  }

  .ycx-blog-detail .new_deOne1_04 .item,
  .ycx-blog-detail .new_deOne1_04 .item--next {
    margin-left: 0;
    width: 100%;
  }

  .ycx-blog-detail .new_deOne1_04 .item a {
    width: 100%;
    justify-content: center;
  }

  .ycx-blog-detail .new_deTwo2.ycx_blog_related {
    grid-template-columns: 1fr;
  }

  .ycx-blog-detail .ycx_blog_card:hover {
    transform: none;
  }
}

/* =====================================================================
   2.2.38 — About / Contact pages: cool navy, airy gaps, material cards
   Scoped to body.ycx-about-page / body.ycx-contact-page.
   Palette: --hue #0B2F66, --hue-2 #164A8A, --hue-dark #061D42, --hue-tint #E6ECF5.
   No warm amber. Content (copy, structure) unchanged. Footer/header untouched.
   ===================================================================== */

/* ---------- Shared sub-banner: info 2.2.42 cool navy parity ---------- */
.ycx-about-page .ycx_sub_banner .subPage_banner_w,
.ycx-contact-page .ycx_sub_banner .subPage_banner_w {
  padding-top: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  height: auto;
  min-height: clamp(11.5rem, 7.5rem + 12vw, 20rem);
}

.ycx-about-page .ycx_sub_banner::before,
.ycx-contact-page .ycx_sub_banner::before {
  background: linear-gradient(
    100deg,
    rgba(6, 29, 66, 0.9) 0%,
    rgba(11, 47, 102, 0.72) 48%,
    rgba(11, 47, 102, 0.28) 100%
  );
}

.ycx-about-page .ycx_sub_banner.no-image,
.ycx-contact-page .ycx_sub_banner.no-image {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

.ycx-about-page .ycx_sub_banner .subPage_banner1,
.ycx-contact-page .ycx_sub_banner .subPage_banner1 {
  max-width: 44rem;
}

.ycx-about-page .ycx_sub_banner .subPage_banner1 .title,
.ycx-contact-page .ycx_sub_banner .subPage_banner1 .title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgba(6, 29, 66, 0.25);
}

.ycx-about-page .ycx_sub_banner .subPage_banner1 .text,
.ycx-contact-page .ycx_sub_banner .subPage_banner1 .text {
  color: rgba(232, 238, 245, 0.95);
  max-width: 38rem;
  line-height: 1.7;
  opacity: 1;
  padding-top: clamp(0.65rem, 0.5rem + 0.4vw, 0.95rem);
}

/* ---------- About ---------- */
.ycx-about-page .aboBoxOne_w.ptb,
.ycx-about-page .aboBoxThree_w.ptb,
.ycx-about-page .aboBoxFour_w.ptb,
.ycx-about-page .aboBoxFive_w.ptb {
  padding-top: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
  padding-bottom: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-about-page .aboBoxSix_w.pb {
  padding-bottom: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-about-page .aboBoxTwo1_w.pt {
  padding-top: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-about-page .public_module_title.pb_40 {
  padding-bottom: clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);
}

.ycx-about-page .public_module_title .title {
  letter-spacing: -0.01em;
}

.ycx-about-page .public_module_title .text {
  color: #334155 !important;
  margin-top: 0.65rem;
  line-height: 1.65;
}

.ycx-about-page .aboBoxOne.ycx_tint_bg {
  background: #F7F9FC;
}

.ycx-about-page .aboOne1_l_01 .title {
  color: var(--hue, #0B2F66);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.ycx-about-page .aboOne1_l_01 .text,
.ycx-about-page .aboOne1_l_01 .text p {
  color: #334155;
  line-height: 1.75;
}

.ycx-about-page .aboOne1_r_01 {
  column-gap: clamp(0.875rem, 0.55rem + 1vw, 1.5rem);
  row-gap: clamp(0.875rem, 0.55rem + 1vw, 1.5rem);
}

.ycx-about-page .indFour1_item.is-text {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  background: #fff;
  padding: clamp(1.15rem, 0.95rem + 0.7vw, 1.55rem) 14px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.ycx-about-page .indFour1_item.is-text:hover {
  border-color: rgba(11, 47, 102, 0.28);
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
  transform: translateY(-2px);
}

.ycx-about-page .indFour1_item .number {
  color: var(--hue);
}

.ycx-about-page .indFour1_item .text {
  color: #475569;
}

.ycx-about-page .aboBoxOne2 {
  padding-top: clamp(2.5rem, 1.8rem + 2.5vw, 4rem);
  column-gap: clamp(1.25rem, 0.85rem + 1.5vw, 2.5rem);
  row-gap: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
}

.ycx-about-page .aboOne2_l_lunbo .item {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e8eef6;
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
}

.ycx-about-page .aboOne2_r_01 {
  letter-spacing: -0.01em;
  line-height: 1.45;
}

.ycx-about-page .aboOne2_r_02,
.ycx-about-page .aboOne2_r_02 p {
  color: #334155;
  line-height: 1.7;
}

.ycx-about-page .aboOne2_r_03 {
  color: #0B2F66;
  font-family: "Inter-SemiBold", Arial, sans-serif;
  visibility: visible;
  opacity: 1;
}

/* Category interest chips — outline navy pills (always visible) */
.ycx-about-page .aboOne2_r {
  visibility: visible;
  opacity: 1;
  color: #334155;
  background: transparent;
}

.ycx-about-page .aboOne2_r_01 {
  color: var(--hue, #0B2F66);
  visibility: visible;
  opacity: 1;
}

.ycx-about-page .aboOne2_r_04 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 18px;
  gap: 10px 12px;
  min-height: 0;
  height: auto;
  visibility: visible;
  opacity: 1;
}

.ycx-about-page .aboOne2_r_04 .public_page_btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: clamp(2.375rem, 2.2rem + 0.5vw, 2.75rem);
  height: auto;
  padding: 0 clamp(1.1rem, 0.9rem + 0.7vw, 1.45rem);
  line-height: 1.3;
  color: var(--hue, #0B2F66) !important;
  background: #fff !important;
  border: 1px solid #c9d4e5;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  visibility: visible;
  opacity: 1;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.ycx-about-page .aboOne2_r_04 .public_page_btn2:hover {
  background: var(--hue, #0B2F66) !important;
  color: #fff !important;
  border-color: var(--hue, #0B2F66);
  box-shadow: 0 4px 12px rgba(11, 47, 102, 0.18);
}

.ycx-about-page .aboBoxTwo {
  background: #F2F5F9;
}

.ycx-about-page .aboTwo2_lunbo .item {
  border-radius: 14px;
  border: 1px solid #e8eef6;
  box-shadow: 0 8px 28px rgba(11, 47, 102, 0.1);
}

.ycx-about-page .aboBoxThree {
  background: #fff;
}

.ycx-about-page .ycx_supply_list {
  gap: 16px 24px;
  margin: clamp(1.25rem, 1rem + 1vw, 2rem) 0 clamp(2.25rem, 1.6rem + 2vw, 3.75rem);
}

.ycx-about-page .ycx_supply_list .item {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  border-left: 3px solid var(--hue);
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  padding: 18px 20px 18px 22px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.ycx-about-page .ycx_supply_list .item:hover {
  border-color: rgba(11, 47, 102, 0.22);
  box-shadow: 0 8px 22px rgba(11, 47, 102, 0.08);
}

.ycx-about-page .ycx_supply_list .item .text {
  color: #334155;
}

.ycx-about-page .aboThree1_every {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e8eef6;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
}

.ycx-about-page .aboBoxFour.ycx_navy_bg {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%) !important;
}

.ycx-about-page .aboFour1_r {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(6, 29, 66, 0.28);
}

.ycx-about-page .ycx_steps {
  gap: 20px 36px;
  margin-top: clamp(1.35rem, 1rem + 1vw, 2rem);
}

.ycx-about-page .aboBoxFive {
  background: #F7F9FC;
}

.ycx-about-page .ycx_badges {
  justify-content: center;
  margin-top: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
  gap: 12px;
}

.ycx-about-page .ycx_badge {
  border-radius: 999px;
  border-color: #c9d4e5;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  background: #fff;
}

.ycx-about-page .ycx_cert_single img,
.ycx-about-page .aboFive1_item {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
}

.ycx-about-page .aboFive1_item {
  padding: clamp(0.65rem, 0.5rem + 0.4vw, 0.9rem);
}

.ycx-about-page .aboBoxSix {
  background: #fff;
}

.ycx-about-page .aboSix1_l {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e8eef6;
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
}

.ycx-about-page .ycx_mission .lead {
  color: var(--hue);
}

.ycx-about-page .ycx_mission .val {
  border-left-color: var(--hue);
  border-left-width: 3px;
  color: #334155;
  margin: 10px 0;
  padding: 10px 0 10px 18px;
}

@media screen and (max-width: 767px) {
  .ycx-about-page .indFour1_item.is-text:hover {
    transform: none;
  }
}

/* ---------- Contact ---------- */
.ycx-contact-page .conBoxOne {
  background: #F7F9FC;
}

.ycx-contact-page .conBoxOne_w.ptb {
  padding-top: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
  padding-bottom: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-contact-page .conBoxOne1 {
  column-gap: clamp(1.25rem, 0.85rem + 1.5vw, 2.5rem);
  row-gap: clamp(2rem, 1.4rem + 2vw, 3rem);
}

.ycx-contact-page .conOne1_l_01 {
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.ycx-contact-page .conOne1_l_02 {
  color: var(--hue);
}

.ycx-contact-page .conOne1_l_03 {
  color: #334155;
  line-height: 1.7;
}

.ycx-contact-page .conOne1_l_04 {
  row-gap: clamp(0.85rem, 0.6rem + 0.8vw, 1.25rem);
}

.ycx-contact-page .conOne1_l_04_item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  align-items: flex-start;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.ycx-contact-page .conOne1_l_04_item:hover {
  border-color: rgba(11, 47, 102, 0.22);
  box-shadow: 0 8px 22px rgba(11, 47, 102, 0.08);
}

.ycx-contact-page .conOne1_l_04_item .iconfont {
  background: var(--hue-tint, #E6ECF5);
  color: var(--hue);
  border: 1px solid rgba(11, 47, 102, 0.08);
}

.ycx-contact-page .conOne1_l_04_item .r_box .title {
  color: #64748b;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: "Inter-SemiBold", Arial, sans-serif;
}

.ycx-contact-page .conOne1_l_04_item .r_box .text,
.ycx-contact-page .conOne1_l_04_item .r_box .text a {
  color: #1e293b;
}

.ycx-contact-page .conOne1_l_04_item .r_box .text a:hover {
  color: var(--hue);
}

.ycx-contact-page .conOne1_l_05_tt {
  letter-spacing: -0.01em;
}

.ycx-contact-page .conOne1_l_05_media a {
  border-radius: 10px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ycx-contact-page .conOne1_l_05_media a:hover {
  box-shadow: 0 6px 16px rgba(11, 47, 102, 0.2);
}

/* Inquiry form card */
.ycx-contact-page .conOne1_r_01 {
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 28px rgba(11, 47, 102, 0.08);
  background: #fff;
  padding: clamp(1.5rem, 1.2rem + 1.2vw, 2.35rem) clamp(1.15rem, 0.8rem + 1.2vw, 2.5rem) clamp(1.75rem, 1.4rem + 1vw, 2.35rem);
}

.ycx-contact-page .conOne1_r_01_1 {
  letter-spacing: -0.01em;
  padding-bottom: clamp(1.15rem, 0.95rem + 0.6vw, 1.5rem);
}

.ycx-contact-page .conOne1_r_form .item input,
.ycx-contact-page .conOne1_r_form .item textarea {
  border: 1px solid #d5dee9;
  border-radius: 8px;
  background: #F7F9FC;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.ycx-contact-page .conOne1_r_form .item input:focus,
.ycx-contact-page .conOne1_r_form .item textarea:focus {
  outline: none;
  border-color: var(--hue-2);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(29, 95, 174, 0.12);
}


.ycx-contact-page .conOne1_r_form .btn input {
  border-radius: 8px;
  font-family: "Inter-SemiBold", Arial, sans-serif;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 12px rgba(11, 47, 102, 0.18);
  transition: background 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.ycx-contact-page .conOne1_r_form .btn input:hover {
  opacity: 1;
  background: var(--hue-2);
  box-shadow: 0 6px 16px rgba(11, 47, 102, 0.22);
}

.ycx-contact-page .conBoxTwo_w.pb {
  padding-bottom: clamp(3rem, 2rem + 3vw, 5rem);
}

.ycx-contact-page .conBoxTwo1 {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 24px rgba(11, 47, 102, 0.08);
  background: #fff;
}

.ycx-contact-page .conBoxTwo1 iframe {
  border: 0 !important;
  background: #F2F5F9;
}

/* =====================================================================
   About / Contact — cool navy parity with info 2.2.42 (banner/crumbs)
   + About body contrast fix. No Customizer content changes. Footer untouched.
   ===================================================================== */

/* Breadcrumbs: cool gray bar (match info / blog / product) */
.ycx-about-page .new_det_crumbs,
.ycx-contact-page .new_det_crumbs {
  background: linear-gradient(to right, #fff, #F2F5F9);
  border-bottom: 1px solid #e8eef6;
}

.ycx-about-page .new_det_crumbs_w,
.ycx-contact-page .new_det_crumbs_w {
  padding-top: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
  padding-bottom: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
}

.ycx-about-page .new_det_crumbs1,
.ycx-about-page .new_det_crumbs1 a,
.ycx-contact-page .new_det_crumbs1,
.ycx-contact-page .new_det_crumbs1 a {
  color: #475569;
}

.ycx-about-page .new_det_crumbs1 a:hover,
.ycx-contact-page .new_det_crumbs1 a:hover {
  color: var(--hue, #0B2F66);
  text-decoration: none;
}

.ycx-about-page .new_det_crumbs1 span,
.ycx-contact-page .new_det_crumbs1 span {
  color: #334155;
  font-family: "Inter-SemiBold", Arial, sans-serif;
}

/* Headings + body contrast (washed pale gray ~rgb 160–195 → readable navy/slate) */
.ycx-about-page .aboOne1_l_01 .title,
.ycx-about-page .aboOne2_r_01,
.ycx-about-page .public_module_title .title,
.ycx-about-page .ycx_supply_list .item .title,
.ycx-about-page .ycx_mission .lead {
  color: var(--hue, #0B2F66);
}

.ycx-about-page .aboBoxOne,
.ycx-about-page .aboBoxThree,
.ycx-about-page .aboBoxFive,
.ycx-about-page .aboBoxSix {
  color: #334155;
}

.ycx-about-page .aboBoxSix .public_module_title .text,
.ycx-about-page .aboBoxFive .public_module_title .text,
.ycx-about-page .ycx_mission {
  color: #334155 !important;
}

.ycx-contact-page .conOne1_l_01 {
  color: var(--hue, #0B2F66);
}

@media (max-width: 781px) {
  .ycx-about-page .ycx_sub_banner .subPage_banner_w,
  .ycx-contact-page .ycx_sub_banner .subPage_banner_w {
    min-height: 10.5rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

/* =====================================================================
   Video page — cool navy parity with info 2.2.42 (banner/crumbs)
   Scoped to body.ycx-video-page. Grid (vidBoxOne) kept; cards polished.
   No Customizer / video content changes.
   ===================================================================== */

body.ycx-video-page {
  background: #F7F9FC;
}

/* ---------- Sub-banner: info 2.2.42 cool navy parity ---------- */
.ycx-video-page .ycx_sub_banner .subPage_banner_w {
  padding-top: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  height: auto;
  min-height: clamp(11.5rem, 7.5rem + 12vw, 20rem);
}

.ycx-video-page .ycx_sub_banner::before {
  background: linear-gradient(
    100deg,
    rgba(6, 29, 66, 0.9) 0%,
    rgba(11, 47, 102, 0.72) 48%,
    rgba(11, 47, 102, 0.28) 100%
  );
}

.ycx-video-page .ycx_sub_banner.no-image {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

.ycx-video-page .ycx_sub_banner .subPage_banner1 {
  max-width: 44rem;
}

.ycx-video-page .ycx_sub_banner .subPage_banner1 .title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgba(6, 29, 66, 0.25);
}

.ycx-video-page .ycx_sub_banner .subPage_banner1 .text {
  color: rgba(232, 238, 245, 0.95);
  max-width: 38rem;
  line-height: 1.7;
  opacity: 1;
  padding-top: clamp(0.65rem, 0.5rem + 0.4vw, 0.95rem);
}

/* ---------- Breadcrumbs: cool gray bar ---------- */
.ycx-video-page .new_det_crumbs {
  background: linear-gradient(to right, #fff, #F2F5F9);
  border-bottom: 1px solid #e8eef6;
}

.ycx-video-page .new_det_crumbs_w {
  padding-top: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
  padding-bottom: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
}

.ycx-video-page .new_det_crumbs1,
.ycx-video-page .new_det_crumbs1 a {
  color: #475569;
}

.ycx-video-page .new_det_crumbs1 a:hover {
  color: var(--hue, #0B2F66);
  text-decoration: none;
}

.ycx-video-page .new_det_crumbs1 span {
  color: #334155;
  font-family: "Inter-SemiBold", Arial, sans-serif;
}

/* ---------- Video grid: cool navy card polish (structure unchanged) ---------- */
.ycx-video-page .vidBoxOne {
  background: #F7F9FC;
}

.ycx-video-page .vidBoxOne_w.ptb {
  padding-top: clamp(2.75rem, 1.9rem + 2.8vw, 4.5rem);
  padding-bottom: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-video-page .vidBoxOne1 {
  padding-bottom: clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);
  gap: 10px 12px;
}

.ycx-video-page .vidBoxOne1 .item a {
  background: #fff;
  color: var(--hue, #0B2F66);
  border: 1px solid #c9d4e5;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ycx-video-page .vidBoxOne1 .item.hover a,
.ycx-video-page .vidBoxOne1 .item a:hover {
  background: var(--hue, #0B2F66);
  color: #fff;
  border-color: var(--hue, #0B2F66);
  box-shadow: 0 6px 16px rgba(11, 47, 102, 0.16);
}

.ycx-video-page .vidBoxOne2 {
  column-gap: clamp(1rem, 0.7rem + 1vw, 1.5rem);
  row-gap: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
}

.ycx-video-page .vidOne2_item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  cursor: pointer;
}

.ycx-video-page .vidOne2_item:hover {
  border-color: rgba(11, 47, 102, 0.28);
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
  transform: translateY(-2px);
}

.ycx-video-page .vidOne2_item .img_box {
  border-radius: 0;
  background: #E6ECF5;
}

.ycx-video-page .vidOne2_item .img_box::after {
  background: linear-gradient(
    180deg,
    rgba(6, 29, 66, 0.15) 0%,
    rgba(6, 29, 66, 0.45) 100%
  );
}

.ycx-video-page .vidOne2_item:hover .img_box::after {
  opacity: 0.55;
}

.ycx-video-page .vidOne2_item .img_box .play_btn {
  filter: drop-shadow(0 4px 12px rgba(6, 29, 66, 0.35));
}

.ycx-video-page .vidOne2_item .title {
  color: var(--hue, #0B2F66);
  padding: clamp(0.85rem, 0.7rem + 0.5vw, 1.15rem) clamp(0.9rem, 0.7rem + 0.6vw, 1.2rem) clamp(1rem, 0.8rem + 0.6vw, 1.35rem);
  letter-spacing: -0.01em;
  line-height: 1.35;
}

.ycx-video-page .vidOne2_item:hover .title {
  color: var(--hue-2, #164A8A);
}

.ycx-video-page .ycx_empty_note {
  color: #64748b;
  background: #fff;
  border: 1px dashed #c9d4e5;
  border-radius: 14px;
  padding: clamp(2rem, 1.5rem + 1.5vw, 3rem) 1.5rem;
}

@media (max-width: 781px) {
  .ycx-video-page .ycx_sub_banner .subPage_banner_w {
    min-height: 10.5rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

/* =====================================================================
   Product / Application listing — cool navy banner + crumbs parity
   Scoped to body.ycx-product-listing / body.ycx-application-listing.
   Product cat hub structure / content unchanged. No invented copy.
   ===================================================================== */

body.ycx-application-listing {
  background: #F7F9FC;
}

/* ---------- Application archive sub-banner: info-style shorter cool navy ---------- */
.ycx-application-listing .ycx_sub_banner .subPage_banner_w {
  padding-top: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 1.8rem + 3vw, 4.5rem);
  height: auto;
  min-height: clamp(11.5rem, 7.5rem + 12vw, 20rem);
}

.ycx-application-listing .ycx_sub_banner::before {
  background: linear-gradient(
    100deg,
    rgba(6, 29, 66, 0.9) 0%,
    rgba(11, 47, 102, 0.72) 48%,
    rgba(11, 47, 102, 0.28) 100%
  );
}

.ycx-application-listing .ycx_sub_banner.no-image {
  background: linear-gradient(120deg, var(--hue-dark) 0%, var(--hue) 55%, var(--hue-2) 100%);
}

.ycx-application-listing .ycx_sub_banner .subPage_banner1 {
  max-width: 44rem;
}

.ycx-application-listing .ycx_sub_banner .subPage_banner1 .title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgba(6, 29, 66, 0.25);
}

.ycx-application-listing .ycx_sub_banner .subPage_banner1 .text {
  color: rgba(232, 238, 245, 0.95);
  max-width: 38rem;
  line-height: 1.7;
  opacity: 1;
  padding-top: clamp(0.65rem, 0.5rem + 0.4vw, 0.95rem);
}

/* ---------- Breadcrumbs: cool gray bar ---------- */
.ycx-application-listing .new_det_crumbs {
  background: linear-gradient(to right, #fff, #F2F5F9);
  border-bottom: 1px solid #e8eef6;
}

.ycx-application-listing .new_det_crumbs_w {
  padding-top: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
  padding-bottom: clamp(0.65rem, 0.5rem + 0.5vw, 1rem);
}

.ycx-application-listing .new_det_crumbs1,
.ycx-application-listing .new_det_crumbs1 a {
  color: #475569;
}

.ycx-application-listing .new_det_crumbs1 a:hover {
  color: var(--hue, #0B2F66);
  text-decoration: none;
}

.ycx-application-listing .new_det_crumbs1 span {
  color: #334155;
  font-family: "Inter-SemiBold", Arial, sans-serif;
}

/* ---------- Soft outline navy chips (match product listing) ---------- */
.ycx-application-listing .appBoxOne {
  background: #F7F9FC;
}

.ycx-application-listing .appBoxOne_w.ptb {
  padding-top: clamp(2.75rem, 1.9rem + 2.8vw, 4.5rem);
  padding-bottom: clamp(3.25rem, 2.2rem + 3.5vw, 5.75rem);
}

.ycx-application-listing .vidBoxOne1 {
  padding-bottom: clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);
  gap: 10px 12px;
  justify-content: flex-start;
}

.ycx-application-listing .vidBoxOne1 .item a {
  width: auto;
  min-width: 0;
  padding: 0 clamp(1.15rem, 0.9rem + 0.8vw, 1.5rem);
  height: clamp(2.375rem, 2.2rem + 0.5vw, 2.75rem);
  line-height: clamp(2.25rem, 2.05rem + 0.5vw, 2.625rem);
  color: var(--hue, #0B2F66);
  background: #fff;
  border: 1px solid #c9d4e5;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(11, 47, 102, 0.04);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ycx-application-listing .vidBoxOne1 .item.hover a,
.ycx-application-listing .vidBoxOne1 .item a:hover {
  background: var(--hue, #0B2F66);
  color: #fff;
  border-color: var(--hue, #0B2F66);
  box-shadow: 0 6px 16px rgba(11, 47, 102, 0.16);
}

/* ---------- Application cards — product-style material grid ---------- */
.ycx-application-listing .appBoxOne2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(1.125rem, 0.75rem + 1.2vw, 1.75rem);
  row-gap: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
  align-items: stretch;
}

.ycx-application-listing .appBoxOne2 > .appOne2_item:nth-child(even) a,
.ycx-application-listing .appBoxOne2 > .appOne2_item:nth-child(odd) a {
  flex-direction: column;
}

.ycx-application-listing .appOne2_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(11, 47, 102, 0.04);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  padding: 0 0 clamp(1rem, 0.8rem + 0.6vw, 1.35rem);
}

.ycx-application-listing .appOne2_item:hover {
  border-color: rgba(11, 47, 102, 0.28);
  box-shadow: 0 10px 28px rgba(11, 47, 102, 0.1);
  transform: translateY(-3px);
}

.ycx-application-listing .appOne2_item_top {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.ycx-application-listing .appOne2_item_top > a {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  color: inherit;
  text-decoration: none;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.ycx-application-listing .appOne2_item_top .img_box {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--hue-tint, #E6ECF5);
  flex: 0 0 auto;
  perspective: 900px;
}

.ycx-application-listing .appOne2_item_top .img_box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}

.ycx-application-listing .appOne2_item:hover .appOne2_item_top .img_box img {
  transform: translateZ(80px);
  transition: all 1.6s;
}

.ycx-application-listing .appOne2_item_top .bot_box {
  padding: clamp(1.05rem, 0.9rem + 0.5vw, 1.4rem) clamp(1rem, 0.8rem + 0.7vw, 1.35rem) 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: auto;
}

.ycx-application-listing .appOne2_item_top .bot_box .title {
  color: var(--hue, #0B2F66);
  font-weight: 600;
  line-height: 1.4;
  min-height: calc(1.4em * 2);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: color 0.25s ease;
}

.ycx-application-listing .appOne2_item:hover .appOne2_item_top .bot_box .title {
  color: var(--hue-2, #164A8A);
}

.ycx-application-listing .appOne2_item_top .bot_box .text {
  color: #5b6b82;
  padding-top: clamp(0.35rem, 0.28rem + 0.2vw, 0.5rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-height: calc(1.5em * 3);
}

.ycx-application-listing .appOne2_item_top .bot_box .text .app_card_sub {
  color: var(--hue, #0B2F66);
  font-weight: 600;
  padding-bottom: 0.2rem;
}

.ycx-application-listing .appOne2_item_top .bot_box .text .app_card_ex {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ycx-application-listing .appOne2_item_bot {
  padding: clamp(0.95rem, 0.75rem + 0.6vw, 1.25rem) clamp(1rem, 0.8rem + 0.7vw, 1.35rem) 0;
  margin-top: auto;
  flex: 0 0 auto;
  width: auto;
}

.ycx-application-listing .appOne2_item_bot .btn {
  display: block;
  width: 100%;
  height: clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);
  line-height: clamp(2.375rem, 2.243rem + 0.56vw, 2.813rem);
  color: var(--hue, #0B2F66);
  text-align: center;
  border: 1.5px solid var(--hue, #0B2F66);
  border-radius: 8px;
  background: #fff;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: all 0.25s ease;
  text-decoration: none;
}

.ycx-application-listing .appOne2_item:hover .appOne2_item_bot .btn {
  color: #fff;
  background: var(--hue, #0B2F66);
}

/* Kill legacy alternating row layout leftovers inside listing */
.ycx-application-listing .appOne2_item_l,
.ycx-application-listing .appOne2_item_r {
  width: auto;
}

.ycx-application-listing .ycx_empty_note {
  color: #64748b;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .ycx-application-listing .appBoxOne2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 781px) {
  .ycx-application-listing .ycx_sub_banner .subPage_banner_w {
    min-height: 10.5rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .ycx-application-listing .vidBoxOne1 {
    justify-content: stretch;
  }
  .ycx-application-listing .vidBoxOne1 .item {
    flex: 1 1 auto;
  }
  .ycx-application-listing .vidBoxOne1 .item a {
    width: 100%;
    text-align: center;
    padding: 0 12px;
  }
}

@media screen and (max-width: 767px) {
  .ycx-application-listing .appBoxOne2 {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* 2.2.53: About Quality Assurance intro on navy — override slate .text */
.ycx-about-page .aboBoxFour.ycx_navy_bg .public_module_title .text {
  color: rgba(255, 255, 255, 0.88) !important;
}