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

@font-face {
    font-family: 'AlbertSansRegular';
    src: url(static/font/AlbertSans-Regular.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'AlbertSansBold';
    src: url(static/font/AlbertSans-Bold.ttf);
    font-style: normal;
}


body {
    font-family: 'AlbertSansRegular';
}

.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: #999;
	/* 副颜色 */
	--i_color3: #30BE79;
	/* 选中颜色 */
	--bc_color: #fbfbfb;
	/* 背景颜色 */
	--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;background:rgb(255 255 255 / .5);height:var(--header_height);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;}
.TopHeader {background:var(--bc_color);}

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

    header {width: 100%;box-shadow: 0 4px 10px rgb(0 0 0 / .1)}
}


.full_header{height:var(--header_height);}


/* 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:50%;}
.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:0 auto;}
	.i_nav>li{margin:0 .14rem;position:relative;}
	.i_nav>li:last-child{text-transform:none;}
	.i_nav>li>a{font-size:0.16rem;color:var(--i_color);line-height:var(--header_height);white-space:nowrap;display:flex;align-items:center;}
	.i_nav>li::before{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;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);}
	.i_nav .sub-menu{display:none;position:absolute;left:0;width:3rem;background:#FFF;overflow:hidden;box-shadow:0 .06rem .1rem rgb(0 0 0 / 8%);}
	.i_nav .sub-menu li{position:relative;}
	.i_nav .sub-menu li:not(:last-child){border-bottom:1px solid rgb(0 0 0 / 6%);}
	.i_nav .sub-menu a{display:block;padding:.12rem .2rem;font-size:0.14rem;color:var(--i_color);line-height:0.2rem;}
	.i_nav .sub-menu li:hover a{color:var(--i_color3);}
	.nav_dropdown_menu1 .sub-menu{display:none!important}
}

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

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

@media screen and (max-width:960px) {
	.i_nav{display:none;position:fixed;top:var(--header_height);right:0;width:33%;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}
	.nav_contact li{margin:.1rem 4%;display:flex;display:-webkit-flex;align-items:center;}
	.nav_contact li iconify-icon{color:var(--i_color3);}
	.nav_contact li a{margin-left:5px;}
	.nav_list_show{display:none!important}
}


/* 移动端导航按钮 */
.nav_menu{position:absolute;width:18px;height:14px;right:4%;top:50%;transform:translateY(-50%);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:.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}
}



/* search main */
.top_r{display:flex;display:-webkit-flex;align-items:center;}
.top_language{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;height:var(--header_height);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;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_list li:hover {background:var(--i_color2)}
.top_language,.top_language>i {-webkit-transition:all .3s ease;transition:all .3s ease}


.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_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;}

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

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

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

@media screen and (max-width:560px) {
	.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 */
footer{position: relative;background:#000;}
.footer_menu{display: flex;display: -webkit-flex;gap: 0 2%;}
.footer_menu li{width:25%;}
.footer_menu li:first-child,.footer_menu li:nth-child(2){width:30% !important;}
.footer_menu li h4{margin-bottom:6%;color:var(--bc_color)}
.footer_menu li p{color:var(--bc_color);display:flex;align-items: center;margin-bottom:3%;}
.footer_menu li p: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:var(--bc_color);}
.footer_menu li iconify-icon{font-size:.2rem;color:var(--i_color3);margin-right:5px;}


.f_media{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 auto}
.f_media dt{-webkit-transition:all .5s ease;transition:all .5s ease}
.f_media dt:not(:last-child){margin-right:.4rem}
.f_media iconify-icon{font-size: 0.24rem !important;;color:var(--i_color3)}

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

.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:var(--bc_color)}
.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:var(--bc_color);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:var(--bc_color);-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:url(static/images/public/arrow_down_hollow_bai.svg) no-repeat center;background-size:cover;}
.p_men_list span i.open{display:block;width:100%;height:100%;background:url(static/images/public/arrow_up_hollow_bai.svg) no-repeat center;background-size:cover}


.f_cr .wrap{display:flex;align-items:center;border-top:1px solid var(--bc_color);padding:1% 0;}
.f_cr p{color:var(--bc_color);font-size:.14rem;margin-right: auto}
.f_cr a{color:var(--bc_color);margin-left:10px}

