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

@font-face {
    font-family:'HarmonyosLight';
    src:url(static/fonts/HARMONYOS_SANS_SC_LIGHT.TTF);
    font-style:normal;
}
@font-face {
    font-family:'HarmonyosRegular';
    src:url(static/fonts/HARMONYOS_SANS_SC_REGULAR.TTF);
    font-style:normal;
}

@font-face {
    font-family:'HarmonyosBold';
    src:url(static/fonts/HARMONYOS_SANS_SC_BOLD.TTF);
    font-style:normal;
}


body {
    font-family:'HarmonyosLight';
}

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

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

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

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

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

@media screen and (max-width:1500px) {
  .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: #222;
	/* 全局颜色 */
	--i_color2: #333;
	/* 副颜色 */
	--i_color3:#225796;
	/* 选中颜色 */
	--bc_color: #ccc;
	/* 背景颜色 */
	--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{width:100%;z-index:2014;height:var(--header_height);background:#fff;position:relative;}
.top_cont{position:relative;z-index:2013;display:-webkit-flex;display:flex;flex-wrap:nowrap;align-items:center;}
.TopHeader{position:fixed;top:0;left:0;background:#fff}

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


.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: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: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:2.7rem;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_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: 0.24rem;color: var(--i_color);cursor: pointer;}
.top_search_ico.on iconify-icon {color: var(--i_color2);}


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


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

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

.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:#141414;}
.footer_menu{display: flex;display: -webkit-flex;gap: 0 2%;}
.footer_menu li{width:25%;}
.footer_menu li:first-child{width:20% !important;}
.footer_menu li:last-child{width:30% !important;}
.footer_menu li h4{margin-bottom:6%;color:var(--bc_color)}
.footer_menu li:last-child h4{margin-bottom:3%;}
.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 h4{display:flex;align-items:center;}
.footer_menu li iconify-icon{font-size:.24rem;color:var(--i_color3);margin-right:5px;}
footer .footer_contact p{color:#fff;display:flex;align-items:center;}
.f_media{display:-webkit-flex;display:flex;flex-wrap:wrap;}
.f_media iconify-icon{font-size: .28rem !important;}
.f_media dt:not(:last-child){margin-right:.4rem}

.p_men_list li{position:relative}
.p_men_list li a{position:relative;line-height:100%;padding:1% 0;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 p{color:var(--bc_color);padding:0 2%}
.p_men_list>li>p{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{border-top:1px solid var(--bc_color);padding:1% 0;text-align: center;}
.f_cr p{color:var(--bc_color);font-size:.14rem}

@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;}
}



/* ----------------------------- 侧边客服 ---------------------------- */
.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(--linear-gradien);}
.aside_right li{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}


#mask_bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:998;}
#aside_sc_from{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:82%;padding: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 h3{text-align:center;text-transform:uppercase;width:90%}
.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: 1024px) {
	#aside_sc_from {padding: 0.4rem 0.2rem;}
}
@media screen and (max-width:560px) {
	#aside_sc_from {padding: 0.2rem 0.2rem;}
}


/* HOME - big title */
.i_tit h2,.i_tit h2 .roll_num{font-size:.40rem;color:var(--i_color3);font-family:'HarmonyosBold';}
.i_tit h3,.i_tit h3 .roll_num{font-size:.24rem;color:var(--i_color);}
.i_tit h4,.i_tit h4 .roll_num,.i_tit h4 span{font-size:.2rem;color:var(--i_color);}
.i_tit p{font-size:.16rem;color:var(--i_color2);line-height: 1.6;}
.i_tit.center{margin: 0 auto;}

@media screen and (max-width:1440px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.36rem;}
}

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

@media screen and (max-width:1024px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.3rem;}
	.i_tit h3,.i_tit h3 .roll_num{font-size:.20rem;}
	.i_tit h4,.i_tit h4 .roll_num,.i_tit h4 span{font-size:.18rem;}
	.i_tit p{font-size:.15rem;}
}

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

@media screen and (max-width:767px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.24rem;}
	.i_tit h3,.i_tit h3 .roll_num{font-size:.16rem;}
	.i_tit h4,.i_tit h4 .roll_num,.i_tit h4 span{font-size:.15rem;}
	.i_tit p{font-size:.12rem;}
}

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

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



/* HOME - more */


.i_more{display:table;box-sizing:border-box;width:auto;padding:.12rem .24rem;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-radius:30px;position:relative;background:var(--bc_color);}
.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:inline-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:hover:before{top:-10%}
.i_more iconify-icon{font-size:.16rem;color:var(--i_color);padding-left:5px;}
.i_more:hover iconify-icon,.i_more:hover b{color:#fff;}


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

@media screen and (max-width: 560px) {
  	.i_more{padding:6px 5px;}
  	.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:768px) {
	.in_page li{min-width:28px;}
	.in_page a,.in_page span{line-height:28px;padding:0 .1rem;}
}


#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:35%;}
.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: 5%;bottom: 5%;width: auto;cursor: pointer;display: -webkit-flex;display: flex;flex-wrap: wrap;z-index: 3;}
.banner-pagination .swiper-pagination-bullet {display: block;width: 0.5rem;height: 2px;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;margin: 0 0.08rem;background: #fff;position: relative;outline: none;overflow: hidden;}
.banner-pagination .swiper-pagination-bullet-active::before {content: "";position: absolute;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;top: 0;left: 0;width: 100%;height: 100%;background: var(--i_color3);}
.banner-pagination .swiper-pagination-bullet-active::before {-webkit-animation: w100 8000ms 1;animation: w100 8000ms 1;}
.banner .swiper-slide::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}


@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;}
}

.banner .i_tit{position:absolute;left:10%;top:30%;width:80%;z-index:99;}
.banner .i_tit h2,.banner .i_tit p{color:#fff;width:30%}


@media screen and (max-width: 1920px) {
	.banner .tit,.banner-pagination{left:8%;}
}

@media screen and (max-width: 1400px) {
	.banner .tit,.banner-pagination{left:5%;}
	.banner .i_tit h2,.banner .i_tit p{width:40%}
}

@media screen and (max-width: 1200px) {
	.banner .tit,.banner-pagination{left:3%;}
	.banner-button-prev iconify-icon,.banner-button-next iconify-icon{font-size:.2rem;}
	.banner .i_tit h2,.banner .i_tit p{width:60%}
}

@media screen and (max-width: 1024px) {
	.banner .tit{width:50%;}
	.banner-button-prev,.banner-button-next{width:.24rem;height:.24rem;}
	.banner-button-prev iconify-icon,.banner-button-next iconify-icon{font-size:.16rem;}
	.banner .i_tit h2,.banner .i_tit p{width:100%}
}

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

@media screen and (max-width:560px) {
	.banner .tit{width:100%;}
}

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


/* main */
.h_provider{position: relative;}
.h_provider .i_tit{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50% , -50%);z-index:22;}
.h_provider img,.h_provider video{width: 100%;}
.h_provider::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}
.h_provider .i_tit h2,.h_provider .i_tit p{color:#fff;}
.h_provider .more{display:flex;gap:0 10%;justify-content:center}



.h_about{position: relative;}
.h_about img{width: 100%;}
.h_about .i_tit{position: absolute;left: 0;top:50%;width: 100%;z-index:22;transform:translateY(-50%)}
.h_about .i_tit h4{color:var(--i_color3);padding-bottom:5%}
.h_about .i_tit h2,.h_about .i_tit p{color:var(--i_color);width:60%}
.h_about .i_tit p{margin:2% 0 4%}

.h_choose .wrap{display:flex;display: -webkit-flex;gap:0 2%;}
.h_choose .i_tit{width:50%;position:relative;}
.h_choose .i_tit h4{display:flex;display:-webkit-flex;align-items:center;font-family:'HarmonyosBold';}
.h_choose .i_tit h4 iconify-icon{padding-right:10px;color:var(--i_color3);}
.h_choose .video{width:50%;position:relative;overflow:hidden}
.h_choose .video:before{content:"";display:block;padding-bottom:50%}
.h_choose .video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover;border-radius:5px;}
@media screen and (max-width:960px) {
	.h_choose .wrap{display:block;}
	.h_choose .i_tit,.h_choose .video{width:100%;}
	.h_about .i_tit h2,.h_about .i_tit p{width:65%}
	.h_about .i_tit h4{padding-bottom:3%}
	.h_about .i_tit p{margin:1% 0 3%}
	.h_about img,.h_provider img,.h_provider video{height:45vh}
}

