body {overflow: hidden;}
*{ touch-action: pan-y;} 
body,html {}
.po-body {position: relative; overflow: auto;}
.case-panel, .about-con ,.designer-pop .pop-wrap,.about-con .about-con-wrap,.m-case{-webkit-overflow-scrolling: touch;}
.join-current .join-slick a .m-img, .p-show .show-for h3 a .m-img,.p-detail .p-d-slick a .m-img, .param-ri a .m-img {display: none;}
.footer .footer_r *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.footer .footer_r a.fwx {position: relative}
.footer .footer_r a.fwx .wx-img {position: absolute; top: -132px; left: -58px; opacity: 0;filter:alpha(opacity=0); display: none;}
.footer .footer_r a.fwx:hover .wx-img {opacity: 1.0;filter:alpha(opacity=100); display: block;}
.section,.section .slide {background-size:cover!important;}
#banner-wrap {width: 100%;}
#banner-le, #banner-ri{position: absolute; height: 100%;text-align: center; overflow:hidden;}
#banner-le { background:#000}
#banner-ri {background:#fff}
#banner-le a, #banner-ri a {display: block; width: 100%; height: 100%; cursor: default;}
#banner-le a , #banner-ri a{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}
#banner-le a {position: relative; }
#banner-ri a {position: relative;}
/*#banner-le a:hover {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter: none;}
#banner-ri a:hover {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter: none;}*/
#banner-le a h6 { position:absolute; left:0; top:0px; width:100%; height:100%;background:#000; z-index:3; opacity:1;filter:alpha(opacity=20);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#banner-ri a h6 { position:absolute; left:0; top:0px; width:100%; height:100%;background:#fff; z-index:3; opacity:1;filter:alpha(opacity=20);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
/*#banner-le a:hover h6{opacity:0.3;filter:alpha(opacity=30);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#banner-ri a:hover h6{opacity:0.3;filter:alpha(opacity=30);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}*/


