@import "animate.min.css";@import "bootstrap.min.css";@import "public.youacacia.min.css";
/*redefine global*/
:root{
    --FEY-color-29BBEF:#29BBEF;
}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:var(--FEY-color-29BBEF)}
::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background:var(--FEY-color-29BBEF,#DA0A20);border-radius:1px}
::-webkit-scrollbar-thumb:vertical{background:var(--FEY-color-29BBEF,#DA0A20);border-radius:0;border:none}
::-webkit-scrollbar-thumb:horizontal{background:var(--FEY-color-29BBEF,#DA0A20);border-radius:0;border:none}
::-webkit-scrollbar{width:4px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:var(--FEY-color-29BBEF,#DA0A20)}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background:var(--FEY-color-29BBEF,#DA0A20);border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background:var(--FEY-color-29BBEF,#DA0A20)}
::-webkit-scrollbar-corner:vertical{background:var(--FEY-color-29BBEF,#DA0A20)}
@font-face {
    font-family: 'SourcehanSansCn';  /* Project id 2779080 */
    src: url('../fonts/SourcehanSansCn-Regular.eot'); /* IE9 */
    src: url('../fonts/SourcehanSansCn-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourcehanSansCn-Regular.woff2') format('woff2'),
    url('../fonts/SourcehanSansCn-Regular.woff') format('woff'),
    url('../fonts/SourcehanSansCn-Regular.ttf') format('truetype'),
    url('../fonts/SourcehanSansCn-Regular.svg') format('svg');
}
@font-face {
    font-family: 'iconfont';  /* Project id 3707332 */
    src: url('//at.alicdn.com/t/c/font_3707332_mgab11x2fv.eot?t=1666259674414'); /* IE9 */
    src: url('//at.alicdn.com/t/c/font_3707332_mgab11x2fv.eot?t=1666259674414#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/c/font_3707332_mgab11x2fv.woff2?t=1666259674414') format('woff2'),
    url('//at.alicdn.com/t/c/font_3707332_mgab11x2fv.woff?t=1666259674414') format('woff'),
    url('//at.alicdn.com/t/c/font_3707332_mgab11x2fv.ttf?t=1666259674414') format('truetype'),
    url('//at.alicdn.com/t/c/font_3707332_mgab11x2fv.svg?t=1666259674414#iconfont') format('svg');
}
@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow-Regular.ttf");
}
.yc-icon{ font-family:"iconfont" !important;
    font-size:var(--FEY-font-size-16);font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}
body{font-family: SourcehanSansCn}
/*header*/
#header{position: fixed;left: 0;top: 0;width: 100%;background: var(--FEY-color-white);z-index: 12;padding-left: 8.4375vw;padding-right: 5.52vw;height: 80px;display: flex;justify-content: space-between}
.header-logo{background: url(../images/logo_1.png) no-repeat left center;background-size: contain;height: 53px;margin-top: 13px;width: 13.54vw}
.header-logo a{display: block;width: 100%;height: 100%;opacity: 0}
.header-right{margin-left: 0;margin-right: 0;display: flex}
.header-nav{display: flex}
.header-nav-item{padding: 0 1.3vw;}
.header-nav-item a{display: block;position: relative;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333);line-height: 80px;}
.header-nav-item a:after{position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;background: var(--FEY-color-29BBEF);border-radius: 16px;content: '';transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-ms-transition: all ease-in .3s;-o-transition: all ease-in .3s}
.header-nav-item:hover a,.header-nav-item.active a{color: var(--FEY-color-29BBEF);font-weight: 500}
.header-nav-item:hover a:after,.header-nav-item.active a:after{width: 100%}
.header-tel{height: 80px;position: relative;margin-left: 1.3vw}
.header-tel i{background: var(--FEY-color-29BBEF);border-radius: 50%;width: 30px;height: 30px;line-height: 30px;color: var(--FEY-color-white);font-size: var(--FEY-font-size-18);text-align: center;cursor: pointer}
.header-tel-content{position: absolute;top: 86px;background: var(--FEY-color-white);padding: 10px 15px;white-space: nowrap;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,.1);display: none}
.header-tel-content:after{position: absolute;left: 50%;top: -7px;width: 0;height: 0;border-left: solid 10px transparent;border-right: solid 10px transparent;border-bottom: solid 12px var(--FEY-color-white);content: '';margin-left: -10px;}
.header-tel-content p{font-size: var(--FEY-font-size-20);color: var(--FEY-color-29BBEF);line-height: 1.6;margin-bottom: 10px;}
.header-tel-content p:last-child{margin-bottom: 0}
.header-tel-content p b{display: block;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333);font-weight: normal}
.header-tel-content p span{display: block;text-indent: calc(2*var(--FEY-font-size-16));font-weight: bold}
.header-search{width: 100px;margin-left: 8px;position: relative}
.header-search-box{position: absolute;right: 0;top: 0;height: 100%;z-index: 1;background: var(--FEY-color-white);width: 0;border-bottom: solid 2px var(--FEY-color-29BBEF);transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-o-transition: all ease-in .3s;overflow: hidden}
.header-search-submit{padding: 0;border: none;background: transparent;font-size: var(--FEY-font-size-24);color: var(--FEY-color-29BBEF);position: relative;z-index: 2}
.header-search-input{width: calc(100% - 120px);height: 100%;border: none;padding-left: 15px;outline: none;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333)}
.header-menu,.header-menu-button{position: absolute}
.header-menu-button{right: 0;top:0;width: 5.52vw;height: 80px;background: var(--FEY-color-29BBEF);cursor: pointer;z-index: 4;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s}
.header-menu-button i{font-size: var(--FEY-font-size-42);color: var(--FEY-color-white);transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s}
.header-menu-button.active i{transform: rotate(9deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg)}
.header-menu{position: fixed;left: 0;top: 0;width: 100%;background: rgba(6, 83, 150, 0.9);z-index: 3;transition: 1.5s cubic-bezier(0.77,0,0.175,1);height: 0;overflow: hidden}
.header-menu.active{height: 100%}
.Circles{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;pointer-events:none!important;z-index:0}
.Circles-circle{display:block;position:absolute;will-change:transform;transition:1.2s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(1){width:21.87vw;height:21.87vw;top:-7.26vw;left:-7.26vw}
.Circles-circle:nth-child(1) .Circles-dot{opacity:.05}
.Circles-circle:nth-child(2){width:35vw;height:35vw;top:-11.7vw;left:-11.7vw;transition:2.4s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(2) .Circles-dot{opacity:.04}
.Circles-circle:nth-child(3){width:48vw;height:48vw;top:-16vw;left:-16vw;transition:2.4s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(3) .Circles-dot{opacity:.03}
.Circles-circle:nth-child(4){width:63.4vw;height:63.4vw;top:-21.1vw;left:-21.1vw;transition:3.6s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(4) .Circles-dot{opacity:.02}
.Circles-circle:nth-child(5){width:92vw;height:92vw;top:-30.7vw;left:-30.7vw;transition:3.6s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(5) .Circles-dot{opacity:.02}
.Circles-dot{position:absolute;left:0;top:0;right:0;bottom:0}
.Circles-dot:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f2f2f2;border-radius:50%;transition:transform 1.2s cubic-bezier(.165,.84,.44,1),opacity .6s;will-change:transform}
.header-menu-logo{height: 60px;background: url(../images/logo_4.png) no-repeat center;background-size: contain;width: 100%;margin-bottom: 6vh}
.header-menu-list{display: flex}
.header-menu-item{margin-right: 3.125vw}
.header-menu-item:last-child{margin-right: 0}
.header-menu-item dt{margin-bottom: 40px;font-size: var(--FEY-font-size-16);font-weight: normal}
.header-menu-item dt a{color: var(--FEY-color-white)}
.header-menu-item dd{margin-bottom: 15px;font-size: var(--FEY-font-size-16);opacity: 0.5}
.header-menu-item dd a{color: var(--FEY-color-white);}
.header-menu-item dd:hover{opacity: 1}
.header-tel:hover .header-tel-content{display: block}
.header-search:hover .header-search-box{width: 340px;}
@media(max-width: 992px){
    #header{padding-left: 3vw}
    .header-right{display: none}
    .header-logo{width: 32vw}
    .header-menu-button{width: 80px;}
    .header-menu-button i{font-size: var(--FEY-font-size-50)}
}
@media(max-width: 760px){
    #header{height: 50px;}
    .header-logo{height: 40px;margin-top: 5px;width: 70%}
    .header-menu-button{height: 50px;width: 50px;}
    .header-menu-button i{font-size: var(--FEY-font-size-30)}
    .header-menu-logo{display: none}
    .header-menu-list{flex-direction: row;flex-wrap: wrap;padding: 0 5vw}
    .header-menu-item{width: 100%;overflow: hidden;margin-bottom: 20px;display: flex;flex-direction: row;flex-wrap: wrap}
    .header-menu-item dt{width: 100%;margin-bottom: 10px;font-size: var(--FEY-font-size-16)}
    .header-menu-item dd{margin-right: 10px;font-size: var(--FEY-font-size-14);margin-bottom: 5px}

}
/*main*/
/*.home-slide{overflow: hidden}*/
.home-title{font-size: var(--FEY-font-size-48);color: var(--FEY-color-black);font-weight:900;line-height: 1;margin-bottom: 25px;}
.home-title-en{font-family: Barlow;font-size: var(--FEY-font-size-30);color: var(--FEY-color-29BBEF);font-weight: 700;text-transform: uppercase;font-style: italic;line-height: 1}
.home-more-block{display: inline-block;border: solid 1px var(--FEY-color-29BBEF);border-radius: 50px;height: 54px;padding: 4px;position: relative;min-width: 198px;overflow: hidden}
.home-more-block>i{position: absolute;left: 1px;top:3px;display: block;line-height: 46px;text-align: center;color: var(--FEY-color-29BBEF);transition: all ease 2s;-webkit-transition: all ease 2s;-moz-transition: all ease 2s;font-size: 50px}
.home-more-block span{padding-left: 66px;line-height: 46px;font-size: 14px;color: var(--FEY-color-29BBEF);overflow: hidden;display: inline-block;transition: all ease 2s;-webkit-transition: all ease 2s;-moz-transition: all ease 2s}
.home-more-block span i{margin-left: 5px;font-size: 20px;float: right;display: block}
.home-more-block:hover>i{left: calc(100% - 50px);transform: rotate(720deg)}
.home-more-block:hover span{transform: translateX(50%);opacity: 0;visibility: hidden}
.main-pagination{right: 2.13375vw !important;}
.main-pagination .swiper-pagination-bullet{width: 15px;height: 15px;background: rgba(255,252,255,.6);border-radius: 50%;margin-bottom: 30px !important;margin-top: 0 !important;position: relative;opacity: 1;outline: none}
.main-pagination .swiper-pagination-bullet:before,.main-pagination .swiper-pagination-bullet:after{position: absolute;top: 50%;left: 50%;width: 42px;height: 42px;border-radius: 50%;border: solid 2px var(--FEY-color-white);content: '';transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);display: none}
.main-pagination .swiper-pagination-bullet:before{opacity: .6 !important}
.main-pagination .swiper-pagination-bullet:after{display: none}
.main-pagination .swiper-pagination-bullet span{position: absolute;width:42px;height: 42px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);clip: rect(0px,42px,42px,21px);}
.main-pagination .swiper-pagination-bullet span:after,.main-pagination .swiper-pagination-bullet span:before{position: absolute;width: 42px;height: 42px;border: solid 2px var(--FEY-color-white);border-radius: 50%;clip: rect(0px,21px,42px,0);content: '';z-index: 4;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-webkit-animation-duration: 0.01s;-webkit-animation-timing-function: linear}
.main-pagination .swiper-pagination-bullet span{-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-webkit-animation-duration: 0.01s;-webkit-animation-delay: 3s;-webkit-animation-timing-function: linear}
.main-pagination .swiper-pagination-bullet span:before{right: 0}
.main-pagination .swiper-pagination-bullet span:after{left: 0}
.main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{display: block}
.main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span{-webkit-animation-name: colse-wrapper;}
.main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span:before{-webkit-animation-duration: 6s;-webkit-animation-name: left-spin;}
.main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span:after{-webkit-animation-duration: 3s;-webkit-animation-name: right-spin;}
.right-menu-flex{width: 5.52vw;position: absolute;top: 80px;height: calc(100% - 80px);border-left: solid 1px rgba(255,255,255,.6);right: 0;z-index: 10;overflow: hidden}
@keyframes right-spin {from{transform: rotate(0deg)} to{transform: rotate(180deg)} }
@-webkit-keyframes  right-spin {from{transform: rotate(0deg)} to{transform: rotate(180deg)} }
@-moz-keyframes right-spin {from{transform: rotate(0deg)} to{transform: rotate(180deg)} }
@keyframes left-spin { from{transform: rotate(0deg)} to{transform: rotate(360deg)} }
@-webkit-keyframes left-spin { from{transform: rotate(0deg)} to{transform: rotate(360deg)} }
@-moz-keyframes left-spin { from{transform: rotate(0deg)} to{transform: rotate(360deg)} }
@keyframes colse-wrapper { to{clip: rect(auto,auto,auto,auto)} }
@-webkit-keyframes colse-wrapper { to{clip: rect(auto,auto,auto,auto)} }
@-moz-keyframes colse-wrapper { to{clip: rect(auto,auto,auto,auto)} }
@media(max-width: 1180px){
    .home-title{font-size: var(--FEY-font-size-26)}
    .home-title-en{font-size: var(--FEY-font-size-24)}
}
@media(max-width: 992px){
    .home-title{font-size: var(--FEY-font-size-34);margin-bottom: 10px;}
    .home-title-en{font-size: var(--FEY-font-size-26)}
    .home-more-block{max-width: 156px;height: 40px;min-width: 140px;}
    .home-more-block>i{width: 32px;height: 32px;line-height: 32px;font-size:32px}
    .home-more-block span{line-height: 32px;padding-left: 40px;}
    .right-menu-flex{width: 80px}
}
@media(max-width: 760px){
    .home-title{text-align: center;font-size: var(--FEY-font-size-24)}
    .home-title-en{font-size: var(--FEY-font-size-16);text-align: center}
    .right-menu-flex{width: 50px;display: none}
}
/*banner*/
.banner{height: 100vh}
.swiper-banner{width: 100%;height: 100%;position: relative}
.swiper-banner video{width: 100%;height: 100%;object-fit: cover}
.swiper-banner ul li img{height: 100%;object-fit: cover;width: 100%}
.banner-pagination{position: absolute;left: 0;bottom: 68px;width: 100%;z-index: 10;text-align: center;}
.banner-pagination>div{position: initial;display: inline-block;}
.banner-pagination .swiper-pagination{margin-right: 15px;width: auto !important}
.banner-pagination .swiper-pagination span{font-family: Barlow;font-size: var(--FEY-font-size-20);color: var(--FEY-color-white);opacity: 1;position: relative;margin-right: 13px;width: auto;height: auto;border-radius: 0;background: transparent;padding: 0 10px;line-height: 36px;}
.banner-pagination .swiper-pagination span:before,.banner-pagination .swiper-pagination span:after{position: absolute;top: 50%;width: 0;height: 1px;background: var(--FEY-color-white);content: '';left: 100%;}
.banner-pagination .swiper-pagination span:before{opacity: .6}
.banner-pagination .swiper-pagination span:after{width: 0;}
.banner-pagination .swiper-pagination span.swiper-pagination-bullet-active{margin-right: 80px;}
.banner-pagination .swiper-pagination span.swiper-pagination-bullet-active:before{width: 80px;}
.banner-pagination .swiper-pagination span.swiper-pagination-bullet-active:after{animation: line 5s}
.banner-prev,.banner-next{width: 30px !important;height: 30px !important;border: solid 1px var(--FEY-color-white);border-radius: 13px;display: inline-block;margin-right: 15px;color: var(--FEY-color-white);text-align: center;line-height: 28px;}
.banner-prev:after,.banner-next:after{display: none}
.banner-prev:hover,.banner-next:hover{background: rgba(255,255,255,.2);border-color: rgba(255,255,255,.2)}
.banner-mouse{position: absolute;right:2.1875vw;bottom: 78px;width: 22px;height: 35px;border-radius: 11px;border: solid 2px var(--FEY-color-white);z-index: 10;}
.banner-mouse-item{position: absolute;left: 50%;top: 7px;width: 4px;height: 7px;border-radius: 2px;background: var(--FEY-color-white);margin-left: -2px;animation: mouseSlide 2s infinite linear}
.banner-mouse:after,.banner-mouse:before{position: absolute;left: 50%;top: 38px;height: 78px;width: 2px;background: var(--FEY-color-white);content:''}
.banner-mouse:before{opacity: .7}
.banner-mouse:after{height: 0;animation: mouseHeight 3s linear infinite}
@keyframes line { from{width: 0} to{width: 80px} }
@-webkit-keyframes line { from{width: 0} to{width: 80px} }
@-moz-keyframes line { from{width: 0} to{width: 80px} }
@keyframes mouseHeight { from{height: 0} to{height: 78px} }
@-webkit-keyframes mouseHeight { from{height: 0} to{height: 78px} }
@-moz-keyframes mouseHeight { from{height: 0} to{height: 78px} }
@keyframes mouseSlide {
    from{top: 7px;}
    to{top: 19px}
}
@media(max-width: 992px){
    .banner-mouse{right: 3.4vw}
}
@media(max-width: 760px){
    .page-banner{margin-top: 50px}
    .banner-pagination{width: 100%;height: 100%;bottom: 0;position: initial}
    .banner-next,.banner-prev{position: absolute !important;}
    .banner-pagination .swiper-pagination{position: absolute !important;bottom: 3vw;width: 100% !important}
    .banner-pagination .swiper-pagination span{border: solid 1px var(--FEY-color-white);width:12px !important;height: 12px !important;border-radius: 50%;line-height: 0;padding: 0;text-indent: -40px;overflow: hidden}
    .banner-pagination .swiper-pagination span:before,.banner-pagination .swiper-pagination span:after{display: none}
    .banner-pagination .swiper-pagination span.swiper-pagination-bullet-active{margin-right: 5px;background: var(--FEY-color-white)}
}
/**/
.about{position: relative;background: url(../images/backg_1.jpg) no-repeat;background-size: cover;padding: 90px 0 95px}
.home-logo{width: 100%;height: 100px;overflow: hidden;position: relative}
.logo-block{height: 100%;background: url(../images/logo_2.png) no-repeat right  center;background-size: contain;width: 100%;position: absolute;right: 0;top: 0}
.about-box{display: flex;margin-top: 70px;}
.about-left{width: 51.04167%;}
.about-right{width: 48.95833%;padding-right: 12.3958%;padding-left: 6.04167vw;padding-top: 7vh}
.about-right .home-title,.about-right .home-title-en,.about-right .about-text,.about-right .home-more{width: 100%;}
.about-text{margin-top: 20px;font-size: var(--FEY-font-size-20);color: var(--FEY-color-black);line-height: 2;margin-bottom: 65px;}
@keyframes marginLeft { 0%{right: -100%} 100%{right: 90%} }
@media(max-width: 1180px){
    .about-right{padding-top: 0}
    .about-text{font-size: var(--FEY-font-size-14);margin-bottom: 30px;}
}
@media(max-width: 992px){
    .home-logo{height: 50px}
    .about-right{padding-right: 3vw;padding-left: 3vw}
}
@media(max-width: 760px){
    .about{padding: 50px 10px}
    .about-box{margin-top: 30px;flex-direction: row;flex-wrap: wrap}
    .about-left{width: 100%;}
    .about-right{width: 100%;padding: 0;margin-top: 30px;}
    .about-right .home-more{text-align: center}
}
/*product*/
.product{background: url(../images/backg_5.gif) no-repeat center;background-size: cover;padding: 85px 0 75px;}
.product .container{width: 100%;padding: 0 11.614vw}
.product .home-title,.product .home-title-en{color: var(--FEY-color-white)}
.product-list{display: flex;margin-top: 65px;}
.product-item{flex: 1;margin-right: 2.6vw;border: solid 4px var(--FEY-color-29BBEF);border-radius: 16px;overflow: hidden}
.product-item:last-child{margin-right: 0}
.product-img{overflow: hidden}
.product-item-block{overflow: hidden;position: relative;display: block}
.product-channel{position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;font-size: var(--FEY-font-size-34);color: var(--FEY-color-black);z-index: 5}
.product-content{position: absolute;left: 0;bottom:-100%;width: 100%;height: 100%;background: rgba(41, 187, 239, 0.8);transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-o-transition: all ease-in .3s;}
.product-title {font-size: var(--FEY-font-size-36);color: var(--FEY-color-white);margin-bottom: 10px;}
.product-text{font-size: var(--FEY-font-size-20);color: var(--FEY-color-white);line-height: 2;text-align: center}
.product-content i{width: 31px;height: 31px;background: var(--FEY-color-white);border-radius: 12px;color: var(--FEY-color-29BBEF);line-height: 30px;text-align: center;margin-top: 25px;}
.product .home-more{text-align: center;margin-top: 12.03vh}
.product .home-more-block{border-color: var(--FEY-color-white);color: var(--FEY-color-white)}
.product .home-more-block>i,.product .home-more-block span{color: var(--FEY-color-white)}
.product-item:hover .product-content{bottom: 0}
@media(max-width: 1180px){
    .product .container{padding: 0 7vw}
    .product-channel{font-size: var(--FEY-font-size-18)}
    .product-title{font-size: var(--FEY-font-size-20)}
    .product-text{font-size: var(--FEY-font-size-14)}
}
@media(max-width: 992px){
    .product .container{padding: 0 4vw}
    .product .home-more{margin-top: 6vw}
    .product-text{line-height: 1.6}
    .product-content i{margin-top: 15px;}
}
@media(max-width: 760px){
    .product{padding: 50px 0}
    .product .container{padding: 0 10px}
    .product-list{margin-top: 30px;flex-direction: row;flex-wrap: wrap}
    .product-item{width: 100%;flex: none;margin-bottom: 25px;border-width: 2px;}
    .product-channel{font-size: var(--FEY-font-size-14)}
    .product-title{font-size: var(--FEY-font-size-16)}
    .product-text{font-size: var(--FEY-font-size-12)}
    .product-content i{width: 20px;height: 20px;line-height: 20px;border-radius: 7px;}
}
/*page product*/
.page-product-banner{position: relative}
.page-product-banner-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.page-product-banner-text{margin-left: 8.4375vw;background: rgba(255,255,255,.9);border-radius: 30px;padding: 2.34375vw;max-width:45vw}
.page-product-banner-title{font-size: var(--FEY-font-size-28);color: var(--FEY-color-29BBEF);margin-bottom: 1.04167vw}
.page-product-banner-subtitle{font-size: var(--FEY-font-size-36);color: var(--FEY-color-333);margin-bottom: 0.78125vw;font-weight: bold}
.page-product-banner-summary{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);line-height: 2;margin-bottom: 1.5625vw;}
.page-product-top .container{background-image: url(../images/hr_backg_2.jpg) !important;}
.page-technical{padding: 70px 0}
.page-technical .home-title,.page-product-content .home-title{font-size: var(--FEY-font-size-34)}
.page-technical-list{display: flex;margin-top: 30px;flex-direction: row;flex-wrap: wrap;justify-content: center}
.page-technical-item{background: var(--FEY-color-white);border-radius: 5px;width: calc(20% - 30px);margin-right:37px;margin-bottom: 15px;box-shadow: 0 0 5px rgba(0,0,0,.1);display: flex;padding: 10px;}
.page-technical-item:nth-child(5n),.page-technical-item:last-child{margin-right: 0}
.page-technical-item i{width: 40px;text-align: center;font-size: var(--FEY-font-size-30);border-right: solid 1px var(--FEY-color-dedede);line-height: 1;color: var(--FEY-color-29BBEF);align-items: center;display: flex}
.page-technical-item span{width: calc(100% - 40px);font-size: var(--FEY-font-size-16);padding-left: 10px;display: flex;align-items: center;color: var(--FEY-color-black)}
.page-product-content{margin-bottom: 30px;padding-top:5vh}
.page-product-tab{margin-top: 30px;margin-bottom: 35px;}
.page-product-tab-item{ height: 38px;background: #069bd0;color: var(--FEY-color-white);border-color: #069bd0;font-size: var(--FEY-font-size-16);border-radius: 20px;display: inline-block;margin-right: 10px;text-align: center;line-height: 36px;padding: 0 15px;cursor: pointer}
.page-product-tab-item:hover,.page-product-tab-item.active{background: var(--FEY-color-29BBEF);border-color: var(--FEY-color-29BBEF);color: var(--FEY-color-white)}
.page-product-content-item{margin-bottom: 50px;}
.page-product-content-item .page-recruit-title{background: var(--FEY-color-29BBEF);margin-bottom: 0;text-align: center;padding: 10px 0;font-size: var(--FEY-font-size-24);color: var(--FEY-color-white)}
.page-product-top .page-recruit-button{margin-top: 30px;}
@media(max-width: 760px){
    .page-product-top .page-recruit-button{margin-top: 20px;}
    .page-product-banner{height: 240px}
    .page-product-banner img{height: 100%;object-fit: cover}
    .page-product-banner-text{margin: auto 2vw;padding: 10px;border-radius: 15px;max-width: 90vw}
    .page-product-banner-title{font-size: var(--FEY-font-size-14);margin-bottom: 10px;}
    .page-product-banner-subtitle{font-size: var(--FEY-font-size-16);margin-bottom: 10px}
    .page-product-banner-summary{font-size: var(--FEY-font-size-12);line-height: 1.8;margin-bottom: 15px}
    .page-technical{padding: 50px 0}
    .page-technical .home-title, .page-product-content .home-title{font-size: var(--FEY-font-size-20)}
    .page-technical-list{flex-direction: row;flex-wrap: wrap}
    .page-technical-item{width: calc(33.33% - 10px);margin-right: 15px;flex-direction: row;flex-wrap: wrap}
    .page-technical-item:nth-child(3n){margin-right: 0}
    .page-technical-item:nth-child(5n){margin-right: 15px;}
    .page-technical-item i{width: 100%;text-align: center;justify-content: center;border-right: none;line-height: 30px;}
    .page-technical-item span{width: 100%;padding-left: 0;text-align: center;justify-content: center;font-size: var(--FEY-font-size-14);display: block;margin-top: 5px;}
    .page-product-tab-item{font-size: var(--FEY-font-size-14)}
    .page-product-content-item{margin-bottom: 30px;}
    .page-service-product::-webkit-scrollbar{height: 2px;border-radius: 4px;}
    .page-product-content-item .page-recruit-title{font-size: var(--FEY-font-size-18)}
}
/*application*/
.application{background: url(../images/backg_3.jpg) no-repeat center;background-size: cover;padding: 80px 0 30px}
.application-box{margin-top: 70px;margin-bottom: 40px}
.application-img{overflow: hidden}
.application-img img{transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-o-transition: all ease-in .3s}
.application-content{position: absolute;left: 0;bottom: 0;width: 100%;height: auto;background: linear-gradient(00deg, rgba(41, 187, 239, 0.6) 0%, rgba(0, 102, 181, 0) 100%);padding: 30px 0;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s;}
.application-number{font-size: var(--FEY-font-size-48);font-weight: 700;color: var(--FEY-color-white);margin-bottom: 10px;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s;transform: translateY(80px);-webkit-transform: translateY(80px);-moz-transform: translateY(80px);opacity: 0}
.application-title{font-size: var(--FEY-font-size-24);font-weight: 500;color: var(--FEY-color-white);line-height: 2;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s;}
.application-subtitle{font-size: var(--FEY-font-size-20);color: var(--FEY-color-white);font-weight: 500;text-transform: uppercase;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s;}
.application-content .home-more{transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;-o-transition: all ease-in .5s;position: absolute;bottom: 0;left: 50%;opacity: 0;transform: translate(-50%,0)}
.application-content .home-more-block{border-color: var(--FEY-color-white)}
.application-content .home-more-block i,.application-content .home-more-block span{color: var(--FEY-color-white)}
.application .home-logo{opacity: .06}
.application-box ul li:hover .application-content{height: 100%;background: rgba(41, 187, 239, .75);}
.application-box ul li:hover .application-subtitle{margin-bottom: 7.177vw;}
.application-box ul li:hover .application-content .home-more{opacity: 1;bottom: 80px;}
.application-box ul li:hover .application-content .application-number,.application-box ul li:hover .application-content .application-title,.application-box ul li:hover .application-content .application-subtitle{transform: translateY(-30px);opacity: 1}
@media(max-width: 760px){
    .application{padding: 50px 0 30px}
    .application-box{margin-top: 30px;}
    .application-number{font-size: var(--FEY-font-size-20)}
    .application-title{font-size: var(--FEY-font-size-18)}
    .application-subtitle{font-size: var(--FEY-font-size-14)}
    .application-box ul li:hover .application-content .home-more{bottom: 40px;}
}
/*culture*/
.culture{position: relative;overflow: hidden}
.culture:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(1, 107, 185, 0.5);content: ''}
.culture-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2}
.culture-title{font-size: var(--FEY-font-size-50);color: var(--FEY-color-white);font-weight: 500;margin-bottom: 75px;}
.culture-text{text-align: center;font-size: var(--FEY-font-size-24);color: var(--FEY-color-white);line-height: 2;margin-bottom: 6.5vw}
.culture-content .home-more-block{border-color: var(--FEY-color-white)}
.culture-content .home-more-block i,.culture-content .home-more-block span{color: var(--FEY-color-white)}
@media(max-width: 1180px){
    .culture-title{font-size: var(--FEY-font-size-40);margin-bottom: 5vw}
}
@media(max-width: 760px){
    .culture-img{height: 460px;}
    .culture-img img{height: 100%;object-fit: cover;}
    .culture-title{font-size: var(--FEY-font-size-20)}
    .culture-text{font-size: var(--FEY-font-size-14)}
}
/*footer*/
#footer{background: var(--FEY-color-29BBEF);padding: 25px 0;text-align: center;color: var(--FEY-color-white);font-size: var(--FEY-font-size-14)}
#footer a{color: var(--FEY-color-white);}
#footer span{margin: auto 15px}
@media(max-width: 760px){
    #footer{padding: 10px 0;font-size: var(--FEY-font-size-12)}
}
/*page main*/
.page-main{position: relative;z-index: 2;background: var(--FEY-color-white)}
.page-main .container{width: 85vw}
.page-main .home-title{margin-bottom: 15px;}
.page-channel{background: var(--FEY-color-f2f2f2);overflow: hidden;height: 50px;}
.page-channel .page-channel-box{display: flex;justify-content:space-between;}
.page-location{margin: 0;text-align: left;line-height: 50px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333)}
.page-location a{color: var(--FEY-color-333)}
.page-location a:hover{color: var(--FEY-color-29BBEF)}
.page-location a:last-child{color: var(--FEY-color-29BBEF)}
.page-channel-list{margin: 0;display: flex}
.page-channel-item{margin-left: 2vw;}
.page-channel-item a{display: block;line-height: 50px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-black)}
.page-channel-item:hover a{color: var(--FEY-color-29BBEF)}
.page-channel-item.active a{color: var(--FEY-color-29BBEF);font-weight: bold}
.page-text{font-size: var(--FEY-font-size-14);color: var(--FEY-color-333);line-height: 2}
@media(max-width: 1180px){
    .page-main .container{width: 90vw}
}
@media(max-width: 760px){
    .page-main .container{width: 100%;padding: 0 10px}
    .page-banner-img{height: 240px}
    .page-banner-img img{height: 100%;object-fit: cover}
    .page-location{display: none}
    .page-channel-item{margin: 0;}
    .page-channel-item a{padding: 0  15px;font-size: var(--FEY-font-size-14)}
    .page-channel-item.active a{background: var(--FEY-color-29BBEF);color: var(--FEY-color-white)}
}

/*page servuce*/
.page-service{padding: 60px 0}
.page-service-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.page-service-item{width: calc(33% - 40px);background: rgba(255,255,255,.7);margin-right: 60px;margin-bottom: 40px;}
.page-service-item:nth-child(3n){margin-right: 0}
.page-service-item a{position: relative;display: block}
.page-service-item a>.page-service-img{overflow: hidden;border-radius: 10px;}
.page-service-item a>.page-service-img img{transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-ms-transition: all ease-in .3s;height: 100%;object-fit: cover;width: 100%}
.page-service-summary{margin-top: 25px;font-size: var(--FEY-font-size-14);color: var(--FEY-color-white);opacity: .6;line-height: 1.6;margin-bottom: 2vw}
.page-service-more{display: block;width: 130px;height: 40px;background: var(--FEY-color-29BBEF);border-radius: 20px;margin: auto;text-align: center;line-height: 40px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-white)}
.page-service-content{position: absolute;bottom: 10px;left: 10px;width: calc(100% - 20px);background: linear-gradient(00deg, rgba(41, 187, 239, 0.6) 0%, rgba(0, 102, 181, 0) 100%);border-radius: 10px;overflow: hidden}
.page-service-content i{font-size: var(--FEY-font-size-26);line-height: 1;color: var(--FEY-color-white)}
.page-service-title{margin: 10px auto 25px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);font-weight: 900;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s}
.page-service-item:hover .page-service-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);filter: brightness(65%)}
.page-service-item:hover .page-service-title{margin-bottom: 10px;}
.page-service-item:hover .page-service-summary-summary{transform: translateY(0);height: auto;visibility: visible;opacity: 1;margin-bottom: 20px;}
@media(max-width: 1180px){
    .page-service-item{width: calc(25% - 20px);background: rgba(255,255,255,.7);margin-right: 23px;margin-bottom: 25px;}
}
@media(max-width: 760px){
    .page-service{padding:30px 0}
    .page-service-item{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
    .page-service-item:nth-child(2n){margin-right: 0}
    .page-service-title{font-size: var(--FEY-font-size-16)}
}
/*page service details*/
.page-service-top{padding: 50px 0;border-bottom: solid 1px var(--FEY-color-dedede)}
.page-service-top:nth-child(2n){background: var(--FEY-color-f2f2f2)}
.page-service-channel{font-size: var(--FEY-font-size-24);color: var(--FEY-color-black);margin-bottom: 30px;font-weight: 900}
.page-service-text{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);line-height: 2}
.page-service-text img{max-width: 100% !important;height: auto !important}
.page-service-text table{width: 100%;border: solid 1px var(--FEY-color-dedede);}
.page-service-text table thead{position: sticky;position: -webkit-sticky;top: 80px}
/*.page-service-text table thead{position: sticky;table-layout: fixed;left: 0;z-index: 1}*/
/*.page-service-text table thead tr th{position: sticky;top: 0;z-index: 2}*/
/*.page-service-text table thead,.page-service-text table tbody tr{display: table;width: 100%;table-layout: fixed}*/
/*.page-service-text table tbody{table-layout: fixed;height: 450px;overflow-y: scroll}*/
.page-service-text table tr td{border-bottom: solid 1px var(--FEY-color-dedede);border-right: solid 1px var(--FEY-color-dedede);text-align: center;padding: 5px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333)}
.page-service-text table tr td a{color:  var(--FEY-color-29BBEF)}
.page-service-text table tr:nth-child(2n){background: var(--FEY-color-f2f2f2)}
.page-service-text table>tr:first-child,.page-service-text thead{background: var(--FEY-color-29BBEF);text-align: center;border-bottom: solid 1px var(--FEY-color-dedede)}
.page-service-text table>tr:first-child td,.page-service-text thead th{border-right: solid 1px var(--FEY-color-dedede);text-align: center;font-size: var(--FEY-font-size-18);padding: 8px 10px;color: var(--FEY-color-white);line-height: 1.5}
.page-service-text thead th{background: url(../images/filter.png) no-repeat right 2px bottom 5px;background-size: auto 12px;padding-right: 10px}
.page-service-text thead th.xlsFilteredColumn{background-color: #069bd0 !important}
@media(min-width: 1300px){
    .page-service-text img{max-width: 1100px !important}
}
@media(max-width: 760px){
    .page-service-banner{height: 170px;}
    .page-service-banner .page-banner-img{height: 100%}
    .page-service-banner img{height: 100%;object-fit: cover}
    .page-service-top{padding: 30px 0}
    .page-service-channel{font-size: var(--FEY-font-size-20)}
    .page-service-text{font-size: var(--FEY-font-size-12);overflow: hidden;}
    .page-service-product{width: 100%;overflow-x: auto}
    .page-service-text table>tr:first-child td, .page-service-text thead th{font-size: var(--FEY-font-size-14)}
    .page-service-text table tr td{font-size: var(--FEY-font-size-14);padding:10px;white-space: nowrap}
    .page-service-text thead th{background-size: auto 18px;padding-right: 28px;background-position: right 10px center}
}
/*page about*/
.page-about{padding: 70px 0;background: var(--FEY-color-white)}
.page-about-box{display: flex;margin-top: 50px;}
.page-left{width: 55%;padding-right: 1.5vw}
.page-about .page-text{font-size: var(--FEY-font-size-20);margin-top: 3vw}
.page-about-img{width: 45%}
.page-culture{background: var(--FEY-color-f2f2f2) url(../images/culture_backg.jpg);padding: 70px 0;position: relative;background-size: cover}
.page-culture:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(9, 95, 153, 0.6);content: ''}
.page-culture .container{position: relative;z-index: 2}
.page-culture .home-title{color: var(--FEY-color-white)}
.page-culture .culture-text{margin-top: 2vw}
.page-culture-box{display: flex;margin-top: 50px;flex-direction: row;flex-wrap: wrap}
.page-culture-img{width: 100%;text-align: center}
.page-culture-img img{margin: auto}
.page-culture-text{width: 100%;margin-bottom: 20px}
.page-culture-title{font-size: var(--FEY-font-size-24);color: var(--FEY-color-29BBEF);font-weight: bold;margin-top: 3vw;margin-bottom: 10px;}
.page-culture-title:first-child{margin-top: 0}
.page-culture-text .page-text{font-size: var(--FEY-font-size-16);color: var(--FEY-color-333);line-height: 2.8}
.page-about-advantage{margin-top: 50px;display: flex;flex-direction: row;flex-wrap: wrap}
/*.page-about-advantage-item{flex: 1;margin-right: 30px;background: var(--FEY-color-white);border-radius: 10px;padding: 2.6vw;display: flex;justify-content: left;align-items: center}*/
/*.page-about-advantage-item:last-child{margin-right: 0;}*/