@media screen and (max-width: 1024px) {
	.f_cr{text-align:center;}
}

@media screen and (max-width: 767px) {
	.f_cr .wrap{display:block;text-align:center;}
}

@media screen and (max-width: 460px) {
}


.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}


/* ----------------------------- 侧边客服 ---------------------------- */

#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_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;}

#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;width:92%}
@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;}
}


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

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



/* HOME - big title */
.i_tit h2{font-size:.32rem;color:var(--i_color);font-family: 'AlbertSansBold';}
.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:.18rem;color:var(--i_color);}
.i_tit.center{margin: 0 auto;}

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

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

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

@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:.12rem;}
}

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

@media screen and (max-width:460px) {
	.i_tit h2{font-size:.16rem;}
}



/* HOME - more */
.i_more{width:auto;cursor:pointer;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;overflow:hidden;align-items:center;display:inline-flex;justify-content:center;position:relative;background: var(--i_color3);padding:10px 30px;border-radius:50px;}
.i_more b{font-size:.16rem;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:relative;color:var(--bc_color);display:flex;align-items:center;}
.i_more iconify-icon{color:var(--bc_color);margin-left:10px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;font-size:.2rem;}
@media screen and (max-width: 1024px) {
	.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_color2);background:#fff;-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:#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: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;position:relative;overflow:hidden;height: 0;padding-bottom:45%;}
.banner .swiper-slide>img,.banner .swiper-slide>video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.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%;font-size:.24rem;color:#fff;transform:translate(-50%, -50%);}
.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{position:absolute;left:50%;transform:translate(-50%, 0);bottom:5%;width:auto;cursor:pointer;z-index:3;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.banner-pagination .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;margin:0 .05rem;background:#CCC;-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:.18rem;}
}


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





/* main */
.h_introduction .top_introduction{display:flex;display:-webkit-flex;align-items:center;gap:0 5%;}
.top_introduction h2,.top_introduction p{width: 50%;}
.h_introduction ul{display:flex;display:-webkit-flex;gap:0 5%;}
.h_introduction ul li{width:20%;border-radius:10px;box-shadow:0 4px 10px rgba(0, 0, 0, .1);}
.h_introduction ul li img{width:30%;}
@media screen and (max-width: 960px) {
	.h_introduction ul li img{width:40%;}
}
@media screen and (max-width: 460px) {
	.h_introduction .top_introduction{display:block;}
	.top_introduction h2,.top_introduction p{width:100%;}
	.h_introduction ul li img{width:20%;}
	.h_introduction ul{display:block;gap:0 5%;}
	.h_introduction ul li{width:100%;margin-bottom: 5%;}
}

.h_solution{position: relative;}
.h_solution img{width:100%;}
.h_solution .i_tit{position: absolute;left:8%;top:10%;width:84%;}
.h_solution .i_tit h2,.h_solution .i_tit h3,.h_solution .i_tit p{color:var(--bc_color);}
@media screen and (min-width: 2100px) {
	.h_solution .i_tit{position: absolute;left:13%;top:10%;}
}

@media screen and (max-width: 460px) {
    .h_solution .i_tit{left:4%;width:90%;}
	.h_solution img{width:100%;height:20vh;}
}


.h_certification{position: relative;}
.h_certification h2{color:var(--bc_color);position: absolute;left: 50%;top:15%;transform:translate(-50% , 0);}
.h_certification img{width:100%;}



.h_choose{background: var(--bc_color);}
.h_choose .i_tit{display:flex;display:-webkit-flex;justify-content:space-between;align-items: center;border-bottom: 2px solid var(--i_color2);padding-bottom:3%;}
.h_choose .more {display:flex;display:-webkit-flex;align-items:center;gap:0 40px;margin-right:10px;}
.choose_list{position:relative; overflow:hidden}
.choose_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.choose_list .swiper-slide{flex-shrink:0; position:relative}
.choose_list .swiper-slide img{width:100%;border-radius: 10px;}
.choose-prev,.choose-next{display:block;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;}
.choose-prev iconify-icon,.choose-next iconify-icon{position:absolute;top:50%;left:50%;font-size:.22rem;color:var(--i_color2);transform:translate(-50%, -50%);}
.choose-prev iconify-icon:hover,.choose-next iconify-icon:hover{color:var(--i_color3)}
.choose_list .swiper-button-disabled{cursor:not-allowed}
.choose-prev:hover,.choose-next:hover{background: var(--i_color);}


