@import "animate.min.css";@import "bootstrap.min.css";@import "public.youacacia.min.css";@import "swiper-bundle.min.css";
@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,700&display=swap");
/*redefine global*/
:root{
    --FEY-bg-color:#001F48;
    --FEY-bg-color-blue: #0057C2;
    --FEY-bg-color-4BAB:#004BA8 ;
    --FEY-bg-color-white:#fff;
    --FEY-text-color-white:#fff ;
    --FEY-text-color-blouk:#000;
    --FEY-text-color-grey:#666;
    --FEY-text-color-999:#999;
    --FEY-text-color-333:#333;
    --FEY-hover-color:#0057C2;
    --FEY-font-size-36:36px;
    --FEY-font-size-30:30px;
    --FEY-font-size-24:24px;
    --FEY-font-size-20:20px;
    --FEY-font-size-18:18px;
    --FEY-font-size-16:16px;
    --FEY-font-size-14:14px;
    --FEY-font-size-12:12px;
    --transition-time:all .3s ease-in-out;
    --hover-img-scle:scale(1.15);
    --translate-auto:translateY(-50%) translateX(-50%);
    --duration: .8s;
    --ease: cubic-bezier(.7, 0, .3, 1);
}
@media (max-width: 1600px) {
    :root{
        --FEY-font-size-36:1.8675vw;
        --FEY-font-size-30:1.55625vw;
        --FEY-font-size-24:1.245vw;
        --FEY-font-size-20:1.0375vw;
        --FEY-font-size-18:.93375vw;
        --FEY-font-size-16:1vw;
        --FEY-font-size-14:0.875vw;
        --FEY-font-size-12:0.75vw;
    }
}
@media(max-width: 1400px){
    :root{
        --FEY-font-size-36:1.87714vw;
        --FEY-font-size-30:1.56428vw;
        --FEY-font-size-24:1.251428vw;
        --FEY-font-size-20:1.04285vw;
        --FEY-font-size-18:0.9385vw;
        --FEY-font-size-16:1.1428vw;
        --FEY-font-size-14:0.875vw;
        --FEY-font-size-12:0.75vw;
    }
}
@media(max-width: 992px) and (min-width: 768px){
    :root{
        --FEY-font-size-36:3.1707vw;
        --FEY-font-size-30:2.439vw;
        --FEY-font-size-24:2.195vw;
        --FEY-font-size-20:1.95vw;
        --FEY-font-size-18:1.829vw;
        --FEY-font-size-16:1.707vw;
        --FEY-font-size-14:1.5853vw;
        --FEY-font-size-12:1.4634vw;
    }
}
@media(max-width: 760px){
    :root{
        --FEY-font-size-24:5.797vw;
        --FEY-font-size-20:4.83vw;
        --FEY-font-size-18:4.34vw;
        --FEY-font-size-16:3.864vw;
        --FEY-font-size-14:3.3816vw;
        --FEY-font-size-12:2.8986vw;
    }
}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:var(--FEY-bg-color)}
::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background:var(--FEY-bg-color,#001F48);border-radius:1px}
::-webkit-scrollbar-thumb:vertical{background:var(--FEY-bg-color,#001F48);border-radius:0;border:none}
::-webkit-scrollbar-thumb:horizontal{background:var(--FEY-bg-color,#001F48);border-radius:0;border:none}
::-webkit-scrollbar{width:4px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:var(--FEY-bg-color,#001F48)}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background:var(--FEY-bg-color,#001F48);border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background:var(--FEY-bg-color,#001F48)}
::-webkit-scrollbar-corner:vertical{background:var(--FEY-bg-color,#001F48)}
/*::-webkit-scrollbar-resizer:vertical{background:var(--FEY-bg-color,#001F48)}*/
/*@font-face {*/
/*    font-family: akrobatblack;*/
/*    src: url("../fonts/akrobat-black-webfont.woff2");*/
/*}*/
@font-face {
    font-family: 'SourceHanSansHWTC';
    src: url("../fonts/SourceHanSansHWTC-Regular.otf");
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family:OswaldBold;
    src: url("../fonts/Oswald-Medium.ttf");
}
@font-face {
    font-family: Oswald;
    src: url("../fonts/Oswald-Regular.ttf");
}

@font-face {
    font-family: 'SourcehanSansCn';  /* Project id 2779080 */
    src: url('../fonts/SourcehanSansCn-Regular.eot?t=1632557895843'); /* IE9 */
    src: url('../fonts/SourcehanSansCn-Regular.eot?t=1632557895843#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourcehanSansCn-Regular.woff2?t=1632557895843') format('woff2'),
    url('../fonts/SourcehanSansCn-Regular.woff?t=1632557895843') format('woff'),
    url('../fonts/SourcehanSansCn-Regular.ttf?t=1632557895843') format('truetype'),
    url('../fonts/SourcehanSansCn-Regular.svg?t=1632557895843#iconfont') format('svg');
}
@font-face {
    font-family: 'iconfont';  /* Project id 2779080 */
    src: url('//at.alicdn.com/t/font_2779080_yjpwu3zpac.eot?t=1632557895843'); /* IE9 */
    src: url('//at.alicdn.com/t/font_2779080_yjpwu3zpac.eot?t=1632557895843#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_2779080_yjpwu3zpac.woff2?t=1632557895843') format('woff2'),
    url('//at.alicdn.com/t/font_2779080_yjpwu3zpac.woff?t=1632557895843') format('woff'),
    url('//at.alicdn.com/t/font_2779080_yjpwu3zpac.ttf?t=1632557895843') format('truetype'),
    url('//at.alicdn.com/t/font_2779080_yjpwu3zpac.svg?t=1632557895843#iconfont') format('svg');
}
.yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}
body{font-family: SourceHanSansHWTC !important;transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}
body.active{margin-left: -60%;width: 100%;height: 100%;overflow: hidden}
.container{width: calc(100% - 7.8125vw);padding: 0;position: relative;z-index: 2}
@media(max-width: 760px){
    .container{width: 100%;padding: 0 10px;}
}
/*header*/
#header{transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);padding: 35px 0}
.header-logo{width: 12.7604vw;height: 77px;background: url(../images/logo_1.png) no-repeat left center;background-size: contain;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);float: left}
.header-logo a{display: block;width: 100%;height: 100%;opacity: 0}
.header-nav{float: left;display: flex;line-height: 77px;}
.header-nav-item{position: relative}
.header-nav-item>a{display: block;padding:0 1.45833vw ;font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white)}
.header-nav-menu{position: absolute;background: rgba(255,255,255,.9);width: 100%;top: 80px;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);visibility: hidden;opacity: 0;box-shadow: 0 0 5px rgba(0,0,0,.05)}
.header-nav-menu:before{position: absolute;left: 50%;top: -5px;width: 0;height: 0;border-left: solid 5px transparent;border-right: solid 5px transparent;border-bottom: solid 5px rgba(255,255,255,.9);content: ''}
.header-nav-menu-item{border-bottom: solid 1px #ddd;line-height: 2}
.header-nav-menu-item:last-child{border-bottom: none}
.header-nav-menu-list{position: absolute;left: calc(100% + 0px);top: 0;padding: 5px;display: none}
.header-nav-menu-list a{display: block;white-space: nowrap;font-size:13px;padding: 5px 1vw;background: rgba(255 ,255,255,.9);}
.header-nav-menu-list:before{position: absolute;top: 20px;left: 0;width: 0;height: 0;border-top: solid 5px transparent;border-bottom: solid 5px transparent;border-right: solid 5px rgba(255,255,255,.9);content: ''}
.header-nav-menu-item:nth-child(2) .header-nav-menu-list:before{top: 50px}
.header-nav-menu-item>a{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-333);display: block;padding: 5px 1vw;text-align: center}
.header-nav-menu-item a:hover{background: #0f80e0;color: #fff}
.header-nav-menu-item:hover{background: #0f80e0;}
.header-nav-menu-item:hover>a{color: #fff}
.header-nav-menu-item:hover .header-nav-menu-list{display: block}
.header-nav-item:hover .header-nav-menu{visibility: visible;opacity: 1;top: 65px;}
.header-right{margin-left: 2.3958vw;float: left;line-height: 77px;display: flex;}
.header-right>a{height: 77px;}
.header-right svg{display: block;overflow: hidden}
.header-search{margin-right: 10px;position: relative;padding-right: 10px;}
.header-search:after{position: absolute;right: 0px;top: 50%;width: 1px;height: 18px;background: var(--FEY-bg-color-white);content: '';margin-top: -9px;}
#header.active{padding: 15px 0;background: var(--FEY-bg-color-white);box-shadow: 0 0 10px rgba(0,0,0,.2)}
#header.active .header-logo{background: url(../images/logo_2.png) no-repeat left center;background-size: contain;height: 50px;}
#header.active .header-nav{line-height: 50px;}
#header.active .header-nav-item>a{color: var(--FEY-text-color-blouk)}
#header.active .header-right>a{height: 50px}
#header.active .header-right svg,#header.active .header-right svg path{fill: #000 !important}
#header.active .header-search:after{background: var(--FEY-text-color-blouk)}
@media(max-width: 992px) and (min-width: 768px){
    .header-nav-item>a{padding: 0 0.5vw;font-size: var(--FEY-font-size-16)}
}
@media(max-width: 760px){
    #header{padding: 10px 0;transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;width: 100%}
    .header-logo{width: 30vw;height: 46px;}
    .header-button:before,.header-button:after,.header-button span{background-color: #fff}
    #header.margin-left{margin-left: -60%}
    #header.active{padding: 5px 0;}
    #header.active .header-logo{height: 50px;}
    #header.active .header-button:before,#header.active  .header-button:after,#header.active .header-button span{background-color: #000}
}
/*phone nav*/
#navigation{right: -100%;top:0;height: 100%;background: #fff;z-index: 10;width:60%;box-shadow: 0 0 5px rgba(0,0,0,.2);transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;overflow-y: auto}
.nav-search{margin-bottom: 20px;border-bottom: solid 1px #f2f2f2;padding:10px 10px;display: flex}
.nav-search a{flex: 1;margin-right: 10px;}
.nav-search a svg path{fill: #333 !important}
.nav-search-item{width: 100%;border: solid 1px #ddd;border-radius: 5px;height: 30px;overflow: hidden}
.nav-search-item i{font-size: 14px;color: #333;line-height: 30px;width: 30px;text-align: center;float: left}
.nav-search-item input{width: calc(100% - 30px);outline: none;border: none;height: 28px;line-height: 28px;font-size: 1.3rem;color: #333}
.navigation-container{padding: 0 20px;}
.nav-info-title{font-size: 1.3rem;opacity: .5;margin-bottom: 10px;}
.navigation-item{border-bottom: solid 1px #f2f2f2;position: relative;}
.navigation-item>a{display: block;line-height: 40px;font-size: 1.4rem;color: #333;}
.navigation-item i.yc-icon{position: absolute;right: 0;top: 0;line-height: 40px;font-size: 2rem;width: 30px;text-align: center}
.navigation-menu-button{padding-left: 15px;display: none}
.navigation-menu-button a{display: block;border-bottom:solid 1px #f2f2f2;font-size: 1.2rem;color: #999;line-height: 26px;padding: 5px 0}
.navigation-menu-button a:last-child{border: none;}
.navigation-menu-button a:hover{color: #626ce9}
.navigation-item.active>a{color: #0057C2}
.navigation-item i.yc-icon.active{transform: rotate(-180deg)}
#navigation.active{right: 0}
/*search*/
.search-fix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;opacity:0;visibility:hidden;transition:ease .5s}
.search-fix.active{opacity:1;visibility:inherit}
.search-fix .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
.search-fix .search-content{background:#fff;width:80%;padding:200px 15px;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.search-fix .btnOff{position:absolute;right:15px;top:15px;cursor:pointer;font-size:22px}
.search-fix .item{max-width:1000px;margin:0 auto}
.search-fix .p{font-size:25px;text-align:center;margin-bottom:8%}
.search-fix .title{border-bottom:solid 1px #d8d8d8;font-size:20px;padding:15px 5% 15px 2.5%;color:grey;border-top:0;border-left:0;border-right:0;display:inline-block;width:93%;vertical-align:middle}
.search-fix .btnSubmit{display:inline-block;vertical-align:middle;width:54px;height:54px;text-align:center;line-height:54px;font-size:30px;cursor:pointer;font-weight:100;transition:ease .5s;position: relative}
.search-fix .btnSubmit input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}
/*banner*/
#banner{height: 100vh;position: relative}
.banner{height: 100%}
.banner ul li{background-size: cover;background-position: center;background-repeat: no-repeat}
.banner ul li video{height: 100%;object-fit:fill;width: 100%}
.banner-pagination{text-align: right;bottom: 30px;color: var(--FEY-bg-color-white);font-size: var(--FEY-font-size-16);position: absolute;right: 75px;height: 36px;z-index: 10;padding-right: 90px}
.banner-pagination .swiper-pagination{display: inline-block;position: initial;line-height: 30px;}
.banner-pagination:before,.banner-pagination:after{position: absolute;bottom: 13px;height: 3px;background: #fff;border-radius: 10px;left: -90px;content: ''}
.banner-pagination:before{opacity: .4;width: 80px;}
.banner-pagination:after{width: 0px;}
.banner-pagination.active:after{width: 80px;transition: all 3s;-webkit-transition: all 3s;-moz-transition: all 3s;-moz-transition: all 3s}
.banner-pagination.videoTime:after{width: 80px;transition: all 31s;-webkit-transition: all 31s;-moz-transition: all 31s;-moz-transition: all 31s}
.banner-pagination b{font-size: var(--FEY-font-size-24);font-weight: normal}
.banner-button{display: inline-block;position: absolute;right: 0;top:15px;}
.banner-button>div{position: initial;width: 30px;height: 30px;border-radius: 12px;border: solid 1px #fff;display: inline-block;padding: 9px}
.banner-button>div img{max-height: 12px;}
.banner-button>div:after{display: none;}
.banner-button>div:hover{background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.2)}
.banner-mouse{position: absolute;left: 50%;bottom: 40px;z-index: 11;width: 34px;margin-left: -17px;animation: mouseUp 2s linear infinite}
.banner-mouse svg path{fill: #fff}
@keyframes mouseUp { 0%{bottom: 40px} 50%{bottom: 20px} 100%{bottom: 40px;} }
@-webkit-keyframes mouseUp { 0%{bottom: 40px} 50%{bottom: 20px} 100%{bottom: 40px;} }
@-moz-keyframes mouseUp { 0%{bottom: 40px} 50%{bottom: 20px} 100%{bottom: 40px;} }
@-ms-keyframes mouseUp { 0%{bottom: 40px} 50%{bottom: 20px} 100%{bottom: 40px;} }
@media(max-width: 760px){
    #banner{height: auto}
    .banner ul li{background-image: none !important}
    .banner-m{background-repeat: no-repeat;background-size:  cover;background-position: center center}
    .banner-pagination{right: 15px;bottom: 20px;line-height: 1;height: 20px}
    .banner-pagination:before, .banner-pagination:after{left: -40px;bottom: 0px;}
    .banner-pagination:before{width: 30px;}
    .banner-pagination.active:after{width: 30px}
    .banner-video{width: 100%;height: 100%;position: relative}
    .banner-video img{height: 100%;object-fit: fill}
    .banner-video-play{position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}
    .banner-video-play svg{fill: #fff;width: 100%;height: 100%}
    .banner-video-play  svg path{fill: #fff}
}
/*mobile*/
#video-layer{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 1099;display: none}
.video-close{position: absolute;right: 5vw;top: 5vw;padding: 3vw;background: rgba(0,0,0,.8);}
.video-close svg{width: 15px;height:15px;fill: #fff}
.video-box{width: 100%;height: 100%}
.video-container{margin: auto 2vw;width: 96vw}
.video-container video{width: 100%}
/*main*/

.home-title{font-size:var(--FEY-font-size-36);color: var(--FEY-text-color-blouk);font-weight: bold;}
.home-title span{font-weight: normal;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-999);margin-left: 10px;font-family: SourcehanSansCn;text-transform: uppercase}
.home-more a{display: inline-block;width: 196px;height: 68px;background-color: var(--FEY-bg-color-blue);color: var(--FEY-text-color-white);line-height: 68px;text-align: center}
.home-more a span{padding-right:52px;background: url(../images/icon_more.png) no-repeat right center;background-size: auto 15px; font-size: var(--FEY-font-size-24)}
.home-subtitle{margin-top: 20px;font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-blouk)}
@media(max-width: 992px) and (min-width: 768px){
    .home-more a{width: 150px;height: 50px;line-height: 50px;}
}
@media(max-width: 760px){
    .home-title{font-size: var(--FEY-font-size-24);}
    .home-title span{font-size: var(--FEY-font-size-16)}
    .home-subtitle{font-size: var(--FEY-font-size-14)}
    .home-more a{width: 120px;height: 36px;line-height: 34px;font-size: var(--FEY-font-size-14)}
    .home-more a span{font-size: var(--FEY-font-size-14);background-size: auto 10px;padding-right: 30px;}
}
/*about*/
.about{overflow: hidden}
.about .home-title{padding-bottom: 30px;position: relative;margin-bottom: 40px;}
.about .home-title:after{display: block;width: 50px;height: 5px;background: var(--FEY-bg-color-4BAB);border-radius: 4px;content: '';position: absolute;left: 0;bottom: 0}
.about-box{display: flex;margin-top: 160px;margin-bottom: 127px;width: 100%;}
.about-left{max-width: 49.79vw;flex: 1;padding-left: 3.59125vw;background: url(../images/backg_1.png) no-repeat right center;background-size:100% 100%;padding-right: 76px;}
.about-subtitle{font-size: var(--FEY-font-size-30);color: var(--FEY-text-color-333);line-height:60px;font-weight: bold}
.about-text{font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-grey);line-height:2.4;}
.about-left .home-more{margin-top: 60px}
.about-right{flex: 1;position: relative;margin-right: 3.59125vw;max-width: calc(100% - 49.79vw)}
.about-right-item{background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;z-index: 99;left: 0;width: 100%;height: 100%}
@media(max-width: 1300px){
    .about-text{line-height: 42px;}
}
@media(max-width: 992px) and (min-width: 768px){
    .about-left{padding-right: 50px;}
    .about-subtitle{font-size: var(--FEY-font-size-18);line-height: 2}
    .about-text{line-height: 2;margin-bottom: 50px;font-size: var(--FEY-font-size-12)}
}
@media(max-width: 760px){
    .about-box{margin-top: 50px;display: block;margin-bottom: 40px;}
    .about-left{max-width: 100%;padding: 0 5px;background: none}
    .about .home-title{text-align: center;padding-bottom: 15px;margin-bottom: 30px;}
    .about .home-more {text-align: center}
    .about .home-title:after{left: 50%;width: 30px;margin-left: -15px;}
    .about-subtitle{font-size: var(--FEY-font-size-14);text-align: center;line-height: 2;margin-bottom: 10px}
    .about-text{font-size: var(--FEY-font-size-12);line-height: 2;margin-bottom: 30px;}
    .about-right{display: none}
}
/*product*/
.product{padding: 100px 0 85px;background-size: cover !important;position: relative}
.product-title{background: url(../images/title_1.png) no-repeat center;height: 262px;background-size: contain;position: absolute;top: 50%;left: 0%;width: 100%;margin-top: -131px}
.product .home-title,.product .home-title span,.product .home-subtitle{color: var(--FEY-text-color-white)}
.product-nav{margin-top: 30px;margin-bottom: 78px;}
.product-nav a{display: inline-block;width: 144px;height: 68px;background: var(--FEY-bg-color-white);line-height: 68px;text-align: center;margin: auto 25px;font-size: var(--FEY-font-size-24);color: #0057C2}
.product-box{margin-bottom: 90px;}
.product-box ul li{background: #fff;height: 248px}
.product-box ul li a{width: 100%;height: 100%}
@media(max-width: 992px) and (min-width: 768px){
    .product-nav a{height: 46px;line-height: 46px;}
    .product-box ul li{height: 160px;}
}
@media(max-width: 760px){
    .product{padding: 50px 0}
    .product-nav{margin-bottom: 30px;}
    .product-nav a{width: 110px;height: 34px;margin: auto 10px;font-size: var(--FEY-font-size-16);line-height: 34px;}
    .product-box{margin-bottom: 50px;}
    .product-box ul li{height: 150px;}
}
/*service*/
.service{background: url(../images/backg_4.jpg) no-repeat top center;background-size: cover;padding-top: 65px;}
.service-container{margin-top: 45px;height:704px;}
#service{width: 100%;height: 100%;overflow: hidden;position: relative}
.planet{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.service-text{position: absolute;left: 0;top: 0;width: 100%;text-align: center}
.service-content{display: inline-block}
.planet>.planet-title{display:flex;grid-area:title}
.service-icon{max-width: 124px;margin-right: 40px;float: left}
.service-icon img{transition: none}
.service-title{height: 126px;float: left;text-align: left;min-width: 276px;}
.service-title b{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-blouk);font-weight: normal;display: block;width: 100%}
.service-title>span{display: block;margin-top: 12px;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-blouk);width: 100%}
.service-summary{max-width: 52.76vw;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-blouk);line-height: 2;text-align: left;float: left}
.service-summary a{color: var(--FEY-text-color-blouk);font-size: var(--FEY-font-size-18);margin-left: 10px;}
.service-summary a:hover{color: var(--FEY-hover-color)}
.planet>.planet-figure{width:680px;height: 680px;padding:0;margin:0 auto;position:absolute;border-radius: 50%;overflow: hidden;left: 50%;bottom: -40%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%)}
.planet>.planet-figure img{margin-bottom:-50%;max-width:100%;min-height: 60%}

.planet>.planet-details{grid-area:details;display:flex;flex-direction:row;justify-content:space-between}
.detail{font-size:5vmin;width:3em;font-weight:400;display:flex;margin-left:.4em;flex-shrink:0;align-self:start}
.detail:after{content:attr(data-postfix)}
.detail:before{display:block;position:absolute;top:100%;margin-top:1rem;font-size:.75rem;text-transform:uppercase;opacity:.6;letter-spacing:1px}
.planet{visibility:hidden;/*transition:visibility 10ms linear var(--duration);*/height: 100%;}
.planet[data-active]{visibility:visible;opacity:1;transition-delay:0s;height: 100%}
.planet .planet-title .word{overflow:hidden}
/*.planet .planet-title .char{-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform var(--duration) var(--ease);transition:transform var(--duration) var(--ease);transition:transform var(--duration) var(--ease),-webkit-transform var(--duration) var(--ease);transition-delay:calc(var(--char-index) * .1s)}*/
/*.planet[data-active] .planet-title .char{-webkit-transform:translateY(0);transform:translateY(0);transition-delay:calc((var(--duration)/ 2) + (var(--char-index) * .1s))}*/
.planet .planet-details{visibility:hidden}
.planet[data-active] .planet-details{visibility:visible}
.planet .planet-figure{opacity:0;transition:opacity var(--duration) var(--ease)}
.planet[data-active] .planet-figure{opacity:1}
.planet-nav{grid-column:1;grid-row:2;pointer-events:none;z-index:10;display:flex;position:absolute;left:0;right:0;margin:auto;bottom:0;max-width:935px;overflow: hidden;padding-top: 30px}
.planet-nav svg{display:block;width:auto;height:auto;min-width:100%;max-width:none;min-height:70%;margin-bottom:-50%}
@media (max-width:600px){.planet-nav svg{margin-bottom:-55%}
}
.planet-nav tspan{cursor:pointer;fill:var(--FEY-text-color-333);pointer-events:auto;opacity:0;transition:opacity var(--duration) linear}
.planet-nav tspan[x]{opacity:1;}
.planet-nav tspan:focus,.planet-nav tspan:hover,.planet-nav tspan:active,.planet-nav tspan:focus-visible{opacity:1;fill: #0057C2}
.planet-nav svg{-webkit-transform-origin:center center;transform-origin:center center;--length:7;--range:160deg;-webkit-transform:rotate(calc((var(--active,0)/ var(--length)) * (-1 * var(--range)) + (var(--range)/ 2)));transform:rotate(calc((var(--active,0)/ var(--length)) * (-1 * var(--range)) + (var(--range)/ 2)));transition:-webkit-transform var(--duration) var(--ease);transition:transform var(--duration) var(--ease);transition:transform var(--duration) var(--ease),-webkit-transform var(--duration) var(--ease)}
.planet-nav tspan{cursor:pointer}
.planet-nav tspan.active{fill: #0057C2}
@media(max-width: 1440px){
    .service-container{height: 580px;}
    .planet-nav{max-width: 800px;bottom: 10px;}
    .planet>.planet-figure{width: 650px;height: 650px;bottom: -49%}
    .service-summary{max-width:52vw;}
}
@media(max-width: 1180px){
 .service-container{height: 620px}
    .service-title{max-width: 220px}
    .planet>.planet-figure{width: 600px;height: 600px}
}
@media(max-width: 992px) and (min-width: 768px){
    .service-container{height: 450px;}
    .service-title{max-width: 19.51vw;height: 90px;}
    .service-icon{width: 90px;margin-right: 20px;}
    .service-title .service-title{width: auto;min-width: auto;height: 90px}
    .service-title b{font-size: var(--FEY-font-size-18)}
    .service-title>span{font-size: var(--FEY-font-size-12)}
    .service-summary{font-size: var(--FEY-font-size-12);line-height: 2}
    .planet-nav{max-width: 630px;}
    .planet-nav svg{min-width: 60%;min-height: 30%}
    .planet>.planet-figure{width: 440px;height: 440px;}
}
@media(max-width: 760px){
    .service{padding-top: 50px;}
    .service-box{margin-top: 40px;margin-bottom: 40px}
    .service-nav{margin: auto -10px 20px;}
    .swiper-service-nav{background: var(--FEY-bg-color-4BAB)}
    .swiper-service-nav ul li{padding: 10px 0;}
    .service-img {max-width: 30px;flex: 1;display: block;margin: auto}
    .service-nav-title{text-align: center;margin-top: 10px;color: var(--FEY-text-color-white)}
    .service-nav-title b{font-size: var(--FEY-font-size-14);display: block;}
    .service-nav-title span{font-size: var(--FEY-font-size-12);display: block;font-weight: lighter}
    .service-bottom ul li{display:flex;}
    .service-bottom ul li a{display: flex}
    .service-text-img{flex: 1;background-position: center;background-repeat: no-repeat;background-size: cover;max-width: 32%}
    .service-text{position: initial;flex: 1;text-align: left;font-size: var(--FEY-font-size-12);color: var(--FEY-text-color-333);line-height: 1.5;margin-left: 20px;}
    .swiper-service-nav ul li.swiper-slide-thumb-active{background: var(--FEY-bg-color-white);border: solid 1px var(--FEY-bg-color-4BAB)}
    .swiper-service-nav ul li.swiper-slide-thumb-active .service-nav-title{color: var(--FEY-hover-color)}
}
/*solution*/
.solution{background: #fff;padding: 65px 0;position: relative;background: url(../images/backg_6.png) no-repeat right bottom;background-size: auto 610px}
.solution:before{position: absolute;left: 0;top: 0;width: 46.92vw;height: 100%;background: rgba(0, 87, 194, 0.4) url(../images/backg_5.jpg) no-repeat fixed left center;content: '';background-size: cover}
.solution-container{overflow: hidden;text-align: right}
.solution-box{position: relative;z-index: 2;display: flex;margin-top: 65px;width: 62.03125vw;float: right}
.solution-img{flex: 1;max-width: 30.052vw;height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.solution-list{margin-left: 8.177vw;flex: 1;max-width: 23.802vw;margin-right: 5.052vw}
.solution-item{width: 100%;text-align: left;border-bottom: solid 1px #F0F0F0;height: 76px;line-height: 76px;display: flex;cursor: pointer}
.solution-item:last-child{border-bottom: none}
.solution-item span{margin-right: 3.64vw;font-size: var(--FEY-font-size-36);color: #0057C2;font-weight: bold;font-family:OswaldBold}
.solution-item b{font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-blouk);font-weight: 500;}
.solution-item:hover b{color: #0057c2;font-weight: bold}
@media(max-width: 1440px){
    .solution-img{height: 450px;}
    .solution-item{height: 70px;line-height: 70px}
}
@media(max-width: 992px) and (min-width: 768px){
    .solution .container{position: relative;z-index: 2}
    .solution:before{display: none}
    .solution-box{width: 100%}
    .solution-img{max-width: 45%;height: 480px}
    .solution-list{max-width: 45vw}
    .solution-item{height: 70px;}
}
@media(max-width: 760px){
    .solution{padding: 50px 0 30px}
    .solution:before{display: none}
    .solution .home-title,.solution .home-subtitle{text-align: center}
    .solution-box{margin-top: 30px;width: 100%}
    .solution-img{display: none}
    .solution-list{width: 100%;max-width: 100%;display: block;overflow: hidden;margin: auto}
    .solution-item{float: left;width:calc(50% - 10px);background: rgba(255,255,255,.8);margin-right: 20px;margin-bottom: 20px;display: block;border-bottom: none;padding: 20px;line-height: 1;height: auto;box-shadow: 0 0 10px rgba(0,0,0,.05)}
    .solution-item:nth-child(2n){margin-right: 0}
    .solution-item span{display: block;text-align: center;font-size: var(--FEY-font-size-24);margin-bottom: 15px}
    .solution-item b{font-size: var(--FEY-font-size-16);text-align: center;line-height: 1.6;min-height: 54px;display: block}
}
/*partner*/
.partner{background: url(../images/backg_7.png) no-repeat right 150px center;background-size: contain;padding: 145px 0 120px;}
.partner .container{display: flex}
.partner-left{flex: 1;background: #F2F2F2;padding: 33px;max-width: 64.427vw;margin-right: 55px;}
.swiper-partner{width: 100%;height: 606px;}
.swiper-partner ul li{height: calc(33.33% - 30px);background: var(--FEY-bg-color-white);overflow: hidden;padding: 5px;}
.swiper-partner ul li img{max-height: 100%;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);-ms-transition: var(--transition-time);transform: scale(0.9)}
.swiper-partner ul li:hover img{transform: scale(1)}
.partner-right{text-align: right}
.partner-right .home-title{text-align: right;width: 100%;margin-bottom: 40px;}
.partner-right .home-subtitle{line-height: 2}
.partner-right .home-subtitle span{color: var(--FEY-hover-color);font-weight: bold}
.partner-button{margin-top: 105px;text-align: right;width: 100%}
.partner-button>div{display: inline-block;position: initial;width: 60px;height: 60px;border-radius: 50%;border: solid 4px #C4C4C4;line-height: 60px;text-align: center}
.partner-button>div svg path{fill: #C4C4C4 !important}
.partner-button>div:first-child{margin-right: 50px;}
.partner-button>div:after{display: none}
.partner-button>div:hover{background: #0057C2;border-color: #0057C2}
.partner-button>div:hover svg path{fill: #fff !important}
@media(max-width: 1440px){
    .partner{padding: 90px 0 100px}
    .swiper-partner{height: 540px;}
}
@media(max-width: 992px) and (min-width: 768px){
    .partner{padding: 70px 0}
    .swiper-partner{height: 340px}
    .swiper-partner ul li{height: calc(33.33% - 15px)}
    .partner-left{max-width: 56.427vw}
    .partner-button>div:first-child{margin-right: 25px;}
}
@media(max-width: 760px){
    .partner{padding: 50px 0}
    .partner .container{display: block;}
    .partner .home-title{margin-bottom: 0px;}
    .partner .home-title,.partner .home-subtitle{text-align: center}
    .partner-list{display: block;width: 100%;margin-top: 30px;max-width: 100%;padding: 15px;}
    .swiper-partner{height: 280px}
    .swiper-partner ul li{height: calc(33.33% - 16px)}
}
/*news*/
.news{position: relative;padding: 70px 0 80px}
.news .container{display: flex;}
.news-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:#003780}
.news .container{position: relative;z-index: 2}
.news .home-title,.news .home-title span,.news .home-subtitle{color: var(--FEY-text-color-white);width: 100%;text-align: left}
.news-left{flex: 1;max-width: 35.573vw;padding-right: 3vw}
.news-box{position: relative;max-width: 64.427vw}
.news-item{padding: 28px 35px;display: block;transition: all .3s}
.news-time{font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-white);line-height: 48px;font-family: Oswald;}
.news-title{margin-top: 12px;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-white);line-height: 48px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: lighter;margin-bottom: 25px;}
.news-more{color: var(--FEY-text-color-white);font-weight: lighter;padding-right: 18px;background: url(../images/icon_7.png) no-repeat right center;background-size: auto 14px;line-height: 28px;display: inline-block}
.news-item-bg{background: #0057C2 url(../images/backg_8.png) no-repeat bottom center;background-size: cover;position: absolute;left:-30px;top: 30px;transition: all .3s;opacity: 0}
.news-item-bg.active{left: 0;top: 0;opacity: 1}
@media(max-width: 760px){
    .news{padding: 50px 0}
    .news .container{display: block}
    .news .home-title,.news .home-title span,.news .home-subtitle{text-align: center}
    .news-left{max-width: 100%}
    .news-box{margin-top: 30px;max-width: 100%}
    .news-item{padding: 15px 15px;border: solid 1px rgba(255,255,255,.1)}
    .news-item:hover{background: #0057C2 url(../images/backg_8.png) no-repeat bottom center;background-size: contain;}
    .news-time{line-height: 1.2;font-size: var(--FEY-font-size-12)}
    .news-title{margin-top: 10px;margin-bottom: 10px;font-size: var(--FEY-font-size-14);line-height: 2}
    .news-more{font-size: var(--FEY-font-size-12);background-size: auto 10px}
}
/*contact*/
.contact{background: #E7F0F6}
.contact .container{display: flex}
.contact-left{flex: 1;max-width: 26.04vw;background: #0057C2 url(../images/backg_9.png) no-repeat top center;background-size: cover;}
.contact-list{height: 100%;padding: 0 45px;}
.contact-item{height: 33.33%;border-bottom: solid 1px #2E7CDB}
.contact-item:last-child{border-bottom: none}
.contact-title{width: 100%;text-align: left;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-white);font-weight: bold}
.contact-dl{width: 100%;text-align: left;margin-top: 30px;font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-white);}
.contact-dl dd{display: flex;line-height: 2}
.contact-dl dd span{flex: 1;max-width: 60px}
.contact-dl dd p{flex: 3;text-align: left}
.contact-right{flex: 1;max-width: calc(100% - 26.04vw);padding-top: 75px;}
.contact-map{margin-top: 30px;margin-bottom: 25px;}
#worldMap{height: 28.125vw !important}
@media(max-width: 1440px){
    .contact-map{margin: 0}
    #worldMap{height: 500px !important}
}
@media(max-width: 1180px){
    #worldMap{height: 400px !important}
}
@media(max-width: 992px){
    .contact-left{max-width: 40vw;}
    .contact-list{display: flex !important;padding: 0;height: auto;margin-top: 50px;background: #0057C2 url(../images/backg_8.png) no-repeat top center;background-size: contain}
    .contact-item{flex: 1;height: auto;padding: 15px;text-align: center;display: block;border-right: solid 1px rgba(255,255,255,.2)}
    .contact-right{max-width:100%}
    .contact-title{font-size: var(--FEY-font-size-18)}
    .contact-dl{margin-top: 15px;font-size: var(--FEY-font-size-14)}
    #worldMap{height: 490px !important;}
    .contact-map{margin-top: 20px}
}
@media(max-width: 760px){
    .contact-right{padding-top: 50px;}
    .contact-right .home-title,.contact-right .home-subtitle{text-align: center}
    .contact-list{display: none !important}
    #worldMap{height: 260px !important}
}
/*footer*/
#footer{background: #000;padding: 20px 0;}
.footer-left{font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-white);float: left;line-height: 35px;}
.footer-left a{color: var(--FEY-text-color-white)}
.footer-left span{margin: auto 20px;}
.footer-right{float: right}
.footer-item{position: relative;display: inline-block;width: 35px;height: 35px;border-radius: 50%;margin-left: 35px;}
.footer-icon{display: block;overflow: hidden;width: 100%;height: 100%;}
.footer-icon svg{width: 100%;height: 100%;display: block;fill: #fff}
.footer-icon svg path{fill: #fff}
.footer-img{position: absolute;left: 50%;bottom:60px;width: 120px;margin-left: -60px;;background: #fff;padding: 5px;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);-o-transition: var(--transition-time);visibility: hidden;opacity: 0}
.footer-img:after{position: absolute;left: 50%;bottom: -5px;width: 0;height: 0;border-top: solid 5px #fff;border-left: solid 5px transparent;border-right: solid 5px transparent;content:'';margin-left: -5px;}
.footer-item:hover .footer-img{visibility: visible;opacity: 1;bottom: 45px;}
@media(max-width: 992px) and (min-width: 768px){
    .footer-left{font-size: var(--FEY-font-size-14);width: 100%;text-align: center}
    .footer-right{display: none}
}
@media(max-width: 760px){
    .footer-left{font-size: var(--FEY-font-size-12);width: 100%;text-align: center;line-height: 2}
    .footer-right{display: none}
}
/*page */
.page-banner{position: relative;width: 100%;overflow: hidden}
.page-banner img{margin: auto;animation: scaleAnim 10s ease infinite}
@keyframes scaleAnim{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
.banner-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 3vh;z-index: 2}
.page-banner-title{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-white);font-weight: bold}
.page-banner-title:after{display: block;width: 30px;height: 2px;background: var(--FEY-bg-color-white);content:'';margin: 15px auto}
.page-banner-title-en{font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white);text-transform: uppercase}
.page-banner-channel{margin-top: 30px;}
.page-banner-channel a{background: #fff;margin: auto 1vw;line-height: 44px;display: inline-block;font-size: 16px;border: solid 1px #fff;padding:0 2.5vw;border-radius: 4px;}
.page-banner-channel a:hover,.page-banner-channel a.active{background: #0057C2;color: #fff}
.page-channel{background: #0057C2;}
.swiper-channel ul li{width: auto;line-height: 60px;}
.swiper-channel ul li a{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-white);padding: 0 20px;}
.swiper-channel ul li:hover,.swiper-channel ul li.active{background: var(--FEY-bg-color-4BAB)}
@media(max-width: 760px){
    .page-banner img{min-height: 200px;}
    .page-banner-title{font-size:  var(--FEY-font-size-20);}
    .page-banner-title:after{margin-top: 10px;margin-bottom: 5px;}
    .page-banner-title-en{font-size: 12px;}
    .page-banner-channel{margin-top: 15px;}
    .page-banner-channel a{line-height: 24px;font-size: 12px;}
    .page-channel{background: #fff;    position: relative;}
    .page-channel:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #f2f2f2;content: ''}
    .swiper-channel{max-height: 46px;}
    .swiper-channel ul li{font-size: var(--FEY-font-size-16);position: relative;width: auto !important}
    .swiper-channel ul li a{color: var(--FEY-text-color-blouk);display: block;padding: 15px 15px;line-height: 1}
    .swiper-channel ul li:hover,.swiper-channel ul li.active{background: transparent}
    .swiper-channel ul li:after{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #0049ac;content: ''}
    .swiper-channel ul li.active:after{width: 100%}
    .swiper-channel ul li.active a{color: var(--FEY-hover-color)}
    .page-channel.active{position: fixed;left: 0;top:60px;width: 100%;z-index: 10}
}
/*about*/
.culture{position: relative;margin-bottom: 50px;}
.culture-bg{position: absolute;left: 0;top: 0;width: calc(100% - 8.125vw);background: #001F48;overflow:hidden;height: 100%}
.culture-bg div{opacity: .5}
.culture-box{position: relative;z-index: 2;position: relative;}
.culture-list{margin-left: 13.90625vw;text-align: left;display: inline-block;margin-top: 100px;margin-bottom: 25px;max-width: 30.78125vw}
.culture-item{display: flex;margin-bottom: 80px}
.contact-item:last-child{margin-bottom: 0}
.culture-number{flex: 1;max-width: 45px;margin-right: 50px;min-width: 45px;}
.culture-title{width: 100%;text-align: left;min-width: 26vw;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-white);font-weight: bold;margin-bottom: 15px}
.culture-summary{width: 100%;text-align: left;font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-white)}
.culture-img{position: absolute;right: 0;top: 84px;width: 50vw;height: calc(100% - 342px);background-size: cover;background-repeat: no-repeat;background-position: center}
.culture-right{position: absolute;right: 0;bottom: -50px;height: 309px;background:#0057C2 url(../images/about_bckg_1.png) no-repeat center;background-size: cover;width: 50vw;color: var(--FEY-text-color-white)}
.culture-right h2{font-size: 3.125vw;font-weight: bold;}
.culture-right p{font-size: var(--FEY-font-size-30);color: rgba(255,255,255,.6);margin-top: 25px;text-transform: uppercase}
.culture-right p:after{display: block;width: 33px;height: 3px;background: var(--FEY-bg-color-white);margin: 30px auto auto;content: ''}
.staff{position: relative;max-height: 738px;overflow-y: hidden;}
.swiper-staff ul li{width: 50vw}
.staff-content{position: absolute;top: 0;right: 13.5417vw;z-index: 12;width: calc(50vw - 13.5417vw);height: 100%;background: #0057C2 url(../images/backg_9.png) no-repeat top center;background-size: contain}
.staff-box{margin-left: 5.10416vw;margin-top: 10.67%}
.staff-title{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-white);font-weight: bold;margin-bottom: 9.07%;}
.staff-title span{margin-left: 10px;font-size: var(--FEY-font-size-24);text-transform: uppercase}
.staff-info{color: var(--FEY-text-color-white)}
.staff-office{font-size: var(--FEY-font-size-24);margin-bottom: 30px;transition: var(--transition-time);-webkit-transition: var(--transition-time);margin-top: 50px;display: block}
.staff-office b{font-weight: normal;transition: var(--transition-time);-webkit-transition: var(--transition-time);visibility: hidden;opacity: 0;}
.staff-office span{margin-left: 10px;font-size: var(--FEY-font-size-16);transition: var(--transition-time);-webkit-transition: var(--transition-time);visibility: hidden;opacity: 0;}
.staff-text{font-size: var(--FEY-font-size-16);line-height: 38px;transition: var(--transition-time);-webkit-transition: var(--transition-time);visibility: hidden;opacity: 0;margin-top: 90px}
.staff-thumbs{border-top: solid 1px rgba(255,255,255,.1);position: absolute;bottom: 0;left: 0;width: 100%;padding:6.9% 65px 13.34% 50px}
.staff-item{height: 131px;}
.staff-avatar{width: 100%;height: 100%;border-radius: 50%;background-repeat: no-repeat;background-position: top center;background-size: cover;cursor: pointer}
.staff-thumbs ul li.swiper-slide-thumb-active .staff-avatar{border: solid 6px #fff}
.staff-info.active .staff-office b,.staff-info.active .staff-office span,.staff-info.active .staff-text{visibility: visible;opacity: 1;}
.staff-info.active .staff-office,.staff-info.active .staff-text{margin-top: 0}
@media(max-width: 1400px){
    .staff-box{margin-right: 4vw;margin-left: 4vw}
    .staff-text{line-height: 2}
}
@media(max-width: 992px){
    .culture-list{margin-left: 4.90625vw}
    .culture-item{margin-bottom: 40px;}
    .culture-right{height: 260px}
    .culture-img{height: calc(100% - 258px)}
    .swiper-backface-hidden .swiper-slide{width: 75vw}
    .staff-content{right: 5.5417vw;width: calc(50vw - 5.5417vw)}
}
@media(max-width: 760px){
    .culture-bg{width: 100%}
    .culture-box{padding-top: 50px;}
    .culture-box .home-title{color: var(--FEY-text-color-white)}
    .culture-box .home-title span{color: var(--FEY-text-color-white)}
    .culture-list{margin-top: 50px;max-width: 100%;}
    .culture-number{max-width: 30px;min-width: 30px;margin-right: 20px;}
    .culture-text{max-width: calc(100% - 50px);min-width: calc(100% - 50px)}
    .culture-title{font-size: var(--FEY-font-size-16);margin-bottom: 8px;}
    .culture-summary{font-size: var(--FEY-font-size-12)}
    .staff{margin-top: 0}
    .swiper-backface-hidden .swiper-slide{width: 100vw}
    .staff-content{right: 0;width: 60vw;position: initial;width: 100%;overflow: hidden}
    .staff-box{margin-top: 20px;margin-bottom: 30px;}
    .staff-title{font-size: var(--FEY-font-size-24);text-align: center}
    .staff-title span{font-size: var(--FEY-font-size-16)}
    .staff-office{font-size: var(--FEY-font-size-18);margin-bottom: 10px;text-align: center}
    .staff-office span{font-size: var(--FEY-font-size-14)}
    .staff-text{font-size: var(--FEY-font-size-12);line-height: 2}
    .staff-thumbs{display: none}
}
/*page product*/
.page-product-container{padding-bottom: 80px;background: #FAFAFAFF;display: flex;width: 100%;overflow: hidden;padding-right: 3.90625vw}
.page-product-left{max-width: 16.927vw;flex: 1;margin-right: 35px;}
.page-product-left .page-product-title{height: 160px;background:#0057C2 url(../images/backg_11.png) no-repeat left center;background-size: cover}
.page-product-channel{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-white);font-weight: 500;margin-bottom: 20px;line-height: 1}
.page-product-title p{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-white);line-height: 1}
.page-product-nav{background: var(--FEY-bg-color-white)}
.page-product-nav-item{border-bottom: solid 1px #F5F5F5;line-height: 80px;text-align: center;font-size: var(--FEY-font-size-20)}
.page-product-nav-item:last-child{border-bottom: none}
.page-product-nav-item a{display: block;color: var(--FEY-text-color-333)}
.page-product-nav-item:hover a,.page-product-nav-item.active a{background: var(--FEY-bg-color-4BAB);color: var(--FEY-text-color-white)}
.page-product-right{flex: 1;max-width: calc(100% - (16.927vw + 35px))}
.page-product-search{text-align: right;margin-top: 33px;margin-bottom: 45px;}
.page-product-from{display: inline-block;overflow: hidden;border: solid 1px #0057C2;border-radius: 10px 0 0 10px;overflow: hidden;height: 44px;line-height: 44px;}
.page-product-icon{float:left;margin-left: 12px;}
.page-product-icon svg{margin-top: 12px;display: block}
.page-product-icon svg path{fill: #999 !important}
.page-product-search-box{float: left;margin-left: 5px;width: 290px;position: relative;text-align: left}
.page-product-search-title{float: left;font-size: var(--FEY-font-size-24);color: var(--FEY-hover-color);line-height: 48px;}
.page-product-search-input{width: calc(100% - 30px);height: 44px;border: none;outline: none;font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-333);}
.page-product-search-close{position: absolute;right: 13px;top: 50%;margin-top: -8px;width: 16px;height: 16px;cursor: pointer;display: none}
.page-product-search-close svg{width: 100%;height: 100%;display: block}
.page-product-submit{background: var(--FEY-bg-color-blue);border: none;outline: none;width: 110px;height: 42px;font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-white);line-height: 38px;float: left}
.page-product-list{margin: auto -25px}
.page-product-item{padding: 0 1.302vw;margin-bottom: 50px;}
.page-product-item-block{background: #fff;display: flex;position: relative;}
.page-product-item-block:after{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #0057C2;content: '';transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time)}
.page-product-img{flex: 1;max-width: 15.625vw;margin-top: 25px;margin-bottom: 25px;}
.page-product-text{flex: 1;max-width: calc(100% - 15.625vw);border-left: solid 1px #CCCCCC;padding-left: 2.083vw;padding-right: 1.0416vw}
.page-product-text .page-product-title{width: 100%;text-align: left;font-size: var(--FEY-font-size-30);color: var(--FEY-text-color-333);line-height: 1;margin-bottom:10.23%;}
.page-product-parameter{width: 100%;overflow: hidden;line-height: 2.5}
.page-product-parameter span{width: 50%;float: left;font-size: var(--FEY-font-size-14);color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.page-product-more{margin-top: 10.67%;width: 100%}
.page-product-button{width: 104px;height: 32px;background: #0057C2;line-height: 30px;border: none;outline: none;font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-white)}
.page-product-item:hover .page-product-item-block:after{width: 100%}
@media(max-width: 1180px){
    .page-product-left{max-width: 210px;}
}
@media(max-width: 992px){
    .page-product-nav-item{line-height: 52px;}
    .page-product-search-box{width: 220px;}
    .page-product-item{margin-bottom: 20px;}
    .page-product-parameter{line-height: 1.8}
    .page-product-parameter span{width: 100%;}
    .page-product-parameter span:nth-child(6),.page-product-parameter span:nth-child(7),.page-product-parameter span:nth-child(8),.page-product-parameter span:nth-child(9),.page-product-parameter span:nth-child(10){display: none;line-height: 1.8}
    .page-product-more{display: none}
}
@media(max-width: 760px){
    .page-product-container{display: block;padding: 0 0 30px}
    .page-product-left{max-width: 100%;background: #fff;width: 100%;position: relative;box-shadow: 0 0 5px rgba(0,0,0,.1)}
    .page-product-left:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #f2f2f2;content: ''}

    .page-product-left.active{position: fixed;left: 0;top: 60px;z-index: 10}
    .page-product-right{width: 100%;max-width: 100%;padding: 0 2vw}
    .page-product-search{margin-top: 25px;margin-bottom: 25px;}
    .page-product-search-box{width: calc(100% - 125px)}
    .page-product-from{width: 100%;height: 32px;line-height: 30px;border-radius: 4px 0 0 4px;}
    .page-product-icon svg{margin-top: 8px;}
    .page-product-search-input{height: 30px}
    .page-product-submit{float: right;height: 30px;line-height: 28px;width: 90px;font-size: var(--FEY-font-size-12)}
    .page-product-list{margin: auto auto 20px;}
    .page-product-item{padding: 5px;margin-bottom: 10px;}
    .page-product-item-block{box-shadow: 0 0 5px rgba(0,0,0,.05)}
    .page-product-img{max-width: 35vw;margin-top: 10px;margin-bottom: 10px;}
    .page-product-text{max-width: calc(100% - 35vw)}
    .page-product-text .page-product-title{font-size: var(--FEY-font-size-18);margin-bottom: 10px;}
    .page-product-parameter{font-size: var(--FEY-font-size-12);line-height: 1.6}
    .page-product-parameter span{font-size: var(--FEY-font-size-12)}
}
/*page product details*/
.page-product-return{margin-top: 30px;position: absolute;right: 0;top: 0}
.page-product-return a{overflow: hidden;display: inline-block;line-height: 30px;color: var(--FEY-hover-color);font-size: var(--FEY-font-size-16)}
.page-product-return a svg{width:30px;height: 30px;display: flex;float: left;margin-right: 10px;fill: #0049ac}
.page-product-return a svg path{fill: var(--FEY-hover-color)}
.page-product-top{margin-top:90px;background: #fff;display: flex;padding: 30px}
.page-product-top-img{flex: 1;max-width:25vw;border: solid 1px #f2f2f2}
.page-product-top-right{max-width: calc(100% - 25vw);flex: 1;padding-left: 3vw}
.page-product-top-title{margin-bottom: 15px;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-blouk);font-weight: bold}
.page-product-top-subtitle{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-333);line-height: 2;margin-bottom: 20px;}
.page-product-top-summary{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-999);line-height: 2;margin-bottom: 50px;}
.page-product-top-button a{display: inline-block;margin-right: 3vw;background: var(--FEY-bg-color-blue);border-radius: 5px;line-height: 20px;padding: 13px 2vw;color: var(--FEY-text-color-white)}
.page-product-top-button a span{display: inline-block;overflow: hidden;line-height: 24px;font-size: var(--FEY-font-size-14);}
.page-product-top-button a i{float: left;margin-right:10px;}
.page-product-top-button a i svg{width: 20px;height: 20px;fill: #fff;display: block;margin-top: 4px;}
.page-product-top-button a:last-child{border: solid 1px #ddd;background: transparent;color: var(--FEY-text-color-blouk)}
.page-product-top-button a:last-child svg{fill: var(--FEY-text-color-blouk)}
.page-product-bottom{margin-top: 50px;background: #fff;}
.page-product-label{position: relative;padding: 0 30px}
.page-product-label:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #F2F2F2;content:''}
.page-product-label label{margin-bottom: 0;padding: 15px 0;font-size: var(--FEY-font-size-20);margin-right: 3vw;position: relative;cursor: pointer}
.page-product-label label:after{position: absolute;left: 0;bottom:0;width: 0;height: 2px;background: var(--FEY-hover-color);content: '';z-index: 2}
.page-product-label label.active,.page-product-label label:hover{color: var(--FEY-hover-color)}
.page-product-label label.active:after{width: 100%}
.page-product-content{padding: 30px;}
@media(max-width: 992px){
    .page-product-top-button a{margin-right: 2vw;padding: 10px 1.5vw}
    .page-product-top-button a:last-child{margin-right: 0;}
    .page-product-top-summary{margin-bottom: 25px}
    .page-product-top-right .page-product-parameter span{display: block !important}
}
@media(max-width: 760px){
    .page-product-top{margin-top: 20px;padding: 15px;display: block}
    .page-product-return{position: fixed;right: 10px;bottom: 30px;top: auto;width: 60px;height: 60px;border-radius: 50%;background: var(--FEY-bg-color-white);box-shadow: 0 0 5px rgba(0,0,0,.1);font-size: var(--FEY-font-size-12)}
    .page-product-return a{font-size: var(--FEY-font-size-12);text-align: center;display: block;line-height: 1;padding: 7px 15px}
    .page-product-return a svg{float: none;display: block;width: 20px;height: 20px;margin: auto}
    .page-product-top-img{width: 100%;max-width: 100%}
    .page-product-top-right{max-width: 100%;padding-left: 0;margin-top: 20px;}
    .page-product-top-title{font-size: var(--FEY-font-size-16);margin-bottom: 15px;}
    .page-product-top-summary{font-size: var(--FEY-font-size-12);line-height: 2;border-top: solid 1px #f2f2f2;border-bottom: solid 1px #f2f2f2;padding: 15px 0}
    .page-product-top-summary .page-product-parameter{line-height: 2}
    .page-product-top-button{margin-bottom: 15px;}
    .page-product-top-button a{height: 30px;padding: 2px 5vw}
    .page-product-top-button a i svg{width: 12px;height: 12px;margin-top: 6px;}
    .page-product-bottom{margin-top: 5px;}
    .page-product-label{padding: 0 15px;}
    .page-product-label label{font-size: var(--FEY-font-size-14);padding: 10px 0}
    .page-product-content{padding: 20px 15px;}
}
/*service*/
/*.page-service-item{position: relative;max-height: 70vh;overflow: hidden}*/
/*.page-service-content{position: absolute;top: 0;height: 100%;width: 50%;background: rgba(0, 87, 194, .4);padding: 0 4.16vw}*/
/*.page-service-title{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-white);font-weight: bold;line-height: 1.5}*/
/*.page-service-img{background-size:cover;background-repeat: no-repeat;background-position: center;}*/
/*.page-service-img img{min-width: 100%}*/
/*.page-service-title-en{margin: 5px 0 15px;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-white);}*/
/*.page-service-text .page-text{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-white);line-height: 1.7}*/
/*.page-service-item:nth-child(2n) .page-service-content{left: 0}*/
/*.page-service-item:nth-child(2n-1) .page-service-content{right: 0}*/
/*@media(max-width: 760px){*/
/*    .page-service-item{height: 70vh}*/
/*    .page-service-img{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment:fixed !important}*/
/*    .page-service-content{width: 100%;height: 100%;align-items: end;justify-content:end;padding: 30px 4%}*/
/*    .page-service-title{font-size: var(--FEY-font-size-24)}*/
/*    .page-service-title-en{font-size: var(--FEY-font-size-18)}*/
/*    .page-service-text .page-text{font-size: var(--FEY-font-size-12)}*/
/*}*/
/*solution*/
.page-solution-container{margin-top: 80px;margin-bottom: 80px;}
.page-channel-title{font-size: 36px;font-weight: bold;color: #0049ac}
.page-channel-title-en{text-transform: uppercase;font-size: 1.4vw;font-weight: bold;color: var(--FEY-text-color-999);}
.page-solution-list{margin-top: 40px;}
.page-solution-item{display: flex;justify-content:space-between;flex-wrap: wrap;margin-bottom: 5vh}
.page-solution-item:last-child{margin-bottom: 0}
.page-solution-item:nth-child(even){direction: rtl}
.page-solution-img{width: 50%;margin-right: 5%;background-position: center;background-repeat: no-repeat;background-size: cover}
.page-solution-text{width: 45%;text-align: left}
.page-solution-number{font-family: akrobatblack;font-size: 180px;line-height: 180px;height: 110px;overflow: hidden;margin-bottom: 5px;color: transparent;-webkit-text-stroke: 4px #0049ac;font-weight: bold}
.page-solution-item:nth-child(even) .page-solution-img{margin-left: 5%;margin-right: 0}
.page-solution-title{font-size: 40px;font-weight: bold;margin-bottom: 10px;color: #0049ac;}
.page-solution-summary{font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-999);margin-bottom: 45px;}
.page-solution-more a{	width: 200px;height: 60px;color: #fff;display: flex;align-items: center;justify-content: center;font-family: 'GraphikLCG';text-transform: uppercase;position: relative;float: left;}
.page-solution-more a:before{width: 100%;height: 100%;border-radius: 60px;background: #0049ac;position: absolute;left: 0%;top: 0%;content: '';z-index: -1;-webkit-transition: all .35s;}
.page-solution-more a svg{width: 20px;fill: #fff;margin-right: 10px;margin-left: 10px;height: 20px;}
.page-solution-more a:hover:before{-webkit-transform: scale(1.06, 1.12);}
@media(max-width: 992px){
    .page-channel-title{font-size:6vw}
    .page-solution-container{margin-top: 50px;margin-bottom: 50px;}
    .page-solution-list{margin-top: 30px;}
    .page-solution-img{width: 100%;margin:auto !important}
    .page-solution-text{width: 100%}
    .page-solution-number{font-size: 24vw;height: 15vw;line-height: 28vw}
    .page-solution-title{font-size: 6vw;margin-bottom: 1vw}
    .page-solution-summary{font-size: 4vw;margin-bottom: 2vw}
    .page-solution-more{display: none}
}
/*page news*/
.page-news-container{padding: 30px 0;background: #f2f2f2}
.page-news-item{margin-bottom: 50px;}
.page-news-item a{display: block;position: relative;background: var(--FEY-bg-color-white)}
.page-news-item a:before{content: "";z-index: 1;display: block;width: 0%;height: 2px;background: #0049ac;position: absolute;left: 0;bottom: 0;transition: ease 1s;}
.page-news-img{height: 15.6vw;overflow: hidden}
.page-news-img-block{display: block;background-size: cover;background-repeat: no-repeat;background-position: center;transition: all .6s;}
.page-news-text{padding: 30px 35px;box-sizing: border-box;}
.page-news-title{ font-size: 18px;line-height: 30px;height: 60px;margin-bottom: 20px;}
.page-news-time{color: #898989;font-size: var(--FEY-font-size-14)}
.page-news-time svg{width: 18px;height: 18px;fill: #898989;float: left;margin-right: 10px}
.page-news-item:hover .page-news-img-block{transform: scale(1.1,1.1)}
.page-news-item:hover .page-news-title{color: #0049ac;font-weight: bold}
@media(max-width: 1440px){
    .page-news-text{padding: 15px;}
}
@media(max-width: 992px){
    .page-news-item{padding: 0 10px;margin-bottom: 20px;}
}
@media(max-width: 760px){
    .page-news-item{padding: 0;margin-bottom: 20px;}
    .page-news-item a{display: flex}
    .page-news-img{width: 40%;height: auto}
    .page-news-text{width: 56%;margin-left: 4%;padding: 0 0 15px}
    .page-news-title{margin-top: 5px;font-size: var(--FEY-font-size-14);line-height: 1.8;height: auto;margin-bottom: 15px;}
    .page-news-time{font-size: var(--FEY-font-size-12)}
    .page-news-time svg{width: 16px;height: 16px;}
}
/*page news details*/
.page-news-details .container{width: calc(100% - 20vw)}
.page-news-left{width: 70%;max-width:65vw;float: left}
.page-details-title{font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-blouk);font-weight: bold;margin-bottom: 10px;}
.page-news-right{width: 25%;background: #fff;padding: 20px 30px;float: right}
.page-info{padding: 15px 0 10px;border-bottom: dashed 1px #ddd;margin-bottom: 20px;}
.page-info span{margin: auto 1vw}
.page-news-right-title{display: block;line-height: 40px;font-size: var(--FEY-font-size-30);border-bottom: 1px solid rgba(0, 0, 0, .05);padding-bottom: 10px;margin-bottom: 15px;}
.page-news-hot-item{margin-bottom: 15px;}
.page-news-hot-item:last-child{margin-bottom: 0}
.page-news-hot-img{margin-bottom: 10px}
.page-news-hot-title{font-size: var(--FEY-font-size-16);line-height: 1.6;border-bottom: 1px solid rgba(0, 0, 0, .05);padding-bottom: 10px;}
.page-news-hot-item:hover .page-news-hot-title{color: var(--FEY-hover-color)}
.page-news-left .page-text{font-size:var(--FEY-font-size-16)}
@media(max-width: 1180px){
    .page-news-left .page-text{font-size:var(--FEY-font-size-14)}
}
@media(max-width: 992px){
    .page-news-left{max-width: 65%}
    .page-news-right{width: 30%;padding: 20px;}
}
@media(max-width: 760px){
    .page-news-details .container{width: 100%}
    .page-news-left{max-width: 100%;width: 100%}
    .page-details-title{font-size: var(--FEY-font-size-18);line-height: 1.5;margin-bottom: 0}
    .page-info{padding: 8px 0;font-size: var(--FEY-font-size-12);margin-bottom: 15px;}
    .page-news-right{margin-top: 30px;width: 100%;padding: 10px;}
    .page-news-right-title{font-size: var(--FEY-font-size-20);font-weight: bold;padding-bottom: 10px;line-height: 1.4}
}
/*contact*/
@media(max-width: 760px){
    .page-contact .contact-list{display: block !important;margin-top: 30px;background:#0057C2 url(../images/backg_9.png) no-repeat top center;background-size: cover}
    .page-contact .contact-dl{margin-top: 10px;font-size: var(--FEY-font-size-12)}
    .page-contact .contact-dl dd span{max-width: 50px;}
    .page-contact .contact-map{margin-top: 0}
}
.page-job-box{display:flex;width:100%}
.p-job-left{width:37vw;height:37vw;background-color:#0057c2;padding:13vw 8vw;position:sticky;position:-webkit-sticky;top:0}
.p-job-left .tit{font-size:2vw;color:#fff}
.p-job-left .tit .en{font-weight:700}
.p-job-left .phone{padding-top:1vw;font-size:18px;color:#fff}
.p-job-right{width:63vw;background-color:#fff;margin-bottom:10vw}
.p-job-item{width:100%;min-height:23vw;cursor:pointer;border-bottom:1px solid #ececec;position:relative;overflow:hidden;padding-bottom: 3vw}
.p-job-item:before{content:'';position:absolute;width:63vw;height:100%;background:hsla(0,1%,10%,.05);transition-property:transform,opacity;transform:translateY(100%);transition:.5s all ease-in-out;z-index:10}
.p-job-item .icon{margin-top:3vw;margin-right:2vw;width:3vw;height:3vw;background-color:#0057c2;float:right;display:inline-block;cursor:pointer;transition:.5s all;border-radius:50%}
.p-job-item .icon svg{width:20px;margin-left:1vw;margin-top:1vw;position:relative}
.p-job-item .job-name{font-size:2vw;padding:3vw 5vw 0 5vw;color:#313032}
.p-job-item .job-text{padding:0 5vw;font-size:var(--FEY-font-size-18);line-height:1.8;letter-spacing:1px;color:#3a3a3a;padding-top:3vw}
.p-job-item .icon:before{content:'';width:0;height:0;background-color:#000;border-radius:50%;position:absolute;transition:.5s all;margin-left:1.5vw;margin-top:1.5vw}
.p-job-item:hover:before{transform:translateY(0)}
.p-job-item:hover .icon:before{width:3.1vw;height:3.1vw;margin-left:-.05vw;margin-top:-.05vw;background:#313032}
.p-job-item:hover .icon svg path{fill:#fff}
@media screen and (max-width:1440px){.p-job-item .icon svg{width:15px}
}
@media screen and (max-width:768px){body{min-width:auto}
    .page-job-box{display:block}
    .p-job-left{width:100%;position:inherit;height:auto}
    .p-job-left .tit{font-size:18px}
    .p-job-right{width:100%;height:auto;margin-bottom:10px}
    .p-job-item{height:auto}
    .p-job-item:before{display:none}
    .p-job-item .icon{width:10vw;height:10vw}
    .p-job-item .icon svg{margin-left:3vw;margin-top:3.5vw}
    .p-job-item .job-name{font-size:18px;padding:8vw 5vw 0 5vw}
    .p-job-item .job-text{padding:5vw}
    .p-job-item .job-text p{font-size:14px}
    .p-job-item .icon:before{display: none}
    .p-job-item:hover .icon:before{display: none}
}
.page-quality-box{padding:80px 0}
.page-quality-box a{padding:15px;float:left;width:49%;margin-right:1%;margin-bottom:1%}
.page-quality-box a:nth-child(2n){margin-right:0}
.p-quality-item{display:flex;justify-content:space-between;align-items:stretch;background-color:#fff}
.p-quality-item .qua-img{width:32%;margin-right:2%;position:relative;overflow:hidden}
.p-quality-item .qua-img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;transition:-webkit-transform 2s}
.p-quality-item .qua-text{width:52%}
.p-quality-item .qua-text h4{padding-top:10px;font-size:1vw;color:#313032;line-height:2;font-weight:bolder}
.p-quality-item .qua-text p{font-size:var(--FEY-font-size-16);line-height:1.8;letter-spacing:1px;color:#3a3a3a}
.p-quality-item .date{padding-top:10px;padding-right:15px;width:14%;text-align:right}
.p-quality-item .date span{margin-bottom:10px;font-size:16px;width:100%;display:block;color:#7d7d7d}
.p-quality-item .date i{display:inline-block;width:25px;height:25px;position:relative}
.p-quality-item .date i img{display:block;width:100%;position:absolute;top:50%;transform:translateY(-50%);transition:ease .5s;opacity:0}
.p-quality-item .date i img:nth-child(2){opacity:1}
.page-quality-box a:hover{background-color:#0057c2}
.p-quality-item:hover .qua-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.p-quality-item:hover .date i img:nth-child(1){opacity:1}
.p-quality-item:hover .date i img:nth-child(2){opacity:0}

@media screen and (max-width:768px){
    .page-quality-box{padding:20px 0}
    .page-quality-box a{float:none;display:block;width:100%;margin-right:0}
    .p-quality-item .qua-img{width:35%;margin-right:3%}
    .p-quality-item .qua-text{width:62%}
    .p-quality-item .qua-text h4{padding-top:0;font-size:16px;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .p-quality-item .qua-text p{font-size:13px}
    .p-quality-item .date{padding-right:0;display:none}
    .p-quality-item .date span{font-size:12px}
    .p-quality-item .date i{width:18px;height:18px}
}

/*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: #0049ac;border-color: #0049ac;color: #fff}
.page a:hover{border-color: #0049ac;color: #0049ac}
@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: #999;width: 50%}
.page-next p:last-child{text-align: right}
.page-next p a{color: var(--FEY-text-color-blouk);display: block;font-weight: bold}
.page-next p:hover,.page-next p:hover a{color: var(--FEY-hover-color);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{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 0}
.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-text-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-text-color-white);padding: 0 10px}
.page-search-summary{font-size: var(--FEY-font-size-14);line-height: 2;color: var(--FEY-text-color-999);margin-bottom: 10px;}
.page-search-time{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-999)}
.page-search-item:hover .page-search-title{color: var(--FEY-hover-color)}
@media(max-width: 760px){
    .page-search-container{padding: 30px 0}
    .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-quality-container .container,.page-solution-container .container,.page-service-container .container{max-width: 1440px}
/*page solution two*/
.page-solution-list-tow li{padding:0 15px ;margin-bottom: 30px;}
.page-solution-list-tow li a{display: block;overflow: hidden;position: relative}
.page-solution-list-tow li .page-solution-img{width: 100%;height: 340px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s}
.page-solution-list-tow li .page-solution-text{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,73,172,.7);padding: 15px;}
.page-solution-list-tow li .page-solution-text .page-solution-title{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-white)}
.page-solution-list-tow li .page-solution-text p{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-white)}
.page-solution-list-tow li:hover .page-solution-img{transform: scale(1.1)}
@media(max-width: 760px){
    .page-solution-list-tow li{padding: 0 10px;margin-bottom: 20px;}
    .page-solution-list-tow li .page-solution-img{height: 240px;}
    .page-solution-list-tow li .page-solution-text{padding: 10px;}
    .page-solution-list-tow li .page-solution-text .page-solution-title{font-size: var(--FEY-font-size-14);min-height: 30px}
    .page-solution-list-tow li .page-solution-text p{font-size: var(--FEY-font-size-12)}
}
/*page service two*/
.page-service-list-tow{margin-top: 5vw;margin-bottom: 3vw}
.page-service-two-item{display: flex;margin-bottom: 30px;overflow: hidden}
.page-service-two-item .page-service-img{flex: 1;max-width: 45vw;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden}
.page-service-two-item .page-service-img img{transition:ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s}
.page-service-two-item .page-service-content{flex: 1;max-width: 55vw;position: initial;padding-left: 5vw}
.page-service-two-item .page-service-text{width: 100%;direction: ltr}
.page-service-two-item:nth-child(even) {direction:rtl}
.page-service-two-item:nth-child(even) .page-service-content{padding-left: 0;padding-right: 5vw;}
.page-service-two-item:nth-child(even) .page-service-content .page-text{direction: ltr}
.page-service-two-item .page-service-title{font-size: 32px;color: #0f80e0;font-weight: bold;margin-bottom: 10px;}
.page-service-two-item .page-service-title span{font-style: italic;margin-right: 10px;font-size: 60px;}
.page-service-two-item .page-service-title em{font-size: 16px;color: rgba(204, 204, 204, 1);margin-left: 10px;font-weight: normal;font-style: normal;text-transform: capitalize}
.page-service-two-item .page-service-img:hover img{transform: scale(1.1)}
@media(max-width: 760px){
    .page-service-two-item{display: block}
    .page-service-two-item .page-service-img{width: 100%;max-width: 100%}
    .page-service-two-item .page-service-img img{display: block !important}
    .page-service-two-item .page-service-content{max-width: 100%;padding: 0;margin-top: 15px;}
    .page-service-two-item .page-service-title{font-size: 2.2rem}
    .page-service-two-item .page-service-title span{font-size: 3rem}
    .page-service-two-item .page-service-title em{font-size: 1.2rem}
}


/*quality*/
.topic-main .container{max-width: 1440px;}
.topic-title{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-blouk)}
.topic-title span{margin-left: 10px;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-999);text-transform: uppercase;font-family: "Malgun Gothic";font-weight: bold}
.topic-quality{margin-top: 70px;}
.topic-subtitle {margin-top: 20px;font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-blouk)}
.topic-quality-container{margin-top: 70px;}
.topic-quality-item{display: flex;direction: rtl;margin-bottom: 60px;}
.topic-quality-item:last-child{direction: ltr;margin-bottom: 0}
.topic-quality-left {flex: 1;text-align: left;padding-right: 5vw;direction: ltr}
.topic-quality-right{flex: 1;max-width: 35.52vw}
.topic-quality-item:last-child .topic-quality-left{padding-left: 7vw;padding-right: 0}
.topic-quality-title{width: 100%;text-align: left;font-size: var(--FEY-font-size-30);color: var(--FEY-text-color-333);font-family: Simsun;font-weight: bold}
.topic-quality-title-en{text-align: left;width: 100%;margin-top: 5px;font-size: var(--FEY-font-size-30);color: #F0F0F0;text-transform: uppercase;font-family: SimSun;font-weight: bold}
.topic-quality-subtitle{font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-333);width: 100%;}
.topic-quality-subtitle p{font-size: var(--FEY-font-size-18);margin-top: 5px;}
.topic-quality-left .page-text{margin-top: 35px;font-size: var(--FEY-font-size-16);}
.topic-process{margin-top: 50px;}
.topic-process-top{position: relative}
.topic-process-top:before{position: absolute;left: 0;top: 0;width: 80%;height: 100%;background: url(../images/quality_backg_1.jpg) no-repeat left center;background-size: cover;content: ''}
.topic-process-top .container{position: relative;z-index: 2;padding: 40px 0 30px 7.08vw}
.topic-process-top h3{font-size: 1.1458vw;color: var(--FEY-text-color-white)}
.topic-process-top .page-text{margin-top: 20px;font-size: 1.354vw;color: var(--FEY-text-color-white);max-width: 43.64vw;margin-left: 0}
.topic-process-bottom{margin-top: 50px;}
.topic-process-bottom .container{padding-left: 6.25vw}
.topic-external{margin-top: 65px}
.topic-external-container{margin-top: 110px;position: relative;}
.topic-external-container:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 24.479vw;background: #0057C2;content: ''}
.topic-external-item{width: 100%;background-color: #063363;background-repeat: no-repeat;background-size: 100% auto;position: relative;padding: 20px;cursor: pointer}
.topic-external-number{margin-top: 10px;text-align: right;font-size: var(--FEY-font-size-30);color: var(--FEY-text-color-white);font-weight: 700}
.topic-external-icon{margin-top: 55px;margin-bottom: 40px;}
.topic-external-icon img{max-height: 66px;}
.topic-external-title{text-align: center;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-white);margin-bottom: 45px;}
.topic-external-summary{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-white);line-height: 2.2;min-height: 100px;margin-bottom: 10px;}
.swiper-external  ul li{max-width: 394px}
.swiper-external  ul li:first-child .topic-external-item,.swiper-external  ul li:first-child .fabric-external-content{background-image: url(../images/quality_backg_2.png);background-position: top right;background-size: contain}
.swiper-external  ul li:nth-child(2) .topic-external-item,.swiper-external  ul li:nth-child(2) .fabric-external-content{background-image: url(../images/quality_backg_3.png);background-position: top right}
.swiper-external  ul li:nth-child(3) .topic-external-item,.swiper-external  ul li:nth-child(3) .fabric-external-content{background-image: url(../images/quality_backg_4.png);background-position: center right}
.swiper-external  ul li:nth-child(4) .topic-external-item,.swiper-external  ul li:nth-child(4) .fabric-external-content{background-image: url(../images/quality_backg_5.png);background-position: top right}
.swiper-external  ul li:nth-child(5) .topic-external-item,.swiper-external  ul li:nth-child(5) .fabric-external-content{background-image: url(../images/quality_backg_6.png);background-position: center right}
.swiper-external  ul li:nth-child(6) .topic-external-item,.swiper-external  ul li:nth-child(6) .fabric-external-content{background-image: url(../images/quality_backg_7.png);background-position: center right}
.topic-external-text{position: relative;z-index: 2;margin-top: 30px;}
.topic-external-text .container{padding-bottom: 25px;}
.topic-external-text .topic-external-summary{max-width: 59.375vw;margin-left: 0;font-size:1.35416vw}
.external-next,.external-prev{width: 60px;height: 60px;border: solid 2px #fff;border-radius: 50%;margin-top: -30px}
.external-next:after,.external-prev:after{font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white)}
.external-next{right: 6.9vw;}
.external-prev{right: 12.21875vw;left: auto}
.topic-prove{margin: 65px auto}
.topic-prove-box{display: flex;}
.topic-prove-item{flex: 1;margin-right: 7.3vw}
.topic-prove-item:last-child{margin-right: 0}
.topic-prove ul li a{overflow: hidden;position: relative;display: block}
.topic-prove ul li .topic-prove-icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;background: rgba(255,255,255,.4)}
.topic-prove ul li .topic-prove-icon svg{width: 50px;height: 50px;fill: #0f80e0}
.topic-prove ul li:hover .topic-prove-icon{display: flex}
#external{/*position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;z-index: 9999;*/display: none}
.topic-layer{background: transparent !important;box-shadow: none !important}
/*.layer-bg{background: rgba(0,0,0,.4);width: 100%;height: 100%;position: absolute;left: 0;top: 0}*/
#external .container{position: relative;z-index: 2;background:-webkit-gradient(linear,100% 0%, 31% 29%, from(#2180f4), to(#0f6fe5))
;border-radius: 5px;max-width: 40vw}
.layer-close{position: absolute;right: 10px;top: 10px;cursor: pointer;z-index: 3}
.layer-close svg{width: 20px;height: 20px;fill: #fff}
.layer-title{padding: 10px 15px;font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white);font-weight: bold;line-height: 1.5;position: relative}
.layer-title:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:-webkit-gradient(linear,100% 0%, 31% 29%, from(#0f6fe5), to(#2180f4)) ;content: ''}
.layer-text{padding: 20px}
.layer-text .page-text{font-size: var(--FEY-font-size-14);color:var(--FEY-text-color-white);line-height: 2;opacity: .9}
.layer-text .page-text b{margin-bottom: 10px;}
@media(max-width:1400px){
    .external-prev{right: 15vw}
    #external .container{max-width: 60vw}
}
@media(max-width: 760px){
    .topic-title{font-size: var(--FEY-font-size-24)}
    .topic-title span{font-size: var(--FEY-font-size-14)}
    .topic-subtitle{font-size: var(--FEY-font-size-14)}
    .topic-quality{margin-top: 50px;}
    .topic-quality-container{margin-top: 30px;}
    .topic-quality-item{display: block;margin-bottom: 30px;}
    .topic-quality-right{max-width: 100%}
    .topic-quality-left{padding: 0 !important;margin-top: 20px;}
    .topic-quality-title{font-size: var(--FEY-font-size-20)}
    .topic-quality-title-en{font-size: var(--FEY-font-size-12)}
    .topic-quality-subtitle{font-size: var(--FEY-font-size-14)}
    .topic-quality-subtitle p{font-size: var(--FEY-font-size-14)}
    .topic-quality-left .page-text{margin-top: 20px;font-size: var(--FEY-font-size-12)}
    .topic-process{margin-top: 30px;}
    .topic-process-top:before{width: 100%}
    .topic-process-top .container{padding: 25px 15px}
    .topic-process-top h3{font-size: var(--FEY-font-size-20);text-align: center}
    .topic-process-top .page-text{margin-top: 10px;max-width: 100%;font-size: var(--FEY-font-size-14)}
    .topic-process-bottom{margin-top: 30px;}
    .topic-process-bottom .container{padding-left: 10px}
    .topic-external{margin-top: 50px;}
    .topic-external-container:before{height: 60vw}
    .topic-external-container{margin-top: 30px}
    .swiper-external{margin: auto 5px;}
    .topic-external-item{padding: 15px;}
    .topic-external-number{font-size: var(--FEY-font-size-20);margin-top: 0}
    .topic-external-icon{margin-top: 15px;margin-bottom: 30px;}
    .topic-external-title{font-size: var(--FEY-font-size-20);margin-bottom: 20px;}
    .topic-external-summary{font-size: var(--FEY-font-size-12);min-height: 80px}
    .external-next, .external-prev{width: 30px;height: 30px;}
    .external-next:after, .external-prev:after{font-size: var(--FEY-font-size-12)}
    .external-next{right: 2vw}
    .external-prev{right: calc(4vw + 30px)}
    .topic-external-text .container{padding-bottom: 10px}
    .topic-external-text .topic-external-summary{max-width: 70vw;font-size: var(--FEY-font-size-12)}
    .topic-prove{margin: 30px 0}
    .topic-prove-item{margin-right: 2vw}
    #external .container{max-width: 90vw}
}

/*page product brand*/
.page-product-brand-list{margin-top: 50px;}
.page-product-brand-item{background-color: #fff;margin-bottom: 30px;padding:2vw;display: flex;border-radius: 5px;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time)}
.page-product-brand-left{flex: 1;display: flex}
.page-product-brand-logo{flex: 1;max-width: 120px;}
.page-product-brand-summary{flex: 1;max-width: calc(100% - 120px);font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-333);line-height: 2.4;padding-left: 2.5vw;padding-right: 3.5vw}
.page-product-brand-right{flex: 1;max-width: 20vw;overflow: hidden;border-left: solid 1px #f7f7f7;padding-left: 3.5vw}
.page-product-brand-right span{width: 50%;float: left;font-size: var(--FEY-font-size-18);line-height: 2.5;color: #0f6fe5}
.page-product-brand-item:hover{box-shadow: 0 0 10px rgba(0,0,0,.1)}
@media(max-width: 760px){
    .page-product-brand-list{margin-top: 30px;}
    .page-product-brand-item{display: block;padding: 5vw 2vw}
    .page-product-brand-left{display: block;}
    .page-product-brand-logo{max-width: 100%;width: 100%;margin-bottom: 20px;}
    .page-product-brand-logo img{margin: auto;max-height:90px}
    .page-product-brand-summary{max-width: 100%;padding: 0;font-size: var(--FEY-font-size-14)}
    .page-product-brand-right{max-width: 100%;border-top: solid 1px #f7f7f7;border-left: none;margin-top: 15px;padding-top: 15px;}
    .page-product-brand-right span{width: 33.33%;font-size: var(--FEY-font-size-14)}
}

.page-authorize-container .container{max-width: 1400px;}


/*topic two*/
.fabric-quality{margin-top: 80px;}
.fabric-quality .topic-subtitle,.fabric-process .topic-subtitle{line-height: 2.3;}
.fabric-quality .topic-subtitle span{font-size: var(--FEY-font-size-20);color: #0057C2}
.fabric-quality .topic-quality-item{display: flex;direction: ltr;box-shadow: 0 0 14px rgba(0,0,0,.05);margin-bottom: 0}
.fabric-quality .topic-quality-item:nth-child(2){direction: rtl;margin-bottom: 0}
.fabric-quality .topic-quality-left {flex: 1;text-align: left;padding:0  2.7083vw !important;direction: ltr;max-width: 50%;background: url(../images/fabric_backg_1.png) no-repeat center;background-size: cover}
.fabric-quality .topic-quality-right{flex: 1;max-width: 50%;overflow: hidden}
.fabric-quality .topic-quality-right img{transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);-o-transition: var(--transition-time)}
.fabric-quality .topic-quality-number{width: 100%;text-align: left;font-family: Barlow;font-size: 3.75vw;font-weight: bold;color: var(--FEY-hover-color);line-height: 1;margin-bottom: 25px;overflow: hidden}
.fabric-quality .topic-quality-number img{max-width: 3.8021vw}
.fabric-quality .topic-quality-title{width: 100%;text-align: left;font-size: var(--FEY-font-size-24);color: #0057C2;margin-bottom: 10px;font-family: SourceHanSansHWTC}
.fabric-quality .topic-quality-left .page-text{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-333);width: 100%;line-height: 2.6;margin-top: 0;font-family: SourceHanSansHWTC;}
.fabric-quality .topic-quality-left .page-text p{padding-left: 25px;position: relative;background: url(../images/fabric_icon_0.png) no-repeat left top .77vw;background-size: 15px}
.fabric-quality .topic-quality-item:hover .topic-quality-right img{transform: scale(1.1)}
.fabric-process{margin-top: 80px;background: url(../images/fabric_backg_2.jpg) no-repeat fixed center;background-size: cover;padding-top: 70px;position: relative}
.fabric-process:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(6, 51, 99, 0.8);content: ''}
.fabric-process .topic-title,.fabric-process .topic-title span,.fabric-process .topic-subtitle{color: var(--FEY-text-color-white);position: relative;z-index: 2}
.fabric-process-box{margin-top: 60px;margin-bottom: 60px;position: relative}
.fabric-process-line{position: absolute;right: 0;background: var(--FEY-bg-color-white);height: calc(170px + 140px);top: 85px;width: 4px}
.fabric-process-box:after{position: absolute;top: 85px;right: -30px;width: 350px;height: 350px;border: solid 2px #fff;content: '';border-left: none;clip: rect(0 350px 350px 170px);border-radius: 0 50% 50% 0}
.fabric-process-list{position: relative;z-index: 2;margin-bottom: 140px;clear: both;padding-right: 8vw;display: flex;direction: ltr}
.fabric-process-list:after{clear: both;display: table;content: ''}
.fabric-process-list:last-child{margin-bottom: 0;direction: rtl}
.fabric-process-item{text-align: left;position: relative;margin-right: 10.57vw;flex: 1}
.fabric-process-list:last-child .fabric-process-item{margin-left: 10.57vw;margin-right: 0}
.fabric-process-item:last-child{margin-right: 0;margin-left: 0 !important}
.fabric-process-item:after{position: absolute;top: 85px;width: 10.57vw;height: 0;border-top:solid 2px var(--FEY-bg-color-white);content: ''}
.fabric-process-item:after{right: -10.57vw}
.fabric-process-list:first-child .fabric-process-item:last-child:after{width: 5vw;right: -5vw;display: none}
.fabric-process-list:last-child .fabric-process-item:first-child:after{width: 5vw;right: -5vw;display: none}


.fabric-process-top{display: inline-block;text-align: center;width: 8.6458vw;min-height: 205px;}
.fabric-process-icon{}
.fabric-process-icon img{max-height: 55px;margin: auto}
.fabric-process-icon:after{display: block;width: 17px;height: 17px;border-radius: 50%;background-color: var(--FEY-bg-color-white);content: '';margin: 20px auto;}
.fabric-process-title{font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white)}
.fabric-process-number{font-size: var(--FEY-font-size-36);color: var(--FEY-text-color-white);font-family: Barlow;font-weight: bold;margin-top: 15px;}
.fabric-process-img{position: absolute;top: 0;width: 100%;display: none}
.fabric-process-item:hover .fabric-process-img{display: block}
.fabric-external-top{margin-top: 90px;display: flex}
.fabric-external-right{flex: 1;max-width: 30.417vw}
.fabric-external-left{flex: 1;max-width: calc(100% - 30.417vw);padding-right: 3.2vw}
.fabric-external-title{width: 100%;text-align: left;font-size: 1.35416vw;color: #0057C2;margin-bottom: 30px;}
.fabric-external-left .page-text{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-333);line-height: 2.3}
.fabric-external .topic-external-container{background: url(../images/fabric_backg_3.jpg) no-repeat bottom center;background-size: contain;padding-bottom: 105px;}
.fabric-external .topic-external-container:before{display: none}
.fabric-external-content{position: absolute;top: 0;left: 0;width: 100%;background-color: #0057C2;background-repeat: no-repeat;background-size: 100%;min-height: 100%;visibility: hidden;opacity: 0;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);}
.fabric-external-content .topic-external-title{margin-top: 27px;margin-bottom: 12px;}
.fabric-external-text{max-height: 250px;overflow: auto;font-size: var(--FEY-font-size-16);line-height: 2;color: var(--FEY-text-color-white);margin: auto 0.625vw 25px 1.5625vw;padding-right:0.9375vw;}
.fabric-external .swiper-external ul li{padding-bottom: 115px;}
.fabric-external .swiper-external{padding-bottom:90px}
.fabric-external .external-next,.fabric-external .external-prev{bottom: 0;top: auto}
.fabric-external .swiper-external ul li:hover .fabric-external-content{visibility: visible;opacity: 1}
.fabric-prove{margin:125px auto 2vw}
.fabric-prove .container{padding: 0 9.89vw 6.5vw;background: url(../images/quality_backg_8.png) no-repeat bottom center;background-size: contain}
.fabric-prove .topic-prove-item{flex: 1;margin-right: 6.45vw}
.fabric-prove .topic-prove-item:last-child{margin-right: 0}
@media(max-width: 992px) and (min-width: 768px){
    .fabric-quality .topic-quality-left{padding:2.7083vw !important;}
    .fabric-quality .topic-quality-left .page-text{font-size: var(--FEY-font-size-14);line-height: 2}
    .topic-quality-right img{min-height: 100%;object-fit: fill}
    .fabric-process-icon img{height: 30px;}
    .fabric-process-icon:after{width: 10px;height: 10px;}
    .fabric-process-top{min-height: 150px;}
    .fabric-process-list{margin-bottom: 70px;}
    .fabric-process-item:after{top: 55px;right: -8.57vw}
    .fabric-process-box:after{top: 55px;}
    .fabric-process-box:after{width: 230px;height: 226px;clip:rect(0 255px 255px 105px)}
    .fabric-external-top{margin-bottom: 0}
    .fabric-external .topic-external-container{background-size: auto 50%}
    .external-prev{right: 20vw}
}
@media(max-width: 760px){
    .fabric-quality{margin-top: 50px;}
    .fabric-quality .topic-subtitle span{font-size: var(--FEY-font-size-14)}
    .fabric-quality .topic-subtitle, .fabric-process .topic-subtitle{line-height: 2}
    .fabric-quality .topic-quality-item{display: block}
    .fabric-quality .topic-quality-right{width: 100%;max-width: 100%}
    .fabric-quality .topic-quality-left{max-width: 100%;padding:4vw !important}
    .fabric-quality .topic-quality-number img{max-width: 6vw}
    .fabric-quality .topic-quality-title{font-size: var(--FEY-font-size-20)}
    .fabric-quality .topic-quality-left .page-text{font-size: var(--FEY-font-size-12);line-height: 2}
    .fabric-quality .topic-quality-left .page-text p{background-position: left top 7px}
    .fabric-process{margin-top: 40px;padding-top: 40px;}
    .fabric-process-box{margin-top: 30px;}
    .fabric-process-box:after{display: none}
    .fabric-process-list{display: block;padding: 0;margin-bottom: 0}
    .fabric-process-item{margin-right: 0;width: 50%;float: left;border-bottom: solid 1px rgba(255,255,255,.1);border-right: solid 1px rgba(255,255,255,.1);padding: 5vw;text-align: center}
    .fabric-process-item:after{display: none;}
    .fabric-process-item:nth-child(2n){border-right: none}
    .fabric-process-top{display: block;width: 100%;min-height: auto}
    .fabric-process-img{width: calc(100% - 10vw);height: calc(100% - 5vw);top: 5vw}
    .fabric-process-icon img{height: 30px;}
    .fabric-process-icon:after{width: 10px;height: 10px;margin: 15px auto}
    .fabric-process-title{font-size: var(--FEY-font-size-14)}
    .fabric-process-number{margin-top: 10px;font-size: var(--FEY-font-size-16)}
    .fabric-process-list:last-child .fabric-process-item{margin-left: 0}
    .fabric-process-list:last-child .fabric-process-item:last-child,.fabric-process-list:last-child .fabric-process-item:nth-last-child(2){border-bottom: none}
    .fabric-external-top{margin-top: 50px;display: block;margin-bottom: 0}
    .fabric-external-left{max-width: 100%;padding-right: 0}
    .fabric-external-title{font-size: var(--FEY-font-size-14);margin-bottom: 10px;}
    .fabric-external-left .page-text{font-size: var(--FEY-font-size-12);line-height: 2}
    .fabric-external-right{max-width: 100%;margin-top: 20px;}
    .fabric-external{margin-top: 50px}
    .fabric-external .topic-external-container{padding-bottom: 10vw;background-size: auto 50%}
    .fabric-external-text{font-size: var(--FEY-font-size-12);margin: auto 1.625vw 25px 2.5625vw;max-height: 200px}
    .fabric-external .swiper-external{padding-bottom: 50px}
    .fabric-external .swiper-external ul li{padding-bottom: 100px}
    .fabric-external .swiper-external ul li.swiper-slide-active .fabric-external-content{visibility: visible;opacity: 1}
    .topic-prove{margin: 30px 0}
    .topic-prove .container{padding: 0 3vw 7.5vw}
    .topic-prove-item{margin-right:2.5vw}
}