.h_product{background:#e8e8e8;}
.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;}
.product_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative;width:100%}
.product_list .swiper-slide{flex-shrink:0;position:relative;text-align:center;border:1px solid #c4c4c4;border-radius:10px;box-sizing: border-box;}
.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%);object-fit:cover;height:100%;width:100%;-webkit-transition:all .5s ease;transition:all .5s ease}
.product_list .swiper-slide:hover .img img{height: 105%;width:105%}
.line{width:20px;height:3px;background:var(--i_color3);margin: 10px auto;}
.product_list h4{margin:5% 4%;;display:-webkit-box;overflow:hidden;font-weight:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.h_solution .h_solution_list{position:relative;overflow:hidden;}
.h_solution_list ul{min-height:750px;}
.tab-content{opacity:0;transition:opacity 300ms ease;position:absolute;width:100%;left:0;top:0;}
.tab-content.show {opacity:1;position:relative;}
.h_solution_list .h_solution_desc{position:relative;display:flex;display:-webkit-flex;align-items:center;}
.h_solution_list li .solution_desc{width:35%;padding-right:5%;}
.h_solution_list li .solution_desc h4{color:var(--i_color3);}
.h_solution_list li .solution_desc h2{color:var(--i_color);}
.h_solution_list li .img{width:60%;}
.h_solution_list li .img img{width:100%;transition: opacity 0.3s ease-in-out;}
.h_solution_list li .img img.loaded{opacity: 1;}
.h_solution_tab{display:flex;display:-webkit-flex;}
.h_solution_tab .i_tit{cursor:pointer;position:relative;width:20%;}
.h_solution_tab .img{position:relative;width:70px;height: 70px;margin-bottom:5%;}
.h_solution_tab .img img{width:50%;position:absolute;left:50%;top:50%;transform:translate(-50% , -50%);border-radius: 50%;}
.h_solution_tab .i_tit::after{content:"";width:77%;height:1px;position:absolute;right:0;top:37%;transform:translate(0 , -50%);background:transparent;border-top: 1px dashed rgba(0,56,139,.1);}
.h_solution_tab .i_tit:last-child::after{display:none;}
.h_solution_tab .i_tit.active p{color:var(--i_color3);}
.progress-ring{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(-90deg);}
.progress-ring__circle-bg {fill: none;stroke:rgba(0, 56, 139, 0.1);stroke-width: 6;}
.progress-ring__circle-progress {fill: none;stroke: var(--i_color3);stroke-width: 6;stroke-linecap: round;transition: opacity 0.3s ease-in-out;opacity:0}
.progress-ring__circle-progress.active {opacity: 1;}

@media 	screen and (min-width: 2560px) {
	.h_solution_list ul{min-height: 800px;}
}
@media  screen and (max-width: 1660px){
	.h_solution_tab .i_tit::after{width:70%;}
	.h_solution_list ul{min-height: 700px;}
}
@media 	screen and (max-width: 1440px) {
	.h_solution_tab .i_tit::after{width:68%;}
}
@media screen and (max-width: 960px) {
	.h_solution .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-pagination{display:block; margin-top:0.3rem; text-align:center}
	.solution-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;}
	.solution-pagination .swiper-pagination-bullet-active{background:var(--i_color3)}
	.solution_list li img{width:100%;}
	.solution_list li h5{color:var(--i_color3);}
	.solution_list li h3{margin: .08rem 0 .3rem;}
}
@media screen and (max-width: 768px) {
	.h_solution{padding-top: .6rem}
}

.h_case{background:#e8e8e8;}
.h_case_list{position:relative; overflow:hidden}
.h_case_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.h_case_list .swiper-slide{flex-shrink:0; position:relative;background: #fff;border-radius:18px;-webkit-transition:all .5s ease;transition:all .5s ease}
.h_case_list .img{width:100%; position:relative; overflow:hidden;border-radius:18px;}
.h_case_list .img::before{content:""; display:block; padding-bottom:75%}
.h_case_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:5px;}
.h_case_list .img:hover img{width:105%; height:105%;}
.h_case_list .img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}
.h_case_list .swiper-slide:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}
.h_case_list ul a .i_tit{padding:10% 5%;text-align:left}
.h_case_list ul a .i_tit h4,.h_case_list ul a .i_tit h4 .roll_num{color: var(--i_color3);}
.h_case_list ul a .i_tit p{padding:2% 0;}


.h_news .news_desc{display:flex;display: -webkit-flex;gap:0 2%;align-items: center;}
.news_desc dl .img{width:100%;position:relative;overflow:hidden;border-radius:5px;}
.news_desc .img::before{content:"";display:block;padding-bottom:60%}
.news_desc .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:5px;}
.news_desc a:hover img{width:105%; height:105%;}
.news_desc dl{width:40%;}
.news_desc dl a{display:none;}
.news_desc dl a.active{display:block;}
.news_desc ul {width:60%;text-align:left;}
.news_desc ul a{padding-top:1%;}
.news_desc ul .i_tit{padding-bottom:2%; margin-bottom:2%; border-bottom:1px solid var(--i_color2);}
.news_desc ul a:nth-last-child(2) .i_tit{border-bottom:none;}
.news_desc ul .img::before{content:""; display:block; padding-bottom:60%}
.h_news ul h4,.h_news ul .date{color:var(--i_color3);}
.h_news ul p{padding:2% 0}
.h_news ul a.i_more{text-align: left;}
.news_desc ul .img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}



.news_list{position:relative; overflow:hidden;text-align:left;}
.news_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.news_list .swiper-slide{flex-shrink:0; position:relative;-webkit-transition:all .5s ease;transition:all .5s easekey}
.news_list .img{width:100%; position:relative; overflow:hidden;border-radius:18px;}
.news_list .img::before{content:"";display:block;padding-bottom:60%}
.news_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:18px;}
.news_list a:hover img{width:105%; height:105%;}
.news_list .img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}
.news_list .swiper-slide:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}


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


/* -----------------------------内页banner---------------------------- */
.in_banner{position:relative;width:100%;}
.in_banner>img{width:100%;}
.in_banner .i_tit h2,.in_banner .i_tit p{color:#fff;}
.in_banner .i_tit{position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);z-index:22}
.in_banner li{display: flex;display:-webkit-flex;align-items: center;}
.in_banner li img{width:15px;padding-right:5px;}
.in_banner::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}