.h_exhibition ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap: wrap;}
.h_exhibition ul li{width: 32%;margin-bottom: 2%;position: relative;}
.h_exhibition ul li img{border-radius: 15px;width:100%;}
.h_exhibition ul li h4{display:flex;align-items:center;}
.h_exhibition .exhibition_desc{display:flex;gap:0 4%;flex-wrap: wrap;justify-content: space-between;position: absolute;bottom:3px; left: 0;padding:10px 4%;width:92%;background:rgba(48, 276, 121, .5);border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.h_exhibition .exhibition_desc h4,.h_exhibition .exhibition_desc p,.h_exhibition .exhibition_desc iconify-icon{color:var(--bc_color);}
@media screen and (max-width:767px){
	.h_exhibition ul li{width: 49%;}
}


.h_project{background: var(--bc_color);}
.h_project .project_title{display:flex;display:-webkit-flex;justify-content:space-between;align-items: center;border-bottom: 2px solid var(--i_color2);padding-bottom:3%;}
.h_project .more {display:flex;display:-webkit-flex;align-items:center;gap:0 40px;margin-right:10px;}
.project_list{position:relative; overflow:hidden}
.project_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.project_list .swiper-slide{flex-shrink:0; position:relative}
.project_list .img{width:100%; position:relative; overflow:hidden;border-radius: 10px;}
.project_list .img::before{content:""; display:block; padding-bottom:60%}
.project_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;border-radius:10px;}
.project_list .img:hover img{width:110%; height:110%;}
.project_list h3{display:-webkit-flex; display:flex; align-items:center;color: var(--i_color3) !important;;}
.project_list iconify-icon{color:var(--i_color3);}
.project_list .project_desc{display:-webkit-flex; display:flex; align-items:center;justify-content: space-between;}
.project_list .project_desc p{color: var(--i_color2);}
.project-prev,.project-next{display:block;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;}
.project-prev iconify-icon,.project-next iconify-icon{position:absolute;top:50%;left:50%;font-size:.22rem;color:var(--i_color2);transform:translate(-50%, -50%);}
.project-prev iconify-icon:hover,.project-next iconify-icon:hover{color:var(--i_color3)}
.project_list .swiper-button-disabled{cursor:not-allowed}
.project-prev:hover,.project-next:hover{background: var(--i_color);}



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

@media screen and (max-width:960px) {
	#wpforms-form-40{width:90%;}
}

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

/* -----------------------------内页banner---------------------------- */
.in_banner{position:relative;width:100%;}
.in_banner>img,.in_banner>video{width:100%;}
.in_banner>video{opacity:1;}
.in_banner .tit h3{color:#fff;font-size:0.4rem;}
.in_banner .tit1{position:absolute;top:30%;left:50%;transform:translate(-50% , -50%);width:96%;text-align:center}
.in_banner .tit p{color:#fff;font-size:0.2rem;padding-top:1%}
@media screen and (max-width: 1200px) {
	.in_banner .tit h3{font-size:0.36rem;}
	.in_banner .tit p{font-size:0.18rem;}
}

@media screen and (max-width: 960px) {
	.in_banner .tit h3{font-size:0.3rem;}
	.in_banner .tit p{font-size:0.16rem;}
}

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

@media screen and (max-width: 460px) {
	.in_banner .tit h3{font-size:0.2rem;}
	.in_banner .tit p{font-size:0.14rem;}
}


/* ------------------------- About ------------------------ */
.in_about{background:var(--bc_color);}
.in_about img{width:100%;}
.in_about ul{display:-webkit-flex; display:flex;justify-content: center;flex-wrap: wrap;}
.in_about ul li{width:20%;}
.in_about h2{color:var(--i_color3);}

@media screen and (max-width: 960px) {
	.in_about ul li{width:33.3%;padding-bottom: 5%;}
}

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


.in_culture ul{display:-webkit-flex; display:flex;gap:0 2%;flex-wrap: wrap;}
.in_culture ul li{width:23.5%;position: relative;}
.in_culture ul li img{width:100%;}
.in_culture ul li .i_tit{position:absolute;bottom:2%;left:5%;width:90%;z-index:33;}
.in_culture ul li.active .culture_suo,.in_culture .culture_zhan{opacity:0}
.in_culture ul li.active .culture_zhan{opacity:1;transition: all 0.1s;transition-delay: 0.1s;}
.in_culture ul li .i_tit h3{color:var(--bc_color);}
.in_culture ul li .i_tit p{opacity: 0}
.in_culture ul li.active .i_tit h3,.in_culture ul li.active .i_tit p{opacity: 1;transition: all 0.1s;transition-delay: 0.1s;}
.in_culture ul li .i_tit p{color:var(--bc_color);}
.in_culture ul li.active .i_tit {left:5%;z-index:99;bottom: 5%;}
.in_culture ul li.active::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index: 1;}
.in_culture ul li::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:8%;background:rgba(0, 0, 0, 0.5);z-index: 1;}


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



