/*
Theme Name:Sunpalsys
Version: 1.0
Author: Andy
*/
@charset "utf-8";

@font-face {
    font-family: 'EuclidLight';
    src: url(/wp-content/themes/sunpalsys/static/font/Euclid_Circular_A_Light.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'EuclidMedium';
    src: url(/wp-content/themes/sunpalsys/static/font/Euclid_Circular_A_Medium.ttf);
    font-style: normal;
}


body {
    font-family: 'EuclidLight';
}

.wrap {width:74vw;max-width:2200px;margin-left: auto;margin-right: auto;}

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

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

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

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

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

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

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

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


:root {
	--i_color: #262626;
	/* 全局颜色 */
	--i_color2: #808080;
	/* 副颜色 */
	--i_color3: #008848;
	/* 选中颜色 */
	--bc_color: #f9f9f9;
	/* 背景颜色 */
	--header_height: .7rem;
	/* 头部高度 */
	--border_color: rgba(0, 0, 0, .1);
	/* 默认边框颜色 */
	--f_menu_height: .5rem;
	/* 移动端底部菜单 */
}


@media screen and (max-width:960px) {
	: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;}
.TopHeader{--header_height:.7rem !important;}

@media screen and (max-width:960px) {
	.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:960px) {
	.logo{margin-right:auto;}
}


/* 导航 */
@media screen and (min-width:960px) {
	.i_nav{display:-webkit-flex;display:flex;flex-wrap:nowrap;z-index:2014;margin:auto;position: relative;}
	.i_nav>li{margin:0 .22rem;position:relative;}
	.i_nav>li:last-child{text-transform:none;}
	.i_nav>li>a{display:block;font-size:.15rem;color:var(--i_color);line-height:var(--header_height);white-space:nowrap;display:flex;align-items:center;font-family: 'EuclidMedium';}
	.i_nav>li::before{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:1px;transform:translateX(-50%);background:var(--i_color3);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
	.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_color3) !important;}
	.i_nav>.current-menu-item>a::before,.i_nav>.current-category-ancestor>a::before,.i_nav>.current-post-ancestor>a::before,.i_nav>.current-menu-ancestor>a::before,.i_nav>.current-menu-parent>a::before,.i_nav>li:hover>a::before{width:100%;background:var(--i_color3);}
	.menu-item-has-children .sub-menu{display:none!important}
}

@media screen and (max-width:1366px) {
	.i_nav>li>a{font-size:.15rem;}
}

@media screen and (max-width:1200px) {
	.i_nav>li{margin:0 .1rem;}
	.i_nav>li>a{font-size:.14rem;}
}

@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:var(--bc_color);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:var(--bc_color)}
	.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:44px;height:44px;box-sizing:border-box;background:rgb(0 0 0 / 3%) url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;background-size:.2rem;}
	.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:var(--i_color);line-height:44px;}
	.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:var(--i_color2);line-height:40px;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:var(--i_color2);line-height:36px;position:relative;}
	.i_nav a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}


/* pc导航下拉菜单 */
.nav_list_show{display:none;position:absolute;top:calc(var(--header_height) + 1px);left:0;box-sizing:border-box;padding:2% 0;width:100%;background:var(--bc_color);z-index:2012;border-bottom:1px solid var(--border_color);}
.nav_list_show .wrap{display:flex;display:-webkit-flex;gap:0 2%;justify-content:center;}
.nav_list_show li:hover p{color: var(--i_color3);}


/* 移动端导航按钮 */
.nav_menu{position:absolute;width:18px;height:14px;right:4%;top:50%;transform:translateY(-50%);display:none;cursor:pointer;z-index:2015}
.nav_menu i{display:block;width:100%;height:2px;position:absolute;top:50%;margin-top:-1px;background:var(--i_color);border-radius:.1rem;transition:.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;height:var(--header_height);cursor:pointer;margin-right:6%;}
.top_search_ico iconify-icon{font-size:.24rem;color:var(--i_color);cursor:pointer;}
.top_search_ico.on iconify-icon{color:var(--i_color3);}


/* 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:16px 0;background:var(--bc_color);-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 6px 10px 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_color3);overflow:hidden;}
.top_search_ipt{width:calc(100% - var(--search_height) * 2);height:var(--search_height);box-sizing:border-box;padding-left:.1rem;}
.top_search_btn{font-size:0;color:var(--bc_color);width:calc(var(--search_height)*2);height:var(--search_height);cursor:pointer;background:var(--i_color3) 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;}


.top_language {display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;height:var(--header_height);margin-left:30%;width:0.4rem;position:relative;}
.top_language iconify-icon {color: var(--i_color);font-size:.24rem;cursor: pointer;}
.top_language_list{display:none;position: absolute;right: 0;top: 52px;z-index: 2;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;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 var(--bc_color)}
.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: var(--bc_color);}
.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: var(--i_color2)}
.top_language,.top_language>i {-webkit-transition: all .3s ease;transition: all .3s ease}



@media screen and (max-width:960px) {
	.top_r{margin-right: 8%;}
	.top_search_ico {margin-right: 4%;}
	.top_search_ico iconify-icon{font-size:.2rem;}
	.top_search_ico::before{display:none;}
}

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

@media screen and (max-width:560px) {
	.top_search form{width:94%;}
	.top_search_ico iconify-icon,.top_language iconify-icon {font-size:.2rem;}
}

.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 */
footer{position: relative;background:#aaa;}

#wpforms-8{--input_font_size:16px;--input_height:.42rem;width:50%}
#wpforms-form-8{margin:0 auto;}
#wpforms-8 input,#wpforms-8 button{margin:0;padding:0;border:none;background:0 0}
#wpforms-8 .wpforms-field{padding:0;position:relative;margin-bottom:.2rem}
#wpforms-8 .wpforms-field-label{position:absolute;font-size:0}
#wpforms-8 .wpforms-required-label{position:absolute;top:.1rem;left:.05rem;font-size:.16rem;color:red}
#wpforms-8 .wpforms-field-container{overflow:hidden;width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
#wpforms-8 .wpforms-field-container input,#wpforms-8 .wpforms-field-container textarea,#wpforms-8 .wpforms-field-container select{width:100%;max-width:100% !important;min-width:100%;border:1px solid var(--border_color);font-size:var(--input_font_size);color:var(--i_color);box-sizing:border-box;padding:0 .16rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:15px;background: var(--bc_color);}
#wpforms-8 .wpforms-field-container input:hover,#wpforms-8 textarea:hover{border-color:var(--i_color3)}
#wpforms-8 input{line-height:var(--input_height)}
#wpforms-8 textarea {height:1rem;line-height:.22rem;padding:.06rem .16rem}
#wpforms-8 input::-webkit-input-placeholder,#wpforms-8 textarea::-webkit-input-placeholder,#wpforms-8 input::-moz-placeholder,#wpforms-8 textarea::-moz-placeholder,#wpforms-8 input::-ms-input-placeholder,#wpforms-8 textarea::-ms-input-placeholder,#wpforms-8 select .placeholder{color:var(--font_color);font-size:var(--input_font_size)}
#wpforms-8-field_1-container,#wpforms-8-field_2-container,#wpforms-8-field_3-container,#wpforms-8-field_4-container,#wpforms-8-field_5-container,#wpforms-8-field_6-container{width:49%!important}
#wpforms-8-field_1-error,#wpforms-8-field_2-error,#wpforms-8-field_3-error,#wpforms-8-field_4-error{position:absolute;font-size:12px;color:#a90909}
#wpforms-8-field_7-container{width: 100%;}
#wpforms-8 .wpforms-field-container{width:100%}
#wpforms-8 .wpforms-submit-container{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;}
#wpforms-8 .wpforms-submit-container button{display:table;padding:.12rem .5rem;border:1px solid #fff;font-size:.16rem;color:#fff;font-family:'EuclidMedium';cursor:pointer;position:relative;z-index:2;transition:.5s ease;overflow:hidden;border-radius: 20px;}

#wpforms-8 .wpforms-submit-container button:after{content:'';position:absolute;right:15%;top:50%;transform: translate(0, -50%);}
#wpforms-8 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-8 .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_color3);transition:.5s ease;z-index:-1}
#wpforms-8 .wpforms-submit-container button:hover{color:var(--bc_color);border:1px solid var(--i_color3)}
#wpforms-8 .wpforms-submit-container button:hover:before{top:-10%}
.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;-webkit-transition:all .5s ease;transition:all .5s ease}

