@import "animate.min.css";@import "bootstrap.min.css";@import "public.youacacia.min.css";
/*redefine global*/
:root{
    --color1: #e73828;
        --color2: #f29600;
    --FEY-color-e60013:#e60013;
    --FEY-color-e60013:#e60013;
    --FEY-color-EEF0F3: #EEF0F3;
}
::-webkit-scrollbar {width: 4px;height: 11px;border: none;background: var(--color2)}
::-webkit-scrollbar-track-piece {border: none;position: absolute;padding: 0;box-shadow: none;background: var(--color2, #DA0A20);border-radius: 1px}
::-webkit-scrollbar-thumb:vertical {background: var(--color2, #DA0A20);border-radius: 0;border: none}
::-webkit-scrollbar-thumb:horizontal {background: var(--color2, #DA0A20);border-radius: 0;border: none}
::-webkit-scrollbar {width: 4px;height: 12px}
::-webkit-scrollbar-button:vertical {display: none}
::-webkit-scrollbar-track:vertical {background: var(--color2, #DA0A20)}
::-webkit-scrollbar-track-piece {background: #fff}
::-webkit-scrollbar-thumb:vertical {background: var(--color2, #DA0A20);border-radius: 5px}
::-webkit-scrollbar-thumb:vertical:hover {background: var(--color2, #DA0A20)}
::-webkit-scrollbar-corner:vertical {background: var(--color2, #DA0A20)}
@font-face {
    font-family: 'SourcehanSansCn';
    /* Project id 2779080 */
    src: url('../fonts/SourcehanSansCn-Regular.eot');
    /* IE9 */
    src: url('../fonts/SourcehanSansCn-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourcehanSansCn-Regular.woff2') format('woff2'), url('../fonts/SourcehanSansCn-Regular.woff') format('woff'), url('../fonts/SourcehanSansCn-Regular.ttf') format('truetype'), url('../fonts/SourcehanSansCn-Regular.svg') format('svg');
}
@font-face {
    font-family: 'Barlow';
    src: url("../fonts/Barlow-Regular.ttf");
}
@font-face {
    font-family: 'iconfont';  /* Project id 3804367 */
    src: url('//at.alicdn.com/t/c/font_3804367_qh5ig0rfga.eot?t=1675302242873'); /* IE9 */
    src: url('//at.alicdn.com/t/c/font_3804367_qh5ig0rfga.eot?t=1675302242873#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/c/font_3804367_qh5ig0rfga.woff2?t=1675302242873') format('woff2'),
    url('//at.alicdn.com/t/c/font_3804367_qh5ig0rfga.woff?t=1675302242873') format('woff'),
    url('//at.alicdn.com/t/c/font_3804367_qh5ig0rfga.ttf?t=1675302242873') format('truetype'),
    url('//at.alicdn.com/t/c/font_3804367_qh5ig0rfga.svg?t=1675302242873#iconfont') format('svg');
}
.yc-icon {
    font-family: "iconfont" !important;
    font-size: var(--FEY-font-size-18);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: SourcehanSansCn
}
div{margin: 0}
/*header*/
#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 20;padding:0 8.33vw;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;}
#header:before{position: absolute;left: 0;top: 0;width: 100%;height: 0;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;background: var(--FEY-color-white);content: '';z-index: -1}
#header>.container{width: 100%;display: flex;justify-content: space-between;z-index: 4}
.header-left{display: flex;flex: 1;align-items: center}
.header-logo{width: 9.6354vw;background: url(../images/logo_1.png) no-repeat left center;background-size: contain;margin-right: 1.5625vw;height: 60px}
.header-logo a{display: block;width: 100%;height: 100%;opacity: 0}
.header-nav{display: flex}
.header-nav-item{padding: 0 .78125vw;font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);line-height: 32px}
.header-nav-item a{color: var(--FEY-color-white);position: relative;display: block}
.header-nav-item>a{padding: 20px 0}
.header-nav-item>a:after{position: absolute;left: 0;bottom: 5px;width: 100%;height: 2px;background: var(--FEY-color-333);content: '';transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;visibility: hidden;opacity: 0}
.header-nav-item:hover>a,.header-nav-item.active>a{font-weight: 700;font-size: var(--FEY-font-size-18)}
.header-nav-item:hover>a:after{visibility: visible;opacity: 1}
.header-nav-menu{position: absolute;left:-12.5%;top: 72px;text-align: center;width: 125%;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;display: none;padding-top: 3px}
.header-nav-menu>a{display: block;font-size: var(--FEY-font-size-16);color: var(--FEY-color-333);padding: 5px 0;background: var(--FEY-color-white);border: none;white-space: nowrap}
.header-nav-menu>a:first-child{border-radius: 4px 4px 0 0;}
.header-nav-menu>a:last-child{border-radius: 0 0 4px 4px}
.header-nav-menu>a:hover{background: var(--FEY-color-EEF0F3);}
.header-nav-item:hover>.header-nav-menu{display: block;}
.header-right{display: flex;justify-content: right;align-items: center}
.header-cn{line-height: 32px;margin-right: 2.1875vw}
.header-cn a i{font-size: var(--FEY-font-size-30);color: var(--FEY-color-white);display: block}
.header-tel{color: var(--FEY-color-white);line-height: 32px;display: flex}
.header-tel i{font-size: var(--FEY-font-size-22);float: left}
.header-tel span{margin-left: 10px;font-size: var(--FEY-font-size-22);}
#header.active:before{height: 100%}
#header.active .header-logo,#header.scroll .header-logo,#header.isMobile .header-logo{background: url(../images/logo_3.png) no-repeat left center;background-size: contain}
#header.active .header-nav-item a,#header.active .header-tel,#header.active .header-cn i,#header.scroll .header-nav-item a,#header.scroll .header-tel,#header.scroll .header-cn i,#header.isMobile .header-cn i{color: var(--FEY-color-333)}
#header.scroll{padding: 0 8.33vw;background: var(--FEY-color-white);box-shadow: 0 0 5px rgba(0,0,0,.2)}
#header.isMobile{background: var(--FEY-color-white);box-shadow: 0 0 5px rgba(0,0,0,.2)}
@media screen and (max-width:1366px){
	.header-nav-menu{
		left: -45%;
		width: 180%;
	}
}
@media(max-width: 1180px){
    #header{padding-left: 5.02vw !important;padding-right: 5.02vw !important}
}
@media(max-width: 767px){
    #header{padding: 10px 1vw !important;height: 50px;}
    #header .container{height: 100%;}
    .header-logo{width: 40vw;height: 100%;margin:1px auto}
    .header-cn{margin-right: 0}
    #header .header-button{margin-top: -10px;}
    #header .header-button:before,#header .header-button:after,#header .header-button span{background: var(--color2)}
    #header.scroll{padding: 5px 1.5vw}
    #header.scroll .header-button{margin-top: -10px;}
    #header.scroll .header-button:before,#header.scroll .header-button:after,#header.scroll .header-button span,#header.isMobile .header-button:before,#header.isMobile .header-button:after,#header.isMobile .header-button span{background: var(--color2)}
}
/*header nav show*/
.header-menu-box{position: absolute;display: none;left: 0;top: 72px;width: 100%;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;padding-top: 3px;z-index: 2}
.header-nav-show{border-radius: 0;background: var(--FEY-color-white);}
.header-menu-box .header-nav-show{position: inherit;top: 0}
.header-nav-show .container{width: 100%}
.header-nav-tab{background: rgba(0,0,0,.05);padding: 0 8.33vw}
.header-nav-tab .container{display: flex;justify-content: space-between}
.header-nav-list{flex: 1;text-align: left;display: flex;height: 64px}
.header-nav-label{line-height: 64px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-999);margin-right: 25px;cursor: pointer;position: relative}
.header-nav-label:after{position: absolute;left: 50%;bottom: 2px;width: 0;height: 2px;background: var(--FEY-color-black);content: '';transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;visibility: hidden;opacity: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%)}
.header-tab-close{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;margin-top: 12px;border-radius: 50%;cursor: pointer;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;}
.header-tab-close i{font-size: var(--FEY-font-size-24);color: var(--FEY-color-333)}
.header-nav-label:hover,.header-nav-label.active{color: var(--FEY-color-333)}
.header-nav-label:hover:after,.header-nav-label.active:after{visibility: visible;opacity: 1;width: 100%}
.header-tab-close:hover{background: rgba(0,0,0,.07);}
.header-menu-container{padding: 30px 8.33vw;height: calc(100vh - 75px - 58px)}
.header-menu-container .container{height: 100%;overflow-y: auto;padding-right: 10px;overflow-x: hidden}
.header-product-list{display: flex;flex-direction: row;flex-wrap: wrap;width: calc(100% + 10px)}
.header-product-item{width: calc(25% - 15px);margin-right: 20px;text-align: left;margin-bottom: 20px;float: left}
.header-product-item:nth-child(4n){margin-right: 0}
.header-product-channel{margin-bottom: 15px;}
.header-product-type{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333)}
.header-product-subtitle{font-size: var(--FEY-font-size-16);color: var(--FEY-color-999)}
.header-product-hot{position: relative;overflow: hidden;margin-bottom: 15px;background:radial-gradient(50% 50%, rgba(246, 246, 246, 1) 0%, rgba(237, 239, 243, 1) 100%);;height: 232px}
.header-product-hot a{height: 100%;align-items: center}
.header-product-hot img{transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;height: 100%;margin: auto;transform: scale(.9)}
.header-product-hot .header-product-title{position: absolute;left: 0;bottom: 10px;text-align: center;width: 100%;font-size: var(--FEY-font-size-16);color: var(--FEY-color-666)}
.header-product-type-item{margin-bottom: 5px;}
.header-product-type-item a{display: flex}
.header-product-type-img{width: 40px;margin-right: 10px;}
.header-product-type-img{width: 40px;margin-right: 10px;}
.header-product-type-title{align-items: center;display: flex;font-size: var(--FEY-font-size-16);color: var(--FEY-color-666)}
.header-product-type-title:hover{color: var(--color2);text-decoration: underline}
.header-menu-title{text-align: left;font-size: var(--FEY-font-size-20);color: var(--FEY-color-333);margin-bottom: 20px}
.header-solution-list{border-bottom: solid 1px var(--FEY-color-f2f2f2);margin-bottom: 40px;display: flex}
.header-solution-list .header-menu-solution-item{width: calc(20% - 15px);margin-right: 18px;margin-bottom: 20px;}
.header-menu-solution-item:nth-child(5n){margin-right: 0}
.header-solution-title{text-align: left;margin-top: 10px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-666)}
.header-menu-solution .header-menu-content-item{display: none}
.header-support-type{display: flex;border-bottom: solid 1px var(--FEY-color-f2f2f2);margin-bottom: 40px;padding-bottom: 30px;}
.header-support-type-item{flex: 1;border-left: solid 1px var(--FEY-color-f2f2f2);text-align: left;padding-left: 2vw}
.header-support-type-item:first-child{border-left: none;padding-left: 0}
.header-support-item{font-size: var(--FEY-font-size-16);line-height: 2.4}
.header-support-item a{color: var(--FEY-color-666)}
.header-support-item:hover a{color: var(--color2);text-decoration: underline}
.header-support-more{text-align: left}
.header-support-more .home-more-link{border-radius: 5px;height: 50px;max-width: 160px;margin-left: 0;line-height: 50px;font-size: var(--FEY-font-size-18)}
.header-nav-item:hover .header-nav-show{top: 70px}
/*Nav*/
#nav{position: fixed;left: 0;top: 50px;width: 100%;height: calc(100vh - 50px);overflow-y: auto;z-index: 12;display: none}
#nav .nav-list{padding: 10px 0}
#nav .nav-list .nav-item{padding:10px 16px;border-bottom: none}
.nav-title{font-size: var(--FEY-font-size-16);position: relative;color: var(--FEY-color-333);line-height: 30px}
#nav .nav-list .nav-title>a{color: var(--FEY-color-333);font-size: var(--FEY-font-size-16)}
.nav-title i.yc-icon{position: absolute;right: 0;top: 0;font-size: var(--FEY-font-size-14);font-stretch: normal;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;cursor: pointer}
.nav-menu{padding: 0 15px 15px;margin-top: 5px;display: none;border-bottom: solid 1px var(--FEY-color-f2f2f2);}
.nav-menu a{display: block;padding: 5px 0;font-size: var(--FEY-font-size-16);color: var(--FEY-color-666)}
/*banner*/
#banner{position: relative}
@media(min-width: 1181px){
    #banner{height: 100vh;overflow: hidden;}
    #banner.page-banner{height: auto}
    .banner{height: 100%}
    .banner ul li img{height: 100%;/*object-fit: cover;*/width: 100%}
        .banner ul li #video{width: 100%;height: 100%;object-fit: cover}
}
#banner .swiper-slide._bgs::before{    content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);}
.banner-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;font-size:3.125vw;color: var(--FEY-color-white);font-weight: bold;padding-bottom: 11.5vw}
.banner-pagination-box{position: absolute;left: 50%;bottom: 50px;text-align: center;z-index: 10;display: flex;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);display: flex}
.banner-pagination{position: relative;z-index: 2;width: auto;left: auto;line-height: 26px;bottom: auto;margin-right:20px;display: flex}
.banner-pagination span{font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);font-weight: 700;opacity:.5 }
.banner-pagination span.swiper-pagination-current{opacity: 1}
.pagination-line{margin: auto 12px;width: 70px;height: 26px;position: relative}
.pagination-line:before,.pagination-line:after{position: absolute;left: 0;top: 50%;height: 2px;content: '';background: var(--FEY-color-white);margin-top: -1px;}
.pagination-line:before{width: 100%;opacity: .5}
.pagination-line:after{animation: lineWidth 5s}
.banner-pagination-info{font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);line-height: 26px}
.banner-pagination-info b{margin-left: 15px;font-weight: 700;}
.banner-mouse{margin-left: 15px;position: relative;width: 18px;height: 26px;}
.banner-mouse:before,.banner-mouse:after{position: absolute;left: 0;border: solid 2px var(--FEY-color-white);content: '';width: 100%}
.banner-mouse:before{border-radius: 9px 9px 0 0;border-bottom: none;height: 9px;top: 0}
.banner-mouse:after{border-radius:0 0 9px 9px;border-top: none;bottom: 0;height: 15px}
.banner-mouse-line{position: absolute;width: 2px;height: 7px;background: var(--FEY-color-white);left: 50%;top: 6px;margin-left: -1px;animation: mouseLine 1.5s linear infinite;-webkit-animation: mouseLine 1.5s linear infinite;-moz-animation: mouseLine 1.5s linear infinite;-ms-animation: mouseLine 1.5s linear infinite}
@keyframes mouseLine {
    0%{top: 6px}
    100%{top: 14px}
}
@-webkit-keyframes mouseLine {
    0%{top: 6px}
    100%{top: 14px}
}
@-moz-keyframes mouseLine {
    0%{top: 6px}
    100%{top: 14px}
}
@-ms-keyframes mouseLine {
    0%{top: 6px}
    100%{top: 14px}
}
@keyframes lineWidth {
    0%{width: 0px}
    100%{width: 100%}
}
@-webkit-keyframes lineWidth {
    0%{width: 0px}
    100%{width: 100%}
}
@-moz-keyframes lineWidth {
    0%{width: 0px}
    100%{width: 100%}
}
@media(max-width: 760px){
    .banner-text{padding-bottom: 0;font-size: var(--FEY-font-size-18)}
    .banner-pagination-box{bottom: 10px;}
    .pagination-line{width: 30px;}
    .banner-pagination-info{font-size: var(--FEY-font-size-14)}
}
/*main*/
.home-title{font-size: var(--FEY-font-size-40);color: var(--FEY-color-333);font-weight: bold}
.home-title-en{margin-top: 20px;font-size: var(--FEY-font-size-30);text-transform: uppercase;line-height: 1}
.home-subtitle{font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);margin-top: 15px;}
.home-more-link{display: block;width:13.02vw;max-width: 250px;height: 60px;background:linear-gradient(90deg, var(--color2) 0%, #3E87AC 100%);border-radius: 30px;text-align: center;font-size: var(--FEY-font-size-20);color: var(--FEY-color-white);margin: auto;line-height: 60px;font-weight: 400}
@media(max-width: 1180px){
    .home-title{font-size: var(--FEY-font-size-30)}
    .home-title-en{font-size: var(--FEY-font-size-20)}
    .home-subtitle{font-size: var(--FEY-font-size-18)}
    .home-more-link{width: 15vw;height: 40px;line-height: 40px;font-size: var(--FEY-font-size-18)}
}
@media(max-width: 760px){
    .home-title{font-size: var(--FEY-font-size-20)}
    .home-title-en{font-size: var(--FEY-font-size-18)}
    .home-subtitle{font-size: var(--FEY-font-size-16)}
    .home-more-link{width: 30vw;height: 30px;line-height: 30px;font-size: var(--FEY-font-size-16)}
}
/*home product*/
.product{padding: 70px 2.265625vw;background: #f5f5f5;}
.product-box{margin-top: 70px;display: flex}
.product-left{width: 25.78125vw;}
.product-list{margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;}
.product-item{width: calc(33.33% - 1.354167vw);margin-right: 1.354167vw;height: 400px /*calc(50% - 10px)*/;margin-bottom: 20px}
.product-item:nth-child(3n){margin-right: 0;}
/*.product-item:last-child,.product-item:nth-last-child(2),.product-item:nth-last-child(3){margin-bottom: 0}*/
.product-item-block{width:100%;height: 100%; display: flex;position: relative}
.product-title{position: absolute;font-size: var(--FEY-font-size-28);color: #fff;left: 5.476%;top: 9.0634%;z-index: 2;}
.product-item-block i{position: absolute;width: 58px;height: 26px;background: var(--FEY-color-white);border-radius: 13px;text-align: center;line-height: 26px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);bottom: 27px;left:5.476%;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;z-index: 2}
.product-img{width:100%;height: 100%; overflow: hidden;background: #EDEFF3}
.product-img img{transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;}
.product-list .product-img img{width:100%;height: 100%; object-fit: cover;object-position: bottom;/*transform: scale(.85);-webkit-transform: scale(.85);-moz-transform: scale(.85);-ms-transform: scale(.85)*/}
.product-left .product-title{left: 8.08%;top: 8.3577%}
.product-left .product-item-block i{left: 8.08%}
.product-item-block:hover .product-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.product-item-block:hover i{background: var(--color2);color: var(--FEY-color-white)}

.page-level2-list{display:flex;justify-content: center;flex-wrap: wrap;padding: 50px 0px;}
.page-level2-list::-webkit-scrollbar {display: none; }
.page-level2-list .page-level2-item{padding: 0px 30px;white-space: nowrap;}
.page-level2-list .page-level2-item a:hover{color: var(--color2);}
.page-level2-list .page-level2-item .page-level2-title{font-size:var(--FEY-font-size-18);line-height: 2; }
.page-level2-list .page-level2-item.active a{color: var(--color2)}
@media(max-width: 1180px){
    .product-item{height: calc(50% - 6px);margin-bottom: 12px;}
    .product-title{font-size: var(--FEY-font-size-20)}
    .product-item-block i{bottom: 10px}
}
@media(max-width: 992px){
    .product{padding: 50px 2.27vw}
    .product-box{margin-top: 40px;}
    .product-item-block i{height: 20px;line-height: 20px;width: 40px;font-size: var(--FEY-font-size-14)}
}
@media(max-width: 760px){
    .product{padding: 30px 2.3vw}
    .product-box{margin-top: 30px;flex-direction: column;flex-wrap: wrap;}
    .product-left{width: 100%;margin-bottom: 10px}
    .product-list{width: 100%}
    .product-item{width: calc(50% - 5px);margin-left: 0;margin-right: 5px;height: 200px;margin-bottom: 10px}
    .product-item:nth-child(2n){margin-left: 5px;margin-right: 0}
    .product-item:last-child,.product-item:nth-last-child(2){margin-bottom: 0}
    .product-title{font-size: var(--FEY-font-size-18)}
    .product-item-block i{font-size: var(--FEY-font-size-14)}
         .page-level2-list{overflow-x: scroll;justify-content: flex-start;flex-wrap: nowrap;}
}
/*home explore*/
.video{position: relative}
.video .home-title{margin-top: 40px;}
.video-title{position: absolute;left: 0;top: 0;width: 100%;z-index: 10;text-align: center}
.video-title .home-title{font-weight: normal;color: var(--FEY-color-white);margin-top: 60px}
.video-title .home-title-en{color: var(--FEY-color-white)}
.video-more{margin-top: 5px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);line-height: 2.5}
.video-more a{color: var(--FEY-color-white)}
.video-box{width: 100%}
.video-box video{
    display: block;
    width: 100%;
    object-fit: fill;
}
.video-block{width: 100%;height: auto;}
@media(max-width: 760px){
    .video-title .home-title{margin-top: 30px;}
    .video-more{font-size: var(--FEY-font-size-14)}
    .video-box{height: 300px}
    .video-box img{height: 100%;object-fit: cover}
}
/*home news*/
.news{padding: 60px 1.5625vw 100px;}
.news-container{margin-top: 60px;}
.swiper-news{margin-bottom: 70px;}
.swiper-news .swiper-wrapper{
	align-items: stretch
}
.swiper-news ul li{text-align: center;background: var(--FEY-color-EEF0F3);transition: ease-in .4s;-webkit-transition: ease-in .4s;-moz-transition: ease-in .4s;-ms-transition: ease-in .4s;-o-transition: ease-in .4s}
.swiper-news ul li .news-img{width: 100%;height: 240px;overflow: hidden;}
.swiper-news ul li:hover .news-img .page-news-img-block{transform: scale(1.1);}
.news-time{font-size: var(--FEY-font-size-18);color: var(--FEY-color-999);margin-bottom: 7px;}
.news-title{font-size: var(--FEY-font-size-26);color: var(--FEY-color-333);line-height: 1.538;font-weight: 400;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.news-more{margin-top: 20px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-999)}
.swiper-news ul li:hover a{background: var(--color2)}
.swiper-news ul li:hover .news-time{color: var(--FEY-color-white);opacity: .6}
.swiper-news ul li:hover .news-title{color: var(--FEY-color-white)}
.swiper-news ul li:hover .news-more{color: var(--FEY-color-white);opacity: .6}
.swiper-news ul li a{display: block;padding: 2.4vw 2.968vw 65px}
@media(max-width: 1180px){
        .swiper-news{height: 430px}
          .swiper-news ul li .news-img{height: 200px;}
    .news-title{font-size: var(--FEY-font-size-18)}
    .news-more{font-size: var(--FEY-font-size-16)}
}
@media(max-width: 760px){
    .news{padding: 50px 1.5vw}
    .news-container{margin-top: 40px;}
    .swiper-news{margin-bottom: 0px;height: 380px;}
    /*.swiper-news ul li{padding: 20px 3vw}*/
    .news-time,.news-more{font-size: var(--FEY-font-size-14)}
    .news-title{font-size: var(--FEY-font-size-16)}
}
/*footer*/
#footer{background: var(--color2);}
.footer-top{padding: 60px 13.02vw 50px;/*background: url(../images/backg_1.jpg) no-repeat top center;*/background-size: cover;position: relative;}
.footer-top::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .3);}
.footer-top .container{width: 100%;display: flex;justify-content: space-between;position:relative;z-index: 1;}
.footer-left{}
.footer-logo{background: url(../images/logo_2.png) no-repeat left center;height: 80px;background-size: contain;margin-bottom: 30px}
.footer-contact{font-size: var(--FEY-font-size-18);color: var(--FEY-color-white);line-height: 3.125;white-space: nowrap}
.footer-contact-item i{margin-right: 10px;font-size: var(--FEY-font-size-18)}
.footer-nav{flex: 1;display: flex;justify-content: right}
.footer-nav-item{margin-right: 4.167vw;min-width: 6.25vw}
.footer-nav.en{margin-left:4vw}
.footer-nav.en .footer-nav-item{margin-right: 3.5vw;}
.footer-nav-item:last-child{margin-right: 0 !important}
.footer-nav-item dt{margin-bottom: 10px;font-size: var(--FEY-font-size-18);font-weight: normal;line-height: 1.5}
.footer-nav-item dt a{color: var(--FEY-color-white)}
.footer-nav-item dd{font-size: var(--FEY-font-size-16);line-height: 3.5}
.footer-nav-item dd a{color: #fff;white-space: nowrap}
.footer-nav-item dd:hover a{color: var(--FEY-color-white)}

.footer-copy{padding: 15px 0;font-size: var(--FEY-font-size-16);color: var(--FEY-color-white);line-height:2}
.footer-copy span{margin: auto 1.5vw}
.footer-copy a{color: var(--FEY-color-white)}
.footer-copy em{font-style:normal;font-size:var(--FEY-font-size-14);}
.footer-top .contact_code{display:flex;}
.footer-top .contact_code ._code{width: 120px;text-align: center; }
.footer-top .contact_code ._code:first-child{margin-right: 20px;}
.footer-top .contact_code img{width: 100%; height: 120px;}
@media screen and (max-width:1366px){
	
}
@media(max-width: 1180px){
    .footer-top{padding-left: 5.02vw;padding-right: 5.02vw}
    .footer-contact{font-size: var(--FEY-font-size-16)}
}
@media(max-width: 992px){
    .footer-nav-item{margin-right: 2.167vw}
}
@media(max-width: 760px){
    .footer-top{padding: 30px 2vw}
    .footer-top .container{flex-direction: column;flex-wrap: wrap;}
    .footer-logo{display: none}
    .footer-contact{line-height: 2;font-size: var(--FEY-font-size-14);border-bottom: solid 1px rgba(255,255,255,.1);padding-bottom: 20px;margin-bottom: 30px;white-space: wrap;}
    .footer-contact-item i{width: 40px;}
    .footer-nav{flex-direction: column;flex-wrap: wrap}
	.footer-nav.en{
		margin-left: 0
	}
    .footer-nav-item{margin-right: 0;border-bottom: solid 1px rgba(255,255,255,.1);padding-bottom: 15px;margin-bottom: 20px;display: flex;flex-wrap: wrap;}
    .footer-nav-item:last-child{margin-bottom: 0;border-bottom: none}
    .footer-nav-item dt{font-size: var(--FEY-font-size-16);width: 100%}
    .footer-nav-item dd{margin-right: 15px;font-size: var(--FEY-font-size-14);line-height: 2}
    .footer-copy{padding: 15px 2vw;font-size: var(--FEY-font-size-14);}
}
/*page public*/
.page-banner,.page-banner-img{position: relative}
.page-banner-img:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(106, 145, 186, 0.01) 100%);content: '';}
.page-banner-title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;font-size: 3.125vw;color: var(--FEY-color-white);padding-top: 4vw}
.page-channel{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 3;}
.page-channel-list{display: flex;background: var(--FEY-color-333)}
.page-channel-item{line-height: 60px;flex: 1;text-align: center}
.page-channel-item a{display: block;font-size: var(--FEY-font-size-18);color: var(--FEY-color-white)}
.page-channel-item:hover,.page-channel-item.active{background: var(--color2)}
@media(min-width: 1440px){
    .page-channel .container,.page-container .container,.page-details-container .container,.page-product-section .container,.page-product-parameter .container,.page-product-content.container{width: 72.92vw;min-width: 1400px}
}
@media(max-width: 1180px){
    .page-channel-item{line-height: 44px}
    .page-channel-item a{font-size: var(--FEY-font-size-18)}
}
@media(max-width: 1024px){
    .page-banner-title{font-size: var(--FEY-font-size-32);padding-top: 2vw}
}
@media(max-width: 760px){
    .page-banner-img{height:320px}
    .page-banner-img img{height: 100%;object-fit: cover}
    .page-banner-title{font-size: var(--FEY-font-size-24);padding-top: 0}
    .page-channel-item{line-height: 40px}
    .page-channel-item a{font-size: var(--FEY-font-size-16)}
}
/*about*/
.page-about{padding: 90px 0 80px;}
.page-about-title{font-size: var(--FEY-font-size-40);color: var(--FEY-color-333);line-height: 1;margin-bottom: 10px;}
.page-about-subtitle{font-size: var(--FEY-font-size-30);color: var(--FEY-color-333);text-transform: uppercase;line-height: 1.2}
.page-about-container{margin: 85px 0;display: flex;padding: 0 13.5417vw}
/*.page-about-left{width: calc(100% - 41.5625vw);margin-right: 3.33vw}*/
.page-about-left{width: 100%;margin-left: 3.33vw;}
.page-about-left .page-text,.page-technical .page-text{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);line-height: 2;text-indent: calc(2*var(--FEY-font-size-18));
text-align: justify;}
.en-about .page-text{text-indent:  var(--FEY-font-size-20)}
.index-about-container .page-about-left .page-text{overflow: hidden;-webkit-line-clamp: 10;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.index-about-container .page-about-left .page-more{margin-top: 20px;font-size: var(--FEY-font-size-18); color: #666;display: inline-block;border-radius: 20px;background: #eee;padding: 3px 20px;}
.index-about-container .page-about-left .page-more:hover{background: var(--color2);color: #fff}
.page-number-list{margin-top: 40px;display: flex;justify-content: space-between}
.page-number-top{font-size: var(--FEY-font-size-20);color: var(--FEY-color-333)}
.page-number-top .number{font-size: var(--FEY-font-size-36);color: var(--color2);font-family: Barlow;font-weight: 500}
.page-number-title{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);line-height: 2}
.page-about-right{width: 50vw}
.page-about-right video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.page-partner{/* background: url(../images/about_backg.jpg) no-repeat top center; */background: #eee;padding: 100px 0 105px;background-size: cover}
.page-partner-box{margin-top: 110px;/*height: 205px;*/}
/* .swiper-partner{height: calc(50% - 10px)} */
.swiper-partner:first-child{margin-bottom: 20px}
.swiper-partner{height: 100%;}
.swiper-partner ul li{background: var(--FEY-color-white);max-height: 205px}
.page-partner-img{width: 100%;height: 100%;overflow: hidden;position: relative}
.page-partner-title{position: absolute;width: 100%;padding: 10px 0;background: rgba(242,150,0,0.8);font-size: var(--FEY-font-size-18);color: #fff;text-align: center;left:0;bottom: 0;}
.page-partner-img .page-news-img-block{background-size: cover;height: 22vw}
.swiper-partner ul li:hover .page-news-img-block{transform: scale(1.1)}
.page-partner-box .swiper-recommend .swiper-slide a{width:100%;}
@media(max-width: 1180px){
    .page-about{padding: 60px 0 50px}
    .page-about-container{padding-left: 5vw;margin-top: 50px}
    .page-about-title{font-size: var(--FEY-font-size-30)}
    .page-about-subtitle{font-size: var(--FEY-font-size-20)}
    .page-about-left .page-text{font-size: var(--FEY-font-size-16);text-indent: calc(2*var(--FEY-font-size-16))}
    .page-number-top{font-size: var(--FEY-font-size-18)}
    .page-number-top .number{font-size: var(--FEY-font-size-24)}
    .page-number-title{font-size: var(--FEY-font-size-16)}
    .page-partner{padding: 80px 0 70px}
    .page-partner-box{margin-top: 60px;/*height: 340px*/}
    .swiper-partner ul li{max-height: 160px}
}
@media(max-width: 760px){
    .page-about{padding: 40px 0}
    .page-about-title{font-size: var(--FEY-font-size-20)}
    .page-about-subtitle{font-size: var(--FEY-font-size-16)}
    .page-about-container{padding: 0 2vw;margin-top: 30px;flex-direction: row;flex-wrap: wrap}
    .page-about-left{width: 100%;margin-right: 0}
    .page-about-right{width: 100%;height: 240px;margin-top: 30px;}
    .page-about-left .page-text{font-size: var(--FEY-font-size-14);line-height: 2}
    .page-number-list{margin-top: 30px;}
    .page-number-top{font-size: var(--FEY-font-size-16)}
    .page-number-top .number{font-size: var(--FEY-font-size-18)}
    .page-number-title{font-size: var(--FEY-font-size-14)}
    .page-partner{padding: 50px 0 30px}
    .page-partner-box{margin-top: 30px;/*height: 200px*/}
    .page-partner-img{padding: 10px}
}
@media(max-width: 320px){
    /*.page-partner-box{height: 160px}*/
}
/* ��Ʒ����*/
.page-advantage .container{padding: 50px 0;font-size: var(--FEY-font-size-18);}
.page-advantage .container img{max-width: 100%;height: auto !important;}
.page-advantage .page-solution-channel{margin-bottom: 40px;}
/*news*/
.page-news-container{padding: 90px 0}
.page-news-hot{margin-bottom: 90px;}
.page-news-img-block{background-repeat: no-repeat;background-position: center;background-size: cover;display: block;width: 100%;height: 100%;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;}
.page-news-hot .page-news-img{height: 18.49vw;overflow: hidden}
.page-news-hot .page-news-title{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);display: flex;margin-top: 40px;align-items: center;margin-bottom: 15px;}
.page-news-hot .page-news-title span{flex: 1;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;margin-right: 1vw}
.page-news-title i{color: #D43030;font-size: var(--FEY-font-size-16);}
.page-news-summary{font-size: var(--FEY-font-size-18);color: var(--FEY-color-999);line-height: 2;width: 100%}
.page-news-hot .page-news-summary{text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.page-news-time{display: flex;align-items: center;margin-top: 35px;font-size: var(--FEY-font-size-16);color: var(--FEY-color-999);width: 100%}
.page-news-time i{font-size: var(--FEY-font-size-16);color: var(--FEY-color-999);font-stretch: normal;margin-right: 5px}
.page-news-time i:last-child{margin-left: 20px;}
.page-news-list{margin-bottom: 30px;}
.page-news-item{margin-bottom: 50px;background: #FAFAFA}
.page-news-item-block{display: flex}
.page-news-item .page-news-img{width: 20.83vw;height: 14.2vw;overflow: hidden}
.page-news-item .page-news-text{width: calc(100% - 20.83vw);padding: 2.083vw}
.page-news-item .page-news-title{width: 100%;font-size: var(--FEY-font-size-22);color: var(--FEY-color-333);margin-bottom: 25px;}
.page-news-hot .swiper-page-news li:hover .page-news-title,.page-news-item:hover .page-news-title{color:var(--color2);font-weight: 700}
.page-news-hot .swiper-page-news li:hover .page-news-img-block,.page-news-item:hover .page-news-img-block{transform: scale(1.1)}
@media(max-width: 1180px){
    .page-news-container{padding: 60px 0}
    .page-news-hot{margin-bottom: 50px}
    .page-news-hot .page-news-title,.page-news-item .page-news-title{font-size: var(--FEY-font-size-18)}
    .page-news-summary{font-size: var(--FEY-font-size-16)}
    .page-news-item{margin-bottom: 30px}
}
@media(max-width: 1024px){
    .page-news-hot .page-news-title{margin-top: 20px}
    .page-news-time{margin-top: 15px;}
    .page-news-item .page-news-title{margin-bottom: 10px}
}
@media(max-width: 760px){
    .page-news-container{padding: 30px 0}
    .page-news-hot{margin-bottom: 30px;}
    .page-news-hot .page-news-img{height: 180px}
    .page-news-pagination{bottom: auto;top: 148px;background: rgba(0,0,0,.5);width: auto;font-size: var(--FEY-font-size-16);left: auto;right: 10px;line-height: 24px;padding: 0 5px;border-radius: 4px;color: var(--FEY-color-white)}
    .page-news-pagination .swiper-pagination-current{font-weight: bold;font-size: var(--FEY-font-size-18)}
    .page-news-hot .page-news-title, .page-news-item .page-news-title{font-size: var(--FEY-font-size-16);text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .page-news-hot .page-news-title{margin-top: 20px;margin-bottom: 10px;}
    .page-news-summary{font-size: var(--FEY-font-size-14);line-height: 1.6}
    .page-news-time{margin-top: 10px;font-size: var(--FEY-font-size-14)}
    .page-news-time i{font-size: var(--FEY-font-size-14)}
    .page-news-item .page-news-img{width: 120px;height: 120px}
    .page-news-item .page-news-text{width: calc(100% - 120px);padding: 0 3vw 0 4vw}
    .page-news-item{margin-bottom: 15px;}
}
/*page news details*/
.page-news-banner{height: 320px !important;background: var(--color2)}
.page-details-container{margin-top: -90px;position: relative;z-index: 2;margin-bottom: 50px;position: relative}
.page-details-container .container{display: flex;position: relative}
.page-details-left{width: 70%;margin-right: 5%}
.page-title{font-size: var(--FEY-font-size-20);color: var(--FEY-color-white);font-weight: 700;margin-bottom: 15px;}
.page-info{font-size: var(--FEY-font-size-14);color: var(--FEY-color-white);padding-bottom: 35px;position: relative;margin-bottom: 40px;}
.page-details-container .container:after{position: absolute;left: 20px;top: 90px;width: 0;height: 0;border-left: solid 14px transparent;border-right: solid 14px transparent;border-top: solid 14px var(--color2);content: ''}
.page-info span{margin: auto 1.5vw;}
.page-details-left .page-text{font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);line-height: 2}
.page-details-right{width: 25%;background: var(--FEY-color-white);padding:25px 25px;margin-top: 40px;}
.page-details-channel{font-size: var(--FEY-font-size-30);color: var(--FEY-color-333);border-bottom: solid 1px var(--FEY-color-eee);padding-bottom: 15px;margin-bottom: 15px;font-weight: 700}
.page-details-hot-item{border-bottom: solid 1px var(--FEY-color-eee);margin-bottom: 15px;}
.page-details-hot-item .page-details-hot-img{height: 10.9375vw;overflow: hidden}
.page-details-hot-title{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);padding: 16px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.page-details-hot-item:hover .page-details-hot-title{color: var(--color2);font-weight: 700}
.page-details-hot-item:hover .page-details-hot-img .page-news-img-block{transform: scale(1.1)}
@media(max-width: 1180px){
    .page-news-banner{height: 240px !important}
    .page-details-channel{font-size: var(--FEY-font-size-24)}
    .page-details-hot-title{font-size: var(--FEY-font-size-16)}
    .page-details-right .page-text{font-size: var(--FEY-font-size-16)}
}
@media(max-width: 760px){
    .page-details-container .container{flex-direction: row;flex-wrap: wrap}
    .page-details-left{width: 100%;margin-right: 0}
    .page-details-right{width: 100%;padding: 0}
    .page-title{font-size:var(--FEY-font-size-16);line-height: 1.5}
    .page-info{font-size: var(--FEY-font-size-14)}
    .page-details-left .page-text{font-size: var(--FEY-font-size-14)}
    .page-details-channel{border-bottom: none;position: relative;padding-bottom: 0;padding-left:15px;font-size: var(--FEY-font-size-20)}
    .page-details-channel:before{position: absolute;left: 0;top: 50%;width: 4px;height: 20px;background: var(--color2);content: '';margin-top: -10px;}
    .page-details-hot{display: flex;flex-direction: row;flex-wrap: wrap}
    .page-details-hot-item{width: 48%}
    .page-details-hot-item:nth-child(2n){margin-left: 4%}
    .page-details-hot-item .page-details-hot-img{height:25vw}
    .page-details-hot-title{font-size: var(--FEY-font-size-16)}
}
/*page team*/
.page-team-item{padding: 80px 0}
.page-team-item:nth-child(2n){padding: 50px 0;background: #F7F7F7;direction: rtl}
.page-team-item .container{display: flex;padding-right: 2.083vw}
.page-team-img{width: 26.98vw;overflow: hidden;height: 17.8125vw;max-height: 342px;}
.page-team-text{width: calc(100% - 26.98vw);padding-left: 2.6vw}
.page-team-title,.page-team-text .page-text{width: 100%;}
.page-team-title{font-size: var(--FEY-font-size-30);color: var(--FEY-color-333);font-weight: 700;margin-bottom: 30px;}
.page-team-text .page-text{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);line-height: 2}
.page-team-item:nth-child(2n) .page-team-text{direction: ltr;padding-left: 0;padding-right: 2.6vw}
.page-team-img:hover .page-news-img-block{transform: scale(1.1)}
@media(max-width: 1180px){
    .page-team-img{max-height: none;height: auto}
    .page-team-title{font-size: var(--FEY-font-size-24)}
    .page-team-text .page-text{font-size: var(--FEY-font-size-16)}
}
@media(max-width: 760px){
    .page-team-item{padding: 40px 0}
    .page-team-item:nth-child(2n){padding: 40px 0}
    .page-team-item .container{flex-direction: row;flex-wrap: wrap}
    .page-team-img{width: 100%;height: 240px}
    .page-team-text{margin-top: 30px;padding: 0;width: 100%}
    .page-team-item:nth-child(2n) .page-team-text{padding-right: 0}
    .page-team-title{font-size: var(--FEY-font-size-18);margin-bottom: 10px;}
    .page-team-text .page-text{font-size: var(--FEY-font-size-14);line-height: 1.8}
}
/*page solution*/
.page-solution{padding: 90px 0 100px}
.page-solution-channel{font-size: var(--FEY-font-size-32);color: var(--FEY-color-black);font-weight: 700}
.page-solution-list{margin-top: 70px;}
.page-solution-item{display: flex;background: #FAFAFA;margin-bottom: 70px;direction: rtl}
.page-solution-item:last-child{margin-bottom: 0}
.page-solution-img{width: 36vw;height: 22.34vw;max-height: 427px}
.page-solution-img .page-news-img-block{background-color: var(--FEY-color-white);background-size: contain}
.page-solution-text{width: calc(100% - 36vw);padding: 3.6458vw 1.3vw 3.6458vw 2.34375vw;direction: ltr}
.page-solution-title{font-size: var(--FEY-font-size-26);color: var(--FEY-color-black);font-weight: 500;}
.page-solution-title:after{display: block;margin: 25px 0 20px;width: 32px;height: 4px;background: linear-gradient(90deg, #e60013 0%, #3E87AC 100%);;content: ''}
.page-solution-text .page-text{font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);line-height: 3}
.page-solution-item.en .page-solution-text{padding:2.6458vw 1.3vw 2.6458vw 2.34375vw}
.page-solution-item.en .page-solution-text .page-text{line-height: 1.9}
@media(max-width: 1180px){
    .page-solution-img{height: auto;max-height: none}
    .page-solution-title{font-size: var(--FEY-font-size-20)}
    .page-solution-title:after{margin: 15px 0 10px}
    .page-solution-text .page-text{font-size: var(--FEY-font-size-16);line-height: 2.5}
}
@media(max-width: 992px){
    .page-solution{padding: 60px 0 }
    .page-solution-list{margin-top: 40px;}
    .page-solution-item{margin-bottom: 30px;}
}
@media(max-width: 760px){
    .page-solution{padding: 40px 0}
    .page-solution-channel{font-size: var(--FEY-font-size-20)}
    .page-solution-list{margin-top: 30px;}
    .page-solution-item{direction: ltr;flex-direction: row;flex-wrap: wrap}
    .page-solution-img{width: 100%;height: 240px}
    .page-solution-text{width: 100%;padding: 5vw 4vw}
    .page-solution-title{font-size: var(--FEY-font-size-18);text-align: center}
    .page-solution-title:after{width: 20px;margin: 10px auto }
    .page-solution-text .page-text{font-size: var(--FEY-font-size-14);line-height: 2}
    .page-solution-item.en .page-solution-text{padding: 5vw 4vw}
}
/*page technical*/
.page-technical{padding: 50px 0 60px}
.page-technical-from{margin-top: 60px;display: flex;}
.page-technical-from-item{margin-right: 2.083vw;flex: 1}
.page-technical-from-item:last-child{margin-right: 0}
.page-technical-from-title{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);margin-bottom: 10px;}
.page-technical-from-block{display: flex;background: #FAFAFA;border: solid 1px #ECECEC;height: 46px;}
.page-technical-from-input{height: 100%;display: block;width: 100%;outline: none;border: none;background: transparent;padding-left: 15px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-333)}
.page-technical-from-input::placeholder{color: var(--FEY-color-999)}
input.page-technical-from-input[type=datetime-local],input.page-retail-input[type=datetime-local]{-webkit-appearance: none;}
select.page-technical-from-input,select.page-retail-input{-webkit-appearance: none;padding-right: 30px;background: url(../images/icon_2.png) no-repeat scroll right 10px center transparent;background-size: 12px}
.page-technical-from-submit{width: 85px;background: linear-gradient(90deg, var(--color2) 0%, #3E87AC 100%);border: none;font-size: var(--FEY-font-size-18);color: var(--FEY-color-white)}
.page-technical-list{margin-top: 50px;display: flex;flex-direction: row;flex-wrap: wrap}
.page-technical-item{width: calc(50% - 1.2vw);margin-right: 2.4vw;border: solid 1px #ECECEC;background: #FAFAFA;padding: 1.5625vw;margin-bottom: 50px;}
.page-technical-item:nth-child(2n){margin-right: 0}
.page-technical-item-block{display: flex;justify-content: space-between}
.page-technical-left{display: flex;align-items: center;flex: 1}
.page-technical-icon{width: 57px;margin-right: 1.5625vw}
.page-technical-title{
	padding-right: 1.5625vw;
	font-size: var(--FEY-font-size-20);
	line-height: 1.4;
	color: var(--FEY-color-black);
	flex: 1;
/*
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    work-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
*/
	white-space: normal;
	word-break: break-all
}
.page-technical-down{width: 38px;height: 38px;background: #e5e5e5;border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;}
.page-technical-down i{font-size: var(--FEY-font-size-20);color: var(--FEY-color-white)}
.page-technical-item:hover{border-color: var(--color2)}
.page-technical-item:hover .page-technical-down{background: var(--color2)}
@media(max-width: 1180px){
    .page-technical-from-item{flex: auto}
}
@media(max-width: 760px){
    .page-technical-from{flex-direction: row;flex-wrap: wrap;margin-top: 30px;}
    .page-technical-from-item{width: calc(50% - 1.0415vw);margin-bottom: 20px;}
    .page-technical-from-item:nth-child(2n){margin-right: 0}
    .page-technical-from-title{font-size: var(--FEY-font-size-16)}
    .page-technical-from-block{height: 40px;}
    .page-technical-from-input{padding-left: 5px;font-size: var(--FEY-font-size-14)}
    .page-technical-from-submit{font-size: var(--FEY-font-size-14);width: 60px}
    .page-technical-list{margin-top: 20px;overflow: hidden;margin-bottom: 20px}
    .page-technical-item{width: 100%;margin-bottom: 20px;margin-right: 0;padding: 15px 10px}
    .page-technical-icon{width: 34px;margin-right: 15px;}
    .page-technical-title{font-size: var(--FEY-font-size-16)}
}
/*page retail*/
.page-solution-name{margin-top: 15px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-666)}
.page-retail-box{width: 53.5vw;max-width: 1026px;margin: 40px auto 50px}
.page-retail-list{display: flex;flex-direction: row;flex-wrap: wrap}
.page-retail-item{margin-bottom: 40px;width: calc(50% - 2.083vw);margin-right: 4.166vw}
.page-retail-item:nth-child(2n){margin-right: 0}
.page-retail-item:last-child{width: 100%;margin-bottom: 0;margin-top: 30px;text-align: center;margin-right: 0;}
.textarea-item {width: 100%}
.textarea-item .page-retail-block{height: auto;}
.page-retail-title{font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);margin-bottom: 10px;text-align: left;}
.page-retail-title span{color: red}
.page-retail-block{display: flex;background: #FAFAFA;border: solid 1px #ECECEC;height: 46px;}
.page-retail-block.active,.page-retail-block:active,.page-retail-block:focus{border-color: var(--color2)}
.page-retail-input{height: 100%;display: block;width: 100%;outline: none;border: none;background: transparent;padding-left: 15px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-333)}
.page-retail-input::placeholder{color: var(--FEY-color-999)}
.page-retail-item:last-child .page-technical-from-submit{width: 17.45vw;border-radius: 22px;height: 44px;}
.page-retail-select{width: 100%;}
.page-retail-select .el-input__inner{border-radius: 0;border: none;line-height: 44px;height: 44px;background-color: transparent}
.page-retail-select .el-input__inner::placeholder{color: var(--FEY-color-999)}
.page-retail-option{display: flex;padding: 10px;align-items: center}
.page-retail-label{font-size: var(--FEY-font-size-14);color: var(--FEY-color-333);display: flex;align-items: center}
.page-retail-icon{width: 12px;display: block;margin-right: 15px}
.page-retail-en{font-size: var(--FEY-font-size-14);color: var(--FEY-color-999)}
@media(max-width: 1180px){
    .page-retail-box{width: 70vw}
}
@media(max-width: 760px){
    .page-solution-name{font-size: var(--FEY-font-size-16)}
    .page-retail-box{width: 80vw;margin-bottom: 0}
    .page-retail-list{flex-direction: row;flex-wrap: wrap}
    .page-retail-item{width: 100%;margin-right: 0;margin-bottom: 20px}
    .page-retail-title{font-size: var(--FEY-font-size-16)}
    .page-retail-block{height: 40px;}
    .page-retail-input{font-size: var(--FEY-font-size-14)}
    .page-retail-item:last-child .page-technical-from-submit{width: 70%}
    .page-retail-select .el-input__inner{height: 40px;line-height: 40px}
    .page-retail-en{display: none}
}
/*page contact*/
.page-contact{background:var(--FEY-color-white)}
.page-contact .container{display:flex;justify-content:space-between;position:relative;padding:50px 0}
.page-contact .container:after{position:absolute;left:50%;top:0;height:100%;background:rgba(0,0,0,.1);width:1px;content:''}
.page-contact .container>div{margin: 0 auto}
.page-contact-left{margin-right: 2vw;}
.page-contact-title{font-size:var(--FEY-font-size-24);color:var(--color2);margin-bottom:15px}
.page-contact-info{font-size:var(--FEY-font-size-16);color:var(--FEY-color-333);}
.page-contact-code{margin-top:20px;max-width:120px;margin-left:0}
.page-contact-tel{margin-top:10px;display:flex;font-size:var(--FEY-font-size-16);color:var(--FEY-color-333);line-height:2}
.page-contact-tel i{font-size:var(--FEY-font-size-34);line-height:30px;color:var(--color2);margin-right:10px}
.page-contact-tel b{font-size:var(--FEY-font-size-22);color:var(--color2)}
.page-map{height:450px;background:var(--FEY-color-f2f2f2)}
.page-map-item{width:100%;height:100%}
.BMap_bubble_title{font-size: var(--FEY-font-size-18)}
.BMap_bubble_content{font-size: var(--FEY-font-size-16)}
@media (max-width:992px){.page-contact-left{width:50%}
    .page-contact-right{width:50%;padding-left:5%}
}
@media (max-width:760px){
    .page-contact .container{flex-direction:row;flex-wrap:wrap;padding:0}
    .page-contact .container:after{display:none}
    .page-contact-left{width:100%;padding:30px 10px;margin-right:0}
    .page-contact-right{width:100%;border-top:solid 1px rgba(0,0,0,.1);padding:30px 10px}
    .page-contact-title{font-size:var(--FEY-font-size-18);margin-bottom:10px}
    .page-contact-tel{margin-top:15px}
    .page-contact-tel i{font-size:var(--FEY-font-size-20)}
    .page-contact-tel b{font-size:var(--FEY-font-size-18)}
    .page-map{height:350px}
    .BMap_bubble_title{font-size: var(--FEY-font-size-16)}
    .BMap_bubble_content{font-size: var(--FEY-font-size-14)}
}
/*page laboratory*/
.page-laboratory{padding: 55px 0 60px;}
.page-laboratory .page-solution-channel{font-size: var(--FEY-font-size-26)}
.page-laboratory-info{ margin-top: 30px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);line-height: 1.75}
.page-laboratory-content{width: 89%;margin:50px auto auto}
.page-laboratory-img{height: 374px}
.page-laboratory-title{margin-top: 25px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-black);font-weight: 500}
.swiper-laboratory{padding: 50px 0 0}
.swiper-laboratory ul li{transform: scaleY(0.85) !important;transition: transform 1.0s;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-o-transition: transform 1.0s}
.swiper-laboratory ul li .page-news-img-block{background-size: 100% 100%}
.swiper-laboratory ul li .page-laboratory-title{display: none}
.swiper-laboratory ul li.swiper-slide-active{transform: scale(1.18) scaleX(1.2) !important;z-index: 3}
.swiper-laboratory ul li.swiper-slide-active .page-laboratory-title{display: block}
.laboratory-pagination{position:inherit;margin-top: 80px;}
.laboratory-pagination span{width: 9px;height: 9px;background: rgba(51, 51, 51, 0.6);opacity: 1}
.laboratory-pagination span.swiper-pagination-bullet-active{background: rgba(35, 78, 142, 1)}
@media(max-width: 1180px){
    .page-laboratory-img{height: 274px}
    .swiper-laboratory ul li.swiper-slide-active{transform: scale(1.1) scaleX(1.1) !important;z-index: 3}
}
@media(max-width: 760px){
    .page-laboratory{padding: 40px 0 40px}
    .page-laboratory .page-solution-channel{font-size: var(--FEY-font-size-20)}
    .page-laboratory-info{font-size: var(--FEY-font-size-14);line-height: 2}
    .swiper-laboratory{padding: 0}
    .page-laboratory-content{width: 100%;margin-top: 30px}
    .page-laboratory-img{height: 240px}
    .swiper-laboratory ul li.swiper-slide-active{transform: scale(1) scaleX(1) !important;z-index: 3}
    .page-laboratory-title{font-size: var(--FEY-font-size-18)}
    .laboratory-pagination{margin-top: 30px;}
}

/*page product*/
.page-channel-swiper{background: var(--FEY-color-333)}
.page-channel-swiper ul li{flex: none;width: auto;padding: 0 20px;line-height:40px}
.page-product-title{font-size: var(--FEY-font-size-48);color: var(--FEY-color-333);font-weight: 700}
.page-product-subtitle{font-size: var(--FEY-font-size-30);color: var(--FEY-color-333);font-weight: 500}
.page-product-summary{
    margin-top: 25px;font-size: var(--FEY-font-size-20);color: var(--FEY-color-333);line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    work-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.moreBtn{
    margin-top: 20px;
    width: 160px;
	height: auto;
	display: block;
	line-height: 50px;
	text-align: center;
	color: #fff;
	transition: 0.5s;
	background-size: 200% auto;
	background-image: linear-gradient(to right, var(--color2) 0%, var(--color2) 51%, var(--color2) 100%);
	font-size: 14px;
	cursor: pointer;
    position: relative;
}
.moreBtn span{
    width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	right: 16%;
	top: 50%;
	-webkit-transform: translateY(-50%);
}
.moreBtn span::after{
    position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/arrow_dicon.png) no-repeat;
	background-size: cover;
	left: 0px;
	-webkit-transition: all .4s;
	background-position: 0% 100%;
}
.page-product-introduce{background: url(../images/product-backg_1.png) no-repeat top center;background-size: cover;padding: 100px 0 100px}
.page-product-introduce .page-product-summary{margin-top: 30px;font-size: var(--FEY-font-size-18);line-height: 2}
.page-product-introduce .page-product-img{margin:20px auto 0;}
.page-product-tab{text-align: center;display: flex;justify-content: center}
.page-product-tab-item{font-size: var(--FEY-font-size-36);color:var(--FEY-color-black);font-weight: 700;line-height: 1}
.page-product-tab-item span{display: block;margin-top: 10px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);font-weight: normal}
.page-product-tab-item:nth-child(2){margin:auto 10.42vw}
.page-product-tab-item:last-child{margin-right: 0}
.page-product-container {font-size: var(--FEY-font-size-18)}
.page-product-container .page-product-section{background: #F5F5F5;padding: 105px 0 55px}
.page-product-container .page-product-section:nth-child(2n){background: url(../images/product-backg_2.png) no-repeat top center;background-size: cover}
.page-product-container .page-product-section .container{display: flex;direction: rtl;align-items: center}
.page-product-container .page-product-section .container .page-product-left{direction: ltr}
.page-product-left{width: 50%;margin-left: 4vw}
.page-product-right{width: calc(50% - 4vw)}
.page-product-right img{margin: auto;max-height: 340px}
.page-product-container .page-product-section:nth-child(2n) .container{direction: ltr}
.page-product-container .page-product-section:nth-child(2n) .container .page-product-left{margin-left:0;margin-right: 4vw}
.page-product-left .page-product-subtitle{margin-top: 5px}
.page-product-icon{margin-top: 50px;display: flex;justify-content: space-between}
.page-product-icon-item{text-align: center}
.page-product-icon-item i{display: block;font-size: var(--FEY-font-size-36);color:var(--FEY-color-999);line-height: 1;margin-bottom: 10px}
.page-product-icon-item span{font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);line-height: 2}
.page-product-parameter{background: url(../images/product-backg_3.png) no-repeat top center;background-size: cover;padding: 60px 0}
.page-product-parameter-text{margin-top: 50px;font-size: var(--FEY-font-size-24);color: var(--FEY-color-666);width: 100%;overflow-x: auto}
.page-product-parameter-text img{max-width: 100%;height: auto!important;}
.page-product-parameter-text table{border: solid 1px #CCCCCC;width: 100%}
.page-product-parameter-text table thead{background: var(--color2)}
.page-product-parameter-text table thead tr th{padding: 8px ;font-size: var(--FEY-font-size-26);color: var(--FEY-color-white);font-weight: normal ;border-right:solid 1px #cccccc;text-align: center}
.page-product-parameter-text table tr td{border-right: solid 1px #ccc;border-bottom: solid 1px #cccccc;padding:10px 15px;text-align: center;font-size: var(--FEY-font-size-20)}
.page-product-container .page-product-section .container:hover .moreBtn{
    background-position: right center;
	border-radius: 50px;
}
.page-product-container .page-product-section .container:hover .moreBtn span::after{
    background-position: 0% 0%;
}

.classificationr{width: 100%;background: #f5f5f5;}
.classificationr .container{width: 72.92%;padding: 40px 0;}
.classificationr .classify-list{width: 100%;display: flex;flex-wrap: wrap;}
.classificationr .classify-list li{width: calc((100% - 40px)/3);margin-right: 20px;transition: .5s;margin-bottom: 30px;}
.classificationr .classify-list li:nth-child(3n){margin-right: 0px;}
.classify-list li .pic{width: 100%;height: 300px;}
.classify-list li .pic img{width: 100%;height: 100%;object-fit: cover;}
.classify-list li .info{width: 100%;padding: 21px 31px 34px 31px;background: #fff;}
.classify-list li .info .title{font-size: 17px;color: #252525;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;margin-bottom: 11px;}
.classify-list li .info .desc{font-size: 14px;color: #575757;line-height: 24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.classify-list li .info .more{background: url(../images/more.png) no-repeat center center;border: 1px solid #e0e0e0;width: 48px;height: 48px;margin-top: 5px;margin-left:auto;transition: .5s;}
.classify-list li:hover {box-shadow: 0 10px 10px 0 rgb(4 0 0 / 10%);}

/*page product detail*/
.product-intro {
    width: 100%;
    padding: 50px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
}

.product-intro:before,
.product-intro:after {
    display: none;
}

.preview-wrap {
    margin-right: 2%;
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.itemInfo-wrap {
    width: 50%;
}

.main-img {
    width: 100%;
    height: 450px;
    margin-bottom: 15px;
    border-right: 1px solid #ddd
}

.main-img .swiper-slide {
    position: relative;
    padding: 20px;
    border: 2px solid #f2f4f6;
    overflow: hidden;
}

.main-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sku-name {
    padding: 10px 20px;
    line-height: 1.6;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    margin-bottom: 20px;
}
.itemInfo-wrap dl {
    margin-left: 20px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 18px;
}

.itemInfo-wrap dt {
    color: #333;
    line-height: 2;
    position: relative;
}

.itemInfo-wrap dd {
    font-size: var(--FEY-font-size-18);
    color: #999;
    line-height: 2;
}
@media(max-width: 1400px){
    .classificationr .container{width: 88%;}
}
@media(max-width: 1180px){
    .page-product-title{font-size: var(--FEY-font-size-32)}
    .page-product-subtitle{font-size: var(--FEY-font-size-20)}
    .page-product-summary{font-size: var(--FEY-font-size-18)}
    .page-product-tab-item{font-size: var(--FEY-font-size-20)}
    .page-product-tab-item span{font-size: var(--FEY-font-size-16)}
    .page-product-parameter-text table thead tr th{font-size: var(--FEY-font-size-20)}
    .page-product-parameter-text table tr td{font-size: var(--FEY-font-size-18);padding: 8px 15px}
    .page-product-introduce{padding: 80px 0 50px}
    .page-product-container .page-product-section{padding: 80px 0 50px}
       .classificationr .classify-list{justify-content: space-between;}
        .classificationr .classify-list li{width: calc((100% - 20px) / 2);margin-right: 0px !important;}
          .classificationr .classify-list li:nth-child(2n) {margin-right: 0px;}
}
@media(max-width: 760px){
        .classificationr .classify-list li{width: 100%; }
    .page-product-title{font-size: var(--FEY-font-size-18)}
    .page-product-subtitle{font-size: var(--FEY-font-size-16)}
    .page-product-summary{font-size: var(--FEY-font-size-14)}
    .page-product-tab-item{font-size: var(--FEY-font-size-16)}
    .page-product-tab-item span{font-size: var(--FEY-font-size-14)}
    .page-product-introduce{padding: 50px 0}
    .page-product-introduce .page-product-summary{margin-top: 15px;font-size: var(--FEY-font-size-16)}
    .page-product-container .page-product-section{padding: 50px 0}
    .page-product-left{width:50%}
    .page-product-right{width: calc(50% - 4vw)}
    .page-product-icon{margin-top: 30px}
    .page-product-icon-item i{font-size: var(--FEY-font-size-20)}
    .page-product-icon-item span{font-size: var(--FEY-font-size-14);line-height: 1.4}
    .page-product-parameter{padding: 50px 0}
    .page-product-parameter-text{margin-top: 30px;}
    .page-product-parameter-text table thead tr td{font-size: var(--FEY-font-size-18)}
    .page-product-parameter-text table tr td{font-size: var(--FEY-font-size-14)}
	.product-intro{
		padding: 15px 0;
		flex-direction: column;
	}
	.preview-wrap{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.itemInfo-wrap{
		width: 100%;
	}
	.main-img{
		height: 282px;
		border-right: none;
	}
	.thumbs-img{
		height: 72px;
	}
	.sku-name{
		padding: 10px 0;
		font-size: 18px;
	}
	.itemInfo-wrap dl{
		margin-left: 0;
		margin-bottom: 10px;
		flex-wrap: nowrap;
		font-size: 13px;
	}
	.itemInfo-wrap dt{
		min-width: 22%;
		padding-right: 12px;
	}
	.itemInfo-wrap dd{
		min-width: 78%;
	}
	.page-product-parameter-text table{
		display: block;
	}
	.page-product-parameter-text table thead tr th{
		font-size: var(--FEY-font-size-18)
	}
}
/*page*/
.page a,.page b{margin:5px;padding:0 12px;height:36px;border-color:#fff;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.2);color:#777;line-height:36px}
.page b{border-color:var(--color2);background:var(--color2);color:#fff}
.page a:hover{border-color:var(--color2);color:var(--color2)}
@media (max-width:760px){
    .page a,.page b{padding:0 8px;height:28px;line-height:28px}
}
/*page next*/
.page-next{margin-top:20px;border-top:solid 1px #EDEDED;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-color-black);display:block;font-weight:700}
.page-next p:hover,.page-next p:hover a{color:var(--color2);font-weight:700}
@media (max-width:760px){
    .page-next p{line-height:1.8;font-size:var(--FEY-font-size-14);padding-right:3vw}
    .page-next p:last-child{padding-right:0;padding-left:3vw}
}



/*page job*/
/*hr*/
.page-hr-from .page-technical-from-item:last-child{flex: none}
.paee-hr-info{margin-top: 30px;text-align: center;margin-bottom: 30px;font-size: var(--FEY-font-size-18);color: var(--FEY-color-333)}
.page-hr-message {
    padding: 70px 3.6458vw
}

@media(min-width: 1440px){
    .page-hr-message .container, .page-hr .container {
        width: 100%;max-width: 1440px;
    }
}

.page-wishes-box {
    display: flex;
    margin-top: 50px;
}

.page-wishes-left {
    width: 60%;
    padding-right: 2vw;
}

.page-wishes-left .page-text {
    font-size: var(--FEY-font-size-18);
    line-height: calc(3 * var(--FEY-font-size-16));
    text-indent: calc(2 * var(--FEY-font-size-16));
}

.page-wishes-left .page-text h3 {
    margin-top: 20px;
    font-size: var(--FEY-font-size-20);
    color: var(--color2);
    font-weight: 900
}

.page-wishes-right {
    width: 40%
}

.page-hr {
    padding: 50px 3.6458vw;
    background: #f9f9f9
}

.page-job-nav {
    margin-top: 30px;
}

.page-job-nav a {
    display: inline-block;
    border: solid 1px var(--FEY-color-dedede);
    background: var(--FEY-color-white);
    padding: 0 20px;
    margin: auto 15px;
    border-radius: 5px;
    line-height: 40px;
    font-size: var(--FEY-font-size-18);
    color: var(--FEY-color-333)
}

.page-job-nav a:hover {
    border-color: var(--color2);
    color: var(--color2)
}

.page-job-nav a.active {
    background: var(--color2);
    border-color: var(--color2);
    color: var(--FEY-color-white)
}

.page-job-info {
    margin-top: 20px;
    font-size: var(--FEY-font-size-18);
    color: var(--FEY-color-333)
}

.page-job-list {
    margin-top: 30px;
}

.page-job-item {
    border-bottom: solid 1px #eaeaea
}

.page-job-title {
    display: flex;
    background: var(--FEY-color-white);
    line-height: 64px;
    cursor: pointer
}

.page-job-title span {
    flex: 1;
    text-align: center;
    font-size: var(--FEY-font-size-18);
    color: var(--FEY-color-333);
    font-weight: 400
}
.page-job-title span i{font-style: normal}

.page-job-content {
    background: var(--FEY-color-white);
    border-top: solid 1px #eee;
    display: none;
}

.page-job-text {
    display: flex;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.page-job-text-left {
    padding: 1.8vw 2vw 2vw;
    width: 50%
}

.page-job-text-left:first-child {
    border-right: solid 1px #eee
}

.page-job-subtitle {
    margin-bottom: 20px;
    font-size: var(--FEY-font-size-20);
    font-weight: 900;
    color: var(--FEY-color-333)
}

.page-job-text-left .page-text, .page-job-treatment-text {
    font-size: var(--FEY-font-size-16);
    color: var(--FEY-color-333);
    line-height: 2
}

.page-job-treatment {
    padding: 2vw;
    border-top: solid 1px #eee
}

.page-job-join {
    margin-top: 20px;
    text-align: center
}

.page-job-join p {
    width: 80%;
    background: var(--color2);
    margin: auto;
    font-size: var(--FEY-font-size-16);
    color: var(--FEY-color-white);
    padding: 15px 0
}

@media (max-width: 992px) {
    .page-job-title span {
        font-size: var(--FEY-font-size-18);
        white-space: nowrap;
    }
}

@media (max-width: 760px) {
    .page-hr-message {
        padding: 40px 0
    }
    .paee-hr-info{margin-top: 15px;margin-bottom: 30px;font-size: var(--FEY-font-size-16);}
    .page-wishes-box {
        margin-top: 30px;
        display: block
    }

    .page-wishes-left {
        width: 100%;
        padding-right: 0
    }

    .page-wishes-left .page-text {
        font-size: var(--FEY-font-size-14);
        line-height: calc(2 * var(--FEY-font-size-14));
        text-indent: var(--FEY-font-size-14);
    }

    .page-wishes-left .page-text h3 {
        font-size: var(--FEY-font-size-16);
        line-height: 2;
        margin-top: 10px;
    }

    .page-wishes-right {
        width: 100%;
        margin-top: 20px;
    }

    .page-hr {
        padding: 30px 0
    }

    .page-job-info {
        font-size: var(--FEY-font-size-14);
        line-height: 2
    }

    .page-job-title span {
        font-size: var(--FEY-font-size-16);
        flex: initial;
        width: 28%
    }

    .page-job-title span.yc-icon {
        font-size: var(--FEY-font-size-14)
    }

    .page-job-title span:last-child {
        width: 10%
    }

    .page-job-title span:first-child {
        width: 37%
    }

    .page-job-text {
        display: block;
        margin-top: 0;
        margin-bottom: 0
    }

    .page-job-text-left {
        width: 100%;
        padding: 5vw 3vw
    }

    .page-job-text-left:first-child {
        border-bottom: solid 1px #eee;
        border-right: none
    }

    .page-job-text-left .page-text, .page-job-treatment-text {
        font-size: var(--FEY-font-size-14)
    }

    .page-job-subtitle {
        font-size: var(--FEY-font-size-18);
        margin-bottom: 10px;
    }

    .page-job-treatment {
        padding: 5vw 3vw
    }

    .page-job-join p {
        width: 90%;
        font-size: var(--FEY-font-size-14);
        padding: 10px 3vw
    }
}


/*add about*/
.about-team{background: url(../images/about_backg_2.png) no-repeat center;background-size: cover;padding: 100px 0 80px}
.page-team-box{padding-left: 13.5417vw;margin-top: 100px;padding-right: 10vw}
.page-team-box ul li{display: flex;justify-content: space-between}
.page-team-left{width: 37%;padding-bottom:50px}
.page-team-summary{width: 100%;font-size: var(--FEY-font-size-18);color: var(--FEY-color-333);line-height: 2}
.page-team-right{width: 55%;border-radius: 30px;overflow: hidden}
.about-team-pagination{position: absolute;left: 0;bottom: 20px;overflow: hidden;display: flex;align-items: center}
.about-team-button{display: flex;height:30px;margin-right: 10px;float: left}
.team-next,.team-prev{position: inherit;top: auto;left: auto;right: auto;border: solid 1px #dddddd;padding: 0 12px;height:30px;border-radius: 2px;margin-top: 0}
.team-next:after,.team-prev:after{font-size: var(--FEY-font-size-18);color: var(--color2)}
.team-next{margin-left: 5px;}
.team-next:hover,.team-prev:hover{border-color:var(--color2)}
.team-pagination{position: initial;line-height: 30px;font-size: var(--FEY-font-size-24);color: var(--color2);float: left;width: auto}
.team-pagination span:first-child{font-size: var(--FEY-font-size-40);font-weight: 400}
.page-team-box .team-scrollbar{position: relative !important;opacity: 1 !important;width: 16.67vw;background: #fff;float: left;margin-top: 10px;margin-left: 10px}
.page-team-box .team-scrollbar .swiper-scrollbar-drag{background: var(--color2)}
.about-laboratory{background: url(../images/about_backg_2.jpg) no-repeat top center;background-size: 100% 100%;padding: 70px 0 60px}
.about-laboratory-summary{font-size: var(--FEY-font-size-18);color: var(--FEY-color-666);font-weight: 400;margin-top: 15px}
.about-laboratory-box{margin-top: 65px}
.about-swiper-laboratory li{width: auto;padding: 0 25px;}
.about-laboratory-img{border-radius: 30px;overflow: hidden;text-align: center;display:block}
.about-laboratory-img img,.about-workshop-img img{transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-o-transition: ease-in .3s;}
.about-laboratory-title{margin-top: 55px;font-size: var(--FEY-font-size-30);color: var(--FEY-color-333);text-align: center;font-weight: 700}
.laboratory-prev,.laboratory-next{background: var(--FEY-color-white);width: 40px;height: 40px;border: solid 1px #ddd;border-radius: 50%;}
.laboratory-prev:after,.laboratory-next:after{font-size: var(--FEY-font-size-18);color: var(--color2)}
.laboratory-prev:hover,.laboratory-next:hover{border-color: var(--color2);background-color: var(--color2);color: var(--FEY-color-white)}
.laboratory-prev:hover:after,.laboratory-next:hover:after{color: #fff}
.about-workshop{background: #F0F5FA;padding: 100px 0}
.about-workshop-box{margin-top: 100px;width: 100%;overflow: hidden ;}
.about-work-shop-content{max-width: 748px;margin: auto;position: relative;padding-bottom: 55px}
.swiper-workshop{overflow: initial}
.swiper-workshop ul li{margin: auto 8.75vw}
.about-workshop-img{border-radius: 30px;overflow: hidden;display:block}
.about-workshop-title{margin-top: 35px;font-size: var(--FEY-font-size-30);color: var(--FEY-color-333);font-weight: 700;text-align: center}
.workshop-prev:after,.workshop-next:after{display: none}
.workshop-prev,.workshop-next{width: 100px;height: 100px;margin-top: -100px  }
.workshop-prev{background: url(../images/left.png) no-repeat center;background-size: contain;left: -9.375vw}
.workshop-next{background: url(../images/right.png) no-repeat center;background-size: contain;right: -9.375vw}
.workshop-pagination{bottom: 0;font-size: var(--FEY-font-size-24);color: var(--FEY-color-999)}
.workshop-pagination i{margin: auto 10px}
.workshop-pagination span:first-child{color: var(--color2)}
.about-swiper-laboratory li:hover .about-laboratory-img img,.swiper-workshop ul li:hover .about-workshop-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

.swiper-factory {height: 320px}
.swiper-factory .swiper-slide{position: relative}
.swiper-factory .swiper-slide img{object-fit: cover;width: 100%;height: 100%;}
.swiper-factory .swiper-slide .factory-title{position: absolute;height: 55px;display: flex;justify-content: center; align-items: center;/*background:  rgba(231,56,40,.8);*/ background:  rgba(242,150,0,.8);color: #fff;left: 0;bottom: 0;width: 100%;}

/*Network*/
.page-services{
	padding: 60px 0
}
#global-map{
	margin: 0 auto;
	position: relative
}
#global-map img{
	width: 100%
}
#global-map .arrow{
	position: absolute;
	width: 100%;
	transition: 2s;
    transform: scale(0);
    transform-origin: 80% 45%;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.serveron{
	-webkit-animation-name: serveron;
    animation-name: serveron;
}
@-webkit-keyframes serveron {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}
.page-sales img{
    max-width: 100%;
    height: auto!important;
}
@media(max-width: 1180px){
    .page-team-box{padding: 0 5vw;margin-top: 50px}
    .about-team{padding: 60px 0}
    .page-team-left{padding-bottom: 30px}
    .page-team-left .page-team-title{margin-bottom: 15px}
    .page-team-summary{font-size: var(--FEY-font-size-14)}
    .about-team-pagination{bottom: 15px}
    .team-pagination{font-size: var(--FEY-font-size-18)}
    .team-pagination span:first-child{font-size: var(--FEY-font-size-24)}
    .page-team-box .team-scrollbar{width: 14vw}
    .about-laboratory{padding: 60px 0}
    .about-laboratory-summary{font-size: var(--FEY-font-size-16)}
    .about-laboratory-box{margin-top: 40px}
    .about-laboratory-title{margin-top: 30px;font-size: var(--FEY-font-size-18)}
    .about-workshop{padding: 60px 0}
    .about-workshop-box{margin-top: 50px}
    .about-work-shop-content{width: 65vw}
    .workshop-prev, .workshop-next{width: 60px;height: 60px;margin-top: -80px}
    .swiper-workshop ul li{margin: auto 5vw}
    .workshop-next{right: -7.5vw}
    .workshop-prev{left: -7.5vw}
    .about-workshop-title{margin-top: 20px;font-size: var(--FEY-font-size-20)}
    .workshop-pagination{font-size: var(--FEY-font-size-18)}
}
@media(max-width: 992px){
    .workshop-prev, .workshop-next{width: 40px;height: 40px;margin-top: -70px}
}
@media(max-width: 760px){
    .about-team{padding: 50px 0}
    .page-team-box{padding: 0 2vw;margin-top: 30px}
    .page-team-box ul li{flex-direction: row;flex-wrap: wrap;background: #fff;padding: 20px;border-radius: 10px}
    .page-team-left{width: 100%;}
    .page-team-right{width: 100%;border-radius: 15px}
    .swiper-team{padding-bottom: 50px}
    .about-team-pagination{bottom: 0;width: 100%;text-align: center;justify-content: center}
    .about-laboratory{padding: 50px 0}
    .about-laboratory-summary{font-size: var(--FEY-font-size-14)}
    .about-laboratory-box{margin-top: 30px}
    .about-swiper-laboratory li{width: 100%;margin-right: 0;padding: 0 2vw}
    .about-laboratory-img{border-radius: 15px;}
    .about-laboratory-title{margin-top: 15px;font-size: var(--FEY-font-size-16)}
    .about-workshop{padding: 50px 0}
    .about-workshop-box{margin-top: 30px}
    .about-work-shop-content{width: 80vw;padding-bottom: 40px}
    .swiper-workshop{overflow: hidden}
    .about-workshop-img{border-radius: 15px;}
    .workshop-prev, .workshop-next{width: 26px;height: 26px;margin-top: -43px}
    .about-workshop-title{font-size: var(--FEY-font-size-16);margin-top: 10px}
	.page-services{
		padding: 30px 0
	}
	#global-map{
		width: 100%
	}
}