.in_history h2{color:var(--bc_color);}
.in_history_list{position:relative;overflow:hidden}
.in_history_list:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, 0);width:100%;height:1px;background:var(--bc_color)}
.in_history_nav {width:calc(100% - 100px);margin:0 auto;cursor:pointer;position:relative;overflow:hidden}
.in_history_nav .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex}
.in_history_nav .swiper-slide{box-sizing:border-box;flex-shrink:0;position:relative;overflow:hidden;padding-left:1.5%;}
.in_history_nav .swiper-slide::before{content:'';display:block;padding-bottom:2.5rem;}


.in_history_nav .i_tit {position:absolute;bottom:15%;}
.in_history_nav h3,.in_history_nav p{color:var(--bc_color);}
.in_history_nav .yuan{position:absolute;top:50%;left:0;transform:translate(0, -50%);display:block;width:.08rem;height:.08rem;background:var(--i_color3);border:2px solid var(--i_color3);border-radius:50%;z-index:2;}
.in_history_nav .xian{display:block;position:absolute;top:calc(50% + .4rem);left:0.06rem;transform:translate(0, -50%);width:1px;height:.8rem;background:var(--bc_color);}
.in_history_nav .xian::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translate(-50%, 0);width:.1rem;height:.06rem;background:var(--i_color3);-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);clip-path: polygon(100% 0, 0 0, 50% 100%);}

.in_history_list .swiper-button-disabled{cursor: not-allowed}
@media screen and (min-width:601px) {
	.in_history_nav .swiper-slide:nth-child(even) .i_tit{top:15%;bottom:initial;}
	.in_history_nav .swiper-slide:nth-child(even) .xian{bottom:calc(50% + .4rem);top:initial;transform:translate(0, 50%);}
	.in_history_nav .swiper-slide:nth-child(even) .xian::after{top:-5px;bottom:initial;-webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);clip-path: polygon(50% 0, 0 100%, 100% 100%);}
}

@media screen and (max-width:960px) {
	.in_history_nav .swiper-slide::before{padding-bottom:2rem;}
}

@media screen and (max-width:600px) {
	.in_history_nav {width: calc(100% - 70px);}
	.in_history_nav .swiper-slide::before {display: none;}
	.in_history_nav .i_tit {position: initial;height: auto;}
	.in_history_nav .yuan {top: .38rem;transform: translate(-50%, 0)}
	.in_history_nav .xian {top: .38rem;transform: none}
	.in_history_list:before {left: 0;top: .48rem;transform: none;}
}


.i_global img{width:100%;}


/* ------------------------- Product ------------------------ */
.in_first_category ul{display:-webkit-flex; display:flex;gap:0 5%;}
.in_first_category ul li{width: 33%;}
.in_first_category ul li h3{font-family: 'AlbertSansBold';}
.in_first_category ul li img{width:100%;}
.in_second_category{background:var(--bc_color);}
.in_second_category ul{display:-webkit-flex; display:flex;gap:0 5%;justify-content: center;border-bottom:1px solid var(--i_color2);}
.in_second_category a{padding-bottom:2%;}
.in_second_category a.active{border-bottom: 2px solid var(--i_color3);}