.page-about-advantage-icon{background: url("../images/icon-bg.png") no-repeat center;width: 52px;background-size: contain;display: flex;align-items: center;height: 52px}
.page-about-advantage-icon img{width: 60%;margin: auto}
.page-about-advantage-text{width: calc(100% - 52px);padding-left: 15px;}
.page-about-advamtage-number{color: rgba(237,237,237,1);font-size:var(--FEY-font-size-50) ;line-height: 1;}
.page-about-advantage-title{margin-top: -20px;margin-bottom: 15px;font-size:var(--FEY-font-size-24);color: var(--FEY-color-333);font-weight: 800}
.page-about-advantage-summary{font-size:var(--FEY-font-size-14);color: var(--FEY-color-333);line-height: 2;min-height: calc(3 * var(--FEY-font-size-14)*2)}
/*新加*/
.page-about-advantage-item{background: var(--FEY-color-white);border-radius: 10px;padding: 1.6vw;display: flex;justify-content: left;align-items: center;width: 100%;margin-bottom: 15px;}
.page-about-advantage-item:first-child{margin-bottom: 15px;width: 49%;margin-right: 2%}
.page-about-advantage-item:nth-child(2){width: 49%;margin-bottom:15px;}
.page-advantage-img{width: 50%}
.page-advantage-text{width: 50%;padding-left: 3vw}
.page-about-advantage-item:last-child{text-align: center}
.page-about-advantage-item:last-child .page-advantage-img{width: 30%}
.page-about-advantage-item:last-child .page-advantage-text{width: 70%}
.page-advantage-time-list{display: flex;margin-top: 2vw}
.page-advantage-time-item{flex: 1;text-align: center}
.page-advantage-time-img img{max-width: 60px;margin:auto}
.page-advantage-time-item p{margin-top: 20px}
.page-advantage-time-item p,.page-advantage-summary{font-size: var(--FEY-font-size-16);color: var(--FEY-color-333)}
.page-advantage-summary{min-height: calc(2 * var(--FEY-font-size-16)*2);line-height: 2}
@media(max-width: 1180px){
    .page-about .page-text{font-size: var(--FEY-font-size-14)}
    .page-culture-title{font-size: var(--FEY-font-size-20)}
    .page-culture-text .page-text{font-size: var(--FEY-font-size-14)}
}
@media(max-width: 992px){
    .page-culture-text .page-text{line-height: 1.8}
    /*.page-about-advantage-item{display: block}*/
    .page-about-advantage-text{width: 100%;margin-top: 20px;padding-left: 0;text-align: center}
}
@media(max-width: 760px){
    .page-about{padding: 40px 0}
    .page-about-box{margin-top: 40px;flex-direction: row;flex-wrap: wrap}
    .page-left{width: 100%;padding-right: 0;margin-bottom: 30px;}
    .page-about .page-text{font-size: var(--FEY-font-size-12)}
    .page-about-img{width: 100%}
    .page-culture{padding: 40px 0}
    .page-culture-box{margin-top: 40px;flex-direction: row;flex-wrap: wrap}
    .page-culture-img{width: 100%;margin-bottom: 30px;}
    .page-culture-text{width: 100%;padding-left: 0}
    .page-culture-title{margin-bottom: 10px;margin-top: 30px;font-size: var(--FEY-font-size-18)}
    .page-culture-text .page-text{font-size: var(--FEY-font-size-12)}
    .page-about-advantage{flex-wrap: wrap;flex-direction: row;}
    .page-about-advantage-item{display: flex;width: 100%;flex: none;margin-right: 0;margin-bottom: 15px;padding: 3vw}
    .page-about-advantage-item:last-child{margin-bottom: 0}
    .page-about-advantage-text{width: calc(100% - 52px);padding-left: 15px;text-align: left;margin-top: 0}
    .page-about-advamtage-number{font-size: var(--FEY-font-size-30)}
    .page-about-advantage-title{font-size: var(--FEY-font-size-16);margin-top: -10px;margin-bottom: 10px;}
    .page-about-advantage-summary{font-size: var(--FEY-font-size-12);line-height: 1.6}
    /*add*/
    .page-advantage-img{width: 40%}
    .page-advantage-text{width: 60%}
    .page-about-advantage-item:last-child{text-align: left}
    .page-about-advantage-item:last-child .page-advantage-img{width: 40%}
    .page-about-advantage-item:last-child .page-advantage-text{width: 60%}
    .page-about-advantage-item:nth-child(2){width: 100%;margin-bottom: 15px}
    .page-about-advantage-item:first-child{width: 100%}
    .page-advantage-time-img img{width: 30px}
    .page-advantage-time-item p{margin-top: 0;}
    .page-advantage-time-item p, .page-advantage-summary{font-size: var(--FEY-font-size-12)}
    .page-advantage-summary{    min-height: calc(2 * var(--FEY-font-size-14)*1.5);line-height: 1.5}
}
/*page recruit*/
.page-recruit{margin-top: 40px;margin-bottom: 70px}
.page-recruit-top{position: relative;margin-top: 40px;}
.page-recruit-top .container{position: relative;background:var(--FEY-color-f2f2f2) url(../images/hr_backg_1.jpg) no-repeat left center;background-size: cover;padding: 5vw 3vw 5vw 35vw;}
.page-recruit-icon{position: absolute;right: 0;bottom: -74px;width: 230px;height: 130px;}
#head__outline path:nth-child(2),#head__face #mouth path:nth-child(2),#paw-left #paw-left--up g path:nth-child(2),#paw-left #paw-left--down path:nth-child(2),#laptop #paw-right #paw-right--up g path:nth-child(2),#laptop #paw-right #paw-right--down path:nth-child(2) {fill: var(--FEY-color-29BBEF)}
#head__face #eyes use{fill: #2c4c54}
#table path:nth-child(1){fill: #e1e1e1}
#paw-right--up, #paw-right--down, #paw-left--up, #paw-left--down{-webkit-animation: blink 300ms infinite;animation: blink 300ms infinite;}
#paw-right--up, #paw-left--down {-webkit-animation-delay: 150ms;animation-delay: 150ms;}
@-webkit-keyframes blink { 0% {opacity: 0;} 49% {opacity: 0;} 50% {opacity: 1;} }
@keyframes blink { 0% {opacity: 0;} 49% {opacity: 0;} 50% {opacity: 1;} }
.page-recruit-title{font-size: var(--FEY-font-size-34);color: var(--FEY-color-black);font-weight: 900;line-height: 1.2;margin-bottom: 10px;}
.page-recruit-info{margin-bottom: 15px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-29BBEF);font-weight: 700}
.page-recruit-button a{height: 38px;background: #069bd0;color: var(--FEY-color-white);border-color: #069bd0;font-size: var(--FEY-font-size-16);border-radius: 20px;display: inline-block;margin-right: 10px;text-align: center;line-height: 36px;padding: 0 15px}
.page-recruit-button a:hover,.page-recruit-button a.active{background: var(--FEY-color-29BBEF);color: var(--FEY-color-white)}
.page-recruit-button a.active:hover{}
.page-recruit-type-channel span{color: var(--FEY-color-29BBEF);margin-left: 10px;}
.page-recruit-type-channel span:after{content: "Engineers";animation: animate infinite 16s}
@keyframes animate { 0% {content: "销售工程师（芯片和半导体方向）";} 20% {content: "FAE工程师";} 40% {content: "功率半导体设计工程师";} 60% {content: "项目经理";} 80% {content: "产品经理";} 100%{content: '市场经理'}}
.page-recruit-subtitle{font-size: var(--FEY-font-size-16);color: var(--FEY-color-333);margin-bottom: calc(2*var(--FEY-font-size-16))}
.page-recruit-subtitle span{color: var(--FEY-color-29BBEF);font-weight: bold}
.page-recruit-type-list{display: flex}
.page-recruit-type-item{flex: 1;margin-right: 2vw;border: solid 1px var(--FEY-color-ddd);border-radius: 10px;padding: 30px 30px;text-align: center}
.page-recruit-type-item:last-child{margin-right: 0}
.page-recruit-type-icon{margin-bottom: 10px;}
.page-recruit-type-icon img{max-height: 58px;margin: auto;display: block}
.page-recruit-type-title{font-size: var(--FEY-font-size-20);color: var(--FEY-color-333);font-weight: 900;margin-bottom: 10px;}
.page-recruit-type-summary{font-size: var(--FEY-font-size-16);color: var(--FEY-color-666);margin-bottom: 15px;}
.page-recruit-type-more{padding: 6px 12px;background: var(--FEY-color-29BBEF);border-radius: 15px;font-size: var(--FEY-font-size-14);color: var(--FEY-color-white)}
.page-opportunity{background: #F4F5F5;padding: 70px 0 }
.page-opportunity-list{display: flex}
.page-opportunity-item{flex: 1;margin-right: 2vw}
.page-opportunity-item a{display: block;position: relative}
.page-opportunity-item:last-child{margin-right: 0}
.page-opportunity-img{width: 100%;border-radius: 10px;overflow: hidden}
.page-opportunity-img img{min-width: 100%;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s}
.page-opportunity-text{position: absolute;bottom: 10px;left: 10px;width: calc(100% - 20px);background: linear-gradient(00deg, rgba(41, 187, 239, 0.6) 0%, rgba(0, 102, 181, 0) 100%);border-radius: 10px;overflow: hidden}
.page-opportunity-text i{font-size: var(--FEY-font-size-30);line-height: 1;color: var(--FEY-color-white)}
.page-opportunity-title{margin: 10px auto 25px;font-size: var(--FEY-font-size-22);color: var(--FEY-color-white);font-weight: 900;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s}
.page-opportunity-summary{font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);margin-bottom: 15px;transform: translateY(50px);visibility: hidden;opacity: 0;height: 0;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;padding: 0 10px;line-height: 2}
.page-opportunity-item:hover .page-opportunity-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);filter: brightness(65%)}
/*.page-opportunity-item:hover .page-opportunity-title{margin-bottom: 10px;}*/
/*.page-opportunity-item:hover .page-opportunity-summary{transform: translateY(0);height: auto;visibility: visible;opacity: 1;margin-bottom: 20px;}*/
.page-opportunity-item .page-opportunity-title{margin-bottom: 10px;}
.page-opportunity-item .page-opportunity-summary{transform: translateY(0);height: auto;visibility: visible;opacity: 1;margin-bottom: 20px;min-height: calc(2*var(--FEY-font-size-18)*2)}
.page-message{padding: 70px 0}
.page-message-item{display: flex;margin-bottom: 75px;}
.page-message-item:last-child{margin-bottom: 0;direction: rtl}
.page-message-img{width: 30%;box-shadow: 0 2px 4px rgba(0,0,0,.08);position: relative}
.page-message-video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer}
.page-message-video i{width: 60px;height: 60px;background: var(--FEY-color-29BBEF);border-radius: 50%;font-size: var(--FEY-font-size-30);color: var(--FEY-color-white);transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s}
.page-message-video:hover i{width: 66px;height: 66px;}
.page-message-text{width: 70%;padding-left: 3%;direction: ltr}
.page-message-item:last-child .page-message-text{padding-left: 0;padding-right: 3%}
.page-message-text .page-text{font-size: var(--FEY-font-size-16);color: var(--FEY-color-666)}
.page-message-text .page-text b{color: var(--FEY-color-333)}
.page-welfare{padding: 70px 0;background: #f4f5f5}
.page-welfare .page-recruit-subtitle{margin-bottom: 15px}
.page-welfare .page-text{font-size: var(--FEY-font-size-14);color: var(--FEY-color-333);margin-bottom: 20px;}
.page-welfare-more{margin-bottom: 50px;}
.page-welfare-more-link{padding: 6px 12px;background: var(--FEY-color-29BBEF);border-radius: 20px;color: var(--FEY-color-white);font-size: var(--FEY-font-size-14);border:solid 1px var(--FEY-color-29BBEF)}
.page-welfare-more-link:hover{background: transparent;color: var(--FEY-color-29BBEF)}
.page-welfare-list{display: flex}
.page-welfare-item{flex: 1;margin-right: 2vw;background: var(--FEY-color-white);border-radius: 10px;padding: 15px;}
.page-welfare-item:last-child{margin-right: 0}
.page-welfare-item-block{display: flex}
.page-welfare-item-img{width: 20%}
.page-welfare-item-title{width: 70%;}
.page-welfare-item-title-name{width: 100%;text-align: left;padding-left: 10%;font-size: var(--FEY-font-size-18);color: var(--FEY-color-29BBEF);font-weight: bold}
.page-factory{padding: 70px 0}
.page-factory-text{font-size: var(--FEY-font-size-16);color: var(--FEY-color-333)}
.page-factory-text p{margin-bottom: 15px;}
.page-factory-list{display: flex;margin-top:30px;}
.page-factory-item{flex: 1;margin-right: 1vw;box-shadow: 0 0 5px rgba(0,0,0,.1);border-radius: 10px;padding: 16px;display: flex}
.page-factory-item:last-child{margin-right: 0}
.page-factory-item i{font-size: var(--FEY-font-size-24);color: var(--FEY-color-29BBEF);border-right: solid 1px #ddd;line-height: 1;padding-right: 10px;}
.page-factory-title{margin-left: 10px;font-size: var(--FEY-font-size-18);line-height: 20px;font-weight: 700;color: var(--FEY-color-666)}
.page-distribution{padding: 70px 0}
.page-distribution-list{display: flex;margin-bottom: 40px;}
.page-distribution-item{border: solid 1px var(--FEY-color-ddd);margin-right: 20px;flex: 1;border-radius: 10px;text-align: center;padding: 3vw 1vw}
.page-distribution-item i{font-size: var(--FEY-font-size-30);line-height: 1;color: var(--FEY-color-333);margin-bottom: 10px;}
.page-distribution-title{margin-top: 10px;font-size: var(--FEY-font-size-16);font-weight: bold;color: var(--FEY-color-333)}
.page-distribution-summary{margin-top: 10px;font-size: var(--FEY-font-size-14);color: var(--FEY-color-29BBEF)}
.page-distribution-summary a{color: var(--FEY-color-29BBEF)}
.page-distribution-summary a:hover{font-weight: bold}
.page-distribution-item:last-child{margin-right: 0}
.page-distribution-map{height: 500px}
@media(max-width: 1180px){
    .page-recruit-title{font-size: var(--FEY-font-size-26)}
    .page-recruit-subtitle{font-size: var(--FEY-font-size-14)}
    .page-message-text .page-text{font-size: var(--FEY-font-size-14)}
    .page-factory-title{font-size: var(--FEY-font-size-14)}
    .page-factory-text{font-size: var(--FEY-font-size-14)}
}
@media(max-width: 992px){
    .page-factory-list{flex-direction: row;flex-wrap: wrap}
    .page-factory-item{width: calc(33.33% - 15px);flex: none;margin-bottom: 20px;margin-right: 20px}
    .page-factory-item:nth-child(3n){margin-right: 0}
    .page-distribution-map{height: 300px}
}
@media(max-width: 760px){
    .page-recruit-top{margin-top: 15px;}
    .page-recruit-top .container{padding-left: 20vw;background-position: left -40vw center}
    .page-recruit{margin-bottom: 30px}
    .page-recruit-title{font-size: var(--FEY-font-size-18)}
    .page-recruit-info{font-size: var(--FEY-font-size-12)}
    .page-recruit-button a{padding: 0 10px;height: 26px;line-height: 24px;font-size: var(--FEY-font-size-14)}
    .page-recruit-button a:last-child{margin-right: 0}
    .page-recruit-icon{width: 110px;height: 55px;bottom: -40px}
    .page-recruit-subtitle{font-size: var(--FEY-font-size-12);margin-bottom: calc(2*var(--FEY-font-size-12))}
    .page-recruit-type-item{padding: 5vw 2vw }
    .page-recruit-type-icon img{max-height: 30px;}
    .page-recruit-type-title{font-size: var(--FEY-font-size-16)}
    .page-recruit-type-summary{font-size: var(--FEY-font-size-12);min-height: calc(2*var(--FEY-font-size-12)*1.5)}
    .page-recruit-type-more{padding: 5px 10px;font-size: var(--FEY-font-size-12)}
    .page-opportunity{padding: 50px 0 20px;}
    .page-opportunity-list{flex-direction: row;flex-wrap: wrap}
    .page-opportunity-item{flex: none;width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px}
    .page-opportunity-item:nth-child(2n){margin-right: 0}
    .page-opportunity-text i{font-size: var(--FEY-font-size-18)}
    .page-distribution-list{flex-direction: row;flex-wrap: wrap;margin-bottom: 20px}
    .page-distribution-item{width: calc(50% - 5px);margin-right:10px;margin-bottom: 10px;flex: none}
    .page-distribution-item:nth-child(2n){margin-right: 0;}
    .page-distribution-item:nth-child(3){width: 100%;margin-right: 0}
    .page-distribution-item:last-child{width: 100%;}
    .page-distribution-item i{font-size: var(--FEY-font-size-20)}
    .page-distribution-title{font-size: var(--FEY-font-size-14)}
    .page-distribution-summary{font-size: var(--FEY-font-size-12)}
    .page-distribution-map{height: 300px}
    .page-message{padding: 50px 0}
    .page-message-item{display: block;margin-bottom: 30px;}
    .page-message-img{width: 100%;margin-bottom: 20px;}
    .page-message-text{width: 100%;padding-left: 0}
    .page-welfare{padding: 50px 0 20px}
    .page-welfare-more-link{padding: 5px 10px;font-size: var(--FEY-font-size-12)}
    .page-welfare-list{flex-direction: row;flex-wrap: wrap}
    .page-welfare-item{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;flex: none}
    .page-welfare-item:nth-child(2n){margin-right: 0}
    .page-factory{padding: 50px 0}
    .page-factory-list{flex-direction: row;flex-wrap: wrap;}
    .page-factory-item{width: 100%;margin-right: 0;margin-bottom: 10px;padding: 10px 15px;}
    .page-distribution{padding: 50px 0}
}
/*page recruit list*/
.page-recruit-content .container{display: flex;background: var(--FEY-color-f2f2f2) url(../images/hr_backg_2.png) no-repeat left center;padding: 5vw 0;background-size: auto 130%}
.page-recruit-left-icon{width: 25%;}
.page-recruit-left-icon .page-recruit-type-icon{width: 120px}
.page-recruit-content .page-recruit-text{width:75%;padding: 0 3vw 0 3vw}
.page-recruit-info-text{color: var(--FEY-color-999);font-weight: 400;margin-top: 20px;}
.page-recruit-info-text a{color: var(--FEY-color-29BBEF);font-weight: 700}
.page-career{padding: 70px 0}
.page-career-list{display: flex;flex-wrap: wrap;flex-direction: row;margin-top: 30px;}
.page-career-item{width:calc(25% - 1.5625vw);margin-right: 2.083vw;margin-bottom: 2.083vw;cursor: pointer}
.page-career-item:nth-child(4n){margin-right: 0}
.page-career-item-block{position: relative;background: #f9f9f9;height: 20vw;max-height: 350px;transition: all ease-in .5s;-webkit-transition: all ease-in .5s;-moz-transition: all ease-in .5s;padding:2.6vw;}
.page-career-item-block:after{position: absolute;left: 50%;top: 75%;height: 2px;background: var(--FEY-color-white);content: '';width: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transition-duration: .5s;transition-duration: .5s;}
.page-career-line{position: absolute;background: var(--FEY-color-white);-o-transition-duration: .5s;transition-duration: .5s;-webkit-transition-duration: .5s;}
.page-career-line-left{width: 2px;height: 0;left: 7px;top: 100%}
.page-career-line-top{width: 0;height: 2px;left: 7px;top: 7px;}
.page-career-line-right{width: 2px;height: 0;right: 7px;top: 7px;}
.page-career-line-bottom{width: 0;height: 2px;bottom: 7px;right: 7px;}
.page-career-title,.page-career-objective,.page-career-number{position: absolute;left: 2.6vw;width: calc(100% - 5.2vw);text-align: center;-webkit-transition-duration: .5s;transition-duration: .5s;}
.page-career-title{top: 40%;font-size: var(--FEY-font-size-22);color: var(--FEY-color-black)}
.page-career-objective{top: 50%;font-size: var(--FEY-font-size-16);color: var(--FEY-color-white);opacity: 0}
.page-career-number{top: 60%;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333)}
.page-career-item:hover .page-career-item-block{background: var(--FEY-color-29BBEF)}
.page-career-item:hover .page-career-item-block:after{width: 40%}
.page-career-item:hover .page-career-line-left{top: 7px;height: calc(100% - 14px);-webkit-transition-delay:.2s;transition-delay: .2s}
.page-career-item:hover .page-career-line-top,.page-career-item:hover .page-career-line-bottom{width: calc(100% - 14px);-webkit-transition-delay:.2s;transition-delay: .2s}
.page-career-item:hover .page-career-line-right{height: calc(100% - 14px);-webkit-transition-delay:.2s;transition-delay: .2s}
.page-career-item:hover .page-career-title{top: 20%;color: var(--FEY-color-white)}
.page-career-item:hover .page-career-objective{top: 35%;opacity: 1}
.page-career-item:hover .page-career-number{top: 80%;color: var(--FEY-color-white)}
#career-content{display: none}
/*.layer-career-item{display: flex;border-bottom: solid 1px var(--FEY-color-dedede);}*/
.layer-career-info{padding: 15px 15px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333);border-bottom: solid 1px #eee}
.layer-career-info span{margin: auto 15px;color: var(--FEY-color-333);}
.layer-career-info span:first-child{margin-left: 0}
.layer-career-info span:last-child{margin-right: 0}
.layer-career-title{border-right: solid 1px var(--FEY-color-dedede);font-size: var(--FEY-font-size-22);color: var(--FEY-color-333);/*justify-content: center;align-items: center;display: flex;*/font-weight: 700}
.layer-career-list{overflow: hidden;flex: 1;display: flex;flex-direction: row;flex-wrap: wrap}
.layer-career-label{flex: 1;padding: 10px;border-right: solid 1px var(--FEY-color-dedede);font-size: var(--FEY-font-size-14);color: var(--FEY-color-666)}
.layer-career-label:last-child{border-right: none;}
.layer-career-label span{color: var(--FEY-color-29BBEF)}
.layer-career-list-item{overflow: hidden;border-bottom: solid 1px var(--FEY-color-dedede);width: 100%}
.layer-career-content .layui-layer-title{background: var(--FEY-color-29BBEF);font-size: var(--FEY-font-size-24);color: var(--FEY-color-white)}
.layer-career-list-item{width: 100%;display: flex}
.layer-career-skill,.layer-career-experience,.layer-career-accomplishment/*,.layer-career-requirement*/{width: 100%;display: flex;border-bottom: solid 1px var(--FEY-color-dedede)}
.layer-career-accomplishment{border-bottom: none}
.layer-career-subtitle{flex: 1;padding: 10px;font-size: var(--FEY-font-size-14);color: var(--FEY-color-666);border-right: solid 1px var(--FEY-color-dedede);justify-content: center;align-items: center;display: flex;max-width: calc(5*var(--FEY-font-size-14) + 20px)}
.layer-career-list .page-text{flex: 1;font-size: var(--FEY-font-size-14);color: var(--FEY-color-333);padding: 10px;line-height: 2}
.layer-career-list .page-text a{color: var(--FEY-color-29BBEF)}
.layer-career-duty,.layer-career-objectives{padding: 10px;font-size: var(--FEY-font-size-14);color: var(--FEY-color-333);line-height: 2}
.layer-office-content{padding: 2vw 0;display: flex}
.layer-office-content .layer-career-list{margin-top: 15px;}
.layer-office-content .layer-career-item{padding: 0 1.5vw}
.layer-office-content .layer-career-item:last-child{border-left: solid 1px #eee}
.layer-office-content .layer-career-title{border-right: none;}
.layer-career-contact{border-top: solid 1px #eee;padding: 2vw 15px;}
.layer-career-contact .layer-career-block{display: flex;padding-left: 20px;margin-top: 10px}
.layer-career-contact .layer-career-block:last-child{margin-top: 0}
.layer-career-contact .layer-career-block .layer-career-title{border-right: none;font-size: var(--FEY-font-size-14);font-weight: normal;padding: 0;line-height: 2}
.layer-career-contact .page-text{padding: 0 20px}
@media(max-width: 1180px){
    .page-recruit-left-icon{width: 30%}
    .page-recruit-content .page-recruit-text{width: 70%}
    .page-career-title{font-size: var(--FEY-font-size-16)}
    .page-career-objective{font-size: var(--FEY-font-size-12)}
    .page-career-number{font-size: var(--FEY-font-size-12)}
    .layer-career-content .layui-layer-title{font-size: var(--FEY-font-size-18)}
    .layer-career-title{font-size: var(--FEY-font-size-14)}
    .layer-career-label{font-size: var(--FEY-font-size-12);}
    .layer-career-duty, .layer-career-objectives{font-size: var(--FEY-font-size-12)}
    .layer-career-subtitle{font-size: var(--FEY-font-size-12)}
    .layer-career-list .page-text{font-size: var(--FEY-font-size-12)}
}
@media(max-width: 992px){
    .page-recruit-content .container{background-position: left -8vw center}
    .page-recruit-left-icon{width: 25%}
    .page-recruit-left-icon .page-recruit-type-icon img{max-height: 50px;}
    .page-recruit-content .page-recruit-text{padding-left: 15vw;width: 75%}
    .page-career-item{width: calc(33.33% - 1.5625vw)}
    .page-career-item:nth-child(4n){margin-right: 2.083vw}
    .page-career-item:nth-child(3n){margin-right: 0}
    .page-career-item-block{height: 200px;}
    .page-career-item:hover .page-career-title{top: 12%;color: var(--FEY-color-white)}
    .page-career-item:hover .page-career-objective{top:40%;opacity: 1}
    .layer-career-list-item{flex-direction: row;flex-wrap: wrap}
    .layer-career-list-item .layer-career-label{width: 100%;flex: none;border-top: solid 1px var(--FEY-color-dedede)}
    .layer-career-list-item .layer-career-label:first-child{border-top: none}
}
@media(max-width: 760px){
    .page-recruit-content .container{background-position: left -60vw center;flex-direction: row;flex-wrap: wrap;padding: 7vw 2vw 5vw}
    .page-recruit-left-icon{width: 100%}
    .page-recruit-content .page-recruit-text{width: 100%;text-align: center;padding: 0 5vw}
    .page-career{padding: 50px 0}
    .page-career .page-recruit-subtitle{display: none}
    .page-career-item{width: calc(50% - 1.5625vw);}
    .page-career-item:nth-child(2n){margin-right:0}
    .page-career-item:nth-child(3n){margin-right: 2.083vw}
    .page-career-item-block{height: 180px;padding: 5vw}
    .page-career-title, .page-career-objective, .page-career-number{width: calc(100% - 10vw);left: 5vw}
    .page-career-title{font-size: var(--FEY-font-size-14);line-height: calc(1.5*var(--FEY-font-size-14));top: 30%}
    .layer-career-content .layui-layer-title{font-size: var(--FEY-font-size-16);padding-right: 20px;padding-left: 10px;}
    .layer-career-content .layui-layer-title span{font-size: var(--FEY-font-size-12)}
    .layer-career-info{font-size: var(--FEY-font-size-12);line-height: 2}
    .layer-career-info span{display: inline-block}
    .layer-career-info span:last-child{margin-left: 0}
    .layer-office-content{display: block;padding: 15px 5px}
    .layer-office-content .layer-career-item{border-bottom: solid 1px #eee;margin-bottom: 20px;padding-bottom: 20px}
    .layer-office-content .layer-career-item:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;border-left: none}
    .layer-office-content .layer-career-list{margin-top: 5px}
    .layer-career-title{font-size: var(--FEY-font-size-12);font-weight: 700}
    .layer-career-label{width: 100%;flex: none;border-top: solid 1px var(--FEY-color-dedede)}
    .layer-career-label:first-child{border-top: none}
    .layer-career-subtitle{max-width: calc(4*var(--FEY-font-size-14) + 20px);}
    .layer-career-contact{padding-top: 15px}
    .layer-career-contact .layer-career-block .layer-career-title{ font-size: var(--FEY-font-size-12)}
}
/*page contact*/
.page-contact{background: var(--FEY-color-white)}
.page-contact .container{display: flex;justify-content: space-between;position: relative;padding: 50px 0}
.page-contact .container:after{position: absolute;left: 50%;top: 0;height: 100%;background: rgba(0,0,0,.1);width: 1px;content: ''}
.page-contact-title{font-size: var(--FEY-font-size-24);color: var(--FEY-color-29BBEF);margin-bottom: 15px;}
.page-contact-info{font-size: var(--FEY-font-size-14);color: var(--FEY-color-333)}
.page-contact-code{margin-top: 20px;max-width: 120px;margin-left: 0}
.page-contact-tel{margin-top: 10px;display: flex;font-size: var(--FEY-font-size-14);color: var(--FEY-color-333);line-height: 2}
.page-contact-tel i{font-size: var(--FEY-font-size-34);line-height:30px;color: var(--FEY-color-29BBEF);margin-right: 10px;}
.page-contact-tel b{font-size: var(--FEY-font-size-22);color: var(--FEY-color-29BBEF)}
.page-map{height: 450px;background: var(--FEY-color-f2f2f2)}
.page-map-item{width: 100%;height: 100%}
@media (max-width: 992px) {
    .page-contact-left{width: 50%}
    .page-contact-right{width: 50%;padding-left: 5%}
}
@media(max-width: 760px){
    .page-contact .container{flex-direction: row;flex-wrap: wrap;padding: 0}
    .page-contact .container:after{display: none}
    .page-contact-left{width: 100%;padding:30px 10px}
    .page-contact-right{width: 100%;border-top: solid 1px rgba(0,0,0,.1);padding: 30px 10px}
    .page-contact-title{font-size: var(--FEY-font-size-18);margin-bottom: 10px;}
    .page-contact-tel{margin-top: 15px;}
    .page-contact-tel i{font-size: var(--FEY-font-size-20)}
    .page-contact-tel b{font-size: var(--FEY-font-size-18)}
    .page-map{height: 350px}
}
/*page news*/
.page-news-container{padding: 50px 0 70px}
.page-news-one{background: #f8f8f8;margin-bottom: 60px;}
.page-news-one-block{display: flex;}
.page-news-one-block .page-news-img{width: 35.74%}
.page-news-one-block .page-news-text{width: 64.26%;padding: 0 3.6458vw}
.page-news-title{width: 100%;overflow: hidden;text-align: left;font-size: var(--FEY-font-size-24);color: var(--FEY-color-333);font-weight: 700;margin-bottom: 32px;}
.page-news-summary{font-size: var(--FEY-font-size-16);color: var(--FEY-color-999);line-height: 1.875;width: 100%;text-align: left;margin-bottom: 3.6458vw}
.page-news-time{width: 100%;text-align: left;font-size: var(--FEY-font-size-16);color: var(--FEY-color-999);line-height: 1.875;}
.page-news-time span{margin: auto 15px;}
.page-news-time i{float: right;width: 50px;height: 30px;border-radius: 50px;background: #dcdcdc;text-align: center;line-height: 30px;font-size: var(--FEY-font-size-30);color: var(--FEY-color-white)}
.page-news-one-block:hover .page-news-title{color: var(--FEY-color-29BBEF);font-weight: 700;}
.page-news-one-block:hover .page-news-time i{background: var(--FEY-color-29BBEF)}
.page-news-list{margin: auto -1.0416vw}
.page-news-item{padding: 0 1.0416vw;margin-bottom: 60px;}
.page-news-item .page-news-img{
	height: 33rem;
	overflow: hidden;
}
.page-news-item .page-news-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.page-news-item-block{display: block;overflow: hidden}
.page-news-item .page-news-text{padding: 30px 20px 35px;transition: all ease-in .3s;-webkit-transition: all ease-in .3s;-moz-transition: all ease-in .3s;-o-transition: all ease-in .3s}
.page-news-item .page-news-title{line-height: 1.5;font-size: var(--FEY-font-size-20);min-height: calc(1.5*2*var(--FEY-font-size-20))}
.page-news-item:hover .page-news-item-block{box-shadow: 0 5px 5px rgba(0,0,0,.05)}
.page-news-item:hover .page-news-text{background: var(--FEY-color-29BBEF)}
.page-news-item:hover .page-news-title,.page-news-item:hover .page-news-time{color: var(--FEY-color-white)}
.page-news-item:hover .page-news-time i{background: var(--FEY-color-white);color: var(--FEY-color-29BBEF)}
@media(max-width: 1180px){
    .page-news-title{font-size: var(--FEY-font-size-18)}
    .page-news-summary{font-size: var(--FEY-font-size-14)}
    .page-news-time{font-size: var(--FEY-font-size-12)}
    .page-news-time i{height: 24px;line-height: 24px;}
	.page-news-item .page-news-img{height: 24rem}
    .page-news-item .page-news-text{padding: 20px 15px}
}
@media(max-width: 992px){
    .page-news-one-block .page-news-title{margin-bottom: 1vw}
    .page-news-summary{margin-bottom: 2vw}
	.page-news-item .page-news-img{height: 24rem}
}
@media(max-width: 760px){
    .page-news-container{padding: 30px 0}
    .page-news-one{margin-bottom: 30px;}
    .page-news-title{font-size: var(--FEY-font-size-14)}
    .page-news-summary{font-size: var(--FEY-font-size-12);-webkit-line-clamp:1;margin-bottom: 1vw}
    .page-news-time{font-size: var(--FEY-font-size-12);text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .page-news-time span{margin: auto 10px;}
    .page-news-one .page-news-time i{display: none}
    .page-news-list{margin-bottom: 20px;}
    .page-news-item{padding: 5px 1.0416vw;margin-bottom: 10px;}
    .page-news-item-block{box-shadow: 0 0 5px rgba(0,0,0,.1)}
	.page-news-item .page-news-img{height: 12rem}
    .page-news-item .page-news-text{padding: 10px 5px;}
    .page-news-item .page-news-title{margin-bottom: 20px;font-size: var(--FEY-font-size-14);min-height: calc(1.5*2*var(--FEY-font-size-14))}
    .page-news-item .page-news-time{line-height: 16px;}
    .page-news-time i{width: 30px;height: 16px;line-height: 16px;border-radius: 10px;font-size: var(--FEY-font-size-16)}
}
/*page news details*/
.page-title{font-size: var(--FEY-font-size-40);color: var(--FEY-color-333);font-weight: 900 ;margin-bottom: 40px}
.page-info{font-size: var(--FEY-font-size-14);color: var(--FEY-color-999);border-bottom: solid 1px #E6E6E6;padding-bottom:20px;margin-bottom: 30px}
.page-info span{margin: auto 30px;}
@media(max-width: 1180px){
    .page-title{font-size: var(--FEY-font-size-24);margin-bottom: 30px;}
    .page-info{font-size: var(--FEY-font-size-12)}
}
@media(max-width: 760px){
    .page-title{font-size: var(--FEY-font-size-18);line-height: 1.5;margin-bottom: 15px;}
    .page-info{font-size: var(--FEY-font-size-12);padding-bottom: 15px;margin-bottom: 20px;}
    .page-info span{margin: auto 5px;}
}
/*page*/
.page a,.page b{box-shadow: 0 0 5px rgba(0,0,0,.2);margin: 5px;border-color: #fff;color: #777777;line-height: 36px;height: 36px;border-radius: 4px;padding: 0 12px}
.page b{background: var(--FEY-color-29BBEF);border-color: var(--FEY-color-29BBEF);color: #fff}
.page a:hover{border-color: var(--FEY-color-29BBEF);color: var(--FEY-color-29BBEF)}
@media(max-width: 760px){
    .page a,.page b{height: 28px;line-height: 28px;padding: 0 8px;}
}
/*page next*/
.page-next{margin-top: 20px;border-top: dashed 1px #ddd;padding-top: 15px;display: flex}
.page-next p{font-size: 14px;line-height: 30px;color: var(--FEY-color-999);width: 50%}
.page-next p:last-child{text-align: right}
.page-next p a{color: var(--FEY-color-black);font-weight: bold;font-size: var(--FEY-font-size-18);margin-left: 15px;}
.page-next p:hover,.page-next p:hover a{color: var(--FEY-color-29BBEF);font-weight: bold}
@media(max-width: 760px){
    .page-next p{line-height: 1.8;font-size: var(--FEY-font-size-12);padding-right: 3vw}
    .page-next p:last-child{padding-right: 0;padding-left: 3vw;}
    .page-next p a{font-size: var(--FEY-font-size-12);display: block}
    /*.page-next{display: block}*/
    /*.page-next p{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: var(--FEY-font-size-12)}*/
    /*.page-next p a{display: contents}*/
    /*.page-next p:last-child{text-align: left}*/
}

/*page search*/
.page-search-container{padding: 50px 8.33vw;margin-top: 90px}
.page-search-channel{font-size: var(--FEY-font-size-50);color: var(--FEY-color-333);margin-bottom: 100px;}
.page-search-top{margin-bottom: 80px;}
.page-search-top .header-search-block input{background: #F0F5F7}
.page-search-info{background: #0f80e0;margin-top: 30px;margin-bottom: 30px;padding: 10px;font-size: 14px;color: #fff;}
.page-search-info span {margin: auto 5px;color: red;font-weight: bold}
.page-search-item{margin-bottom: 20px;border-bottom: solid 1px #F2F2F2;padding-bottom: 20px}
.page-search-item-block{display: flex;}
.page-search-img{flex: 1;max-width:200px;border: solid 1px #f2f2f2}
.page-search-text{flex: 1;max-width: calc(100% - 200px);padding-left: 30px;}
.page-search-title{font-size:var(--FEY-font-size-16);margin-bottom: 10px;overflow: hidden;line-height: 24px;color: var(--FEY-color-333)}
.page-search-title span{background: #0057C2;border-radius: 4px;float: left;margin-right: 10px;font-size: var(--FEY-font-size-12);color: var(--FEY-color-white);padding: 0 10px}
.page-search-summary{font-size: var(--FEY-font-size-14);line-height: 2;color: var(--FEY-color-999);margin-bottom: 10px;}
.page-search-time{font-size: var(--FEY-font-size-14);color: var(--FEY-color-999)}
.page-search-item:hover .page-search-title{color: var(--FEY-color-29BBEF)}
@media(max-width: 992px){
    .page-search-top .header-search-block{width: 60vw}
}
@media(max-width: 760px){
    .page-search-container{padding: 30px 10px;margin-top: 60px;}
    .page-search-channel{font-size: var(--FEY-font-size-24);margin-bottom: 30px;}
    .page-search-top{margin-bottom: 40px;}
    .page-search-top .header-search-block{width: 100%}
    .page-search-top .header-search-block input{font-size: var(--FEY-font-size-14)}
    .page-search-top .header-search-block button{height: 46px;}
    .page-search-info{margin-top: 20px;margin-bottom: 20px;font-size: var(--FEY-font-size-12)}
    .page-search-img{max-width: 140px}
    .page-search-text{max-width: calc(100% - 140px);padding-left: 20px;}
    .page-search-title{font-size: var(--FEY-font-size-14);text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .page-search-summary{font-size: var(--FEY-font-size-12);line-height: 1.8}
    .page-search-time{font-size: var(--FEY-font-size-12)}
}
/*page service*/
.page-service-container{display: flex;margin-top: 30px;}
.page-service-two-item{width: calc(33.33% - 20px);margin-right: 20px}
.page-service-two-item:last-child{margin-right: 0}
.page-service-two-list{margin-top: 10px;display: flex;flex-direction: row;flex-wrap: wrap;}
.page-service-two-title{position: relative;font-size: var(--FEY-font-size-16);line-height: 2.2;color:var(--FEY-color-333);width: calc(50% - 10px);border: solid 1px var(--FEY-color-29BBEF);border-radius: 5px;margin-bottom: 10px;text-align: center;}
.page-service-two-title a{color:var(--FEY-color-333);}
.page-service-two-title:nth-child(2n){margin-left: 20px;}
/* .page-service-two-title:before{position: absolute;left: 0;top: 50%;width: 6px;height: 6px;background: var(--FEY-color-29BBEF);border-radius: 50%;content: "";margin-top: -3px;}
.page-service-two-item:nth-child(2n) .page-service-two-list{display: flex;flex-wrap: wrap;flex-direction: row;}
.page-service-two-item:nth-child(2n) .page-service-two-list .page-service-two-title{width: calc(50% - 10px);} */
.page-service-two-title:hover a{color: var(--FEY-color-29BBEF);font-weight: bold}
.page-service-two-img{position: relative}
.page-service-two-img a{display: block;position: relative;overflow: hidden;}
.page-service-two-img img{transition: all ease-in .5s;
-webkit-transition: all ease-in .5s;
-moz-transition: all ease-in .5s;}
.page-service-two-item:hover .page-service-two-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    filter: brightness(65%)
}
.page-service-tow-channel{position: absolute;left: 0;top: 0;background: rgba(0,0,0,.1);font-size:  var(--FEY-font-size-30);color: #fff;width: 100%;height: 100%;font-weight: bold}