/* ------------------------- Company ------------------------ */
.in_about .wrap{display:flex;display:-webkit-flex;gap: 0 3%;flex-wrap: wrap;align-items: center;}
.in_about .about_left{width:60%;position:relative;}
.in_about .about_right{width:37%;position:relative;}
.in_about .about_left h2{border-bottom:1px solid var(--bc_color);}
.in_about ul{display:flex;display:-webkit-flex;flex-wrap: wrap;}
.in_about ul li{width:33.3%;padding-bottom:2%;}
.in_about ul li h2,.in_about ul li h2 .roll_num{color:var(--i_color3);border-bottom:none !important;}
.in_about .about_right img{width:100%;}
.about_us_i{position: absolute;left:50%;top: 50%;transform: translate(-50% , -50%);}
.about_us_i i{display: block;width: 0.8rem;height: 0.8rem;background: url('static/images/video.png') center no-repeat;background-size: 100% 100%;position: relative;}
.about_us_i i::after{content: '';position: absolute;transform: translate(-50%,-50%);border-radius: 50%;top: 50%;left: 50%;width: 110%;height: 110%;background-color: rgba(43, 87, 174,0.3);animation: yuan 2s ease-in-out infinite;}
.about_us_i i::before{content: '';position: absolute;transform: translate(-50%,-50%);border-radius: 50%;top: 50%;left: 50%;width: 130%;height: 130%;background-color: rgba(43, 87, 174,0.2);animation: yuans 3s ease-in-out infinite;}
@keyframes yuan{
	0%{width: 110%;height: 110%;}
	50%{width: 120%;height: 120%;}
	100%{width: 110%;height: 110%;}
}
@keyframes yuans{
	0%{width: 130%;height: 130%;}
	50%{width: 150%;height: 150%;}
	100%{width: 130%;height: 130%;}
}
.v_box {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:70vw;max-height:80vh;background:rgb(0 0 0 / 90%);object-fit:contain;z-index:99999999;overflow:hidden}
.v_box:before{content:"";display:block;padding-bottom:50%}
.v_box iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover;border-radius:5px;}
.v_box .v_close {display: block;position: absolute;top: .2rem;right: .2rem;width: .3rem;height: .3rem;background: url(static/images/public/close_1_bai.svg) no-repeat center;background-size: contain;cursor: pointer;}
.v_box .v_close:hover {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.in_about_v .v_play,.v_box .v_close {-webkit-transition: all .5s ease;transition: all .5s ease}
@media screen and (max-width: 960px) {
	.in_about .wrap{display:block;}
	.in_about .about_left,.in_about .about_right{width:100%;}
	.about_us_i i{width: 0.6rem;height: 0.6rem;}
}
@media screen and (max-width: 767px) {
	.in_about ul li{width:50%;}
	.about_us_i i{width: 0.5rem;height: 0.5rem;}
}
@media screen and (max-width: 460px) {
	.about_us_i i{width: 0.4rem;height: 0.4rem;}
}

.history{position: relative;}
.history h3{color:var(--bc_color);}
.in_history_cont{max-width: 100%;overflow: hidden;}
.in_history_cont .wrap{position: relative;}
.gallery-top{width:100%;margin:0 auto;box-sizing:border-box;overflow:hidden;position:relative}
.gallery-top .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;}
.gallery-top .swiper-slide{flex-shrink:0;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;border-radius:0.2rem;}

.in_history_cont h2{font-size:.8rem;font-family:'HarmonyosRegular';text-align:center;transition:all 0.3s ease;margin-bottom:0.3rem;color:var(--i_color3);}
.history-button-prev,.history-button-next{position:absolute;top:116%;transform:translate(0, -50%);box-sizing:border-box;z-index:999;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;display:flex;display:-webkit-flex;align-items:center}

.history-button-prev iconify-icon{margin-left:.3rem;}
.history-button-next iconify-icon{margin-right:.3rem;}
.history-button-prev{left: 0;}
.history-button-next {right: 0;}
.history-button-prev iconify-icon,.history-button-next iconify-icon{font-size:0.4rem;color:var(--i_color2);}
.history-button-prev:hover iconify-icon,.history-button-next:hover iconify-icon{color:var(--i_color3);}
.history-button-prev h4,.history-button-next h4 {color: var(--i_color2);}
.in_honor_year{position: relative;}
.in_honor_year::after{content:'';width:80%;height:0.02rem;position:absolute;top:0.2rem;left:50%;transform:translate(-50%, 0);background:var(--bc_color);}
.in_honor_year span::after{content:'';width:12%;height:.02rem;position:absolute;top:.2rem;left:-15%;background:var(--bc_color);}
.in_honor_year span::before{content:'';width:12%;height:.02rem;position:absolute;top:.2rem;right:-15%;	background:var(--bc_color);}
.gallery-thumbs{width:100%;margin:0 auto;position:relative;overflow:hidden;box-sizing:border-box;padding-top:0.1rem;}
.gallery-thumbs .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;cursor:pointer;display:flex}
.gallery-thumbs .swiper-slide{text-align:center;flex-shrink:0;position:relative;box-sizing:border-box;padding:.6rem 26% 0 26%;}
.gallery-thumbs .swiper-slide::after{content:'';position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:0.2rem;height:0.2rem;border-radius:50%;background-color:var(--bc_color);}
.gallery-thumbs p{line-height:0.24rem;box-sizing:border-box;overflow:auto;}
.gallery-thumbs p::-webkit-scrollbar {width: 2px;height: 8px}
.gallery-thumbs p::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:var(--i_color)}
.gallery-thumbs p::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:0;background:#F1F1F1}
.gallery-thumbs .swiper-slide p{-webkit-transition: all .5s ease;transition: all .5s ease}
.gallery-thumbs .swiper-slide-active::after {background-color: var(--i_color3);}
.gallery-thumbs .swiper-slide-active::before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:0.2rem;height:0.2rem;border-radius:50%;background-color:var(--i_color3);z-index:2;animation:circle 1.5s linear infinite;}

@keyframes circle {
	0% {transform: translate(-50%, 0) scale(1);opacity: 0.8;}
	100% {transform: translate(-50%, 0) scale(2);opacity: 0;}
}

@media screen and (max-width:1500px) {
	.gallery-thumbs .swiper-slide {padding: 0.6rem 20% 0 20%;}
}

@media screen and (max-width:1440px) {
	.gallery-thumbs .swiper-slide {padding: 0.6rem 16% 0 16%;}
	.in_history_cont h2 {font-size: 0.8rem;}
}

@media screen and (max-width:1366px) {
	.in_history_cont h2 {font-size: 0.66rem;}
}

@media screen and (max-width:1200px) {
	.gallery-thumbs .swiper-slide {padding:0.6rem 12% 0 12%;}
}

@media screen and (max-width:1024px) {
	.in_history_cont h2 {font-size: 0.5rem;}
	.history-button-prev,.history-button-next{top: 120%;}
	.in_honor_year::after {width: 66%;}
}

@media screen and (max-width:960px) {
	.gallery-thumbs .swiper-slide {padding: 0.6rem 8% 0 8%;}
}

@media screen and (max-width:768px) {
	.gallery-thumbs .swiper-slide {padding: 0.6rem 5% 0 5%;}
	.in_history_cont h2 {font-size: 0.4rem;}
	.history-button-prev iconify-icon,.history-button-next iconify-icon{font-size: 0.24rem;}
	.gallery-thumbs .swiper-slide-active::before,.gallery-thumbs .swiper-slide::after{top:.04rem;width:.14rem;height:.14rem;}
}

@media screen and (max-width:560px) {
	.in_honor_year::after {width: 40%;}
	.in_history_cont h2 {margin-bottom: 0.2rem;font-size: 0.26rem;}
	.history-button-prev iconify-icon {margin-left: 0.1rem;}
	.history-button-next iconify-icon {margin-right: 0.1rem;}
	.history-button-prev,.history-button-next {top: 140%;}
	.history-button-prev iconify-icon,.history-button-next iconify-icon {font-size: 0.2rem;}
	.gallery-thumbs .swiper-slide {padding-top: 0.5rem;}
	.in_honor_year::after {width: 50%;}
}