.in_cate_video{position:relative;border-radius:10px;overflow:hidden;height:100%;}
.in_cate_video:before{content:"";display:block;padding-bottom:45%}
.in_cate_video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover;}



.in_product ul{display:-webkit-flex; display:flex;flex-wrap: wrap; gap:0 2%;}
.in_product ul li{width:32%;padding-bottom:2%;}
.in_product .img{width:100%; position:relative; overflow:hidden;border-radius: 10px;}
.in_product .img::before{content:""; display:block; padding-bottom:60%}
.in_product .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;border-radius:10px;}
.in_product .img:hover img{width:110%; height:110%;}
.in_product ul li .i_tit{padding: 3% 2%;}
.in_product ul li h3{font-family: 'AlbertSansBold';}

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

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

/* ------------------------- detail ------------------------ */
.in_detail{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;}
.in_detail .i_tit{width:45%;}

.thumb_list{position:relative; overflow:hidden;width:50%;}
.thumb_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%;padding-bottom:.4rem;}
.thumb_list .swiper-slide{flex-shrink:0;width:100%;position:relative;overflow:hidden;border-radius: 10px;}
.thumb_list .swiper-slide:before{content:"";display:block;padding-bottom:60%}
.thumb_list .swiper-slide 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;}
.thumb_list .swiper-slide:hover img{width:105%;height:105%;}

.thumb-prev,.thumb-next{position:absolute; bottom:0; transform:translate(-50%,0);z-index:3;cursor:pointer; outline:none; -webkit-user-select:none; user-select:none;width:0.3rem;height: .3rem;}
.thumb-prev{left:48%;}
.thumb-next{left:52%;}
.thumb-prev iconify-icon,.thumb-next iconify-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); font-size:0.3rem;color:var(--i_color2);}
.thumb-prev:hover iconify-icon,.thumb-next:hover iconify-icon{color: var(--i_color3);}
.in_detail .i_tit h2{border-bottom:2px solid var(--i_color2);}

.detail_article .i_tit{display:flex;display:-webkit-flex;align-items:center;justify-content: space-between;}
.detail_article .i_tit h2{font-weight: bold;}
.detail_article .i_more{border: 1px solid var(--i_color2);background: none;}
.detail_article .i_more b,.detail_article .i_more iconify-icon{color:var(--i_color);}

@media screen and (max-width: 1024px) {
    .in_detail{display:block;}
	.in_detail .i_tit{width:100%;padding-top: 5%;}
	.in_detail .thumb_list{width:100%;}
}

/* ------------------------- Solution ------------------------ */

.in_solution .solution_desc{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;}
.in_solution .solution_desc .i_tit{width:50%;}
.in_solution .img{width:50%;position:relative;overflow:hidden;border-radius: 10px;}
.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 .5s ease;transition:all .5s ease;}
.in_solution .img:hover img{width:105%;height:105%;}
.in_solution .solution_desc .i_tit h3{padding-bottom:4%;border-bottom:2px solid var(--i_color);margin-bottom:4%;}

@media screen and (max-width:960px) {
	.in_solution .solution_desc{display:block;}
	.in_solution .solution_desc .i_tit{width:100%;margin-top: 5%;}
	.in_solution .img{width:100%;position:relative;overflow:hidden;border-radius: 10px;}
}




