/*#region 通用*/
:root{	
	--public-color:#59a9b3;
}
body{color:#333;font-size:16px;line-height:24px;font-family:'Prompt',Arial,Helvetica,sans-serif}
a{color:#333;display:inline-block;}
a:hover{color:var(--public-color)}
.swiper-pagination-bullet-active{background:var(--public-color)}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.img-enlarged img{transition:all .6s ease}
.img-enlarged:hover img{transform:scale(1.1)}
.container-xl.max-1230{max-width:1230px}
.container-xl.max-1330{max-width:1330px}
.container-xl.max-1430{max-width:1430px}
.container-xl.max-1530{max-width:1530px}
.container-xl.max-1660{max-width:1660px}
.container-xl.max-1830{max-width:1830px}
.container-xl.m-right{margin:0 0 0 auto;padding-right: 0}
.container-xl.m-left{margin:0 auto 0 0;padding-left:0}
@media(max-width:768px){
	body{font-size:14px;line-height:20px;padding-top:50px}
	.container-xl.m-right{margin:0 auto;padding-right: 15px}
	.container-xl.m-left{margin:0 auto;padding-left:15px}
}
h1.fz56{font-size:56px !important;line-height: 56px !important;text-transform:uppercase;font-weight: bold;}
@media (max-width:991.98px){
	h1.fz56{font-size: 32px !important;line-height:32px !important;margin-top: 8px;}
}
/*#endregion*/

/* header */
.header{z-index:999;width:100%;background:transparent;position:fixed;top:0;right:0;left:0;padding-top: 25px;}
.top-lang{margin-left:5px}
.top-search-box{z-index:9;margin-left:20px;cursor:pointer;}
.top-search-box .search-tb{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}
.top-search-box .search-tb i{color:#fff}
.top-search-box li{padding-top:20px;padding-bottom:20px}
.top-search-box li:hover .top-search{opacity:1;height:auto;overflow:hidden;width:auto}
.top-search-box .top-search{opacity:1;height:auto;overflow:hidden;transition:all .6s;width:auto;z-index:99;padding-top:0px;border-radius:10px;}
.top-search-box .dropdown-menu{left:inherit;right: 0;}
.top-search-box .dropdown-toggle::after{display:none;}
.header-top .logo span{font-family:Barlow;font-size:15px}
.header-top .nav{display:flex;align-items:center;justify-content:flex-end}
.header .col-md-9{flex-wrap:wrap}
.header .desc{display:flex;justify-content:flex-end;width:100%;padding-top:20px}
.header .desc a{font-weight:bold;font-size:17px;line-height:17px;padding:12px 0px;margin-left:20px}
.header .desc a:first-child{padding:12px 35px;color:#fff;background:var(--public-color);border-radius:50px}
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 20px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fff;padding:0;height:70px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:16px;line-height: 32px;}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:10px}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform: rotateX(180deg);}
.navbar-custom .navbar-nav .nav-link:hover{}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{}
.navbar-custom .navbar-text{color:rgba(0,0,0,0.5)}
.navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)}
.navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)}
.dropdown.lang .dropdown-toggle{background-color:transparent;color:#fff;}
.nav-fixed .dropdown.lang .dropdown-toggle{background-color:transparent;color:#333;}
@media(max-width:1480px){.navbar-custom .navbar-nav .nav-item{margin: 0 15px}}
@media(max-width:1300px){.navbar-custom .navbar-nav .nav-item{margin: 0 8px}}
.nav-fixed{background:#fff;margin:0 auto;box-shadow:4px 4px 100px 0 rgba(0,0,0,13%);animation:.6s ease-in-out 0s normal none 1 running fadeInDown;padding-top: 0;}
.nav-fixed .navbar-custom .navbar-nav .nav-link{color:#333}
.nav-fixed .top-search-box .search-tb i{color:#333}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}

/*#region 手机端*/
.header-mb{background:#181818;position:fixed;top:0;left:0;right:0;width:100%;border-bottom:1px solid #fff;z-index:999}
.header-mb .container-xl{height:50px}
.header-mb .top-logo{width:50%}
.header-mb .top-logo img{height:22px;width:auto}
.header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0;color:#fff}
.header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
.header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center}
.header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff}
.header-mb .top-mb .icon-bars{color:#fff}
.top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%}
.top-mb-search-box .search-group{width:100%;height:38px}
.top-mb-feed i{font-size:16px;color:#fff}
.mobile-head-item .main-content-wrap{background:#FFF;top:0;display:block;z-index:99999}
.mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
.mobile-head-item .side-content-wrap{position:fixed;display:block;right:-80%;width:80%;height:100%}
.mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
.mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
.head_top .top_left{display:none}
.head_nav{width:100%;padding:0 5px}
.head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px}
.head_nav li,.head_nav li a{color:#111}
.head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}
.head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}
.head_nav li.has-child>ul{display:none}
.head_nav li.siblings-no-menu{position:relative;padding-left:15px}
.head_nav li a{display:block;height:auto;line-height:1.4em;position:relative}
.head_nav li a:hover{color:inherit}
.head_nav li em{display:block;height:1.4em;overflow:hidden}
.head_nav li li{font-size:14px}
.head_nav li li li{font-size:12px}
.head_nav li li a{color:#666}
.head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box}
.head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px}
.head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.head_nav li.has-child a:hover b{border-color:#111}
.head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2}
.head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative}
.head_nav li,.head_nav li.has-child{padding-left:0}
.head_nav li li,.head_nav li li.has-child{padding-left:15px}
.head_nav li.active>a>b:after{display:none}
.head_nav li.active>a>b{background-color:#111}
.head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff}
.mobile-ico-close{width:30px;height:30px;background:#fff url(../../images/mobile_close.webp) center center no-repeat;background-size:50% auto;position:absolute;left:-35px;top:0;cursor:pointer;text-align: center;line-height: 30px;}
.main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
/*#endregion*/

/* 文字before */
.characters-before::before{content:'';background:url(../../images/characters-before.webp) no-repeat;display:inline-block;width:270px;height:130px;position:absolute;z-index:-1;top:-30px;left:-30px}
/* 取消所有的swiper的箭头 */
.no-arrow .swiper-button-next:after,.no-arrow .swiper-button-prev:after{content:none}
/* banner */
.banner{}
.banner .swiper-pagination{bottom:50px}
.banner .swiper-bottom{max-width:1400px;margin:0 auto;position:relative}
.banner .swiper-button-next,.banner .swiper-button-prev{top:inherit;right:0;bottom:50px;left:inherit;width:42px;height:42px;border:2px solid rgba(255,255,255,30%);font-size:16px;color:#fff;z-index:9}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{border-color:#fff;transition:.6s ease-in-out}
.banner .swiper-button-prev{right:calc(42px + 70px)}
.banner .swiper-pagination-banner{height:42px;width:70px;right:calc(42px);left:inherit;display:flex;align-items:center;justify-content:center}
.banner .swiper-pagination-banner span{margin:0 5px}
.swiper_pagination_box{margin:0 auto;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:6;font-size:16px}
.swiper_pagination_box .swiper-slide{border-bottom:1px solid rgba(255,255,255,30%);cursor:pointer}
.swiper_pagination_box .swiper-slide.swiper-slide-thumb-active{border-color:#fff;transition:.6s ease-in-out}
.banner_swiper .banner_content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

@media(max-width:1430px){
	.banner .swiper-button-next,.banner .swiper-button-prev{right:15px}
	.banner .swiper-button-prev{right:calc(42px + 70px + 15px)}
	.banner .swiper-pagination-banner{right:calc(42px + 15px)}
}

.banner_swiper .banner_content .banner_txt_1{max-width:1000px}
.banner_swiper .banner_content .banner_txt_1 .t1{font-size:52px;line-height:52px;font-weight:bold;text-transform:uppercase;position:relative;margin-bottom:40px}
.banner_swiper .banner_content .banner_txt_1 p{font-size:18px;line-height:28px;color:rgba(255,255,255,.6)}
.banner_swiper .banner_content .banner_txt_1 .banner_more{margin-top:70px;display:flex}
.banner_swiper .banner_content .more{padding:15px 30px;background-color:var(--public-color);display:flex}
.banner_swiper .banner_content .more .icon-box{display:flex}
.banner_swiper .banner_content .more .icon-box i::before{font-size:14px;line-height:28px;font-weight:bold;color:#fff}
.banner_swiper .banner_content .more span{color:#fff;text-transform:uppercase;font-size:18px;line-height:28px;font-weight:bold;margin-left:10px}

@media (max-width:991.98px){
	.banner_swiper .banner_content .banner_txt_1 .t1{font-size: 18px;line-height: 28px;}
	.banner_swiper .banner_content .banner_txt_1 p{display: none;}
	.banner_swiper .banner_content .banner_txt_1 .banner_more{margin-top: 10px;}
	.banner_swiper .banner_content .more{padding:8px 12px;line-height: 22px;}
	.banner_swiper .banner_content .more span{font-size: 14px;line-height: 22px;}
	.swiper_pagination_box,.banner .swiper-bottom{display: none;}
}

/* 其他页面banner */
.banner-lock{position:relative}
.banner-lock .lock{position:absolute;bottom:20%;left:inherit;transform:translate(0%,0%)}
.banner-lock .lock .title{font-size:38px;line-height:60px;font-weight:600;color:#fff}
.banner-lock .lock .breadcrumb{margin-top:15px;font-size:18px}
.breadcrumb-item+.breadcrumb-item::before{font-family:CmsFont;content:'\f054 \f054';color:#e60012;font-size:12px;font-weight: bold;}
.breadcrumb-item a:hover{color:#fff;text-decoration:underline}
.banner-lock .banner-mask{position:absolute;left:0;bottom:0}


/* more */
.mores{display:flex;}
.more{color:#fff;padding:15px 30px;background-color:#000;display:flex;transition:.5s ease-in-out}
.more .icon-box{display:inline-block;font-weight:bold;display:flex}
.more .icon-box i::before{font-size:14px;line-height:28px;font-weight:bold;color:var(--public-color);transition:.5s ease}
.more span{text-transform:uppercase;font-size:18px;line-height:28px;font-weight:bold;margin-left:10px}

.more-kd{display:table;color:white !important;transition:all .5s ease;margin:120px 0 0 0;position:relative}
.more-kd .more-box{display:flex;align-items:center;justify-content:center;background-color:black;padding:12px 20px;text-transform:uppercase}
.more-kd .icon-box{margin-right:15px;position:relative;z-index:3;display:flex}
.more-kd .icon-box i{color:#59a9b3;font-size:14px}
/*.more-kd .more-box::after{content:'';display:inline-block;height:48px;width:20px;position:absolute;background-color:#59a9b3;right:-20px;top:0;transition:.6s ease-in-out}*/
@media (max-width:991.98px){
	.more{padding:8px 12px;align-items: center;}
	.more span{font-size: 14px;line-height: 22px;}
	/*.more-kd .more-box::after{height:100%;}*/
}
/*.more-kd:hover .more-box::after{width:calc(100% + 20px)}
.more-kd.active .more-box::after{width:calc(100% + 20px)}*/
.more-kd .more-text{position:relative;z-index:3;font-weight:700}
.more-kd:hover .icon-box i{color:#fff;}
.more-kd.active .icon-box i{color:#fff;}
.more-kd:hover .more-box{background:#59a9b3;}
.more-kd.active .more-box{background:#59a9b3;}

.about-nav{margin-bottom:40px;}
.about-nav .container-xl{display: flex;flex-wrap: wrap;padding-top: 0;}
.about-nav .more-kd{display:table;color: white;transition: all .5s ease;margin:10px 20px;position:relative;}
@media (max-width:991.98px){
	.about-nav{display: none;}
}
/* home */
.home{}
.home .title{font-size: 36px;line-height:42px;font-weight:800;text-transform: uppercase;position:relative;}
.home .subtitle{font-size: 18px;line-height: 26px;color:#666;}

.home-pro{overflow:hidden;}
.home-pro-top{padding:90px 0;display:flex}
.home-pro-top .text{flex:75%}
.home-pro-top .text .subtitle{margin-top: 20px;}
.home-pro-top .mores{flex:25%;justify-content:flex-end;align-items:flex-start}
.home-pro-top .more:hover{background-color:var(--public-color);color:#fff}
.home-pro-top .more:hover .icon-box i::before{color:#fff}

.home-pro-main{height:870px;background:url(../../images/home_pro_bg.webp) no-repeat center center / cover;position:relative}
.home-pro-main .h-100{height:100%}
.home-pro-main .swiper-product-box{max-width:1400px;position:absolute;bottom:0;width:100%;height:90%;overflow:hidden}
.home-pro-main .swiper_product{color:#fff}
.home-pro-main .swiper_product .item{visibility:hidden;display:flex;height:100%}
.home-pro-main .swiper_product .item .text{flex:30%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:13%;}
.home-pro-main .swiper_product .item .text .t1{font-size:36px;line-height:42px;font-weight:bold;color:var(--public-color)}
.home-pro-main .swiper_product .item .text .t1 a{color:var(--public-color)}
.home-pro-main .swiper_product .item .text .t2{display:flex;width:100%;max-width:360px;justify-content:space-between;margin:50px 0 60px}
.home-pro-main .swiper_product .item .text .t2 .item-small-img{border-radius:50%;overflow:hidden;border:4px solid var(--public-color)}
.home-pro-main .swiper_product .item .text .t3{}
.home-pro-main .swiper_product .item .text .t3 p::before{content:'⊙';color:var(--public-color);margin-right:5px}
.home-pro-main .swiper_product .item .text .mores{margin-top:60px;transition:none}
.home-pro-main .swiper_product .item .text .more{background-color:var(--public-color);transition:none}
.home-pro-main .swiper_product .item .text .more .icon-box i::before{color:#fff;transition:none}
.home-pro-main .swiper_product .item .text .more span{font-size:14px;color:#fff}
.home-pro-main .swiper_product .item .img{flex:70%;display:flex;align-items:center}

.home-pro-main .swiper_product .swiper-slide-active .item{visibility:visible}
.home-pro-main .swiper_product_list{border-right:1px solid rgba(255,255,255,30%);border-left:1px solid rgba(255,255,255,30%)}
.home-pro-main .swiper_product_list .swiper-slide{height:100%;border-left:1px solid rgba(255,255,255,30%);display:flex;flex-direction:column;transition:.6s ease-in-out}
.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active{background-color:rgba(82,162,174,30%);border-left:0}
.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active .pro-item{height:100%;margin-top:45px;}
.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active .pro-title{border-color:var(--public-color);}
.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active .product-list{height:auto;padding:40px 30px 0;visibility:visible;transition:.6s ease-in-out}
.home-pro-main .pro-item{height:100%}
.home-pro-main .pro-title{font-size:22px;line-height:32px;font-weight:bold;color:#fff;padding:0 35px;border-left:2px solid #fff;transition:.6s ease-in-out}
.home-pro-main .product-list{height:0px;padding:0 30px 0;visibility:hidden}
.home-pro-main .product-list p{color:#fff;font-size:18px;line-height:40px}
.home-pro-main .max-1660{position:relative}
.home-pro-main .swiper-button-next,.home-pro-main .swiper-button-prev{top:inherit;right:0;bottom:120px;left:inherit;width:42px;height:42px;border:2px solid rgba(255,255,255,30%);font-size:16px;color:#fff;z-index:9}
.home-pro-main .swiper-button-next:hover,.home-pro-main .swiper-button-prev:hover{border-color:#fff;transition:.6s ease-in-out}
.home-pro-main .swiper-button-prev{bottom:calc(120px + 42px + 50px)}
.home-pro-main .swiper-pagination-pro{bottom:calc(120px + 42px);height:50px;width:42px;right:0;left:inherit;display:flex;align-items:center;justify-content:center;color:var(--public-color)}
.home-pro-main .swiper-pagination-pro span{padding:0 3px}
.home-pro-main .swiper-pagination-pro span:nth-child(1){color:#fff}
@media(max-width:1480px){
	.home-pro-main .pro-title{padding:0 15px}
	.home-pro-main .swiper-button-next,.home-pro-main .swiper-button-prev{bottom:50px;right:45%}
	.home-pro-main .swiper-button-prev{left:45%;right:inherit}
	.home-pro-main .swiper-pagination-pro{bottom:50px;left:50%;transform:translateX(-50%);height:42px}
	.home-pro-main .swiper_product_list .product-list{padding:0 15px 0}
	.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active .product-list{padding:20px 15px 0}
	.home-pro-main .product-list p{font-size: 16px;line-height: 28px;}
}

.home-app{max-width:1920px;margin:0 auto;position:relative;overflow:hidden;padding-bottom:46px}
.home-app .home-app-box{display:flex;position:relative}
.home-app .img{flex:50%}
.home-app .img.img-relative{position:relative;z-index:3}
.home-app .img .item{opacity:0;height:0}
.home-app .img .item.active{opacity:1;height:auto;transition:.6s ease-in-out}

.home-app .text-box{position:absolute;bottom:46px;width:100%}
.home-app .text-box .text{width:50%}
.home-app .text-box .text .title{margin-right:40px;margin-bottom:40px}
.home-app .text-box .text .subtitle{font-size:18px;line-height:32px;color:#666;margin-bottom:100px}
.home-app .text-box .text .app-morelist{display:flex;flex-wrap:wrap;background-color:rgba(89 169 179 / 0.2)}
.home-app .text-box .text .app-morelist .item{flex:calc(100% / 3);padding:35px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}
.home-app .text-box .text .app-morelist .item .item-text{margin-top:10px}
.home-app .text-box .text .app-morelist .item:nth-child(2n){background-color:rgba(255,255,255,60%)}
.home-app .text-box .text .app-morelist .item:nth-child(6){background-color:var(--public-color)}
.home-app .text-box .text .app-morelist .item::before{content:'';position:absolute;height:0;width:100%;background-color:#000;z-index:-1}
.home-app .text-box .text .app-morelist .item:nth-child(-n+3).active{position:relative;z-index:1;color:#fff}
.home-app .text-box .text .app-morelist .item:nth-child(-n+3).active .item-img{filter:brightness(0) invert(1);margin-top:-25%;transition:.6s ease-in-out}
.home-app .text-box .text .app-morelist .item:nth-child(-n+3).active::before{bottom:0;height:200px;transition:.6s ease-in-out}
.home-app .text-box .text .app-morelist .item:nth-child(n+4).active{position:relative;z-index:1;color:#fff}
.home-app .text-box .text .app-morelist .item:nth-child(n+4).active .item-img{filter:brightness(0) invert(1);transition:.6s ease-in-out}
.home-app .text-box .text .app-morelist .item:nth-child(n+4).active .item-text{margin-bottom:-25%;transition:.6s ease-in-out}
.home-app .text-box .text .app-morelist .item:nth-child(n+4).active::before{top:0;height:200px;transition:.6s ease-in-out}
.home-app .text-box .text .app-morelist .app-more .more-text{color:#fff;margin-top:10px}
.home-app .text-box .text .app-morelist .app-more .item-img{opacity:.4}
.home-app .text-box .text .app-morelist .app-more:hover .item-img{opacity:1;transition:.6s ease-in-out}

@media(max-width:1630px){
	.home-app .text-box .text .app-morelist .item{padding:20px 0}
	.home-app .text-box .text .app-morelist .item:nth-child(-n+3).active::before{height:160px}
	.home-app .text-box .text .app-morelist .item:nth-child(n+4).active::before{height:160px}
	.home-app .text-box .text .app-morelist .item:nth-child(-n+3).active .item-img{margin-top:-15px}
	.home-app .text-box .text .app-morelist .item:nth-child(n+4).active .item-text{margin-bottom:-15%}
	.home-app .text-box .text .subtitle{margin-bottom:50px}
}
@media(max-width:1430px){
	.home-app .text-box .text .app-morelist .item{padding:15px 0}
	.home-app .text-box .text .app-morelist .item:nth-child(-n+3).active::before{height:140px}
	.home-app .text-box .text .app-morelist .item:nth-child(n+4).active::before{height:140px}
	.home-app .text-box .text .title{margin-bottom:20px;font-size:32px}
}
@media(max-width:768px){
	.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active .pro-item{display: none;}
	.home-app{display: flex;flex-direction: column-reverse;}
	.home-app .text-box{position:relative;bottom: 0;}
	.home-app .text-box .text{width: 100%;}
	.home-app .text-box .text .title{margin-right: 0;margin-top: 20px;font-size: 24px;}
	.home-app .text-box .text .subtitle{font-size: 14px;line-height: 22px;}
	.home-app .text-box .text .app-morelist .app-more .more-text{text-align: center;}
	.home-app .text-box .text .app-morelist .item .item-text{text-align: center;}
	.home-app .home-app-box{flex-direction:column;}
	.home-app .text-box .text br{display:none !important}
}

.home-about{padding:50px 0 120px;}
.home-about .title{text-align:right;}
.home-about .home-about-box{display: flex;margin-top: 70px;}
.home-about .home-about-box>div{flex:50%;position:relative;}
.home-about .home-about-box .home-about-bg{position:absolute;bottom:68%;z-index:0;}
.home-about .home-about-box .home-about-bg.left{right:10px;left:inherit;}
.home-about .home-about-box .home-about-bg.right{left:10px;right:inherit;}
.home-about .home-about-box .img{position:relative;}
.home-about .home-about-box .img .video-about{position:absolute;top:50%;left:50%;transform:translateX(-50%);cursor:pointer;}
.home-about .home-about-box .img .video-about:hover{filter: brightness(0) invert(1);}
.home-about .home-about-box .text{padding-left:100px;display: flex;flex-direction:column;justify-content:space-between;}
.home-about .home-about-box .text .text-main{position:relative;z-index: 3;font-size: 18px;line-height: 26px;margin-bottom: 30px;}
.home-about .home-about-box .text .text-main p{margin-bottom: 0px;}
.home-about .home-about-box .text-num{display: flex;flex-wrap:wrap;}
.home-about .home-about-box .text-num .item{flex:33%;padding:20px 0;border-top:2px dashed #999;}
.home-about .home-about-box .text-num .num{color:var(--public-color);font-size: 30px;}
.home-about .home-about-box .text-num .num span{font-size: 42px;line-height: 42px;font-weight: bold;}
.home-about .home-about-box .text-num p{font-size: 16px;margin-top: 10px;}
.home-about .home-about-box .more:hover{background-color:var(--public-color);color:#fff}
.home-about .home-about-box .more:hover .icon-box i::before{color:#fff}

@media(max-width:1430px){
	.home-about .home-about-box .text{padding-left:30px}
	.home-about .home-about-box .text-num .item{padding:15px 0}
	.home-about .home-about-box .text .text-main{line-height:26px}
}

.home-link{background-color:var(--public-color);padding:60px 0}
.home-link .title{color:#fff;margin-bottom:60px}
.home-link .container-xl.max-1530{position:relative}
.home-link .swiper_link{}
.home-link .swiper_link .swiper-slide{background-color:var(--public-color)}
.home-link .swiper-button-next,.home-link .swiper-button-prev{width:42px;height:42px;background-color:rgba(255,255,255,30%);font-size:16px;color:#fff;border-radius:50%}
.home-link .swiper-button-next:hover,.home-link .swiper-button-prev:hover{background-color:#fff;color:var(--public-color);transition:.6s ease-in-out}

.home-adv{padding:100px 0;background-color:rgba(89,169,179,10%)}
.home-adv .home-adv-box{display:flex;align-items:center;position:relative;height:750px;}
.home-adv .left{flex:33%}
.home-adv .left .subtitle{margin:40px 0 60px}
.home-adv .home-adv-box .more:hover{background-color:var(--public-color);color:#fff}
.home-adv .home-adv-box .more:hover .icon-box i::before{color:#fff}
.home-adv .right{flex:67%;overflow:hidden;background-color:#fff;box-shadow:0px 15px 20px 0px rgba(82,162,174,0.15);padding:90px 0px 90px 50px;height: 100%;}
.home-adv .swiper_adv{padding-right:120px;position:relative}
.home-adv .swiper_adv::before{content:'';position:absolute;right:0;z-index:2;display:inline-block;width:120px;height:100%;background:linear-gradient(to left,#fff,transparent)}
.home-adv .adv-list{display:flex;flex-direction:column}
.home-adv .adv-list .item{margin-bottom:20px}
.home-adv .adv-list .item .q{font-size:20px;line-height:26px;font-weight:bold;border-bottom:1px dashed #999;padding-bottom:10px;text-transform:uppercase;cursor:pointer;position:relative}
.home-adv .adv-list .item .q::after{font-family:cmsfont;content:"\f077";position:absolute;top:0;right:0;width:26px;height:26px;border-radius:50%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;font-size:12px}
.home-adv .adv-list .item.active .q::after{transform:rotateX(180deg)}
.home-adv .adv-list .item .q:hover{color:var(--public-color);transition:.6s ease-in-out}
.home-adv .adv-list .item .q::before{content:'';width:12px;height:12px;display:inline-block;background-color:var(--public-color);margin-right:20px}
.home-adv .adv-list .item .a{padding-top:10px;overflow:hidden;height:0}
.home-adv .adv-list .item .a p{font-size:18px;line-height:42px;color:#666}
.home-adv .adv-list .item .a p::before{content:'';display:inline-block;width:20px;height:20px;background:url(../../images/home-adv-icon.webp) no-repeat;margin:0 10px;transform:translateY(10%)}
.home-adv .adv-list .item.active .q{color:var(--public-color)}
.home-adv .adv-list .item.active .a{height:auto}
.home-adv .swiper_adv .swiper-pagination-adv{bottom:0;width:calc(100% - 120px)}
.home-adv .swiper_adv .swiper-pagination-adv .swiper-pagination-bullet{width:40px;height:10px;border-radius:0}

.home-links{height:1058px;background:url(../../images/home-links-bg.webp) no-repeat center center / cover;color:#fff;padding:80px 0 30px;display:flex;flex-direction:column;justify-content:space-between}
.home-links .subtitle{margin-top:30px;color:#fff}
.home-links .links-list{padding:0 15px;overflow:hidden;width:100%}
.scroll-horseRace{width:100%;max-width:1890px;overflow:hidden;margin:0 auto}
.scroll-horseRace .horseRace-box{display:flex;margin-top:20px;/*animation:horseRace 15s infinite linear;*/transition:none}
.scroll-horseRace .horseRace-box .horseRace-item{margin-right:20px;background-color:#000}
.scroll-horseRace .horseRace-box .horseRace-item img{opacity:.5}
.scroll-horseRace .horseRace-box .horseRace-item:hover img{opacity:1;transition:.6s ease-in-out}
.scroll-horseRace .horseRace-box:hover{animation-play-state:paused}
@keyframes horseRace{0%{transform:translateX(0)}100%{transform:translateX(-3830px)}}

.home-serv{padding:130px 0}
.home-serv .title{}
.home-serv .subtitle{margin-top:30px}
.home-serv .home-serv-box{max-width:1920px;margin:90px auto 0}
.home-serv .home-serv-box .max-1660{max-width:calc(1660px + 15px)}
.home-serv .home-serv-box .more:hover{background-color:var(--public-color);color:#fff}
.home-serv .home-serv-box .more:hover .icon-box i::before{color:#fff}
.home-serv .home-serv-box .home-serv-box-tab{display:flex}

.home-serv .home-serv-box .home-serv-box-tab .left{flex:21%}
.home-serv .home-serv-box .left{color:#666;font-weight:bold;text-transform:uppercase;display:flex;flex-direction:column;justify-content:space-between}
.home-serv .home-serv-box .left .item{font-size:18px;margin-bottom:30px;display:flex;align-items:center;cursor:pointer}
.home-serv .home-serv-box .left .item span{margin-left:20px}
.home-serv .home-serv-box .left .item.active span{color:var(--public-color)}
.home-serv .home-serv-box .left .item img{filter:brightness(0);opacity:.6}
.home-serv .home-serv-box .left .item.active img{filter:none;opacity:1}
@media(max-width:1430px){
	.home-serv .home-serv-box .left .item{font-size:16px;margin-bottom:15px}
}
.home-serv .home-serv-box .home-serv-box-tab .right{flex:69%}
.home-serv .home-serv-box .right{height:auto;overflow:hidden}
.home-serv .home-serv-box .right .item{height:0;transition:.6s ease-in-out}
.home-serv .home-serv-box .right .item.active{height:auto}

.home-news-exhibition{padding:100px 0;background-color:rgba(89,169,179,10%)}
.home-news-exhibition .news-top{display:flex;justify-content:space-between;position:relative;z-index:1}
.home-news-exhibition .news-top .more:hover{background-color:var(--public-color);color:#fff}
.home-news-exhibition .news-top .more:hover .icon-box i::before{color:#fff}
.home-news-exhibition .news-box{margin-top:80px}
.home-news-exhibition .news-box .left{display:flex;justify-content:space-between}
.home-news-exhibition .news-box .left .item{width:48%;background-color:#fff}
.home-news-exhibition .news-box .left .item .text{padding:40px;background-color:#fff}
.home-news-exhibition .news-box .left .item .time{font-size:18px;color:#666}
.home-news-exhibition .news-box .left .item .news-title a{margin-top:30px;font-size:26px;lj:32px;font-weight:bold;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-exhibition .news-box .left .item .news-content-h{display:none;margin-top:20px;font-size:18px;line-height:32px;color:#fff}
.home-news-exhibition .news-box .left .item .more{background-color:var(--public-color);border:1px solid #fff;display:none}
.home-news-exhibition .news-box .left .item .more .icon-box i::before{color:#fff}
.home-news-exhibition .news-box .left .item:hover{background-color:var(--public-color);color:#fff}
.home-news-exhibition .news-box .left .item:hover .text{height:100%;transition:.6s ease-in-out;background-color:var(--public-color)}
.home-news-exhibition .news-box .left .item:hover .img{height:0;opacity:0}
.home-news-exhibition .news-box .left .item:hover .time{color:#fff}
.home-news-exhibition .news-box .left .item:hover .news-title a{-webkit-line-clamp:3;color:#fff}
.home-news-exhibition .news-box .left .item:hover .news-content-h{display:block}
.home-news-exhibition .news-box .left .item:hover .more{display:flex;color:#fff;margin-top:40px}

.home-news-exhibition .news-box .right{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.home-news-exhibition .news-box .right .item{display:flex}
.home-news-exhibition .news-box .right .item .img{flex:50%;margin-right:20px;box-shadow:0px 20px 56px 0px rgba(82,162,174,0.3)}
.home-news-exhibition .news-box .right .item .text{flex:50%;margin-left:20px}
.home-news-exhibition .news-box .right .item .text .t1 a{font-size:18px;font-weight:bold;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:.6s ease-in-out}
.home-news-exhibition .news-box .right .item .text .t2{font-size:18px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-exhibition .news-box .right .item .text .news-more{font-size:12px;color:#af231d;margin-top:20px;display:inline-block}
.home-news-exhibition .news-box .right .item .text .news-more:hover{text-decoration:underline}

.home-news-company{padding:100px 0}
.home-news-company .home-news-company-box{display:flex;align-items:center}
.home-news-company .home-news-company-left{flex:25%}
.home-news-company .home-news-company-left .mores{margin-top:60px}
.home-news-company .home-news-company-left .more:hover{background-color:var(--public-color);color:#fff}
.home-news-company .home-news-company-left .more:hover .icon-box i::before{color:#fff}

.home-news-company .home-news-company-right{flex:75%;width:70%}
.swiper_company{overflow:hidden;padding:20px 30px}
.swiper_company .item{box-shadow:0px 0px 20px 0px rgba(82,162,174,0.15);padding:40px 20px}
.swiper_company .item .time{font-size:14px;color:#999;margin-bottom:10px;display:inline-block}
.swiper_company .item .t1{font-size:18px;font-weight:bold;text-transform:uppercase}
.swiper_company .item .t1 a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.swiper_company .item .t2{font-size:16px;line-height:24px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.swiper_company .item .news-more{font-size:12px;color:#af231d;margin-top:10px;display:inline-block}
.swiper_company .item .news-more:hover{text-decoration:underline}


.home-news-company .company-next,.home-news-company .company-prev{width:42px;height:42px;background-color:rgba(82,162,174,.3);font-size:16px;color:#fff;border-radius:50%}
.home-news-company .company-next:hover,.home-news-company .company-prev:hover{background-color:rgba(82,162,174,1);color:#fff;transition:.6s ease-in-out}

@media (max-width:991.98px){
	.home .title{font-size: 24px;line-height: 28px;}
	.home .subtitle{font-size: 14px;line-height: 22px;}
	.home-pro-top{padding:30px 0;flex-direction:column;}
	.home-pro-top .mores{justify-content: center;margin-top: 20px;}
	.home-pro-main{height:70vh;}
	.home-pro-main .swiper_product .item{flex-direction:column;}
	.home-pro-main .swiper_product .item .text .t1{font-size: 24px;line-height: 28px;}
	.home-pro-main .swiper_product .item .text .t2{display: none}
	.home-pro-main .swiper_product .item .text .mores{margin-top: 20px;}
	.home-pro-main .swiper-product-box{width: 90vw;padding:15px;margin:0 auto;height:100%;}
	.home-pro-main-bottom{display: none;}
	.home-pro-main .swiper-button-next, .home-pro-main .swiper-button-prev{display: none;}
	.home-pro-main .swiper_product_list .swiper-slide.swiper-slide-thumb-active .pro-title{display: none;}
	.home-about .home-about-box{margin-top: 20px;flex-direction:column;}
	.home-about .home-about-box .text{padding-left: 0;margin-top: 20px;font-size: 14px;line-height: 22px;}
	.home-link{padding:30px 0;}
	.home-link .title{margin-bottom: 30px;}
	.home-adv .home-adv-box{height:auto;flex-direction: column;padding-right: 0;}
	.home-adv .left .subtitle{margin:20px 0;}
	.home-adv{padding:30px 0;}
	.home-adv .right{width: 100%;padding:15px;margin-top: 20px;}
	.home-adv .swiper_adv{padding-right: 0;}
	.home-adv .swiper_adv::before{display: none;}
	.home-adv .adv-list .item .q{font-size: 18px;}
	.home-adv .adv-list .item .a p{font-size: 14px;line-height: 22px;}
	.home-serv{padding:30px 0;}
	.home-serv .home-serv-box{margin:30px auto 0;}
	.home-serv .home-serv-box .home-serv-box-tab{flex-direction: column-reverse;}
	.home-serv .home-serv-box .home-serv-box-tab .right{margin-bottom: 30px;}
	.home-news-exhibition{padding:30px 0;}
	.home-news-exhibition .news-top{flex-direction: column;}
	.home-news-exhibition .news-top>div.mores{margin-top: 20px;}
	.home-news-exhibition .news-box .right .item{flex-direction: column;margin-bottom: 20px;}
	.home-news-exhibition .news-box .right .item .img{margin-right: 0;}
	.home-news-exhibition .news-box .right .item .text{margin-left: 0;background-color:#fff;padding:10px;}
	.home-news-exhibition .news-box .right .item .text .t1 a{font-size: 16px;}
	.home-news-exhibition .news-box .right .item .text .t2{font-size: 14px;}
	.home-news-exhibition .news-box .right .item .text .news-more{margin-top: 10px;}
	.home-news-company{display: none;}
}

.footer-feedback{background-color:var(--public-color);padding:85px 0}
.footer-feedback .footer-form-feedback{}
.footer-form-feedback .form-feedback .form-control{max-height:50px;padding:12px 18px;border-radius:0;color:#192333}
.footer-form-feedback input::placeholder,.footer-form-feedback textarea::placeholder{color:#192333 !important}

.form-btn{}
.footer-form-feedback .form-btn .col-md-9{padding-right:0}
.footer-form-feedback .form-btn .col-md-3{padding-left:0}
.footer-form-feedback .form-feedback .btn{background-color:#000;border-radius:0;height:50px;display:flex;justify-content:center;align-items:center;transition:.6s ease-in-out}
.footer-form-feedback .form-feedback button .icon-box{display:flex}
.footer-form-feedback .form-feedback button .icon-box i::before{color:var(--public-color);font-weight:bold}
.footer-form-feedback .form-feedback button span{margin-left:10px;font-weight:bold}
.footer-form-feedback .form-feedback button.btn:hover{background-color:rgba(71,143,152,1.0)}
.footer-form-feedback .form-feedback button.btn:hover .icon-box i::before{color:#fff}
.footer-form-feedback .btn-box{}
@media (max-width:991.98px){
	.footer-feedback{padding:30px 0;}
	.footer-form-feedback .form-btn .col-md-3{padding-left: 0;}
	.footer-form-feedback .form-btn .col-md-9{padding-right: 15px;}
}
.footer{background-color:#111111}
.footer-bottom{background-color:#212121;color:rgba(255,255,255,.2);font-size:18px;line-height:32px;height:50px;display:flex;align-items:center;justify-content:center}
.footer-main{padding:60px 0}
.footer-main .footer-logo{margin-bottom:60px;height:60px}
.footer-main .footer-title{font-size:36px;line-height:36px;display:flex;align-items:flex-end;font-weight:bold;color:#fff;margin-bottom:60px;height:60px}

.footer-main .footer-contact-list .item{display:flex;align-items:baseline;color:rgba(255,255,255,1);transition:.6s;font-size:20px;line-height:40px;margin-bottom:20px}
.footer-main .footer-contact-list .item a{color:rgba(255,255,255,1)}
.footer-main .footer-contact-list .item img{margin-right:20px}
.footer-main .footer-contact-list .item:hover a{text-decoration:underline}

.footer-main .phome{font-size:26px;line-height:61px;color:#ffffff;background-color:var(--public-color);border-radius:3px;display:inline-block;padding:0 0 0 40px;font-family:'Arial';margin-top:40px;width:100%;max-width:400px}
.footer-main .phome i{font-size:26px;margin-right:25px}
.footer-main .phome:hover{text-decoration:underline}

.footer-main .footer-quick-links{display:flex;flex-wrap:wrap;flex-direction:column;}
.footer-main .footer-quick-links .item{font-size:20px;line-height:40px;color:#fff;margin-bottom:10px;flex:50%}
.footer-main .footer-quick-links .item:hover{color:var(--public-color);text-decoration:underline}
.footer-main .footer-quick-links .item i{margin-right:10px;opacity:.6}
@media (max-width:991.98px){
	.footer-main{padding:40px 0;}
	.footer-main .footer-logo{margin-bottom:20px;}
	.footer-main .footer-contact-list .item{font-size: 16px;line-height: 24px;}
	.footer-main .phome{margin-top: 10px;font-size: 20px;line-height: 36px;padding:0;text-align: center;}
	.footer-main .phome i{font-size: 18px;margin-right: 10px;}
	.footer-main .footer-title{margin-bottom: 20px;}
	.footer-main .footer-quick-links .item{flex:0 0 100%;font-size: 18px;line-height: 26px;margin-bottom: 10px;}
	.footer-bottom{height:auto;text-align:center;line-height:24px;padding:10px 0;font-size:16px;}
	.footer-bottom a{display:contents;}
}
.footer-main.main1 .col-md-4{flex:1;max-width:100%;}
.footer-main.main1 .col-md-1,.footer-main.main1 .col-md-7{display: none;}
.footer-main.main1 .footer-logo{margin-bottom: 20px;}
.footer-main.main1 .footer-contact-list{display:flex;    justify-content: space-between;}
.footer-main.main1 .footer-contact-list .item{width:30%;line-height: 28px;}
.footer-main.main1 .phome{margin:0;}

.copy-link{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:flex-end}
.copy-link a,.copy-link span{width:50px;height:50px;display:inline-block;margin-right:10px;border:1px solid #848484;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#848484;transition:.6s}
.copy-link .social-youtube{background-color:transparent !important}
.copy-link .social-youtube::before{display:none}
.copy-link a:hover,.copy-link span:hover{border:1px solid #fff;color:#fff}

/* 公共 */
.public-top{display:flex;margin-bottom:100px;align-items:center;}
.public-top.border-bottom{padding-bottom:100px;border-bottom:1px dashed rgba(0,0,0,.2)}
.public-top .more-kd{margin-top:100px}
.public-top .public-right .more-kd{margin-top:60px}
.public-left{flex:40%;padding-right:5%}
.public-right{flex:55%;padding-left:5%;border-left:1px solid #e60012}
.public-right .t1{font-size:24px;line-height:32px;font-weight:bold;text-transform:uppercase;margin-bottom:40px}
.public-right .t1 strong{font-size:18px;color:var(--public-color);font-weight:bold}
.public-right .t2{font-size:16px;line-height:28px;color:#666}

@media (max-width:991.98px){
	.public-top.border-bottom{padding-bottom: 30px;}
	.public-top .more-kd{margin-top: 20px;}
	.public-top{flex-direction:column;margin-bottom: 35px;}
	.public-top .public-right .more-kd{margin-top: 30px;}
	.public-left .more-kd{margin-bottom: 20px;}
	.public-right{margin-top: 10px;}
	.public-right .t1{font-size: 18px;line-height: 24px;margin-bottom: 20px;}
	.public-right .t2{font-size: 14px;line-height: 22px;}
	.copy-link{justify-content:center;}
	.copy-link a, .copy-link span{width:40px;height:40px;margin-right:5px;margin-left:5px;}
}

/* about-wrapper */
.about-wrapper{padding:60px 0}
.about-wrapper .t1{margin-top:10px;font-size:36px;font-weight:700;line-height:2.5rem}
.about-wrapper .t2{font-size:18px;color:#023575;font-weight:700}
.about-wrapper .mode1-bigbox{margin:40px 0;display:flex;justify-content:space-between;align-items:center}
.about-wrapper .mode1-box{width:22%;text-align:center}
.about-wrapper .mode1 .round-image{margin:0 auto}
.about-wrapper .mode1 .round-image{margin-top:20px;margin-bottom:20px}
.about-wrapper .mode1 .round-image img{border:2px dashed rgba(0,0,0,.3);border-radius:100px;padding:40px 45px}
.about-wrapper .mode1-box-bottom .t2,.about-wrapper .mode1-box-bottom .msg{padding:10px 0}
.about-wrapper .mode1-box-bottom .t2{text-transform:uppercase}
.about-wrapper .mode1-box-top{position:relative}
.about-wrapper .mode1 .line:before{content:"";position:absolute;top:50%;right:-20%;width:20%;height:1px;background-color:rgba(0,0,0,.3)}

.about-wrapper .mode2{margin-top:100px;}
.about-wrapper .mode2 .mode2-top{width:100%;margin-bottom: 20px;`}
.about-wrapper .mode2 .mode2-bottom{display:flex;justify-content:space-around}
.about-wrapper .mode2 .mode2-left-bottom{width:50%}
.about-wrapper .mode2 .mode2-right-bottom{width:40%;background-color:#007cc2}
.about-wrapper .mode2 .container1{display:flex;margin-top:70px}
.about-wrapper .mode2 .container-left{display:flex;width:57%;margin-left:20px;flex-direction: column;}
.about-wrapper .mode2 .container-left-content{width:785px;margin-right:45px}
.about-wrapper .mode2 .container-left-content .msg:not(:first-child){margin-top:20px}
.about-wrapper .mode2 .container .container-right{display:flex;justify-content:right;width:43%}
.about-wrapper .mode2 .container1 .container-right-content{width:90%}
.about-wrapper .mode2 .container1 .container-right-content img{width:100%}


.about-wrapper .mode3 .container1{display:flex;margin-top:100px}
.about-wrapper .mode3 .container-left{display:flex;justify-content:flex-end;width:45%;background-color:#59a9b3;padding:80px 0;padding-left:10px}
.about-wrapper .mode3 .container-left-content{width:700px;padding-bottom:300px;display:flex;justify-content:flex-end;margin-right:45px}
.about-wrapper .mode3 .container-left-content .more-kd{display:table;color:white;transition:all .5s ease;margin:120px auto 0 0;position:relative;margin-right:15px}
.about-wrapper .mode3 .container-left-content .more .more-box{display:flex;align-items:center;justify-content:center;background-color:black;padding:18px 20px}
.about-wrapper .mode3 .container-left-content .more .icon-box{margin-right:15px;position:relative;z-index:3}
.about-wrapper .mode3 .container-left-content .more .icon-box i{color:#59a9b3;font-size:14px}
.about-wrapper .mode3 .container-left-content .more .more-box::after{content:'';display:inline-block;height:60px;width:30px;position:absolute;background-color:#59a9b3;right:-30px;top:0;transition:.6s ease-in-out}
.about-wrapper .mode3 .container-left-content .more .more-text{position:relative;z-index:3}
.about-wrapper .mode3 .container-left-content .more:hover .more-text{color:#59a9b3}
.about-wrapper .mode3 .container-right{display:flex;padding:80px 0;justify-content:right;width:55%}
.about-wrapper .mode3 .container-right .container-right-additional{width:20%}
.about-wrapper .mode3 .container-right-content{width:70%}
.about-wrapper .mode3 .container-right-content .msg:not(:first-child){margin-top:20px}
.about-wrapper .mode3 .container2{display:flex;margin-top:-200px}
.about-wrapper .mode3 .container2 .container-additional{width:13%;display:flex;justify-content:left}
.about-wrapper .mode3 .container2 .swiper{width:87%;display:flex;justify-content:right;background-color:#eff5f6}
.about-wrapper .mode3 .container2 .swiper .swiper-slide img{width:75%}
.about-wrapper .mode3 .swiper-horizontal>.about-wrapper .mode3 .swiper-pagination-bullets,.about-wrapper .mode3 .swiper-pagination-bullets.swiper-pagination-horizontal,.about-wrapper .mode3 .swiper-pagination-custom,.about-wrapper .mode3  .swiper-pagination-fraction{left:35.5%;top:85%}
.about-wrapper .mode3 .container2 .swiper-pagination-bullet-active{background:#59a9b3}
.about-wrapper .mode3 .container2 .swiper-button-prev:after{content:'';width:0;height:0;border:10px solid #59a9b3;border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
.about-wrapper .mode3 .container2 .swiper-button-prev{top:85%;left:78%}
.about-wrapper .mode3 .container2 .swiper-button-prev:before{content:"";padding:25px;border:2px dashed #59a9b3;position:absolute;left:-6px;border-radius:50px}
.about-wrapper .mode3 .container2 .swiper-button-next:after{content:'';width:0;height:0;border:10px solid #59a9b3;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.about-wrapper .mode3 .container2 .swiper-button-next{padding:20px;border-radius:50px;top:85%;left:90%}
.about-wrapper .mode3 .container2 .swiper-button-next:before{content:"";padding:25px;border:2px dashed #59a9b3;position:absolute;left:-12px;border-radius:50px}

.about-wrapper .mode4 .container{display:flex;justify-content:space-between;padding-top:100px}
.about-wrapper .mode4 .container .mode4-left{width:50%;margin-right:50px}
.about-wrapper .mode4 .container .mode4-left img{width:100%}
.about-wrapper .mode4 .container .mode4-right{width:45%;display:block;justify-content:center;align-items:center}
.about-wrapper .mode4 .container .mode4-right .more-kd .more-text{font-size:14px;}
.about-wrapper .mode4 .logo{margin-top:70px}
.about-wrapper .mode4 .mode4-right .msg:not(:first-child){margin-top:20px}
.about-wrapper .mode4 .more-kd{margin-top:85px}
.about-wrapper .mode4 .more .more-text{font-size:14px}
.about-wrapper .mode5 .container{background:url(../../images/about-mac-bg.webp) no-repeat;padding:60px 0;border-radius:30px;margin-top:80px}
.about-wrapper .mode5 .mode5-content{width:60%;margin:0 auto;text-align:center}
.about-wrapper .mode5 .mode5-content .t1{color:white}
.about-wrapper .mode5 .mode5-content .msg{color:gray}
.about-wrapper .mode5 .mode5-content .msg{margin:60px 0;background-color:white;padding:15px;border-radius:50px;margin-bottom:50px}
.about-wrapper .mode5 .mode5-content .touch-btn{padding:12px 0;width:280px;background-color:#59a9b3;margin:0 auto;color:white;border-radius:50px;font-weight:bold;}
.about-wrapper .mode5 .mode5-content .touch-btn a{color:white}
.about-wrapper .mode5 .mode5-content .touch-btn a:hover{text-decoration:underline}
.about-wrapper .mode5 .mode5-content .more-box .more-text{font-size:14px}
.about-wrapper .mode6 .container{display:flex;justify-content:space-between;padding:60px 0}
.about-wrapper .mode6 .container .mode6-left{width:50%;margin-left:-10px}
.about-wrapper .mode6 .container .mode6-right .msg{font-size:18px;line-height:30px;color:#666}
.about-wrapper .mode6 .container .mode6-right{width:50%;display:block;justify-content:center;align-items:center}
.about-wrapper .mode6 .logo{margin-top:70px}
.about-wrapper .mode6 .mode6-right .msg:not(:first-child){margin-top:20px}
.about-wrapper .mode6 .mode6-right .article-boxs{margin-top:40px;color:#666}
.about-wrapper .mode6 .mode6-right .article-box{display:flex;justify-content:left;align-items:center;margin-top:10px}
.about-wrapper .mode6 .mode6-right .article-box img{margin-right:20px}
.about-wrapper .mode6 .more-kd{margin-top:70px}
.about-wrapper .mode7{background:url(../../images/about-map.webp) no-repeat;background-position:right;padding:10px 0}
.about-wrapper .mode7 .mode7-top{display:flex}
.about-wrapper .mode7 .mode7-top .t1{width:50%}
.about-wrapper .mode7 .container .msg{width:65%;margin:40px 30px}
.about-wrapper .mode7 .mode7-bottom{margin-top:100px;display:flex;flex-wrap:wrap;justify-content:space-around}
.about-wrapper .mode7 .mode7-bottom .mode7-box{width:45%;background-color:rgba(239,245,246,.4)}
.about-wrapper .mode7 .mode7-bottom .mode7-box .mode7-content{width:80%;margin:40px auto}
.about-wrapper .mode7 .mode7-bottom .mode7-box .mode7-content .mode7-content-top{display:flex;align-items:center;position:relative}
.about-wrapper .mode7 .mode7-bottom .mode7-box .mode7-content .mode7-content-top::after{content:"";width:100%;height:1px;background-color:#59a9b3;position:absolute;bottom:-10px}
.about-wrapper .mode7 .mode7-content-top .t2{text-indent:.2rem}
.about-wrapper .mode7 .mode7-bottom{margin-bottom:60px}
.about-wrapper .mode7 .mode7-bottom .msg{width:100%;color:#90a5b6;margin:30px auto}

@media (max-width:991.98px){
	.about-wrapper .mode4 .logo{margin-top:0;}
	.about-wrapper .mode6 .more-kd{margin-top:20px;}
	.about-wrapper .mode4 .img{margin-top:25px;}
	.about-wrapper{padding:30px 0;}
	.about-wrapper .t1{font-size: 24px;line-height: 1.6rem;}
	.about-wrapper .mode1-bigbox{flex-wrap:wrap;}
	.about-wrapper .mode1-box{width: 48%;}
	.about-wrapper .mode1 .line:before{display:none;}
	.about-wrapper .mode2{margin-top: 30px;}
	.about-wrapper .mode2 .container1{margin-top: 30px;padding:0 15px;display:block;}
	.about-wrapper .mode2 .container-left{width:100%;margin-left:0;}
	.about-wrapper .mode2 .container-right{width:100%;margin-top:25px;}
	.about-wrapper .mode3 .container1{margin-top: 30px;flex-direction:column;}
	.about-wrapper .mode3 .container-left{width: 100%;padding:30px 0;padding-left: 0;}
	.about-wrapper .mode3 .container-left-content{width: 100%;padding-bottom: 30px;margin-right: 0;justify-content: center;}
	.about-wrapper .mode3 .container-left-content .more-kd{margin:30px auto 0 0;}
	.about-wrapper .mode3 .container-right{padding:30px 15px;width: 100%;display:block;}
	.about-wrapper .mode3 .container-right-content{width:100%;}
	.about-wrapper .mode3 .container2{display: none;}
	.about-wrapper .mode4 .container{margin-top: 30px;flex-direction:column;padding-top:0;}
	.about-wrapper .mode4 .container .mode4-left{width: 100%;margin-right: 0;}
	.about-wrapper .mode4 .container .mode4-right{width: 100%;}
	.about-wrapper .mode5 .container{padding:30px 0;margin-top: 30px;}
	.about-wrapper .mode5 .mode5-content{width: 100%;padding:0 15px;}
	.about-wrapper .mode6 .container{padding:30px 15px;flex-direction:column;}
	.about-wrapper .mode6 .container .mode6-left{width: 100%;margin-left: 0;}
	.about-wrapper .mode6 .container .mode6-right{width: 100%;}
	.about-wrapper .mode6 .container .mode6-right .msg{font-size: 14px;line-height: 22px;}
	.about-wrapper .mode7 .mode7-top .sign{display:none;}
	.about-wrapper .mode7 .mode7-top .t1{width: 100%;}
	.about-wrapper .mode7 .container .msg{width: 100%;margin:20px 0;}
	.about-wrapper .mode7 .mode7-bottom{margin:0;}
	.about-nav .more-kd{margin:10px 35px 0 0;}
	.more-kd .more-box{padding:10px;}
	.about-wrapper .mode7 .mode7-bottom .mode7-box{width: 48%;}
	.about-wrapper .mode7 .mode7-bottom .mode7-box .mode7-content{width: 90%;margin:20px auto;}
	.about-wrapper .mode2 .container-left-content{width:100%;margin-right:0;}
	.about-wrapper .mode2 .container1 .container-right-content{width:100%;}
	.about-wrapper .mode3 .container-right .container-right-additional{width:100%;}
	.more-kd .more-box::after{display:none;}
	.about-wrapper .mode4 .more-kd{margin-top:30px;}

}

/* Manufacture */
.manufacture-wrapper{padding:60px 0}
.manufacture-wrapper .mode3 .t1{font-size:36px;line-height:42px;font-weight:bold;text-transform:uppercase;margin-bottom:40px}
.manufacture-wrapper .mode3 .t2{font-size:16px;line-height:28px}
.manufacture-wrapper .mode3 .container1{display:flex;margin-top:100px}
.manufacture-wrapper .mode3 .container-left{display:flex;justify-content:flex-end;width:45%;background-color:#59a9b3;padding:80px 0;padding-left:10px}
.manufacture-wrapper .mode3 .container-left-content{width:700px;padding-bottom:300px;display:flex;justify-content:flex-start;margin-right:45px}
.manufacture-wrapper .mode3 .container-left-content .more{display:table;color:white;transition:all .5s ease;margin:120px auto 0 0;position:relative;margin-right:15px}
.manufacture-wrapper .mode3 .container-left-content .more .more-box{display:flex;align-items:center;justify-content:center;background-color:black;padding:18px 20px}
.manufacture-wrapper .mode3 .container-left-content .more .icon-box{margin-right:15px;position:relative;z-index:3}
.manufacture-wrapper .mode3 .container-left-content .more .icon-box i{color:#59a9b3;font-size:14px}
.manufacture-wrapper .mode3 .container-left-content .more .more-box::after{content:'';display:inline-block;height:60px;width:30px;position:absolute;background-color:#59a9b3;right:-30px;top:0;transition:.6s ease-in-out}
.manufacture-wrapper .mode3 .container-left-content .more .more-text{position:relative;z-index:3}
.manufacture-wrapper .mode3 .container-left-content .more:hover .more-text{color:#59a9b3}
.manufacture-wrapper .mode3 .container-right{display:flex;padding:80px 0;justify-content:right;width:55%}
.manufacture-wrapper .mode3 .container-right .container-right-additional{width:4%}
.manufacture-wrapper .mode3 .container-right-content{width:70%}
.manufacture-wrapper .mode3 .container-right-content .msg:not(:first-child){margin-top:20px}
.manufacture-wrapper .mode3 .container2{display:flex;margin-top:-250px}
.manufacture-wrapper .mode3 .container2 .container-additional{width:13%;display:flex;justify-content:left}
.manufacture-wrapper .mode3 .container2 .swiper{width:87%;display:flex;justify-content:right;background-color:#eff5f6}
.manufacture-wrapper .mode3 .container2 .swiper .swiper-slide img{width:75%;margin:0 0 0 auto}
.manufacture-wrapper .mode3 .swiper-horizontal>.manufacture-wrapper .swiper-pagination-bullets,.manufacture-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,.manufacture-wrapper .swiper-pagination-custom,.manufacture-wrapper .swiper-pagination-fraction{left:-35.5%;top:85%}
.manufacture-wrapper .mode3 .container2 .swiper-pagination-bullet-active{background:#59a9b3}
.manufacture-wrapper .mode3 .container2 .swiper-button-prev:after{content:'';width:0;height:0;border:10px solid #59a9b3;border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
.manufacture-wrapper .mode3 .container2 .swiper-button-prev{top:85%;left:7%}
.manufacture-wrapper .mode3 .container2 .swiper-button-prev:before{content:"";padding:25px;border:2px dashed #59a9b3;position:absolute;left:-6px;border-radius:50px}
.manufacture-wrapper .mode3 .container2 .swiper-button-next:after{content:'';width:0;height:0;border:10px solid #59a9b3;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.manufacture-wrapper .mode3 .container2 .swiper-button-next{padding:20px;border-radius:50px;top:85%;left:20%}
.manufacture-wrapper .mode3 .container2 .swiper-button-next:before{content:"";padding:25px;border:2px dashed #59a9b3;position:absolute;left:-12px;border-radius:50px}

@media (max-width:991.98px){
	.manufacture-wrapper{padding:30px 0;}
	.manufacture-wrapper .mode3 .container1{margin-top: 30px;flex-direction:column;}
	.manufacture-wrapper .mode3 .container-right{padding:30px 15px;width: 100%;}
	.manufacture-wrapper .mode3 .container-right-content{width: 100%;}
	.manufacture-wrapper .mode3 .container-right .container-right-additional{width:0;}
	.manufacture-wrapper .mode3 .t1{font-size: 24px;line-height: 28%;}
	.manufacture-wrapper .mode3 .container-left{width: 100%;padding:30px 0;padding-left: 0;}
	.manufacture-wrapper .mode3 .container2{display:none;}
	.manufacture-wrapper .mode3 .container-left-content{width: 100%;padding:30px;margin-right: 0;}
}

.manufacture-qua{padding:100px 0}
.manufacture-qua .t1{font-size:36px;line-height:42px;text-align:center;font-weight:bold;text-transform:uppercase;margin:10px 0 20px}
.manufacture-qua .t2{font-size:16px;line-height:28px;text-align:center;color:#666;margin-bottom:40px}
.manufacture-adv{display:flex;max-width:1920px;margin:0 auto;position:relative;height:100%;max-height:960px;overflow:hidden}
.manufacture-adv .img-adv{position:absolute;z-index:-1;width:50%}
.manufacture-adv-box{display:flex;height:100%}
.manufacture-adv-box .left{width:50%;margin-top:8%}
.manufacture-adv-box .left .t1{font-size:36px;line-height:42px;font-weight:bold;color:#fff;text-transform:uppercase;margin:30px 0}
.manufacture-adv-box .left .t2{color:rgba(255,255,255,.8);margin-right:40px}
.manufacture-adv-box .right{width:50%;margin-top:9%;background-color:#eff5f6;padding:140px 10px 140px 90px;display:flex;flex-direction:column;height:91%}
.manufacture-adv-box .right .t1{font-size:22px;line-height:32px;color:#000;font-weight:bold;text-transform:uppercase}
.manufacture-adv-box .right .t2{font-size:16px;line-height:28px;color:#666;margin:10px 0 30px}
@media(max-width:1430px){
	.manufacture-adv{flex-direction: column;}
	.manufacture-adv-box{flex-direction:column;}
	.manufacture-adv-box .right{margin-top:3%;padding:40px}
}
.manufacture-text{margin:120px 0}
.manufacture-text .t1{font-size:28px;line-height:32px;color:#000;font-weight:bold;text-transform:uppercase}
.manufacture-text .t2{font-size:18px;line-height:32px;color:#666;margin:20px 0}
@media (max-width:991.98px){
	.manufacture-adv{overflow:inherit;height:auto;max-height:inherit;}
	.manufacture-qua{padding:30px 0;}
	.manufacture-qua .t1{font-size: 24px;line-height: 32px;}
	.manufacture-adv{max-height:auto;}
	.manufacture-adv .img-adv{position:relative;z-index:1;width: 100%;}
	.manufacture-adv-box{flex-direction:column;}
	.manufacture-adv-box .left{width: 100%;}
	.manufacture-adv-box .left .t1{color:#000;font-size: 24px;line-height: 28px;}
	.manufacture-adv-box .left .t2{color:#333;margin-right: 0;}
	.manufacture-adv-box .right{width: 100%;height: 100%;padding:30px;}
	.manufacture-adv-box .right .t2{font-size: 14px;line-height: 22px;}
	.manufacture-text{margin:30px 0;}
	.manufacture-text .t1{font-size: 18px;line-height: 24px;}
	.manufacture-text .t2{font-size: 14px;line-height: 22px;}
}
.history-wrapper{padding:60px 0 0 0;}
.history-wrapper .history-mode1{padding-top:0;}
@media (max-width:991.98px){
	.history-wrapper{padding:30px 0}
}

.team-wrapper{padding:60px 0}
.team-wrapper .mode2 .mode-top .blue-txt{color:#59a9b3}
.team-wrapper .mode2 .mode-top .t1{font-size:36px;width:55%;font-weight:bold;line-height:42px}
.team-wrapper .mode2 .mode-top .t2{color:#59a9b3;font-weight:bold}
.team-wrapper .mode2 .mode-top{position:relative}
.team-wrapper .mode2 .mode-top::after{content:"";position:absolute;width:40%;height:1px;background-color:rgba(0,0,0,.3);top:25%;right:0}
.team-wrapper .mode2 .mode-top .msg{margin-top:40px}
.team-wrapper .mode2 .mode-bottom{padding:20px;margin-top:60px;display:flex;justify-content:space-between}
.team-wrapper .mode2 .mode-bottom .mode2-box{padding:30px;width:22%;background-color:#ecf5f6}
.team-wrapper .mode2 .mode-bottom .mode2-box:hover{background-color:#daecee}
.team-wrapper .mode2 .mode-bottom .mode2-box .box-top{display:flex;justify-content:space-between}
.team-wrapper .mode2 .mode-bottom .mode2-box .box-top .t1{font-size:20px}
.team-wrapper .mode2 .mode-bottom .mode2-box .box-top .icon{font-size:64px;transform:rotate(45deg);color:#59a9b3;font-weight:300}
.team-wrapper .mode2 .mode-bottom .mode2-box .box-bottom{margin-top:40px;margin-bottom:20px}
.team-wrapper .mode2 .mode-bottom .mode2-box .box-bottom .t2{color:black;margin-top:40px;font-weight:700;}
.team-wrapper .mode2 .mode-bottom .mode2-box .box-bottom .msg{margin-top:20px}
.team-wrapper .mode3{margin:100px 0}
.team-wrapper .mode3 .container .mode3-top{text-align:center}
.team-wrapper .mode3 .container .mode3-top .t1{font-weight:bold;font-size:36px;line-height:42px}
.team-wrapper .mode3 .container .mode3-top .t2{color:#59a9b3;font-weight:bold}
.team-wrapper .mode3 .container .mode3-top .msg{margin-top:40px}
.team-wrapper .mode3 .container .mode3-bottom{display:flex;justify-content:space-between;margin-top:60px;padding-bottom:140px}
.team-wrapper .mode3 .container .mode3-bottom .mode3-box{position:relative;}
.team-wrapper .mode3 .container .mode3-bottom .team-btn{width:50px;height:50px;border:1px dashed white;border-radius:50px;position:absolute;bottom:7%;left:10%}
.team-wrapper .mode3 .container .mode3-bottom .mode3-box .t2{position:absolute;bottom:20%;left:10%;color:white}
.team-wrapper .mode3 .container .mode3-bottom .team-internal1,.team-wrapper .mode3 .container .mode3-bottom .team-internal2{width:0px;height:0px;border:7px solid white;border-color:white transparent transparent transparent;margin:0px auto}
.team-wrapper .mode3 .container .mode3-bottom .team-internal1{margin-top:15px}
.team-wrapper .mode3 .container .mode3-bottom .mode3-box img{width:100%}
.team-wrapper .mode3 .container .mode3-bottom .box-box{position:absolute;background-color:#ecf5f6;width:100%;padding:10px 20px 20px;z-index:10;display:block;height:250px;}
.team-wrapper .mode3 .container .mode3-bottom .mode3-box .box-box{display:block;}
.team-wrapper .mode3 .container .mode3-bottom .box-box .t2{position:static;color:black;margin-top:10px}
.team-wrapper .mode3 .container .mode3-bottom .box-box .msg{margin-top:10px}
@keyframes move1{0%{top:-20%}100%{top:0}}

@media (max-width:991.98px){
	.team-wrapper .mode2 .mode-top .t1{font-size: 24px;line-height: 28px;width:100%;}
	.team-wrapper .mode2 .mode-top::after{display:none;}
	.team-wrapper .mode2 .mode-top .msg{margin-top: 20px;}
	.team-wrapper .mode2 .mode-bottom{padding:0;margin-top: 30px;flex-wrap:wrap;}
	.team-wrapper .mode2 .mode-bottom .mode2-box{padding:15px;width: 48%;}
	.team-wrapper .mode3 .container .mode3-bottom{flex-direction: column;}
}


.factory-wrapper{padding:60px 0}
.factory-wrapper .grid{gap:50px}
.factory-wrapper .factory-list{margin-bottom:100px}
.factory-wrapper .factory-list .justify-content-center{margin-top:40px;}
.factory-wrapper .factory-list .justify-content-center .page-item.active .page-link{background-color:#59a9b3;border-color:#59a9b3;}

@media (max-width:991.98px){
	.factory-wrapper .grid{gap:1.5rem;}
}
.cert-wrapper{padding:60px 0;overflow:hidden}
.cert-wrapper .grid{gap:60px}
.cert-wrapper .cert-list{margin-bottom:100px}
.cert-wrapper .cert-list .item{position:relative;padding-top:35px}
.cert-wrapper .cert-list .item::before{content:'';display:inline-block;width:90%;height:90%;position:absolute;top:0;left:0;z-index:-1;background:linear-gradient(to bottom,#f4f4f4 50%,#47a0ab 50%)}
.cert-wrapper .cert-list .item .show-img{margin:0 0 0 auto;width:90%;border:15px solid #d0d0d0;background-color:#d0d0d0;overflow:hidden}
.cert-wrapper .cert-list .item>a{width:100%}

@media (max-width:991.98px){
	.cert-wrapper .grid{gap:1.5rem}
}

.video-wrapper{padding:60px 0;}
.video-wrapper .public-left{flex:20%}

.video-wrapper .video-bg{padding:60px 0;overflow:hidden;background:url(../../images/video-bg.webp) no-repeat center center / cover}
.video-wrapper .public-bottom{width:20%;margin:0 auto;padding:20px 0;display:flex;align-items:center;justify-content:center}
.video-wrapper .public-bottom .video-btn{width:160px;height:160px;padding:10px 0;border:20px solid rgba(255,255,255,.2);border-radius:100px;cursor:pointer}
.video-wrapper .public-bottom .video-btn-content{width:100px;height:100px;background-color:rgba(255,255,255,.4);position:relative;border-radius:50px;border:1px solid white;margin:0 auto}
.video-wrapper .public-bottom .video-btn-content::after{content:"";width:0;height:0;border:10px solid white;display:block;border-color:transparent transparent transparent white;position:absolute;top:40%;left:45%}
.video-wrapper .public-bottom .video-btn:hover{border-color:rgba(255,255,255,.5);transition:.6s ease-in-out}
.video-wrapper .public-bottom .video-btn:hover .video-btn-content{background-color:rgba(204,204,204,0.5);transition:.6s ease-in-out}
.video-wrapper .mode2 .container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:80px 10px}
.video-wrapper .mode2 .container .mode2-box{width:30%;margin-top:60px;position:relative;}
.video-wrapper .mode2 .container .mode2-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index: 2;}
.video-wrapper .mode2 .container .mode2-box .box-top{width:80%;padding:20px 0;margin:0 auto;background-color:#f4f4f4}
.video-wrapper .mode2 .container .mode2-box .box-content{position:relative}
.video-wrapper .mode2 .container .mode2-box .box-content .vbtn{width:90px;height:50px;background-color:rgba(255,255,255,.3);position:absolute;z-index:999;right:10%;bottom:10%;border-radius:8px}
.video-wrapper .mode2 .container .mode2-box .box-content .vbtn::after{content:"";width:0;height:0;border:10px solid white;display:block;border-color:transparent transparent transparent white;position:absolute;left:45%;top:30%}
.video-wrapper .mode2 .container .mode2-box .box-content img{width:100%}
.video-wrapper .mode2 .container .mode2-box .box-bottom{width:80%;margin:0 auto;background-color:#f4f4f4;padding:20px 0 5px 0}
.video-wrapper .mode2 .container .mode2-box .box-bottom .msg{width:90%;margin:0 auto}
.video-wrapper .mode2 .container .mode2-box .box-bottom .line{width:100%;height:2px;background-color:#f4f4f4;margin:10px 0}
.video-wrapper .mode2 .container .mode2-box .box-top{transition:all .6s ease}
.video-wrapper .mode2 .container .mode2-box .box-bottom{transition:all .6s ease}
.video-wrapper .mode2 .container .mode2-box .box-bottom .msg{transition:all .5s ease}
.video-wrapper .mode2 .container .mode2-box:hover .box-top{background-color:#59a9b3;transition:all .6s ease}
.video-wrapper .mode2 .container .mode2-box:hover .box-content .vbtn{display:none}
.video-wrapper .mode2 .container .mode2-box:hover .box-bottom{background-color:#59a9b3;transition:all .6s ease}
.video-wrapper .mode2 .container .mode2-box:hover .box-bottom .msg{color:white;transition:all .5s ease}

.qua-wrapper{padding:60px 0;max-width:1920px;margin:0 auto}
.qua-wrapper .public-left{flex:65%}
.qua-wrapper .qua-title{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:70px}
.qua-wrapper .qua-title .t1{font-size:36px;font-weight:700;line-height:42px;background-color:#fff;padding-right:50px;text-transform:uppercase}
.qua-wrapper .qua-title .t1::after{content:"";position:absolute;top:65%;left:0;background-color:rgba(0,0,0,.3);width:100%;height:1px;z-index:-1}
.qua-wrapper .container-xl.m-right{padding:0}
@media (max-width:1690px){
	.qua-wrapper .container-xl.m-right{padding-left:15px}
}
.qua-wrapper .mode2-bottom{display:flex;justify-content:space-around}
.qua-wrapper .mode2-left-bottom{width:50%}
.qua-wrapper .mode2-right-bottom{width:40%;background-color:#007cc2}
.qua-wrapper .container1{display:flex;margin-top:70px}
.qua-wrapper .container-left{display:flex;justify-content:flex-end;width:57%}
.qua-wrapper .container-left-content{width:785px;margin-right:45px}
.qua-wrapper .mode2 .mode2-bottom{background:linear-gradient(to right,#fff 400px,#eff5f6 25%);width:100%;height:auto;margin-top:70px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:160px}
.qua-wrapper .mode2 .mode2-bottom .mode2-bottom-left{width:48%;color:#666666;display:flex;flex-direction:column}
.qua-wrapper .mode2 .mode2-bottom .msg{margin-top:40px}
.qua-wrapper .mode2 .mode2-bottom .article-boxs{margin-top:40px}
.qua-wrapper .mode2 .mode2-bottom .article-box{display:flex;justify-content:left;align-items:center;margin-top:10px}
.qua-wrapper .mode2 .mode2-bottom .article-box img{margin-right:20px}
.qua-wrapper .mode2 .mode2-bottom .more-kd{margin-top:30px}
.qua-wrapper .mode3{margin-bottom:130px}
.qua-wrapper .mode3 .container1{display:flex;align-items:flex-end}
.qua-wrapper .mode3 .container-left{display:flex;justify-content:left;width:50%;height:100%;margin-right:50px;padding:0 10px}
.qua-wrapper .mode3 .container-left img{width:100%}
.qua-wrapper .mode3 .container-right{display:flex;width:50%}
.qua-wrapper .mode3 .container-right .container-right-content{width:670px;display:flex;flex-direction:column}
.qua-wrapper .mode3 .container-right .msg{margin-top:20px}
.qua-wrapper .mode3 .container-right .article-boxs{margin-top:65px}
.qua-wrapper .mode3 .container-right .article-box{display:flex;justify-content:left;align-items:center;margin-top:10px}
.qua-wrapper .mode3 .container-right .article-box img{margin-right:20px}
.qua-wrapper .mode3 .container-right .more-kd{margin-top:65px}
.qua-wrapper .mode4 .mode4-top{position:relative;overflow:hidden}
.qua-wrapper .mode4 .mode4-top::after{content:"";position:absolute;width:61%;height:1px;background-color:rgba(0,0,0,.3);top:75%;right:-17%}
.qua-wrapper .mode4 .container1{display:flex}
.qua-wrapper .mode4 .container-left{display:flex;justify-content:end;width:50%}
.qua-wrapper .mode4 .container-right{display:flex;justify-content:right;width:50%;margin-left:20px}
.qua-wrapper .mode4 .container-left-content{width:690px;margin-left:20px}
.qua-wrapper .mode4 .container-right-content{width:80%;display:flex;justify-content:end}
.qua-wrapper .mode4 .container-right-content img{width:100%}
.qua-wrapper .mode4 .container1{background:linear-gradient(to right,#fff 40%,#eff5f6 40%);width:100%;background-size:100%}
.qua-wrapper .mode4 .container1 .msg:first-child{margin-top:40px}
.qua-wrapper .mode4 .container1 .msg{margin-top:30px}
.qua-wrapper .mode4 .container1 .article-boxs{margin-top:65px}
.qua-wrapper .mode4 .container1 .article-box{display:flex;justify-content:left;align-items:center;margin-top:10px}
.qua-wrapper .mode4 .container1 .article-box img{margin-right:20px}
.qua-wrapper .mode4 .container1 .more-kd{margin-top:60px}
.qua-wrapper .mode5{margin-top:180px}
.qua-wrapper .mode5 .container{display:flex;justify-content:space-between}
.qua-wrapper .mode5 .container .mode5-right{width:45%;margin-left:20px}
.qua-wrapper .mode5 .mode5-right .logo{margin-top:20px}
.qua-wrapper .mode5 .mode5-right .t1{font-size:36px;font-weight:bold;line-height:36px}
.qua-wrapper .mode5 .mode5-right .msg{margin-top:40px}
.qua-wrapper .mode5 .mode5-right .article-boxs{margin-top:60px}
.qua-wrapper .mode5 .mode5-right .article-box{display:flex;justify-content:left;align-items:center;margin-top:10px}
.qua-wrapper .mode5 .mode5-right .article-box img{margin-right:20px}
.qua-wrapper .mode5 .mode5-right .more-kd{margin-top:55px}

@media (max-width:991.98px){
	.qua-wrapper .container1{margin:30px 0 0;}
	.qua-wrapper .qua-title .t1{font-size:24px;line-height:28px;}
	.qua-wrapper .mode2 .mode2-bottom{margin:30px 0;flex-direction: column-reverse;}
	.qua-wrapper .mode2 .mode2-bottom .mode2-bottom-left{width:100%;}
	.qua-wrapper .mode3{margin-bottom: 30px;}
	.qua-wrapper .mode3 .container1{display: flex;flex-direction: column;}
	.qua-wrapper .mode3 .container-left{width: 100%;margin-right: 0;}
	.qua-wrapper .mode3 .container-right{width: 100%;padding:0 15px;}
	.qua-wrapper .mode4 .container1{flex-direction:column-reverse;padding:0 15px;margin-left: 0;width: 100%;}
	.qua-wrapper .mode4 .container-right-content{width: 100%;}
	.qua-wrapper .mode4 .container-right{width: 100%;margin-left: 0;}
	.qua-wrapper .mode4 .container-left{width: 100%;}
	.qua-wrapper .mode4 .container-left-content{margin:0;padding:0 15px;}
	.qua-wrapper .mode5{margin-top: 30px;}
	.qua-wrapper .mode5 .container{flex-direction:column;}
	.qua-wrapper .mode5 .container .mode5-right{width: 100%;margin-left: 0;}
}

.news-list-wrapper{padding:60px 0;overflow:hidden}
.news-list-wrapper .public-left{flex:20%}
.news-list-wrapper .public-top{margin-bottom:60px !important;padding-bottom:60px !important}
.news-list-nr{margin-top:50px}
.news-list-nr .grid{gap:50px 15px}
.news-list-nr .grid .item{display: flex;flex-direction: column;height: 100%;transition:.6s ease-in-out;border-radius:5px;padding:7px;}
.news-list-nr .grid .item:hover{box-shadow:0 0 15px 7px #ddd}
.news-list-nr .grid .item>a{flex:1;display: flex;align-items:flex-end;}
.news-list-nr .grid .box-top{overflow:hidden}
.news-list-nr .grid .box-top a img{transition:all .6s}
.news-list-nr .grid .box-top a:hover img{transform:scale(1.1);transition:all .6s}
.news-list-nr .grid .box-bottom{padding:0 10px;margin:15px 0}
.news-list-nr .grid .box-bottom .t2{color:black;font-size:20px;font-weight:600}
.news-list-nr .grid .box-bottom .t2:hover{color:#af231d}
.news-list-nr .grid .box-bottom .title{color:gray;margin:10px 0;font-size:14px}
.news-list-nr .grid a{width:100%}
.news-list-nr .grid a>img{width:100%}
.news-list-nr .grid .line_txt .msg{font-size:14px}
.news-list-nr .grid .line_txt{display:flex;align-items:center;justify-content:right;position:relative;width: 100%;}
.news-list-nr .grid .line_txt::after{content:"";position:absolute;top:50px;left:0;width:73%;background-color:black;height:1px}
.news-list-nr .grid .g-col-xl-4:hover .line_txt{color:#af231d}
.news-list-nr .grid .g-col-xl-4:hover .line_txt::after{background-color:#af231d}

.news-content{padding-bottom:108px}
.news-content .news-cry-grid{background-color:#fff;padding:100px 0  0;gap:0 70px}
.news-content .news-cry-grid .title{font-size:32px;line-height:48px;font-weight:600;color:#000}
.news-content .news-cry-grid .small-summary{padding:44px 0;display:flex;font-size:14px;line-height:28px}
.news-content .news-cry-grid .small-summary .time{margin-right:66px}
.news-content .news-cry-grid .content{margin-bottom:130px}
.news-content .news-cry-grid .content img{width:100%}
.news-content .news-cry-grid .content p{font-size:18px;line-height:32px;color:#999}
.news-content .news-cry-grid .content h2{font-size:24px;line-height:28px;}
.news-content .news-foot{border-top:1px solid #ddd;margin-bottom:88px}
.news-content .news-foot .foot-one{display:flex;justify-content:space-between}
.news-content .news-foot .shares,.news-content .news-foot .tagss{margin-top:36px}
.news-content .news-foot .shares .share,.news-content .news-foot .tags{font-size:18px;line-height:24px;color:#333;font-weight:bold;margin-bottom:10px}
.news-content .news-foot .tagss .tags-items{display:flex}
.news-content .news-foot .tagss .tags-items .item{font-size:12px;line-height:24px;font-weight:bold;color:#2886c6;border:3px solid #ddd;padding:0 10px;margin-right:10px}
.news-content .news-foot .shares .link-items{display:flex}
.news-content .news-foot .shares .link-items .item{width:32px;height:32px;border-radius:50%;border:2px solid #e8e8e8;display:flex;align-items:center;justify-content:center;margin-right:15px}
.news-content .news-foot .shares .link-items .item i{border-radius:50%;width:20px;height:20px;background-color:#487ec0;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.news-content .news-foot .thread-box{position:relative;margin-top:76px;height:6px;overflow:hidden}
.news-content .news-foot .thread{position:absolute;bottom:0;width:100%;height:6px;background-color:#000;border-radius:20px}
.news-content .news-foot .nextnews{margin-top:38px;display:flex;justify-content:space-between}
.news-content .news-foot .prev,.news-content .news-foot .next{display:flex;align-items:center;font-size:18px;line-height:47px;color:#000033;font-weight:600}
.news-content .news-foot .prev.no-nextnews,.news-content .news-foot .next.no-nextnews{opacity:0.6;cursor:pointer}
.news-content .news-foot .prev i,.news-content .news-foot .next i{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid #ddd;font-weight:bold}
.news-content .news-foot .prev p,.news-content .news-foot .next p{padding:0 15px}
.news-content .search{margin-bottom:48px}
.news-content .search .search-group{width:90%}
.news-content .search .title,.news-content .posts .title{text-transform:uppercase;font-size:28px;line-height:40px;font-weight:bold;margin-bottom:35px}
.news-content .posts .items .title{margin-bottom:0}
.news-content .posts .item{display:flex;margin-bottom:40px;transition:all 0.6s}
.news-content .posts .item:last-child{margin-bottom:0}
.news-content .posts .item .item-img,.news-content .item .item-img img{border-radius:6px}
.news-content .posts .item .item-text{margin-left:20px}
.news-content .posts .item .item-text .time{font-size:14px;line-height:24px;color:#999}
.news-content .posts .item .item-text .title{font-size:16px;line-height:24px;color:#333;font-weight:600;transition:all 0.6s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-content .posts .item:hover .item-text .title{color:#2886c6}
.news-content .popular{margin-top:60px}
.news-content .popular .qiehuang-box1 .qiehuang-box1-box{display:flex;justify-content:space-between}
.news-content .popular .item{margin-bottom:37px;display:flex;flex-direction:column}
.news-content .popular .item .t1{font-size:20px;line-height:1.5rem;margin-top:10px;margin:5px auto;padding:10px;color:#666}
.news-content .popular .item a img{width:100%}
.news-content .popular .item .one{overflow:hidden}
.news-content .popular .item .one:hover img{transform:scale(1.1);transition:all .6s}
.news-content .popular .item .two{padding:0 10px 0;font-size:14px;line-height:24px;color:#999999;margin:26px 0 16px 0;margin:0 auto}
.news-content .popular .item .three{padding:10px 10px 0;font-size:14px;line-height:24px;color:#333333;margin:0 auto}
.news-content .popular .item .line_txt .msg{font-size:14px}
.news-content .popular .item .line_txt{display:flex;align-items:center;justify-content:right;position:relative}
.news-content .popular .item .line_txt::after{content:"";position:absolute;top:50;left:0;width:60%;background-color:black;height:1px}
.news-content .popular .item .t1:hover{color:var(--public-color)}
.news-content .popular .item .three:hover{color:var(--public-color)}
.news-content .product-crimp .mode4 .mode4-bottom .mode4-box{width: 24%;}


@media (max-width:768px){
	.news-content .product-crimp .mode4 .mode4-bottom .mode4-box{width: 48%;}
	.news-content{padding-bottom:40px}
	.news-content .news-cry-grid{margin-top:0px;gap:0;padding:20px 15px}
	.news-content .news-foot .foot-one{flex-wrap:wrap}
	.news-content .news-cry-grid .title{font-size:18px;line-height:26px}
	.news-content .news-cry-grid .small-summary{padding:20px 0}
	.news-content .news-cry-grid .content{margin-bottom:30px}
	.news-content .news-cry-grid .content p{font-size:14px;line-height:24px}
	.news-content .news-foot{margin-bottom:40px}
	.news-content .news-foot .thread-box{margin-top:20px}
	.news-content .news-foot .nextnews{margin-top:20px}
	.news-content .news-foot .prev,.news-content .news-foot .next{font-size:16px}
	.news-content .news-foot .prev i,.news-content .news-foot .next i{width:30px;height:30px}
	.news-content .news-foot .prev p,.news-content .news-foot .next p{padding:0 8px}
	.news-content .search .title,.news-content .posts .title{margin-bottom:10px}
	.news-content .search .search-group{width:100%}
	.news-content .posts .item .item-text{margin-left:10px}
	.news-content .posts .item .item-text .time{font-size:12px}
	.news-content .posts .item .item-text .title{font-size:14px}
	.product-crimp .mode4 .mode4-bottom .mode4-box{width:100%;}
}


.app-index-wrapper{padding:60px 0}
.app-index-list{max-width:1920px;margin:0 auto}
.app-index-list .item{margin-bottom:80px}
.app-index-list .item .app-index-top{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:70px}
.app-index-list .item .app-index-top .title{font-size:36px;font-weight:700;line-height:42px;background-color:#fff;padding-right:50px;text-transform:uppercase}
.app-index-list .item .app-index-top .title span{color:var(--public-color)}
.app-index-list .item .app-index-top .title::after{content:"";position:absolute;top:65%;left:0;background-color:rgba(0,0,0,.3);width:100%;height:1px;z-index:-1}
.app-index-list .item:nth-child(odd) .m-item{margin:0 0 0 auto;padding:0}
.app-index-list .item:nth-child(even) .m-item{margin:0 auto 0 0;padding:0}
.app-index-list .item:nth-child(even) .app-index-top{align-items:flex-end}
.app-index-list .item:nth-child(even) .app-index-top .title{padding-left:50px;padding-right:0}
@media (max-width:1690px){
	.app-index-list .item:nth-child(odd) .m-item{padding-left:15px}
	.app-index-list .item:nth-child(even) .m-item{padding-right:15px}
}
.app-index-list .item .app-index-nr{display:flex}
.app-index-list .item .app-index-nr .text-box{flex:50%;padding-top:30px}
.app-index-list .item .app-index-nr .text-box .text{font-size:16px;line-height:28px}
.app-index-list .item .app-index-nr .more-kd{margin-top:40px}
.app-index-list .item .app-index-nr .img{flex:50%;position:relative}
.app-index-list .item .app-index-nr .img::before{content:'';position:absolute;right:0;width:150%;height:100%;background-color:#eff5f6;z-index:-1}
.app-index-list .item:nth-child(even) .app-index-nr{flex-direction:row-reverse;text-align:right}
.app-index-list .item:nth-child(odd) .app-index-nr .img{padding-left:80px}
.app-index-list .item:nth-child(even) .app-index-nr .img::before{right:inherit;left:0}
.app-index-list .item:nth-child(even) .app-index-nr .img{padding-right:80px}
.app-index-list .item:nth-child(even) .app-index-nr .more-kd{margin:40px 20px 0 auto}
@media (max-width:991.98px){
	.app-index-wrapper{padding:30px 0;}
	.app-index-list{overflow:hidden;}
	.app-index-list .item .app-index-top{margin-bottom: 30px;}
	.app-index-list .item .app-index-top .title{font-size: 24px;line-height: 28px;}
	.app-index-list .item .app-index-nr .more-kd{}
	.app-index-list .item .app-index-nr .text-box .text{font-size: 14px;line-height: 22px;}
	.app-index-list .item .app-index-nr{flex-direction:column-reverse !important;}
	.app-index-list .item .app-index-nr .img{padding:0 !important;}
	.app-index-list .item .app-index-nr .img::before{display: none;}
}
.app-nr-wrapper{padding:60px 0;max-width:1920px;margin:0 auto}
.app-nr-wrapper .public-left{flex:55%}
.app-nr-wrapper .public-left span{color:var(--public-color)}
.app-nr-wrapper .app-banner{margin-bottom:100px}
.app-nr-wrapper .app-index-top{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:70px}
.app-nr-wrapper .app-index-top .title{font-size:48px;font-weight:700;line-height:72px;background-color:#fff;padding-right:50px;text-transform:uppercase}
.app-nr-wrapper .app-index-top .title::after{content:"";position:absolute;top:65%;left:0;background-color:rgba(0,0,0,.3);width:100%;height:1px;z-index:-1}
.app-nr-wrapper .container-xl.m-right{padding:0}
@media (max-width:1690px){
	.app-nr-wrapper .container-xl.m-right{padding-left:15px}
}
.app-nr-wrapper .app-adv{}
.app-nr-wrapper .app-adv ul{display:flex;flex-wrap:wrap}
.app-nr-wrapper .app-adv li{width:calc(25% - 50px);margin:0 25px 50px}
.app-nr-wrapper .app-adv li:nth-child(4n+1){margin-left:0}
.app-nr-wrapper .app-adv li:nth-child(4n+4){margin-right:0}
.app-nr-wrapper .app-adv h4{font-size:18px;line-height:28px;color:var(--public-color);font-weight:600;margin-bottom:15px;height:56px}
.app-nr-wrapper .app-adv h5{font-size:16px;line-height:28px;font-weight:400;color:#666}
.app-nr-wrapper .app-list-pro .mode3-top{margin-top:40px}
.app-nr-wrapper .app-list-pro .title{font-size:48px;font-weight:700;line-height:72px;background-color:#fff;padding-right:50px;text-transform:uppercase}
.app-nr-wrapper .app-list-pro .mode3-top .t1{font-size:48px;margin-top:10px}
.app-nr-wrapper .app-list-pro .mode3-bottom{margin-top:40px}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box:first-child{border-top:1px dashed rgba(0,0,0,.2)}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box{display:flex;justify-content:space-between;padding:50px 0 60px 0;border-bottom:1px dashed rgba(0,0,0,.2);align-items:center}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left{width:60%}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left .t2{font-size:18px;font-weight:bold;color:var(--public-color)}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left .t1{font-size:24px;line-height:36px;margin-top:10px;font-weight:bold}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left .msg{margin-top:40px;color:#666}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left .apply-btn{margin:50px auto 0 0;display:flex;align-items:center}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left .apply-btn a:hover{text-decoration:underline;color:#47a0ab}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-left .apply-btn img{margin-left:10px}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-right{width:40%}
.app-nr-wrapper .app-list-pro .mode3-bottom .mode3-box-right img{width:100%;height:100%}
@media (max-width:991.98px){
	.app-nr-wrapper{padding:30px 0;}
	.app-nr-wrapper .app-index-top .title{font-size: 24px;line-height: 28px;}
	.app-nr-wrapper .app-adv li{width: 100%;margin:0 0 15px 0;}
	.app-nr-wrapper .app-adv h4{line-height: 28px;height: auto;margin-bottom: 8px;}
	.app-nr-wrapper .app-adv h5{font-size: 14px;line-height: 22px;}
}
.service-wrapper{padding:60px 0;max-width:1920px;margin:0 auto}
.service-wrapper .public-left{flex:24%}
.service-wrapper .serv-index-top{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:70px}
.service-wrapper .serv-index-top .title{font-size:36px;font-weight:700;line-height:42px;background-color:#fff;padding-right:50px;text-transform:uppercase}
.service-wrapper .serv-index-top .title span{color:var(--public-color)}
.service-wrapper .serv-index-top .title::after{content:"";position:absolute;top:65%;left:0;background-color:rgba(0,0,0,.3);width:100%;height:1px;z-index:-1}
.service-wrapper .container-xl.m-right{padding:0}
@media (max-width:1690px){
	.service-wrapper .container-xl.m-right{padding-left:15px}
}

.service-wrapper .t1{margin-top:10px;font-size:36px;font-weight:bold;line-height:42px}
.service-wrapper .mode2{background-color:#eff5f6;margin-top:120px}
.service-wrapper .mode2-bigbox{margin:40px 0;display:flex;justify-content:space-between;align-items:center}
.service-wrapper .mode2-box{width:22%;text-align:center}
.service-wrapper .mode2 .round-image{margin:0 auto}
.service-wrapper .mode2 .round-image{margin-top:20px}
.service-wrapper .mode2 .round-image img{border-radius:100px}
.service-wrapper .mode2-box-bottom .t2,.service-wrapper .mode1-box-bottom .msg{padding:10px 0}
.service-wrapper .mode2-box-top{position:relative}
.service-wrapper .mode2-box-bottom{width:80%;margin:20px auto}
.service-wrapper .mode2 .mode2-box-bottom .t2{color:black;font-weight:600}
.service-wrapper .mode3 .mode3-bottom{background:linear-gradient(to right,#fff 400px,#eff5f6 25%);width:100%;height:auto;margin-top:70px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:160px}
.service-wrapper .mode3 .mode3-bottom .mode3-bottom-left{width:48%;color:#666666;display:flex;flex-direction:column}
.service-wrapper .mode3 .mode3-bottom .msg{margin-top:20px}
.service-wrapper .mode3 .mode3-bottom .article-boxs{margin-top:40px}
.service-wrapper .mode3 .mode3-bottom .article-box{display:flex;justify-content:left;align-items:center;margin-top:10px}
.service-wrapper .mode3 .mode3-bottom .article-box img{margin-right:20px}
.service-wrapper .mode3 .mode3-bottom .more-kd{margin-top:30px}
.service-wrapper .mode4{background:url(../../images/service-05.webp) no-repeat right;padding:80px 0;margin-top:80px}
.service-wrapper .mode4 .container-xl .swiper-slide .mode4-box{display:flex;justify-content:space-between}
.service-wrapper .mode4 .container-xl .swiper-slide .mode4-box .msg:last-child{margin-bottom:80px}
.service-wrapper .mode4 .container-xl .swiper-slide .left{width:50%}
.service-wrapper .mode4 .container-xl .swiper-slide .left img{width:100%}
.service-wrapper .mode4 .container-xl .swiper-slide .right{width:45%;color:white}
.service-wrapper .mode4 .container-xl .swiper-slide .right .msg{margin-top:20px}
.service-wrapper .mode4 .container-xl .swiper-button-prev:after{content:'';width:0;height:0;border:10px solid white;border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
.service-wrapper .mode4 .container-xl .swiper-button-prev{top:90%;left:55%}
.service-wrapper .mode4 .container-xl .swiper-button-prev:before{content:"";padding:25px;border:2px dashed white;position:absolute;left:-6px;border-radius:50px}
.service-wrapper .mode4 .container-xl .swiper-button-next:after{content:'';width:0;height:0;border:10px solid white;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.service-wrapper .mode4 .container-xl .swiper-button-next{padding:20px;border-radius:50px;top:90%;left:70%}
.service-wrapper .mode4 .container-xl .swiper-button-next:before{content:"";padding:25px;border:2px dashed white;position:absolute;left:-12px;border-radius:50px}
.service-wrapper .mode4 .swiper-horizontal > .swiper-pagination-bullets,.service-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,.service-wrapper .swiper-pagination-custom,.swiper-pagination-fraction{left:14%}
.service-wrapper .mode4 .swiper-pagination-bullet-active{background-color:white}
.service-wrapper .mode5{margin-top:100px}
.service-wrapper .mode5 .container-xl{display:flex;justify-content:space-between}
.service-wrapper .mode5 .container-xl .mode4-left{width:50%;margin-right:50px}
.service-wrapper .mode5 .container-xl .mode4-right{width:50%;display:block;}
.service-wrapper .mode5 .container-xl .mode4-left .logo{margin-top:100px}
.service-wrapper .mode5 .container-xl .mode4-left .msg{margin-top:30px}
.service-wrapper .mode6{margin:100px 0}
.service-wrapper .mode6 .mode6-top{position:relative}
.service-wrapper .mode6 .mode6-top::after{content:"";position:absolute;width:70%;height:1px;background-color:rgba(0,0,0,.3);top:75%;right:-17%}
.service-wrapper .mode6 .container-xl .mode6-bottom{background:url(../../images/service-9.webp) no-repeat;display:flex;justify-content:space-between;margin-top:80px}
.service-wrapper .mode6 .container-xl .mode6-left{width:50%}
.service-wrapper .mode6 .container-xl .mode6-left img{width:100%}
.service-wrapper .mode6 .container-xl .mode6-right{width:45%;margin-left:40px}
.service-wrapper .mode6 .container-xl .mode6-right .msg:first-child{margin-top:60px}
.service-wrapper .mode6 .container-xl .mode6-right .msg{margin-top:40px}

@media (max-width:991.98px){
	.service-wrapper{padding:30px 0;}
	.service-wrapper .t1{font-size: 24px;line-height: 28px;}
	.service-wrapper .mode2{margin-top: 30px;}
	.service-wrapper .mode2-bigbox{flex-wrap:wrap;}
	.service-wrapper .mode2-box{width: 48%;}
	.service-wrapper .mode2-box-bottom{width:95%;}
	.service-wrapper .serv-index-top{margin-bottom: 20px;}
	.service-wrapper .serv-index-top .title{font-size: 24px;line-height: 28px;}
	.service-wrapper .mode3 .mode3-bottom{margin:30px 0 50px;flex-direction: column-reverse;}
	.service-wrapper .mode3 .mode3-bottom .mode3-bottom-left{width: 100%;}
	.service-wrapper .mode4{padding:30px 0;margin-top: 30px;}
	.service-wrapper .mode4 .container-xl .swiper-slide .mode4-box{flex-direction: column;}
	.service-wrapper .mode4 .container-xl .swiper-slide .left{width: 100%;}
	.service-wrapper .mode4 .container-xl .swiper-slide .right{width: 100%;}
	.service-wrapper .mode5{margin-top: 30px;}
	.service-wrapper .mode5 .container-xl{flex-direction: column-reverse;}
	.service-wrapper .mode5 .container-xl .mode4-left{width: 100%;margin-right: 0;}
	.service-wrapper .mode5 .container-xl .mode4-left .logo{margin-top: 20px;}
	.service-wrapper .mode5 .container-xl .mode4-right{width: 100%;}
	.service-wrapper .mode6{margin:30px 0;}
	.service-wrapper .mode6 .container-xl .mode6-bottom{margin-top: 30px;flex-direction: column;}
	.service-wrapper .mode6 .container-xl .mode6-left{width: 100%;}
	.service-wrapper .mode6 .container-xl .mode6-right{width: 100%;margin-left:0;}
	.service-wrapper .mode6 .container-xl .mode6-right .msg{margin-top: 20px !important;}
}

.faq-wrapper{padding:60px 0;max-width:1920px;margin:0 auto}
.faq-wrapper .public-left{flex:20%}
.faq-wrapper .faq-list{display:flex;justify-content:space-between;margin:80px 0}
.faq-wrapper .faq-list .faq-left{width:59%}
.faq-wrapper .faq-list .faq-left .faq-left-content{display:table;max-width:880px;margin:0 0 0 auto}
.faq-wrapper .faq-list .faq-left .faq-left-content .right{margin-left:20px}
.faq-wrapper .faq-list .faq-item{display:flex}
.faq-wrapper .faq-list .faq-item .tb{width:52px;height:64px;min-width:52px;margin-right:18px}
.faq-wrapper .faq-list .faq-item .title-q{font-size:18px;line-height:22px;color:black;font-weight:bold;height:44px;cursor:pointer}
.faq-wrapper .faq-list .faq-item .content-a{font-size:16px;line-height:24px;height:0;overflow:hidden;transition:all 0.5s}
.faq-wrapper .faq-list .faq-item.active .content-a{display:block;height:100px}
.faq-wrapper .faq-list .right .faq-item:first{border-top:1px solid rgba(0,0,0,.3)}
.faq-wrapper .faq-list .right .faq-item{border-bottom:1px solid rgba(0,0,0,.3)}
.faq-wrapper .faq-list .right .faq-item .text{width:100%;}
.faq-wrapper .faq-list .right .faq-item.active{border-bottom:1px solid #be4c48}
.faq-wrapper .faq-list .right .faq-item .text-header{display:flex;justify-content:space-between;align-items:center}
.faq-wrapper .faq-list .right .faq-item .title-q{margin-top:20px}
.faq-wrapper .faq-list .right .faq-item.active .title-q{color:#be4c48;font-size:18px;border-bottom-color:transparent}
.faq-wrapper .faq-list .right .faq-item.active .text{margin-top:0}
.faq-wrapper .faq-list .right .faq-item.active .icon{transform:rotate(180deg)}
.faq-wrapper .faq-list-right img{width:100%}
@media (max-width:991.98px){
	.faq-wrapper{padding:30px 0;}
	.faq-wrapper .faq-list .right .faq-item .title-q{margin-top: 10px;}
	.faq-wrapper .faq-list{margin:30px 0;flex-direction:column;padding:0 15px;}
	.faq-wrapper .faq-list .faq-left{width:100%;}
	.faq-wrapper .faq-list .faq-left .faq-left-content .right{margin-left:0;}
	.faq-wrapper .faq-list .faq-item{padding-bottom:5px;}
	.faq-wrapper .faq-list .faq-item .title-q{font-size: 16px;height: auto;}
	.faq-wrapper .faq-list .faq-item .content-a{font-size: 14px;line-height: 22px;}
}
.down-wrapper{padding:60px 0;max-width:1920px;margin:0 auto}
.down-wrapper .down-box{margin:100px 0;display:flex}
.down-wrapper .down-box>div{flex:50%}
.down-wrapper .down-img{position:relative}
.down-wrapper .down-img::after{content:"";width:0;height:0;position:absolute;z-index:999;border:20px solid #e1e1e1;top:60px;right:-40px;border-color:transparent transparent transparent #e4e4e4}
.down-wrapper .down-form{background-color:#fbfbfb;padding:60px;max-height:570px}
.down-wrapper .down-form-t1{font-size:32px;line-height:42px;font-weight:600;color:#000}
.down-wrapper .down-form-t2{font-size:16px;line-height:32px;color:#666;margin:20px 0 40px}

.down-form .form-row:nth-child(n+3){border-top:1px solid #ddd}
.down-form .form-row>.col,.down-form .form-row>[class*="col-"]{padding:0;margin:10px 0 0 0}
.down-form .form-feedback .form-control{border:none;padding:15px 0;height:60px}
.down-form .btn{border:none;margin-top:30px;padding:0 !important;height:48px}
.down-form .btn .more-box{height:48px}

@media (max-width:991.98px){
	.down-wrapper .down-img::after{display:none;}
	.more-kd{margin:30px auto 0 0;}
	.down-wrapper .down-box{margin:30px 0;flex-direction: column;}
	.down-wrapper .down-form{padding:0px;}
	.down-wrapper .down-form-t1{font-size: 24px;line-height: 32px;}
	.down-wrapper .down-form-t2{font-size: 14px;line-height: 22px;margin:10px 0;}
}

.contact-us-wrapper{padding:60px 0}
.contact-us-wrapper .contact-box{display:flex}
.contact-us-wrapper .contact-box .contact-left{width:55%;background-color:#f8f8f8}
.contact-us-wrapper .contact-box .contact-left .contact-left-content{margin:80px}
.contact-us-wrapper .contact-box .contact-left .contact-left-content .t1{font-size:32px;font-weight:500;margin-bottom:20px}
.contact-us-wrapper .contact-box .contact-left .contact-left-content .msg{font-size:14px;line-height:24px;color:#666;margin-bottom:40px}
.contact-us-wrapper .contact-box .contact-right{width:45%;background-color:#59a9b3;color:white}
.contact-us-wrapper .contact-box .contact-right .contact-right-content{margin:50px 25px}
.contact-us-wrapper .contact-box .contact-right .contact-right-content .left{min-width:30px;margin-right:20px}
.contact-us-wrapper .contact-box .contact-right .contact-right-content .box{display:flex;margin-top:10px;margin-bottom:10px;}
.contact-us-wrapper .contact-box .contact-right .contact-right-content .t2{font-size:18px;line-height:32px;font-weight:500;text-decoration:underline}
.contact-us-wrapper .contact-box .contact-right .contact-right-content .msg{font-size:16px;line-height:26px}
.contact-us-wrapper .contact-box .contact-right .contact-right-content .msg a{color:#fff}
.contact-us-wrapper .contact-box .contact-right .contact-right-content .msg:hover a{text-decoration:underline}
.contact-us-form .form-row:nth-child(n+3){border-top:1px solid #ddd}
.contact-us-form .form-row>.col,.contact-us-form .form-row>[class*="col-"]{padding:0;margin:10px 0 0 0}
.contact-us-form .form-feedback .form-control{border:none;padding:15px 0;height:60px}
.contact-us-form .btn{border:none;margin-top:30px;padding:0 !important;height:48px}
.contact-us-form .btn .more-box{height:48px}

.contact-us-wrapper .contact-box .contact-right .whatsapp-box{display:flex;margin-top:30px; margin-bottom:30px; padding-top:20px;padding-bottom:20px; border-top:1px solid rgba(255, 255, 255, 0.5);border-bottom:1px solid rgba(255, 255, 255, 0.5);justify-content:space-between;flex-wrap:wrap;}
.contact-us-wrapper .contact-box .contact-right .whatsapp-box .box{width:50%;}
.contact-us-wrapper .contact-box .contact-right .lx-box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact-us-wrapper .contact-box .contact-right .lx-box .box:first-child{width:100%;}
.contact-us-wrapper .contact-box .contact-right .lx-box .box{width:50%;}

@media (max-width:991.98px){
	.contact-us-wrapper{padding:30px 0;}
	.contact-us-wrapper .contact-box{flex-direction: column;}
	.contact-us-wrapper .contact-box .contact-left{width: 100%;}
	.contact-us-wrapper .contact-box .contact-left .contact-left-content{margin:20px;}
	.contact-us-wrapper .contact-box .contact-right{width: 100%;}
	.contact-us-wrapper .contact-box .contact-right .contact-right-content{margin:20px;}
	.contact-us-wrapper .contact-box .contact-right .whatsapp-box{margin-top:15px;margin-bottom:15px;padding-top:15px;padding-bottom:15px;}
	.contact-us-wrapper .contact-box .contact-right .whatsapp-box .box{width:100%;}
	.contact-us-wrapper .contact-box .contact-right .lx-box .box{width:100%;}
}

.pro-index-wrapper{padding:60px 0;max-width:1920px;margin:0 auto}
.pro-index-wrapper .public-left{flex:15%}

.pro-index-hot .item{min-height:400px;background:no-repeat center center / cover;color:#fff}
.pro-index-hot .item a{color:#fff}
.pro-index-hot .item:nth-child(1){background-image:url(../../images/pro-hot-1.webp)}
.pro-index-hot .item:nth-child(2){background-image:url(../../images/pro-hot-2.webp)}
.pro-index-hot .item:nth-child(3){background-image:url(../../images/pro-hot-3.webp)}
.pro-index-hot .item-box{display:flex;align-items:center;min-height:400px}
.pro-index-hot .text{display:flex;flex-direction:column;flex:40%}
.pro-index-hot .img{flex:60%;display:flex;justify-content:space-between;align-items:center}
.pro-index-hot .text-title{font-size:36px;line-height:36px;font-weight:bold;text-transform:uppercase}
.pro-index-hot .text-title:hover{background:#59a9b3;transition:all 0.5s;}
.pro-index-hot .text-adv{font-size:18px;line-height:32px;padding:60px 0}
.pro-index-hot .text-adv p::before{content:'⊙';color:var(--public-color);margin-right:5px}
.pro-index-hot .more-video{display:flex;align-items:center;margin-left:30px}
.pro-index-hot .more-video img{margin-left:20px}
.pro-index-hot .more-video:hover{text-decoration:underline}
.pro-index-hot .more:hover{background-color:var(--public-color);color:#fff}
.pro-index-hot .more:hover .icon-box i::before{color:#fff}
.pro-index-hot .img-mian{background:url(../../images/pro-hot-img-bg.webp) no-repeat center center;color:#fff;background-size:320px}
.pro-index-hot .img-icon{}
.pro-index-hot .img-icon .item-small-img{border-radius:50%;border:4px solid var(--public-color);position:relative}
.pro-index-hot .img-icon .item-small-img img{border-radius:50%;overflow:hidden}
.pro-index-hot .img-icon .item-small-img:nth-child(n+2){margin-top:-20px}
.pro-index-hot .img-icon .item-small-img::before{content:'';display:inline-block;position:absolute;top:50%;left:-35px;transform:translate(0,-50%);width:0;height:0;border-color:transparent var(--public-color) transparent transparent;border-style:solid;border-width:20px 15px 20px 20px}
.pro-index-class{margin-top:120px;display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-index-class .item{width:calc(50% - 20px);margin-bottom:40px}
.pro-index-class .item .item-box{background-color:#f4f4f4;max-width:680px;min-height:385px;padding:55px 40px;position:relative;display:flex;overflow:hidden}
.pro-index-class .item .item-box .text{position:relative;z-index:1}
.pro-index-class .item:nth-child(even) .item-box{margin:0 auto 0 0}
.pro-index-class .item:nth-child(odd) .item-box{margin:0 0 0 auto}
.pro-index-class .item{background-color:#eff5f6}
.pro-index-class .item .item-box{background-color:#eff5f6;max-width:800px}
.pro-index-class .item .item-box .img{position:absolute;bottom:0;mix-blend-mode:darken;right:-200px}
.pro-index-class .item .item-box .img{right:0px}
.pro-index-class .text-title{font-size:22px;line-height:36px;font-weight:bold;text-transform:uppercase}
.pro-index-class .text-adv{font-size:18px;line-height:32px;padding:30px 0}
.pro-index-class .text-adv p::before{content:'⊙';color:var(--public-color);margin-right:5px}
.pro-index-class .more:hover{background-color:var(--public-color);color:#fff}
.pro-index-class .more:hover .icon-box i::before{color:#fff}

@media (max-width:991.98px){
	.pro-index-wrapper{overflow: hidden;}
	.pro-index-hot .item-box{flex-direction: column;padding:20px 0;}
	.pro-index-hot .text-title{font-size: 18px;line-height: 24px;}
	.pro-index-hot .text-adv{padding:10px 0;font-size: 14px;line-height: 22px;}
	.pro-index-hot .mores{flex-direction: column;align-items: center;}
	.pro-index-hot .mores>a:nth-child(1){margin-bottom: 20px;}
	.pro-index-hot .img-icon{display: none;}
	.pro-index-class{margin-top: 50px;flex-direction: column;}
	.pro-index-class .item{width:100%;}
}

.pro-list-cup-wrapper{padding:60px 0}
.product-cup .t1{font-size:36px;line-height:42px;font-weight:bold;}
.product-cup .mode1{margin-bottom:30px}
.product-cup .mode1 .container{display:flex;justify-content:space-between;align-items:center;}
.product-cup .mode1 .mode1-left{width:60%;padding:20px 0;margin-bottom:0}
.product-cup .mode1 .mode1-left .t1{font-size:56px;line-height:56px;margin-top:10px;font-weight:bold;text-transform: capitalize;}
.product-cup .mode1 .mode1-left .msg{padding:20px 0 0 40px;width:90%;position:relative;margin-top:20px}
.product-cup .mode1 .mode1-left .msg::before{height:100%;width:2px;background-color:#e60012;content:'';position:absolute;left:0;top:0}
.product-cup .mode1 .mode1-right{width:40%;padding:20px 0;margin-bottom:0}
.product-cup .mode1 .mode1-right .right-img{position:relative}
.product-cup .mode1 .mode1-right .right-img .video-btn{width:160px;height:160px;padding:10px 0;border:20px solid rgba(255,255,255,.2);border-radius:100px}
.product-cup .mode1 .mode1-right .right-img .mode1-bottom{position:absolute;top:30%;left:35%;cursor:pointer;}
.product-cup .mode1 .mode1-right .video-btn-content{width:100px;height:100px;background-color:rgba(255,255,255,.4);position:relative;border-radius:50px;border:1px solid white;margin:0 auto}
.product-cup .mode1 .mode1-right .video-btn-content::after{content:"";width:0;height:0;border:10px solid white;display:block;border-color:transparent transparent transparent white;position:absolute;top:40%;left:45%}
.product-cup .mode2 .container{padding-top:40px}
.product-cup .mode2 .container .box{display:flex;flex-wrap:wrap}
.product-cup .mode2 .container .box .more{margin:0;margin-top:20px;margin-right:30px}
.product-cup .mode2 .container .box .more:first-child{margin-left:0}
.product-cup .mode2 .container .box:first-child .more:nth-child(3) .more-box::after{width:calc(100% + 20px)}
.product-cup .mode2 .container .box:first-child .more:nth-child(3) .icon-box i{color:#fff;transition:.6s ease-in-out .3s}
.product-cup .mode3{padding:50px 0}
.product-cup .mode3 .mode3-top{margin-top:40px}
.product-cup .mode3 .mode3-top .t1{font-size:48px;margin-top:10px}
.product-cup .mode3 .mode3-bottom{margin-top:40px}
.product-cup .mode3 .mode3-bottom .mode3-box:first-child{border-top:1px solid rgba(0,0,0,.4)}
.product-cup .mode3 .mode3-bottom .mode3-box{display:flex;justify-content:space-between;padding:40px 0 0 0;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:40px}
.product-cup .mode3 .mode3-bottom .mode3-box-left{width:50%}
.product-cup .mode3 .mode3-bottom .mode3-box-left .t2{color:#47a0ab}
.product-cup .mode3 .mode3-bottom .mode3-box-left .t1{font-size:24px;line-height:2rem;margin-top:10px;font-weight:bold}
.product-cup .mode3 .mode3-bottom .mode3-box-left .msg{margin-top:40px}
.product-cup .mode3 .mode3-bottom .mode3-box-left  .apply-btn{margin:50px auto 0 0}
.product-cup .mode3 .mode3-bottom .mode3-box-left  .apply-btn a:hover{text-decoration:underline;color:#47a0ab}
.product-cup .mode3 .mode3-bottom .mode3-box-left  .apply-btn img{margin-left:10px}
.product-cup .mode3 .mode3-bottom .mode3-box-right{width:50%}
.product-cup .mode3 .mode3-bottom .mode3-box-right img{width:100%;height:100%}
.product-cup .mode3 .mode3-bottom .mode3-box-right .t2{color:#47a0ab;margin-top:40px}
.product-cup .mode3 .mode3-bottom .mode3-box-right .t1{font-size:24px;line-height:2rem;margin-top:10px}
.product-cup .mode3 .mode3-bottom .mode3-box-right .msg{margin-top:40px}
.product-cup .mode3 .mode3-bottom .mode3-box-right  .apply-btn{margin:50px auto 0 0}
.product-cup .mode3 .mode3-bottom .mode3-box-right  .apply-btn a:hover{text-decoration:underline;color:#47a0ab}
.product-cup .mode3 .mode3-bottom .mode3-box-right  .apply-btn img{margin-left:10px}
.product-cup>.mode4{background-color:#eff5f6}
.product-cup>.mode4 .container{padding-top:100px;padding-bottom:200px;background:url(../../images/pro-cup-bg.webp) no-repeat center center / cover;background-size:auto}
.product-cup>.mode4 .mode4-top{text-align:center}
.product-cup>.mode4 .mode4-top .t1{font-size:36px;line-height:42px;color:#000;font-weight:bold}
.product-cup>.mode4 .mode4-top .t2{color:#59a9b3;font-weight:500}
.product-cup>.mode4 .mode4-bottom .mode4-box:first-child{display:flex;justify-content:space-evenly;margin-top:120px}
.product-cup>.mode4 .mode4-bottom .mode4-box{display:flex;justify-content:space-evenly;margin-top:120px}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-left{text-align:left;width:45%}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-right{text-align:right;width:45%}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-left .logo,.product-cup .mode4 .mode4-bottom .mode4-box .box-right .logo{width:10%}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-right .logo{display:table;margin:0 0 0 auto}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-left img,.product-cup .mode4 .mode4-bottom .mode4-box .box-right img{width:100%}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-left .t1,.product-cup .mode4 .mode4-bottom .mode4-box .box-right .t1{font-size:18px;font-weight:bold;line-height:46px}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-left .msg,.product-cup .mode4 .mode4-bottom .mode4-box .box-right .msg{width:55%;font-size:14px}
.product-cup>.mode4 .mode4-bottom .mode4-box .box-right .msg{display:table;margin:0 0 0 auto}
.product-cup .mode5 .container{padding:100px 0}
.product-cup .mode5 .mode5-top{display:flex;justify-content:space-between}
.product-cup .mode5 .mode5-top .mode5-top-left{width:65%;padding:0 10px}
.product-cup .mode5 .mode5-top .mode5-top-left .t1{font-size:36px;line-height:42px;font-weight:bold}
.product-cup .mode5 .mode5-top .mode5-top-right{width:30%}
.product-cup .mode5 .mode5-top .mode5-top-left .logo{margin-top:80px}
.product-cup .mode5 .mode5-top .mode5-top-left .msg{margin-top:40px}
.product-cup .mode5 .mode5-top .mode5-top-right .mode5-box-top{background-color:#eff5f6;padding:40px 25px;position:relative}
.product-cup .mode5 .mode5-top .mode5-top-right .mode5-box-top .t2{font-size:16px;color:black;position:relative}
.product-cup .mode5 .mode5-top .mode5-top-right .mode5-box-top .t2:after{content:"";width:20px;height:2px;background-color:#59a9b3;z-index:999;position:absolute;bottom:-5px;left:0}
.product-cup .mode5 .mode5-top .mode5-top-right .mode5-box-top .msg{margin-top:15px}
.product-cup .mode5 .mode5-top .mode5-top-right .mode5-box-top::after{content:"";width:0;height:0;border:10px solid red;display:block;border-color:#eff5f6 transparent transparent transparent;position:absolute;bottom:-20px}
.product-cup .mode5 .mode5-top .mode5-top-right .mode5-box-bottom img{width:100%}
.product-cup .mode5 .mode5-bottom{display:flex;justify-content:space-between;margin-top:60px;padding:0 10px}
.product-cup .mode5 .mode5-bottom .mode5-box{width:30%}
.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-top{background-color:#eff5f6;padding:40px 25px;position:relative}
.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-top .t2{font-size:16px;color:black;position:relative;font-weight:500}
.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-top .t2:after{content:"";width:20px;height:2px;background-color:#59a9b3;z-index:999;position:absolute;bottom:-5px;left:0}
.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-top .msg{margin-top:15px;height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-top::after{content:"";width:0;height:0;border:10px solid red;display:block;border-color:#eff5f6 transparent transparent transparent;position:absolute;bottom:-20px}
.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-bottom img{width:100%}
.product-cup .mode6{background-color:#eff5f6}
.product-cup .mode6 .container{display:flex;justify-content:space-between;padding-top:0;padding:0 10px}
.product-cup .mode6 .container .mode6-left{width:50%}
.product-cup .mode6 .container .mode6-left .logo{margin-top:100px}
.product-cup .mode6 .container .mode6-left .t1{margin-top:10px}
.product-cup .mode6 .container .mode6-left .msg{margin-top:40px}
.product-cup .mode7{margin-top:40px}
.product-cup .mode7 .container{display:flex;justify-content:space-between}
.product-cup .mode7 .container .mode7-left-content{width:50%}
.product-cup .mode7 .faq-item{display:flex}
.product-cup .mode7 .faq-item .tb{width:52px;height:64px;min-width:52px;margin-right:18px}
.product-cup .mode7 .faq-item .title-q{font-size:18px;line-height:22px;color:black;font-weight:bold;height:44px;cursor:pointer}
.product-cup .mode7 .faq-item .content-a{font-size:16px;line-height:24px;height:0;overflow:hidden;transition:all 0.5s}
.product-cup .mode7 .faq-item.active .content-a{display:block;height:100px}
.product-cup .mode7 .right .faq-item:first{border-top:1px solid rgba(0,0,0,.3)}
.product-cup .mode7 .right .faq-item{border-bottom:1px solid rgba(0,0,0,.3)}
.product-cup .mode7 .right .faq-item.active{border-bottom:1px solid #be4c48}
.product-cup .mode7 .right .faq-item .text-header{display:flex;justify-content:space-between;align-items:center}
.product-cup .mode7 .right .faq-item .title-q{margin-top:20px}
.product-cup .mode7 .right .faq-item.active .title-q{color:#be4c48;font-size:18px;border-bottom-color:transparent}
.product-cup .mode7 .right .faq-item.active .text{margin-top:0}
.product-cup .mode7 .right .faq-item.active .icon{transform:rotate(180deg)}
.product-cup .mode7 .container .mode7-right-content{width:50%}
.product-cup .mode7 .container .mode7-right-content .box{width:80%;margin:0 auto;margin-top:120px}
.product-cup .mode7 .container .mode7-right-content .t2{color:#59a9b3}
.product-cup .mode7 .container .mode7-right-content .more{margin-top:40px}

.pro-list-crimp-wrapper{padding:60px 0}
.product-crimp .more{font-weight:700;margin-top:60px}
.product-crimp .mode1 .container{display:flex;justify-content:space-between}
.product-crimp .mode1 .container .mode1-left{width:30%;position:relative}
.product-crimp .mode1 .container .mode1-left .t1{font-size:50px;margin-top:10px;line-height:3rem}
.product-crimp .mode1 .container .mode1-left::after{content:"";width:2px;height:100%;background-color:red;position:absolute;right:-35%;top:0}
.product-crimp .mode1 .container .mode1-right{width:55%}
.product-crimp .mode1 .container .mode1-right .t2{font-size:24px;color:black}
.product-crimp .mode1 .container .mode1-right .msg{margin-top:20px}
.product-crimp .mode2 .container{padding:60px 10px;overflow:hidden}
.product-crimp .mode3 .container{padding-top:0px}
.product-crimp .mode3 .container .box{display:flex;flex-wrap:wrap}
.product-crimp .mode3 .container .box .more{margin:0;margin-top:20px;margin-right:30px}
.product-crimp .mode3 .container .box:first-child .more:first-child .more-box::after{width:calc(100% + 30px)}
.product-crimp .mode3 .container .box:first-child .more:first-child .icon-box i{color:#fff;transition:.6s ease-in-out .3s}
.product-crimp .mode4 .container{padding-top:0px;padding-bottom:40px}
.product-crimp .mode4 .mode4-bottom{display:flex;justify-content:space-between;flex-wrap:wrap}
.product-crimp .mode4 .mode4-bottom .mode4-box{width:30%;margin-top:80px}
.product-crimp .mode4 .mode4-bottom .mode4-box .mode4-box-top{border:2px dashed #cedaeb}
.product-crimp .mode4 .mode4-bottom .mode4-box .mode4-box-top:hover{border:2px dashed #0c459b}
.product-crimp .mode4 .mode4-bottom .mode4-box img{width:100%;display:flex}
.product-crimp .mode4 .mode4-bottom .mode4-box-left{width:100%}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .t2{color:#47a0ab;margin-top:40px}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .t1{font-size:18px;line-height:26px;margin-top:10px;font-weight:bold;line-height:28px}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .t1 a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .msg{margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .apply-btn{margin:30px auto 0 0;display:flex;align-items:center;display:none}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .apply-btn a:hover{text-decoration:underline;color:#47a0ab}
.product-crimp .mode4 .mode4-bottom .mode4-box-left .apply-btn img{margin-left:10px}
.product-crimp .mode5{background-color:#eff5f6;padding:100px 0}
.product-crimp .mode5{overflow:hidden}
.product-crimp .mode5 .t2{color:#59a9b3}
.product-crimp .mode5 .t1{font-size:36px;font-weight:bold;line-height:42px}
.product-crimp .mode5 .mode5-bottom{display:flex;justify-content:space-between;width:100%;margin-top:40px}
.product-crimp .mode5 .mode5-bottom .mode5-left{width:50%}
.product-crimp .mode5 .mode5-bottom .mode5-left .mode5-left-content{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}
.product-crimp .mode5 .mode5-bottom .mode5-left .mode5-left-content .mode5-boxs{width:79%;display:flex;justify-content:space-between;flex-wrap:wrap}
.product-crimp .mode5 .mode5-bottom .mode5-left .mode5-left-content .mode5-box{width:45%;margin-top:40px}
.product-crimp .mode5 .mode5-bottom .mode5-left .mode5-left-content .mode5-box .t1{font-size:18px;margin:20px 0}
.product-crimp .mode5 .mode5-bottom .mode5-right{width:30%}
.product-crimp .mode5 .mode5-bottom .mode5-right img{margin-top:40px}
.bold{font-weight:700}
.product-crimp .mode6 .container{display:flex;justify-content:space-between;padding-bottom:100px}
.product-crimp .mode6 .container .mode6-left{width:60%}
.product-crimp .mode6 .container .mode6-left .img-boxs{display:flex;justify-content:space-between;flex-wrap:wrap}
.product-crimp .mode6 .container .mode6-left .img-box{width:48%;margin-top:40px;position:relative;overflow:hidden;position:relative;display:flex;align-items:center;}
.product-crimp .mode6 .container .mode6-left .img-box .t2{text-transform: uppercase;color: white;position: absolute;bottom:10%;width:50%;left:5%;
font-weight:bold;}
.product-crimp .mode6 .container .mode6-left .img-box .t2{display:none;transition: all .5s;}
.product-crimp .mode6 .container .mode6-left .img-box .box-skip{display:block;transition:all .5s ease;animation:move 1s}
.product-crimp .mode6 .container .mode6-left .img-box .box-skip{position:absolute;right:0;top:inherit;z-index:999;height:200px; background-color:rgba(255,255,255,0.7);width:90%;padding:40px 20px;transition:all .5s ease;border-left:5px solid #59a9b3}
.product-crimp .mode6 .container .mode6-left .img-box img{width:100%}
.product-crimp .mode6 .container .mode6-right{width:35%}
.product-crimp .mode6 .container .mode6-right .logo{margin-top:180px}
.product-crimp .mode6 .container .mode6-right .t1{margin-top:20px;font-size:36px;line-height:42px;font-weight:bold}
.product-crimp .mode6 .container .mode6-right .msg-box{border-left:2px solid red;margin-top:40px}
.product-crimp .mode6 .container .mode6-right .msg-box .msg{width:90%;margin:0 auto}
@keyframes move{0%{right:-45%}100%{right:0%}}

@media (max-width:991.98px){
	.product-crimp .mode4 .mode4-bottom .mode4-box{width:48%;margin-top:20px}
	.product-crimp .mode4 .mode4-bottom .mode4-box-left .t2{display: none;}
	.product-crimp .mode4 .container{padding:0 0 30px 0;}
	.product-crimp .mode6 .container .mode6-left .img-box .box-skip{height:auto;}
	.product-crimp .mode4 .mode4-bottom .mode4-box-left .t1{font-size:16px;line-height:18px;}
	.product-crimp .mode4 .mode4-bottom .mode4-box-left .msg{margin-top:10px;-webkit-line-clamp: 3;}
	.product-crimp .mode4 .mode4-bottom .mode4-box-left .t1 a{-webkit-line-clamp: 3;}
	.product-crimp .mode5 .mode5-bottom .mode5-left .mode5-left-content .mode5-box .t1{line-height:24px;height:48px;}
}

.product-crimp .t1{font-size:36px;line-height:42px;font-weight:bold}
.product-crimp .mode7{background-color:#eff5f6}
.product-crimp .mode7 .container{display:flex;justify-content:space-between;padding-top:0}
.product-crimp .mode7 .container .mode7-left{width:50%}
.product-crimp .mode7 .container .mode7-left .logo{margin-top:100px}
.product-crimp .mode7 .container .mode7-left .t1{margin-top:10px}
.product-crimp .mode7 .container .mode7-left .msg{margin-top:40px}
.product-crimp .mode8{margin-top:40px}
.product-crimp .mode8 .container{display:flex;justify-content:space-between;padding:20px 0}
.product-crimp .mode8 .container .mode8-left-content{width:50%}
.product-crimp .mode8 .faq-item{display:flex}
.product-crimp .mode8 .faq-item .tb{width:52px;height:64px;min-width:52px;margin-right:18px}
.product-crimp .mode8 .faq-item .title-q{font-size:18px;line-height:22px;color:black;font-weight:bold;height:44px;cursor:pointer}
.product-crimp .mode8 .faq-item .content-a{font-size:16px;line-height:24px;height:0;overflow:hidden;transition:all 0.5s}
.product-crimp .mode8 .faq-item.active .content-a{display:block;height:100px}
.product-crimp .mode8 .right .faq-item:first{border-top:1px solid rgba(0,0,0,.3)}
.product-crimp .mode8 .right .faq-item{border-bottom:1px solid rgba(0,0,0,.3)}
.product-crimp .mode8 .right .faq-item.active{border-bottom:1px solid #be4c48}
.product-crimp .mode8 .right .faq-item .text-header{display:flex;justify-content:space-between;align-items:center}
.product-crimp .mode8 .right .faq-item .title-q{margin-top:20px}
.product-crimp .mode8 .right .faq-item.active .title-q{color:#be4c48;font-size:18px;border-bottom-color:transparent}
.product-crimp .mode8 .right .faq-item.active .text{margin-top:0}
.product-crimp .mode8 .right .faq-item.active .icon{transform:rotate(180deg)}
.product-crimp .mode8 .container .mode8-right-content{width:50%}
.product-crimp .mode8 .container .mode8-right-content .box{width:80%;margin:0 auto;margin-top:120px}
.product-crimp .mode8 .container .mode8-right-content .t2{color:#59a9b3}
.product-crimp .mode8 .container .mode8-right-content .more{margin-top:40px}
.pro-list-thermoforming-wrapper{padding:60px 0}
.product-series .t1{font-size:36px;line-height:42px;font-weight:bold}
.product-series .mode3{padding:100px 0}
.product-series .mode3 .mode3-top{margin-top:40px}
.product-series .mode3 .mode3-top .t1{font-size:48px;margin-top:10px}
.product-series .mode3 .mode3-bottom{margin-top:40px}
.product-series .mode3 .mode3-bottom .mode3-box:first-child{border-top:1px solid rgba(0,0,0,.4)}
.product-series .mode3 .mode3-bottom .mode3-box{display:flex;justify-content:space-between;padding:40px 0 0 0;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:40px}
.product-series .mode3 .mode3-bottom .mode3-box-left{width:60%}
.product-series .mode3 .mode3-bottom .mode3-box-left .t2{color:#47a0ab}
.product-series .mode3 .mode3-bottom .mode3-box-left .t1{font-size:24px;line-height:2rem;margin-top:10px}
.product-series .mode3 .mode3-bottom .mode3-box-left .msg{margin-top:40px}
.product-series .mode3 .mode3-bottom .mode3-box-left  .apply-btn{margin:50px auto 0 0}
.product-series .mode3 .mode3-bottom .mode3-box-left  .apply-btn a:hover{text-decoration:underline;color:#47a0ab}
.product-series .mode3 .mode3-bottom .mode3-box-left  .apply-btn img{margin-left:10px}
.product-series .mode3 .mode3-bottom .mode3-box-right{width:40%}
.product-series .mode3 .mode3-bottom .mode3-box-right img{width:100%;height:100%}
.product-series>.mode4{background-color:#eff5f6}
.product-series>.mode4 .container{padding:100px 15px}
.product-series>.mode4 .container .mode4-top{text-align:center}
.product-series>.mode4 .container .mode4-top .t2{color:#59a9b3}
.product-series>.mode4 .container .mode4-top .t1{margin-top:10px}
.product-series>.mode4 .container .mode4-bottom{display:flex;justify-content:space-between;margin-top:80px}
.product-series>.mode4 .container .mode4-bottom .mode4-box{width:20%;background-color:white;padding:40px 0;border-top:3px solid #59a9b3;border-bottom:3px solid #59a9b3}
.product-series>.mode4 .container .mode4-bottom .mode4-box .t2{color:black;margin-top:40px;height:40px}
.product-series>.mode4 .container .mode4-bottom .mode4-box .msg{margin-top:40px}
.product-series>.mode4 .container .mode4-bottom .mode4-box .box-content{width:79%;margin:0 auto}
.product-series .mode5 .container{padding-top:80px}
.product-series .mode5 .mode5-top{text-align:center}
.product-series .mode5 .mode5-top .t1{margin-top:10px}
.product-series .mode5 .mode5-top .msg{margin-top:20px}
.product-series .mode5 .mode5-bottom{margin-top:80px}
.product-series .mode5 .mode5-bottom .box{display:flex;justify-content:space-between;margin-top:40px;margin-bottom:80px}
.product-series .mode5 .mode5-bottom .box .left-box{width:30%;overflow:hidden}
.product-series .mode5 .mode5-bottom .box .left-box img{transition:all .5s ease}
.product-series .mode5 .mode5-bottom .box .left-box:hover img{transform:scale(1.1);transition:all .5s ease}
.product-series .mode5 .mode5-bottom .box .right-box{width:65%}
.product-series .mode5 .mode5-bottom .box .right-box .t2{padding:10px 0 20px 0;border-bottom:2px solid #59a9b3;color:black;margin-top:10px;font-size:24px}
.product-series .mode5 .mode5-bottom .box .right-box .msg{margin-top:30px}
.product-series .mode6{background-color:#eff5f6}
.product-series .mode6 .container{display:flex;justify-content:space-between;padding-top:0}
.product-series .mode6 .container .mode6-left{width:50%}
.product-series .mode6 .container .mode6-left .logo{margin-top:100px}
.product-series .mode6 .container .mode6-left .t1{margin-top:10px;line-height:36px}
.product-series .mode6 .container .mode6-left .msg{margin-top:40px}
.product-series .mode7{margin-top:40px}
.product-series .mode7 .container{display:flex;justify-content:space-between}
.product-series .mode7 .container .mode7-left-content{width:50%}
.product-series .mode7 .faq-item{display:flex}
.product-series .mode7 .faq-item .tb{width:52px;height:64px;min-width:52px;margin-right:18px}
.product-series .mode7 .faq-item .title-q{font-size:18px;line-height:22px;color:black;font-weight:bold;height:44px;cursor:pointer}
.product-series .mode7 .faq-item .content-a{font-size:16px;line-height:24px;height:0;overflow:hidden;transition:all 0.5s}
.product-series .mode7 .faq-item.active .content-a{display:block;height:100px}
.product-series .mode7 .right .faq-item:first{border-top:1px solid rgba(0,0,0,.3)}
.product-series .mode7 .right .faq-item{border-bottom:1px solid rgba(0,0,0,.3)}
.product-series .mode7 .right .faq-item.active{border-bottom:1px solid #be4c48}
.product-series .mode7 .right .faq-item .text-header{display:flex;justify-content:space-between;align-items:center}
.product-series .mode7 .right .faq-item .title-q{margin-top:20px}
.product-series .mode7 .right .faq-item.active .title-q{color:#be4c48;font-size:18px;border-bottom-color:transparent}
.product-series .mode7 .right .faq-item.active .text{margin-top:0}
.product-series .mode7 .right .faq-item.active .icon{transform:rotate(180deg)}
.product-series .mode7 .container .mode7-right-content{width:50%}
.product-series .mode7 .container .mode7-right-content .box{width:80%;margin:0 auto;margin-top:120px}
.product-series .mode7 .container .mode7-right-content .t2{color:#59a9b3}
.product-series .mode7 .container .mode7-right-content .more{margin-top:40px}

.pro-list-wrapper{padding:60px 0 0}
.pro-nr-wrapper{padding-bottom:90px}
.pro-nr-wrapper .mode1{padding:60px 0 0}
.pro-content .t1{font-size:36px;line-height:42px;font-weight:bold}
.pro-content .mode1{background:url(../../images/pro_content_1.webp) no-repeat;background-size:100%;padding:40px 0}
.pro-content .mode1 .container{padding:0}
.pro-content .mode1 .container .mode1-top{display:flex;flex-wrap:wrap;margin-left:10px}
.pro-content .mode1 .container .more{margin:0;margin-right:30px;margin-top:20px}
.pro-content .mode1 .container .mode1-bottom{display:flex;justify-content:space-between;margin-top:60px;margin-left:10px}
.pro-content .mode1 .mode1-bottom .mode1-box-left{width:55%}
.pro-content .mode1 .mode1-bottom .mode1-box-left .t2{color:#47a0ab}
.pro-content .mode1 .mode1-bottom .mode1-box-left .t1{font-size:24px;line-height:2rem;margin-top:10px;width:80%}
.pro-content .mode1 .mode1-bottom .mode1-box-left .msg{margin-top:40px;width:75%}
.pro-content .mode1 .mode1-bottom .mode1-box-left .more{margin-top:40px}
.pro-content .mode1 .mode1-bottom .mode1-box-left .share{margin-top:20px}
.pro-content .mode1 .mode1-bottom .mode1-box-left .share-box{display:flex;justify-content:space-between;width:150px;margin-top:10px}
.pro-content .mode1 .mode1-bottom .mode1-box-left .share-box .share-txt{font-weight:700}
.pro-content .mode1 .mode1-bottom .mode1-box-left .share-box .icon{color:white;background-color:#59a9b3;padding:10px;border-radius:50px;position:relative}
.pro-content .mode1 .mode1-bottom .mode1-box-left .share-box .icon-facebook-f{padding:10px 13px}
.pro-content .mode1 .mode1-bottom .mode1-box-left .share-box .icon::after{content:"";position:absolute;padding:20px;border:1px solid rgba(0,0,0,.3);border-radius:30px;left:-3px;top:-3px}
.pro-content .mode1 .mode1-bottom .mode1-box-right{width:45%;margin-top:80px;position:relative}
.pro-content .mode1 .mode1-bottom .mode1-box-right img{position:absolute;top:-30%;right:0;width:140%}
.pro-content .mode2{padding:60px 0}
.pro-content .mode2 .skip{display:flex;width:100%;border-top:1px dashed rgba(0,0,0,.4);border-bottom:1px dashed rgba(0,0,0,.4);padding:20px 10px}
.pro-content .mode2 .skip .separator{margin:0 30px}
.pro-content .mode2 .skip .t2:hover{color:#59a9b3}
.pro-content h5{font-size:32px;color:#59a9b3;margin-bottom:45px;font-weight:bold;text-transform:uppercase}
.pro-content ul li{display:flex;align-items:center;margin-bottom:10px}
.pro-content ul li::before{content:'';display:inline-block;width:20px;height:20px;line-height:20px;background:url(../../images/home-adv-icon.webp) no-repeat center center;margin-right:1em;min-width:20px}
.pro-content .product-crimp .mode4 .mode4-bottom .mode4-box{width: 24%;}
.pro-content .shuju{margin-top:30px;}
.shuju{margin-top:20px;}
.shuju p{color:#59a9b3}
.shuju p strong{color:#333;font-weight:400!important;}

@media (max-width:991.98px){
	.product-crimp .mode7 .container .mode7-left .logo{margin-top:10px;}
	.product-series .mode6 .container .mode6-left .msg{margin-top:20px;}
	.pro-content .product-crimp .mode4 .mode4-bottom .mode4-box{width: 48%;}
	.pro-content .mode1 .container .mode1-bottom{margin-top: 0;margin: 0;flex-direction: column-reverse;}
	.pro-content .mode1 .mode1-bottom .mode1-box-right{width: 100%;margin-top: 0;}
	.pro-content .mode1 .mode1-bottom .mode1-box-right img{position:inherit;}
	.pro-content .mode1 .mode1-bottom .mode1-box-left{width: 100%;padding:0 15px;}
	.pro-content h5{font-size: 24px;line-height: 32px;margin-bottom: 20px;}
	.news-list-nr .grid .line_txt::after{display: none;}
	.pro-content .mode2{display: none;}
	.pro-list-wrapper{padding:30px 0;}
	.product-crimp .mode7{padding:30px 0;}
	.product-crimp .mode4{padding:0px;}
	.product-crimp .mode4 .mode4-bottom .mode4-box{width: 48%;margin-top: 20px;}
	.product-series>.mode4 .container{padding:30px 15px;}
	.product-series>.mode4 .container .mode4-bottom{flex-wrap:wrap;margin-top: 30px;}
	.product-series>.mode4 .container .mode4-bottom .mode4-box{width: 100%;padding:20px 10px;text-align: center;}
	.product-series>.mode4 .container .mode4-bottom .mode4-box .box-content{width: 100%;}
	.product-series>.mode4 .container .mode4-bottom .mode4-box .t2{height: auto;margin-top: 10px;}
	.product-series .mode5 .mode5-bottom .box{margin:20px 0;flex-direction:column;}
	.product-series .mode5 .mode5-bottom .box .left-box{width: 100%;}
	.product-series .mode5 .mode5-bottom .box .right-box{width: 100%;}
	.product-series .mode6 .container{flex-direction: column-reverse;}
	.product-series .mode6 .container .mode6-left .logo{display: none;}
	.product-series .mode6 .container .mode6-left{width: 100%;}
	.product-series .mode7 .container{flex-direction: column-reverse;}
	.product-series .mode7 .container .mode7-right-content .box{margin-top: 30px;width: 100%;}
	.product-series .mode7 .container .mode7-left-content,.product-series .mode7 .container .mode7-right-content{width: 100%;}
	.product-series .mode7 .faq-item .title-q{height: auto;margin:10px 0;}
	.product-series .mode7 .faq-item .content-a{height:0;font-size:12px;line-height:16px;}
	.product-series .mode7 .faq-item.active .content-a{height:auto;}
}


.pro-item{margin-top:60px}
.pro-item .pro-app-list ol{display:flex;justify-content:space-between;overflow:hidden}
.pro-item .pro-app-list ol li{flex:1 1 auto;margin-right:20px;text-align:center}
.pro-item .pro-app-list ol li:last-child{margin-right:0}
.pro-item .pro-app-list img{max-width:100%}
.pro-item .imgs{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.pro-item .imgs .imgs-item{width:calc(50% - 15px)}
.pro-item .imgs .imgs-item .imgs-txt{padding:40px 20px}
.prcon-top{position:relative;background-color:var(--public-color)}
.prcon-top .box{display:flex;justify-content:flex-start;align-items:center}
.prcon-top .box a{font-family:'Arial';font-size:20px;line-height:72px;color:#ffffff;position:relative;margin-right:60px}
.prcon-top .box a::before{content:'';position:absolute;bottom:20px;width:0;height:1px;background-color:#fff;transition:all 0.3s;right:0}
.prcon-top .box a:hover::before,.prcon-top .box a.active::before{width:100%;right:inherit;left:0}
.prcon-top.head-pro{opacity:0;position:fixed;top:70px;left:0;z-index:980;width:100%;transition:all 0.3s ease-in-out;transform:rotateX(90deg);transform-origin:top}

.prcon-top.head-pro.active{opacity:1;transform:rotateX(0deg)}

@media(max-width:768px) {
	.pro-list-thermoforming-wrapper{padding:30px 0;}
	.product-crimp .t1,.product-series .t1{font-size: 24px;line-height: 28px;}
	
    .prcon-top .box{flex-wrap:wrap}
    .prcon-top .box a{font-size:16px;line-height:46px;flex:0 0 50%;margin-right:0;text-align:center}
    .prcon-top.head-pro{top:50px}
    .prcon-top .box a:hover::before,.prcon-top .box a.active::before{width:0}
    .prcon-top.head-pro.active{opacity:0}
}

.history-mode1{padding-top:50px}
.history-mode1 .container .mode1-left .t1{font-size: 50px;margin-top: 10px;line-height:3rem;}
.history-mode1 .t2{font-size: 20px;color: black;}
.history-mode1 .container{display: flex;justify-content: space-between;padding: 60px 15px;}
.history-mode1 .container .mode1-left{width: 38%;position: relative;}
.history-mode1 .container .mode1-left::after{content: "";width:2px;height:100%;background-color:red;position: absolute;right:0;top:0;}
.history-mode1 .container .mode1-right{width: 55%;}
.history-mode1 .container .mode1-right .t2{width:80%;}
.history-mode1 .container .mode1-right .msg{margin-top:40px;}
.history-mode1 .container .mode1-right .msg:last-child{margin-top: 20px;}
.history-mode1 .more{margin-top: 60px;}
.history-mode1 .more .more-box{padding:10px 20px;}
.history-mode1 .more .more-box::after{content:'';height: 44px}
.history-mode2 .container{padding: 0;;}
.history-mode2 .container .mode1-top{display: flex;flex-wrap: wrap;margin-left: 10px;}
.history-mode2 .container .more{margin:0;margin-right:30px;margin-top:20px;}
@media (max-width:991.98px){
	.history-mode1 .container{padding:30px 15px;flex-direction:column;}
	.history-mode1 .container .mode1-left{width: 100%;}
	.history-mode1 .container .mode1-left::after{display: none;}
	.history-mode1 .container .mode1-right{width:100%;margin-top: 20px;}
	.history-mode1 .container .mode1-left .t1{font-size: 32px;line-height: 36px;}
}

/* .line-swiper{background: url(../../images/history-bg_04.webp) center;background-size:100% 100%;}
html,body {position: relative;height: 100%;}
.line-swiper .container{display:flex;justify-content:space-between;padding: 100px 15px;}
.line-swiper .swiper{width:100%;height:100%;}
.line-swiper .swiper{width:100%;height:500px;margin-left:auto;margin-right:auto;}
.line-swiper .swiper-slide{background-size:cover;background-position:center;}
.line-swiper .mySwiper2{width:65%;position:relative;}
.line-swiper .swiper-button-next,.line-swiper .swiper-button-prev{top:98%;}
.line-swiper .swiper-button-prev{left: 43%;}
.line-swiper .swiper-button-next{right:43%;}
.line-swiper .swiper-pagination-bullet{border-radius:0;height:2px;}
.line-swiper .swiper-button-next:after,.line-swiper .swiper-button-prev:after{font-family:"CmsFont";font-size:18px;color:#47a0ab;font-weight:600;}
.line-swiper .swiper-button-next:after{content: "\f078";}
.line-swiper .swiper-button-prev:after{content: "\f077";}
.line-swiper .swiper-button-prev:after.active{color: #007cc2;}
.line-swiper .mySwiper{box-sizing:border-box;padding:10px 0;width:35%;}
.line-swiper .mySwiper .swiper-slide{opacity:1;}
.line-swiper .mySwiper .swiper-slide .t1{font-size: 150px;text-align:center;font-family: 'Arial';line-height:150px;color:#dadada;}
.line-swiper .mySwiper .swiper-slide-thumb-active{opacity:1;}
.line-swiper .mySwiper .swiper-slide-thumb-active .t1{color:#47a0ab;}
.line-swiper .mySwiper2 .swiper-slide .t2{font-size:50px;line-height:100px;color:black;}
.line-swiper .mySwiper2 .swiper-images{display:flex;margin-top:20px;}
.line-swiper .mySwiper2 .swiper-images .swiper-img{margin-right:10px;}
.line-swiper .mySwiper2 .swiper-images .swiper-img{overflow:hidden;transition:all .5s;}
.line-swiper .mySwiper2 .swiper-images .swiper-img:hover img{transform: scale(1.1);transition: all .5s;}

@media (max-width:991.98px){
	.line-swiper .container{padding:15px;}
	.line-swiper .mySwiper .swiper-slide .t1{font-size: 40px;line-height: 40px;}
} */

.machine-history-wrapper{padding:60px 0;}
@media (max-width:991.98px){
	.machine-history-wrapper{padding:30px 0;}
}
.line-swiper1{background: url(../../images/machine-history-bg.webp) no-repeat top center / auto;padding-bottom:0px;position: relative;padding:100px 0;overflow: hidden;}
.swiper-backface-hidden .swiper-slide .msg{color:black;font-weight:700;}
.line-swiper1 .mySwiper{margin-top:100px;}
.line-swiper1 .t1{color:white;font-size:36px;}
.line-swiper1 .t2{font-size:28px;color: #47a0ab;margin-top:10px;}
.line-swiper1 .mySwiper .swiper-boxs{margin-top:40px;display:flex;justify-content:space-between;}
.line-swiper1 .mySwiper .swiper-boxs .swiper-box{width:100%;}
.line-swiper1 .mySwiper .swiper-boxs .txt{font-size:22px;text-align:center;color:white;padding:40px 0;background-color:#47a0ab;}
.line-swiper1 .swiper-button-next,.line-swiper1 .swiper-button-prev{top: 70%;}
.line-swiper1 .swiper-button-next{right:-5%;}
.line-swiper1 .swiper-button-prev{left:-5%;}
.line-swiper1 .swiper-button-next:after{content:"";width:0;height:0;border:10px solid red;border-color: transparent transparent transparent #47a0ab;margin-left: 12px;}
.line-swiper1 .swiper-button-prev:after{content:"";width:0;height:0;border:10px solid red;border-color: transparent #47a0ab transparent transparent;margin-right:12px;}
.line-swiper1 .swiper-button-prev,.line-swiper1 .swiper-button-next{border:1px dashed #47a0ab;border-radius:100%;padding:20px 20px;}
.swiper-backface-hidden .swiper-slide .msg{color:white;}
.line-swiper1 .swiper-slide-thumb-active .msg{color:#47a0ab;}
.line-swiper1 .mySwiper .msg{text-decoration:underline;}
.line-swiper1 .mySwiper .msg:hover{cursor: pointer;}

.line-swiper1-top{display: flex;justify-content:space-between;}
.line-swiper1-top .item{color:#fff;font-weight:bold;cursor:pointer;position:relative;padding:10px;}
.line-swiper1-top .item.active{background-color:#47a0ab;color:#fff;}

.machine-wrapper{padding:85px 0;}
.machine-wrapper .item{display:none;position:relative;}
.machine-wrapper .item.active{display:block;}
@media(max-width:1480px) {
	.line-swiper1 .swiper-button-next{right:1%;}
	.line-swiper1 .swiper-button-prev{left:1%;}
}
@media (max-width:991.98px){
	.line-swiper1{padding:30px 0;}
	.line-swiper1 .t1{font-size: 26px;line-height: 32px;}
	.line-swiper1 .t2{font-size: 18px;line-height: 24px;}
	.line-swiper1-top{fle: lh;x-wrap: wrap;flex-direction:column;}
	.machine-wrapper{padding:30px 0;}
	
	.pro-list-cup-wrapper{padding: 30px 0;}
	.product-cup .t1{font-size: 24px;line-height: 32px;}
	.product-cup .mode1 .container{flex-direction:column;}
	.product-cup .mode1 .mode1-left{width: 100%;}
	.product-cup .mode1 .mode1-left .t1{font-size: 24px;line-height: 32px;}
	.product-cup .mode1 .mode1-right{width: 100%;}
	.product-cup>.mode4 .container{display: none;}
	.product-cup .mode5 .container{padding:30px 0;}
	.product-cup .mode5 .mode5-top{flex-direction:column;}
	.product-cup .mode5 .mode5-top .mode5-top-left{width: 100%;}
	.product-cup .mode5 .mode5-top .mode5-top-right{width: 100%;}
	.product-cup .mode5 .mode5-top .mode5-top-left .t1{font-size: 24px;line-height: 28px;}
	.product-cup .mode5 .mode5-bottom{flex-direction:column;}
	.product-cup .mode5 .mode5-bottom .mode5-box{width: 100%;}
	.product-cup .mode6 .container{flex-direction: column-reverse;}
	.product-cup .mode6 .container .mode6-left{width: 100%;}
	.product-cup .mode6 .container .mode6-left .logo{margin-top: 30px;}
	.pro-list-cup-wrapper .mode7 .container{flex-direction: column-reverse;}
	.pro-list-cup-wrapper .mode7 .container .mode7-right-content .box{margin-top: 30px;width: 100%;}
	.pro-list-cup-wrapper .mode7 .container .mode7-left-content,.pro-list-cup-wrapper .mode7 .container .mode7-right-content{width: 100%;}
	.pro-list-cup-wrapper .mode7 .faq-item .title-q{height: auto;margin:10px 0;}
	
	.pro-list-crimp-wrapper{padding:30px 0;}
	.product-crimp{padding:30px 0;}
	.product-crimp .mode5{padding:30px 0;}
	.product-crimp .mode5 .t1{font-size: 24px;line-height: 32px;}
	.product-crimp .mode5 .mode5-bottom{margin-top: 0px;flex-direction: column-reverse;}
	.product-crimp .mode5 .mode5-bottom .mode5-left{width:100%;}
	.product-crimp .mode5 .mode5-bottom .mode5-right{width: 100%;display:none;}
	.product-crimp .mode5 .mode5-bottom .mode5-left .mode5-left-content .mode5-boxs{width: 100%;padding:0 15px;text-align: center;}
	.product-crimp .mode6 .container{flex-direction: column;padding:30px 15px;}
	.product-crimp .mode6 .container .mode6-left{width: 100%;}
	.product-crimp .mode6 .container .mode6-right{width: 100%;order:-1;}
	.product-crimp .mode6 .container .mode6-right .logo{margin-top: 30px;}
	.product-crimp .mode6 .container .mode6-right .t1{font-size: 24px;margin-top: 10px;line-height: 32px;}
	.product-crimp .mode7 .container{flex-direction:column-reverse;}
	.product-crimp .mode7 .container .mode7-left{width: 100%;}
	.product-crimp .mode7 .container .mode7-right{width: 100%;}
	.product-crimp .mode8 .container{flex-direction: column-reverse;padding: 0 15px;}
	.product-crimp .mode8 .container .mode8-right-content .box{margin-top: 30px;width: 100%;}
	.product-crimp .mode8 .container .mode8-left-content,.product-crimp .mode8 .container .mode8-right-content{width: 100%;}
	.product-crimp .mode8 .faq-item .title-q{height: auto;margin:10px 0;}
}

.left-nav p .active{color:var(--public-color);}
.left-nav p .active:before{content: ">>";display: inline-block;margin-right: 5px;color: var(--public-color);}
.left-nav p:hover .active:before{content: ""; margin-right: 0px;}
.left-t1{font-size:36px;line-height:50px;color:#24292f;margin-bottom:30px;}
.left-nav{padding:25px 15px;box-shadow:5px 2px 10px rgba(0, 0, 0, 0.1);border-top:4px solid var(--public-color);margin-bottom: 20px;}
.left-t2{font-size:16px;line-height:24px;font-weight:bold;margin-bottom:20px;}
.left-nav p{font-size:16px;line-height:30px;margin-bottom:8px;}
.left-nav p:hover:before{content:">>";display:inline-block;margin-right:5px;color:var(--public-color);}
@media(max-width:1400px) {
    .left-t1{font-size:28px;}
}
@media(max-width:768px) {
.left-t1{font-size:24px;line-height:28px;margin-bottom:20px;}
}

/* 浮窗 */
#float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:var(--public-color);transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent}
@media (min-width:1px) and (max-width:991px){
	#float .ico{width:40px;height:40px}
	#float .ico>i{font-size:22px;line-height:40px}
	#float .ico>.img{right:40px}
	#float .ico p{line-height:40px;padding:0 15px;height:40px}
	#float.hide{transform:translateX(40px)}
	#float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}


/*cookies板式二*/
.google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{max-width:1400px; display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies .left{width:70%;}
.google-cookies .right{text-align:center;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-top:0}

@media(max-width:768px) {
  .google-cookies{padding:0;bottom:0;}
  .google-cookies .container-xl{border-radius:0;padding:10px;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;}
  .google-cookies .right{width:100%;text-align:left;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;}
}

.swiper-container{
--swiper-theme-color:#999;
--swiper-pagination-color:var(--public-color);
}
/*分页*/
.page-link{padding:.5rem 0.875rem}
.page-item.active .page-link{color:#fff;background-color:#25406f;border-color:#25406f;cursor:pointer}
/*留言*/
.contact-wrapper .feedback-box .form-control{padding-top:13px;padding-bottom:13px;color:#fff;margin-bottom:0px;background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.4)}
.contact-wrapper .feedback-box .form-control::-webkit-input-placeholder{color:#fff}
.contact-wrapper .feedback-box .form-feedback .btn{padding-top:15px;padding-bottom:15px;font-size:16px;background:var(--public-color)}
.contact-wrapper .feedback-box .form-feedback .btn:hover{background:#003b66;color:#fff}
.contact-wrapper .feedback-box .form-feedback.was-validated .form-control:invalid,.contact-wrapper .feedback-box .form-feedback.was-validated .form-control.is-invalid{border-color:#f5543f;padding-right:calc(1.5em+0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em+0.1875rem) center;background-size:calc(0.75em+0.375rem) calc(0.75em+0.375rem)}
.form-feedback .form-control{background:#fafafa;color:#9396a2;font-size:16px;border-radius:10px;overflow:hidden;border:1px solid #cecccc;padding:20px 18px}
.form-feedback .form-control::-webkit-input-placeholder{color:#9396a2}
.form-feedback .btn{color:#fff;background:var(--public-color);border-radius:10px;font-size:18px;line-height:22px;padding-top:11px;padding-bottom:11px}
.form-feedback .btn:hover{background:#003b66;color:#fff}
@media(max-width:768px){.form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
.form-feedback .btn{padding-top:10px;padding-bottom:10px}
.contact-wrapper .feedback-box .form-control{margin-bottom:0}
}.form-row>.col,.form-row>[class*="col-"]{padding:0 15px}
.form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s}
/*搜索*/
.pro-search .search-group{width:100%;background:#fff;border:0;border-bottom:1px solid #dddddd;border-radius:0}
.pro-search .search-group .form-control{font-size:18px;color:#333;padding-left:0}
.pro-search .search-group .form-control::-webkit-input-placeholder{color:#666;font-size:18px;font-weight:500}
.search-group{width:200px;height:45px;background:#f7f7f7;overflow:hidden;border:1px solid #f7f7f7;border-radius:10px}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:45px}
.search-group .form-control::-webkit-input-placeholder{color:#5c5352}
.search-group .btn{border-radius:0px;height:45px;width:45px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:var(--public-color);font-size:1.3rem}
.search-group .btn:hover{background-color:var(--public-color);transition:.6s all}
.search-group .btn:hover i{color:#fff}
/*#表格*/
.table{overflow-x:auto;word-break: break-all;}
.table-wrapper table th,.table-wrapper table td{padding:15px 5px;vertical-align:middle;font-size:14px;border:1px solid #dee2e6;text-align:center}
.table-wrapper table tbody tr:nth-of-type(even){background-color:rgba(229, 237, 244, 1.0)}
.table-wrapper table tbody tr:hover{background-color:rgba(229, 237, 244, .6);color:#555}
.table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
@media(max-width:768px){.table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:575.98px){.table-wrapper-sm table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media(max-width:768px){.table-wrapper-md table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:991.98px){.table-res-lg table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:1500.98px){.table-wrapper-xl table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
.content-wrapper tbody th{color:#2980c7}
/*#弹出留言表单*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)}
.reveal-modal{visibility:hidden;top:250px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
@media(max-width:768px){.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px}
}.feedpc{position:fixed;right:0px;top:60%;cursor:pointer;z-index:70}
.feedpc .feed{display:flex;align-items:center}
.feedpc .feed .img{z-index:60;margin-right:-20px}
.feedpc .feed p{background:#414141;height:50px;font-size:18px;font-weight:bold;color:#fff;text-align:center;line-height:50px;padding:0 15px 0 25px}
@media(max-width:768px){.feedpc .feed .img{margin-right:0px}
.feedpc .feed .img img{width:50px;height:50px}
.feedpc .feed p{display:none}
.totop{z-index:10}
}

.a-proindex-fl{padding-top:80px;}
.a-proindex-fl .container-xl{}
.a-proindex-fl .item-box{background:#eff5f6;width:100%;padding:40px 45px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.a-proindex-fl .item-box .text{width:48%;}
.a-proindex-fl .item-box .img{width:48%;}
.a-proindex-fl .item-box .text-title{font-size:24px;font-weight:bold;color:#3b929d;}
.a-proindex-fl .item-box .text-adv{font-size:18px;line-height:32px;padding:30px 0}
.a-proindex-fl .item-box .text-adv p::before{content:'⊙';color:var(--public-color);margin-right:5px}

@media(max-width:768px){
	.home-link .link-box{display:flex;justify-content:space-between;position:relative;margin-bottom:5px;}
	.home-link .link-box .img{width:48%;}
	.home-about{padding:0 0 40px;}
	.home-about .title{font-size:20px;line-height:26px;text-align:left;}
	.a-proindex-fl{padding-top:40px;}
	.product-crimp .mode4 .mode4-bottom .mode4-box{width:100%;}
	.pro-content .product-crimp .mode4 .mode4-bottom .mode4-box{width:100%;}
	.a-proindex-fl .item-box{padding:20px 15px;}
	.a-proindex-fl .item-box .text-title{font-size:20px;}
	.a-proindex-fl .item-box .text-adv{font-size:14px;line-height:22px;}
	.a-proindex-fl .item-box .text{width:100%;}
	.a-proindex-fl .item-box .img{width:100%;}
	.product-cup .mode1{margin-bottom:0;}
	.product-cup .mode1 .mode1-left .msg{padding:20px 0 20px 15px;width:100%;}
	.product-cup .mode1 .mode1-right .right-img .mode1-bottom{top:inherit;left:inherit;}
	.product-crimp{padding:0;}
	.footer-main.main1 .footer-contact-list{flex-wrap:wrap;}
	.product-cup .mode1 .mode1-right .right-img{display:flex;justify-content:center;align-items:center;}
	.footer-main.main1 .footer-contact-list .item{width:100%;}
	.product-crimp .mode6 .container .mode6-left .img-box{display:block;overflow:inherit;}
	.product-cup .mode5 .mode5-bottom .mode5-box .mode5-box-top .msg{height:auto;-webkit-line-clamp: 5;}
	.product-cup .mode5 .mode5-top .mode5-top-right{margin-bottom:-60px;padding:15px 10px 0;}
	.pro-content .mode1 .mode1-bottom .mode1-box-left .msg{width:100%;margin-top:20px;}
	.pro-item .imgs .imgs-item .imgs-txt{padding:15px 0;}
	.news-list-nr .grid .item{padding:0;}
	.news-list-nr .grid{gap: 15px 15px;}
	.news-list-nr .grid .box-bottom{padding:0;}
	.news-list-nr .grid .box-bottom .t2{font-size:16px;}
	.news-content .news-cry-grid{padding:20px 0;}
	.news-content .news-cry-grid .content h2{font-size:18px;}
	.product-crimp .mode6 .container .mode6-left .img-box .box-skip{z-index:1;border:0; position:relative;top:inherit;right:inherit;width:100%;display:block;padding:10px 0;color:#333;background:#fff;}
}

/* 格子 */
.grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr);gap:var(--bs-gap,1.5rem)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}}
@media(max-width:768px){.grid{gap:var(--bs-gap,0.5rem)}}


.footer-bottom a{color: rgba(255, 255, 255, .2);}


/* line */
.banner_txt_2 .t1{color:#3a4547;}
.banner_swiper .banner_content .banner_txt_2 .t1{margin-bottom:0;width:85%;font-size:40px;line-height:48px;}
.banner_swiper .banner_content:nth-child(2){top:56%;}

.banner_swiper .banner_content .banner_txt_2 .tips{width:62%;margin-top:45px;}
.banner_swiper .banner_content .banner_txt_2 .tip{color:#5c5c5c;font-family:'Poppins';font-size:18px;position:relative;padding-left:35px;margin-top:10px;}
.banner_swiper .banner_content .banner_txt_2 .tip::before{content:"";width:24px;height:22px;position:absolute;left:0;top:0;
background:url(../../images/banner_txt_2_icon.webp) no-repeat;display:block;}
.banner_swiper .banner_content .banner_txt_2 .banner_more{margin-top:50px;margin-left:40px;}

.swiper_pagination_box .swiper-slide.swiper-slide-thumb-active{color:var(--public-color);border-color:var(--public-color);}
.swiper_pagination_box .swiper-slide{border-bottom:1px solid rgba(59,169,179,.3);color:rgba(59,169,179,.3);}

.home-app .text-box .text .app-morelist .item .item-img{text-align:center;}
.home-app .text-box .text .app-morelist .item.active .item-img{text-align:center;}
.home-app .text-box .text .app-morelist .item.active .item-text{color:#fff;text-align:center;}
.home-app .text-box .text .app-morelist .item .item-text{text-align:center;}

.home-link .swiper-button-next, .home-link .swiper-button-prev{display:none;}
.home-link .swiper_link .swiper-slide img:nth-child(2){margin-top:15px;}


/* 新增部分 */
.glance{padding:0 0 60px 0;}
.glance .t1{font-weight:bold;font-size:36px;line-height:42px;}
.glance .glance-bottom{margin-top:30px;position:relative;}

.glance .swiper-button-next,.glance .swiper-button-prev{width:42px;height:42px;background-color:rgba(82,162,174,.3);font-size:16px;color:#fff;border-radius:50%;}
.glance .swiper-button-next::after,.glance .swiper-button-prev::after{display:none;}

@media (max-width:768px) {
	.glance{padding:0 0 50px 0;}
	.glance .t1{font-size:24px;line-height:32px;}
	.glance .glance-bottom{margin-top:20px;}
}

.app-index-list .text1{margin-top:30px;}
.app-index-list .text1 .title{font-size:24px;line-height:32px;font-weight:500;}
.app-index-list .text1 .more-kd{margin-top:20px !important;}


.line-swiper1 .item.active .swiper-slide .swiper-box-bottom{display:none;}
.line-swiper1 .item.active .swiper-slide:nth-child(1) .swiper-box-bottom{position:absolute;left:0;bottom:0;width:100%;display:block;}
.line-swiper1 .mySwiper{padding:90px;background-color:#fff;}
.line-swiper1 .mySwiper .swiper-wrapper{display:flex;justify-content:center;align-items:center;}
.line-swiper1 .mySwiper .swiper-boxs .txt{padding:20px 0;}
.line-swiper1 .mySwiper .swiper-slide{margin-left:-100px;box-shadow:0 2px 10px 1px rgba(0, 0, 0, 0.1);border-radius:5px;filter: grayscale(1);}
.line-swiper1 .mySwiper .swiper-slide-active{margin-left:0;border:3px solid var(--public-color);z-index:100;width:450px !important;height:auto;filter:grayscale(0);}
.line-swiper1 .mySwiper .swiper-slide-next{transform:scale(1.2);z-index:99;margin-left:-120px;}
.line-swiper1 .mySwiper .swiper-slide:nth-child(3){transform:scale(1);z-index:98;margin-left:-140px;}
.line-swiper1 .mySwiper .swiper-slide:nth-child(4){transform:scale(.8);z-index:97;margin-left:-160px;}
.line-swiper1 .mySwiper .swiper-slide:nth-child(5){transform:scale(.7);z-index:96;margin-left:-180px;}
.line-swiper1 .mySwiper .swiper-slide:nth-child(6){transform:scale(.6);z-index:95;margin-left:-200px;}

.line-swiper1 .mySwiper .swiper-boxs{margin-top:0;}

@media (max-width:768px) {
	.line-swiper1 .mySwiper{padding:0;margin-top:30px;}

	.line-swiper1 .mySwiper .swiper-wrapper{display:flex;justify-content:normal;}
	.line-swiper1 .mySwiper .swiper-slide-active{width:100% !important;}
	.line-swiper1 .mySwiper .swiper-slide-next,.line-swiper1 .mySwiper .swiper-slide:nth-child(3),
	.line-swiper1 .mySwiper .swiper-slide:nth-child(4),.line-swiper1 .mySwiper .swiper-slide:nth-child(5),
	.line-swiper1 .mySwiper .swiper-slide:nth-child(6){margin-left:0;transform:scale(1);}
	.line-swiper1 .mySwiper .swiper-slide{margin-left:0;}
	.line-swiper1 .item.active .swiper-slide .swiper-box-bottom{position:absolute;left:0;bottom:0;width:100%;display:block;}
	.machine-wrapper,.line-swiper1{padding-bottom:0;}
}

.max-1630{max-width:1630px;padding:0 15px;}
.line-swiper{padding:140px 0;background-color:#f8f8f8;}

.line-swiper .swiper-slide{display:flex;padding:0 80px;justify-content:space-between;position:relative;}

.line-swiper .box .title{font-size:36px;line-height:42px;color:#59a9b3;font-weight:600;}
.line-swiper .box .msg{font-size:15px;line-height:24px;color:#000;font-weight:400;}
.line-swiper .box .img{display:flex;}
.line-swiper .box .img div{width:50%;height:auto;}

.line-swiper .mySwiper{background:url(../../images/history-bg.webp)no-repeat;background-size:100% 100%;height:800px;border-radius:5px;
box-shadow:0 0 10px rgba(0,0,0,.1);}
.line-swiper .swiper-slide{position:relative;height:800px;}

.line-swiper .swiper-slide .box{position:absolute;bottom:0;padding-left:25px;height:378px;width:17%;}
.line-swiper .swiper-slide .box::before{content:"";width:18px;height:373px;background:url(../../images/history-icon.webp)no-repeat;background-size:100% 100%;
position:absolute;left:0px;top:12px;}

.line-swiper .swiper-slide .box:nth-child(1){left:5%;bottom:10%;}
.line-swiper .swiper-slide .box:nth-child(2){left:23%;bottom:18.5%;}
.line-swiper .swiper-slide .box:nth-child(3){left:41%;bottom:27%;}
.line-swiper .swiper-slide .box:nth-child(4){left:59%;bottom:36%;}
.line-swiper .swiper-slide .box:nth-child(5){left:77%;bottom:44%;}

.line-swiper .swiper-button-prev{left:86%;bottom:10%;width:68px;top:auto;}
.line-swiper .swiper-button-next{left:92%;bottom:10%;width:68px;top:auto;}
.line-swiper .swiper-button-prev::after{content:"";width:68px;height:68px;background:url(../../images/history-btn1.webp)no-repeat;background-size:100%;}
.line-swiper .swiper-button-next::after{content:"";width:68px;height:68px;background:url(../../images/history-btn2.webp)no-repeat;background-size:100%;}

@media (max-width:768px) {
	.line-swiper{padding:30px 0;}
	.line-swiper .mySwiper{height:auto;}
	.line-swiper .swiper-slide{height:auto;padding:0;}
	.line-swiper .swiper-slide .box{position:static;width:100%;}
	.line-swiper .swiper-button-next,.line-swiper .swiper-button-prev{width:34px;height:34px;}
	.line-swiper .swiper-button-next:after,.line-swiper .swiper-button-prev:after{width:34px;height:34px;}
	.line-swiper .swiper-button-prev{left:75%;bottom:3%;}
	.line-swiper .swiper-button-next{bottom:3%;left:88%;}
	.line-swiper .mySwiper{background:#fff;}
	.line-swiper .box .img{margin-top:20px;}
}

.home-pro-new{background:#f2f2f2;padding:60px 0;}
.home-pro-new .nav-tabs{border-bottom:0;justify-content:center;}
.home-pro-new .nav-tabs .nav-item{margin:0 5px;}
.home-pro-new .nav-tabs .nav-link{border:0;padding:12px 40px;background:#000;font-size:18px;color:#fff;line-height:40px;border-radius:15px 0 15px 0;position:relative;}
.home-pro-new .nav-tabs .nav-item.active .nav-link{background:#59a9b3;}
.home-pro-new .nav-tabs .nav-item.active .nav-link::after{
    z-index: 10;
    content: "";
    border-top: 14px solid #59a9b3;
    border-right: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
    position: absolute;
    bottom: -24px;
    left: calc(50% - 14px);
  }

.home-pro-new .tab-content{padding:70px;background:#fff;border-radius:20px;overflow:hidden;margin-top:30px;box-shadow:5px 0 10px rgba(0, 0, 0, 0.1);}
.home-pro-new .tab-content .img{display:flex;justify-content:center;align-items:center;height:350px;overflow:hidden;margin-bottom:40px;}
.home-pro-new .tab-content .text-box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.home-pro-new .tab-content .text-box .left{width:55%;}
.home-pro-new .tab-content .text-box .right{width:40%;display:flex;justify-content:space-between;}
.home-pro-new .tab-content .text-box .left .t1{font-size:36px;font-weight:bold;margin-bottom:20px;}
.home-pro-new .tab-content .text-box .left .t2{font-size:18px;line-height:30px;}
.home-pro-new .tab-content .text-box .left .t2 p{position:relative;}
.home-pro-new .tab-content .text-box .left .t2 p:before{content:"";width:16px;height:16px;background:url(../../images/hmpro-jt.webp) no-repeat center;display:inline-block;margin-right:8px;}
.home-pro-new .tab-content .text-box .left .hmpro-more{margin-top:18px;color:#59a9b3;margin-top:25px;font-weight:bold;}
.home-pro-new .tab-content .text-box .left .hmpro-more:hover{text-decoration:underline;}
.home-pro-new .tab-content .text-box .right .item-small-img{width:30%;}
.home-pro-new .tab-content .text-box .right img{border-radius:20px;overflow:hidden;}


.mode7-new{padding:40px 0 0;}
.mode7-new .box{display:flex;align-items:center;justify-content:space-between;}
.mode7-new .box .left{width:50%;}
.mode7-new .box .left .t2{color: #59a9b3;}
.mode7-new .box .more-kd{margin:0;}
.mode7-new .tab-box{display:flex;justify-content:space-between;margin-top:40px;}
.mode7-new .tab-box .nav{width:55%;display:block;border:none;}
.mode7-new .tab-box .tab-content{width:43%;box-shadow:11px 0 21px rgba(0, 0, 0, 0.1);padding:50px;}
.mode7-new .tab-box .nav-tabs .nav-item{margin:0;}
.mode7-new .tab-box .nav-tabs .nav-link{border:0;padding:20px 30px 20px 0;font-size:18px;line-height:26px;border-bottom:1px dashed #ebebeb;position:relative;}
.mode7-new .tab-box .nav-tabs .nav-link:after{content:"\f078";font-family:cmsfont;color:#333;text-align:center;font-size:14px; line-height:28px; width:28px;height:28px;background:#f4f4f4;border-radius:50%;position:absolute;right:0;top:20px;}
.mode7-new .tab-box .nav-tabs .nav-link.active{border-bottom:1px solid #af231d;margin-top:0;color:#af231d}
.mode7-new .tab-box .nav-tabs .nav-link:hover{color:#af231d;}
.mode7-new .tab-box .nav-tabs .nav-link.active:after{content:"\f054";background:#af231d;color:#fff;}

.home-app-new{padding:100px 0;}
.home-app-new .text-box{display:flex;justify-content:space-between;}
.home-app-new .text-box .text{width:45%;}
.home-app-new .text-box .img{width:50%;}
.home-app-new .text-box .subtitle{margin-top:30px;margin-bottom:40px;}
.home-app-new .app-morelist{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px;}
.home-app-new .app-morelist .item{width:30%;text-align:center;margin-bottom:40px;}
.home-app-new .app-morelist .item.active .item-img img{filter: invert(59%) sepia(44%) saturate(392%) hue-rotate(138deg) brightness(94%) contrast(91%);}
.home-app-new .app-morelist .item .item-text{margin-top:10px;}
.home-app-new .more-kd{margin:0;}
.home-app-new .img .item{display:none;}
.home-app-new .img .item.active{display:block;}

.home-news-ex{background:#eef6f7;padding:80px 0;}
.home-news-ex .container-xl{display:flex;justify-content:space-between;position:relative;z-index:1;}
.home-news-ex .container-xl .ex-box{width:60%;}
.home-news-ex .container-xl .ex-box .ex-items{display:flex;justify-content:space-between;}
.home-news-ex .container-xl .ex-box .ex-items .item{width:48%;box-shadow:20px 0 56px rgba(82, 162, 174, 0.1);background:#fff;}
.home-news-ex .container-xl .ex-box .ex-items .item .text{padding:40px 20px;}
.home-news-ex .container-xl .ex-box .ex-items .item .text time{display:block;font-size:16px;color:#999999;margin-bottom:20px;}
.home-news-ex .container-xl .ex-box .ex-items .item .text .title-a{font-size:24px;line-height:30px;font-weight:bold;}
.home-news-ex .container-xl .new-box{width:35%;}
.home-news-ex .container-xl .new-box .item{background:#fff;box-shadow:0px 0 20px rgba(82, 162, 174, 0.15);margin-bottom:22px;padding:20px 20px;}
.home-news-ex .container-xl .new-box .item time{display:block;font-size:14px;color:#999999;}
.home-news-ex .container-xl .new-box .item .title-a{font-size:19px;line-height:24px;margin:2px 0;}
.home-news-ex .container-xl .new-box .item .desc{font-size:14px;line-height:20px;color:#999;}
.home-news-ex .container-xl .new-box .item:last-child{margin-bottom:0;}
.home-news-ex .ex-more{margin-bottom:50px;margin-top:10px;padding-left:100px;font-size:18px;color:#47a0ab;line-height:30px;}
.home-news-ex .ex-more a{color:#47a0ab;}
.home-news-ex .ex-more a:hover{text-decoration:underline;}
.home-news-ex .characters-before::before{left:0;}

.content-cost{background-color:#ffffff;padding:0;position:fixed;z-index:999;right:90px;bottom:135px;transition:all 0.5s;overflow:hidden;width:800px;padding:10px;display:none;}
.content-cost .tj-jt{position:absolute;bottom:20px;right:30px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.content-cost .tj-jt::before{content:'';width:12px;height:12px;border-top:2px solid #666;border-right:2px solid #666;transform:rotate(45deg);}
.content-cost p{font-size:13px;font-weight:400;line-height:27px;color:#000000;margin-right:10px}
.content-cost span{flex:1;display:block;text-align:center;font-size:15px;font-weight:500;line-height:27px;color:#000000;margin:0px 0;}
.content-cost input{flex:1;display:block;text-align:left;width:100%;background-color:#ffffff;border:solid 1px #dddddd;margin:8px 0}
.content-cost .jieguo{background-color:#ffffff;border:solid 1px #dddddd}
.content-cost.active{display:block;}

@media(max-width:768px){
  .content-cost{bottom:30px;right:55px}
}
.content-cost{box-shadow:4px 4px 8px 2px rgba(0,0,0,0.1);border-radius:20px;background-color:#ffffff;padding:40px}
.content-cost .form-feedback  .form-control{position:relative}
.content-cost .form-feedback .t5{position:absolute;background:#fff;position:absolute;z-index:1;top:0;left:20px;transform:translateY(-15%);font-size:16px;line-height:23px;color:#000000;padding:0 10px}
.content-cost .form-feedback .contact-textarea{padding:20px}
.content-cost .form-feedback .btn{background-color:var(--public-color);color: #fff; box-shadow:2px 2px 7px 1px rgba(0,160,233,0.28);padding-top:5px;padding-bottom:5px;font-size:16px}
.content-cost .form-feedback .btn:hover{background:#00b5ff}
.content-us{width:520px}
.content-us .us-he{font-size:20px;line-height:30px;color:#2c2c2c;margin:0 0 20px 0}

@media(max-width:768px){
.content-cost{padding:50px 20px 20px 20px;width:300px;height:auto;overflow-y:visible}
.content-cost .tj-jt{position:relative;bottom:0;right:20px;cursor:pointer;top:-20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.content-cost .tj-top .tj-right{font-size:18px;line-height:20px;color:#ffffff;padding:6px 20px;position:absolute;right:-25px;top:-60px}
.content-cost .tj-top .tj-t1{font-size:16px;line-height:16px}
.content-cost .form-feedback .form-control{font-size:12px;padding-bottom:5px;}
.content-cost.content-us{padding:30px 20px 20px 20px}
.content-cost.content-us .tj-jt{top:0}
.content-us .us-he{margin:10px 0;font-size:16px;line-height:22px}
.content-cost .form-feedback .t5{font-size:16px}
.content-cost .form-group{margin-bottom:10px}
}

.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}


.hero-section{width:100%;padding:80px 50px;background:#fff;color:#333;display:flex;justify-content:space-between;align-items:center;border-radius:8px;position:relative;overflow:hidden}
.hero-section .content{flex:1;max-width:550px;z-index:2}
.hero-section .h2{font-size:28px;margin:0;font-weight:700}
.hero-section .h1{font-size:42px;margin:10px 0 30px 0;color:#333;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px}
.hero-section p{font-size:16px;line-height:1.6;color:#333;margin-bottom:25px}
.hero-section .feature-list{list-style:none;padding:0;margin-bottom:40px}
.hero-section .feature-item{display:flex;align-items:center;margin-bottom:15px;font-size:16px;color:#333}
.hero-section .check-icon{width:22px;height:22px;background-color:rgba(77,194,204,0.2);border-radius:50%;margin-right:12px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px}
.hero-section .btn{display:inline-block;padding:15px 35px;background-color:#4dc2cc;color:#0d1b1e;text-decoration:none;font-weight:bold;border-radius:4px;transition:transform 0.2s,background-color 0.2s;text-transform:uppercase;letter-spacing:1px}
.hero-section .btn:hover{background-color:#3aaab4;transform:translateY(-2px)}
.hero-section .image-placeholder{flex:1;display:flex;justify-content:center;align-items:center;z-index:1}
.hero-section .book-mockup{max-width:600px;height:auto;background:rgba(255,255,255,0.05);border:1px dashed rgba(255,255,255,0.2);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;backdrop-filter:blur(5px)}
.hero-section .book-mockup span{color:#666;font-size:14px}
.hero-section .sidebar-tools{position:absolute;right:0;bottom:20px;display:flex;flex-direction:column;background-color:#428d96;padding:10px 5px}
.hero-section .tool-icon{width:30px;height:30px;margin:5px 0;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0.8}
.hero-section .tool-icon:hover{opacity:1}
.hero-section .img{box-shadow: 0 20px 40px rgba(193,193,193,0.5); border-radius: 4px;}

@media (max-width: 991.98px) {
  .hero-section{flex-direction:column;padding:40px 10px;max-width:100%;border-radius:0}
  .hero-section .content{max-width:100%;padding:0;margin-bottom:30px}
  .hero-section .h1{font-size:28px;margin:10px 0 20px 0}
  .hero-section .h2{font-size:20px}
  .hero-section .image-placeholder,.hero-section .book-mockup{width:100% !important;max-width:320px;height:auto;min-width:0;padding:0}
  .hero-section .image-placeholder{margin:0 auto 0 0;order:2}
  .hero-section .book-mockup{min-height:200px;height:280px;padding:10px;font-size:14px}
  .hero-section .book-mockup img,.hero-section .img{max-width:100%;height:auto}
  .hero-section .feature-list{margin-bottom:30px}
  .hero-section .btn{padding:12px 18px;font-size:14px;width:100%;text-align:center}
}

.z1-box li{margin: 5px 0;position: relative;padding-left: 23px;}
.z1-box li:before{content: "";width: 14px;height: 2px;background: #5aa8b4;display: inline-block;position: absolute;left: 0;top: 10px;}

.hero-section.z2{padding: 50px 0 100px;}
.hero-section.z2 .content{max-width: 660px;}
.hero-section.z2 .book-mockup{max-width: 660px;}

.z3-t1{font-size:40px;font-weight:700;line-height:42px;background-color:#fff;text-transform:uppercase;text-align: center;}
.z3-t1 span{color:var(--public-color)}
.z3-t2{font-size: 16px;text-align: center;margin: 15px auto 50px;width: 60%;}

.z4-box{}
.z4-box .z4-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.z4-box .z4-list .z4-item{width: 31%;position: relative;}
.z4-box .z4-list .z4-item .text{padding: 35px 20px 15px; position: absolute;left: 0;right: 0;bottom: 0;top: 0;opacity: 0;transition: all 0.5s; background: #fff;border-top: 4px solid #5aaab3;border-bottom:4px solid #5aaab3; }
.z4-box .z4-list .z4-item .text .z4-t1{font-size: 26px;font-weight: 700;}
.z4-box .z4-list .z4-item .text .z4-t2{font-size: 16px;line-height: 26px;color: #666;margin: 15px 0;}
.z4-box .z4-list .z4-item .text .z4-t3{background: #eff4f7;font-size: 16px;line-height: 26px;padding: 10px 20px;margin-bottom: 20px;}
.z4-box .z4-list .z4-item .text li{background: #59a9b4;padding: 7px 25px;color: #fff;font-size: 16px;font-weight: 600;margin-bottom: 11px;}
.z4-box .z4-list .z4-item .text li a{color: #fff;}
.z4-box .z4-list .z4-item .text li a:hover{text-decoration: underline;}
.z4-box .z4-list .z4-item .text .z4-more{display: flex;align-items: center;justify-content: center; width: 260px;margin: 30px auto 0;background: #000000;color: #fff;height: 48px;}
.z4-box .z4-list .z4-item .text .z4-more:hover{text-decoration: underline;}
.z4-box .z4-list .z4-item:hover .text{opacity: 1;}

.z5-box{margin: 70px 0;}
.z5-box .z5-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.z5-box .z5-list .z5-item{width: 24%;}
.z5-box .z5-list .z5-item .z5-t1{margin-top: 15px;text-align: center;}

.z6-box{margin: 70px 0;}
.z6-box .t1{font-weight: 700;font-size: 40px;margin-top: 10px;line-height:48px; }
.z6-box .quen-q{font-size: 18px;line-height: 28px;color: #666666;font-weight: 500;}
.z6-box .quen-a{line-height: 24px;margin-top: 0px;padding-bottom: 20px;}
.z6-box .quen-a p img{max-width: 100%;height: auto;}
.z6-box .quen-a p img:last-child{margin-right:0}
.z6-box .item{position: relative;padding-right: 30px;margin-bottom: 20px;padding-top: 20px;cursor: pointer;}
.z6-box .symbol{color:var(--public-color);display:flex;justify-content:center;align-items:center;font-size:18px;position: absolute;right: 0;}
.z6-box .minus{display:none}
.z6-box .plus{display:inline-block}
.z6-box .items + .items{border-top: 1px solid rgba(204, 204, 204, .5);}
.z6-box .items.active .zm-a{opacity:1}
.z6-box .items.active .minus{display:inline-block}
.z6-box .items.active .plus{display:none}
.z6-box .z6-nr{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;}
.z6-box .z6-nr .article{width: 54%;}
.z6-box .z6-nr .z6-feedback{width: 43%;padding: 35px;background: #fff;box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);} 


@media(max-width:768px){
	.hero-section.z2 .content{width: 100%;}
	.hero-section.z2 .book-mockup{width: 100%;margin: 0}
	.z3-t1{font-size:26px;line-height: 32px;}
	.z3-t2{font-size: 14px;line-height: 22px;width: 100%;margin-bottom: 35px;}
	.z4-box .z4-list .z4-item{width: 100%;margin-bottom: 15px;}
	.z4-box .z4-list .z4-item .text .z4-t1{font-size: 20px;}
	.z4-box .z4-list .z4-item .text .z4-t2{font-size: 14px;line-height: 22px;}
	.z4-box .z4-list .z4-item .text .z4-t3{font-size: 14px;line-height: 22px;padding: 10px;margin-bottom: 10px;}
	.z4-box .z4-list .z4-item .text{padding: 15px;}
	.z4-box .z4-list .z4-item .text .z4-more{margin-top: 5px;}
	.z5-box{margin: 20px 0;}
	.z5-box .z5-list .z5-item{width: 48%;margin-bottom: 15px;}
	.z6-box{margin: 20px 0;}
	.mode7-new.z6-box .box{flex-wrap: wrap;}
	.mode7-new.z6-box .box .left{width: 100%;}
	.z6-box .t1{font-size: 26px;line-height: 32px;margin-bottom: 10px;}
	.z6-box .z6-nr .article{width: 100%;}
	.z6-box .z6-nr .z6-feedback{width: 100%;padding: 10px;}
	.z6-box .item{margin-bottom: 10px;padding-top: 10px;}
}

.z7-dbtable{margin: 70px 0;}
.z7-dbtable .z7-t1{font-size: 36px;font-weight: bold;}
.z7-dbtable .z7-t2{font-size: 16px;line-height: 26px;color: #666;margin: 15px 0 40px}
.z7-dbtable .z7-table table tr:first-child{background: #000;color: #fff;}

.z8-box{margin: 70px 0 40px;}
.z8-box .z8-t1{font-size: 36px;font-weight: bold;}
.z8-box .z8-t2{font-size: 16px;line-height: 26px;color: #666;margin: 15px 0 40px}
.z8-box .z8-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.z8-box .z8-list .z8-item{width: 48%;margin-bottom: 30px;}
.z8-box .z8-list .z8-item ul{margin-top: 15px;margin-bottom: 8px;}
.z8-box .z8-list .z8-item ul li{font-size: 14px;color: #666;line-height: 22px;position: relative;padding-left: 23px;}
.z8-box .z8-list .z8-item ul li:before{content: "";width: 14px;height: 2px;background: #5aa8b4;display: inline-block;position: absolute;left: 0;top: 10px;}


@media(max-width:768px){
	.z7-dbtable{margin: 40px 0;}
	.z7-dbtable .z7-table table{display: block;}
	.z7-dbtable .z7-t1{font-size: 24px;}
	.z7-dbtable .z7-t2{font-size: 14px;line-height: 22px;margin-bottom: 25px;}

	.z8-box{margin: 40px 0 20px;}k
	.z8-box .z8-t1{font-size: 24px;}
	.z8-box .z8-t2{font-size: 14px;line-height: 22px;margin-bottom: 25px;}
	.z8-box .z8-list .z8-item{width: 100%;margin-bottom: 15px;background: #f7f7f7;padding: 15px;}
}

.z9-box{margin: 100px 0;}
.z9-flex{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.z9-flex .left{width: 48%;box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);}
.z9-flex .right{width: 48%;}
.z9-t1{font-size: 36px;font-weight: bold;}
.z9-nr{font-size: 16px;line-height: 24px;color: #666;margin-top: 30px;}
.z9-nr p{margin-bottom: 15px;}

.z9-cert{margin: 100px 0;}
.z9-t2{font-size: 36px;font-weight: bold;text-align: center;margin-bottom: 40px;}
.z9-cert .cert-item{box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);padding: 10px;margin-bottom: 15px;}

@media(max-width:768px){
	.z9-box{margin: 40px 0;}
	.z9-flex .left{width: 100%;}
	.z9-flex .right{width: 100%;margin-top: 30px;}
	.z9-t1{font-size: 26px;}
	.z9-nr{font-size: 14px;line-height: 22px;margin-top: 20px;}
	.z9-cert{margin: 40px 0;}
	.z9-t2{font-size: 24px;}
}