@media screen and (max-width: 960px) {
	.f_contact{display:block}
	.f_contact .img{width:100%;}
	#wpforms-8{width:96%;}
	#wpforms-form-8{padding:5% 0;}
    #wpforms-8 .wpforms-field{width:100%;position:relative}
    #wpforms-8 .wpforms-field-container{margin-right:0;flex-wrap:wrap;justify-content:space-between}
    #wpforms-8 .wpforms-submit-container{margin:0 auto}
    #wpforms-8 .wpforms-submit-container button{padding:10px .4rem;font-size:.16rem;}
}

@media screen and (max-width: 767px) {
	#wpforms-8 .wpforms-submit-container button{font-size:.14rem;}
	#wpforms-8{--input_font_size:13px;--input_height:.4rem}
	#wpforms-8-field_1-container,#wpforms-8-field_2-container,#wpforms-8-field_3-container,#wpforms-8-field_4-container,#wpforms-8-field_5-container,#wpforms-8-field_6-container{width:100%!important}
	#wpforms-8 .wpforms-submit-container button{padding:6px .36rem}
}

@media screen and (max-width: 460px) {
	#wpforms-8 .wpforms-submit-container button{font-size:.13rem;}
	#wpforms-8 .wpforms-submit-container button{padding:6px .2rem}
}



.footer_menu{display: flex;display: -webkit-flex;gap: 0 2%;}
.footer_menu li:first-child{width:45%;}
.footer_menu li{width:18%;}
.footer_menu li a h4{margin-bottom:4%;color:#fff}
.footer_menu li a p{line-height: 30px;font-size:.16rem;color:#fff}
.footer_menu li a:hover h4,.footer_menu li a:hover p,.footer_menu li a:hover{color: var(--i_color3);}
.footer_menu li img{width:30%;margin-bottom:4%;}
.footer_menu li a{display: flex;align-items: center;line-height: 30px;color:#fff;}
.footer_menu li iconify-icon{font-size:.2rem;color:var(--i_color3);margin-right:5px;}



#wpforms-166{--input_font_size:16px;--input_height:.42rem;width:100%}
#wpforms-form-166{margin:0 auto;padding-left:0;}
#wpforms-166 input,#wpforms-166 button{margin:0;padding:0;border:none;background:0 0}
#wpforms-166 .wpforms-field{padding:0;position:relative;margin-bottom:.2rem}
#wpforms-166 .wpforms-field-label{position:absolute;font-size:0}
#wpforms-166 .wpforms-required-label{position:absolute;top:.1rem;left:.05rem;font-size:.16rem;color:red}
#wpforms-166 .wpforms-field-container{overflow:hidden;width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
#wpforms-166 .wpforms-field-container input,#wpforms-166 .wpforms-field-container textarea,#wpforms-166 .wpforms-field-container select{width:100%;max-width:100% !important;min-width:100%;border:1px solid var(--border_color);font-size:var(--input_font_size);color:var(--i_color);box-sizing:border-box;padding:0 .16rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;background:var(--bc_color);border-radius:15px;}
#wpforms-166 .wpforms-field-container input:hover,#wpforms-166 textarea:hover{border-color:var(--i_color3)}
#wpforms-166 input{line-height:var(--input_height)}
#wpforms-166 textarea {height:1rem;line-height:.22rem;padding:.06rem .16rem}
#wpforms-166 input::-webkit-input-placeholder,#wpforms-166 textarea::-webkit-input-placeholder,#wpforms-166 input::-moz-placeholder,#wpforms-166 textarea::-moz-placeholder,#wpforms-166 input::-ms-input-placeholder,#wpforms-166 textarea::-ms-input-placeholder,#wpforms-166 select .placeholder{color:var(--font_color);font-size:var(--input_font_size)}
#wpforms-166-field_1-container,#wpforms-166-field_2-container,#wpforms-166-field_3-container,#wpforms-166-field_4-container,#wpforms-166-field_5-container,#wpforms-166-field_6-container{width:49%!important}
#wpforms-166-field_1-error,#wpforms-166-field_2-error,#wpforms-166-field_3-error,#wpforms-166-field_4-error{position:absolute;font-size:12px;color:#a90909}
#wpforms-166-field_7-container{width: 100%;}
#wpforms-166 .wpforms-field-container{width:100%}
#wpforms-166 .wpforms-submit-container{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;}
#wpforms-166 .wpforms-submit-container button{display:table;padding:.12rem .5rem;border:1px solid var(--i_color);font-size:.16rem;color:var(--i_color);font-family:'EuclidMedium';cursor:pointer;position:relative;z-index:2;transition:.5s ease;overflow:hidden;border-radius: 20px;}
#wpforms-166 .wpforms-submit-container button:after{content:'';position:absolute;right:15%;top:50%;transform: translate(0, -50%);}
#wpforms-166 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-166 .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_color3);transition:.5s ease;z-index:-1}
#wpforms-166 .wpforms-submit-container button:hover{color:var(--bc_color);border:1px solid var(--i_color3)}
#wpforms-166 .wpforms-submit-container button:hover:before{top:-10%}
.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;-webkit-transition:all .5s ease;transition:all .5s ease}

@media screen and (max-width: 960px) {
	#wpforms-166{width:100%;}
    #wpforms-166 .wpforms-field{width:100%;position:relative}
    #wpforms-166 .wpforms-field-container{margin-right:0;flex-wrap:wrap;justify-content:space-between}
    #wpforms-166 .wpforms-submit-container{margin:0 auto}
    #wpforms-166 .wpforms-submit-container button{padding:10px .4rem;font-size:.16rem;}
}

@media screen and (max-width: 767px) {
	#wpforms-166 .wpforms-submit-container button{font-size:.14rem;}
	#wpforms-166{--input_font_size:13px;--input_height:.4rem}
	#wpforms-166-field_1-container,#wpforms-166-field_2-container,#wpforms-166-field_3-container,#wpforms-166-field_4-container,#wpforms-166-field_5-container,#wpforms-166-field_6-container{width:100%!important}
	#wpforms-166 .wpforms-submit-container button{padding:6px .36rem}
}

@media screen and (max-width: 460px) {
	#wpforms-166 .wpforms-submit-container button{font-size:.13rem;}
	#wpforms-166 .wpforms-submit-container button{padding:6px .2rem}
}


#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:0.6rem 0.4rem;border-radius:0.2rem;background:#e2e2e2;z-index:999999;overflow:auto;}
#aside_sc_from .i_tit{margin-bottom:40px;}
#aside_sc_from .i_tit h2{text-align:center;text-transform:uppercase;}
@media screen and (max-width:960px) {
    .aside_right{display:none;}
	.close {display: block;width: 40px;height: 40px;}
	#aside_sc_from {padding: 0.4rem 0.2rem;}
}
@media screen and (max-width:560px) {
	.close {display: block;width: 30px;height: 30px;}
	#aside_sc_from {padding: 0.2rem 0.2rem;}
}

.moudle_mobile .f_menu{background:#fff;display:-webkit-flex;display:flex;align-items:center}
.f_menu{position:fixed;left:0;bottom:0;width:100%;height:var(--f_menu_height);flex-wrap:nowrap;overflow:hidden;z-index:999999}
.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;color: var(--i_color)}
.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_color3);margin-right:5px}