/* ------------------------- Case ------------------------ */
.in_case .category{display:flex;display:-webkit-flex;align-items:center;justify-content: space-between;}
.case-select {position: relative;margin-left: auto;margin-right: 1%}
.ev_select{min-width: 2rem;font-size: 16px;color: var(--i_color2);padding: 6% 3%;outline: 0;transition: border-color 0.3s ease;border: 1px solid var(--border_color);border-radius: 5px}
.ev_select iconify-icon{position:absolute;top:50%;transform:translateY(-50%);right:5%;cursor:pointer;transition:transform 0.5s ease}
.ev_select:hover iconify-icon {color: var(--i_color3)}
.local-select-drop{display: none;border-radius: 5px;text-align: left;box-shadow: 0 4px 12px rgb(0 0 0 / 16%);position: absolute;left: 0;width: 100%;z-index: 9;padding: 2% 3%;background: #fff}
.local-select-drop dl {margin: 2% 3%}
.local-select-drop a{font-size: 14px;line-height: 36px;display:block;padding: 0 5%;}
.local-select-drop a:hover {color: var(--i_color3)}

@media screen and (max-width: 1024px) {
    .ev_select {padding: 3% 3%}
    .local-select-drop {width: 94%;padding: 1% 3%}
    .local-select-drop dl{padding: 0 0}
}


.in_case ul{display:flex;display:-webkit-flex; gap:0 2%;flex-wrap: wrap;}
.in_case ul a{width:32%;padding-bottom:3%;}
.in_case ul a .img{width:100%;position:relative;overflow:hidden;border-radius: 10px;}
.in_case ul a .img::before{content:"";display:block;padding-bottom:60%}
.in_case ul a .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_case ul a .img:hover img{width:105%;height:105%;}
.in_case ul a  h3{display:-webkit-flex; display:flex; align-items:center;color: var(--i_color3) !important;;}
.in_case ul a  iconify-icon{color:var(--i_color3);}
.in_case ul a .project_desc{display:-webkit-flex; display:flex; align-items:center;justify-content: space-between;}
.in_case ul a .project_desc p{color: var(--i_color2);}

@media screen and (max-width: 1024px) {
    .in_case ul a{width:49%;}
}


/* ------------------------- Case Detail------------------------ */
.in_case_detail{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;border-bottom:2px solid var(--i_color2);}
.in_case_detail .i_tit{width:45%;}
.in_case_detail .img{width:50%;position:relative;overflow:hidden;border-radius: 15px;}
.in_case_detail .img::before{content:"";display:block;padding-bottom:60%}
.in_case_detail .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_case_detail .img:hover img{width:105%;height:105%;}
.in_case_detail .case_tit{display:flex;display:-webkit-flex;gap:0 2%;align-items: center;border-bottom: 2px solid var(--i_color2);padding: 2% 0;}
.in_case_detail iconify-icon{color:var(--i_color3);font-size:.24rem;}
.case_article{margin-top: 5%;}

@media screen and (max-width: 1024px) {
    .in_case_detail{display:block;border-bottom: none;}
	.in_case_detail .i_tit{width:100%;padding-top: 5%;}
	.in_case_detail .img{width:100%;}
	.case_article{margin-top: 0;}
}


.in_may{background: var(--bc_color);}
.in_may .may_title{display:flex;display:-webkit-flex;justify-content:space-between;align-items: center;border-bottom: 2px solid var(--i_color2);padding-bottom:3%;}
.in_may .more {display:flex;display:-webkit-flex;align-items:center;gap:0 40px;margin-right:10px;}
.may_list{position:relative; overflow:hidden}
.may_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.may_list .swiper-slide{flex-shrink:0; position:relative}
.may_list .img{width:100%; position:relative; overflow:hidden;border-radius: 10px;}
.may_list .img::before{content:""; display:block; padding-bottom:60%}
.may_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;border-radius:10px;}
.may_list .img:hover img{width:110%; height:110%;}
.may_list h3{display:-webkit-flex; display:flex; align-items:center;color: var(--i_color3) !important;;}
.may_list iconify-icon{color:var(--i_color3);}
.may_list .may_desc{display:-webkit-flex; display:flex; align-items:center;justify-content: space-between;}
.may_list .may_desc p{color: var(--i_color2);}
.may-prev,.may-next{display:block;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;}
.may-prev iconify-icon,.may-next iconify-icon{position:absolute;top:50%;left:50%;font-size:.22rem;color:var(--i_color2);transform:translate(-50%, -50%);}
.may-prev iconify-icon:hover,.may-next iconify-icon:hover{color:var(--i_color3)}
.may_list .swiper-button-disabled{cursor:not-allowed}
.may-prev:hover,.may-next:hover{background: var(--i_color);}


/* ------------------------- Download ------------------------ */
.in_download ul {display:flex;display: -webkit-flex;gap: 0 2%;justify-content: center;flex-wrap: wrap;}
.in_download ul p{border: 1px solid var(--i_color2);border-radius:40px;position:relative;cursor:pointer;padding:5px 20px;}
.in_download ul p.current,.in_download ul p:hover{color:var(--i_color3)}