.h_market .img{width:100%;position:relative;height:100%;object-fit:fill;}
.h_market .img img{width:100%;}
.h_market dl{display:flex;display:-webkit-flex;justify-content:center;gap:0 4%; border-bottom: 1px solid #D8D8D8;padding-bottom:1%;width:50%;margin:0 auto;}
.h_market dl p{display:flex;display:-webkit-flex;gap:0 5px;align-items:center;position:relative;white-space:nowrap;}
.h_market dl p img{padding-top: 0 !important;}
.h_market dl p::before{content:'';position:absolute;top:-20px;left:50%;border-radius:50%;width:12px;height:12px;}
.h_market dl .dian1::before{background: radial-gradient(50% 50% at 50% 50%, #2AC6F1 0%, #1AD079 100%);}
.h_market dl .dian2::before{background: radial-gradient(50% 50% at 50% 50%, #CE50D0 0%, #EC7878 100%);}
.h_market dl .dian3::before{background: radial-gradient(50% 50% at 50% 50%, #EED178 0%, #DA8C50 100%);}
.h_market dl .dian4::before{background: radial-gradient(50% 50% at 50% 50%, #A878F1 0%, #508EDA 100%);}
.h_market .h_video_tag:hover .h_video_tag_sub{display:block;z-index:3;-webkit-transition:all .5s ease;transition:all .5s ease;}
.h_market .h_video_tag_sub{padding:6px 10px;width:220px;border-radius:100px;background:var(--bc_color);overflow:hidden;z-index:2;display:none;}
.h_market .h_video_tag1 {position:absolute;top:53.5%;right:17%;}
.h_market .h_video_tag2 {position:absolute;top:53%;right:16.5%;}
.h_market .h_video_tag3 {position:absolute;top:52.5%;right:17%;}
.h_market .h_video_tag4 {position:absolute;bottom:34%;right:39%;}
.h_market .h_video_tag5 {position:absolute;bottom:37%;left:51.5%;}
.h_market .h_video_tag6 {position:absolute;top:56%;right:23%;}
.h_market .h_video_tag7 {position:absolute;top:59%;right:19.5%;}
.h_market .h_video_tag8 {position:absolute;top:60%;right:16%;}
.h_market .h_video_tag9 {position:absolute;top:56%;right:37%;}
.h_market .h_video_tag10 {position:absolute;top:48%;right:32%;}
.h_market .h_video_tag11 {position:absolute;top:52%;right:37.5%;}
.h_market .h_video_tag12 {position:absolute;top:43%;right:47%;}
.h_market .h_video_tag13 {position:absolute;top:42%;right:44%;}
.h_market .h_video_tag14 {position:absolute;top:45%;right:49%;}
.h_market .h_video_tag15 {position:absolute;top:43.5%;right:45.5%;}
.h_market .h_video_tag16 {position:absolute;top:59%;right:41%;}
.h_market .h_video_tag17 {position:absolute;top:66%;right:43%;}
.h_market .h_video_tag18 {position:absolute;top:59%;right:44.5%;}
.h_market .h_video_tag19 {position:absolute;bottom:22%;right:43%;}
.h_market .h_video_tag20 {position:absolute;top:48%;left:22%;}
.h_market .h_video_tag21 {position:absolute;top:55%;left:21%;}
.h_market .h_video_tag22 {position:absolute;bottom:30%;left:28.5%;}
.h_market .h_video_tag23 {position:absolute;bottom:33%;left:27.5%;}
.h_market .h_video_tag24 {position:absolute;bottom:22%;left:32%;}
.h_market .h_video_tag_sub1{position:absolute;left:26px;top:-98px;background:linear-gradient(90deg, #1AD079 0%, #2AC6F1 100%)}
.h_market .h_video_tag_sub2{position:absolute;left:26px;top:-77px;background:linear-gradient(270deg, #EC7878 0%, #CE50D0 100%);}
.h_market .h_video_tag_sub3{position:absolute;left:26px;top:-77px;background: linear-gradient(270deg, #EED178 0%, #DA8C50 100%);}
.h_market .h_video_tag_sub4{position:absolute;left:26px;top:-77px;background: linear-gradient(270deg, #A878F1 0%, #508EDA 100%);}

.h_market .h_video_tag_sub p{font-size:.13rem;}
.h_market .h_video_tag_sub h4,.h_market .h_video_tag_sub p{color:rgba(255, 255, 255, 1);}
.h_video_tag .round{width:12px;height:12px;margin:0 auto;-webkit-border-radius:50%;border-radius:50%;position:relative;}
.h_video_tag .round::before{opacity:0;content:'';position:absolute;top:50%;left:50%;margin:-100% 0 0 -100%;width:200%;height:200%;-webkit-border-radius:50%;border-radius:50%;-webkit-animation:warn 1.2s ease-out;animation:warn 1.2s ease-out;animation-iteration-count:infinite}
.h_video_tag .dian1{background:#1AD079;}
.h_video_tag .dian1::before{background:#2AC6F1}
.h_video_tag .dian2{background:#EC7878;}
.h_video_tag .dian2::before{background:#CE50D0;}
.h_video_tag .dian3{background:#DA8C50;}
.h_video_tag .dian3::before{background:#EED178}
.h_video_tag .dian4{background:#508EDA;}
.h_video_tag .dian4::before{background:#A878F1}
.h_video_tag:hover .round::after{content:'';position:absolute;bottom:5px;left:10%;width:25px;height:66px;}
.h_video_tag .dian1::after{background:url(static/images/line1.png) no-repeat;}
.h_video_tag .dian2::after{background:url(static/images/line2.png) no-repeat;}
.h_video_tag .dian3::after{background:url(static/images/line3.png) no-repeat;;}
.h_video_tag .dian4::after{background:url(static/images/line4.png) no-repeat;;}

@keyframes warn {
	0% {transform: scale(0);opacity: 0.5;}
	25% {transform: scale(0.15);opacity: 0.7;}
	50% {transform: scale(0.33);opacity: 0.8;}
	75% {transform: scale(0.66);opacity: 1;}
	100% {transform: scale(1);opacity: 0.2;}
}

@media screen and (max-width:960px) {
    .h_market .img img{width:100%;padding-top:0;}
    .h_market dl{width:100%;}
	.h_market .h_video_tag_sub{width:180px;}
	.h_market .h_video_tag1 {position:absolute;top:45%;right:23%;}
    .h_market .h_video_tag2 {position:absolute;top:42%;left:20%;}
    .h_market .h_video_tag3 {position:absolute;top:52%;right:46%;}
    .h_market .h_video_tag4 {position:absolute;top:38%;right:50%;}
}


.certificate_list{position:relative; overflow:hidden}
.certificate_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%;}
.certificate_list .swiper-slide img{width:100%;border-radius:5px;}
.certificate_list .swiper-slide{flex-shrink:0; position:relative;transform: scale(.6);padding: .5rem 0;transition: 300ms;}
.certificate_list .swiper-slide.swiper-slide-prev,.certificate_list .swiper-slide.swiper-slide-next {transform: scale(.8); }
.certificate_list .swiper-slide.swiper-slide-active{transform:scale(1);}

/* ------------------------- Service ------------------------ */
.i_service ul{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.i_service ul li{width:23.2%;position: relative;border-radius:10px;border:1px solid var(--bc_color);}
.i_service ul li img{width:20%;}
.i_service ul li h3{color: var(--i_color3);padding: 1% 5%;min-height:.8rem;}
.i_service ul li p{padding: 1% 5%;min-height:1.6rem;}
.i_service ul li .img{position:relative; overflow:hidden;border-radius:10px;}
.i_service ul li .img::before{content:"";display:block;padding-bottom:60%}
.i_service ul li .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:5px;}
.i_service li:hover .img img{width:105%; height:105%;}
@media screen and (max-width:960px) {
    .i_service ul li{width:48%;margin-bottom:2%;}
	.i_service ul li h3{min-height:.4rem;}
	.i_service ul li p{min-height:1rem;}
}
@media screen and (max-width:560px) {
	.i_service ul li h3{min-height:.6rem;}
	.i_service ul li p{min-height:1.4rem;}
}
@media screen and (max-width:360px) {
	.i_service ul li p{min-height:2rem;}
}

.i_process{background:#e8e8e8;}
.i_process .wrap{display:flex;display: -webkit-flex;gap: 0 2%;flex-wrap:wrap;}
.flip-card{width:23.5%;height:200px;perspective:1000px;cursor:pointer;}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 1s;transform-style:preserve-3d;}
.flip-card:hover .flip-card-inner{transform:rotateY(180deg);}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height: 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;}
.flip-card-front {background:#edf0f4;display:grid;place-items: center;}
.flip-card-front img{width:100px}
.flip-card-back {transform: rotateY(180deg);}
.flip-card-back img{width:100%;height: 100%;border-radius:10px}

.i_process ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap:wrap;}
.i_process ul li{width:49%;position: relative;margin-bottom:2%;}
.i_process ul li img{width:100%;height:100%;border-radius:10px}
.i_process ul li .process_desc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 22;}
.i_process ul li .process_desc img{width:50px !important;background-color: #fff}
.i_process ul li::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0, 0, 0, .2);border-radius:10px;}
.i_process ul li .process_desc h3{color:#fff;}



.i_factory ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap: wrap;}
.i_factory ul li{width:42%;margin-bottom:2%;border-radius:10px;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;}
.i_factory ul li:first-child,.i_factory ul li:last-child{width:56% !important;}
.i_factory ul li .i_tit{width:90%;height:100%;position:absolute;left:0;top:0;border-radius:10px;padding:0 5%}
.i_factory ul li .i_tit h3{z-index:10;color:#fff;}
.i_factory ul li:hover .i_tit{background:rgba(0, 0, 0, 0.6);}
.i_factory ul li img{width:100%;height:100%;border-radius:10px;}
.i_factory ul li .i_tit p{color:transparent;}
.i_factory ul li:hover .i_tit p{z-index:10;color:#fff;}
.i_factory ul li a{position:absolute;right:5%;bottom:10%;}

@media screen and (max-width: 460px) {
	.i_factory ul{display:block;}
	.i_factory ul li:first-child,.i_factory ul li:last-child{width:100% !important;}
	.i_factory ul li{width:100%;padding:26% 0;}
}




/* ------------------------- Solution ------------------------ */
.i_design ul{display: flex;display:-webkit-flex;gap: 0 2%;flex-wrap:wrap;}
.i_design ul li{width:32%;position: relative;margin-bottom:2%;border-radius:10px;}
.i_design ul li img{width:100%;height: 100%;border-radius:10px;}
.i_design ul li .design_name{font-family:'HarmonyosBold';position:absolute;bottom:5%;left:50%;transform: translateX(-50%);}
.i_design ul li:hover .design_name{display:none;}
.i_design ul li:hover::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0, 0, 0, .4);border-radius:10px;}
.i_design ul li .design_desc{display:none;width:94%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:10;}
.i_design ul li:hover .design_desc{display:block;}
.i_design ul li h3{font-family:'HarmonyosBold';color: #fff;}
.i_design ul li h3,.i_design ul li h4,.i_design ul li p{color: #fff;}
.i_design ul li .design_desc img{width:20%;}
@media screen and (max-width:960px) {
	.i_design ul li .design_name{display:none;}
	.i_design ul li::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0, 0, 0, .4);border-radius:10px;}
	.i_design ul li .design_desc{display:block;}

}


.i_solution .wrap{display:flex;display: -webkit-flex;gap: 0 5%;align-items:center;}
.i_solution .wrap:nth-child(even){flex-direction:row-reverse;}
.i_solution .left {width: 47.5%;text-align: left;}
.i_solution .left h3{color:var(--i_color3);font-family:'HarmonyosBold';}
.i_solution .img{width: 47.5%;position:relative; overflow:hidden;border-radius:10px;}
.i_solution .img::before{content:"";display:block;padding-bottom:60%}
.i_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;border-radius:5px;}
.i_solution .wrap:hover .img img{width:105%; height:105%;}

.i_choose ul{display: flex;display: -webkit-flex;gap: 0 2%;}
.i_choose ul li{width: 23.5%;background:rgba(255, 255, 255, .4);padding:5% 0;border-radius: 10px;}
.i_choose ul li img{width:20%;}

.i_case{background:#e8e8e8;}
.i_case_list{position:relative; overflow:hidden}
.i_case_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.i_case_list .swiper-slide{flex-shrink:0; position:relative;background: #fff;border-radius:18px;-webkit-transition:all .5s ease; transition:all .5s ease;}
.i_case_list .swiper-slide .img{width:100%;position:relative; overflow:hidden;border-radius:18px;}
.i_case_list .img::before{content:"";display:block;padding-bottom:60%}
.i_case_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:18px;}
.i_case_list .swiper-slide:hover .img img{width:105%; height:105%;}
.i_case_list .i_tit{padding:10% 5%;text-align: left;}
.i_case_list ul a .i_tit h4,.i_case_list ul a .i_tit h4 .roll_num{font-family:'HarmonyosBold';color: var(--i_color3);}
.i_case_list ul a .i_tit p{padding:2% 0;}
.i_case_list .img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}
.i_case_list .swiper-slide:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}

.r_more{display:flex;display: -webkit-flex;gap:0 10%;justify-content: center;}

/* -----------------------------Products---------------------------- */
.in_cate .wrap{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.in_cate .cate_tit{width:45%;}
.in_cate .video{width:50%;position:relative;overflow:hidden}
.in_cate .video:before{content:"";display:block;padding-bottom:50%}
.in_cate .video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover;border-radius:5px;}
.cate_list{position:relative; overflow:hidden;width:50%;padding-right: 10px;}
.cate_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.cate_list .swiper-slide{flex-shrink:0; position:relative;border-radius: 10px;border:1px solid #c4c4c4;padding:5% 0;}
.cate_list .swiper-slide h3,.cate_list .swiper-slide p{margin:2% 5%;}
.abc-pagination .swiper-pagination-bullet-active{background:var(--i_color)}
@media screen and (max-width:767px) {
	.in_cate .wrap{display:block;}
	.in_cate .cate_tit{width:100%;}
	.in_cate .video{width:100%;margin-top: 3%;}
}

.in_advantages{position: relative;display:flex}
.in_advantages .wrap{z-index: 22;}
.in_advantages .i_tit h2,.in_advantages .i_tit h4{color:#fff;}
.in_advantages ul{display:-webkit-flex;display:flex;gap:0 2%;text-align:center}
.in_advantages ul li{background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border-radius:var(--border_radius);padding:2% 1%;box-sizing: border-box;transition:all .5s ease;border-radius: 10px;}
.in_advantages ul li:hover{background:var(--i_color3);}
.in_advantages ul li:hover h3,.in_advantages ul li:hover p{color:#fff;}
.in_advantages ul li img{width:46px;height:46px;transition: filter 0.2s; /* 平滑过渡 */}
.in_advantages ul li:hover img{filter:brightness(100);}

.in_advantages::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}

@media screen and (max-width:1440px) {
.in_advantages ul{flex-wrap:wrap}
.in_advantages ul li{width:48.5%;margin-bottom:2%}

}
@media screen and (max-width:768px) {
.in_advantages{height:100%;}
.in_advantages ul{flex-direction: column}
.in_advantages ul li{width:auto;box-sizing: border-box;height: auto;display:flex;flex-direction: column;justify-content: center;}
}



.in_product a{display:flex;display:-webkit-flex;flex-wrap:nowrap;align-items:center;margin-bottom:9%;justify-content: space-between}
.in_product a:nth-child(even) {flex-direction: row-reverse;}
.in_product a .i_tit{width:50%;}
.in_product a .img{width:45%;position:relative;overflow:hidden;border-radius:18px;}
.in_product a img{border-radius:10px;width:100%;}
.in_product a .img::before{content:"";display:block;padding-bottom:100%}
.in_product 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_product a .img:hover img{width:105%;height:105%;}
.in_product a .i_tit h4{color:var(--i_color3);}
@media screen and (max-width:1024px) {
	.in_product a{display:block;padding: 0.5rem 0;border-bottom: 1px solid var(--border_color);margin-bottom: 0%;}
	.in_product a:first-child{padding-top: 0}
	.in_product a .i_tit{width:100%;padding-bottom:.45rem;}
	.in_product a .img{width:100%;}
}

.in_service {position: relative;}
.in_service img{width:100%;}
.in_service h2{position: absolute;left: 50%;top:30%;transform: translateX(-50%);}
.in_service ul{display:-webkit-flex;display:flex;gap:0 2%;justify-content: space-between;flex-wrap: wrap;position: absolute;left:50%;bottom: 2%;transform: translateX(-50%);}
.in_service ul li{background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border-radius:var(--border_radius);width:23.5%;padding:4% 2%;box-sizing: border-box;transition:all .5s ease;border-radius: 10px;}
.in_service ul li h3{padding:50px 0 10px;}
.in_service ul li:hover{background:var(--i_color3);}
.in_service ul li:hover h3,.in_service ul li:hover p{color:#fff;}
.in_service ul li img{width:46px;height:46px;transition: filter 0.2s; /* 平滑过渡 */}
.in_service ul li:hover img{filter:brightness(100);}

@media screen and (max-width:1024px) {
	.in_service h2{top:20%;}
	.in_service ul li{padding:3% 1%;}
	.in_service ul li h3{padding:30px 0 5px;}
}
@media screen and (max-width:960px) {
	.in_service h2,.in_service ul{position:static;transform: translateX(0);}
	.in_service ul li{width:49%;margin-bottom:2%}
}


.in_product_contact{display:flex;display:-webkit-flex;align-items: center;justify-content: space-around;}
.in_product_contact a:first-child{display:flex;display:-webkit-flex;align-items: center;justify-content: end;gap: 0 10px; width: 50%;   background: #e9eef1;padding: 2% 1% 2% 0;}
.in_product_contact a:last-child{display:flex;display:-webkit-flex;align-items: center;justify-content: start;gap: 0 10px; width: 50%;   padding:2% 0 2% 1%;}
.in_product_contact a h3{color:var(--i_color3);}
.in_product_contact a iconify-icon{color:var(--i_color3);font-size:.3rem}

/* -------------------------Details------------------------ */
.in_detail .p_detail{display:flex;display:-webkit-box;}
.p_detail .p_desc{width:50%;padding-left:5%;}
.p_detail h1{font-weight:bold;font-size:32px;line-height:50px;}

.p_share{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;gap:0 .1rem;}
.p_share p{font-size:0.18rem;font-weight:bold;}
.p_share iconify-icon{font-size:0.24rem;}
.p_share a:hover iconify-icon{color:var(--i_color3);}
.p_more{display:flex;display:-webkit-flex;gap:0 5%;}

@media screen and (max-width:1200px) {
	.p_detail h1{font-size:28px;line-height:40px;}
}

@media screen and (max-width:960px) {
	.in_detail .p_detail{display:block;}
	.p_detail .p_desc{width:100%;padding-top:5%;padding-left:0;}
	.p_detail h1{font-size:24px;line-height:30px;}
}

@media screen and (max-width:767px) {
	.p_detail h1{font-size:20px;line-height:24px;}
}

@media screen and (max-width:460px) {
	.p_detail h1{font-size:18px;line-height:20px;}
}


.in_factory_cont{--sm_pic_width:17%;position:relative;overflow:hidden;}
.in_factory_list_box{position:absolute;top:0;left:0;width:var(--sm_pic_width);height:100%;box-sizing:border-box;}
.p_thumb{width:45%;}
.p_thumbnail_list{height:100%;overflow:hidden;}
.p_thumbnail_list .swiper-slide{cursor:pointer;}
.p_thumbnail_list .img{position:relative;overflow:hidden;}
.p_thumbnail_list .img::before{content:"";display:block;padding-bottom:100%;}
.p_thumbnail_list .img img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.p_thumbnail_list .swiper-slide-thumb-active .img{border:1px solid var(--i_color3);  }
.in_factory_show_box{width:calc(100% - var(--sm_pic_width) - 20px);height:100%;box-sizing:border-box;padding:0 0;margin-left:auto;}
.p_atlas_list{width:100%;height:100%;position:relative;overflow: hidden;}
.p_atlas_list .swiper-wrapper{display:flex;position:relative;width:100%;height:100%;z-index:1;}
.p_atlas_list .swiper-slide{height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-shrink:0;position:relative;cursor:pointer;}
.p_atlas_list .img{width:100%;position:relative;overflow:hidden;}
.p_atlas_list .img img{width:100%;}

@media screen and (max-width: 960px) {
	.in_factory_list_box{display:block;}
	.in_factory_show_box{width:100%;}
	.p_thumb{width:100%;}
}

/*----------------------------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 h4{font-family:'HarmonyosBold';}
.in_case a.current{border-bottom:2px solid var(--i_color3);}
.in_case a:hover h4,.in_case a.current h4{color:var(--i_color3);}
.in_case_desc ul{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;gap:0 2%;}
.in_case_desc ul a{width:32%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);margin-bottom:2%;border-radius:18px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_case_desc ul a .img{width:100%;position:relative;overflow:hidden;border-radius: 18px;}
.in_case_desc ul a .img::before{content:"";display:block;padding-bottom:75%}
.in_case_desc ul a .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 a:hover .img img{height:105%;width:105%;}
.in_case_desc ul a .i_tit{padding:10% 5%;}
.in_case_desc ul a .i_tit h4,.in_case_desc ul a .i_tit h4 .roll_num{color: var(--i_color3);}
.in_case_desc ul a .i_tit p{padding:2% 0;}
.in_case_desc .img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}
.in_case_desc a:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}

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

/* -------------------------Case detail------------------------ */
.case_detail .wrap{display: flex;display: -webkit-flex;align-items:center}
.case_list{position:relative; overflow:hidden;margin-right: 5%;width:50%;}
.case_list .img{width: 100%;position: relative;overflow: hidden;border-radius: 10px;}
.case_list .img::before{content:""; display:block; padding-bottom:75%}
.case_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover;}

.case_detail .case_tit{width: 45%;}
.case_detail .case_tit ul {display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;align-items:center}
.case_detail .case_tit ul li{width:49%;padding:2% 0}
.case_detail .case_tit h3{color: var(--i_color);line-height: 30px;margin: 2% 0;font-family:'HarmonyosBold';}
.case_detail .case_tit p{padding-bottom: 4%;border-bottom: 1px solid #666;}
.case_detail .case_tit h4{font-family:'HarmonyosBold';}

@media screen and (max-width: 1200px) {
	.case_list{width: 65%;}
	.case_detail .case_tit{width: 35%;}
	.case_detail h1 {font-size: 0.24rem;margin: 2% 0 6%;}
	.case_detail .case_tit h4{line-height: 24px;}
}

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



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

.faq {box-sizing: border-box}
.faq dl{display: none}
.faq dl.active{display: block}
.faq dt{margin-bottom: .02rem}
.faq_q{display:flex;display:-webkit-flex;align-items:center;box-sizing:border-box;padding:.05rem 0;cursor:pointer;border-bottom: 1px solid var(--bc_color);}
.faq_q h4,.faq_q p{color:var(--i_color);font-family:'HarmonyosBold';}
.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 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M36 18L24 30L12 18'/%3E%3C/svg%3E") center no-repeat;background-size: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 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m13 30l12-12l12 12'/%3E%3C/svg%3E") center no-repeat;background-size:100% 100%}
.faq_a{display:flex;display:-webkit-flex;box-sizing:border-box;padding:1% 0;align-items:center}
.faq_aa {display: none}

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


/*----------------------------White-Paper----------------------------*/
.in_white .wrap{display:flex;display:-webkit-flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;justify-content: space-between;}
.in_white h4{padding:8px 1%;text-align:center;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_white h4{color:var(--i_color);font-size:0.18rem;font-family:'HarmonyosBold';}
.in_white h4:hover ,.in_white h4.current{border-bottom:2px solid var(--i_color3);color:var(--i_color3);}


.in_white_desc ul{display: none;}
.in_white_desc ul.active{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;gap:0 2%;}
.in_white_desc ul a{width:32%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);margin-bottom:2%;border-radius:10px;position:relative}
.in_white_desc ul a img{height:100%;width:100%;border-radius:10px;}
.in_white_desc ul a .i_tit{padding:5% 5%;display:flex;display:-webkit-flex;align-items:center;justify-content:space-between}
.in_white_desc ul iconify-icon{font-size:.2rem;color:var(--i_color3);}

@media screen and (max-width: 767px) {
	.in_white_desc ul{display:block;}
	.in_white_desc ul a{width:100%;}
}



/* ------------------------- Download ------------------------ */
.download_cat ul {display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content: space-between;border-bottom: 1px solid #bebebe;}
.download_cat ul h4{padding-bottom:1%;border-bottom: 2px solid transparent;}
.download_cat ul h4.current,.download_cat ul h4:hover{border-bottom: 2px solid var(--i_color3);color:var(--i_color3);}
.download_desc ul{display:none;}
.download_desc ul.active{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap:wrap;}
.download_desc ul a{width:23.5%;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);margin-bottom:2%;border-radius:10px;}
.download_desc ul img{width:100%;border-radius:10px;}
.download_desc ul .i_tit{padding:5% 5%;display:flex;display:-webkit-flex;align-items: center;justify-content: space-between;}
.download_desc ul iconify-icon{font-size:.2rem;color:var(--i_color3);}


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


/* ------------------------- News ------------------------ */
.news_menu .wrap{display:flex;display:-webkit-flex;gap:0 2%;border-bottom:1px solid #eaeaea;justify-content: space-between;}
.news_menu a{padding:8px 1%;text-align:center;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;}
.news_menu a h4{font-family:'HarmonyosBold';}
.news_menu a.current{border-bottom:2px solid var(--i_color3);}
.news_menu a:hover h4,.news_menu a.current h4{color:var(--i_color3);}

.in_news ul a{border:1px solid #eaeaea;margin-bottom: 2%;border-radius:18px;display:flex;display:-webkit-flex;flex-wrap:wrap;gap: 0 2%;align-items: center;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative}
.in_news ul a .i_tit{width:61%;}
.in_news ul h4{font-family:'HarmonyosBold';}
.in_news .img{position:relative;overflow:hidden;border-radius:18px;width:35%}
.in_news .img::before{content:"";display:block;padding-bottom:60%}
.in_news .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;border-radius:18px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_news a:hover .img img{width:105%;height:105%;}
.in_news .img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); z-index: 1;}
.in_news a:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}

@media screen and (max-width:767px) {
	.top_news .wrap{display:block;}
	.in_news a{width:49.5%;}
}


/* -------------------------news detail------------------------ */
.in_news_detail .wrap{text-align: center}
.in_news_detail h1{font-size: 0.4rem;color:var(--i_color);font-weight: bold;}
.in_news_detail .faburen{font-size: 0.22rem;color: var(--i_color2);margin-right: 4%;}
.date{font-size: 0.2rem;color: var(--i_color3);}
.category{font-size: 0.2rem; background-color:#f3f3f3 ; color: var(--i_color2);margin-right: 4%;padding: 5px;}
.in_news_detail ul {display: flex;display: -webkit-flex;justify-content: center;gap: 0 1%;position: relative;}
.in_news_detail ul::before, .in_news_detail ul::after {content: '';width: 40%;height: 1px;background-color: #eaeaea;position: absolute;top: 50%;}
.in_news_detail ul::before{left: 0;}
.in_news_detail ul::after {right: 0;}
.in_news_detail ul li{-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease}
.in_news_detail ul li iconify-icon{color: var(--i_color);font-size: 0.45rem;}
.in_news_detail ul li:hover {-webkit-transform: translate(0, -.08rem);transform: translate(0, -.08rem)}
.in_news_detail ul li:hover iconify-icon{color:var(--i_color2);}


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

@media screen and (max-width: 960px) {
	.in_news h1{font-size: 0.3rem}
	.in_news .faburen{font-size: 0.2rem;}
	.date , .category{font-size: 0.16rem;}
	.in_news ul li iconify-icon{font-size: 0.4rem;}
}

@media screen and (max-width: 767px) {
	.in_news h1{font-size: 0.24rem}
	.in_news .faburen{font-size: 0.18rem;}
	.in_news ul li iconify-icon{font-size: 0.3rem;}
	.in_news ul::before, .in_news ul::after {width: 38%;}
}

@media screen and (max-width: 460px) {
	.in_news h1{font-size: 0.2rem}
	.in_news .faburen{font-size: 0.16rem;}
	.date{font-size: 0.14rem;}
	.in_news ul li iconify-icon{font-size: 0.24rem;}
	.in_news ul::before, .in_news ul::after {width: 35%;}
}



/* -------------------------Contact------------------------ */
.in_contact ul{display:-webkit-flex;display:flex;flex-wrap:wrap;gap:0 2%}
.in_contact ul li{width:28%;background:#e8e8e8;border-radius:10px;padding:3% 2%;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_contact ul li iconify-icon{color:var(--i_color3);font-size:.4rem;}
.in_contact ul li h3{font-family:'HarmonyosBold';}
.in_contact ul li:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}

.contact_form dl{display:-webkit-flex;display:flex;flex-wrap:wrap;gap:0 5%;justify-content:center}
.contact_form dl p{padding:10px 20px;background:#e8e8e8;border-radius:30px;cursor:pointer}
.contact_form dl p.current {background:var(--i_color3);}
.contact_form dl p.current b,.contact_form dl p.current iconify-icon{color:#fff;}
.map iframe{border-radius:10px;height:500px;width:100%;}

.contact .wpforms-container{display:none;}
.contact .wpforms-container.active{display:block;}
#wpforms-124,#wpforms-513{--input_font_size:14px;--input_height:.36rem;margin: 0 auto}
.wpforms-container .wpforms-field-label {font-size:.16rem !important;color:var(--i_color) !important;font-weight:400 !important;}
.wpforms-container .wpforms-required-label{font-size:.16rem !important}
.wpforms-container .wpforms-field{width:100%;padding:0 0 6px !important;position:relative;}
.wpforms-container input,.wpforms-container textarea, .wpforms-container select{width:100%;max-width:100%!important;min-width:100%;font-size:var(--input_font_size);color:var(--i_color);height:var(--input_height);box-sizing:border-box;border:1px solid var(--border_color);background:#fff;padding:0 .1rem 0 .16rem;-webkit-border-radius:.05rem;border-radius:.05rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}
.wpforms-container .wpforms-field-container input:hover,.wpforms-container textarea:hover,.wpforms-container select:hover{border-color:var(--i_color3)!important}
.wpforms-container input{line-height: var(--input_height)}
.wpforms-container textarea{line-height:.22rem;min-height:1rem;padding:.06rem .16rem}
.wpforms-container .wpforms-field{width: 49%!important}
.wpforms-container .wpforms-field-textarea{width: 100%!important}
.wpforms-container input::-webkit-input-placeholder,.wpforms-container textarea::-webkit-input-placeholder,.wpforms-container input::-moz-placeholder,.wpforms-container textarea::-moz-placeholder,.wpforms-container input::-ms-input-placeholder,.wpforms-container textarea::-ms-input-placeholder{color: rgb(0 0 0 / 40%);font-size: var(--input_font_size)}
.wpforms-container .wpforms-field-container{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.wpforms-container .wpforms-submit-container{text-align:center;padding-top:3%!important;overflow:hidden;position:relative;}
.wpforms-container .wpforms-submit-container button{padding:.12rem .5rem !important;font-size:.16rem !important;color:#fff !important;cursor:pointer;border-radius:10px !important;background:var(--i_color)!important;}
.wpforms-container .wpforms-submit-container:hover button{background:var(--i_color3);}
.wpforms-container .wpforms-uploader{padding:6px 10px!important}
.wpforms-container .wpforms-field-content{width:100% !important;}
#wpforms-513-field_8-container svg{display:none}
#wpforms-513-field_8-container .dropzone-input{display:none}
@media screen and (max-width:960px) {
	#wpforms-124{padding-left:0;width:100%;}
	.in_contact .contact_form,.in_contact .contact_list{width:100%;}
	.in_contact .contact_list{padding:3% 0;}
	.map iframe{height:400px;}
}

@media screen and (max-width:460px) {
    .wpforms-container .wpforms-field{width:100%!important}
    .map iframe{height:300px;}
}


/* -------------------------Partner------------------------ */
.partner_support {overflow: hidden;position: relative;}
.partner_support_box {display: flex;height: 100%;width: 100%;}
.partner_support_li {border-radius: 16px;cursor: pointer;overflow: hidden;position: relative;margin-left: 12px;margin-right: 12px;margin-bottom: 8px;transition: flex 400ms ease;-ms-transition: flex 400ms ease;-moz-transition: flex 400ms ease;-webkit-transition: flex 400ms ease;-o-transition: flex 400ms ease;flex: 1;-ms-flex: 1;-moz-flex: 1;-webkit-flex: 1;-o-flex: 1;}
.partner_support_li>img {height: 100%;border-radius: 16px}
.partner_support_li .partner_text_wrap {position: absolute;bottom:6%;left: 5%;width: 90%;}
.partner_support_li h3 {color: #ffffff;width: 130px;font-family:'HarmonyosBold'}
.partner_support_li p{opacity: 0.7;color: #ffffff;letter-spacing: 0;margin: 20px 0 26px 0;display: none;}
.partner_support_li iconify-icon {margin-right: 8px;}
.partner_support_li.active {/* flex: 3; */-ms-flex: 2;-moz-flex: 2;-webkit-flex: 2;-o-flex: 2;}
.partner_support_li.active .partner_text_wrap {z-index: 99;}
.partner_support_li.active p{max-width: 560px;display: block;}
.partner_support_li.active h3 {width:100%;margin-bottom: 24px;}

@media screen and (max-width: 1280px) {
  .partner_support_li .partner_text_wrap {position: absolute;bottom: 60px;left: 16px;}
  .partner_support_li h3{width: calc(100% - 20px);}
  .partner_support_li.active .partner_text_wrap {left: 16px;}
  .partner_support_li.active h3 {width: 100%;}
}

@media screen and (max-width: 768px) {
  .partner_support {height: auto;}
  .partner_support_li .partner_support_Title {position: static;text-align: center;font-size: 24px;line-height: 28px;margin: 0 auto;margin-bottom: 24px;width: 278px;}
  .partner_support_box {display: block;height: auto;}
  .partner_support_li {height: 88px;width: calc(100% - 24px);box-sizing: border-box;transition: all 300ms ease;-ms-transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;}
  .partner_support_li .partner_text_wrap {position: absolute;bottom: 24px;left: 24px;margin-right: 0;}
  .partner_support_li img {width: 100%;height: auto;}
  .partner_support_li h3{width: auto;max-width: 100%;}
  .partner_support_li.active {height: auto;transition: all 300ms ease;-ms-transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;}
  .partner_support_li.active .partner_text_wrap {bottom: 24px;left: 24px;margin-right: 0;}
  .partner_support_li.active img {width: 100%;}
  .partner_support_li.active h3{width: auto;margin-bottom: 0;max-width: 100%;padding-right: 0;}
}

.becomePartner-content {border-radius:10px;background:#fff;overflow:hidden;}
.becomePartner-content .becomePartner-div {display:flex;justify-content:space-between;}
.becomePartner-content .becomePartner_item {width:20%;height:450px;position: relative;}
.becomePartner-content .becomePartner_item img{position: absolute;width: 100%;bottom: 0;}
.becomePartner-content .becomePartner_item.bg1 img {bottom: 0;}
.becomePartner-content .becomePartner_item.bg2 .bg-pc {top: 0;}
.becomePartner-content .becomePartner_item.bg3 .bg-pc {bottom: 0;}
.becomePartner-content .becomePartner_item.bg4 .bg-pc {top: 0;}
.becomePartner-content .becomePartner_item.bg5 .bg-pc {bottom: 0;}
.becomePartner-content .becomePartner_card{padding:5%;width:90%;min-height:170px;background:#fff;cursor:pointer;position:relative;overflow:hidden;transition:clip-path 0.5s;-webkit-transition: clip-path 0.5s;clip-path: inset(0 0 calc(100% - 170px) 0);}
.becomePartner-content .becomePartner_card:hover {min-height:320px;clip-path:inset(0 0 0 0);}
.becomePartner-content .becomePartner_card .img {width:45px;height:45px;}
.becomePartner-content .becomePartner_card img {width:100%;position:static;}
.becomePartner-content .becomePartner_card h3{font-family:'HarmonyosBold';margin: 8% 0;}
.becomePartner-content .becomePartner_card p{display: none;}
.becomePartner-content .becomePartner_card:hover p{display: block;}
.becomePartner-content .becomePartner_card.black h3,.becomePartner-content .becomePartner_card.black p{color: #fff;}
.becomePartner-content .becomePartner_card.black {background:#000;color:#fff;position:absolute;min-height:170px;transform:translateY(calc(100% - 170px));bottom:0;transition:transform 0.5s;-webkit-transition: transform 0.5s;clip-path: inset(0 0 0 0);}
.becomePartner-content .becomePartner_card.black:hover {transform: translateY(0);min-height: 280px;}

@media (max-width: 1280px) {
  .becomePartner-content .becomePartner_item {height:400px;}
}


.becomePartner_list{position:relative; overflow:hidden}
.becomePartner_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.becomePartner_list .swiper-slide{flex-shrink:0; position:relative;text-align:center}
.becomePartner_list .swiper-slide img{width:100%;}
.becomePartner_list .swiper-slide .becomePartner_card{text-align: center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;}
.becomePartner_list .swiper-slide .becomePartner_card .img{width:45px;}

.customersStories {position: relative;}
.customersStories h2{z-index: 1;position: absolute;left:4%;top: 10%;color: #fff;}
.video_img {display: flex;width: 100%;}
.palyImg {position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);width: 100px;height: 100px;cursor: pointer;border-radius: 50px;background: url('static/images/video.png') center no-repeat;background-size: cover;}

@media screen and (min-width: 1920px) {
  .customersStories h2{z-index: 1;position: absolute;left: 7%;top: 10%;}
}

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

@media screen and (max-width: 767px) {
  .palyImg {width: 70px;height: 70px;}

}


.ready{position: relative;text-align: center;height: 6rem;}
.ready h2{padding: 5% 0;color: var(--i_color);}

@media screen and (max-width: 1280px) {
  .ready{height: 3rem;}
}