@media screen and (max-width: 960px) {
    footer{padding-bottom:var(--f_menu_height)}
}

.p_men_list{line-height:.5em;list-style:none}
.p_men_list li{position:relative}
.p_men_list li a{position:relative;line-height:100%;font-size:.16rem;padding:1% 2%;display:block;color:#fff}
.p_men_list ul{display:none}
.p_men_list ul li{clear:both;width:100%}
.p_men_list ul li:last-child{margin-bottom:.2rem}
.p_men_list ul li a{font-size:.16rem;color:#fff;padding:2% 4% 0}
.p_men_list>li>a{text-transform: uppercase}
.p_men_list span{display:block;width:20px;height:20px;cursor:pointer;position:absolute;top:.05rem;right:5%;z-index:3;color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease}
.p_men_list span i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p_men_list span i.clo{display:block;width:100%;height:100%;background-size:cover;background:url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;}
.p_men_list span i.open{display:block;width:100%;height:100%;background:url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;background-size:cover}

.f_media{display:-webkit-flex;display:flex;}
.f_media dt:not(:last-child){margin-right:15px;}
.f_media iconify-icon{font-size:.3rem !important;color:#fff;}
.f_media dt:hover{-webkit-transform:translate(0, -6px);transform:translate(0, -6px)}
.f_media dt:hover iconify-icon{color:var(--i_color3);}
.f_media dt{-webkit-transition:all .5s ease;transition:all .5s ease}
.f_cr .wrap{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff;padding:1% 0;}
.f_cr p{color:#fff;font-size:.14rem;}
.f_cr .web_privacy a{color:#fff;}
@media screen and (max-width:960px) {
	.f_cr{text-align:center;}
	.footer_menu li a p{font-size:.14rem}
}

@media screen and (max-width: 767px) {
	.f_media{margin:3%;justify-content: center;}
	.f_media iconify-icon{font-size:.24rem;}
	.f_cr .wrap{display:block;text-align:center;}
	.footer_menu li a p{font-size:.13rem}
}

@media screen and (max-width: 560px) {
    .footer_menu li a p{font-size:.12rem}
}


.mobile_contact{display:inline-flex;align-items:center;padding:1% 2%;}



/* ----------------------------- 侧边客服 ---------------------------- */
.aside_right{position:fixed;right:10px;bottom:20%;z-index:999999;}
.aside_right li{position:relative;cursor:pointer;}
.aside_right li{transition:all 0.3s ease;width:40px;height:40px;margin-top:5px;border-radius:50%;background:#e0e0e0;display:flex;justify-content:center;align-items:center;z-index:3;}
.aside_right li a{font-size:.16rem;}
.aside_right li a iconify-icon{color:var(--i_color);font-size:.2rem;}
.aside_right li:hover a iconify-icon{color:var(--bc_color);}
.aside_right li:hover{background:var(--i_color3);}
.aside_right li{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}





/* HOME - big title */
.i_tit h2{font-size:.34rem;color:var(--i_color);font-family: 'EuclidMedium';}
.i_tit h3{font-size:.24rem;color:var(--i_color);}
.i_tit h4{font-size:.2rem;color:var(--i_color);}
.i_tit p{font-size:.17rem;color:var(--i_color2);}
.i_tit.center{margin: 0 auto;}


@media screen and (max-width:1200px) {
	.i_tit h2{font-size:.3rem;}
	.i_tit h3{font-size:.22rem;}
	.i_tit p{font-size:.16rem;}
}

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

@media screen and (max-width:960px) {
	.i_tit h2{font-size:.24rem;}
	.i_tit h3{font-size:.18rem;}
	.i_tit h4{font-size:.16rem;}
}

@media screen and (max-width:767px) {
	.i_tit h2{font-size:.2rem;}
	.i_tit h3{font-size:.16rem;}
	.i_tit h4{font-size:.14rem;}
	.i_tit p{font-size:.13rem;line-height:20px;}
}

@media screen and (max-width:560px) {
	.i_tit h2{font-size:.18rem;}
	.i_tit h3{font-size:.15rem;}
	.i_tit h4{font-size:.13rem;}
	.i_tit p{font-size:.12rem;}
}

@media screen and (max-width:460px) {
	.i_tit h2{font-size:.16rem;}
}
.line{width:100%;height:1px;background:var(--linear-gradien);}



/* HOME - more */
.i_more{display:table;box-sizing:border-box;width:auto;padding:.06rem .1rem;cursor:pointer;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;overflow:hidden;align-items:center;display:inline-flex;justify-content:center;border:1px solid var(--i_color);border-radius:30px;position:relative;}
.i_more b{font-size:.16rem;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:relative;color:var(--i_color);margin:0 .1rem;display:flex;align-items:center;}
.i_more:before{content:"";width:200%;height:200%;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--i_color3);transition:.5s ease;}
.i_more iconify-icon{color:var(--i_color);margin-left: 3px;}
.i_more:hover{border:1px solid var(--bc_color);}
.i_more:hover:before{top:-10%}
.i_more:hover b{color:var(--bc_color);}
.i_more:hover iconify-icon{color:var(--bc_color);}
@media screen and (max-width: 960px) {
	.i_more{padding:.04rem .1rem;}
    .i_more b{font-size:.16rem;}
}

@media screen and (max-width: 560px) {
  	.i_more{padding:4px 10px;}
  	.i_more b{font-size:.14rem;}
}

@media screen and (max-width: 430px){
	.i_more b{font-size:.12rem;}
}


/* 当前位置 */
.in_position{padding:.15rem 0;z-index: 999;}
.in_position a{display:block;float:left;font-size:.14rem;color:var(--i_color);position:relative;line-height:20px;}
.in_position a:first-child{padding-left:.24rem;background:url(static/images/public/home_1_hei.svg) no-repeat left center;background-size:.2rem}
.in_position a:not(:last-child):after{content:">"; margin:0 .05rem;color:var(--i_color)}
.in_position a:hover{color:var(--i_color3)}
@media screen and (max-width:960px){
	.in_position a{font-size:.13rem}
}

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



/* 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:32px;margin:0 4px;}
.in_page a,.in_page span{display:block;padding:0 .1rem;line-height:32px;font-size:.14rem;color:var(--i_color);background:var(--bc_color);-webkit-border-radius:5px;border-radius:5px;border:1px solid var(--border_color);overflow:hidden;}
.in_page>i{margin-top:.15rem;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_color3) !important;background:var(--i_color3);color:var(--bc_color) !important}
@media screen and (max-width:960px) {
	.in_page_box{margin-top:.4rem;}
}
@media screen and (max-width:768px) {
	.in_page li{min-width:28px;}
	.in_page a,.in_page span{line-height:28px;padding:0 .1rem;}
}
@media screen and (max-width:560px) {
	.in_page_box{margin-top:.3rem;}
}


#mask_bg{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:998;background:rgba(0, 0, 0, 0.6);}


/* 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;height: 0;padding-bottom: 37%;position: relative;overflow: hidden;}
.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%);z-index:3;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;}
.banner-button-prev {left:-3%;}
.banner-button-next {right:-3%;}
.banner-button-prev iconify-icon,.banner-button-next iconify-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 0.5rem;color: #FFF;}
.banner-button-prev:hover iconify-icon,.banner-button-next:hover iconify-icon {color: var(--i_color3);}
.banner:hover .banner-button-prev{left:3%;}
.banner:hover .banner-button-next{right:3%;}
.banner-pagination{display:block;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{width:.08rem; height:.08rem; display:inline-block; margin:0 6px; background:var(--i_color2); -webkit-border-radius:50%; border-radius:50%; outline:none; cursor:pointer;}
.banner-pagination .swiper-pagination-bullet-active{background:var(--i_color3)}

@media screen and (max-width: 1200px) {
	.banner-button-prev iconify-icon,.banner-button-next iconify-icon{font-size:.2rem;}
}

@media screen and (max-width: 960px) {
	.banner-button-prev,.banner-button-next{width:.24rem;height:.24rem;}
	.banner-button-prev iconify-icon,.banner-button-next iconify-icon{font-size:.16rem;}
}

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

@keyframes w100 {
	0%{width:0%;}
	100%{width:100%;}
}





/* main */

#home-solution-img {transition: width 0.3s ease;border-radius:20px;}
.full-width {z-index: 100;box-shadow: 0 0 20px rgba(0,0,0,0.2);}


.home-reside{position:relative;margin:0 auto;overflow:visible;}
.home-reside_pc ul li{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-items: center;}
.home-reside_pc ul li .img{width:30%;}
.home-reside_pc ul li:not(:first-child){padding-top:100px;}
.home-reside_pc .img img{border-radius:20px;width: 100%;}
.home-reside_pc ul li .i_tit{margin:0 5%;width:30%;z-index:998;opacity:0;transition: all 0.3s;transition-delay: 0.3s;-webkit-transform:translate(0, 80px);transform:translate(0, 80px)}
.home-reside_pc ul li .i_tit h4{color:var(--i_color3)}
.home-reside_pc ul li .i_tit.active{z-index:999;opacity:1;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}


.home-reside_list{position:relative; overflow:hidden}
.home-reside_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.home-reside_list .swiper-slide{flex-shrink:0; position:relative}
.home-reside_list .swiper-slide .img{display:-webkit-flex; display:flex; gap: 0 2%;}
.home-reside_list .swiper-slide .img img{width:49%;border-radius: 10px;}



.h_product{background:var(--bc_color);}
.h_product h4{color:var(--i_color3);}
.product_list{position:relative; overflow:hidden;}
.product_list .swiper-wrapper{display:-webkit-flex;display:flex;position:relative;width:100%}
.product_list .swiper-slide{flex-shrink:0;position:relative;background:#fff;border-radius: 10px;}
.product_list .img{width:100%;position:relative;overflow:hidden;border-radius:10px}
.product_list .img::before{content:"";display:block;padding-bottom:100%}
.product_list .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all 1s ease;transition:all 1s ease;border-radius:10px}
.product_list .swiper-slide:hover img{width:105%;height:105%;}
.h_product  ul li h4{color:var(--i_color)!important;padding:2% 2%}


.h_service h4{color:var(--i_color3);}
.h_service ul{display: flex;display: -webkit-flex;}
.h_service ul li{width:33.3%;position:relative;}
.h_service ul li img{width:100%;}
.h_service ul li::after {content:'';position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,136,72,.6);-webkit-transition: all 500ms ease;transition: all 500ms ease;height: 0}
.h_service ul li .i_tit {z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;-webkit-transition:all .5s ease;transition:all .5s ease;}
.h_service ul li .i_tit img {width: 30%}
.h_service ul li:hover:after {height: 100%}
.h_service ul li .i_tit h3,.h_service ul li .i_tit p {color:transparent;-webkit-transition:all .8s ease;transition:all .8s ease;}
.h_service ul li:hover .i_tit h3,.h_service ul li:hover .i_tit p{color:#fff;}

@media screen and (max-width:960px) {
    .h_service ul{display:block;}
    .h_service ul li {width:100%;margin-bottom: 2%}
}


.h_case ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 2%;}
.h_case ul li{width:32%;position: relative;margin-bottom:2%;}
.h_case .img{width:100%;position:relative;overflow:hidden;border-radius:10px}
.h_case .img::before{content:"";display:block;padding-bottom:60%}
.h_case .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all 1s ease;transition:all 1s ease;border-radius:10px}
.h_case li:hover img{width:105%;height:105%;}
.h_case ul li .i_tit{position: absolute;bottom:0;left:0;background:rgba(0, 0, 0, .5);width:90%;padding: 2% 5%;border-bottom-left-radius:10px;border-bottom-right-radius: 10px;}
.h_case ul li .i_tit h4,.h_case ul li .i_tit p{color:#fff;display:flex;align-items: center;}
.h_case ul li .i_tit p iconify-icon{font-size:.16rem;}

@media screen and (max-width:960px) {
    .h_case ul li{width:49%}
}



/* -----------------------------内页banner---------------------------- */
.in_banner{position:relative;width:100%;}
.in_banner>img,.in_banner>video{width:100%;}
/* .in_banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));z-index:1;} */
.in_banner .i_tit h2,.in_banner .i_tit p{color:var(--bc_color);}
.in_banner .i_tit h2{margin-bottom:1%;}
.in_banner .tit{position:absolute;top:50%;transform:translate(0 , -50%);z-index:3;width:30%;}
@media screen and (max-width: 1200px) {
	.in_banner .tit{width:40%;}
}

@media screen and (max-width: 960px) {
	.in_banner .tit{width:50%;}
}

@media screen and (max-width: 767px) {
	.in_banner .tit{width:70%;}
}

@media screen and (max-width: 460px) {
	.in_banner .tit{width:96%;}
}



/* -------------------------Guide------------------------ */
.carbon-next{width:100%;position:relative;padding-top:0 !important;}
.carbon-next .wrap{display:flex;flex-wrap:wrap;position:relative;align-items:flex-start;position:relative;z-index:1;justify-content: space-between}
.carbon-next-ri {width: 50%;position: sticky;top: 180px;left: 0;background-color: #f8f8f8;border-radius: 20px;}
.carbon-next-le {width: 45%;padding-right:5%}
.carbon-next-ri .carbon-next-ri-li {width: 100%;display: none;position: relative;}
.carbon-next-ri .carbon-next-ri-li.act {display: block;animation: fadeIn 1s ease-out forwards;}
.carbon-next-le .carbon-next-le-li a p{line-height:30px;position: relative;display:flex;align-items:center;padding-left:2%;}
.carbon-next-le .carbon-next-le-li a p::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--i_color3);}
.carbon-next-le .carbon-next-le-li a:hover p{color:var(--i_color3) !important;}
  /* 关键帧动画定义 */
  @keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

.carbon-next-ri-li .img img {width: 100%;border-radius: 10px;}
.carbon-next-le-li{width: 100%;margin-top:2rem;padding-bottom:348px;}
.carbon-next-le-li:last-child {padding-bottom: 120px;}
.carbon-next-le-li .img {border-radius: 10px;}
.ys-fadeup1 {animation: ysfadeInUp .8s ease-in-out both; animation-delay: .2s}


@keyframes ysfadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0,60px,0);transform: translate3d(0,60px,0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
}


.module_list{position:relative; overflow:hidden}
.module_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.module_list .swiper-slide{flex-shrink:0; position:relative}
.module_list .swiper-slide img{width:100%;border-radius:10px}



/* -------------------------Solution------------------------ */
.i_solution p{margin:0 auto;text-align:left}
.i_solution .video{width:100%;position:relative;overflow:hidden}
.i_solution .video:before{content:"";display:block;padding-bottom:50%}
.i_solution .video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80%;width:80%;object-fit:cover;}
@media screen and (max-width: 1200px) {
	.i_solution p{width:80%;}
}
@media screen and (max-width: 960px) {
	.i_solution p{width:90%;}
}
@media screen and (max-width: 767px) {
	.i_solution p{width:100%;}
}

.in_schematic img{width:100%}
.in_solution .wrap{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;}
.in_solution .wrap:nth-child(even){flex-direction: row-reverse}
.in_solution .img{width:50%;position:relative;overflow:hidden;border-radius:20px}
.in_solution .img::before{content:"";display:block;padding-bottom:60%}
.in_solution .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all 1s ease;transition:all 1s ease;border-radius:20px}
.in_solution .img:hover img{width:105%;height:105%;}
.in_solution .i_tit{width:45%;}
.in_solution .wrap:nth-child(odd) .i_tit{padding-left:5%;}
.in_solution .wrap:nth-child(even) .i_tit{padding-right:5%;}
.in_solution .i_tit p{line-height:30px;position:relative;display:flex;align-items:center;}
.solution_list{position:relative; overflow:hidden}
.solution_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.solution_list .swiper-slide{flex-shrink:0; position:relative}
.solution_list .swiper-slide img{border-radius:20px;width:100%;}