.download {box-sizing: border-box}
.download dt{display: flex;display:-webkit-flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--i_color2);padding:2% 1%;}
.download dt iconify-icon{font-size: .2rem;}
.download dt:hover p,.download dt:hover iconify-icon{color:var(--i_color3);}


@media screen and (max-width: 680px) {
    .in_download ul p{margin-bottom: 5%;width:30%;}
}





/* ------------------------- FAQ ------------------------ */
.in_faq ul {display:flex;display: -webkit-flex;gap: 0 2%;justify-content: center;}
.in_faq ul p{border: 1px solid var(--i_color2);border-radius:40px;position:relative;cursor:pointer;padding:5px 20px;}
.in_faq ul p.current,.in_faq ul p:hover{color:var(--i_color3)}

.faq {box-sizing: border-box}
.faq dt{margin-bottom: .02rem}
.faq_q{display:flex;display:-webkit-flex;background:#f1f1f1;align-items:center;box-sizing:border-box;padding:.05rem .2rem;cursor:pointer}
.faq_q h2{color:var(--i_color);font-size: .2rem;}
.faq_q i{display:block;width:.24rem;min-width:.24rem;height:.52rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E") center no-repeat;background-size:100% 100%;margin-left:auto;}
.faq_q i.open{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E") center no-repeat;background-size:100% 100%}
.faq_a{display:none;box-sizing:border-box;padding:1% .2rem;align-items:center}
.faq_a h3{font-size: .16rem;}
@media screen and (max-width: 1024px) {
    .in_faq ul {width:26%;margin-right: 4%}
    .in_faq .faq {width: 70%}
    .in_faq ul li iconify-icon {font-size: .14rem}
}

@media screen and (max-width: 960px) {
    .in_faq ul {width:100%;margin-right: 0;margin-bottom: 5%}
    .in_faq .faq {width: 100%}
    .in_faq ul li iconify-icon {font-size: .14rem;padding: 0}
    .faq_q i {width: .2rem;min-width: .2rem}
}

@media screen and (max-width: 767px) {
    .in_faq .faq {margin-bottom:.3rem}
    .faq_q i {width: .2rem;min-width: .2rem}
}



/* ------------------------- News ------------------------ */
.in_news ul{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.in_news ul li{width:23.5%;padding-bottom: 2%;}
.in_news ul a .img{width:100%;position:relative;overflow:hidden;border-radius: 10px;}
.in_news ul a .img::before{content:"";display:block;padding-bottom:60%}
.in_news ul a .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_news ul a .img:hover img{width:105%;height:105%;}
.in_news ul h4{padding:2% 2%;}
.in_news ul p{padding:0 2%;}

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


/* -------------------------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{font-size:.18rem;}

@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{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------------------------ */
.contact_desc .wrap{display:flex;display: -webkit-flex;gap: 0 5%;align-items:center;}
.contact_desc .img,.contact_desc .i_tit{width:50%;}
.contact_desc .img img{width:100%;border-radius:15px;}
@media screen and (max-width: 960px) {
	.contact_desc .wrap{display:block;}
	.contact_desc .img,.contact_desc .i_tit{width:100%;}
	.contact_desc .i_tit{padding-top:3%;}
}


.in_contact .wrap{display:flex;display:-webkit-flex;gap: 0 5%;align-items: center;}
.in_contact .contact_form,.in_contact .contact_list{width:50%;}
.contact_list h3{border-bottom: 1px solid var(--i_color2);padding:2% 0;font-family:'AlbertSansBold';}
.contact_list p {display: flex;align-items: center;border-bottom: 1px solid var(--i_color2);padding:2% 0;}
.contact_list iconify-icon{color:var(--i_color3);font-size: 0.2rem;margin-right: 10px;}
.contact_media{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 auto}
.contact_media dt{-webkit-transition:all .5s ease;transition:all .5s ease}
.contact_media dt:not(:last-child){margin-right:.4rem}
.contact_media iconify-icon{font-size: 0.36rem !important;;color:var(--i_color3)}

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

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

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