/* ==========================================================================
   Sky Theme - main.css
   (c) xjspace — https://xjspace.net
   Brand green #419143 / #1c9a03, footer #003E8C, button #485269.
   ========================================================================== */

/* ---------- Variables (some overridden by Customizer inline CSS) ---------- */
:root{
	--sky-green:#419143;
	--sky-green-dark:#1c9a03;
	--sky-footer:#003E8C;
	--sky-btn:#485269;
	--sky-yellow:#ffd200;
	--sky-text:#333;
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	background:#fff;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;border:0;}
a{color:#333;text-decoration:none;transition:all .3s ease-in-out;}
a:hover{color:var(--sky-green-dark);text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
figure{margin:0;}
p{margin:0 0 1em;}
h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-weight:normal;line-height:1.3;}
input,textarea,select,button{font-family:inherit;font-size:inherit;}

/* ---------- Layout ---------- */
.layout{width:1400px;max-width:100%;margin:0 auto;position:relative;padding:0 15px;}
.container{width:100%;overflow:hidden;}

/* ---------- Header ---------- */
.index_web_head{position:absolute;left:0;top:0;width:100%;z-index:1000;}
.web_head{position:absolute;left:0;top:0;width:100%;z-index:999;}
/* Sticky/fixed header for inner pages (has solid white background). */
.web_head.fixed-nav-active,.index_web_head.fixed-nav-active{position:fixed;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.head_layer{position:relative;background-color:transparent;}
.head_layer .layout{display:flex;align-items:center;justify-content:space-between;min-height:80px;}
.nav_wrap{display:flex;align-items:center;justify-content:space-between;width:100%;}
/* Logo: a white rounded-bottom card sitting over the banner (matches source). */
.web_head .logo,.web_head figure.logo{flex:0 0 auto;margin:0;background:#FFFFFF;border-radius:0 0 10px 10px;padding:10px 18px;width:auto;}
.web_head .logo img{max-height:70px;width:auto;display:block;}
/* Sticky/fixed header: logo shrinks. */
.fixed-nav .logo img,.fixed-nav-active .logo img{max-height:60px;}
.fixed-nav .web_head .logo,.fixed-nav-active .web_head .logo,
.fixed-nav .web_head figure.logo,.fixed-nav-active .web_head figure.logo{padding:4px 18px;}
.head_right_warp{display:flex;align-items:center;}
.head_nav,.nav_wrap .head_nav a{color:#fff;}
.head_nav{display:flex;align-items:center;}
.head_nav > li{position:relative;display:inline-block;line-height:42px;font-size:20px;text-align:left;text-transform:uppercase;font-weight:bold;font-family:'Panton-Bold',Arial,Helvetica,sans-serif;}
.head_nav > li > a{position:relative;display:inline-block;margin:0 16px;color:#fff;line-height:80px;text-transform:uppercase;font-size:inherit;font-weight:bold;}
.head_nav > li > a > b:after{content:'\f107';display:inline-block;font-family:'FontAwesome';font-size:14px;margin-left:4px;}
/* Hover + current = red text + red underline (source site uses #D71617). */
.head_nav > li:hover > a{color:#D71617;}
.head_nav > li.nav-current > a{color:#D71617;border-bottom:2px solid #D71617;}
/* When the header is fixed (white bg, e.g. inner pages / scrolled), nav text turns dark. */
.fixed-nav-active .head_nav > li > a{color:#333;}
.fixed-nav-active .head_nav > li:hover > a{color:#D71617;}
.fixed-nav-active .head_nav > li.nav-current > a{color:#D71617;border-bottom-color:#D71617;}
.fixed-nav-active .head_nav,.fixed-nav-active .nav_wrap .head_nav a{color:#333;}
.fixed-nav-active .btn--search,.fixed-nav-active .btn--search:before{color:#333;}
.fixed-nav-active .change-language-title a{color:#333;}
.head_nav > li > ul{
	position:absolute;left:0;top:100%;width:240px;background:#fff;
	box-shadow:0 4px 18px rgba(0,0,0,.12);
	transform:scale(.92);transform-origin:center 0;
	opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:1000;
}
.head_nav > li:hover > ul{opacity:1;visibility:visible;transform:none;}
.head_nav > li > ul > li{position:relative;width:100%;border-bottom:1px solid #f0f0f0;}
.head_nav > li > ul > li:last-child{border-bottom:0;}
.head_nav > li > ul a{display:block;line-height:1.5em;padding:11px 15px;color:#333;font-size:14px;position:relative;}
.head_nav > li > ul a:hover{color:#D71617;background:#fafafa;}
.head_nav > li > ul a:before{content:'';display:block;width:3px;height:30%;background-color:#D71617;position:absolute;left:0;top:40%;opacity:0;transition:.3s;}
.head_nav > li > ul a:hover:before{opacity:1;}
.head_nav > li > ul ul{position:absolute;left:100%;top:0;width:240px;background:#fff;
	box-shadow:0 4px 18px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:all .3s ease-in-out;}
.head_nav > li > ul li:hover > ul{opacity:1;visibility:visible;}
.head_nav > li > ul li:hover > a{color:#D71617;}

/* right head: search + language */
.right_head{display:flex;align-items:center;margin-left:20px;}
.btn--search{width:20px;height:20px;cursor:pointer;display:inline-block;position:relative;color:#fff;}
.btn--search:before{content:'\f002';font-family:'FontAwesome';font-size:18px;line-height:20px;color:#fff;}

/* language switcher */
.change-language{position:relative;margin-left:22px;}
.change-language-title a{display:flex;align-items:center;color:#fff;font-size:14px;cursor:pointer;}
.change-language-title a span{text-transform:uppercase;}
.change-language-title a .fa{margin-left:6px;font-size:12px;}
.change-language-cont{position:absolute;right:0;top:100%;min-width:120px;background:#fff;
	box-shadow:0 4px 18px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:all .25s ease;z-index:1001;}
.change-language:hover .change-language-cont{opacity:1;visibility:visible;}
.change-language-cont ul li{border-bottom:1px solid #f0f0f0;}
.change-language-cont ul li:last-child{border-bottom:0;}
.change-language-cont ul li a{display:block;padding:8px 14px;color:#333;font-size:13px;}
.change-language-cont ul li a:hover{color:var(--sky-green-dark);background:#f9f9f9;}
.change-language-cont ul li.active a{color:var(--sky-green);font-weight:bold;}

/* mobile menu toggle */
.btn-mobile{display:none;width:30px;height:24px;cursor:pointer;flex-direction:column;justify-content:space-between;margin-left:18px;}
.btn-mobile span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:.3s;}

/* overlay search box */
.head-search{position:fixed;left:0;top:0;width:100%;height:0;background:rgba(0,0,0,.85);z-index:9999;
	display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .3s ease;}
.head-search.active{height:100%;}
.head-search .search-wrap{width:60%;max-width:700px;position:relative;}
.head-search input{width:100%;background:transparent;border:0;border-bottom:2px solid #fff;
	color:#fff;font-size:24px;padding:14px 50px 14px 8px;outline:none;}
.head-search input::placeholder{color:#ccc;}
.head-search .search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);
	color:#fff;font-size:26px;background:none;border:0;cursor:pointer;}
.head-search .search-close{position:absolute;right:30px;top:30px;color:#fff;font-size:36px;cursor:pointer;line-height:1;}

/* ---------- Banner (Swiper fade) ---------- */
.slider_banner{position:relative;overflow:hidden;}
.slider_banner .swiper-slide img{width:100%;display:block;min-height:300px;object-fit:cover;}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{
	width:45px;height:45px;line-height:45px;margin-top:-22px;background-color:rgba(255,255,255,.7);
	border-radius:3px;color:var(--sky-green);font-size:20px;text-align:center;
	display:flex;align-items:center;justify-content:center;}
.slider_banner .swiper-button-prev{left:50px;}
.slider_banner .swiper-button-next{right:50px;}
.slider_banner .swiper-button-prev:after,.slider_banner .swiper-button-next:after{font-size:22px;font-weight:bold;}
.slider_banner .swiper-pagination-bullet{background:#fff;opacity:.6;width:12px;height:12px;}
.slider_banner .swiper-pagination-bullet-active{background:var(--sky-yellow);opacity:1;}

/* ---------- Index section title ---------- */
.index_hd{margin-bottom:40px;text-align:center;padding:0 10%;}
.index_hd .hd_title{font-size:28px;font-weight:normal;line-height:1.3;text-transform:uppercase;color:#333;}
.index_hd .hd_desc{padding-top:10px;font-size:16px;color:#666;}

/* ---------- Section base ---------- */
section.index_main{position:relative;}
.index_ad,.index_product,.index_company_intr{position:relative;}
section{position:relative;}

/* ---------- index_ad (animal cards) ---------- */
.index_ad{padding:80px 0;text-align:center;}
.index_ad .ad_items{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;text-align:center;}
.index_ad .ad_item{display:inline-block;width:230px;text-align:center;padding:0 0 20px;transition:all .3s ease-in-out;}
.index_ad .ad_item .item_title{font-size:20px;font-weight:normal;font-style:italic;margin-bottom:25px;color:#333;}
.index_ad .ad_item .item_img{display:inline-block;border-radius:50%;overflow:hidden;}
.index_ad .ad_item .item_img img{width:180px;height:180px;object-fit:cover;border-radius:50%;display:block;}
.index_ad .ad_item:hover .item_img img{animation:swing .9s ease;}
.index_ad .ad_item:hover .item_title{color:var(--sky-green-dark);}

/* ---------- index_product ---------- */
.index_product{padding:80px 0;}
/* The product grid sits inside a light-grey panel (matches source). */
.index_product .layout{background-color:#eee;padding-left:0;padding-right:0;}
.index_product .product_items{padding:0;}
.product_items{display:flex;flex-wrap:wrap;}
.product_items .produc_hd{width:25%;padding:0 8px;text-align:center;position:relative;box-sizing:border-box;}
.product_items .produc_hd .hd_inner{display:flex;flex-direction:column;align-items:center;justify-content:center;
	width:100%;aspect-ratio:1/1;background-color:var(--sky-green);color:#fff;overflow:hidden;padding:30px 15px;box-sizing:border-box;}
.product_items .produc_hd .hd_title{font-size:30px;text-transform:uppercase;line-height:1.2;}
.product_items .produc_hd .hd_desc{padding-top:8px;font-size:14px;color:rgba(255,255,255,.85);}
.product_items .produc_hd .hd_more{display:inline-block;margin-top:auto;padding:6px 16px;border:1px solid #fff;
	text-transform:uppercase;font-size:13px;letter-spacing:1px;}
.product_items .produc_hd .hd_inner:hover{background-color:var(--sky-green-dark);}
.product_item{width:25%;padding:0 8px 16px;box-sizing:border-box;}
.product_item figure{background:#fff;border:1px solid #eee;margin:0;transition:all .3s ease-in-out;}
.product_item:hover figure{box-shadow:0 6px 22px rgba(0,0,0,.1);border-color:#ddd;}
.product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;aspect-ratio:1/1;background:#f2f2f2;}
.product_item .item_img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;transition:transform .6s ease-in-out;}
.product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;}
.product_item .item_img a:before{content:'';display:block;width:100%;height:100%;background-color:rgba(65,145,67,0);
	position:absolute;left:0;top:0;transition:all .3s ease-in-out;}
.product_item .item_img a:after{content:'\f067';font-family:'FontAwesome';color:#fff;font-size:24px;
	display:block;width:55px;height:55px;line-height:55px;text-align:center;background-color:var(--sky-yellow);
	box-sizing:content-box;border:6px solid rgba(255,255,255,.4);border-radius:50%;
	position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;overflow:hidden;background-clip:content-box;
	opacity:0;transform:translateY(50%);transition:all .35s ease;z-index:3;}
.product_item:hover .item_img a:before{background-color:rgba(65,145,67,.65);}
.product_item:hover .item_img a:after{opacity:1;transform:none;}
.product_item:hover .item_img img{transform:scale(1.06);}
.product_item figcaption{padding:0;background:#fff;}
.product_item .item_title{font-weight:normal;font-size:14px;padding:15px 8px 0;text-align:center;margin:0;line-height:1.4;}
.product_item .item_title a{color:#333;}
.product_item .item_title a:hover{color:var(--sky-green-dark);}
.product_item .item_desc{font-size:13px;color:#888;line-height:1.5;padding:0 1.5em 1em;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;
	overflow:hidden;text-overflow:ellipsis;}

/* ---------- index_company_intr (video + about) ---------- */
.index_company_intr{padding-bottom:100px;}
.index_company_intr .index_bd{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.index_company_intr .company_intr_img,.index_company_intr .company_intr_cont{width:48%;min-width:300px;flex:1;}
.index_company_intr .company_intr_img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:6px;}
.index_company_intr .company_intr_img iframe{width:100%;height:100%;border:0;display:block;}
.index_company_intr .company_intr_img .video-cover{width:100%;height:100%;object-fit:cover;cursor:pointer;}
.index_company_intr .company_intr_img .video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	width:70px;height:70px;background:rgba(255,210,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;
	color:#fff;font-size:28px;cursor:pointer;}
.index_company_intr .company_intr_title{font-size:40px;line-height:1.2;text-transform:uppercase;font-weight:normal;color:var(--sky-green-dark);}
.index_company_intr .company_intr_title .titleLine{width:60px;height:3px;background:var(--sky-green);margin-top:14px;}
.index_company_intr .company_intr_desc{margin-top:20px;font-size:16px;color:#555;}
.index_company_intr .learn_more{margin-top:30px;}

/* ---------- Buttons ---------- */
.sys_btn{background-color:var(--sky-btn);border:0;color:#fff!important;display:inline-block;
	padding:.6em 1.6em;border-radius:3px;position:relative;overflow:hidden;transition:all .35s ease;font-size:15px;}
.sys_btn:hover{color:#fff;}
.sys_btn:before{z-index:-1;content:'';display:block;width:100%;height:0%;position:absolute;left:0;bottom:-25%;
	background-color:var(--sky-green-dark);transition:all .35s ease;border-radius:50%;}
.sys_btn:hover:before{height:150%;width:130%;left:-15%;bottom:-25%;}
.sys_btn .icon_ob{display:inline-block;width:14px;height:14px;margin-left:6px;vertical-align:middle;}

/* ---------- Inner page header / breadcrumb ---------- */
.page-banner{position:relative;height:300px;overflow:hidden;background:#1a1a1a;}
.page-banner img{width:100%;height:100%;object-fit:cover;opacity:.6;}
.page-banner .layout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.page-banner h1{color:#fff;font-size:40px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.5);}
.bread-wrap{background:#f5f5f5;border-bottom:1px solid #eee;}
.bread-wrap .layout{padding:14px 15px;}
.crumb{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:#888;}
.crumb li{margin:0 4px;}
.crumb li a{color:var(--sky-green-dark);}
.crumb li .fa{color:#bbb;}

/* ---------- Page content ---------- */
.page_main{padding:50px 0;min-height:400px;}
.page_main .layout{display:flex;flex-wrap:wrap;gap:30px;}
.page-with-sidebar .content-area{flex:1;min-width:0;}
.page-with-sidebar .content-area.full{flex:1 0 100%;}
.entry-content{line-height:1.8;font-size:16px;}
.entry-content img{height:auto;}
.entry-content h2{font-size:26px;margin:1em 0 .5em;}
.entry-content h3{font-size:20px;margin:1em 0 .5em;}

/* ---------- Sidebar (product categories) ---------- */
aside.aside{flex:0 0 280px;max-width:280px;}
.aside-wrap{position:sticky;top:20px;}
.side-widget{margin:0 0 30px;}
.side-tit-bar{background:var(--sky-green);color:#fff;padding:0 21px;}
.side-tit-bar .side-tit{font-size:20px;line-height:49px;color:#fff;text-transform:uppercase;font-weight:normal;}
.side-cate li{position:relative;line-height:44px;background:#f3f3f3;border-bottom:1px solid #fff;}
.side-cate li.nav-current>a{color:var(--sky-green-dark);}
.side-cate li li{background:#f9f9f9;}
.side-cate li a{position:relative;display:block;padding:0 18px 0 38px;margin-right:38px;color:#333;}
.side-cate li a:before{content:'\f105';font-family:'FontAwesome';position:absolute;left:16px;color:var(--sky-green);}
.side-cate li li a{padding:0 18px 0 50px;margin-right:0;color:#666;font-size:14px;}
.side-cate li a:hover{color:var(--sky-green-dark);}
.side-cate .sub-menu{display:none;}
.side-cate li.nav-current>.sub-menu,.side-cate li.current-cat-parent>.sub-menu{display:block;}

/* ---------- News list ---------- */
.news-list{display:flex;flex-wrap:wrap;}
.news-list .news_item{width:33.333%;padding:0 12px 24px;box-sizing:border-box;}
.news-list .news_item a{display:block;}
.news-card figure{position:relative;overflow:hidden;border:1px solid #eee;background:#fff;transition:.3s;}
.news-card .news-img{aspect-ratio:16/9;overflow:hidden;}
.news-card .news-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.news-card:hover .news-img img{transform:scale(1.05);}
.news-card figcaption{padding:16px;}
.news-card .news-title{font-size:17px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card:hover .news-title{color:var(--sky-green-dark);}
.news-card .news-meta{font-size:13px;color:#999;}
.news-card .news-excerpt{font-size:14px;color:#777;margin-top:6px;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* single news */
.single-news{max-width:900px;margin:0 auto;}
.single-news .news-title{font-size:30px;margin-bottom:10px;}
.single-news .news-meta{color:#999;font-size:14px;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:24px;}
.single-news .entry-content{font-size:16px;line-height:1.9;}

/* ---------- Pagination ---------- */
.pages{text-align:center;padding:30px 0;}
.pages ul{display:inline-flex;gap:6px;}
.pages a,.pages span{display:inline-block;min-width:38px;height:38px;line-height:38px;padding:0 10px;
	border:1px solid #ddd;color:#555;background:#fff;transition:all .25s;}
.pages a:hover,.pages .current{background:var(--sky-green);border-color:var(--sky-green);color:#fff;}

/* ---------- Footer ---------- */
.web_footer{background-color:var(--sky-footer);background-position:center 0;background-repeat:no-repeat;
	background-size:100% auto;color:#fff;padding-top:80px;padding-bottom:20px;}
.web_footer,.web_footer a{color:#fff;}
.web_footer a:hover{color:#D71617;}
.foot_items{display:flex;flex-wrap:wrap;padding-top:20px;padding-bottom:30px;font-size:16px;gap:30px;}
.foot_item{flex:1;min-width:220px;}
.foot_item .foot_item_hd .title{font-size:20px;line-height:35px;text-transform:uppercase;font-weight:normal;margin-bottom:15px;
	border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px;}
.foot_item_bd .tit_desc{font-size:14px;margin-bottom:12px;}
.foot_item address{font-style:normal;}
.foot_item .foot_phone,.foot_item .foot_email{display:flex;margin-bottom:8px;font-size:14px;}
.foot_item .foot_phone a,.foot_item .foot_email a{margin-left:4px;}
.foot_txt_list li{margin-bottom:10px;}
.foot_txt_list li a{display:inline-block;}
.foot_sns{display:flex;gap:10px;margin-top:14px;}

/* Footer contact extras (social + QR) */
.foot_contact_extra{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap;}
.foot_contact_extra .foot_sns{margin-top:0;}
.foot_qr img{width:80px;height:80px;background:#fff;padding:4px;border-radius:4px;display:block;}
.foot_item .foot_phone i,.foot_item .foot_email i,.foot_item .foot_fax i,
.foot_item .foot_whatsapp i,.foot_item .foot_wechat i,.foot_item .foot_skype i,
.foot_item .foot_hours i,.foot_item .foot_address i{color:rgba(255,255,255,.65);width:16px;margin-right:4px;text-align:center;}
.foot_sns li a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;
	background:rgba(255,255,255,.12);border-radius:50%;color:#fff;font-size:16px;}
.foot_sns li a:hover{background:#D71617;transform:translateY(-3px);}
.news_cell .news_time{font-size:13px;color:rgba(255,255,255,.7);}
.news_cell .news_tit a{display:block;font-size:14px;margin:6px 0;}
.news_cell .item_more{margin-top:8px;}
.news_cell .item_more a{color:var(--sky-yellow);}
.company_subscribe .sys_btn{background:var(--sky-green);}
.copyright{text-align:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.15);margin-top:10px;font-size:13px;color:rgba(255,255,255,.85);display:flex;justify-content:center !important;align-items:center;position:relative;top:30px;}
.copyright a{color:rgba(255,255,255,.85);}

/* ---------- Floating right service ---------- */
.side_content{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:9998;}
.side_list{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.12);border-radius:4px;overflow:hidden;}
.side_list .side_item{position:relative;width:54px;height:54px;display:flex;align-items:center;justify-content:center;
	border-bottom:1px solid #eee;color:var(--sky-green);cursor:pointer;font-size:20px;background:#fff;transition:.3s;}
.side_list .side_item:last-child{border-bottom:0;}
.side_list .side_item:hover{background:var(--sky-green);color:#fff;}
.side_list .side_item .side-label{position:absolute;right:64px;top:50%;transform:translateY(-50%);
	background:var(--sky-green);color:#fff;padding:6px 12px;border-radius:3px;font-size:13px;white-space:nowrap;
	opacity:0;visibility:hidden;transition:.3s;}
.side_list .side_item:hover .side-label{opacity:1;visibility:visible;}

/* ---------- Gotop ---------- */
.gotop{position:fixed;right:12px;bottom:80px;background:#fafafa;color:#333;height:40px;width:40px;
	z-index:99999;cursor:pointer;font-size:14px;opacity:0;visibility:hidden;transition:all .3s ease;
	border-radius:3px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;}
.gotop:before{content:'\f106';font:18px/1 'FontAwesome';}
.gotop.active{opacity:.85;visibility:visible;}
.gotop:hover{transform:translateY(-6px);background:var(--sky-green-dark);color:#fff;border-color:#fff;}

/* ---------- Inquiry popup (layer.js style modal) ---------- */
.inquiry-pop-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99998;
	display:none;align-items:center;justify-content:center;}
.inquiry-pop-mask.active{display:flex;}
.inquiry-pop{background:#fff;width:520px;max-width:92%;border-radius:6px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);}
.inquiry-pop .pop-head{background:var(--sky-green);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}
.inquiry-pop .pop-head h3{margin:0;font-size:18px;}
.inquiry-pop .pop-close{color:#fff;font-size:24px;cursor:pointer;line-height:1;}
.inquiry-pop .pop-body{padding:20px;}
.inquiry-pop .wpcf7{margin:0;}
.inquiry-pop .pop-body p{margin:0 0 12px;}
.inquiry-pop .pop-body label{display:block;font-size:13px;margin-bottom:4px;color:#555;}
.inquiry-pop .pop-body input[type=text],
.inquiry-pop .pop-body input[type=email],
.inquiry-pop .pop-body input[type=tel],
.inquiry-pop .pop-body textarea{width:100%;padding:9px 10px;border:1px solid #ddd;border-radius:3px;font-size:14px;}
.inquiry-pop .pop-body input.wpcf7-submit{background:var(--sky-green);color:#fff;border:0;padding:10px 24px;border-radius:3px;cursor:pointer;font-size:15px;}
.inquiry-pop .pop-body input.wpcf7-submit:hover{background:var(--sky-green-dark);}

/* ---------- Contact Form 7 generic styling ---------- */
.wpcf7 form{font-size:15px;}
.wpcf7 p{margin:0 0 14px;}
.wpcf7 label{display:block;font-weight:600;margin-bottom:4px;color:#333;}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=subject],
.wpcf7 select,.wpcf7 textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:3px;font-size:14px;background:#fff;}
.wpcf7 textarea{min-height:120px;}
.wpcf7 input[type=submit]{background:var(--sky-green);color:#fff;border:0;padding:12px 30px;border-radius:3px;cursor:pointer;font-size:15px;text-transform:uppercase;}
.wpcf7 input[type=submit]:hover{background:var(--sky-green-dark);}
.wpcf7 .wpcf7-response-output{margin:14px 0 0;padding:10px 14px;border-radius:3px;font-size:13px;}

/* ---------- 404 ---------- */
.error-404{text-align:center;padding:80px 20px;}
.error-404 .num{font-size:120px;font-weight:bold;color:var(--sky-green);line-height:1;}
.error-404 h1{font-size:28px;margin:10px 0 20px;}

/* ---------- WooCommerce product archive grid (fallback if Woo templates not used) ---------- */
.sky-shop-grid{display:flex;flex-wrap:wrap;margin:0 -8px;}
.sky-shop-grid .product_item{width:33.333%;padding:0 8px 16px;}

/* ---------- Responsive (breakpoints match source site exactly) ---------- */
/* 源站: 1250px→nav 18px, 1000px→mobile menu + nav 16px, 768px→2列, 480px→1列 */

/* desktop layout shrink */
.layout{width:1400px;max-width:100%;}

@media screen and (max-width:1250px){
	.head_nav > li{font-size:18px;padding:0 14px;}
}
@media screen and (max-width:1200px){
	.layout{width:100%;}
}
@media screen and (max-width:1000px){
	/* === mobile menu switch (源站在 1000px 切换) === */
	.web_head,.index_web_head{position:relative;}
	/* Home page keeps transparent header over banner; inner pages get a white bg. */
	.index_web_head{background:transparent;}
	.web_head:not(.fixed-nav-active){background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);}
	.web_head:not(.fixed-nav-active) .head_nav > li > a,
	.web_head:not(.fixed-nav-active) .btn--search,
	.web_head:not(.fixed-nav-active) .btn--search:before,
	.web_head:not(.fixed-nav-active) .change-language-title a{color:#333;}
	.head_layer .layout{min-height:60px;}
	/* Mobile: logo grows larger (source uses height:100px), centered. */
	.logo{position:relative;display:block;float:none;text-align:center;}
	.logo img,.nav_wrap .logo img{height:auto;max-height:100px;}
	.head_nav,.web_head .change-language,.web_head .btn--search{display:none;}
	.nav_wrap{position:static;}
	.right_head{margin-left:auto;}
	.btn-mobile{display:flex;z-index:10002;}
	.head_nav li{font-size:16px;display:block;width:100%;}
	/* open state: slide-in drawer */
	.head_nav.open{display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100%;width:280px;
		background:#fff;overflow-y:auto;padding:50px 0 20px;z-index:10001;box-shadow:0 0 30px rgba(0,0,0,.3);}
	.head_nav.open > li{width:100%;border-bottom:1px solid #eee;line-height:35px;font-size:16px;}
	.head_nav.open > li > a{color:#333;line-height:35px;text-transform:none;}
	.head_nav.open > li > ul,.head_nav.open > li > ul ul{position:static;opacity:1;visibility:visible;
		transform:none;box-shadow:none;width:100%;background:#f7f7f7;display:none;}
	.head_nav.open > li.submenu-open > ul{display:block;}
	.head_nav.open > li > ul li{width:auto;padding:0 10px;font-size:14px;line-height:30px;}
	.head_nav.open > li > ul a{padding-left:30px;line-height:30px;}
	.head_nav.open > li > ul ul a{padding-left:50px;}
	.head_nav.open .submenu-toggle{display:inline-flex;align-items:center;justify-content:center;
		position:absolute;right:0;top:0;width:45px;height:35px;background:transparent;border:0;
		color:#999;font-size:14px;cursor:pointer;}
	.btn-mobile.open span:nth-child(1){transform:translateY(10px) rotate(45deg);}
	.btn-mobile.open span:nth-child(2){opacity:0;}
	.btn-mobile.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg);}
	.mobile-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10000;display:none;}
	.mobile-mask.active{display:block;}
	/* layout becomes single column */
	.page_main .layout{flex-direction:column;}
	aside.aside{flex:1 0 100%;max-width:100%;}
	.aside-wrap{position:static;}
	.index_company_intr .index_bd{flex-direction:column;}
	.index_company_intr .company_intr_img,.index_company_intr .company_intr_cont{width:100%;}
	.slider_banner .swiper-slide img{min-height:200px;}
}
@media screen and (min-width:1001px){
	.submenu-toggle{display:none!important;}
	.mobile-mask{display:none!important;}
}
@media screen and (max-width:768px){
	.index_ad{padding:40px 0;}
	.index_product{padding:40px 0;}
	.index_company_intr{padding:40px 0;}
	.product_item,.product_items .produc_hd,.news-list .news_item,.sky-shop-grid .product_item{width:50%;}
	.index_hd .hd_title{font-size:24px;}
	.page-banner{height:200px;}
	.page-banner h1{font-size:26px;}
	.index_company_intr .company_intr_title{font-size:28px;}
	.foot_item{min-width:100%;flex:1 0 100%;}
	.side_content{display:none;}
	.index_ad .ad_items{gap:20px;}
	.index_ad .ad_item{width:46%;}
}
@media screen and (max-width:480px){
	.product_item,.product_items .produc_hd,.news-list .news_item,.sky-shop-grid .product_item{width:100%;}
	.index_ad .ad_item{width:100%;}
	.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width:36px;height:36px;line-height:36px;}
	.slider_banner .swiper-button-prev{left:10px;}
	.slider_banner .swiper-button-next{right:10px;}
	.error-404 .num{font-size:80px;}
	.inquiry-pop{width:96%;}
	.index_company_intr .company_intr_title{font-size:24px;}
}
@media screen and (max-width:320px){
	.index_hd .hd_title{font-size:20px;}
}

/* ---------- WOW.js custom animations (fade variants — exact match to source site) ---------- */
.wow{visibility:hidden;}
@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}
@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA;animation-duration:1s;-webkit-animation-duration:1s;animation-fill-mode:both;-webkit-animation-fill-mode:both;}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;}
.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;}

@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}}

/* Screen reader / utility */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;}
.aligncenter{display:block;margin:1em auto;}
.alignleft{float:left;margin:0 1em 1em 0;}
.alignright{float:right;margin:0 0 1em 1em;}
.wp-caption{max-width:100%;}
.wp-caption-text{font-size:13px;color:#888;text-align:center;}

/* WordPress toolbar offset */
body.admin-bar .index_web_head,body.admin-bar .web_head{top:32px;}
@media screen and (max-width:782px){body.admin-bar .index_web_head,body.admin-bar .web_head{top:46px;}}

/* ---------- RTL support ---------- */
html[dir="rtl"] .foot_item .foot_phone,
html[dir="rtl"] .foot_item .foot_email{flex-direction:row-reverse;}
html[dir="rtl"] .side-cate li a{padding:0 38px 0 18px;}
html[dir="rtl"] .side-cate li a:before{left:auto;right:16px;}
html[dir="rtl"] .side-cate li li a{padding:0 50px 0 18px;}
html[dir="rtl"] .crumb li .fa-angle-right:before{content:'\f104';}
html[dir="rtl"] .gotop{right:auto;left:12px;}
html[dir="rtl"] .side_content{right:auto;left:10px;}
html[dir="rtl"] .side_list .side-item .side-label{right:auto;left:64px;}
html[dir="rtl"] .alignleft{float:right;margin:0 0 1em 1em;}
html[dir="rtl"] .alignright{float:left;margin:0 1em 1em 0;}