/*
Theme Name: Fan
Description: Corporate site theme
Version: 2026.09
*/
@charset "UTF-8";
:root{
    --primary:#ff2d3d;
    --primary-2:#d71127;
    --primary-3:#ff6a73;
    --bg:#070d13;
    --bg-2:#0d141b;
    --bg-3:#101c27;
    --panel:rgba(17,25,33,0.9);
    --panel-2:rgba(13,20,27,0.98);
    --text:#edf5ff;
    --text-soft:#c8d1dc;
    --text-muted:#8a98a9;
    --line:rgba(255,255,255,0.08);
    --shadow:rgba(255,45,61,0.22);
    --glow:rgba(255,95,109,0.35);
}
body{font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;color:var(--text);font-size:14px;line-height:1.6;background:
    radial-gradient(circle at top left, rgba(255,45,61,0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(78,138,255,0.10), transparent 24%),
    linear-gradient(180deg, #070d13 0%, #0b1016 30%, #070d13 100%);
    background-attachment:fixed;
}
/* Avoid viewport-wide background repainting while scrolling the homepage. */
body.home{background-attachment:scroll;}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size:28px 28px;
    mask-image:radial-gradient(circle at center, black, transparent 82%);
}
p{margin-top:0;margin-bottom:10px;line-height:1.8;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:var(--text);text-decoration:none;background-color:transparent;}
a:hover{color:var(--primary-3);text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
#wp-admin-bar-wp-logo,
#wp-admin-bar-customize,
#wp-admin-bar-comments,
#wp-admin-bar-new-content{display:none!important}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
@media (min-width:1200px){
    .container{max-width:1260px;}
}

/*top*/
.top{background:#f1f1f1;font-size:13px;padding:10px 0px;}
.top_row{display:flex;flex-direction:row;justify-content:space-between;}
.top_welcome{margin:0px;color:#686868;}
.top_r{float:right;}
.top_r .guanzhu{display:inline-block;color:#686868;border:none;background:none;margin-left:25px;padding:0px;position:relative;}
.top_r .guanzhu:after{position:absolute;content:"";width:1px;height:10px;background:#afafaf;border:0px;right:-14px;top:6px;}
.top_r .guanzhu:last-child:after{display:none;}
@media (max-width:768px){
    .top{display:none}
}

/*head*/
.head{padding:12px 0 14px;background:linear-gradient(180deg, rgba(9,14,20,0.98), rgba(15,20,27,0.94));border-bottom:1px solid rgba(255,255,255,0.06);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(255,45,61,0.04),0 16px 36px rgba(0,0,0,0.24);position:relative;z-index:20;}
.head::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,45,61,0.09), transparent 18%, transparent 82%, rgba(255,45,61,0.07));pointer-events:none;}
.head_main{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;}
.head .head_logo{display:flex;flex-direction:row;align-items:center;}
.head .head_logo .logo{padding:4px;position:relative;}
.head .head_logo .logo img{display:block;width:56px;height:auto;}
.head .head_logo .logo_ms .site-brand-title{font-size:21px;margin-bottom:0px;color:#fff;letter-spacing:0.06em;text-transform:uppercase;}
.head .head_logo .logo_ms p{margin:0px;color:var(--text-soft);letter-spacing:0.08em;}
.head .head_logo .logo_ms p span{color:var(--primary-3);}
.head .head_logo .logo:after{display:none;}
.head_tel_box{display:flex;flex-direction:row;align-items:center;}
.head_tel_box i{margin-right:18px;color:var(--primary-3);font-size:50px;line-height:1;text-shadow:0 0 18px rgba(255,95,109,0.4);}
.head_tel_box .head_tel{text-align:left;}
.head_tel_box .head_tel p{margin:0px;font-size:24px;color:var(--primary-3);font-weight:bold;line-height:1.1;}
.ewm_close{position:absolute;right:10px;top:10px;cursor:pointer;z-index:5;background:#fff;width:40px;height:40px;border:none;}
.ewm_close:after{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(-45deg);top:10px;}
.ewm_close:before{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(45deg);top:10px;}
@media (max-width:1200px){
    .head_tel_box{display:none;}
}
@media (max-width:768px){
    .head{padding:10px 0px;}
    .head .head_logo{justify-content: center;width:100%;margin:0 auto;padding-right:40px;}
    .head .head_logo .logo{margin:0px;padding:0px;}
    .head .head_logo .logo:after{display:none}
    .head .head_logo .logo_ms{display:none}
    .head_tel_box{display:none}
}

/*nav*/
.navbar{background:linear-gradient(90deg, rgba(10,15,21,0.98), rgba(19,26,35,0.96), rgba(10,15,21,0.98));padding:0px;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.04);box-shadow:0 18px 40px rgba(0,0,0,0.18);position:relative;overflow:hidden;}
.navbar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,45,61,0.12), transparent 18%, transparent 82%, rgba(255,45,61,0.08));pointer-events:none;}
@media (max-width:1200px){
    .navbar{display:none;}
}
.header-menu .header-menu-ul{font-size:0px;display:flex;justify-content:center;align-items:center;gap:8px;position:relative;z-index:1;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;border-radius:12px;transition:all 0.25s ease;}
.header-menu .header-menu-ul li::before{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg, transparent, var(--primary-3), transparent);transition:all 0.25s ease;}
.header-menu .header-menu-ul li:hover{background:linear-gradient(180deg, rgba(255,45,61,0.2), rgba(255,45,61,0.06));box-shadow:inset 0 0 18px rgba(255,45,61,0.08);}
.header-menu .header-menu-ul li:hover::before,
.header-menu .header-menu-ul li.current-menu-item::before,
.header-menu .header-menu-ul li.current-menu-parent::before{width:30px;}
.header-menu .header-menu-ul li:hover > a{color:#fff;}
.header-menu .header-menu-ul li a{padding:20px 18px;display:block;font-size:15px;color:var(--text-soft);white-space:nowrap;transition:all 0.3s ease;letter-spacing:0.08em;text-transform:uppercase;position:relative;z-index:1;}
.header-menu .header-menu-ul li a i{margin-right:5px;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:62.5px;background:rgba(12,18,24,0.98);width:220px;box-shadow:0 18px 35px rgba(0,0,0,.35);z-index:99;border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;border-top:1px solid rgba(255,255,255,0.04);border-radius:0;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:14px;padding:16px 22px;color:#f0f4fa;text-transform:none;letter-spacing:0.02em;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:220px;top:-1px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:after{content:'';font-family:bootstrap-icons;display:inline-block;margin-left:10px;font-size:12px;transform:scale(0.7);}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children>a:after{content:'';font-family:bootstrap-icons;display:block;float:right;transform:rotate(270deg) scale(0.7);}
.header-menu .header-menu-ul li.current-menu-item:not(:first-child),
.header-menu .header-menu-ul li.current-menu-parent:not(:first-child){background:rgba(255,45,61,0.06);box-shadow:none;}
.header-menu .header-menu-ul li.current-menu-item:not(:first-child) > a,
.header-menu .header-menu-ul li.current-menu-parent:not(:first-child) > a{color:#fff;}

/*search*/
.navbar_search_btn{border:none;background:none;color:#686868;}
#offcanvas_search{height:174px;display:flex;justify-content:center;align-items:center;}
#offcanvas_search .search_close{position:absolute;right:0px;top:0px;cursor:pointer;z-index:5;background:#e2e2e2;width:40px;height:40px;border:none;}
#offcanvas_search .search_close:after{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(-45deg);top:10px;}
#offcanvas_search .search_close:before{content:"";position:absolute;background-color:black;left:20px;width:1px;height:20px;transform:rotate(45deg);top:10px;}
.offcanvas_search_form{width:100%;position:relative;border:3px solid #dddddd;line-height:40px;overflow:hidden;display:flex;}
.offcanvas_search_form select{padding:0px 20px;background:none;border:none;color:#acacac;margin-right:5px;}
.offcanvas_search_form input{width:100%;border:none;color:#8e8e8e;background:none;text-indent:15px;}
.offcanvas_search_form button{position:absolute;top:3px;right:8px;bottom:3px;border:none;color:#ffffff;border-radius:5px;line-height:1;background:#193938;padding:0px 20px;}
.sjxs{display:none}
@media (max-width:1200px){
    .sjxs{display:block;}
    .sjxs i{color:#333;}
}

/*ewm tanchu top_share*/
.top_share{}
.top_share h3{font-size:18px;padding-top:26px;margin-bottom:50px;}
.top_share img{width:80%;}
.top_share h4{font-size:16px;margin:50px 0px;}
.top_share .foot_icon{display:flex;justify-content:center;margin:20px 0px;}
.top_share .foot_icon a{display:block;margin:0px 5px;}

/*hot key*/
.hot_key{background:#efefef;}
.hot_key_box{display:flex;justify-content:space-between;align-items:center;}
.hot_key_box .hot_key_left{display:flex;font-size:13px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.hot_key_box .hot_key_left b{margin-right:18px;font-weight:inherit;}
.hot_key_box .hot_key_left b i{}
.hot_key_box .hot_key_left .hotkey_ul{}
.hot_key_box .hot_key_left .hotkey_ul li{display:inline-block;margin-right:10px;position:relative;padding-right:10px;}
.hot_key_box .hot_key_left .hotkey_ul li a{color:#838383;font-weight:300;}
.hot_key_box .hot_key_left .hotkey_ul li:after{position:absolute;content:"";width:1px;height:10px;background:#afafaf;border:0px;right:-1px;top:6px;}
.hot_key_box .hot_key_left .hotkey_ul li:last-child:after{display:none;}
.hot_key_box .foot_icon{display:flex;justify-content:flex-end;}
.hot_key_box .foot_icon a{margin-left:10px;margin-right:0PX;}
@media (max-width:768px){
    .hot_key .foot_icon{display:none}
}

/*banbox*/
.banbox{width:100%;position:relative;overflow:hidden;background:#060b10;}
.banbox .owl-nav{position:absolute;top:50%;width:100%;margin-top:-27.5px;z-index:20}
.banbox .owl-nav button:focus{box-shadow:none;outline:0}
.banbox .owl-nav button.owl-prev:hover{background:rgba(255,45,61,0.9);}
.banbox .owl-nav button.owl-next:hover{background:rgba(255,45,61,0.9);}
.banbox .owl-nav button.owl-prev:after{content:"\F27A";font-family:bootstrap-icons;font-weight:400;font-size:22px;color:#fff;}
.banbox .owl-nav button.owl-next:after{content:"\F27B";font-family:bootstrap-icons;font-weight:400;font-size:22px;color:#fff;}
.banbox .owl-nav button.owl-prev{position:absolute;left:0;width:55px;height:55px;text-align:center;line-height:55px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%;background:linear-gradient(145deg, rgba(255,45,61,0.9), rgba(150,15,30,0.85));box-shadow:0 0 24px rgba(255,45,61,0.25);}
.banbox .owl-nav button.owl-next{position:absolute;right:0;width:55px;height:55px;text-align:center;line-height:55px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:50%;background:linear-gradient(145deg, rgba(255,45,61,0.9), rgba(150,15,30,0.85));box-shadow:0 0 24px rgba(255,45,61,0.25);}
.banbox:hover .owl-nav button.owl-prev{left:30px;opacity:.9;}
.banbox:hover .owl-nav button.owl-next{right:30px;opacity:.9;}
.banbox .owl-dots{text-align:center;position:absolute;bottom:30px;width:100%;z-index:20}
.banbox .owl-dots .owl-dot{display:inline-block;margin:0 4px}
.banbox .owl-dots .owl-dot span{width:8px;height:8px;display:block;background:rgba(255,255,255,0.62);border-radius:50%}
.banbox .owl-dots .active span{background:linear-gradient(90deg, var(--primary-3), var(--primary));width:22px;border-radius:8px;box-shadow:0 0 12px rgba(255,45,61,0.35);}
.banbox .item{position:relative;min-height:620px;background:var(--banner-bg,#090d13);}
.banbox .item.color-banner{background:linear-gradient(120deg,var(--banner-bg,#09141a),rgba(255,45,61,0.17),#111824,var(--banner-bg,#09141a));background-size:100% 100%;}
.banbox .banner-particle-field{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;opacity:.94;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 92% 76% at 50% 82%,#000 26%,rgba(0,0,0,.94) 66%,transparent 100%);mask-image:radial-gradient(ellipse 92% 76% at 50% 82%,#000 26%,rgba(0,0,0,.94) 66%,transparent 100%);}
.banbox .item img{display:block;width:100%;height:620px;object-fit:cover;filter:saturate(1.08) contrast(1.05);}
.banbox .item::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(4,6,10,0.7) 0%, rgba(10,18,24,0.38) 35%, rgba(7,12,17,0.18) 100%);z-index:1;}
.banbox .banner-overlay{position:absolute;inset:0;background:radial-gradient(circle at 15% 50%, rgba(255,45,61,0.18), transparent 24%), linear-gradient(180deg, transparent 0%, rgba(4,6,10,0.58) 100%);z-index:2;pointer-events:none;}
.banbox .banner-content{position:absolute;top:46%;bottom:auto;left:50%;width:min(900px,82%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:4;text-align:center;transform:translate(-50%,-50%);}
.banbox .banner-copy{max-width:720px;font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;}
.banbox .banner-kicker{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,0.12);border-radius:999px;background:rgba(255,255,255,0.04);color:#ffafb8;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:16px;}
.banbox .banner-copy h3{margin:0;color:#fff;font-size:56px;line-height:1.12;font-weight:800;letter-spacing:0.05em;font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 2px 0 rgba(255,255,255,0.12),0 18px 30px rgba(0,0,0,0.3);}
.banbox .banner-subtitle{margin:16px 0 0;color:rgba(255,255,255,0.72);font-size:20px;line-height:1.6;font-weight:400;letter-spacing:0.08em;font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 8px 18px rgba(0,0,0,0.3);}
.banbox .banner-buttons{position:static;display:flex;justify-content:center;align-items:center;gap:16px;z-index:10;transform:none;}
.banbox .banner-button{font-family:'Open Sans',sans-serif;font-size:15px;font-weight:500;min-width:190px;padding:15px 42px;border-radius:10px;text-align:center;text-transform:uppercase;letter-spacing:0.08em;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,0.16);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease;display:inline-block;color:#fff !important;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(8px);line-height:1.2;}
.banbox .banner-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);transition:0.5s;}
.banbox .banner-button:hover::before{left:100%;}
.banbox .button1{background:linear-gradient(135deg, var(--primary-3), var(--primary-2));border-color:rgba(255,135,145,0.3);box-shadow:0 14px 30px rgba(255,45,61,0.24);}
.banbox .button1:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,45,61,0.3);}
.banbox .button2{background:rgba(10,16,23,0.72);border-color:rgba(255,255,255,0.2);box-shadow:0 14px 30px rgba(0,0,0,0.24);}
.banbox .button2:hover{background:rgba(20,28,36,0.88);border-color:rgba(255,255,255,0.34);transform:translateY(-3px);}
.banbox .banner-buttons a:hover{color:#fff !important;text-decoration:none;}
@media (prefers-reduced-motion:reduce){
    .banbox .banner-particle-field{display:none;}
}
@media (max-width:1200px){
    .banbox .item,.banbox .item img{height:540px;}
    .banbox .banner-content{top:46%;}
    .banbox .banner-copy h3{font-size:44px;}
    .banbox .banner-subtitle{margin-top:14px;font-size:18px;}
}
@media (max-width:768px){
    .banbox .item,.banbox .item img{height:460px;}
    .banbox .banner-content{top:47%;right:auto;bottom:auto;left:50%;width:min(86%,520px);gap:22px;transform:translate(-50%,-50%);}
    .banbox .banner-copy h3{font-size:30px;line-height:1.28;}
    .banbox .banner-subtitle{margin-top:12px;font-size:15px;line-height:1.5;letter-spacing:0.04em;}
    .banbox .banner-buttons{margin-top:0;justify-content:center;flex-direction:column;align-items:center;gap:12px;transform:none;}
    .banbox .banner-button{min-width:180px;padding:13px 24px;border-radius:9px;font-size:13px;letter-spacing:0.08em;}
    .banbox .owl-dots{bottom:18px;}
}

/*ty_title*/
.index_ty_title{position:relative;margin-bottom:70px;}
.index_ty_title h2{font-size:30px;color:#f3f7fb;font-weight:bold;letter-spacing:1px;}
.index_ty_title p{text-transform:uppercase;font-size:16px;color:var(--text-muted);letter-spacing:1.5px;}
.index_ty_title:before{position:absolute;content:"";width:50px;height:5px;background:linear-gradient(90deg, var(--primary-3), var(--primary));bottom:-22px;left:50%;margin-left:-25px;z-index:9;border-radius:5px;padding:3px;box-shadow:0 0 8px rgba(230,23,38,0.18);}
.index_ty_title:after{position:absolute;content:"";width:320px;height:2px;background:rgba(255,255,255,0.08);bottom:-20px;left:50%;margin-left:-160px;}
@media (max-width:768px){
    .index_ty_title h2{font-size:24px;}
}

/*all_tab_name*/
.all_tab_name{text-align:center;display:block;margin-bottom:60px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.all_tab_name button{display:inline-block;margin:0 10px;background:rgba(255,255,255,0.03);padding:10px 20px;color:#fff;transition:.6s;border:none;border:1px solid rgba(255,255,255,0.12);border-radius:999px;}
.all_tab_name button.active{background:linear-gradient(90deg, var(--primary-3), var(--primary));color:#fff;box-shadow:0 12px 24px var(--shadow);}
.all_tab_name button:hover{color:#fff;}
@media (max-width:768px){
    .all_tab_name button{padding:9px 13px;font-size:13px;margin:5px;}
}

/*index_product*/
.index_tab_main{padding:80px 0px;text-align:center;}
.mains_loop{position:relative;background:linear-gradient(180deg, rgba(19,25,32,0.9), rgba(10,14,19,0.96));border:1px solid rgba(255,255,255,0.08);box-shadow:0 18px 35px rgba(0,0,0,0.18);border-radius:18px;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;}
.mains_loop:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(255,45,61,0.14);border-color:rgba(255,110,120,0.45);}
.mains_loop .mains_loop_pic{position:relative;display:flex;justify-content:center;align-items:center;}
.mains_loop .mains_loop_pic img{width:260px;height:186px;background:linear-gradient(to top,#2e2e2e,#4b4b4b);object-fit:cover;object-position:center;margin-top:15px;border-radius:12px;}
.mains_loop .mains_loop_pic .mains_loop_pic_span{position:absolute;top:13px;right:10px;color:#fff;}
.mains_loop .mains_loop_pic .mains_loop_pic_span span{background:linear-gradient(90deg, var(--primary), var(--primary-2));padding:2px 8px;font-size:12px;box-shadow:0 10px 18px rgba(255,45,61,0.22);border-radius:6px;}
.mains_loop h2{padding:20px;overflow:hidden;font-size:15px;line-height:1.6;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;color:#edf3f8;}
.mains_loop_more{display:inline-block;padding:10px 25px;background:linear-gradient(90deg, var(--primary), var(--primary-2));color:#fff;margin:60px auto 20px auto;border:1px solid rgba(255,255,255,0.12);box-shadow:0 12px 24px rgba(255,45,61,0.2);border-radius:999px;}
.mains_loop_more:hover{background:linear-gradient(90deg, var(--primary-3), var(--primary));color:#fff;}
.all_products_page{margin-bottom:80px;}
.all_products_page .all_products_page_name{margin-bottom:30px;}
.all_products_page .all_products_page_name a{font-size:24px;margin-bottom:10px;display:inline-block;color:#f8fbff;}
.all_products_page .all_products_page_name p{font-size:16px;font-weight:300;margin:0px;color:var(--text-soft);}

/*cat_product*/
.mains_loop_sub{background:#f1f1f1;padding:15px 5px 10px 15px;position:relative;z-index:9;}
.mains_loop_sub li{display:inline-block;margin:0px 10px 8px 0px;font-size:13px;}
.mains_loop_sub li a{display:flex;align-items:center;}
.mains_loop_sub li a i{margin-right:4px;}
.mains_loop_sub li a b{display:inline-block;background:#455187;color:#fff;transform:scale(0.6);padding:2px 5px;line-height:1;border-radius:6px;}
@media (max-width:768px){
    .index_tab_main{padding:52px 0px;}
}

/*index_grid_new*/
.index_grid_new{padding:80px 0px;text-align:center;}
.index_grid_new_name{background-color:#455187;text-align:center;font-size:16px;display:block;padding:10px 0px;color:#fff;font-weight:bold;margin-bottom:15px;}
.index_grid_new_name:hover{background-color:#455187;color:#fff;}
.index_grid_new_loop:nth-child(even) .index_grid_new_name{background:#97d5ee;}

/*index_cut*/
.index_cut{text-align:center;padding:60px 0px;color:#fff;background-size:cover;background-position:center;}
.index_cut_box{}
.index_cut_box h2{margin-bottom:60px;position:relative;font-size: 30px;color: #f3f7fb;font-weight: bold;}
.index_cut_box h2:before{position: absolute;
    content: "";
    width: 320px;
    height: 2px;
    background: rgba(255,255,255,0.08);
    bottom: -20px;
    left: 50%;
    margin-left: -160px;}
.index_cut_box h2:after{    position: absolute;
    content: "";
    width: 50px;
    height: 5px;
    background: linear-gradient(90deg, var(--primary-3), var(--primary));
    bottom: -22px;
    left: 50%;
    margin-left: -25px;
    z-index: 9;
    border-radius: 5px;
    padding: 3px;}
.index_cut_box p{line-height:2;font-size:15px;margin-bottom:0px;color: rgba(255,255,255,0.74);text-align: justify;text-indent: 2em}
@media (max-width:768px){
    .index_cut_box p{font-size:14px}
}

/*index_card*/
.index_card{padding:82px 0px;background:linear-gradient(180deg, rgba(9,13,18,0.96), rgba(12,18,24,0.98));border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);}
.index_card_box{padding:40px 30px 30px 30px;text-align:center;background:linear-gradient(180deg, rgba(17,25,34,0.94), rgba(13,18,23,0.98));border:1px solid rgba(255,255,255,0.08);border-radius:22px;height:100%;box-shadow:0 18px 35px rgba(0,0,0,0.18), inset 0 0 0 1px rgba(255,45,61,0.05);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.index_card_box:hover{transform:translateY(-5px);border-color:rgba(255,108,120,0.38);box-shadow:0 18px 38px rgba(255,45,61,0.1), inset 0 0 0 1px rgba(255,45,61,0.06);}
.index_card_box h4{font-size:18px;color:#f5f7fa;position:relative;margin-bottom:35px;letter-spacing:0.06em;}
.index_card_box img{display:block;width:100%;max-width:210px;height:150px;margin:0 auto 20px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,45,61,0.25));}
.index_card_box p{color:rgba(255,255,255,0.74);font-weight:300;line-height:1.8;margin-bottom:0px;text-align:left;}
.index_card_box h4:after{content:"";width:44px;height:2px;background:linear-gradient(90deg, var(--primary-3), var(--primary));position:absolute;bottom:-20px;left:50%;margin-left:-22px;border-radius:999px;box-shadow:0 0 7px rgba(255,45,61,0.16);}
.index_card_box.text-start h4:after{left:0px;margin-left:0px;}
.index_card_box.text-end h4:after{right:0px;left:inherit;margin-left:0px;}
@media (max-width:768px){
    .index_card{padding:52px 0px;}
    .index_card_box{padding:30px 12px 20px 12px;}
    .index_card_box img{max-width:140px;height:110px;}
    .index_card_box h4{font-size:16px}
}

/*index_about*/
.index_about{position:relative;overflow:hidden;background-size:cover;padding:82px 0px;background-blend-mode:multiply;background:linear-gradient(135deg, rgba(9,12,18,0.98), rgba(28,18,20,0.96));border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);}
.index_about::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:28px 28px;opacity:0.2;pointer-events:none;}
.index_about::after{content:"";position:absolute;left:8%;top:20%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle, rgba(255,45,61,0.24), transparent 62%);filter:blur(20px);pointer-events:none;}
.about_txt{position:relative;z-index:1;color:#fff;}
.about_txt h2{font-size:38px;margin-bottom:25px;letter-spacing:0.12em;text-transform:uppercase;line-height:1.2;font-weight:800;color:#f9fbff;text-shadow:0 0 18px rgba(255,45,61,0.18);}
.about_txt p{font-size:15px;line-height:2;text-align:justify;color:rgba(255,255,255,0.86);max-width:620px;}
.about_txt .about_a{display:inline-block;color:#fff;background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:50px;padding:12px 28px;border:1px solid rgba(255,255,255,0.08);margin-top:20px;box-shadow:0 0 0 1px rgba(255,255,255,0.04),0 12px 25px rgba(255,45,61,0.25);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;transition:all 0.25s ease;}
.about_txt .about_a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 18px 30px rgba(255,45,61,0.32);}
.about_txt h2::after{content:"";display:block;width:120px;height:2px;background:linear-gradient(90deg, var(--primary-3), var(--primary));margin-top:18px;border-radius:999px;box-shadow:0 0 18px rgba(255,45,61,0.22);}
@media (max-width:768px){
    .about_txt{text-align:center;} 
    .about_txt h2{font-size:20px;letter-spacing:0.08em;}
    .about_txt h2::after{margin:18px auto 0;}
    .about_txt p{font-size:14px;margin:0px 10px 30px 10px;}
    .index_about{padding:52px 0px;}
}

/*index_case*/
.index_owl{padding:80px 0px;background:rgba(10,15,20,0.8); border-top:1px solid rgba(255,255,255,0.04);}
.index_owl_a{text-align:center;}
.index_owl_a img{margin-bottom:20px;background:linear-gradient(to top,#e5e9e5,#f5f5f5); border-radius:14px;}
.index_owl_a h3{font-size:15px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#edf2f7;}
@media (max-width:768px){
    .index_owl{padding:52px 0px;}
}

/*case_owl*/
.case_owl{width:100%;position:relative}
.case_owl .owl-nav{position:absolute;top:30%;width:100%;}
.case_owl .owl-nav button:focus{box-shadow:none;outline:0}
.case_owl .owl-nav button.owl-prev:hover{background:var(--primary);}
.case_owl .owl-nav button.owl-next:hover{background:var(--primary);}
.case_owl .owl-nav button.owl-prev:after{content:"\F27A";font-family:bootstrap-icons;font-weight:400;font-size:20px;color:#ffffff;}
.case_owl .owl-nav button.owl-next:after{content:"\F27B";font-family:bootstrap-icons;font-weight:400;font-size:20px;color:#ffffff;}
.case_owl .owl-nav button.owl-prev{position:absolute;left:-80px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:var(--primary-strong);width:30px;height:60px;}
.case_owl .owl-nav button.owl-next{position:absolute;right:-80px;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:var(--primary-strong);width:30px;height:60px;}
.case_owl .owl-dots{text-align:center;position:absolute;bottom:-10px;width:100%;}
.case_owl .owl-dots .owl-dot{display:inline-block;margin:0 4px}
.case_owl .owl-dots .owl-dot span{width:8px;height:8px;display:block;background:rgba(255,255,255,0.24);border-radius:50%;}
.case_owl .owl-dots .active span{background:var(--primary);width:20px;border-radius:8px;}

/*index_show*/
.index_show{padding:68px 0;background:radial-gradient(circle at 14% 48%,rgba(255,45,61,.16),transparent 30%),linear-gradient(120deg,rgba(15,22,29,.98),rgba(7,12,17,.99));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;}
.index_show_panel{position:relative;overflow:hidden;padding:48px 54px 40px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:0 28px 70px rgba(0,0,0,.26);}
.index_show_panel:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,transparent,var(--primary),transparent);}
.index_show_panel:after{content:"";position:absolute;right:-60px;top:-110px;width:280px;height:280px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.012);pointer-events:none;}
.index_show_watermark{position:absolute;right:44px;top:2px;color:rgba(255,255,255,.025);font-size:112px;font-weight:800;line-height:1;letter-spacing:.08em;user-select:none;pointer-events:none;}
.index_show_content{position:relative;z-index:1;}
.index_show_eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:var(--primary-3);font-size:11px;font-weight:700;letter-spacing:.22em;}
.index_show_eyebrow:before{content:"";width:34px;height:1px;background:var(--primary);box-shadow:0 0 10px var(--glow);}
.index_show_content h2{margin:0 0 12px;color:#fff;font-size:36px;line-height:1.3;font-weight:700;letter-spacing:.035em;}
.index_show_content>p{max-width:690px;margin:0;color:var(--text-soft);font-size:16px;line-height:1.9;}
.index_show_footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.index_show_values{display:flex;align-items:center;gap:34px;color:#dbe3ec;font-size:13px;}
.index_show_values li{display:flex;align-items:center;gap:8px;white-space:nowrap;}
.index_show_values i{color:var(--primary-3);font-size:15px;}
.index_show_more{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:600;white-space:nowrap;}
.index_show_more i{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;transition:background .25s ease,transform .25s ease;}
.index_show_more:hover{color:var(--primary-3);}
.index_show_more:hover i{color:#fff;background:var(--primary);border-color:var(--primary);transform:translate(2px,-2px);}
@media (max-width:991.98px){
    .index_show{padding:52px 0;}
    .index_show_panel{padding:42px 38px 36px;}
    .index_show_watermark{right:20px;font-size:86px;}
}
@media (max-width:575.98px){
    .index_show{padding:36px 0;}
    .index_show_panel{padding:32px 22px 26px;border-radius:18px;text-align:center;}
    .index_show_watermark{right:-12px;top:10px;font-size:62px;}
    .index_show_eyebrow{justify-content:center;font-size:9px;}
    .index_show_eyebrow:before{display:none;}
    .index_show_content h2{font-size:26px;}
    .index_show_content>p{font-size:14px;line-height:1.75;}
    .index_show_footer{flex-direction:column;gap:22px;margin-top:26px;padding-top:20px;}
    .index_show_values{width:100%;justify-content:center;gap:10px;font-size:12px;}
    .index_show_values li{gap:4px;}
}

/*information_box*/
.information_box{padding:80px 0px;}
.information_box_left{height:100%;background:linear-gradient(180deg, rgba(20,29,35,0.95), rgba(12,17,23,0.95));padding:25px;border:1px solid rgba(255,255,255,0.06);border-radius:18px;box-shadow:0 18px 35px rgba(0,0,0,0.18);}
.information_box_left time{color:#beb6b6;margin-bottom:20px;display:block;margin-top:20px;}
.information_box_left h2{font-size:24px;margin-bottom:20px;color:#fff;}
.information_box_left h2 a{}
.information_box_left p{color:var(--text-soft);margin-bottom:20px;line-height:2;}
.information_box_left img{margin-bottom:35px;border-radius:12px;}
.information_box_left .news_more{background:linear-gradient(90deg, var(--primary), var(--primary-strong));padding:10px 40px;display:inline-block;color:#fff;border-radius:999px;box-shadow:0 12px 24px rgba(255,45,61,0.22);}
.information_box_left .news_more:hover{background:linear-gradient(90deg, var(--primary-soft), var(--primary));color:#fff;}
.information_box_right{display:flex;padding:20px;background:linear-gradient(180deg, rgba(18,28,35,0.92), rgba(12,18,24,0.96));margin-bottom:16px;position:relative;border:1px solid rgba(255,255,255,0.06);border-radius:14px;}
.information_box_right img{margin-right:20px;width:120px;height:100%;border-radius:10px;}
.information_box_right .information_box_right_main{}
.information_box_right .information_box_right_main h2{overflow:hidden;font-size:16px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;color:#f6f8fb;}
.information_box_right .information_box_right_main p{margin-bottom:0px;color:#b7c0c9;line-height:1.7;}
.information_box_right:last-child{margin-bottom:0px;}
.news_info{font-size:12px;margin-bottom:10px;color:#929292;}
.news_info span{margin-right:20px;}
.news_info span:last-child{margin-right:0px;}
.news_info span i{}
@media (max-width:768px){
    .information_box_left .news_more{display:none}
    .news_info{display:none;}
    .information_box{padding:52px 0px;}
    .information_box_left{margin-bottom:15px;height:auto;}
    .information_box_right img{width:80px;}
    .information_box_right .information_box_right_main p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;}
}

/*links*/
.links{padding:20px 0px;background:#28292f;font-size:13px;}
.links b{margin-right:20px;color:#6d6f78;}
.links a{margin-right:15px;color:#6d6f78;}

/*footer*/
.footer{padding:70px 0;background:#23252b;color:#6d6f78;}
.foot_box{position:relative;}
.foot_box_name{font-size:16px;margin-bottom:46px;color:#fefefe;position:relative;margin-top:8px;}
.foot_box_name:after{content:"";width:30px;height:2px;background:#fefefe;position:absolute;bottom:-20px;left:0px;}
.foot_box_name:before{content:"";width:60px;height:2px;background:#cb2116;position:absolute;bottom:-20px;left:0px;}
.foot_box ul{}
.foot_box ul li{margin-bottom:13px;}
.foot_box ul li a{color:#6d6f78;font-size:14px;}
.foot_about{}
.foot_about .foot_logo{width:auto;max-width:100%;height:50px;margin-bottom:25px;}
.foot_about p{line-height:1.8;margin-bottom:25px;}
.foot_icon{display:flex;}
.foot_icon a{color:#b49d58;margin-right:10px;background:#4b4e58;padding:6px;line-height:1;}
.foot_icon a img{height:15px;width:15px;display:block;}
.foot_box_ewm_box{display:flex;margin-top:30px;}
.foot_box_ewm{text-align:center;margin-right:30px;}
.foot_box_ewm img{width:58px;height:58px;margin-bottom:10px;background:#fff;padding:3px;}
.foot_box_ewm p{margin-bottom:0px;line-height:1.8;font-size:12px;}
.banquan{background:#202227;padding:18px 0px;text-align:center;}
.banquan p{margin-bottom:0px;color:#5b5d64;}
.banquan p a{color:#5b5d64;}
@media (max-width:768px){
    .footer{padding:50px 0 20px 0px;}
    .foot_box{text-align:center;margin-bottom:30px;}
    .foot_icon{display:flex;justify-content:center;}
    .foot_icon a{margin:0px 5px;}
    .foot_box_name{}
    .foot_box_name:before{left:50%;margin-left:-30px;}
    .foot_box_name:after{left:50%;margin-left:-30px;}
    .foot_box_ewm{margin:0px 15px;}
    .foot_box_ewm_box{justify-content:center;}
    .banquan p{font-size:12px}
}

/*sidebar*/
.sidebar_left{position:sticky;top:20px;}
.widget_box{margin-bottom:30px;}
.widget_box_title{padding:17px 30px;background:#97d5ee;color:#fff;position:relative;}
.widget_box_title h4{font-size:18px;margin-bottom:5px;}
.widget_box_title p{margin:0px;font-size:12px;text-transform:uppercase;line-height:1;}
@media (max-width:992px){
    .sidebar_left{margin:0px 0px 30px 0px;}
}

/*side_nav*/
.side_nav{padding:5px 0px;background:#ffffff;}
.side_nav li{line-height:54px;position:relative;}
.side_nav li a{font-size:15px;display:block;color:#333;padding:0px 25px;background:#ffffff;border-bottom:1px solid #f3f3f3;font-weight:500;}
.side_nav li a:before{content:"\F28A";font-family:"bootstrap-icons";margin-right:15px;color:#efefef;font-size:12px;}
.side_nav li:last-child a{border-bottom:none;margin-bottom:0px;}
.side_nav .sub-menu{display:none;}
.side_nav .sub-menu li{line-height:50px;}
.side_nav .sub-menu li a{font-size:12px;font-weight:300;background:#ececec;margin-bottom:0px;position:relative;border-bottom:1px solid #e3e3e3;text-indent:30px;}
.side_nav .sub-menu li a:before{content:'';position:absolute;left:28.5px;top:22px;width:6px;height:6px;border-radius:5px;background:#8691bc;}
.side_nav .sub-menu li.current-menu-item a:before{background:#455187;width:10px;height:10px;top:19px;left:26.5px;}
.side_nav .sub-menu li:last-child a{border-bottom:none;}
.side_nav .menu-item-has-children .czxjcdbs:before{content:"\F282";font-family:"bootstrap-icons";position:absolute;right:10px;top:13px;color:#445187;width:30px;height:30px;line-height:30px;text-align:center;display:block;cursor:pointer;font-size:12px;margin:0px;}
.side_nav li.current-menu-item>.sub-menu{display:block;}
.side_nav li.current-menu-parent>.sub-menu{display:block;}
.side_nav>li.current-menu-item>a:before{content:"\F517";color:#455187;}
.side_nav li.current-product-ancestor>.sub-menu{display:block;}
.side_nav li.current-product-ancestor>.sub-menu li.current-product-ancestor a:before{background:#455187;width:10px;height:10px;top:19px;left:26.5px;}

/*side_news*/
.side_news{padding:20px;background:#fff;}
.side_news a{display:block;margin-bottom:15px;padding-bottom:10px;position:relative;text-indent:16px;border-bottom:1px dashed #e5e5e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:300;}
.side_news a:last-child{margin-bottom:0px;border-bottom:none;padding-bottom:0px;}
.side_news a:before{content:'';position:absolute;left:0px;top:8px;width:5px;height:5px;border-radius:5px;background:#445187;}

/*side_diy*/
.side_diy{padding:20px;background:#fff;font-weight:300;}
.side_diy h4{font-size:16px;margin-bottom:20px;color:#445187;font-weight:bold;}
.side_diy p{line-height:1.6;}
.side_diy p:last-child{margin-bottom:0px;}

/*side_grid_a*/
.side_grid_a{display:block;text-align:center;}
.side_grid_a img{margin-bottom:10px;background:linear-gradient(to top,#e5e9e5,#f5f5f5);}
.side_grid_a h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:12px;}

/*topban*/
.topban_img{height:200px;background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;color:#fff;align-items:center;text-align:center;position:relative;}
.topban_img h1{}
.topban_img p{font-size:20px;text-transform:uppercase;letter-spacing:3px;margin-bottom:0px;}
.topban_img:before{content:"";width:100%;height:100%;position:absolute;background:linear-gradient(120deg, rgba(252, 203, 144, 0.8) 0%, rgba(213, 126, 235, 0.8) 100%);}
.topban_img .container{position:relative;}
@media (max-width:768px){
    .topban_img{height:180px;}
    .topban_img h1,.topban_img .product-banner-title,.topban_img .page-banner-title{font-size:24px;}
    .topban_img p{font-size:16px;letter-spacing:0px;}
}

/*mbx*/
.ny_mbx{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px;padding:18px 30px 18px 50px;position:relative;align-items:center;background:linear-gradient(135deg,rgba(18,27,36,0.98),rgba(10,15,22,0.98)) !important;border:1px solid rgba(255,45,61,0.32);border-left:3px solid var(--primary);border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,0.2),inset 0 0 24px rgba(255,45,61,0.04);}
.ny_mbx h2{font-size:20px;margin-bottom:0px;color:#fff;font-weight:700;letter-spacing:0.08em;line-height:1.4;}
.ny_mbx:before{content:'';position:absolute;left:22px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px rgba(255,45,61,0.75);}
.breadcrumb{list-style:none;margin:0;padding:0;font-weight:400;font-size:13px;background:none;color:#d7e0e9;}
.breadcrumb-home:before{content:"\F425";font-family:"bootstrap-icons";margin-right:8px;}
.breadcrumb li{display:flex;align-items:center;color:#d7e0e9;}
.breadcrumb li em{font-style:inherit;margin:0 10px;color:var(--primary-3);}
.breadcrumb li em:last-child{display:none}
.breadcrumb li a{color:#fff;transition:color .25s ease;}
.breadcrumb li a:hover{color:var(--primary-3);}
.breadcrumb-item.active{color:#ff9ca5;font-weight:600;}
@media (max-width:768px){
    .ny_mbx{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px;padding:15px 16px 15px 38px;}
    .ny_mbx h2{font-size:17px;}
    .ny_mbx:before{left:16px;}
    .breadcrumb{white-space:nowrap;overflow-x:auto;overflow-y:hidden;display:block;}
}

/*cat_news*/
.cat_news_loop{display:flex;padding:20px;background-color:#fff;margin-bottom:20px;position:relative;}
.cat_news_loop img{width:200px;margin-right:30px;}
.cat_news_loop_main{}
.cat_news_loop_main h2{font-size:20px;margin-bottom:15px;line-height:1.45;font-weight:700;}
.cat_news_loop_main h2 a{color:#17212b;transition:color .25s ease, text-shadow .25s ease;}
.cat_news_loop_main h2 a:hover{color:var(--primary-2);text-shadow:0 0 12px rgba(255,45,61,0.22);}
.cat_news_loop_main p{color:#4b5661;font-weight:400;margin-bottom:20px;line-height:1.8;}
.all_main{background:#f7f7f7;padding:50px 0px;}
@media (max-width:768px){
    .all_main{padding:20px 0px;}
    .cat_news_loop img{width:90px;height:100%;margin-right:20px;}
    .cat_news_loop_main h2{font-size:14px;line-height:1.6;margin-bottom:0px;}
    .cat_news_loop_main p{display:none;}
}

/*fy*/
.posts-nav{text-align:center;margin-bottom:30px}
.posts-nav .page-numbers{color:#445187;display:inline-block;padding:8px 18px;font-size:14px;background-color:#efefef;margin:0 2px;font-family:Arial;transition:all .6s;}
.posts-nav .current,
.posts-nav .page-numbers:hover{color:#fff;background-color:#445187;}

/*single single single single single*/
.single_news_right{background:#fff;padding:50px 40px;}
.single_news_title{text-align:center;border-bottom:1px solid #17212b;margin-bottom:30px;padding-bottom:20px;position:relative;}
.single_news_title::after{content:"";position:absolute;left:50%;bottom:-2px;width:72px;height:3px;transform:translateX(-50%);background:#17212b;border-radius:999px;}
.single_news_title h1{font-size:28px;margin-bottom:20px;color:#17212b;font-weight:800;line-height:1.4;}
@media (max-width:768px){
    .single_news_right{padding:40px 20px;}
    .single_news_title{display:block}
}

/*zw*/
.wznrys {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    text-align: justify;
    text-indent: 2em;
}

.wznrys p {
    margin-bottom: 1em;
    line-height: 1.8;
}

.wznrys h1, .wznrys h2, .wznrys h3, .wznrys h4, .wznrys h5, .wznrys h6 {
    margin: 1.5em 0 0.8em;
    line-height: 1.4;
    color: #333;
    font-weight: 500;
}

.wznrys h1 { font-size: 24px; }
.wznrys h2 { font-size: 22px; }
.wznrys h3 { font-size: 20px; }
.wznrys h4 { font-size: 18px; }
.wznrys h5 { font-size: 16px; }
.wznrys h6 { font-size: 16px; }

.wznrys img {
    max-width: 100%;
    height: auto;
    margin: 1em 0;
    display: block;
}

.wznrys ul, .wznrys ol {
    margin: 1em 0;
    padding-left: 2em;
}

.wznrys li {
    margin-bottom: 0.5em;
    line-height: 1.8;
}

.wznrys blockquote {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    border-left: 4px solid #97d5ee;
    background: #f8f9fa;
    font-style: italic;
}

.wznrys blockquote p {
    margin: 0;
}

.wznrys a {
    color: #97d5ee;
    text-decoration: none;
}

.wznrys a:hover {
    text-decoration: underline;
}

.wznrys table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
}

.wznrys table th,
.wznrys table td {
    padding: 0.75em;
    border: 1px solid #dee2e6;
}

.wznrys table th {
    background: #f8f9fa;
    font-weight: bold;
}

.wznrys pre {
    background: #f8f9fa;
    padding: 1em;
    border-radius: 4px;
    overflow-x: auto;
    margin: 1.5em 0;
}

.wznrys code {
    font-family: monospace;
    background: #f8f9fa;
    padding: 0.2em 0.4em;
    border-radius: 3px;
}

/*single_banquan*/
.single_banquan{border-top:3px solid #ebebeb;padding:25px 40px 15px 40px;color:#707070;background:#fff;margin-bottom:30px}
.single_banquan h5{margin-bottom:20px;position:relative;padding-left:10px;color:#445187;font-size:18px;}
.single_banquan h5:before{content:"";width:3px;height:16px;background:#445187;position:absolute;top:3px;left:0px;}
.single_banquan p{}
.single_banquan p b{}
.single_banquan span{}
.single_xiangguan{padding:100px 0px;background:#f3f3f3;}
@media (max-width:768px){
    .single_banquan{display:none}
}

/*next_prev_posts*/
.next_prev_posts{display:table;width:100%;}
.next_prev_posts .prev_next_box{width:50%;float:left;position:relative;display:block;}
.next_prev_posts .prev_next_box a{display:block;padding:30px 20px;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.next_prev_posts .prev_next_box a:after{content:'';position:absolute;background-color:rgba(0,0,0,.46);left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:0;}
.next_prev_posts .prev_next_box .prev_next_info{z-index:1;position:relative;}
.next_prev_posts .prev_next_box .prev_next_info small{font-size:16px;}
.next_prev_posts .prev_next_box .prev_next_info p{margin-top:10px;margin-bottom:0px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.next_prev_posts .prev_next_box.nav_next .prev_next_info{text-align:right;}
@media (max-width:768px){
    .next_prev_posts .prev_next_box a{padding:15px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
    .next_prev_posts .prev_next_box .prev_next_info small{font-size:12px;}
    .next_prev_posts .prev_next_box .prev_next_info p{font-size:12px;margin-top:5px;}
}

/*post type product*/
.product_head{background:#fff;padding:30px;margin-bottom:30px}
.product_head_xzoom{}
.product_head_xzoom img{background:#f7f7f7;}
.product_head_guanzhu{padding-top:10px;font-size:12px;color:#787878;font-weight:300;display:flex;align-items:center;line-height:1;}
.product_head_guanzhu i{color:#97d5ee;margin-right:8px;}
.product_head_right{}
.product_head_right .product_head_title{font-size:24px;margin-bottom:15px;}
.product_head_right .product_head_jianyue{font-size:16px;font-weight:300;padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #f7f7f7;line-height:1.6;}
.product_head_right_info{padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid #f7f7f7;}
.product_head_right_info p{margin-bottom:10px;font-size:12px;}
.product_head_right_info p span{background:#445187;padding:5px 10px;color:#fff;display:inline-block;margin-right:10px;}
.product_head_right_info p em{background:#f7f7f7;padding:5px 10px;color:#878787;display:inline-block;margin-right:10px;font-style:inherit;}
.product_head_right_info p em i{margin-right:4px;}
.product_head_right_info p em a{}
.product_chat{display:flex;}
.product_chat a{padding:8px 20px;background:#455187;color:#fff;margin-right:20px;}
.product_chat a i{}
.product_chat .product_tel{padding:8px 20px;background:#97d5ee;color:#fff;}
.product_chat .product_tel i{}
.product_tezheng{padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid #f7f7f7;}
.product_tezheng h3{font-size:15px;margin-bottom:15px;}
.product_tezheng p{position:relative;color:#555;font-size:14px;display:flex;justify-content:flex-start;font-weight:300;align-items: flex-start;}
.product_tezheng p:before{content:"";width:12px;height:4px;background-color:#455187;margin-right: 15px;margin-top: 9px;}
.product_head_xiangguan{background:#fff;padding:30px;margin-bottom:30px;}
.product_head_xiangguan h3{font-size:18px;margin-bottom:20px;}
.product_head_xiangguan .index_product_loop{background:#f7f7f7;}
.product_head_xiangguan .index_product_loop h2{font-size:12px;padding:10px;}
.product_guanlian{border:1px solid #455187;border-radius:6px;display:flex;justify-content:space-between;position:relative;overflow:hidden;}
.product_guanlian .product_guanlian_left{display:flex;align-items:center;overflow:hidden;}
.product_guanlian .product_guanlian_left img{width:50px;margin:10px 15px;height:50px;}
.product_guanlian .product_guanlian_left .product_guanlian_main{overflow:hidden;padding-right:20px;}
.product_guanlian .product_guanlian_left .product_guanlian_main h2{font-size:16px;margin-bottom:5px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product_guanlian .product_guanlian_left .product_guanlian_main p{font-size:12px;margin-bottom:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#464646;font-weight:300;}
.product_guanlian_right{background:#455187;display:flex;align-content:center;align-items:center;color:#fff;width:25px;justify-content:center;flex-shrink:0;}
.product_tab_name{padding:25px 30px;background:#fff;}
.product_tab_name button{font-size:18px;border:none;background:none;margin-right:30px;color:#666666;position:relative;padding:0px;font-weight:300;}
.product_tab_name button.active{border:none!important;font-weight:500;color:#445187;}
.product_tab_name button.active:after{content:"";position:absolute;width:100%;height:4px;background:#445187;bottom:-27px;left:0px;}
.jieshao_box{background:#fff;padding:30px 30px 20px 30px;}
@media (max-width:768px){
	.product_tab_boxs{overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
    .product_tab_name{display:inline-block;}
    .product_tab_name button{margin:0px 15px;}
    .product_guanlian_right{display:none}
    .product_chat a{margin-right:10px}
}
.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img{display:block;max-width:none;max-height:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.xzoom-gallery{padding:2px;border:2px solid #ccc;}
.xactive{border:2px solid #455187;}

/* mouse */
.xzoom-lens{border:1px solid #ccc;cursor:pointer;}

/* Loading */
.xzoom-loading{background-position:center center;background-repeat:no-repeat;border-radius:100%;opacity:.5;background:url(assets/xzoom/xloading.gif);width:32px;height:32px;}
.product_owl{position:relative;margin:20px 0px;padding:0px 40px;}
.product_owl .owl-nav{position:absolute;top:50%;width:100%;margin-top:-31px;}
.product_owl .owl-item img{display:inline-block;width:99%;}
.product_owl .owl-nav button{}
.product_owl .owl-nav button.owl-prev{position:absolute;left:-40px;border-radius:8px 0px 0px 8px;overflow:hidden;}
.product_owl .owl-nav button.owl-next{position:absolute;right:40px;border-radius:0px 8px 8px 0px;overflow:hidden;}
.product_owl .owl-nav button span{width:30px;display:block;font-size:30px;line-height:60px;}
.product_owl .owl-nav button.disabled span{color:#ccc;}
.product_owl .owl-stage-outer{}
.product_owl .owl-dots{display:none}
.product_owl .owl-item .item .nav-link{border:2px solid #ccc;}
.product_owl .owl-item .item .nav-link.active{border:2px solid #455187;}
.product_fancybox_head{position:relative;}
.product_fancybox_head:before{content:"\F62C";font-family:"bootstrap-icons";position:absolute;right:10px;bottom:10px;width:30px;height:30px;background:#97d5eecc;display:flex;align-items:center;justify-content:center;color:#fff;z-index:999;}
.product_fancybox img{cursor:pointer;background:#f7f7f7;border:1px solid #eeeeee;}

/*page page page page page*/
.about_nav{}
.about_nav_ul{text-align:center;margin:20px 0px 80px 0px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.about_nav_ul li{display:inline-block;}
.about_nav_ul li a{font-size:16px;margin:0px 25px;}
.about_nav_ul li.current-menu-item a,
.about_nav_ul li.current-cat a{font-weight:bold;position:relative;}
.about_nav_ul li.current-menu-item a:after,
.about_nav_ul li.current-cat a:after{content:"";width:100%;height:8px;background:rgb(213 173 118 / 45%);position:absolute;bottom:5px;left:0px;}
@media (max-width:768px){
    .about_nav_ul{margin:20px 0px 50px 0px;}
    .about_nav_ul li a{margin:0px 18px;}
}

/*page_about*/
.about_box{background:#fff;padding:40px;}
@media (max-width:768px){
    .about_box{padding:20px;}
}

/*page_history*/
.timeline{position:relative;display:table;padding:30px 0px;width:100%;}
.timeline:before{content:"";width:2px;height:100%;background:#ccc;position:absolute;left:50%;top:0px;margin-left:-1px;}
.timeline-item{text-align:right;padding-right:50px;position:relative;float:left;clear:left;width:50%;margin-bottom:50px;}
.timeline-item:nth-of-type(2n){text-align:left;margin-top:50px;padding-left:50px;float:right;clear:right;margin-bottom:0px;}
.timeline-item .timeline-point{position:absolute;right:-10px;top:28px;}
.timeline-item:nth-of-type(2n) .timeline-point{left:-10px;}
.timeline-item .timeline-point i{color:#c7ac5c;font-size:20px;background:#f7f7f7;padding:5px 0px;}
.timeline-event{background:#fff;padding:30px;}
.timeline-heading{margin-bottom:25px;}
.timeline-heading h4{color:#c7ac5c;}
.timeline-heading h4 small{font-size:12px;margin-left:5px;}
.timeline-body{}
.timeline-body p{margin-bottom:15px;font-size:15px;color:#333;line-height:2;}
.timeline-body p:last-child{margin-bottom:0px;}
@media (max-width:768px){
    .timeline{padding:30px 15px 30px 0px;}
    .timeline:before{content:"";width:2px;height:100%;background:#c7ac5c;position:absolute;left:30px;top:0px;}
    .timeline-item{width:100%;padding-left:60px;padding-right:0px;text-align:left;margin-bottom:30px;}
    .timeline-item:nth-of-type(2n){margin-top:0px;margin-bottom:30px;padding-left:60px;}
    .timeline-item .timeline-point{position:absolute;left:20px;right:inherit;top:28px;}
    .timeline-item:nth-of-type(2n) .timeline-point{position:absolute;left:20px;}
}

/*page_join*/
.join_box{padding:40px 40px 30px 40px;background:#fff}
.join_head{display:flex;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid #ebebeb;padding-bottom:15px;align-items:center;}
.join_media{display:flex;align-items:center;}
.join_media img{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:20px;background:#c7ac5c;}
.join_media .join_media_body{line-height:1;}
.join_media .join_media_body h2{font-size:16px;margin-bottom:5px;}
.join_media .join_media_body p{font-size:20px;font-weight:bold;margin-bottom:0px;}
.join_renshu{background:#c7ac5c;text-align:center;color:#fff;padding:10px;}
.join_renshu span{font-size:20px;margin-right:3px;}
.join_renshu b{font-weight:inherit;font-size:12px;}
.join_body{}
.join_body h3{font-size:18px;margin-bottom:20px;}
.join_body p{line-height:2.5;margin-bottom:0px;color:#777;}

/*page_contact*/
.contact_box{background:#fff;padding:30px;height:100%;}
.contact_box h3{font-size:20px;margin-bottom:14px;}
.contact_box p{font-size:15px;margin-bottom:0px;font-weight:300;}

/*mobile_anniu*/
.mobile_close{position:absolute;top:15px;right:10px;display:block;z-index:999;width:30px;height:30px;line-height:30px;text-align:center;font-family:serif;font-size:20px;cursor:pointer;border:none;background:none;}
.mobile_close:after{content:"";position:absolute;background-color:black;left:15px;width:1px;height:20px;transform:rotate(-45deg);top:5px;}
.mobile_close:before{content:"";position:absolute;background-color:black;left:15px;width:1px;height:20px;transform:rotate(45deg);top:5px;}
.mobile_an{display:none;position:relative;float:right;color:#445187;border:none;background:none;}
.mobile_an i{}
@media (max-width:1200px){
    .mobile_an{display:block;}
    .mobile_an i{font-size:20px;}
}

/*mobile_box*/
#mobile_right_nav {
    max-width: 300px;
    background: #fff;
}

#mobile_right_nav .offcanvas-header {
    padding: 15px;
    text-align: center;
    position: relative;
}

#mobile_right_nav .btn-close {
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
}

.offcanvas-body .header-menu {
    padding: 15px;
    text-align: center;
}

.offcanvas-body .header-menu-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.offcanvas-body .header-menu-ul li {
    position: relative;
    width: 100%;
    text-align: center;
}

.offcanvas-body .header-menu-ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.offcanvas-body .header-menu-ul li a {
    display: block;
    padding: 15px 0;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.offcanvas-body .header-menu-ul li a:hover {
    color: #007bff;
    background-color: #f8f9fa;
}

.offcanvas-body .header-menu-ul .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    width: 100%;
    background-color: #f8f9fa;
}

.offcanvas-body .header-menu-ul .menu-item-has-children.active > .sub-menu {
    display: block;
}

.offcanvas-body .header-menu-ul .menu-item-has-children > a:after {
    content: '\f107';
    font-family: 'Bootstrap Icons';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.offcanvas-body .header-menu-ul .menu-item-has-children.active > a:after {
    transform: translateY(-50%) rotate(180deg);
}

.offcanvas-body .navbar_search_btn {
    width: 100%;
    margin-top: 20px;
    padding: 12px;
    background: #f8f9fa;
    border: none;
    border-radius: 5px;
    color: #333;
    text-align: center;
}

.offcanvas-body .navbar_search_btn:hover {
    background: #e9ecef;
}

.banbox .item {
    position: relative;
}

@media (max-width: 768px) {
	.index_cut_box h2{
        font-size: 24px;
    }
}

@media (max-width: 480px) {
	.index_cut_box h2{
        font-size: 24px;
    }
}

.mob_tool{position:sticky;bottom:0;width:100%;z-index:999;border-top:1px solid rgba(255,255,255,0.08);background:rgba(9,15,21,0.96);box-shadow:0 -8px 28px rgba(0,0,0,0.28);backdrop-filter:blur(12px);}
.mob_tool ul{display:flex;align-items:center;justify-content:space-around;}
.mob_tool ul li{width:100%;text-align:center;border-right:1px solid rgba(255,255,255,0.06);}
.mob_tool ul li a{padding:12px 0px;display:block;color:var(--text-soft);text-decoration:none;}
.mob_tool ul li a i{margin-right:5px;color:var(--text-muted);}
.mob_tool ul li a:hover,.mob_tool ul li.current a{color:var(--primary-3);}
.mob_tool ul li a:hover i,.mob_tool ul li.current a i{color:var(--primary-3);}

@media (max-width:768px){
    .sjbxs{display:none}
    .sidebar_css{display:none}
}

/* Keep keyboard navigation visible after the theme's legacy focus reset. */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible{
    outline:3px solid var(--primary-3)!important;
    outline-offset:3px!important;
    box-shadow:0 0 0 4px rgba(255,95,109,.18)!important;
}