#banner-le a img {position: absolute; top: 50%; height:96px; /*left: 50%; margin-left: -120px; margin-top: -60px;*/z-index: 10;}
/*
#banner-ri a img {position: absolute; top: 50%; right: 50%; margin-right: -100px; margin-top: -60px; z-index: 10;}
#banner-le { left: 0;width: 50%;}
#banner-ri {left: 50%;width: 50%;}*/
#mid-circle {width: 74px; height: 74px;background: #fff;border-radius: 100%; position: absolute; z-index: 99; top: 50%; margin-top: -37px; left: 50%; margin-left: -37px;}
.arrow-le {position: relative; display: inline-block; width: 24px; height: 24px; top: 25px; left: 4px; cursor: pointer;}
.arrow-le:after,.arrow-le:before {content: ""; width: 0; height: 0; border: 12px solid transparent;border-right-color: #262626;position: absolute;}
.arrow-le:before {left: 0px;border-right-color: #fff;z-index: 99;}
.arrow-le:after {left: -2px;}
.arrow-ri {position: relative; display: inline-block;  width: 24px; height: 24px;top: 25px; left: 18px; cursor: pointer;}
.arrow-ri:after,.arrow-ri:before {width: 0;height: 0;position: absolute; content: ""; border: 12px solid transparent; border-left-color: #262626;}
.arrow-ri:before {left: 0;border-left-color: #fff;z-index: 1;}
.arrow-ri:after {left: 2px;}
.arrow-move { background:url(../images/move.svg) center no-repeat; width:40px; height:40px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; z-index:3; cursor:move;}


.nav-hover { position:absolute; left:0px; top:40px; z-index:44; width:120px;padding:20px;min-height:140px; background:rgba(255,255,255,1);  display:none;}
.nav-hover:before {width: 0;height: 0;position: absolute; content: ""; border:12px solid transparent; border-bottom-color: #fff; top:-20px; left:10px;}
.nav-hover a{ display:block;  font-size:18px; color:#999;padding:3% 0; overflow:hidden; font-family: 'fengchuang-m';}
.nav-hover a:hover {color: #000;}
.nhshow { display:block !important;}
.open-nav .nhshow { display:none !important;}


.header {width: 100%;}
.menu {position: absolute; left: 15%; top: 55px; z-index:99991000;}
.menu .menu-icon {display: inline-block; width: 40px; height: 36px; cursor: pointer; position: relative;}
.menu span {background: #fff; display: inline-block;}
.menu .s6 {width: 40px; height: 3px; position: absolute; top: 6px; left: 0;}
.menu .s7 {width: 20px; height: 3px;position: absolute; top: 16px; }
.menu .s8 {position: absolute;right: 0; top: 15px;width: 4px; height: 4px; border-radius: 100%;}
.menu .s9 {width: 40px; height: 3px;position: absolute; top: 26px; left: 0;}
.menu .s10 {width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 16px; left: 18px; opacity: 0;filter:alpha(opacity=0); }

.open-nav .menu span {background: #4aad45;} 
.open-nav .menu .s8 {width: 18px; right: 0; top: 27px; height: 3px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);border-radius: 0;}
.open-nav .menu .s7 {width: 18px;transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 6px; right: 0px;}
.open-nav .menu .s6 {width: 18px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 6px; left: 0px;}
.open-nav .menu .s9 {width: 18px; transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 27px; left: 0px;}
.open-nav .menu .s10 {opacity: 1.0;filter:alpha(opacity=100); }
.menu *{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;}

.search {position: absolute; right: 15%;top: 50px; z-index:999999;}
.search .search-btn {display: inline-block; background: url(../images/search.svg) no-repeat center; width: 32px; height: 32px;}



.footer {width: 100%; height: 20px; position: absolute; left: 0; bottom: 34px; z-index: 999;}
.footer .footer_l {float: left; margin-left: 15%; color: #75787e;line-height: 20px; font-size: 12px;}
.footer .footer_l a { color: #7b7b7b; line-height: 20px;font-size: 12px; margin-left: 4px; display: inline-block;}
.footer .footer_l a:hover {color: #fff;}
.footer .footer_r {float: right; margin-right: 15%;}
.footer .footer_r span {float: left; color: #75787e; line-height: 20px;font-size: 12px; }
.footer .footer_r .icon {float: left;  display: inline-block; margin-left: 12px; height: 20px;}
.footer .footer_r a {display: inline-block; margin:0 7px; width: 20px; height: 20px;}
.footer .footer_r a:last-child {margin-right: 0;}
.footer .footer_r a.fqq {background: url(../dome/linkedin-in.svg) no-repeat center; filter: grayscale(0%) brightness(0%) contrast(0%);}
.footer .footer_r a.fwx {background: url(../dome/wc.svg) no-repeat center;}
.footer .footer_r a.fwb {background: url(../dome/WhatsApp.svg) no-repeat center; filter: grayscale(0%) brightness(0%) contrast(0%);}
.footer .footer_r a.fwb1{background: url(../dome/youtube.svg) no-repeat center; filter: grayscale(0%) brightness(0%) contrast(0%);}
.footer .footer_r a.fqq:hover {background: url(../dome/linkedin-in.svg) no-repeat center; filter: brightness(0) invert(1);}
.footer .footer_r a.fwx:hover {background: url(../dome/wc-h.svg) no-repeat center;}
.footer .footer_r a.fwb:hover {background: url(../dome/WhatsApp.svg) no-repeat center; filter: brightness(0) invert(1);}
.footer .footer_r a.fwb1:hover{background: url(../dome/youtube.svg) no-repeat center; filter: brightness(0) invert(1);}
/*导航栏*/
#aside-nav {width: 100%; position: absolute; left: -110%; z-index: 99991000; transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.open-nav #aside-nav {left: 0; -webkit-transform: translateX(0); }
.nav-m {float: left; height: 100%;}
.nav-m {position: absolute; left: 15%; top: 55px; width: 36px; height: 36px;cursor: pointer;}
.nav-m *{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
			
.nav-header {width: 100%;}
.nav-logo {position: absolute; top: 48px; right: 15%;}
.nav-logo .nav-logo-g {display: inline-block; }
.nav-list {margin-left: 15%; padding-top:100px;}
.nav-list ul {width: 200px; display: inline-block; margin-top: 20px;}
.nav-list li {width: 100%;}
.nav-list li a {position: relative; display: block;overflow: hidden;width: 100%; height: 72px;}
.nav-list li a span {width: 200px;  display: inline-block;color: #aaa;line-height: 72px;text-align: left;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.nav-list li a .e-span{position: absolute;left: 0;top: 0; font-family: sbsc;font-size: 64px;color: #8d8d8d;}
.nav-list li a .c-span{position: absolute;left: 200px;top: 0; color: #fff; font-family: "微软雅黑";font-size: 30px;}
.nav-list li a:hover .e-span{left: -200px;}
.nav-list li a:hover .c-span{left: 0;}


.nav-other-wrap {margin-left: 15%;}
.nav-other-wrap .nav-search {width: 400px; height: 40px; position: relative;}
.nav-other-wrap .nav-input {width: 100%; background: transparent;color: #8d8d8d; padding-left: 5px; font-size: 16px; border-bottom: 1px solid #3d3d3d; height: 40px; line-height: 40px; outline: none;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.nav-other-wrap .nav-search .nav-search-icon {position: absolute;  top: 0; right: 2px; background: url(../dome/nav-search.svg) no-repeat right center; background-size: 60%; display: inline-block; width: 40px; height: 40px;}
.nav-other-wrap .nav-input:focus {border-color: #666;}
.nav-other-wrap .nav-search .nav-search-icon:hover {background: url(../dome/nav-search-h.svg) no-repeat right center; background-size: 60%;}
.nav-lanuage {height: 20px; margin-top: 24px;}
.nav-lanuage a{display: inline-block; font-size: 16px; color: #666666;line-height: 20px;}
.nav-lanuage span {display: inline-block; font-size: 16px; line-height: 20px; margin: 0 10px; color: #666666;}
.nav-lanuage a.en {}
.nav-lanuage a.cn {}
.nav-lanuage a:hover {color: #fff;}
.shop {margin-top: 30px; overflow: hidden;}
.shop .shop-link {display: inline-block; border: 1px solid #3d3d3d; font-family: "微软雅黑"; font-size: 14px; color: #666; padding-left: 24px;width: 154px; height: 42px; line-height: 42px; letter-spacing: 2px;}
.shop .shop-link,.sc-down * ,.sc-up  *{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;}
.shop .shop-link:hover {color: #fff; background:#4aad45;}
.shop .shop-link:hover i{color: #fff;}
.shop .shop-link i {display: inline-block; font-style: normal;font-family: "宋体"; font-size: 14px; color: #666; padding-left: 26px; height: 40px;}
.nav-list ul .li1, 
.nav-list ul .li2, 
.nav-list ul .li3,
.nav-list ul .li4,
.nav-list ul .li5,
.nav-list ul .li6,
.nav-other-wrap .nav-search-wrap,.nav-lanuage,.shop{opacity: 0; filter:alpha(opacity=0); } 
.open-nav .nav-list ul .li1,
.open-nav .nav-list ul .li2, 
.open-nav .nav-list ul .li3,
.open-nav .nav-list ul .li4,
.open-nav .nav-list ul .li5, 
.open-nav .nav-list ul .li6
{opacity: 1.0;filter:alpha(opacity=100);  -moz-transition-delay: 1s;-webkit-transition-delay: 1s; -o-transition-delay: 1s;transition-delay: 1s;} 
.open-nav .nav-other-wrap .nav-search-wrap,.open-nav .nav-lanuage, .open-nav .shop {opacity: 1.0;filter:alpha(opacity=100);  -moz-transition-delay: 1.4s;-webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s;transition-delay: 1.4s;}
.open-nav .nav-list ul .li1 { -webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.15s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.15s;}
.open-nav .nav-list ul .li2{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.3s;}
.open-nav .nav-list ul .li3{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.45s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.45s;}
.open-nav .nav-list ul .li4{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.6s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.6s;}
.open-nav .nav-list ul .li5{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.75s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.75s;}
.open-nav .nav-list ul .li6{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.9s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 0.9s;}
.open-nav .nav-other-wrap .nav-search-wrap {-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 1.05s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.05s;}
.open-nav .nav-lanuage{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 1.2s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.2s;}
.open-nav .shop{-webkit-animation-name:fadeInLeft; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 1.35s; 
-moz-animation-name:fadeInLeft; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-delay: 1.35s;}

.sc-down {width: 100px;position: absolute;bottom: 130px; left: 50%; margin-left: -50px; text-align: center; cursor: pointer;z-index: 999;-webkit-animation: pulse1 2s infinite; animation: pulse1 2s infinite;}
.sc-down .sc-line {display: block; margin: 0 auto; width: 1px; height: 64px; background: #686868;}
.sc-down .down-txt {display: block; font-family: sbli; font-size: 15px; line-height: 30px; margin-top: 10px; color: #686868; text-transform: uppercase;}
.sc-down:hover .sc-line{background: #4aad45; height: 90px;}
.sc-down:hover .down-txt{color: #4aad45;}

/*more-svg*/
.section-title-ri .more-svg {width: 160px; margin-top: 20px; display: inline-block;}
.section-title-le .more-svg {width: 160px; margin-top: 20px;}
.section-title-mid .more-svg {width: 176px; margin: 20px auto 0;}
.Vbtn-1 {background: 0 0;text-align: center;}
.set_1_btn {color: #fff;font-size: 16px;font-weight: 400;line-height: 45px;text-align: center; width: 160px; position: relative;text-transform: uppercase;vertical-align: middle;}
.Vbtn-1 svg {height: 45px;left: 0;position: absolute;top: 0;width: 100%;}
.Vbtn-1 rect { stroke-width: 5; stroke: #4aad45;stroke-dasharray: 15,350;stroke-dashoffset: -72; -webkit-transition: all 1.35s cubic-bezier(.19,1,.22,1);transition: all 1.35s cubic-bezier(.19,1,.22,1);}
.garcia-index a:hover .Vbtn-1 rect {fill: none;stroke: #4aad45;stroke-width: 3;stroke-dasharray: 422, 0;transition: all 450ms linear 0s;}
.garcia-index a:hover .Vbtn-1{ background: transparent;color: #fff;  transition: all 150ms linear 0s;}
.emil-index a .Vbtn-1 rect {stroke: #fff;}
.emil-index a:hover .Vbtn-1 rect {fill: none;stroke: #fff;stroke-width: 3;stroke-dasharray: 422, 0;transition: all 450ms linear 0s;}
.emil-index a:hover .Vbtn-1{ background: transparent;color: #fff;  transition: all 150ms linear 0s;}

.garcia-index .section-title-ri a .Vbtn-1 rect, .garcia-index .section-title-le a .Vbtn-1 rect {fill: none;stroke: #4aad45;stroke-width: 3;stroke-dasharray: 422, 0;}
.garcia-index .section-title-ri a:hover .Vbtn-1 rect, .garcia-index .section-title-le a:hover .Vbtn-1 rect {stroke-width: 5; stroke: #4aad45;stroke-dasharray: 15,350;stroke-dashoffset: -72;transition: all 450ms linear 0s;}
.garcia-index .section-title-ri .set_1_btn {margin-left: -12px;transition: all 450ms linear 0s;}
.emil-index .section-title-le a .Vbtn-1 rect {fill: none;stroke: #fff;stroke-width: 3;stroke-dasharray: 422, 0;}
.emil-index .section-title-le a:hover .Vbtn-1 rect {stroke-width: 5; stroke: #fff;stroke-dasharray: 15,350;stroke-dashoffset: -72;transition: all 450ms linear 0s;}

.garcia-logo {position: absolute; right: 15%; top: 48px; width: 154px; height: 44px;z-index: 999;}
.emil-logo {width: 156px; height: 68px;top: 36px; }
.garcia-logo a {display: block; height: 100%;}
.garcia-logo a img {max-height: 100%; width: 100%;}
.section-title-ri {padding-right: 15%; width: 50%; float: right;}
.section-title-le {padding-left: 15%; text-align: left; width: 50%; float: left;}
.section-title-mid a, .section-title-ri a, .section-title-le a {display: block; width: 100%; height: 100%;}
.section-title-mid h2, .section-title-ri h2, .section-title-le h2 {font-size: 162px; font-family: sbsc; color: #4aad45; line-height: 130px;}



/* 通用品牌容器 */
#banner-le{display:block !important;position:relative !important}
#banner-le img{display:block !important;visibility:visible !important;opacity:1 !important;position:relative !important;z-index:9999 !important}
.brand-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:46px;z-index:9999 !important;min-width:150px}
.wellington-container,.fontrend-container{display:flex;align-items:center;gap:15px}
.wellington-logo{width:318px;height:auto;filter:drop-shadow(0 0 3px #ff3333) drop-shadow(0 0 6px #ff6666);transition:all 0.3s ease}
.fontrend-logo{ height:96px; height:auto;filter:drop-shadow(0 0 0px #33ff99) drop-shadow(0 0 3px #66ffaa);transition:all 0.3s ease}
.wellington-logo:hover{transform:scale(1.1);cursor:pointer;filter:drop-shadow(0 0 6px #ff3333) drop-shadow(0 0 12px #ff6666)}
.fontrend-logo:hover{transform:scale(1.1);cursor:pointer;filter:drop-shadow(0 0 6px #33ff99) drop-shadow(0 0 12px #66ffaa)}
.wellington-btn{padding:10px 20px;background:transparent;border:2px solid #fefefe;color:#ffffff;font-size:14px;border-radius:50px;cursor:pointer;text-shadow:0 0 6px rgba(15,3,6,0.8);box-shadow:inset 0 0 10px rgba(142,103,64,0.9);transition:all 0.3s ease;display:flex;align-items:center;gap:10px;text-decoration:none}
.wellington-btn::before{content:"◎";font-size:12px}
.wellington-btn::after{content:"→";font-size:16px}
.wellington-btn:hover{background-color:rgba(255,51,51,0.2);box-shadow:0 0 15px #ff3333,inset 0 0 12px rgba(255,51,51,0.3)}
.fontrend-btn{padding:10px 20px;background:transparent;border:2px solid #fefefe;color:#ffffff;font-size:14px;border-radius:50px;cursor:pointer;text-shadow:0 0 8px rgba(51,255,153,0.8);box-shadow:inset 0 0 10px rgba(51,255,153,0.8);transition:all 0.3s ease;display:flex;align-items:center;gap:10px;text-decoration:none}
.fontrend-btn::before{content:"◎";font-size:12px}
.fontrend-btn::after{content:"→";font-size:16px}
.fontrend-btn:hover{background-color:rgba(51,255,153,0.2);box-shadow:0 0 15px #33ff99,inset 0 0 12px rgba(51,255,153,0.3)}

@media (max-width:768px){.wellington-logo{width:90px !important}
.fontrend-logo{width:140px !important}
.wellington-btn,.fontrend-btn{padding:6px 16px !important;font-size:12px !important;border-width:1px !important}
.brand-section{gap:12px}

}