@charset "utf-8";

/*
Theme Name: Sunpal
Theme URI:
Author: Sunpal Power
Author URI:
Description: Corporate solar energy theme rebuilt from the Sunpal Energy design. Includes the home page, solution pages, blog listing and single post layouts.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sunpal
Tags: business, custom-menu, featured-images, translation-ready
*/

@font-face {
    font-family: 'GilroyRegular'; /* 自定义的字体名称 */
    src: url('/wp-content/uploads/2026/10/gilroy-regular.woff2') format('woff2'), url('static/font/GILROY-REGULAR.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GilroyBold'; /* 自定义的字体名称 */
    src: url('/wp-content/uploads/2026/10/gilroy-bold.woff2') format('woff2'), url('static/font/GILROY-BOLD.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body{font-family:'GilroyRegular';font-weight:normal;}
.wrap{width:92vw;max-width:1660px;margin-left:auto;margin-right:auto;}

@media screen and (max-width: 1200px) {
  .wrap{width:94vw;}
}

.wrap_l{display:block;padding-left:8.33%;}
.wrap_r{display:block;padding-right:8.33%;}

@media screen and (max-width:1600px) {
  .wrap_l{padding-left:5%;}
  .wrap_r{padding-right:5%;}
}

@media screen and (max-width:1024px) {
  .wrap_l{padding-left: 3%;}
  .wrap_r{padding-right: 3%;}
}

@media screen and (max-width:767px) {
	.wrap_l{padding-left:0;}
	.wrap_r{padding-right:0;}
}

:root {
	--i_color:#000;
	/* 全局颜色 */
	--i_color2:#008448;
	/* 副颜色 */
	--i_color3:#545454;
	/* 选中颜色 */
	--header_height:.7rem;
	/* 头部高度 */
	--border_color:rgba(0, 0, 0, .1);
	/* 默认边框颜色 */
	--f_menu_height:50px;
	/* 移动端底部菜单 */
}

header{--header_height: 0.7rem;}
.TopHeader{--header_height:.7rem !important;}

@media screen and (max-width:1024px) {
	:root,header{--header_height:.6rem;}
}

@media screen and (max-width:767px) {
	:root{--border_color:rgba(0, 0, 0, .06)}
}




/* header */
header {position: fixed;top: 0;left: 0;width: 100%;z-index: 2014;height: var(--header_height);background: #fff;border-bottom: 1px solid var(--border_color);}
.top_cont {position: relative;z-index: 2013;display: -webkit-flex;display: flex;flex-wrap: nowrap;align-items: center;position: relative;}

@media screen and (max-width:1024px) {
	.top_cont {justify-content: flex-start;}

	header {top: 0;top: 0;width: 100%;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);}
}






/* logo */
.logo{display:-webkit-flex;display:flex;align-items:center;height:var(--header_height);}
.logo a{display:-webkit-flex;display:flex;align-items:center;height:60%;}
.logo img{max-height:100%;}

@media screen and (max-width:1024px) {
	.logo{margin-right:auto;}
	.logo a{height:50%;}
}

/* 导航 */
.nav_height{display:none;width:100%;height:var(--nav_height);background:none;}
.nav_height.open{display:block;}

@media screen and (min-width:961px) {
	nav{width:100%;background:#171D27;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;}
	nav.fixed{position:fixed;top:0;left:0;z-index:2023;}
	.i_nav{display:-webkit-flex;display:flex;flex-wrap:nowrap;z-index:2014;margin:0 auto;font-weight:400;}
	.i_nav>li {margin:0 .2rem;position:relative;}
	.i_nav>li:last-child{text-transform:none;}
	.i_nav>li>a{display:block;font-size:.16rem;color:var(--i_color);line-height:var(--header_height);white-space:nowrap;display:flex;align-items:center;text-transform:uppercase}
	.i_nav>.current-menu-item::before,.i_nav>.current-category-ancestor::before,.i_nav>.current-post-ancestor::before,.i_nav>.current-menu-ancestor::before,.i_nav>.current-menu-parent::before,.i_nav>li:hover::before,.i_nav>.active::before{width:98%;}
	.i_nav>.current-menu-item>a,.i_nav>.current-category-ancestor>a,.i_nav>.current-post-ancestor>a,.i_nav>.current-menu-ancestor>a,.i_nav>.current-menu-parent>a,.i_nav>li:hover>a{color:var(--i_color2); !important;}
	.i_nav>li>.sub-menu{display:none;position:absolute;left:0;min-width:2.7rem;background:#fff;box-shadow:0 .06rem .1rem rgb(0 0 0 / 8%);font-size:0;z-index:2;}
	.i_nav>li>.sub-menu li{position:relative;border-bottom:1px solid var(--border_color);}
	.i_nav>li>.sub-menu a{display:block;padding:0 .16rem;font-size:.15rem;color:var(--i_color);line-height:.36rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
	.i_nav>li>.sub-menu>li:hover>a{color:var(--i_color2);}
	.i_nav .sub-menu .sub-menu{position:absolute;top:0;left:100%;min-width:2rem;background:#fff}
	.i_nav .sub-menu .sub-menu a{font-size:.15rem;;text-transform:uppercase}
	.i_nav .sub-menu .sub-menu li:hover a{color:var(--i_color2);}
}

@media screen and (max-width:1440px) {
    .i_nav>li{margin:0 .18rem;}
}
@media screen and (max-width:1366px) {
    .i_nav>li{margin:0 .14rem;}
}
@media screen and (max-width:1200px) {
	.i_nav>li{margin:0 .1rem;}
}
@media screen and (max-width:1024px) {
	.i_nav>li{margin:0 .06rem;}
}



@media screen and (max-width:960px) {
	.i_nav{display:none;position:fixed;top:var(--header_height);right:0;width:60%;height:100%;max-height:calc(100vh - var(--header_height));background:#FFF;overflow-y:auto;z-index:2}
	/*滚动条*/
	.i_nav::-webkit-scrollbar{width: 3px;height: 8px}
	.i_nav::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#555}
	.i_nav::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:0;background:#F1F1F1}
	.i_nav>li{margin:0 0 !important;border-bottom:1px solid var(--border_color);position:relative;text-align:center;}
	.i_nav>.menu-item-has-children span{display:block;position:absolute;top:0;right:0;width:.44rem;height:.44rem;background:rgb(0 0 0 / 3%) url(static/images/public/arrow_down_hollow_hei.svg)no-repeat center;background-size:.2rem;box-sizing:border-box;}
	.i_nav>.menu-item-has-children span.on{background:rgb(0 0 0 / 3%)url(static/images/public/arrow_up_hollow_hei.svg)no-repeat center;background-size:.2rem;}
	.i_nav>li>a{padding:0 .2rem;font-size:.15rem;color:#222;line-height:.44rem;}
	.i_nav>li>.sub-menu{display:none}
	.i_nav>li>.sub-menu li{position:relative;}
	.i_nav .sub-menu a{padding:0 .4rem;font-size:.14rem;color:#555;line-height:.4rem;position:relative}
	.i_nav .sub-menu li:not(:last-child){border-bottom:1px solid var(--border_color)}
	.i_nav>li>.sub-menu b{position:absolute;top:0;right:0;width:.4rem;height:.4rem;background:url(static/images/public/arrow_down_hollow_hei.svg)no-repeat center;background-size:.16rem;}
	.i_nav>li>.sub-menu b.on{background:url(static/images/public/arrow_up_hollow_hei.svg)no-repeat center;background-size:.16rem;}
	.i_nav .sub-menu .sub-menu{display:none;}
	.i_nav .sub-menu .sub-menu a{padding:0 .6rem;font-size:.13rem;color:#888;line-height:.36rem;position:relative;}
	.i_nav a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}


/* pc导航下拉菜单 */
.nav_list_show{display:none;position:absolute;top:var(--header_height);left:0;box-sizing:border-box;padding:.2rem 0 .4rem;width:100%;background:#fff;-webkit-border-radius:0 0 .2rem .2rem;border-radius:0 0 .2rem .2rem;box-shadow:0 4px 10px rgb(0 0 0 / 10%);z-index:2012}
.TopHeader .nav_list_show{top:var(--header_height) !important;}
.nav_list_show ul{margin:0 auto;display:-webkit-flex;display:flex;flex-wrap:nowrap;gap:0 4%;}
.nav_list_show li{width:25%;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;overflow:hidden;position:relative;}
.nav_list_show li a{display:block;overflow:hidden}
.nav_list_show .img{width:100%;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;background:#FFF;position:relative;overflow:hidden}
.nav_list_show .img::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;box-sizing:border-box;border:1px solid transparent;-webkit-border-radius:.1rem;border-radius:.1rem;}
.nav_list_show .img:before{content:"";display:block;padding-bottom:64%}
.nav_list_show .img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}
.nav_list_show .i_tit h5{font-size:.16rem;margin-top:3%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nav_list_show li:hover .img::after{width:calc(100% - .18rem);height:calc(100% - .18rem);border-color:#FFF;}
.nav_list_show li:hover .img img{width:110%;height:110%;}
.nav_list_show li:hover h5{color:var(--i_color2);}
.nav_list_show .img::after,.nav_list_show .img img{-webkit-transition:all .5s ease;transition:all .5s ease}


@media screen and (max-width:1366px) {
	.nav_list_show .i_tit>a{font-size:.14rem;}
}






/* 移动端导航按钮 */
.nav_menu{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:20px;height:14px;display:none;cursor:pointer}
.nav_menu i{display:block;width:100%;height:2px;position:absolute;top:50%;margin-top:-1px;background:var(--i_color);border-radius:.1rem;transition:0.5s}
.nav_menu::before,.nav_menu::after{content:"";width:100%;height:2px;background:var(--i_color);position:absolute;left:0;border-radius:.1rem;transition:.5s}
.nav_menu::before{top:0}
.nav_menu::after{bottom:0}
.nav_menu.on i{opacity:0}
.nav_menu.on::before{transform:rotate(45deg);top:50%;margin-top:-2px}
.nav_menu.on::after{transform:rotate(-45deg);top:50%;margin-top:-2px}

@media screen and (max-width:960px) {
	.nav_menu{display:block !important}
}

.top_search_ico{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;margin-right:6%;}
.top_search_ico iconify-icon{font-size:.2rem;color:var(--i_color);cursor:pointer;}
.top_search_ico.on iconify-icon{color:var(--i_color2);}


/* search main */
.top_r{display:flex;display:-webkit-flex;align-items:center;}
.top_search{--search_height:.38rem}
.top_search{visibility:hidden;opacity:0;position:fixed;top:var(--header_height);left:0;width:100%;padding:.16rem 0;background:#FFF;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:6;}
.top_search.on {visibility:visible;opacity:1;top:var(--header_height);box-shadow:0 .06rem .1rem rgb(0 0 0 / 8%);}
.top_search form{width:80%;margin:0 auto;max-width:5rem;display:-webkit-flex;display:flex;flex-wrap:wrap;box-sizing:border-box;border:1px solid var(--i_color2);overflow:hidden;}
.top_search_ipt{width:calc(100% - var(--search_height) * 2);height:var(--search_height);box-sizing:border-box;padding:0 0 0 .12rem;}
.top_search_btn{font-size:0;color:#FFF;width:calc(var(--search_height) * 2);height:var(--search_height);background:var(--i_color2) url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="white " d="m29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9Z"%2F%3E%3C%2Fsvg%3E') no-repeat center;background-size:.24rem;cursor:pointer;}

.top_language{margin-left:4%;width:.4rem;position:relative;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}
.top_language i{display:block;width:.4rem;height:.4rem;background:url(static/images/public/language_3_hei.svg)no-repeat center;background-size:.26rem;cursor:pointer;}
.top_language_list{display:none;position:absolute;right:0;top:52px;z-index:2;-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;}
.top_language_list::before{content: '';position:absolute;top:-.1rem;right:.12rem;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #FFF}
.top_language.on .top_language_list{display:block !important;}
.top_language_list ul{-webkit-border-radius:.05rem;border-radius:.05rem;overflow:hidden}
.top_language_list li{background:#FFF;}
.top_language_list a>span{display:block;padding:0 14px;min-width:100px;overflow:hidden}
.top_language_list img,.top_language_list .trp-ls-language-name{display:inline-block;vertical-align:middle}
.top_language_list .trp-ls-language-name{margin-left:8px;font-size:.13rem;color:#606060;line-height:32px}
.top_language:hover>i,.top_language.on>i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.top_language_list li:hover{background:#DDD}
.top_language,.top_language>i{-webkit-transition:all .3s ease;transition:all .3s ease}

@media screen and (max-width:1440px) {
	.top_language{margin-left:.1rem;}
}


@media screen and (max-width:1024px) {
	.top_language{margin-left:.04rem;}
	.top_search_ico{margin-right:4%;}
	.top_search_ico::before{display:none;}
}

@media screen and (max-width:960px) {
	.top_r{margin-right:6%;}
}

@media screen and (max-width:768px) {
	.top_search{--search_height:.34rem;padding:.12rem 0;}
}

@media screen and (max-width:560px) {
    .top_r{margin-right:8%;}
	.top_search form{width:94%;}
	.top_language i{background-size:.24rem}
}

.full_header{height:var(--header_height);}
header,.top_cont,.logo,.logo img,.i_nav>li,.i_nav>li>a{-webkit-transition:all .7s ease;transition:all .7s ease}


/* Footer */
.f_top {padding-top:.3rem;padding-bottom:.1rem;border-bottom:1px solid var(--border_color);}
.f_top .wrap{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.f_top p {font-size:.2rem;color:var(--i_color);text-transform:uppercase;line-height:150%;font-family:'GilroyBold';}
.f_logo img{max-height:0.6rem;}

.f_box{position:relative;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse;}
.f_contact{width:28%;}
.f_nav{width:15%;}
.f_nav ul ul{display:none;}
.f_form{width:42%;}
.f_tit{font-size:.24rem;color:var(--i_color);font-family:'GilroyBold';margin-bottom:.1rem;}
.f_contact_list li{margin:.1rem 0;display:flex;display:-webkit-flex;align-items:center}
.f_contact_list p{font-size:.18rem;color:var(--i_color);margin-bottom:.1rem;}
.f_contact_list a,.f_contact_list span{font-size:.18rem;color:var(--i_color);line-height:160%;}
.f_contact_list li:last-child a{background-color:var(--i_color2);padding:2px 16px;border-radius:.5rem;display:inline-flex;align-items:center;border:1px solid transparent;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.f_contact_list iconify-icon{color:var(--i_color2);font-size:.2rem;margin-right:10px;}
.f_contact_list li:hover a{text-decoration:underline;color:var(--i_color2);}

@media screen and (max-width:560px){
	.f_contact_list iconify-icon{font-size:.2rem;}
}

.f_nav li > a{font-size:.18rem;color:var(--i_color);}
.f_nav a{display:block;font-size:.18rem;color:var(--i_color);position:relative;margin-bottom:0.1rem;}
.f_nav a:hover{color:var(--i_color2);}
.f_form{position:relative;overflow:hidden;-webkit-border-radius:.1rem;border-radius:.1rem;padding-bottom:.1rem;}

#wpforms-60{--input_font_size:16px;--input_height:.48rem;}
#wpforms-form-60{width:100%;}
#wpforms-60 input,#wpforms-60 button{margin:0;padding:0;border:none;background:none;}
#wpforms-60 .wpforms-field{padding:0;position:relative;margin-bottom:.1rem;}
#wpforms-60 .wpforms-field-label{position:absolute;font-size:0;}
#wpforms-60 .wpforms-required-label{position:absolute;top:.1rem;left:.05rem;font-size:.16rem;color:#f00;}
#wpforms-60 .wpforms-field-container{overflow:hidden;}
#wpforms-60 .wpforms-field-container input,#wpforms-60 textarea{width:100%;max-width:100% !important;min-width:100%;border:none !important;font-size:var(--input_font_size);color:#333;height:var(--input_height);box-sizing:border-box;background:#fff;padding:0 .16rem;overflow:hidden;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#wpforms-60 .wpforms-field-container input:hover,#wpforms-60 textarea:hover{border-color:var(--i_color);}
#wpforms-60 input{line-height:var(--input_height);}
#wpforms-60 textarea{height:0.6rem;line-height:.22rem;padding:.06rem .16rem;}
#wpforms-60 input::-webkit-input-placeholder,#wpforms-60 textarea::-webkit-input-placeholder,#wpforms-60 input::-moz-placeholder,#wpforms-60 textarea::-moz-placeholder,#wpforms-60 input::-ms-input-placeholder,#wpforms-60 textarea::-ms-input-placeholder{color:var(--font_color);font-size:var(--input_font_size);}
#wpforms-60-field_1-error,#wpforms-60-field_2-error,#wpforms-60-field_7-error,#wpforms-60-field_4-error,#wpforms-60-field_5-error,#wpforms-60-field_6-error{position:absolute;font-size:12px;color:#a90909;}
#wpforms-60 .wpforms-field-container{width:100%;}
#wpforms-60 .wpforms-submit-container button{display:table;padding:.12rem .5rem;margin-left:6px;border:1px solid var(--i_color);font-size:.16rem;color:var(--i_color);font-weight:bold;background:none;cursor:pointer;position:relative;z-index:2;transition:.5s ease;overflow:hidden;}
#wpforms-60 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0, -50%);right:4px;z-index:2;}
#wpforms-60 .wpforms-submit-container button::before{content:"";width:200%;height:200%;position:absolute;top:100%;left:50%;border-radius:40%;transform:translateX(-50%);background:var(--i_color2);transition:.5s ease;z-index:-1;}
#wpforms-60 .wpforms-submit-container button:hover{color:#fff;border:1px solid var(--i_color2);}
#wpforms-60 .wpforms-submit-container button:hover::before{top:-10%;}

@media screen and (max-width: 1024px) {
	#wpforms-60 .wpforms-field{width:100%;position:relative;}
	#wpforms-60 .wpforms-field-container{margin-right:0;flex-wrap:wrap;justify-content:space-between;}
	#wpforms-60-field_1-container,#wpforms-60-field_7-container{width:100% !important;}
	#wpforms-60 .wpforms-submit-container{margin:0 auto;}
	#wpforms-60 .wpforms-submit-container button{padding:6px .5rem;}
}
@media screen and (max-width: 768px) {
	#wpforms-60{--input_font_size:13px;--input_height:.4rem;}
}
@media screen and (max-width: 560px) {
	#wpforms-60-field_1-container,#wpforms-60-field_2-container,#wpforms-60-field_7-container{width:100% !important;}
}

.f_media{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 auto;}

@media screen and (min-width:1025px){
	.f_media{position:absolute;bottom:.7rem;left:0;}
}

.f_media dt{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.f_media dt:not(:last-child){margin-right: 0.4rem;}
.f_media iconify-icon{font-size:.28rem;color:var(--i_color2);}
.f_media dt:hover {-webkit-transform:translate(0, -5px);transform:translate(0, -5px);}
.f_copy{padding:.1rem 0;background-color:var(--i_color2);-webkit-border-radius:.3rem 0 0 0;border-radius:.3rem 0 0 0;}
.f_copy .wrap{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.f_copy a{font-size:.18rem;color:#fff;line-height:200%;}

@media screen and (max-width: 1440px) {
	.f_top {padding-top:.6rem;}
	.f_tit {font-size:.24rem;}
}
@media screen and (max-width: 1024px) {
	.f_top {padding:.3rem 0 .2rem;margin-bottom:.2rem;}
	.f_top p {margin-top:.2rem;font-size:16px;}
	.f_top p br{display:none;}
	.f_tit {font-size:.2rem;}
	.f_form {padding:0;margin-bottom:.4rem;}
	.f_nav {display:none;}
	.f_contact,.f_form{width:100%;}
	.f_contact_list p{font-size:16px;}
	.f_contact_list a{font-size:15px;}
}
@media screen and (max-width: 959px) {
	.f_copy a{font-size:14px;line-height:120%;}
}
@media screen and (max-width: 560px) {
	.f_copy a:last-child{margin-top:10px;}
}


.f_menu{display:none;position:fixed;left:0;bottom:0;width:100%;height:var(--f_menu_height);flex-wrap:nowrap;background:#FFF;box-shadow:0 0 10px rgb(0 0 0 / 10%);overflow:hidden;z-index:9999999}
.f_menu li{width:100%;box-sizing:border-box}
.f_menu li:not(:last-child){border-right:1px solid var(--border_color)}
.f_menu a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;text-align:center;overflow:hidden}
.f_menu i{display:inline-block;padding-left:24px;font-size:13px;color:#555;line-height:16px}
.f_menu li iconify-icon{font-size:20px;color:var(--i_color2);margin-right:5px}

@media screen and (max-width:960px) {
	.f_menu{display:-webkit-flex;display:flex;align-items:center}
	footer{padding-bottom:var(--f_menu_height);}
}

/* ----------------------------- 侧边客服 ---------------------------- */
.aside_right{position:fixed;right:10px;bottom:20%;z-index:999999;}
.aside_right li{position:relative;cursor:pointer;}
.aside_right li{display:block;transition:all 0.3s ease;width:.6rem;height:.6rem;margin-top:5px;border-radius:50%;background:rgb(140, 140, 140, 0.2);display:flex;justify-content:center;align-items:center;z-index:3;}
.aside_right li.aside_email {background: rgb(239, 108, 0, 0.6);}
.aside_right li.aside_email iconify-icon{color:#fff}
.aside_right li a{font-size:16px;}
.aside_right li a iconify-icon{color:var(--i_color);font-size:.24rem;}
.aside_right li:hover a iconify-icon{color:#fff;}
.aside_right li:hover{background:var(--i_color2);}
.aside_right li{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}




/* 侧边客服     表单 */
#mask_bg{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:998;}
#aside_sc_from{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:82%;padding:.6rem .4rem;border-radius:.2rem;background:#e2e2e2;z-index:999999;overflow:auto;}
#aside_sc_from .tit{margin-bottom:40px;}
#aside_sc_from .tit h3{font-size:26px;color:#333;text-align:center;text-transform:uppercase;font-weight:bold;line-height:30px;}

#wpforms-65{--input_font_size:16px;--input_height:42px;width:100%;margin:0 auto;padding: 0;}
#wpforms-form-65{width:100%;overflow:hidden;}
#wpforms-65 input,#wpforms-65 button{margin:0;padding:0;border:none;background:none;}
#wpforms-65 .wpforms-field{padding:0;margin:0;}
#wpforms-65 .wpforms-error-container{line-height:16px;}
#wpforms-65 .wpforms-field-container{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;overflow:hidden;}
#wpforms-65 .wpforms-field {position:relative;}
#wpforms-65 .wpforms-field-label{font-size:0;}
#wpforms-65 .wpforms-field-label span{position:absolute;top:15px;left:3px;font-size:.14rem;color:red;}
#wpforms-65 .wpforms-field {width:100%;margin-bottom:10px;background:transparent;overflow:hidden;}
#wpforms-65 .wpforms-field:nth-child(1),#wpforms-65 .wpforms-field:nth-child(3){margin-right:20px;}
#wpforms-65 .wpforms-field:nth-child(1),#wpforms-65 .wpforms-field:nth-child(2),#wpforms-65 .wpforms-field:nth-child(3),#wpforms-65 .wpforms-field:nth-child(4){width:calc(50% - 10px);}
#wpforms-65 input{height:var(--input_height);}
#wpforms-65 textarea{min-height: 100px;}
#wpforms-65 input,#wpforms-65 textarea{width:100%;border:0;max-width:100% !important;border-radius:.1rem;font-size:var(--input_font_size);background-color:#fff;color:#222;box-sizing:border-box;line-height:var(--input_height);padding:0 10px;}
#wpforms-65 input::-webkit-input-placeholder,#wpforms-65 input::-moz-placeholder,#wpforms-65 input::-ms-input-placeholder,#wpforms-65 textarea::-webkit-input-placeholder,#wpforms-65 textarea::-moz-placeholder,#wpforms-65 textarea::-ms-input-placeholder{color:#666;font-size:var(--input_font_size);}
#wpforms-65 #wpforms-65-field_1-error,#wpforms-65 #wpforms-65-field_2-error,#wpforms-65 #wpforms-65-field_3-error,#wpforms-65 #wpforms-65-field_4-error{position:absolute;font-size:14px;}
#wpforms-65 .wpforms-submit-container button{overflow:hidden;border-radius:.2rem;width:100%;font-size:16px;height:var(--input_height);color:var(--i_color);line-height:var(--input_height);cursor:pointer;text-transform:uppercase;position:relative;z-index:2;}
#wpforms-65 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0, -50%);right:4px;}
.close{position:absolute;top:20px;right:30px;display:block;width:50px;height:50px;background:url(static/images/public/close_1_hei.svg)no-repeat center;background-size:contain;}
.close {-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#wpforms-65 .wpforms-submit-container{text-align:center;padding:0;overflow:hidden;position:relative;border-radius:.2rem;}
#wpforms-65 .wpforms-submit-container button{margin-top:.2rem;border:1px solid var(--i_color);font-size:.16rem;color:var(--i_color);background:none;cursor:pointer;position:relative;z-index:2;transition:.5s ease;overflow:hidden;width:20%;height:.5rem;font-weight:bold;line-height:.42rem;}
#wpforms-65 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2;}
#wpforms-65 .wpforms-submit-container button::before{content:"";width:200%;height:200%;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--i_color2);transition:0.5s ease;z-index:-1;}
#wpforms-65 .wpforms-submit-container button:hover{color:#fff;border-color:transparent;}
#wpforms-65 .wpforms-submit-container button:hover::before{top:-10%;}

@media screen and (max-width: 1200px) {
  .aside_right{display:none;}
}






/* HOME - big title */
.i_tit h3{font-size:.4rem;color:var(--i_color);font-family:'GilroyBold';}
.i_tit h4{font-size:.24rem;color:var(--i_color);margin:4% 0;}
.i_tit p{font-size:.18rem;color:var(--i_color);}
.i_tit.center{margin:0 auto;}


@media screen and (max-width:1024px) {
	.i_tit h3{font-size:.34rem;}
	.i_tit h4{font-size:.22rem;}
}

@media screen and (max-width:960px) {
	.i_tit h3{font-size:.3rem;}
	.i_tit h4{font-size:.2rem;}
	.i_tit p{font-size:.16rem;}
}

@media screen and (max-width:767px) {
	.i_tit h3{font-size:.24rem;}
	.i_tit h4{font-size:.18rem;}
	.i_tit p{font-size:.14rem;}
}

@media screen and (max-width:560px) {
	.i_tit h3{font-size:.2rem;}
	.i_tit h4{font-size:.16rem;}
	
}

@media screen and (max-width:460px) {
	.i_tit h3{font-size:.18rem;}
	.i_tit p{font-size:.12rem;}
}



/* HOME - line */
.line{width:4%;height:2px;background-color:var(--i_color2);margin:1% auto;}
@media screen and (max-width: 767px) {
	.line{width:10%;height:2px;}
}


/* HOME - more */
.i_more{display:table;box-sizing:border-box;width:auto;padding:.12rem .2rem;cursor:pointer;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;align-items:center;display:inline-flex;justify-content:center;border:1px solid var(--i_color);background:none;position:relative;z-index:2;overflow:hidden;}
.i_more b{font-size:.18rem;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:relative;color:#fff;margin:0 12px;color:var(--i_color);}
.i_more iconify-icon{font-size:.18rem;color:var(--i_color);}
.i_more:hover b{color:#fff;}
.i_more::before{content:"";width:200%;height:200%;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--i_color2);transition:.5s ease;z-index:-1;border-radius:40%;}
.i_more:hover {background-color:var(--i_color2);border:1px solid var(--i_color2);}
.i_more:hover::before{top:-10%;}
.i_more:hover iconify-icon{color:#fff;}

@media screen and (max-width: 1024px) {
	.i_more {padding:.1rem .2rem;}
    .i_more b{font-size:16px;margin:0 8px;}
	.i_more iconify-icon{font-size:.16rem;}
}

@media screen and (max-width: 560px) {
  	.i_more {padding:6px .1rem;}
  	.i_more b{font-size:14px;margin:0 4px;}
	.i_more iconify-icon{font-size:.14rem;}
}

@media screen and (max-width: 430px) {
	.i_more {padding:4px 6px;}
	.i_more b{font-size:12px;margin:0 2px;}
	.i_more iconify-icon{font-size:.12rem;}
}



/* 当前位置 */
.in_position{padding:14px 0;}
.in_position a{display:block;float:left;font-size:14px;color:var(--i_color2);position:relative;line-height:20px;}
.in_position a:first-child{padding-left:24px;background:url(static/images/public/home_1_hei.svg)no-repeat left center;background-size:20px}
.in_position a:not(:last-child):after{content:">"; margin:0 4px;color:var(--i_color3)}
.in_position a:last-child{color:var(--i_color)!important}
.in_position a:hover{color:var(--i_color)}

@media screen and (max-width:959px){
	.in_position a{font-size:15px}
}

@media screen and (max-width:767px){
	.in_position a{font-size:14px}
}

@media screen and (max-width:560px){
	.in_position a{font-size:12px}
}




/* Number of pages */
.in_page_box{text-align:center;overflow:hidden}
.in_page{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.in_page li{min-width:.32rem;margin:0 .04rem;}
.in_page a,.in_page span{display:block;padding:0 .12rem;line-height:.32rem;font-size:.14rem;color:#666;background:#FFF;-webkit-border-radius:.05rem;border-radius:.05rem;border:1px solid var(--border_color);overflow:hidden;}
.in_page>i {margin-top:.14rem;width:100%;font-size:.13rem;color:#888;}
.in_page a:hover,.in_page .active_page a,.in_page .active_page span{border-color:var(--i_color2) !important;background:var(--i_color2);color:#FFF !important}

@media screen and (max-width:1024px) {
	.in_page_box{margin-top:.4rem;}
}

@media screen and (max-width:768px) {
	.in_page li{min-width:.28rem;}
	.in_page a,.in_page span{line-height:.28rem;padding:0 .1rem;}
}

@media screen and (max-width:560px) {
	.in_page_box{margin-top:.3rem;}
}


/* banner */
.banner{width:100%;font-size:0;overflow:hidden;position:relative;}
.banner .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.banner .swiper-wrapper{display:flex;position:relative;width:100%;z-index:1}
.banner .swiper-slide{display:-webkit-flex;display:flex;flex-shrink:0;position:relative;overflow:hidden;padding-bottom:37%}
.banner .swiper-slide>img,.banner .swiper-slide>a>img,.banner .swiper-slide>video,.banner .swiper-slide>a>video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.banner .swiper-slide>video,.banner .swiper-slide>a>video{opacity:1;}
.banner-button-prev,.banner-button-next{display:block;position:absolute;top:50%;transform:translate(0, -50%);
width:.5rem;height:.5rem;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:3;}
.banner-button-prev{left:-.6rem;}
.banner-button-next{right:-.6rem;}
.banner-button-prev iconify-icon,.banner-button-next iconify-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.5rem;color:#FFF;z-index: 3;}
.banner-button-prev:hover iconify-icon,.banner-button-next:hover iconify-icon{color:var(--i_color2);}
.banner:hover .banner-button-prev{left:.1rem;}
.banner:hover .banner-button-next{right:.1rem;}
.banner-pagination{position:absolute;left:50%;transform:translate(-50%, 0);bottom:5%;width:auto;cursor:pointer;display:-webkit-flex;display:flex;flex-wrap:wrap;z-index:3;}
.banner-pagination .swiper-pagination-bullet{display:block;width:.5rem;height:4px;-webkit-border-radius:.1rem;border-radius:.1rem;margin:0 .08rem;background:#fff;position:relative;outline:none;overflow:hidden;}
.banner-pagination .swiper-pagination-bullet-active::before{content:"";position:absolute;-webkit-border-radius:.1rem;border-radius:.1rem;top:0;left:0;width:100%;height:100%;background:var(--i_color2);}
.banner-pagination .swiper-pagination-bullet-active::before{-webkit-animation:w100 8000ms 1;animation:w100 8000ms 1;}
.banner .swiper-slide::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); z-index: 1;}




@media screen and (max-width: 1024px) {
  .banner-button-prev, .banner-button-next{display:none;}
}

@media screen and (max-width: 560px) {
  .banner-pagination{bottom:.14rem;}
  .banner-pagination .swiper-pagination-bullet{margin:0 4px;width:.06rem;height:.06rem;}
}



.banner .tit{position:absolute;left:10%;top:50%;width:40%;transform:translate(0 , -50%);z-index: 3;}
.banner .tit1 h2 a{color:var(--i_color);font-size:.5rem;font-family:'GilroyBold';line-height:70px;}
.banner .tit1 p{color:var(--i_color);font-size:.18rem;margin-top:2%;line-height:28px}
.banner .i_more{position:absolute;bottom:10%;left:10%;border:1px solid var(--i_color);}
.banner .i_more b,.banner .i_more iconify-icon{color:var(--i_color);}
.banner .i_more:hover{border:1px solid var(--i_color2);}

@media screen and (max-width: 1600px) {
	.banner .i_more{position:absolute;bottom:10%;left:12%;}
}

@media screen and (max-width: 1280px) {
	.banner .tit1 h2 a{font-size:.42rem;line-height:60px;}
}

@media screen and (max-width: 1024px) {
	.banner .tit{position:absolute;left:4%;width:92%;}
	.banner .tit1 h2 a{font-size:.4rem;line-height:50px;}
	.banner .tit1 p{font-size:.16rem;line-height:24px}
	.banner .i_more{position:absolute;bottom:10%;left:4%;}
}

@media screen and (max-width: 960px) {
	.banner .tit1 h2 a{font-size:.35rem;}
}

@media screen and (max-width: 767px) {
	.banner .tit1 h2 a{font-size:.3rem;line-height:35px;}
	.banner .tit1 p{font-size:.14rem;line-height:20px;margin-top:1%;}
}

@media screen and (max-width: 560px) {
	.banner .tit1 h2 a{font-size:.2rem;line-height:24px;}
	.banner .tit1 p{display:none;}
}

@media screen and (max-width: 430px) {
	.banner .tit{position:absolute;left:6%;}
	.banner .tit1 h2 a{font-size:.16rem;line-height:20px;}
	.banner .i_more{position:absolute;bottom:10%;left:6%;}
}


/* main */
.h_products .i_tit h3{color:var(--i_color);}
.h_products dl{display: flex;display: -webkit-flex;gap: 0 4%;text-align: center;justify-content: center;flex-wrap: wrap;}
.h_products dl dt{border: 1px solid var(--border_color);border-radius: 20px;padding: 0.5% 1%;cursor: pointer;background: #fff;}
.h_products dl dt a{display: flex;display: -webkit-flex;align-items: center;}
.h_products dl dt.on{background: var(--i_color2);color: #fff;}
.h_product_list ul{display: none;}
.h_product_list ul.active{display: flex;display: -webkit-flex;gap: 0 2%;}
.h_product_list ul li{width:24.5%;background: #fff;border-radius: 15px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;padding: 1% 2%;position: relative;}
.h_product_list ul li.active_our::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 90%;background: #eee;}
.h_product_list ul h4{display: flex;align-items: center;border-bottom: 1px solid var(--border_color);padding-bottom: 3%;position: relative;font-family:'GilroyBold';}
.h_product_list .active_our {width: 35% !important;}
.h_product_list .img_logo {width: 60px;margin-left: auto;transition: all 0.3s ease;margin-left:10px}
.h_product_list ul li .img{width: 100%;position: relative;overflow: hidden;text-align: end;}
.h_product_list ul li .img img{width: 100%;}
.h_product_list p{color: var(--i_color3);position: relative;padding-left:20px;line-height: 30px;}
.h_product_list p::before{content: '';width: 5px;height: 5px;border-radius: 50%;background: var(--i_color3);position: absolute;left: 0;top:50%;transform: translate(0 ,-50%);}

@media screen and (max-width: 960px) {
	.h_products dl{gap: 0 2%;}
	.h_products dl dt{font-size: 0.14rem;}
}

@media screen and (max-width: 767px) {
	.h_product_list ul.active{display: block;}
	.h_product_list ul li{width:96%!important;margin-bottom:5%}
	.h_product_list .active_our {width: 96% !important;}
}


@media screen and (max-width: 560px) {
	.h_products dl dt{width: 46%;margin-bottom: 3%;}
}





.h_about {position:relative;}
.h_about .wrap{display:flex;display:-webkit-flex;}
.h_about .i_tit{width:50%;}
.h_about .i_tit h4{font-family:'GilroyBold';}
.h_about .img{width:45%;margin-left: 5%;}
.h_about .img img{width:100%;height:100%;object-fit:contain}
.h_about_list{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;display:-webkit-flex;align-items:center;margin-right: auto;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_about_list li{width:25%;padding:2% 0;}
.h_about_list h3{position:relative;}
.h_about_list h3::after{color:var(--i_color2);font-weight:400;content:"+";}
.h_about_list h3 .roll_num{font-size: .4rem;}

.h_about .video{width:45%;position:relative;overflow:hidden;margin-left: 5%;}
.h_about .video:before{content:"";display:block;padding-bottom:60%}
.h_about .video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover;}



@media screen and (max-width:1024px) {
	.h_about_list h3 .roll_num{font-size:.34rem;}
}

@media screen and (max-width: 960px) {
	.h_about .wrap{display:block;text-align:center;}
	.h_about .i_tit{width:100%;margin-right:0;}
	.h_about .video{width:100%;margin-top: 5%;margin-left: 0;}
	.h_about_list {padding:0 0;width:100%;}
	.h_about_list li {width:25%;}
	.h_about_list h3::after{font-size:.2rem;}
	.h_about_list h3 .roll_num{font-size:.3rem;}
}
@media screen and (max-width: 767px) {
	.h_about_list li:first-child{margin-top:2%;}
	.h_about_list li {width:50%;margin-bottom:2%;}
	.h_about_list h3 .roll_num{font-size:.24rem;}
}

@media screen and (max-width:560px) {
	.h_about_list h3 .roll_num{font-size:.2rem;}
}

@media screen and (max-width: 460px) {
	.h_about_list li {width:100%;}
	.h_about_list h3 .roll_num{font-size:.18rem;}
}



.h_service{background: linear-gradient(180deg, #fff 50%, rgba(0, 132, 72, 0.5) 100%);}

.service_list{position:relative; overflow:hidden}
.service_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.service_list .swiper-slide{flex-shrink:0; position:relative}
.service_list ul li .img{width:30%;border-radius:10px;margin:0 auto}
.service_list ul li .img img{width:100%;height:100%;}
.service_list ul li img{width:100%;}



.h_after_service{ text-align:center;position:relative;}
.h_after_service img{width: 100%; height: 100%; background-size: contain;}
.h_after_service .i_tit{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);width:80%;}
.h_after_service h3{font-weight: bold;color: #fff;line-height: 60px;}
.h_after_service p , .h_after_service a{color: #fff;margin: 1% auto 2%;}

@media screen and (max-width: 960px) {
	.h_after_service .img{height: 40vh;}
	.h_after_service .i_tit{width: 96%;}
}


.home_news{position:relative;}
.h_news ul{margin:0 auto;display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 4%;}
.h_news ul li{width:30.66%;transition:all 0.3s ease;position:relative;box-shadow:0 0 7px rgba(0,0,0,.2);}
.h_news ul li .i_tit{padding: 0% 5% 5% ;}
.h_news ul li h4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.h_news ul li .img{position:relative;overflow:hidden;}
.h_news ul li .img::after{content:'';display:block;padding-bottom:60%;}
.h_news ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;}
.h_news ul li img{width:100%;height:100%;cursor:pointer;transition:all 0.3s ease;}
.h_news ul li:hover{box-shadow:0 0 7px rgba(0,0,0,.2);}
.h_news ul li:hover img{width:105%;height:105%;}



@media screen and (max-width:960px){
	.h_news ul{width:100%;}
}
@media screen and (max-width:767px){
	.h_news ul li{width: 100%;margin-bottom: 5%;}
}
@media screen and (max-width:560px){
	.h_news ul li p{-webkit-line-clamp:3;}
}






/* -----------------------------内页banner---------------------------- */
.in_banner{position:relative; width:100%;}
.in_banner>img,.in_banner>a>img,.in_banner>video,.in_banner>a>video{width:100%;}
.in_banner>video,.in_banner>a>video{opacity:1;}
.in_banner .tit h3{color:#fff;font-size:.5rem;font-weight:bold;}
.in_banner .tit1{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);text-align:center;width:60%;}
.in_banner .tit2{position:absolute;top:50%;left:7%;transform:translate(0 , -50%);width:60%;}


@media screen and (max-width: 1660px) {
	.in_banner .tit2{left:4%;}
}

@media screen and (max-width: 1200px) {
	.in_banner .tit h3{font-size:.4rem;}
}

@media screen and (max-width: 960px) {
	.in_banner .tit h3{font-size:.3rem;}
	.in_banner .tit2{left:2%;}
}

@media screen and (max-width: 767px) {
	.in_banner .tit h3{font-size:.24rem;}
}

@media screen and (max-width: 460px) {
	.in_banner .tit h3{font-size:.2rem;margin-bottom:4%;}
}




/* -------------------------about us------------------------ */
.in_about .wrap{display:flex;display:-webkit-flex;align-items:center;}
.in_about .img{width:52%;position:relative;overflow:hidden;margin-right:2%;}
.in_about .img::before{content:"";display:block;padding-bottom:60%}
.in_about .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_about .img:hover img{width:110%;height:110%;}
.in_about .i_tit{width:50%;}
.in_about .i_tit h4{color:var(--i_color2);font-weight:bold;}

@media screen and (max-width: 1024px) {
	.in_about .wrap{display:block}
	.in_about .img{width:100%;margin-right:0;margin-bottom:3%;}
	.in_about .i_tit{width:100%;}
}



.salesmap{background:-webkit-linear-gradient(top,#0856a1,#6faceb);background:linear-gradient(to bottom,#0856a1,#6faceb);position:relative;}
.salesmap_cont{width:48%;position:relative;z-index:2;}
.salesmap_cont .i_tit h4,.salesmap_cont .i_tit p{color:#FFF;}
.salesmap_num{width:74%;margin:1.5rem 0 1rem;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 0;}
.salesmap_num li{width:40%;}
.salesmap_num b,.salesmap_num i{font-size:.6rem;color:#FFF;font-weight:bold;font-style:italic;}
.salesmap_num p{color:#fff;}
.salesmap_pic{position:absolute;bottom:3%;right:0;width:14.8rem;max-width:90%;}
.salesmap_pic img{max-width:100%;}

@media screen and (max-width:1440px) {
	.salesmap_cont{width:55%;}
	.salesmap_num b,.salesmap_num i{font-size:.52rem;}
}

@media screen and (max-width:1366px) {
	.salesmap_num{margin:1.1rem 0 .8rem;}
	.salesmap_num b,.salesmap_num i{font-size:.46rem;}
	.salesmap_pic{opacity:.8;}
}

@media screen and (max-width:1200px) {
	.salesmap_num{margin:.7rem 0 .6rem;}
	.salesmap_pic{max-width:80%;}
}

@media screen and (max-width:1024px) {
	.salesmap_cont{width:100%;}
	.salesmap_num{margin:.3rem 0 .3rem;}
	.salesmap_num b,.salesmap_num i{font-size:.36rem;}
	.salesmap_pic{max-width:100%;opacity:.3;}
}

@media screen and (max-width:768px) {
	.salesmap_num{width:100%;}
	.salesmap_num dt{width:46%;}
	.salesmap_num b,.salesmap_num i{font-size:.3rem;}
}

@media screen and (max-width:560px) {
	.salesmap_num{gap:.3rem 0;}
	.salesmap_num b, .salesmap_num i{font-size:.24rem;}
}

@media screen and (max-width:460px) {
	.salesmap_num b, .salesmap_num i{font-size:.2rem;}
}



.value_list ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;display:-webkit-flex;padding:4% 0;}
.value_list li{width:28%;background-color:rgba(255,255,255,.9);border-radius:5px;display:flex;justify-content:center;align-items:center;display:-webkit-flex;flex-direction:column;padding:3% 2%;min-height:240px;position:relative;}
.value_list li .img{width:90px;height:90px;border-radius:50px;position:relative;overflow:hidden;}
.value_list li .img img{width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:2;}
.kong{z-index:1;position:absolute;width:100%;height:100%;background-color:var(--i_color2);left:0;top:100%;transition:all .7s ease;}
.value_list li:hover h4{color:var(--i_color2);}
.value_list li:hover .img .kong{top: 0;}
.value_list li:hover .img img{-webkit-filter:brightness(50);-moz-filter:brightness(50);-o-filter:brightness(50);-ms-filter:brightness(50);filter:brightness(100);}
.value_list h4{font-weight:bold;}
.value_list p{width:90%;}

@media screen and (max-width:1100px){
	.value_list li{min-height:260px;}
}

@media screen and (max-width:959px){
	.value_list li{width:100%;margin:10px auto;}
}


/* --------------------------milestones------------------------- */
.h_history_list{padding:.1rem 0;position:relative;margin:4% 0;}
.h_history_list::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:var(--i_color);}
.h_history_list li{margin:.7rem 0;width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;}
.h_history_list .yuan{position:absolute;left:50%;transform:translate(-50%,0);top:.4rem;width:.3rem;height:.3rem;background:#FFF;box-sizing:border-box;border:1px solid var(--i_color);;-webkit-border-radius:50%;border-radius:50%;}
.h_history_list .yuan::before{content:'';position:absolute;top:50%;width:.36rem;height:1px;background:var(--i_color);}
.h_history_list .yuan::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:var(--i_color);-webkit-border-radius:50%;border-radius:50%;}
.h_history_list li:nth-child(odd) .yuan::before{left:100%;}
.h_history_list li:nth-child(even) .yuan::before{right:100%;}
.h_history_list .img{width:45%;height:100%;position:relative;-webkit-border-radius:.2rem;border-radius:.2rem;overflow:hidden}
.h_history_list .img::before{content:"";display:block;padding-bottom:50%}
.h_history_list .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s ease;transition:all .5s ease}
.h_history_list .txt{width: 45%;}
.h_history_list p{margin-top:.18rem;font-size:.3rem;color:var(--i_color);font-weight:bold;}
.h_history_list h5{margin:.1rem 0 .2rem;font-size:.24rem;color:var(--i_color);}
.h_history_list h6{color:var(--i_color3);}
.h_history_list li:nth-child(even) .txt{order:-1;}
.h_history_list li:nth-child(even) .txt{text-align:right;}
.h_history_list li:hover .img img{width:110%;height:110%;}
.h_history_list li:hover p{color:var(--i_color2);}
.h_history_list li:hover .yuan{border-color:var(--i_color2);}
.h_history_list li:hover .yuan::before,.h_history_list li:hover .yuan::after{background:var(--i_color2);}


@media screen and (max-width: 960px) {
	.h_history_list li{margin:.6rem 0;}
	.h_history_list p{font-size:.24rem;}
	.h_history_list h5{font-size:.2rem;}
	.h_history_list .yuan{width:.18rem;height:.18rem;}
	.h_history_list .yuan::before{width:.24rem;}
}

@media screen and (max-width:768px) {
	.h_history_list::before{left:0;}
	.h_history_list li{box-sizing:border-box;margin:.4rem 0;padding-left:.46rem;}
	.h_history_list .yuan {top:.18rem;left:-.09rem;transform:none;}
	.h_history_list li:nth-child(even) .yuan::before{right:initial;left:100%;}
	.h_history_list .img{width:100%;}
	.h_history_list .txt{order:-1;width:100%;text-align:left !important;margin-bottom:.2rem;}
	.h_history_list p{font-size:.2rem;}
	.h_history_list h5{margin:.1rem 0 .14rem;font-size:.18rem;}
}

@media screen and (max-width:460px) {
	.h_history_list li:nth-child(1){margin-top:.2rem;}
	.h_history_list .img{-webkit-border-radius:.1rem;border-radius:.1rem;}
	.h_history_list p{font-size:.18rem;}
	.h_history_list h5{font-size:.17rem;}
}



/* --------------------------Sustainability------------------------- */
.development .wrap{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;}
.development .i_tit{width:50%;position:relative;}
.development .img{width:45%;position:relative;margin-left:5%;}
.development .img img{width: 100%;}

.management{position:relative;padding:4% 0;}
.management::before{background:#f9f9f9;position:absolute;top:0;z-index:-1;width:100%;min-height:460px;content:"";left:0;}
.management ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 2%;}
.management ul li{width:32%;position:relative;}
.management ul li .img{width:100%;}
.management ul li .img img{width:100%;}
.management ul li .i_tit{padding:2% 5%;position:absolute;bottom:5%;}
.management ul li .i_tit h3,.management ul li .i_tit p{color:#fff;}

@media screen and (max-width: 960px) {
	.development .wrap{display:block}
	.development .i_tit,.development .img{width:100%;margin-left:0;text-align:center;}
}

@media screen and (max-width: 767px) {
	.management ul li{width:100%;}
}





/* --------------------------Products------------------------- */
.products{margin:3% auto 2%;}
.products .category_list{display:flex;display:-webkit-flex;flex-wrap:nowrap;gap:0 2%;}
.products .category_list li{padding:2% 1%;width:22%;border:2px solid transparent;border-radius:15px;background:#f6f6f6;text-align:center;}
.products .category_list li:hover{border:2px solid var(--i_color2);}
.products .category_list li .i_tit p{margin-top:5%;text-align:center;max-width:100%;}

@media screen and (min-width: 1680px) {
  .products .category_list li{margin-right:10px;}
}


.menu_list ul{display:flex;display:-webkit-flex;gap:0 10%;justify-content:center;align-items:center;}
.menu_list li a{color:var(--i_color);font-size:.22rem;padding-bottom:5px}
.menu_list li:hover a,.menu_list li.active a{font-weight:bold;border-bottom:4px solid var(--i_color2);}

@media screen and (max-width: 1440px) {
  .menu_list li a{font-size:.2rem;}
}

@media screen and (max-width: 1200px) {
  .menu_list li{font-size:.18rem;}
}




.menu{margin-bottom:.6rem;width:96%;}
.menu .i_tit{text-align:center;background:var(--i_color);position:relative;margin:0;}
.menu h4{color:#FFF;line-height:.6rem;text-transform:uppercase;}
.products_ul li{box-sizing:border-box;position:relative;}
.products_ul li>a{box-sizing:border-box;padding:2% 1%;font-size:.18rem;display:block;position:relative;border-bottom:1px solid #ebebeb;transition:all 0.3s ease;text-transform:capitalize;}
.products_ul li:hover>a{color:var(--i_color);}
.products_ul li i{display:block;width:.4rem;height:.5rem;background:url('static/images/public/arrow_down_hollow_hei.svg')center no-repeat;background-size:.17rem;position:absolute;top:0;right:0;cursor:pointer;}
.products_ul dl{display:none;margin-bottom:2%;}
.products_ul dt{box-sizing:border-box;padding:2% 4%;box-sizing:border-box;border-bottom:1px solid #ebebeb;position:relative;border-left:2px solid transparent;}
.products_ul dl dt a{box-sizing:border-box;display:block;font-size:0.14rem;transition:all 0.3s ease;}
.products_ul li i.active{background:url('static/images/public/arrow_up_hollow_hei.svg')center no-repeat;background-size:.17rem;}

@media screen and (max-width:1024px) {
	.menu{width:96%;}
}



/* products_list */
.products_list ul{display:flex;flex-wrap:wrap;gap:0 2%;align-items:center;text-align:center;}
.products_list li{width:19.5%;border-radius:15px;padding:2%;margin-bottom:2%;}
.products_list li a{display:block;width:100%;}
.products_list_img{position:relative;overflow:hidden;}
.products_list_img img{width:100%;height:100%;object-fit:cover;}
.products_list h3{font-size:.2rem;font-family:'GilroyRegular'}
.products_list li:hover{box-shadow:0 16px 32px 0 rgba(16, 47, 89, 0.1);}

@media screen and (max-width:1024px){
  	.products_list li{width:44.5%;}
}

@media screen and (max-width:767px){
  	.products_list li{width:100%;}
  	.products_list h3{font-size:.18rem;}
}



/* -------------------------Details------------------------ */
.detail .product_dl{display:flex;display:-webkit-flex;gap:0 10%;justify-content:center;align-items:center;}
.detail .product_dl dt{color:var(--i_color);font-size:.22rem;padding-bottom:5px}
.detail .product_dl dt.current{font-weight:bold;border-bottom:4px solid var(--i_color2);}
.detail .p_name{font-size:.4rem;color:var(--i_color);font-weight:bold;text-align:center;border-bottom:1px solid #eaeaea;padding-bottom:3%;line-height:60px;}
.p_share{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;gap:0 .1rem;justify-content:center;}
.p_share p{font-size:.18rem;font-weight:bold;}
.p_share iconify-icon{font-size:.24rem;}
.p_share a:hover iconify-icon{color:var(--i_color2);}
.p_info_box {display: -webkit-flex;display:flex;box-sizing:border-box;justify-content:center;align-items:center;}
.basic .left,.basic .right{width:33%;text-align:center;}
.basic .left{margin-right:5%;}
.basic .right{margin-left:5%;}
.basic .moudle_pc li ,.basic .moudle_mobile li{margin-bottom:5%;}
.basic img{width:18%;}
.basic h4{color:var(--i_color);font-weight:bold;font-size:.24rem;padding:3% 0 2%;}
.basic p{color:var(--i_color);font-size:.18rem;}

/* thumb */
.thumb_list{position:relative;overflow:hidden;width:33%;}
.thumb_list .swiper-wrapper{display:-webkit-flex;display:flex;position:relative;width:50%}
.thumb_list .swiper-slide{flex-shrink:0;position:relative;text-align:center;}
.thumb_list .swiper-slide img{width:100%;}
.thumb-prev,.thumb-next{position:absolute;top:50%;transform:translate(0,-50%);width:.4rem;height:.4rem;background:#fff; z-index:3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;border-radius:50%;}
.thumb-prev{left:0;}
.thumb-next{right:0;}
.thumb-prev iconify-icon,.thumb-next iconify-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.3rem;color:var(--i_color3);}
.thumb_list .swiper-button-disabled{cursor:not-allowed}
.thumb-prev:hover,.thumb-next:hover{background:var(--i_color2);}
.thumb-prev:hover iconify-icon,.thumb-next:hover iconify-icon{color:#fff;}
.basic .more{gap:0 10%;display:flex;justify-content:center;}


@media screen and (max-width: 1200px) {
	.detail .product_dl dt{font-size:.2rem;}
	.detail .p_name{font-size:.3rem;line-height:50px;}
	.basic h4{font-size:.2rem;line-height:24px;}
	.basic p{font-size:.16rem;line-height:20px;}
}

@media screen and (max-width: 1024px) {
	.detail .product_dl dt{font-size:.18rem;}
	.detail .p_name{font-size:.24rem;line-height:30px;}
	.thumb-prev iconify-icon,.thumb-next iconify-icon{font-size:.2rem;}
	.basic .left,.basic .right{margin-right:0;margin-left:0;}
	.basic img{width:22%;}
	.basic h4{font-size:.18rem;line-height:20px;}
	.basic p{font-size:.14rem;line-height:20px;}
}

@media screen and (max-width: 960px) {
	.thumb_list{position:relative;overflow:hidden;width:100%;}
	.thumb_list .swiper-slide img{width:50%;}
	.basic .left,.basic .right{width:100%;text-align:center;}
	.basic img{width:18%;}
}


@media screen and (max-width: 767px) {
	.detail .product_dl{gap:0 5%;}
	.detail .product_dl dt{font-size:.16rem;}
	.detail .p_name{font-size:.2rem;line-height:30px;}
	.basic h4{font-size:.18rem;line-height:20px;}
	.basic p{font-size:.14rem;line-height:20px;}
}

@media screen and (max-width: 460px) {
	.detail .product_dl{gap:0 5%;}
	.detail .product_dl dt{font-size:.16rem;}
	.detail .p_name{font-size:.18rem;line-height:20px;}
	.basic h4{font-size:.16rem;}
	.basic p{font-size:.12rem;}
}



.p_list{display:-webkit-flex;display:flex;flex-wrap:wrap;gap:.5rem 3%;}
.p_list li{width:18.75%;border-radius:15px;padding:2%;margin-bottom:2%;}
.p_list .img{width:100%;box-sizing:border-box;border:4px solid transparent;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;overflow:hidden}
.p_list .img img{width:100%;height:100%; object-fit:cover;-webkit-transition:all .5s ease;transition: all .5s ease}
.p_list .i_tit{margin:2% 3%;}
.p_list h3{font-size:.2rem;margin-top:2%;font-family:'GilroyRegular';}
.p_list li:hover{box-shadow:0 16px 32px 0 rgba(16, 47, 89, 0.1);}

@media screen and (max-width:960px){
	.p_list{gap:.4rem 4%;}
	.p_list li{width:48%;}
	.p_list h3{font-size:.18rem;}
}

@media screen and (max-width:460px) {
	.p_list li{width:100%;}
}




.p_faq li{border-bottom: 1px solid var(--border_color);}
.p_faq .tit{padding: .26rem 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;cursor: pointer;}
.p_faq .tit p , .p_faq .tit p a{font-size: 0.16rem;font-weight: bold;}
.p_faq .txt{display: none;margin-bottom: 0.3rem;}
.p_faq .txt span{display:-webkit-flex; display:flex; flex-wrap:nowrap;}
.p_faq em{flex-shrink: 0; display: table; width: 26px;height: 26px;line-height: 26px; margin-right: 0.1rem; text-align: center; font-size: 0.18rem; color: #FFF;-webkit-border-radius:4px; border-radius:4px;}
.p_faq .tit em{background: var(--i_color);}
.p_faq .txt em{background: var(--i_color2);}
.p_faq .txt p , .p_faq .txt p a{font-size: 0.16rem;}
@media screen and (max-width:1024px) {
	.p_faq .tit{padding: .2rem 0;}
	.p_faq .tit p , .p_faq .tit p a{font-size: 0.14rem;}
	.p_faq .txt p , .p_faq .txt p a{font-size: 0.14rem;}
}





/* -----------------------------Solutions---------------------------- */
.advantages{position:relative;}
.advantages .wrap{background-color:#fff;margin-top:-6%;z-index:3;text-align:center;}
.advantages ul{display:flex;display:-webkit-flex;gap:0 2%;}
.advantages ul li{width:32%;}
.advantages ul li h4{font-weight:bold;margin-bottom:4%;}
.advantages ul li .img{width:35%;margin:8% auto;}
.advantages ul li .img img{width:100%;}

@media screen and (max-width: 1200px) {
	.advantages p{width:85%;}
	.advantages ul li h4{font-size:.2rem;}
}

@media screen and (max-width: 960px) {
	.advantages .wrap{margin-top:0;}
	.advantages h3{padding:5% 0 1%;}
	.advantages ul li .img{width:40%;}
}

@media screen and (max-width: 767px) {
	.advantages ul{display:block;}
	.advantages ul li{width:100%;}
	.advantages ul li .img{width:35%;}
}

@media screen and (max-width: 460px) {
	.advantages ul li .img{width:40%;}
}




.value ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap: 0 1%;}
.value ul li{width:49.5%;position:relative;margin-bottom:1%;}
.value ul li h4,.value ul li p{-webkit-transition:all .5s ease;transition:all .5s ease;}
.value ul li h4{font-weight:bold;z-index:2;color:#fff;position:absolute;left:5%;top:50%;width:90%;}
.value ul li p{color:transparent;position:absolute;left:5%;bottom: 0;z-index: 2;width: 90%;}
.value ul li .img{width:100%;}
.value ul li .img img{width:100%;}
.value ul li::after{content:'';position:absolute;left:0;bottom:3px;width:100%;height:0;background:rgba(0, 0, 0, .6);}
.value ul li:hover::after{height:99%;}
.value ul li:hover h4{top:20%;}
.value ul li:hover p{ bottom:20%; color:#fff;}


@media screen and (max-width: 1200px) {
	.value h3{font-size:.4rem;}
	.value ul li h4{font-size:.2rem;}
}


@media screen and (max-width: 767px) {
	.value ul{display:block;}
	.value ul li{width:100%;}
	.value ul li h4{position:absolute;left:50%;bottom:50%;transform:translate(-50% , -50%);width:100%;text-align:center;}
	.value ul li:hover h4{top:50%;}
	.value ul li p ,.value ul li::after{display:none;}
}

@media screen and (max-width: 460px) {
	.value ul li{text-align:center;}
	.value h3{font-size: 0.2rem;}
	.value ul li h4{font-size: 0.16rem;}
}



.case{position:relative;background-color:#f9f9f9;}
.case ul{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;gap:0 1%;}
.case ul li{width:32.66%;background-color:#fff;margin-bottom:2%;-webkit-transition:all .5s ease;transition:all .5s ease;}
.case ul li .img{width:100%;position:relative;overflow:hidden;}
.case ul li .img::before{content:"";display:block;padding-bottom:55%}
.case ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%;width:100%;}
.case ul li .i_tit{padding:3% 4%;}
.case ul li .i_tit .case_name{font-weight:bold;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.case ul li:hover{margin-top:-10px;}


@media screen and (max-width: 767px) {
	.case ul{display: block;}
	.case ul li{width: 100%;}
	.case ul li p ,.case ul li::after{display:none;}
}




.solution_faq .faq{background-color:#fff;box-sizing:border-box;padding:.35rem 6%;font-size:0;}
.solution_faq .faq dt{margin-bottom:.02rem;}
.solution_faq .faq_q{display:flex;display:-webkit-flex;align-items:center;background-color:#f0f2f5;box-sizing:border-box;padding:.02rem .2rem;}
.solution_faq .faq h4{font-size:.22rem;color:var(--i_color2);font-weight:bold;margin-right:.1rem;white-space:nowrap;}
.solution_faq .faq p{font-size:.16rem;color:var(--i_color);}
.solution_faq .faq_q p{box-sizing:border-box;padding-right:.1rem;}
.solution_faq .faq_q i{display:block;width:.14rem;min-width:.14rem;height:.52rem;background:url('static/images/jia.png')center no-repeat;background-size:100% 100%;margin-left:auto;cursor:pointer;}
.solution_faq .faq_q i.open{background:url('static/images/jian.png')center no-repeat;background-size:100% 100%;}
.solution_faq .faq_a{display:flex;display:-webkit-flex;background-color:#f5f6f8;box-sizing:border-box;padding:.1rem .2rem;}
.solution_faq .faq_aa{display:none;}

@media screen and (max-width: 1200px) {
	.solution_faq h3{font-size:.4rem;line-height:50px;}
	.plant_list .swiper-slide .left h4{font-size:.18rem;}
	.plant_list .swiper-slide .left dt{font-size:.14rem;}
}

@media screen and (max-width: 960px) {
	.solution_faq h3{font-size:.3rem;line-height:40px;}
}

@media screen and (max-width: 767px) {
	.solution_faq h3{font-size:.2rem;line-height:30px;text-align:center;}
}

@media screen and (max-width: 460px) {
	.solution_faq h3{font-size:.18rem;}
}






/* ------------------------- News ------------------------ */
.in_news ul {display:flex;display:-webkit-flex;justify-content:center;gap:0 2%;}
.in_news ul li{padding:8px 2%;text-align:center;overflow:hidden;}
.in_news ul li a{color:var(--i_color);font-size:.18rem;font-weight:bold;}
.in_news ul li:hover,.in_news ul li.curr{background-color:var(--i_color2);}
.in_news ul li:hover a,.in_news ul li.curr a{color:#fff;}

.news_desc ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap:wrap;}
.news_desc ul li{width:32%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);margin-bottom:3%;border-radius:5px;padding-bottom:1%;}
.news_desc ul li .img{width: 100%;position:relative;overflow: hidden;}
.news_desc ul li .img::before{content:"";display:block;padding-bottom:60%}
.news_desc ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%; height:100%;-webkit-transition:all .5s ease;transition:all .5s ease;}
.news_desc ul li:hover .img img{width:110%;height:110%;}
.news_desc ul li .i_tit{margin:2% 2%;}
.news_desc ul li h4{display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:0.2rem}
.news_desc ul li h5{padding:2% 0;}

@media screen and (max-width: 960px) {
	.in_news ul li a{font-size:.16rem}
	.news_desc ul li{width:49%;}
	.news_desc ul li h4{font-size:0.18rem}
}

@media screen and (max-width: 767px) {
	.in_news ul li a{font-size:.14rem}
	.news_desc ul li{width:100%;}
	.news_desc ul li h4{font-size:0.16rem}
}


.Next_prev{display:flex;display:-webkit-flex;justify-content:space-between;}



/* -------------------------news detail------------------------ */
.in_news_detail .wrap{text-align:center}
.in_news_detail h1{font-size:.4rem;color:var(--i_color);font-weight:bold;}
.in_news_detail .faburen{font-size:.22rem;color:var(--i_color2);margin-right:4%;}
.date{font-size:.2rem;color:var(--i_color3);}
.category{font-size:.2rem;background-color:#f3f3f3;color:var(--i_color2);margin-right:4%;padding:5px;}
.in_news_detail ul{display:flex;display:-webkit-flex;justify-content:center;gap:0 1%;position:relative;}
.in_news_detail ul::before,.in_news_detail ul::after{content:'';width:40%;height:1px;background-color:#eaeaea;position:absolute;top:50%;}
.in_news_detail ul::before{left:0;}
.in_news_detail ul::after{right:0;}
.in_news_detail ul li iconify-icon{color:var(--i_color);font-size:.45rem;}

@media screen and (max-width: 1200px) {
	.in_news_detail h1{font-size:.34rem}
}

@media screen and (max-width: 960px) {
	.in_news_detail h1{font-size:.3rem}
	.in_news_detail .faburen{font-size:.2rem;}
	.date,.category{font-size:.16rem;}
	.in_news ul li iconify-icon{font-size:.4rem;}
}

@media screen and (max-width: 767px) {
	.in_news_detail h1{font-size:.24rem}
	.in_news_detail .faburen{font-size:.18rem;}
	.in_news_detail ul li iconify-icon{font-size:.3rem;}
	.in_news_detail ul::before,.in_news_detail ul::after{width:38%;}
}

@media screen and (max-width: 460px) {
	.in_news_detail h1{font-size:.2rem}
	.in_news_detail .faburen{font-size:.16rem;}
	.date,.category{font-size:.14rem;}
	.in_news_detail ul li iconify-icon{font-size:.24rem;}
	.in_news_detail ul::before,.in_news_detail ul::after{width:35%;}
}




/* -------------------------Case detail------------------------ */
.case_detail .wrap{display:flex;display:-webkit-flex;}
.case_list{position:relative;overflow:hidden;margin-right:5%;width:60%;}
.case_list .swiper-wrapper{display:-webkit-flex;display:flex;position:relative;width:100%}
.case_list ul{ width:100%}
.case_list .swiper-slide{flex-shrink:0;position:relative}
.case_list li{flex-shrink:0;position:relative}
.case_list li .img{width: 100%;position:relative;overflow:hidden;}
.case_list li .img::before{content:"";display:block;padding-bottom:75%}
.case_list li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;}
.case-prev,.case-next{position:absolute;top:50%;transform:translate(0,-50%);width:.4rem;height:.4rem;background:rgb(0 0 0 / 60%);z-index:3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}
.case-prev{left:0;}
.case-next{right:0;}
.case-prev iconify-icon,.case-next iconify-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.3rem;color:#FFF;}
.case_list .swiper-button-disabled{cursor:not-allowed}
.case-prev:hover,.case-next:hover{background:var(--i_color2);}

.case_detail .case_tit{width:40%;}
.case_detail h1{font-size:.34rem;font-weight:bold;color:var(--i_color);margin:2% 0 6%;}
.case_detail .case_tit h3{font-size:.2rem;color:var(--i_color);line-height:30px;margin:2% 0;}
.case_detail .case_tit p{font-size:.18rem;color:#666;padding-bottom:4%;border-bottom:1px solid #666;}

@media screen and (max-width: 1200px) {
	.case_list{width:65%;}
	.case_detail .case_tit{width:35%;}
	.case_detail h1{font-size:.24rem;margin:2% 0 6%;}
	.case_detail .case_tit h3{font-size:.18rem;margin:1% 0;}
	.case_detail .case_tit p{font-size:.16rem;padding-bottom:3%;}
}

@media screen and (max-width: 960px) {
	.case_detail .wrap{display:block;}
	.case_list{width:100%;}
	.case_detail .case_tit{width:100%;}
	.case_detail h1{font-size:.2rem;margin:2% 0 6%;text-align:center;}
	.case_detail .case_tit h3{font-size:.16rem;line-height:24px;}
	.case_detail .case_tit p{font-size:.14rem;padding-bottom:3%;}
}


/* -------------------------Contact------------------------ */
#wpforms-54{--input_font_size:14px;--input_height:.46rem;margin:0;padding:0;}
#wpforms-form-54{width:100%;position:relative;overflow:hidden}
#wpforms-54 input,#wpforms-54 button{margin:0;padding:0;border:none;background:none}
#wpforms-54 .wpforms-field{padding:0;margin:0}
#wpforms-54 .wpforms-field-label{font-size:.16rem;color:var(--i_color);font-weight:normal;margin-left:16px;}
#wpforms-54 .wpforms-required-label{position:absolute;top:.04rem;left:4px;font-size:.16rem;color:#F00}
#wpforms-54 .wpforms-field{width:100%;background:transparent;padding-bottom:.4rem;position:relative;overflow:hidden}
#wpforms-54 .wpforms-field-container input,#wpforms-54 textarea,#wpforms-54 select{width:100%;max-width:100% !important;min-width:100%;font-size:var(--input_font_size);color:#333;height:var(--input_height);box-sizing:border-box;border:1px solid var(--border_color);background:none;padding:0 .1rem 0 .16rem;-webkit-border-radius:.05rem;border-radius:.05rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}
#wpforms-54 .wpforms-field-container input:hover,#wpforms-54 textarea:hover,#wpforms-54 select:hover{border-color:var(--i_color2);}
#wpforms-54 input{line-height:var(--input_height)}
#wpforms-54 textarea{line-height:.22rem;min-height:1.5rem;padding:.06rem .16rem}
#wpforms-54-field_1-container,#wpforms-54-field_2-container,#wpforms-54-field_3-container,#wpforms-54-field_4-container{width:49% !important;}
#wpforms-54-field_5-container{width:100%;}
#wpforms-54 input::-webkit-input-placeholder,#wpforms-54 textarea::-webkit-input-placeholder,#wpforms-54 input::-moz-placeholder,#wpforms-54 textarea::-moz-placeholder,#wpforms-54 input::-ms-input-placeholder,#wpforms-54 textarea::-ms-input-placeholder{color:rgb(0 0 0 / 40%);font-size:var(--input_font_size)}
#wpforms-54-field_1-error,#wpforms-54-field_2-error,#wpforms-54-field_3-error,#wpforms-54-field_4-error,#wpforms-54-field_5-error,#wpforms-54-field_6-error{position:absolute;font-size:12px;color:#A90909;}
#wpforms-54 .wpforms-field-container{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;overflow:hidden;justify-content:space-between}
#wpforms-54 .wpforms-submit-container{text-align:center;padding:0;overflow:hidden;position:relative;}
#wpforms-54 .wpforms-submit-container button{margin-top:.2rem;border:1px solid var(--i_color);font-size:.16rem;color:var(--i_color);background:none;cursor:pointer;position:relative;z-index:2;transition:.5s ease;overflow:hidden;width:20%;height:.5rem;font-weight:bold;line-height:.42rem;}
#wpforms-54 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2;}
#wpforms-54 .wpforms-submit-container button::before{content: "";width:200%;height:200%;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--i_color2);transition:.5s ease;z-index:-1;}
#wpforms-54 .wpforms-submit-container button:hover{color:#fff;border-color: transparent;}
#wpforms-54 .wpforms-submit-container button:hover::before{top:-10%;}



@media screen and (max-width: 960px) {
	#wpforms-54 .wpforms-submit-container button{width:50%;}
}

@media screen and (max-width: 600px) {
	#wpforms-54-field_1-container,#wpforms-54-field_2-container,#wpforms-54-field_3-container,#wpforms-54-field_4-container{width:100% !important;}
}


.contact_way ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 2%;}
.contact_way ul li{width:31.8%;border:1px solid #eaeaea;text-align:center;padding:2% 0;margin-bottom:3%;}
.contact_way ul li iconify-icon{font-size:.8rem;color:var(--i_color2);}
.contact_way ul li h4{margin-top:5%;padding:0 2%;font-weight:bold;}
.contact_way ul li p{margin:2% 0;padding:0 2%;}

@media screen and (max-width: 1200px) {
	.contact_form .select label{font-size:.16rem;}
	.contact_form .select label::after{width:10px;height:10px;}
	.contact_form .select label.current::before{left:-13px;}
	.contact_way ul li{width:31.7%;}
	.contact_way ul li iconify-icon{font-size:.6rem;}
	.contact_way ul li h4{font-size:.24rem;margin-top:5%;padding:0 2%;}
	.contact_way ul li p{font-size:.16rem;margin:2% 0;line-height:20px;padding:0 2%;}
}

@media screen and (max-width: 960px) {
	.contact_way ul li iconify-icon{font-size:.55rem;}
}

@media screen and (max-width: 767px) {
	.contact_way ul li{width:100%;}
	.contact_way ul li iconify-icon{font-size:.5rem;}
}


/* -------------------------Download------------------------ */
.download ul{display: flex;display: -webkit-flex;flex-wrap: wrap; padding: 1% 0;gap: 0 3%;}
.download ul li{padding-bottom: 1%;font-size: 0.2rem;color: var(--i_color);cursor:pointer}
.download ul li.active{font-weight: bold;border-bottom: 5px solid var(--i_color2);}
.download dl{display: flex;display: -webkit-flex;flex-wrap: wrap; gap: 0 2%;margin-bottom:2%;}
.download dt{background:#f9f9f9;border-radius: 25px;padding: 1% 2%;cursor:pointer}
.download dt.active{background:rgba(0, 204, 72, .1);}
.download dt{color:var(--i_color); font-size: 0.18rem;}
.download dt.active{color: var(--i_color2);}


.download_desc_dt{display:none}
.download_desc ul {display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 3%;}
.download_desc ul li{width:29.3%;display:flex;display:-webkit-flex;justify-content:space-between;box-shadow:0 4px 10px rgba(0, 0, 0, .1);align-items:center;margin-bottom:2%;padding:5px 1%;border-radius:5px;}
.download_desc ul li h3{font-size:.16rem;z-index:2;color:var(--i_color);}
.download_desc ul li iconify-icon{font-size:.24rem;color:var(--i_color2);}



@media screen and (max-width: 1200px) {
	.download_desc ul li{width:46.5%;}
}


@media screen and (max-width: 767px) {
	.download_desc ul li{width:100%;}
}

@media screen and (max-width: 460px) {
	.download_desc ul li{width: 100%;}
	.download_desc ul li h3{font-size:.14rem;}
}


/* ------------------------- Case ------------------------ */
.in_case ul {display: flex;display: -webkit-flex;justify-content: center;gap: 0 2%;}
.in_case ul li{padding: 8px 2%;text-align: center;overflow: hidden;}
.in_case ul li a{color: var(--i_color);font-size: 0.18rem;font-weight: bold;}
.in_case ul li:hover , .in_case ul li.curr{background-color: var(--i_color2);}
.in_case ul li:hover a , .in_case ul li.curr a{color: #fff;}
.case_desc ul{display: flex;display: -webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.case_desc ul li{width: 32%;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);margin-bottom: 3%;border-radius: 5px;padding-bottom: 1%;}
.case_desc ul li .img{width: 100%;position: relative;overflow: hidden;}
.case_desc ul li .img::before{content:""; display:block; padding-bottom:65%}
.case_desc ul li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width: 100%; height: 100%;-webkit-transition:all .5s ease; transition:all .5s ease;}
.case_desc ul li:hover .img img{width: 110%; height: 110%;}
.case_desc ul li h3{font-size: 0.24rem;color: var(--i_color);font-weight: bold;margin: 2% 2%;line-height: 30px;display: -webkit-box;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case_desc ul li p{font-size: 0.18rem;color: var(--i_color);margin: 2% 2%;display: -webkit-box;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case_desc ul li h5{margin: 2% 2%;}

@media screen and (max-width: 1200px) {
	.case_desc ul li h3{font-size: 0.2rem;}
	.case_desc ul li p{font-size: 0.16rem;}
}

@media screen and (max-width: 960px) {
	.case ul li a{font-size: 0.16rem}
	.case_desc ul li{width: 49%;}
	.case_desc ul li h3{font-size: 0.18rem;}
	.case_desc ul li p{font-size: 0.16rem;}
}

@media screen and (max-width: 767px) {
	.case_desc ul li{width: 100%;}
}

@media screen and (max-width: 460px) {
	.case_desc ul li h3{font-size: 0.16rem;line-height: 20px;}
	.case_desc ul li p{font-size: 0.14rem;line-height: 18px;}
}


/* -------------------------Case detail------------------------ */
.case_detail .wrap{display: flex;display: -webkit-flex;}
.case_list{position:relative; overflow:hidden;margin-right: 5%;width: 60%;}
.case_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.case_list ul{ width:100%}
.case_list .swiper-slide{flex-shrink:0; position:relative}
.case_list li{flex-shrink:0; position:relative}
.case_list li .img{width: 100%;position: relative;overflow: hidden;}
.case_list li .img::before{content:""; display:block; padding-bottom:75%}
.case_list li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover;}
.case-prev,.case-next{position:absolute; top:50%; transform:translate(0,-50%); width:.4rem; height:.4rem; background: rgb(0 0 0 / 60%); z-index:3; cursor:pointer; outline:none; -webkit-user-select:none; user-select:none}
.case-prev{left:0;}
.case-next{right:0;}
.case-prev iconify-icon,.case-next iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:0.3rem; color:#FFF;}
.case_list .swiper-button-disabled{cursor:not-allowed}
.case-prev:hover,.case-next:hover{background: var(--i_color2);}

.case_detail .case_tit{width: 40%;}
.case_detail h1 , .case_detail h2{font-size: 0.34rem;font-weight: bold;color: var(--i_color);margin: 2% 0 6%;}
@media screen and (max-width: 1200px) {
	.case_list{width: 65%;}
	.case_detail .case_tit{width: 35%;}
	.case_detail h1 , .case_detail h2{font-size: 0.24rem;margin: 2% 0 6%;}
}

@media screen and (max-width: 960px) {
	.case_detail .wrap{display: block;}
	.case_list{width: 100%;}
	.case_detail .case_tit{width: 100%;}
	.case_detail h1  , .case_detail h2{font-size: 0.2rem;margin: 2% 0 6%;text-align: center;}
}