.related_product{background:var(--bc_color);}
.related_product h4{color:var(--i_color3);}



/* -------------------------Product------------------------ */
.in_product dl{display:flex;display:-webkit-flex;gap:0 2%;}
.in_product dl h4{padding:.1rem 2%;background:var(--bc_color);border-radius:50px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.in_product dl h4 a{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.in_product dl h4.active,.in_product dl h4:hover{background: var(--i_color3);}
.in_product dl h4.active a,.in_product dl h4:hover a{color:var(--bc_color);}


.in_product ul{display: flex;display: -webkit-flex;flex-wrap: wrap;gap: 0 3%;}
.in_product ul li{border-radius:20px;width:22.75%;text-align:center;padding-bottom:2%;background:var(--bc_color);margin-bottom: 3%;}
.in_product ul li .img{position:relative;overflow:hidden;margin: 0 auto;width: 100%;border-radius:20px}
.in_product ul li .img::after{content:'';display:block;padding-bottom:100%;}
.in_product ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;}
.in_product ul li:hover{box-shadow:0 0 7px rgba(0,0,0,.2);}
.in_product ul li:hover img{width:105%;height:105%;}

@media screen and (max-width: 960px) {
	.in_product ul li{width: 48.5%;margin-bottom:4%;padding:2% 0 4%;}
}

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


/* ---------------------------Detail-------------------------- */
.in_detail h4{color:var(--i_color3);}
.product_name{font-size: 0.36rem;line-height:50px;padding:1% 0 2%;font-family:'EuclidMedium';}

.thumb_list{position:relative; overflow:hidden}
.thumb_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.thumb_list .swiper-slide{flex-shrink:0; position:relative;transform: scale(0.6);padding: .5rem 0;}
.thumb_list .swiper-slide.swiper-slide-active{transform:scale(1);}
.thumb_list .swiper-slide img{width:100%;}

@media screen and (max-width:767px){
	.thumb_list .swiper-slide img{width:80%;}
}


.in_detail .i_more{margin-right:20px;}

@media screen and (max-width:1200px) {
	.product_name{font-size:.3rem;line-height:36px}
}

@media screen and (max-width:960px) {
	.product_name{font-size:.24rem;text-align:center;padding:2% 0 4%;line-height:30px}
}

@media screen and (max-width:767px) {
	.product_name{font-size:.2rem;line-height:26px}
}

@media screen and (max-width: 460px) {
	.product_name{font-size:.18rem;line-height:24px}
}



/* ------------------------- Case ------------------------ */
.in_case .wrap{display:flex;display:-webkit-flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;justify-content: space-between;}
.in_case a{padding:8px 1%;text-align:center;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_case a{color:var(--i_color);font-size:0.18rem;font-family:'EuclidMedium';}
.in_case a.current{border-bottom:2px solid var(--i_color3);}
.in_case a:hover ,.in_case a.current {color:var(--i_color3);}
.in_case_desc{animation: fadeIn 1s ease-out forwards;}

  /* 关键帧动画定义 */
  @keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
  }

.in_case_desc ul{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;gap:0 2%;}
.in_case_desc ul li{width:32%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);margin-bottom:2%;border-radius:10px;}
.in_case_desc ul li .img{width:100%;position:relative;overflow:hidden;border-radius: 10px;}
.in_case_desc ul li .img::before{content:"";display:block;padding-bottom:75%}
.in_case_desc ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%;width:100%;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_case_desc ul li:hover .img img{height:105%;width:105%;}
.in_case_desc ul li .i_tit{padding:10% 5%;}
.in_case_desc ul li .i_tit h4{font-family:'EuclidMedium';}
.in_case_desc ul li .i_tit p{padding:2% 0 5%;}

@media screen and (max-width: 960px) {
	.in_case a{font-size:0.16rem;}
}

@media screen and (max-width: 767px) {
	.in_case_desc ul{display:block;}
	.in_case_desc ul li{width:100%;}
	.in_case a{font-size:0.14rem;}
}



/* -------------------------Case detail------------------------ */
.case_detail .wrap{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;}
.case_list{position:relative;overflow:hidden;width:50%;}
.case_list .swiper-wrapper{display:-webkit-flex;display:flex;position:relative;width:100%}
.case_list .swiper-slide{flex-shrink:0;position:relative}
.case_list .swiper-slide .img{width:100%;position:relative;overflow:hidden;border-radius:20px;}
.case_list .swiper-slide .img::before{content:"";display:block;padding-bottom:55%}
.case_list .swiper-slide .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%; height:100%;object-fit:cover;}
.case_tit{width:45%;padding-left:5%;}

@media screen and (max-width: 960px) {
	.case_detail .wrap{display:block;}
	.case_list{width:100%;}
	.case_tit{width:100%;padding-left:0;margin-top:5%;}
}

/* ------------------------- 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:18px;font-family: 'EuclidMedium';}
.in_news ul li:hover,.in_news ul li.curr{background-color: var(--i_color3);}
.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 img{width:100%;height:100%;-webkit-transition:all .5s ease; transition:all .5s ease;}

.news_desc ul li h3{margin:2% 2%;overflow:hidden;display:-webkit-box;-o-text-overflow: ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_desc ul li p{margin:2% 2%;}

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

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

.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: 40px;color:var(--i_color);font-weight: bold;}
.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:#eaeaea;position:absolute;top:50%;}
.in_news_detail ul::before{left: 0;}
.in_news_detail ul::after {right: 0;}
.in_news_detail ul li{-webkit-transition:all .7s ease;transition:all .7s ease}
.in_news_detail ul li iconify-icon{color:var(--i_color);font-size:45px;}
.in_news_detail ul li:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}
.in_news_detail ul li:hover iconify-icon{color:var(--i_color2);}
.news_article .i_more{border: 1px solid var(--i_color2);}
.news_article .i_more b,.news_article .i_more iconify-icon{color:var(--i_color);}
.date,.category{font-size:.18rem;}
.date{margin-left:2%}

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

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

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

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


/* -------------------------Contact------------------------ */

.in_c_map {width: 100%;position: relative;}
.in_c_map .img {width: 100%;overflow: hidden;}
.in_c_map img {width: 100%;}

#wpforms-217{--input_font_size:16px;--input_height:.42rem;width:80%}
#wpforms-form-217{margin:0 auto;}
#wpforms-217 input,#wpforms-217 button{margin:0;padding:0;border:none;background:0 0}
#wpforms-217 .wpforms-field{padding:0;position:relative;margin-bottom:.2rem}
#wpforms-217 .wpforms-field-label{position:absolute;font-size:0}
#wpforms-217 .wpforms-required-label{position:absolute;top:.1rem;left:.05rem;font-size:.16rem;color:red}
#wpforms-217 .wpforms-field-container{overflow:hidden;width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
#wpforms-217 .wpforms-field-container input,#wpforms-217 .wpforms-field-container textarea,#wpforms-217 .wpforms-field-container select{width:100%;max-width:100% !important;min-width:100%;border:1px solid var(--border_color);font-size:var(--input_font_size);color:var(--i_color);box-sizing:border-box;padding:0 .16rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:15px;}
#wpforms-217 .wpforms-field-container input:hover,#wpforms-217 textarea:hover{border-color:var(--i_color3)}
#wpforms-217 input{line-height:var(--input_height)}
#wpforms-217 textarea {height:1rem;line-height:.22rem;padding:.06rem .16rem}
#wpforms-217 input::-webkit-input-placeholder,#wpforms-217 textarea::-webkit-input-placeholder,#wpforms-217 input::-moz-placeholder,#wpforms-217 textarea::-moz-placeholder,#wpforms-217 input::-ms-input-placeholder,#wpforms-217 textarea::-ms-input-placeholder,#wpforms-217 select .placeholder{color:var(--font_color);font-size:var(--input_font_size)}
#wpforms-217-field_1-container,#wpforms-217-field_2-container,#wpforms-217-field_3-container,#wpforms-217-field_4-container,#wpforms-217-field_5-container,#wpforms-217-field_6-container{width:32%!important}
#wpforms-217-field_1-error,#wpforms-217-field_2-error,#wpforms-217-field_3-error,#wpforms-217-field_4-error{position:absolute;font-size:12px;color:#a90909}
#wpforms-217-field_7-container,#wpforms-217-field_8-container{width: 100%;}
#wpforms-217 .wpforms-field-container{width:100%}
#wpforms-217 .wpforms-submit-container{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;}
#wpforms-217 .wpforms-submit-container button{display:table;padding:.12rem .5rem;border:1px solid #fff;font-size:.16rem;color:var(--i_color);border: 1px solid var(--i_color);font-family:'EuclidMedium';cursor:pointer;position:relative;z-index:2;transition:.5s ease;overflow:hidden;border-radius: 20px;}

#wpforms-217 .wpforms-submit-container button:after{content:'';position:absolute;right:15%;top:50%;transform: translate(0, -50%);}
#wpforms-217 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-217 .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_color3);transition:.5s ease;z-index:-1}
#wpforms-217 .wpforms-submit-container button:hover{color:#fff;border: 1px solid var(--i_color3);}
#wpforms-217 .wpforms-submit-container button:hover:before{top:-10%}


@media screen and (max-width: 960px) {
	#wpforms-217{width:96%;}
	#wpforms-form-217{padding:5% 0;}
    #wpforms-217 .wpforms-field{width:100%;position:relative}
    #wpforms-217 .wpforms-field-container{margin-right:0;flex-wrap:wrap;justify-content:space-between}
    #wpforms-217 .wpforms-submit-container{margin:0 auto}
    #wpforms-217 .wpforms-submit-container button{padding:10px .4rem;font-size:.16rem;}
}

@media screen and (max-width: 767px) {
	#wpforms-217 .wpforms-submit-container button{font-size:.14rem;}
	#wpforms-217{--input_font_size:13px;--input_height:.4rem}
	#wpforms-217-field_1-container,#wpforms-217-field_2-container,#wpforms-217-field_3-container,#wpforms-217-field_4-container,#wpforms-217-field_5-container,#wpforms-217-field_6-container{width:100%!important}
	#wpforms-217 .wpforms-submit-container button{padding:6px .36rem}
}

@media screen and (max-width: 460px) {
	#wpforms-217 .wpforms-submit-container button{font-size:.13rem;}
	#wpforms-217 .wpforms-submit-container button{padding:6px .2rem}
}


.in_contact_cont {box-sizing: border-box;display: -webkit-flex;display: flex;flex-wrap: wrap;gap:0 2%}
.in_contact_cont dt{width:32%;box-sizing: border-box;padding:.3rem;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: center;box-shadow: 0 0 .2rem rgb(0 0 0 / 20%);}
.in_contact_cont .ico iconify-icon {color:var(--i_color);font-size:.6rem}
.in_contact_cont .i_tit {margin-left: auto;width: calc(100% - .6rem - .3rem);}
.in_contact_cont .i_tit h3{margin-bottom: 0.14rem;font-weight: bold;}
.in_contact_cont .i_tit a {display: block;color: #666;}
.in_contact_cont dt:hover {box-shadow: 0 0 .06rem rgb(0 0 0 / 20%);}
.in_contact_cont dt:hover iconify-icon,.in_contact_cont dt:hover h2 {color: var(--i_color);}
.in_contact_cont dt {-webkit-transition: all .5s ease;transition: all .5s ease}

@media screen and (max-width:1440px) {
	.in_contact_cont .ico iconify-icon {font-size:.5rem}
}
@media screen and (max-width:1366px) {
	.in_contact_cont dt {padding: .2rem;}
	.in_contact_cont .ico iconify-icon {font-size:.4rem}
}
@media screen and (max-width:960px) {
	.in_contact_cont dt {width: 100%;margin-bottom:2%}
	.in_contact_cont .ico iconify-icon{font-size:.3rem}
	.in_contact_cont .i_tit {width: calc(100% - .3rem - .2rem);}
}

@media screen and (max-width:767px) {
	.in_contact_cont dt {padding: .12rem .16rem;}
	.in_contact_cont .ico iconify-icon{font-size:.24rem}
	.in_contact_cont .i_tit {width: calc(100% - .24rem - .16rem);}
}

.in_contact ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap:wrap;}
.in_contact ul li{width:23.5%;box-sizing: border-box;padding:.2rem;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: center;box-shadow: 0 0 .2rem rgb(0 0 0 / 20%);}
.in_contact ul li h4{font-weight:bold;padding:2% 0;margin-bottom: 0.14rem;}

@media screen and (max-width:960px) {
	.in_contact ul li{width:48.6%;margin-bottom:2%;}
}

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

.base_list{position:relative; overflow:hidden}
.base_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.base_list .swiper-slide{flex-shrink:0; position:relative;background:var(--i_color3);border-radius:5px;}
.base_list h4{color:#fff;padding:10% 10% 0;}
.base_list p{color:#fff;padding:0 10% 10%;}
.base_list p iconify-icon{margin-right:10px;}



/* -------------------------About------------------------ */
.in_about .wrap {display:-webkit-flex;display:flex;}
.in_about .i_tit{width:50%;}
.in_about .about_desc{margin-top:1%;width:100%;line-height:.26rem;max-height:calc(.21rem * 10);overflow-y:auto;padding-right:2%;}
.in_about .about_desc::-webkit-scrollbar {width:3px;}
.in_about .about_desc::-webkit-scrollbar-track {background-color:var(--bc_color);}
.in_about .about_desc::-webkit-scrollbar-thumb {background-color: var(--i_color3);}
.in_about ul {display:-webkit-flex;display:flex;flex-wrap:wrap;}
.in_about ul li{width:25%;}
.in_about ul li img{width:40%;}
.in_about ul li h3{color:var(--i_color3);}
.in_about ul li iconify-icon{color:var(--i_color3);font-size: .4rem;}
.in_ab_pic{width:45%;position:relative;border-radius:10px;overflow:hidden;height:100%;.width:100%;position:relative;overflow:hidden;margin-left:5%}
.in_ab_pic:before{content:"";display:block;padding-bottom:55%}
.in_ab_pic iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover;}

@keyframes sunshines {
	0% {transform: translate(-50%,-50%) scale(1);opacity:1;}
	100% {transform: translate(-50%,-50%) scale(1.4);opacity:0;}
}


@media screen and (max-width:960px){
	.in_about .wrap {display:block;}
	.in_about .i_tit{width:100%;padding-bottom: 3%;}
	.in_ab_pic{width:100%;margin-left:0}
}


.in_manufacturing ul{display:-webkit-flex;display:flex;gap:0 2%;flex-wrap: wrap;}
.in_manufacturing ul li{width:32%;margin-bottom: 2%;}
.in_manufacturing .img {width:100%;position: relative;overflow: hidden;}
.in_manufacturing .img::before {content:"";display:block;padding-bottom:75%}
.in_manufacturing .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_manufacturing li:hover img {width:110%;height:110%}
@media screen and (max-width:960px){
	.in_manufacturing ul li{width:49%;}
}

.in_certificate ul {display:-webkit-flex;display:flex;justify-content: center;}
.in_certificate ul li{width:25%;}
.in_certificate ul li h3{color:var(--i_color3);}

.certificate_list{position:relative; overflow:hidden}
.certificate_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.certificate_list .swiper-slide{flex-shrink:0; position:relative;transform: scale(0.6);padding: .5rem 0;}
.certificate_list .swiper-slide.swiper-slide-prev {transform: scale(.8);}
.certificate_list .swiper-slide.swiper-slide-next {transform: scale(.8); }
.certificate_list .swiper-slide.swiper-slide-active{transform:scale(1.2);}
.certificate_list .swiper-slide img{width:100%;}
.certificate-prev,.certificate-next{position:absolute;top:50%;transform:translate(0,-50%);width:.4rem;height:.4rem;z-index:3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}
.certificate-prev{left:0;}
.certificate-next{right:0;}
.certificate-prev iconify-icon,.certificate-next iconify-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); font-size:0.3rem;color:var(--i_color2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.certificate-prev iconify-icon:hover,.certificate-next iconify-icon:hover{color:var(--i_color3);}
@media screen and (max-width:767px){
	.certificate_list .swiper-slide img{width:80%;}
}


.in_service ul{display:-webkit-flex; display:flex;gap:0 2%;flex-wrap: wrap;}
.in_service ul li{width:23.5%;background:var(--i_color3)}
.in_service .img {width:100%;position: relative;overflow: hidden;}
.in_service .img::before {content:"";display:block;padding-bottom:70%}
.in_service .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_service li:hover img {width:110%;height:110%}
.in_service li .i_tit{padding:5% 5%;background:var(--i_color3);-webkit-transition:all .5s ease;transition:all .5s ease}
.in_service li .i_tit h4 ,.in_service li .i_tit p{color:#fff;}

@media screen and (max-width:960px){
	.in_service ul li{width:49%;padding-bottom: 6%;}
}
@media screen and (max-width:767px){
	.in_service ul li{width:100%;}
}

.team_list{position:relative; overflow:hidden}
.team_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.team_list .swiper-slide{flex-shrink:0; position:relative;width: 90%;position:relative;overflow: hidden;margin:0 auto;}
.team_list .swiper-slide::before{content:"";display:block;padding-bottom:60%}
.team_list .swiper-slide img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-webkit-transition:all .5s ease; transition:all .5s ease;}


.in_customers ul{display:flex;display:-webkit-flex;gap:0 1%;margin-left:auto;margin-right:auto;flex-wrap:wrap;}
.in_customers ul li{width:19.2%;background:var(--bc_color);margin-bottom:1%;padding:1% 0;}
.in_customers ul li .img{width: 90%;position:relative;overflow: hidden;margin:0 auto;}
.in_customers ul li .img::before{content:"";display:block;padding-bottom:60%}
.in_customers 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;}
.in_customers ul li:hover .img img{width:110%;height:110%;}

@media screen and (max-width:960px) {
	.in_customers ul li{width: 32.6%;}
}


/* -------------------------Download------------------------ */
.download ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 2%;}
.download li{background:#f9f9f9;border-radius:25px;padding:.8% 2%;cursor:pointer;color:var(--i_color)}
.download li.current{background:rgba(0, 136, 72);}
.download li p{color: var(--i_color)}
.download li.current p{color: #fff !important;z-index: 10;}
.download_desc ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 3%;}
.download_desc ul li{width:27.3%;margin-bottom:1%;border-radius:5px;box-shadow:0 4px 10px rgba(0, 0, 0, .1);padding:1% 2%;}
.download_desc ul li h4{z-index:2;color:var(--i_color);-webkit-transition:all .5s ease;transition:all .5s ease;}
.download_desc ul li .img{width:100%;}
.download_desc ul li .img img{width:100%;}
.download_other ul li{width:18.7% !important;}

@media screen and (max-width: 960px) {
	.download_desc ul li,.download_other ul li{width:44.5% !important;}
}


@media screen and (max-width: 460px) {
	.download_desc ul li,.download_other ul li{width:100% !important;}
}

/* -------------------------Video------------------------ */
.video ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 2%;}
.video li{background:#f9f9f9;border-radius:25px;padding:.8% 2%;cursor:pointer;color:var(--i_color);}
.video li.current{background:rgba(0, 136, 72);}
.video li p{color: var(--i_color)}
.video li.current p{color: #fff !important;z-index: 10;}
.video_desc ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:0 2%;}
.video_desc ul li{width:44.5%;margin-bottom:1%;border-radius:5px;box-shadow:0 4px 10px rgba(0, 0, 0, .1);padding:1% 2%;}
.video_desc .video{width:31%;position:relative;overflow:hidden}
.video_desc .video:before{content:"";display:block;padding-bottom:60%}
.video_desc .video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:90%;width:95%;object-fit:cover;}

@media screen and (max-width: 960px) {
	.video_desc .video{width:49%;}
}

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