/*#region 通用*/
:root{
	--public-color:#234167;
	--public-sub-color:#0c9be9;
	--max:1430px;
}
body{color:#333;font-size:16px;line-height:24px;font-family:'Barlow',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}
.img-fluid {max-width: 100%;height: 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-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}
@media(max-width:768px){
	body{font-size:14px;line-height:20px;padding-top:50px}
	.container-xl.m-right{margin:0 auto;padding:0 15px}
	.container-xl.m-left{margin:0 auto;padding:0 15px}
}
/*#endregion*/

/* header */
.header-height{height:120px}
.header{z-index:999;width:100%;background:transparent;position:fixed;top:0;right:0;left:0;padding:20px 0;background-color:#fff}
.top-lang{margin-left:5px}
.top-lang .dropdown-menu{left:inherit;right:0}
.top-search-box{z-index:9;margin-left:10px;cursor:pointer;position: relative}
.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:var(--public-color)}
.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{padding:5px 0;}
.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 15px}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:var(--public-color);padding:0;height:70px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;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 ease-in-out}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.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:var(--public-color);font-weight:bold}
.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: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);animation:.6s ease-in-out 0s normal none 1 running fadeInDown;padding:0}
/* .nav-fixed .navbar-custom .navbar-nav .nav-link{color:#333} */
.nav-fixed .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color)}
/* .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}}

.header-box{height:150px;}
.header-box .header{background:#fff;margin:0 auto;padding:25px 0;}
.header-box .header.nav-fixed{padding:0}
.header-box .header .navbar-custom .navbar-nav .nav-link{color:#333}
.header-box .header .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color)}
.header-box .header .top-search-box .search-tb i{color:#333}
.header-box .dropdown.lang .dropdown-toggle{color:#000;}

/* 二级 */
.nav-item.pa .header-pa-nav{height:auto;padding:130px 0 50px;z-index:-1}
.header-pa-nav{background:#fff;position:fixed;top:0;left:0;right:0;height:0;padding:0px;transition:0.5s all;overflow:hidden}
.header-pa-nav .box{display:flex;justify-content:flex-end;width:100%}
.header-pa-nav .box .item{width:32%;margin-left:2%;position:relative}
.header-pa-nav .box .item .img{border-radius:40px 15px 40px 15px;overflow:hidden;margin-bottom:25px;background-color:rgb(231,234,241);}
.header-pa-nav .box .item .img img{mix-blend-mode: darken;}
.header-pa-nav .box .item .t1{font-size:22px;line-height:28px;font-weight: bold;margin-bottom:20px;color:var(--public-color);}
.header-pa-nav .box .item .t3{font-size:28px;line-height:32px;font-weight: bold;margin-bottom:20px;color:var(--public-color);}
.header-pa-nav .box .item a{color:#444}
.header-pa-nav .box .item a:hover{color:var(--public-sub-color)}
.header-pa-nav .box .item p{font-size:18px;line-height:32px;margin-bottom:15px;text-decoration:underline;width: 90%;position: relative;}
.header-pa-nav .box .item p:before{content:"\f061";font-family:cmsfont;color:var(--public-sub-color);display:inline-block;position: absolute;
    right: 0;}

.header.black .top-search-box .search-tb i{color:#333}


/*#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:30px;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.png) 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*/
/* more */
.more{padding:16px 60px;margin:0 auto;background-color:var(--public-sub-color);font-size:18px;line-height:32px;font-weight:700;color:#fff;border-radius:5px;text-transform:uppercase}
.more:hover{color:#fff;background-color:var(--public-color);transition:.6s ease-in-out}
.more-left{margin:0 auto 0 0;}
.more-right{margin:0 0 0 auto;}

@media(max-width:768px){.more{padding:10px 20px;font-size:14px}
}
/* banner */
.banner{max-width:1920px;margin:0 auto}
.banner .box1{display:flex;flex-direction:column;justify-content:center}
.banner .box1 .t1-box{background-color:rgba(12,155,233,0.6);width:100%;padding:80px 0;margin-top:10%;text-transform:uppercase}
.banner .box1 .t1-box .t1{font-size:48px;line-height:50px;font-weight:bold}
.banner .box1 .t2{font-size:17.5px;line-height:32px;color:#333;text-align:center;margin-top:40px}
.banner .box1 .t2 p{max-width:100%}
.banner .box1 .more{margin-top:30px;width:436px}
@media(max-width:1550px){.banner .box1 .t1-box{margin-top:4%}}
@media(max-width:1350px){.banner .box1 .t1-box{margin-top:2%}}
@media(max-width:768px){
	.header-height{height: auto;}
	.banner .box1 .t2{display: none;}
	.banner .box1 .t1-box{padding:20px 0;}
	.banner .box1 .t1-box .t1{font-size: 24px;line-height: 32px;}
	.banner .box1 .more{display: none;}
}

/*#展会信息*/
.zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;}
.zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;}
.zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;}
.zhbg .box .zh-t1{display:flex;margin-bottom:25px;}
.zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;}
.zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);}
.zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;}
.zhbg .box .place{font-size:16px;line-height:24px;}
.zhbg .box .place p{margin-bottom:10px;}
.zhbg .box .place p i{color:var(--public-color);min-width:22px;}
.zhbg .box .place p strong{color:var(--public-color);}
.zhbg.on{display:flex;}

.zhkz.on{display: block;}
.zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;cursor:pointer;z-index:99; }

@media(max-width:768px) {
    .zhbg .box{width:80%;padding:15px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}

.banner-lock{position:relative;margin-bottom:70px}
.banner-lock-text{height:100%;width:100%;position:absolute;bottom:0}
.banner-lock .container-xl{height:100%}
.banner-lock h1.title{font-size:56px;line-height:48px;max-width: 530px;}
.banner-lock .text{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:100px}
.banner-lock .breadcrumb{position:relative;margin:40px 0 0 40px;font-size:18px;line-height:40px;font-weight:500;align-self:self-start}
.banner-lock .breadcrumb::before{content:'';position:absolute;left:-40px;top:5px;width:30px;height:30px;display:inline-block;background:url(../../images/icon.png)}
.banner-lock .breadcrumb-item a{background:linear-gradient(to right,#fff,#fff) no-repeat bottom;background-size:0px 2px;color:var(--public-color)}
.banner-lock .breadcrumb-item a:hover{background-size:100% 2px;color:var(--public-color);transition:.6s}
.breadcrumb-item+.breadcrumb-item{padding-left:20px;color:var(--public-color)}
.breadcrumb-item+.breadcrumb-item::before{color:var(--public-sub-color);font-family:"CmsFont";content:'\f105';font-weight:bold;padding-right:20px}
@media(max-width:1750px){.banner-lock .text{margin:0 0 0 140px;padding-bottom:4%;}}

.banner-lock-nav{background-color:#f0f3f7;}
.banner-lock-nav .text{padding:10px 0;margin-bottom: 60px;}
.banner-lock-nav .breadcrumb{position:relative;margin:0 0 0 40px;font-size:18px;line-height:40px;font-weight:500;align-self:self-start}
.banner-lock-nav .breadcrumb::before{content:'';position:absolute;left:-40px;top:5px;width:30px;height:30px;display:inline-block;background:url(../../images/icon.png)}
.banner-lock-nav .breadcrumb-item a{background:linear-gradient(to right,#fff,#fff) no-repeat bottom;background-size:0px 2px;color:var(--public-color)}
.banner-lock-nav .breadcrumb-item a:hover{background-size:100% 2px;color:var(--public-color);transition:.6s}
@media (max-width:768px){
	.banner-lock{margin-bottom: 30px;}
	.banner-lock-text{position:relative;}
	.banner-lock h1.title{font-size: 24px;line-height: 32px;}
	.banner-lock h1.title::after{display: none;}
	.banner-lock .text{margin:0;padding-bottom: 0;}
	.banner-lock-nav .text{margin-bottom: 30px;}
	.banner-lock .breadcrumb::before,.banner-lock-nav .breadcrumb::before{left: -25px;width: 20px;height: 20px;background-size: contain;}
	.banner-lock .breadcrumb,.banner-lock-nav .breadcrumb{font-size: 14px;line-height: 28px;margin-left: 20px;margin:10px 0 0 20px;}
	.banner-lock-nav .breadcrumb{margin-top: 0;}
	.breadcrumb-item+.breadcrumb-item{padding-left: 5px;}
	.breadcrumb-item+.breadcrumb-item::before{padding-right: 5px;}
}


/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

/* 标题 */
.title{font-size: 36px;line-height: 42px;font-weight: bold;color:var(--public-color);}
.subtitle{font-size: 18px;line-height: 32px;color:#284270}
@media (max-width:768px){
	.title{font-size: 24px;line-height: 28px;font-weight: bold;color:var(--public-color);}
	.subtitle{font-size: 14px;line-height: 22px;color:#284270}
}
/* 子导航 */
.subnav{display:flex;flex-wrap:wrap;gap:10px}
.subnav .item{font-size:18px;min-width:240px;padding:16px 30px;font-weight:bold;color:#fff;background-color:rgba(12,155,233,0.1);color:var(--public-sub-color);text-align:center;position:relative;overflow:hidden}
.subnav .item span{display:inline;border-bottom:2px solid #fff}
.subnav .item:hover,.subnav .item.active{background-color:var(--public-sub-color);color:#fff;transition:.6s ease-in-out}
.subnav .item::before{content:'';position:absolute;bottom:0px;right:0px;background-color:var(--public-color);display:inline-block;width:24px;height:24px;transform:translate(50%,50%) rotate(45deg)}
@media (max-width:768px){
	.subnav .item{font-size: 14px;min-width: auto;padding: 10px 15px;}
}
/* deco-line 装饰线条 */
.deco-line{position:relative}
.deco-line::after{content:'';display:block;width:40px;height:4px;margin-top:20px;background:linear-gradient(to right,var(--public-sub-color) 50%,#000 50%)}
.deco-line.deco-center::after{margin:20px auto 0}
.deco-line.deco-fff::after{background:linear-gradient(to right,var(--public-sub-color) 50%,#fff 50%)}
/* 首页 */
.home{margin:0 auto;padding:0;max-width:1920px}
.home-pro{margin:100px 0}
.home-pro-swiper{padding-bottom:20px}
.home-pro-swiper .pro-box-tab{margin:0}
.home-pro-swiper .pro-box-tab .t1{font-size:36px;line-height:42px;font-weight:bold;color:var(--public-color)}
.home-pro-swiper .pro-box-tab .t1:hover{color:var(--public-sub-color)}
.home-pro-swiper .pro-box-tab .t2-box{display:flex;margin:50px 0 0}
.home-pro-swiper .pro-box-tab .t2-box .left{width:47%;font-size:18px;line-height:32px;color:#333}
.home-pro-swiper .pro-box-tab .t2-box .right{width:53%}
.home-pro-swiper .pro-box-tab .t2-box .t3{margin-bottom:40px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.home-pro-swiper .pro-box-tab .t2-box .app-box{border-left:5px solid var(--public-sub-color);padding-left:30px}
.home-pro-swiper .pro-box-tab .t2-box .app-box .app-title{font-weight:bold}
.home-pro-swiper .pro-box-tab .t2-box .app-box .app-text{margin-bottom:40px;width:94%}
.home-pro-swiper .pro-box-tab .t2-box .right{padding-left:20px}

.home-pro-box{margin-top:100px}
.home-pro-list{margin-top:70px;display:flex;gap:25px}
.home-pro-list .item{flex:1;display:flex;flex-direction:column;justify-content:center;padding:25px;box-shadow:0px 20px 50px 0px rgba(0,0,0,0.1);color:var(--public-color)}
.home-pro-list .item .img{padding:30px 0;}
.home-pro-list .item .t1{font-size:18px;line-height:32px;font-weight:bold}
.home-pro-list .item:hover{box-shadow:0px 20px 50px 0px rgba(0,0,0,0.2);color:var(--public-sub-color);transition:.6s ease-in-out}
@media(max-width:768px){
	.home-pro{margin:30px 0;}
	.home-pro-swiper .pro-box-tab .t1{font-size: 24px;line-height: 28px;}
	.home-pro-swiper .pro-box-tab .t2-box{margin:20px 0;flex-direction:column;}
	.home-pro-swiper .pro-box-tab .t2-box .left{width:100%;font-size:14px;line-height:22px;color:#333}
	.home-pro-swiper .pro-box-tab .t2-box .right{width:100%}
	
	.home-pro-box{margin-top: 30px;}
	.home-pro-list{margin-top: 30px;flex-wrap: wrap;gap:20px 4%;}
	.home-pro-list .item{width:48%;flex:0 0 48%;padding:15px;justify-content: space-between;}
	.home-pro-list .item .t1{font-size: 16px;line-height: 22px;}
}

.home-app{padding:100px 0;background:linear-gradient(to right,var(--public-color) 50%,#fff 50%)}
.home-app-box{display:flex;justify-content:space-between}
.home-app-box div{color:#fff}
.home-app-box .left{width:33%;display:flex;flex-direction:column;justify-content:center}
.home-app-box .app-box{border-left:5px solid var(--public-sub-color);padding-left:30px;margin-top:40px}
.home-app-box .app-box .app-text{margin-bottom:0px;width:90%}
.home-app-box .more{margin:40px auto 0 0}
.home-app-box .more:hover{background-color:var(--public-sub-color);text-decoration: underline;}
.home-app-box .right{padding:30px;width:60%;display:flex;flex-wrap:wrap;gap:30px;background-color:#fff}
.home-app-box .right .item{width:calc(50% - 30px)}
.home-app-box .right .item .text{background-color:var(--public-color);font-size:18px;line-height:32px;font-weight:bold;display:flex;align-items:center;height:45px;padding:0 10px;position:relative;z-index:9;margin-top:-35px}
.home-app-box .right .item:hover .text{text-decoration: underline;background-color:var(--public-sub-color);transition:.6s ease-in-out}
@media(max-width:768px){
	.home-app{padding:30px 0;background:var(--public-color);}
	.home-app-box{flex-direction:column;}
	.home-app-box .left{width: 100%;}
	.home-app-box .right{width: 100%;margin-top: 20px;padding:15px;gap:10px;}
	.home-app-box .right .item{width:calc(50% - 5px);}
	.home-app-box .right .item .text{font-size: 14px;line-height: 16px;padding:0 10px;}
}
.home-adv{padding:100px 0}
.home-adv-tab{display:flex;margin-top:60px;overflow:hidden;height: auto;}
.home-adv-tab .img{width:60%}
.home-adv-tab .img .item{opacity:0;transition:.3s ease-in-out}
.home-adv-tab .img .item.active{opacity:1}
.home-adv-tab .img .item img{display:none}
.home-adv-tab .img .item.active img{display:block}
.home-adv-tab .text{width:40%;display:flex;flex-direction:column;padding-left:50px}
.home-adv-tab .text .item{padding:20px 40px;background-color:#f4f5f7;border-bottom:1px solid #fff;position:relative}
.home-adv-tab .text .item .t1{display:flex;align-items:center}
.home-adv-tab .text .item .t1 span{margin-left:20px;font-size:18px;line-height:32px;font-weight:bold;color:var(--public-color);cursor:pointer}
.home-adv-tab .text .item .t2{font-size:18px;line-height:32px;color:#666;margin-top:10px}
.home-adv-tab .text .item.active{background-color:#dff0f9}
.home-adv-tab .text .item.active .t2{display:block}
.home-adv-tab .text .item.active::before{content:'';display:inline-block;width:44px;height:44px;background-color:#dff0f9;position:absolute;left:0%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
@media(max-width:768px){
	.home-adv{padding:30px 0;}
	.home-adv-tab{flex-direction:column;}
	.home-adv-tab .img{width: 100%;}
	.home-adv-tab .text{width: 100%;padding-left: 0;}
	.home-adv-tab .text .item{padding:15px;}
	.home-adv-tab .text .item>img{display: none;}
	.home-adv-tab .text .item.active>img{display:block;}
	.home-adv-tab .text .item.active::before{content:none;}
	
}
.home-mac{padding:0 0 100px;max-width:1920px;margin:0 auto}
.home-mac{display: flex;flex-direction:column;gap:80px;margin-top: 90px;}
.home-mac .item{display: flex;max-width:1660px;width: 100%;flex-direction:row-reverse;margin:0 0 0 auto;}
.home-mac .item .img{width:57.831325301204814%;}
.home-mac .item .text{width:42.168674698795186%;padding:0 30px;display: flex;flex-direction: column;justify-content: center;}
@media(max-width:768px){
	.home-mac{margin-top: 30px;}
	.home-mac .item{flex-direction: column;}
	.home-mac .item .img{width: 100%;}
	.home-mac .item .text{width: 100%;}
}
.home-serv{padding-bottom:100px}
.home-serv-box{display:flex;flex-direction:column}
.home-serv-top{display:flex;justify-content:space-between;align-items:self-start}
.home-serv-top .text{width:60%}
.home-serv-top .more{margin-right:0}
.home-serv-list{display:flex;gap:40px;margin-top:60px}
.home-serv-list div{color:#fff}
.home-serv-list .item{position:relative}
.home-serv-list .item .iicon{position:absolute;right:0;top:0;width:80px;height:80px;background-color:var(--public-sub-color);display:flex;align-items:center;justify-content:center;border-radius:0 0 0 20px}
.home-serv-list .item .text{background-color:var(--public-color);font-size:18px;line-height:32px;font-weight:bold;display:flex;align-items:center;height:45px;padding:0 30px;position:relative;z-index:9;margin-top:-35px}
.home-serv-list .item:hover .text{background-color:var(--public-sub-color);transition:.6s ease-in-out}
@media(max-width:768px){
	.home-serv{padding-bottom: 30px;}
	.home-serv-top{flex-direction:column;}
	.home-serv-top .text{width: 100%;}
	.home-serv-top .more{margin-right:auto;margin-left: 0;margin-top: 20px;}
	.home-serv-list{margin-top: 30px;flex-direction:column;}
}
.footer-news{background-color:#f4f5f7;padding:100px 0}
.footer-news-box{display:flex;justify-content:space-between}
.footer-news-box .left{width:40%;display:flex;flex-direction:column;justify-content:center}
.footer-news-box .left .text-more{font-size:18px;line-height:32px;font-weight:500}
.footer-news-box .left .text-more:hover{text-decoration:underline}
.footer-news-box .right{width:60%;display:flex;gap:40px}
.footer-news-box .right .item{background-color:#fff;padding:40px 50px;color:var(--public-color)}
.footer-news-box .right .item time{font-size:14px;line-height:32px;background-color:var(--public-sub-color);color:#fff;padding:4px 8px;border-radius:10px}
.footer-news-box .right .item .t1{font-size:18px;line-height:28px;font-weight:bold;margin-top:15px}
.footer-news-box .right .item:hover{box-shadow:0px 20px 50px 0px rgba(35,65,103,0.1);color:var(--public-sub-color)}
@media(max-width:768px){
	.footer-news{padding:30px 0;}
	.footer-news-box{flex-direction:column;}
	.footer-news-box .left{width: 100%;}
	.footer-news-box .right{width: 100%;gap:10px;margin-top: 20px;}
	.footer-news-box .right .item{padding:10px;}
	.footer-news-box .right .item .t1{font-size: 14px;line-height: 22px;}
}
.footer-contact-box{background-color:#fff;padding:100px 0;display:flex;flex-direction:column}
.footer-contact-box .more{border-radius:50px;padding:16px 100px}
@media(max-width:768px){
	.footer-contact-box{padding:30px 0;}
	.footer-contact-box .more{padding:12px 60px;margin-top: 20px !important;}
}
.footer{padding:100px 0 50px;background-color:#152e4d}
.footer *{color:#fff}
.footer a:hover{color:var(--public-sub-color)}
.footer .footer-logo{margin-bottom:50px}
.footer .footer-nav{display:flex}
.footer .footer-nav .nav-list{width:65%;display:flex;flex-direction:column}
.footer .footer-nav .nav-list:last-child{width:35%;}
.footer .footer-nav .list-title{font-size:24px;height:64px;line-height:96px;font-weight:bold;margin-bottom:50px}
.footer .footer-nav .list-item{font-size:16px;line-height:40px}
.footer .footer-nav .nav-list p::before{content:'>>';margin-right:10px}
.footer .footer-contact{font-size:16px;line-height:40px}
.footer .ewm-title{font-size: 24px;height: 64px;line-height: 96px;font-weight: bold;margin-bottom: 50px;}
.footer .ewm{width:80%;}

@media(max-width:768px){
	.footer{padding:30px 0;}
	.footer .footer-logo{margin-bottom: 20px;width: 40%;}
	.footer .footer-nav{flex-direction:column;}
	.footer .footer-nav .nav-list{padding-right:10px;width: 100%;}
	.footer .ewm-title{margin-bottom:5px;font-size: 16px;height: auto;line-height: 24px;margin-top:20px;}
	.footer .footer-contact,.footer .footer-nav .list-item{font-size: 14px;line-height: 28px;}
	.footer .footer-nav .list-title{margin-bottom:5px;font-size: 16px;height: auto;line-height: 24px;margin-top:20px;}
}

.copy-link{margin-top:45px;display:flex;flex-wrap:wrap;position:relative}
.copy-link::after{content:'';position:absolute;top:50%;right:0;transform:translate(0,-50%);width:calc(100% - (60px * 6 + 30px));height:1px;background-color:#fff}
.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}
.footer-text{margin-top:30px}
@media(max-width:768px){
	.copy-link{margin-top: 25px;}
}
/* contact */
.contact-wrapper{padding:100px 0;max-width:1920px;margin:0 auto;overflow:hidden;}
/* .contact-form-box{display:flex;flex-direction:column;justify-content:center;height:100%}
.contact-form-box .t1{font-size:28px;font-weight:bold;color:#333;padding:0 12px}
.contact-form-box .t2{color:#666;margin-top:30px;padding:0 12px}
.contact-form-box .form-feedback{margin-top:45px}
.contact-form-box .form-feedback .form-control{border-radius:0}
.contact-form-box .form-group{margin-bottom:30px}
.contact-form-box .form-feedback textarea.form-control{height:90px}
.contact-form-box .form-feedback .btn{border-radius:0;background-color:var(--public-sub-color);width:100%;text-transform:uppercase;font-weight:700}
.contact-form-box .form-feedback .btn:hover{background-color:var(--public-color);transition:.6s ease-in-out} */

.contact-box{padding:0 0 80px}
.contact-box .title-box h1{font-size:42px;line-height:62px;font-weight:bold;margin-bottom:15px}
.contact-box .title-box .t1{text-transform:uppercase;font-size:24px;line-height:48px;font-weight:bold}
.contact-box .row{padding-left:70px}
.contact-box .title-box .t2{font-size:18px;line-height:28px;color:#666666;width:80%;margin-bottom:60px}
.contact-box .col-md-12{padding-bottom:55px}
.contact-box .box{display:flex}
.contact-box .box i{color:var(--public-sub-color);line-height:38px;font-size:27px}
.contact-box .box .text-box{margin-left:40px}
.contact-box .box .t1{text-transform:uppercase;font-weight:bold;line-height:38px}
.contact-box a{color:#666666;text-decoration:underline}
.form-map{}
.form-map .container-xl{max-width:1660px;}
.form-map .box{display:flex;justify-content:space-between}
.form-map .box .left{flex:0 0 49%;box-shadow:0 0 70px rgba(0,0,0,0.05);padding:60px 80px}
.form-map .box .right{flex:0 0 47%}
.form-map .title{font-size:32px;line-height:42px;font-weight:bold;text-transform:uppercase;margin-bottom:50px}
.form-map .form-feedback .form-control{background-color:#f4f4f4;border:none;border-radius:4px}
.form-map .form-feedback .head{margin-bottom:17px}
.form-map .form-feedback .btn{margin-top:20px}
@media(max-width:768px){
	.contact-wrapper{padding:30px 0;}
	.contact-box{padding:0 0 30px;}
	.contact-box .title-box .t1{font-size: 16px;line-height: 32px;}
	.contact-box .title-box .t2{width: 100%;font-size: 14px;line-height:22px;}
	.contact-box .row{padding-left:0px;}
	.contact-box .col-md-12{padding-bottom: 0;}
	.form-map .title{font-size: 24px;line-height: 28px;margin-bottom: 20px;}
	.form-map .box{flex-direction:column;}
	.form-map .box .left{padding:30px 15px;}
	.form-map .box .right iframe{width: 100% !important;}
}
/* news */
.news-list-wrapper{padding:100px 0 160px;max-width:1920px;margin:0 auto}
.news-list-box{display: flex;flex-wrap: wrap;gap: 65px;}
.news-list-box .item{max-width:calc((100% / 3) - (65px * 2 / 3));}
.news-list-box .item .img{width:100%;}
.news-list-box .item .text{margin-top: 35px;}
.news-list-box .item .text .t1{font-size: 22px;line-height: 32px;font-weight: 600;color:var(--public-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list-box .item .text .t2{display: flex;align-items: center;}
.news-list-box .item .text time{margin-top: 20px;color:var(--public-sub-color);margin-left: 20px;}
.news-list-box .item .text .t3{font-size: 18px;line-height: 28px;color:var(--public-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-list-box .item .more{display:table;margin:20px 0 0 auto;}

.news-wrapper{padding:80px 0 160px;max-width:1920px;margin:0 auto;border-bottom:1px dashed rgba(0, 162, 233, 0.3);}
.news-wrapper .col-md-8{padding-right:50px;}
.news-wrapper .col-md-4{padding-left:50px;}
.news-wrapper .t2{display: flex;align-items: center;}
.news-wrapper .t2 time{margin-top: 20px;color:var(--public-sub-color);margin-left: 20px;}
.news-wrapper .t3{width:100%;height:1px;border-bottom:1px dashed var(--public-sub-color);opacity:.3;margin:20px 0 40px;}
.news-wrapper .news-content{font-size: 18px;line-height: 28px;color:#666;}
.news-wrapper .news-content img{max-width:100%;height:auto;}
.news-wrapper .t4{width:100%;height:1px;border-bottom:1px dashed var(--public-sub-color);opacity:.3;margin:80px 0 40px;}
.news-wrapper .t5 .item{display: flex;}
.news-wrapper .t5 .item+.item{margin-top: 30px;}
.news-wrapper .t5 .item span{margin-left: 30px;font-size: 18px;line-height: 48px;color:var(--public-sub-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.news-wrapper .t5 .item:hover span{color:var(--public-color)}

.right-list{display: flex;flex-direction:column;}
.right-list .list-title{font-size: 20px;line-height:36px;font-weight: bold;color:var(--public-color);}
.right-list-news{display: flex;flex-direction: column;gap:40px;}
.right-list-news .item{display: flex;}
.right-list-news .item .img{width:30%;}
.right-list-news .item .text{width:70%;padding-left:5%;}
.right-list-news .item .text .t1{font-size:18px;line-height:22px;font-weight: 600;color:var(--public-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.right-list-pro{display: flex;flex-direction: column;gap:40px;margin-top: 60px;}
@media(max-width:768px){
	.news-list-wrapper{padding:30px 0;}
	.news-list-box{gap:20px;}
	/* .news-list-box .item{max-width:calc((100% / 2) - (20px * 1 / 2));} */
	.news-list-box .item{max-width:inherit}
	.news-list-box .item .text .t3{font-size: 14px;line-height: 22px;}
	.news-wrapper{padding:30px 0;}
	.news-wrapper .col-md-8{padding-right: 7px;}
	.news-wrapper .col-md-4{padding-left:7px;}
	.news-wrapper .news-content{font-size: 14px;line-height: 22px;}
	.news-wrapper .t4{margin:30px 0 20px;}
}
/* service */
.service-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.service-list{display: flex;flex-direction:column;gap:80px;margin-top: 90px;}
.service-list .item{display: flex;max-width:1730px;width: 100%;}
.service-list .item:nth-child(even){flex-direction:row-reverse;margin:0 0 0 auto;background-color: #f8f9fa;}
.service-list .item .img{width:46.24277456647399%;}
.service-list .item .text{width:53.75722543352601%;padding:0 80px;display: flex;flex-direction: column;justify-content: center;}
.service-list .item .text ul{padding:40px 0 40px 20px;}
.service-list .item .text ul li{font-size: 18px;line-height: 42px;display: flex;align-items: center;}
.service-list .item .text ul li::before{content:'';background:url(../../images/dui.png) no-repeat;color:#fff;width: 25px;height: 25px;border-radius:50%;margin-right: 20px;}
.service-list .more{margin:0 auto 0 0;}
@media(max-width:768px){
	.service-wrapper{padding:30px 0;}
	.service-list{gap:30px;margin-top: 30px;}
	.service-list .item{flex-direction:column !important;}
	.service-list .item .img{width: 100%;}
	.service-list .item .text{width: 100%;padding:0 15px 20px;}
}
/* training */
.training-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.training-wrapper .t2{display:flex;}
.training-wrapper .t2 .img{width: 50%;}
.training-wrapper .t2 .text{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items:self-start;}
.training-wrapper .t2 .down-more{border:1px solid #b6c2d1;border-radius:5px;padding:8px 15px;}
.training-wrapper .t2 .down-more img{margin-right:10px;}
.training-wrapper .t2 .down-more:hover{text-decoration:underline;}

.training-footer{padding:0;background:linear-gradient(to right,var(--public-color) 50%,#fff 50%);margin-top: 110px;;}
.training-footer-box{display:flex;}
.training-footer-box>div{width:50%;}
.training-footer-box .img{cursor:pointer;}
.training-footer-box .text{display: flex;flex-direction: column;justify-content: center;}
.training-footer-box .text .title{color:#fff;}
@media(max-width:768px){
	.training-wrapper{padding:30px 0;}
	.training-wrapper .t2{flex-direction: column;}
	.training-wrapper .t2 .img{width: 100%;}
	.training-wrapper .t2 .text{width: 100%;}
	.training-footer{margin-top: 30px;}
	.training-footer-box{flex-direction: column;}
}

/* shipping */
.shipping-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.shipping-list{display: flex;flex-wrap:wrap;gap:40px;margin:60px 0 100px;}
.shipping-list .item{padding:0 40px 60px;width:100%;max-width:calc((100% / 2) - (40px * 1 / 2));background-color:#f8f9fa;}
.shipping-list .item .t1{margin-top:20px;font-size:24px;line-height: 32px;font-weight: bold;color:var(--public-color);}
.shipping-list .item .t2{font-size: 18px;line-height: 28px;color:var(--public-color);}
.shipping-list-1{display: flex;gap:24px;margin-top: 60px;}
.shipping-list-1 .item{width:100%;max-width:calc((100% / 4) - (24px * 3 / 4));background-color:#f8f9fa;}
.shipping-list-1 .item .text{padding:40px;}
.shipping-list-1 .item .t1{margin-top:20px;font-size:24px;line-height: 32px;font-weight: bold;color:var(--public-color);}
@media(max-width:768px){
	.shipping-wrapper{padding:30px 0;}
	.shipping-list{margin:20px 0;gap:20px;}
	.shipping-list .item{max-width:inherit;padding:0 15px 15px;}
	
	.shipping-list-1{flex-direction: column;margin-top: 30px;}
	.shipping-list-1 .item{max-width:inherit;}
	.shipping-list-1 .item .img img{width: 100%;}
	.shipping-list-1 .item .text{padding:15px;}
}
/* faq */
.faq-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.faq-wrapper .faq-nav{display:flex;flex-direction:column}
.faq-wrapper .faq-nav .item{font-size:20px;line-height:64px;font-weight:bold;color:var(--public-sub-color);display:flex;align-items:center}
.faq-wrapper .faq-nav .item span{position:relative}
.faq-wrapper .faq-nav .item:hover span::before,.faq-wrapper .faq-nav .item.active span::before{content:'';width:100%;height:2px;display:inline-block;position:absolute;bottom:20px;background:linear-gradient(to right,#a3d3f4,#a3d3f4)}
.faq-wrapper .faq-nav .item:hover span::after,.faq-wrapper .faq-nav .item.active span::after{content:'→';display:inline-block;padding-left:10px}
.faq-list{display:flex;flex-direction:column;gap:50px}
.faq-list .item{color:#284270}
.faq-list .item .accordion{position:relative;font-size:20px;line-height:42px;cursor:pointer}
.faq-list .item .accordion::before{content:'+';margin-right:20px}
.faq-list .item .accordion::after{content:'';width:100%;height:1px;display:inline-block;position:absolute;bottom:6px;left:0;background:linear-gradient(to right,#7e8ea9,#7e8ea9)}
.faq-list .item .panel{font-size:18px;line-height:32px;color:#999;padding-top:20px;display:none}
.faq-list .item.active{color:#0c9be9}
.faq-list .item.active .accordion::before{content:'-'}
.faq-list .item.active .accordion::after{background:linear-gradient(to right,#0c9be9,#0c9be9)}
.faq-list ul{display: flex;flex-wrap:wrap;gap:20px;}
.faq-list ul li{width:100%;max-width:calc((100% / 4) - (20px * 3 / 4));}
@media(max-width:768px){
	.faq-wrapper{padding:30px 0;}
	.faq-list{margin-top: 20px;gap:20px;}
	.faq-list .item .panel{font-size: 14px;line-height: 22px;margin-top: 10px;}
	.faq-list .item .accordion{font-size: 14px;line-height: 32px;}
}
/* about */
.about-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}

.about-top{display: flex;}
.about-top .text{width:55.94405594405595%;}
.about-top .img{width:44.05594405594406%;text-align:right;}

.about-list{margin-top: 60px;display: flex;gap:25px;margin-bottom: 30px;}
.about-list .item{width:100%;max-width:calc((100% / 4) - (24px * 3 / 4));background-color:#fff;padding:40px;border:1px solid #b6c2d1;}
.about-list .item .t1{margin-top: 20px;font-size: 18px;line-height: 48px;font-weight: bold;color:var(--public-color);}
.about-list .item .t2{font-size: 18px;line-height:32px;}

.about-team{display: flex;margin-bottom: 100px;}
.about-team .left{width: 40%;}
.about-team .right{width: 60%;display: flex;justify-content: flex-end;align-items: center;gap:20px;}
.about-team .right .item{display: flex;flex-direction:column}
.about-team .right .item .img{width: 180px;height: 170px;display: flex;align-items: center;justify-content: center;border-radius:10px;}
.about-team .right .item:nth-child(1) .img{background-color:var(--public-sub-color);}
.about-team .right .item:nth-child(2) .img{background-color:var(--public-color);}
.about-team .right .item:nth-child(4) .img{background-color:var(--public-color);}
.about-team .right .item:nth-child(3) .img{background-color:#f5f7f9;}
.about-team .right .item .text{text-align: center;font-size: 18px;line-height: 32px;font-weight: bold;color:var(--public-color);margin-top: 10px;}

.about-qua{background:linear-gradient(to right,#284270 20%,#fff 20%);margin-bottom: 80px;}
.about-qua-box{background-color:#fff;display: flex;}
.about-qua-box .img{width: 44%;display: flex;align-items: center;justify-content: center;padding:40px 20px;}
.about-qua-box .text{width: 56%;display: flex;flex-direction:column;justify-content: center;padding-left: 20px;}

.about-serv{display: flex;flex-direction:column;gap:80px;margin-bottom:90px;}
.about-serv .item{display: flex;max-width:1730px;width: 100%;flex-direction:row-reverse;margin:0 0 0 auto;background-color: #f8f9fa;}
.about-serv .item .img{width:46.24277456647399%;}
.about-serv .item .text{width:53.75722543352601%;padding:0 80px;display: flex;flex-direction: column;justify-content: center;}
.fact-list{display: flex;gap:0 40px;}
.fact-list .item{width:100%;max-width:calc((100% / 3) - (30px * 2 / 3))}
@media(max-width:768px){
	.about-wrapper{padding:30px 0;}
	.about-top{flex-direction:column;}
	.about-top .text{width: 100%;}
	.about-top .img{width:60%;margin:10px auto;}
	.about-list{flex-wrap: wrap;gap:20px;}
	.about-list .item{max-width:calc((100% / 2) - (20px * 1 / 2));padding: 10px;}
	.about-list .item .t1{margin-top: 10px;font-size: 16px;line-height: 28px;}
	.about-list .item .t2{font-size: 14px;line-height: 22px;}
	.about-team{margin-bottom:30px;flex-direction: column;}
	.about-team .left{width: 100%;}
	.about-team .right{width:100%;flex-wrap: wrap;margin-top: 20px;}
	.about-team .right .item{width:calc(50% - 10px);height:50vw;}
	.about-team .right .item .img{width: 100%;height: 100%;}
	.about-qua{margin-bottom:30px;}
	.about-qua-box{flex-direction: column;}
	.about-qua-box .img{width: 100%;}
	.about-qua-box .text{width: 100%;}
	.about-serv{margin-bottom: 30px;}
	.about-serv .item{flex-direction:column;}
	.about-serv .item .img{width: 100%;}
	.about-serv .item .text{width: 100%;padding:0 15px 20px;}
	.about-serv .item .more{margin-top: 20px !important;}
	.fact-list{flex-direction:column;gap:30px;}
	.fact-list .item{max-width:100%;}
}
/* highlights */
.highlights-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.highlights-list{display: flex;flex-direction:column;gap:80px;margin-top: 90px;}
.highlights-list .item{display: flex;max-width:1730px;width: 100%;}
.highlights-list .item:nth-child(even){flex-direction:row-reverse;margin:0 0 0 auto;background-color: #f8f9fa;}
.highlights-list .item .img{width:46.24277456647399%;}
.highlights-list .item .text{width:53.75722543352601%;padding:0 80px;display: flex;flex-direction: column;justify-content: center;}
.highlights-list .more{margin:0 auto 0 0;}
@media(max-width:768px){
}
/* factory */
.factory-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.factory-list{display: flex;flex-wrap:wrap;gap:60px 70px;}
.factory-list .item{width: 100%;max-width:calc((100% / 3) - (70px * 2 / 3))}
.factory-list .item .text{background-color:#66c7f2;height: 55px;margin-top: -25px;position:relative;z-index:3;display: table;font-size: 18px;line-height: 55px;padding:0 20px;color:#fff;}
.factory-list .item:hover .text{background-color:#00a2e9;}
@media(max-width:768px){
	.factory-wrapper{padding:20px 0;}
	.factory-list{gap:20px;}
	.factory-list .item{max-width:calc((100% / 2) - (20px * 1 / 2));}
	.factory-list .item .text{height: 34px;line-height: 34px;}
}
/* cert */
.cert-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.cert-list{display: flex;flex-wrap:wrap;gap:70px 50px;}
.cert-list .item{width: 100%;max-width:calc((100% / 4) - (50px * 3 / 4));}
.cert-list .item .img{padding:15px;background-color:#f5f7f9;}
.cert-list .item .text{background-color:#66c7f2;height: 55px;margin-top: -25px;position:relative;z-index:3;display: table;font-size: 18px;line-height: 55px;padding:0 20px;color:#fff;}
.cert-list .item:hover .text{background-color:#00a2e9;}
@media(max-width:768px){
	.cert-wrapper{padding:20px 0;}
	.cert-list{gap:20px;}
	.cert-list .item{max-width:calc((100% / 2) - (20px * 1 / 2));}
	.cert-list .item .text{height: 34px;line-height: 34px;}
}
/* video */
.video-wrapper{padding:80px 0 140px;max-width:1920px;margin:0 auto}
.video-list{display: flex;flex-wrap:wrap;gap:60px 70px;}
.video-list .item{width: 100%;max-width:calc((100% / 3) - (70px * 2 / 3))}
.video-list .item .text{background-color:#66c7f2;height: 55px;margin-top: -25px;position:relative;z-index:3;display: table;font-size: 18px;line-height: 55px;padding:0 20px;color:#fff;}
.video-list .item:hover .text{background-color:#00a2e9;}
@media(max-width:768px){
	.video-wrapper{padding:20px 0;}
	.video-list{gap:20px;}
	.video-list .item{max-width:inherit;}
}
/* app */
.app-wrapper{padding:0 0 140px;max-width:1920px;margin:0 auto}
.app-list{display: flex;flex-direction:column;gap:80px;margin-top: 90px;}
.app-list .item{display: flex;max-width:1730px;width: 100%;}
.app-list .item:nth-child(even){flex-direction:row-reverse;margin:0 0 0 auto;background-color: #f8f9fa;}
.app-list .item .img{width:46.24277456647399%;}
.app-list .item .text{width:53.75722543352601%;padding:0 80px;display: flex;flex-direction: column;justify-content: center;}
.app-list .item .text .subtitle{overflow:hidden;max-height:224px;}
.app-list .more{margin:0 auto 0 0;}

@media (max-width:768px){
	.app-wrapper{padding:0 0 30px;}
	.app-list{margin-top: 30px;gap:30px;}
	.app-list .item{flex-direction:column !important;}
	.app-list .item .img{width: 100%;}
	.app-list .item .text{width: 100%;padding:10px 20px;}
	.app-list .item .text ul li{width: 100%;font-size: 14px;line-height: 28px;}
}


/* app-list */
.app-list-wrapper{padding:0 0 140px;max-width:1920px;margin:0 auto}
.app-list-wrapper .app-top{display: flex;flex-direction:column;gap:80px;margin:90px 0;}
.app-list-wrapper .app-top .item{display: flex;align-items: center;max-width:1730px;width: 100%;}
.app-list-wrapper .app-top .item .img{width:46.24277456647399%;position:relative;}
.app-list-wrapper .app-top .item .text{width:53.75722543352601%;padding:0 80px;display: flex;flex-direction: column;justify-content: center;}
.app-list-wrapper .app-top .img-box{width: 80px;height: 80px;background-color:var(--public-sub-color);position:absolute;bottom: 40px;right: 40px;border-radius:5px;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.app-list-wrapper .app-top .img-box span{width:18px;height:30px;position:relative;overflow:hidden;}
.app-list-wrapper .app-top .img-box span::before{content:'';position:absolute;top:-15px;left:-42px;width:60px;height:60px;background-color:#fff;border-radius:4px;transform:rotate(45deg) scale(0.7,.7);}
@media (max-width:768px){
	.app-list-wrapper{padding-bottom: 30px;}
	.app-list-wrapper .app-top{gap:30px;margin:30px 0;}
	.app-list-wrapper .app-top .item{flex-direction:column;}
	.app-list-wrapper .app-top .item .img{width: 100%;}
	.app-list-wrapper .app-top .item .text{width: 100%;padding:0 15px;}
}
.app-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1610px;margin-bottom: 100px;}
.app-swiper{padding:0 90px}
.app-swiper::after{content:'';display:inline-block;height:100%;width:55px;position:absolute;top:0;right:0;z-index:2;background-color:#fff}
.app-swiper::before{content:'';display:inline-block;height:100%;width:55px;position:absolute;top:0;left:0;z-index:2;background-color:#fff}
.app-swiper .swiper-button-next{background-color:#f2f4f6;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
.app-swiper .swiper-button-next:after{font-size:22px;font-weight: bold;color:#000}
.app-swiper .swiper-button-prev{background-color:#f2f4f6;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
.app-swiper .swiper-button-prev:after{font-size:22px;font-weight: bold;color:#000}
.app-swiper .swiper-button-lock{display: none;}
@media (max-width:768px){
	.app-container{margin-bottom: 30px;}
	.app-swiper{padding:0 0 60px;}
	.app-swiper .swiper-button-next,.app-swiper .swiper-button-prev{bottom:0;top:auto;}
	.app-swiper::after,.app-swiper::before{display: none;}
}
.app-adv{margin:100px 0 80px;}
.app-adv-list{margin-top: 60px;display: flex;flex-wrap:wrap;gap:50px 60px;}
.app-adv-list .item{width:100%;max-width:calc((100% / 2) - (60px * 1 / 2));background-color:#dff0f9;padding:40px;display: flex;flex-wrap: wrap;}
.app-adv-list .item .img{width: 15%;}
.app-adv-list .item .img img{width: 55px;}
.app-adv-list .item .t1{width: 85%;font-size: 18px;line-height: 48px;font-weight: bold;color:var(--public-color);position:relative;}
.app-adv-list .item .t2{font-size: 18px;line-height:32px;}
.app-adv-list .item .t1:before{content:"\f00c";font-family:cmsfont;display:inline-block;margin-right:20px;}
@media (max-width:768px){
	.app-adv{margin:30px 0;}
	.app-adv-list{margin: 30px 0;gap:20px;display:block;}
	.app-adv-list .item{max-width:100%;padding:15px;height:200px;}
	.app-adv-list .item .img{width: 45%;}
	.app-adv-list .item .t1{width: 100%;line-height:28px;}
	.app-adv-list .item .t2{font-size: 14px;line-height: 22px;}
}
.app-case{background-color:#f4f5f7;}
.app-case-box{display: flex;padding:120px 0;}
.app-case-box .left{width: 50%;display: flex;flex-direction: column;justify-content: center;padding-right: 50px;}
.app-case-box .right{width: 50%;display: flex;align-items: center;justify-content: center;}
.app-que{padding:80px 0;}
@media (max-width:768px){
	.app-case-box{padding:30px 0;flex-direction:column;}
	.app-case-box .left{width: 100%;}
	.app-case-box .right{width: 100%;margin-top: 20px;}
	.app-que{padding:30px 0;}
}

.app-other-list{display: flex;flex-wrap:wrap;gap:60px 70px;margin-top: 40px;}
.app-other-list .item{width: 100%;max-width:calc((100% / 3) - (70px * 2 / 3))}
.app-other-list .item .text{background-color:#66c7f2;height: 55px;margin-top: -25px;position:relative;z-index:3;display: table;font-size: 18px;line-height: 55px;padding:0 20px;color:#fff;}
.app-other-list .item:hover .text{background-color:#00a2e9;}
@media (max-width:768px){
	.app-other-list{flex-direction:column;gap:30px;}
	.app-other-list .item{width: 100%;max-width:inherit;}
}


/* pro-index-wrapper */
.pro-index-wrapper{padding:0 0 80px;max-width:1920px;margin:0 auto;border-bottom:1px dashed rgba(0,162,233,0.3)}
.pro-index-list{display: flex;flex-direction:column;gap:80px;margin-top: 90px;}
.pro-index-list .item{display: flex;max-width:1730px;width: 100%;}
.pro-index-list .item:nth-child(even){flex-direction:row-reverse;margin:0 0 0 auto;background-color: #f8f9fa;}
.pro-index-list .item .img{width:46.24277456647399%;}
.pro-index-list .item .text{width:53.75722543352601%;padding:0 80px;display: flex;flex-direction: column;justify-content: center;}
.pro-index-list .item .text .title:hover{color:var(--public-sub-color)}
.pro-index-list .item .text .subtitle{overflow:hidden;max-height:224px;}
.pro-index-list .item .text ul{padding:0;display: flex;flex-wrap:wrap;}
.pro-index-list .item .text ul li{font-size: 18px;line-height: 25px;display: flex;width: 50%;margin-bottom: 15px;}
.pro-index-list .item .text ul li::before{content:'';background:url(../../images/dui.png) no-repeat;color:#fff;width: 25px;min-width: 25px;height: 25px;border-radius:50%;margin-right: 20px;}
@media (max-width:768px){
	.pro-index-list{margin-top: 30px;gap:30px;}
	.pro-index-list .item{flex-direction:column !important;}
	.pro-index-list .item .img{width: 100%;}
	.pro-index-list .item .text{width: 100%;padding:10px 20px;}
	.pro-index-list .item .text ul li{width: 100%;font-size: 14px;line-height: 28px;}
}

/* pro-list-wrapper */
.pro-list-wrapper{padding:100px 0 80px;max-width:1920px;margin:0 auto;}
.pro-list-top{display: flex;}
.pro-list-top .left{width:58%;padding-right:40px;}
.pro-list-top .left ul{padding:0;display: flex;flex-wrap:wrap;}
.pro-list-top .left ul li{font-size: 18px;line-height: 24px;display: flex;width: 50%;margin-bottom:20px;}
.pro-list-top .left ul li::before{content:'';background:url(../../images/dui.png) no-repeat;color:#fff;width: 25px;min-width:25px; height: 25px;border-radius:50%;margin-right: 10px;}

.pro-list-top .right{width:42%;display: flex;align-items: center;justify-content: center;}
.pro-list-swiper{height: 100%;}
.pro-list-swiper .img{height: 100%;display: flex;align-items: center;justify-content: center;width: 100%;}

.pro-list-bottom{margin: 80px 0;border-top:1px solid #e9ecf0;border-bottom:1px solid #e9ecf0;padding:40px 0;display: flex;}
.pro-list-bottom .item{width: 33.33%;display: flex;justify-content: center;align-items: center;position:relative;}
.pro-list-bottom .item .text{margin-left:20px;font-size: 16px;}
.pro-list-bottom .item .num{font-size: 32px;margin-top: 10px;}
.pro-list-bottom .item::after{content:'/';position:absolute;right:0px;font-size: 60px;color:#e9ecf0;font-weight: 100;}
.pro-list-bottom .item:last-child::after{content:'';}

@media (max-width:768px){
	.pro-list-wrapper{padding:30px 0;}
	.pro-list-top{flex-direction:column;}
	.pro-list-top .left{width: 100%;padding-right: 0;}
	.pro-list-top .left ul li{width: 100%;font-size: 16px;line-height: 28px;}
	.pro-list-top .right{width: 100%;}
	.pro-list-bottom{margin:30px 0;padding:10px 0;flex-direction: column;gap:20px;}
	.pro-list-bottom .item{width: 100%;justify-content:flex-start;}
	.pro-list-bottom .item .img{width: 30px;}
	.pro-list-bottom .item .text{font-size:16px;}
	.pro-list-bottom .item .num{font-size:16px;}
}

/* pro-list */
.pro-list{display: flex;flex-wrap:wrap;gap:40px 35px;}
.pro-list .item{color:var(--public-sub-color);background-color: #fff;font-size: 18px;line-height: 28px;font-weight: bold;padding:35px 50px;box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.1);width: 100%;max-width:calc((100% / 3) - (35px * 2 / 3))}
.pro-list .item:hover{box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.2);}
.pro-list .item .t1{color:var(--public-color);font-size: 18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 22px;}
.pro-list.flex-column{flex-direction: column;}
.pro-list.flex-column .item{max-width:inherit;}
@media (max-width:768px){
	.pro-list{gap:20px;}
	.pro-list .item{color:var(--public-sub-color);font-size: 18px;line-height: 28px;font-weight: bold;padding:15px;box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.1);width: 100%;max-width:100%;}
	.pro-list .item{font-size: 14px;line-height: 22px;}
	.pro-list.qh .item:hover{box-shadow:none;}
	.pro-list.qh .item{box-shadow:none;}
}
/* pro-cont-wrapper */
.pro-cont-wrapper{padding:100px 0 80px;max-width:1920px;margin:0 auto;}
.pro-cont-wrapper .model{font-size: 18px;font-weight: bold;margin-bottom: 10px;color:var(--public-sub-color);}
.pro-cont-top{display: flex;margin-bottom: 55px;}
.pro-cont-top .left{width:40%;padding-right:40px;}
.pro-cont-top .right{width:60%;display: flex;align-items: center;justify-content: center;}
.pro-cont-top .more-box{display: flex;}
.pro-cont-top .more{padding:9.5px 20px;margin-right: 20px;cursor:pointer;}
.pro-cont-top .more-video{display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 20px;}
.pro-cont-top .more-video span{display: inline-block;font-size: 18px;line-height: 20px;color:var(--public-color);font-weight: bold;margin-left: 10px;}

.share-box{display: flex;align-items: center;margin-top: 30px;}
.share-box .ts{font-size: 18px;line-height: 32px;font-weight: bold;color:var(--public-color);margin-right: 20px;}
.share-box .copy-link{margin-top: 0;}
.share-box .copy-link a:hover,.share-box .copy-link span:hover{border:1px solid #000;color:#000}

@media (max-width:768px){
	.pro-cont-top{flex-direction: column-reverse;margin-bottom: 25px;}
	.pro-cont-top .left{width: 100%;padding-right: 0;}
	.pro-cont-top .right{width: 100%;}
	.pro-cont-top .more{padding: 9.5px 20px;}
}

.pro-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1610px;margin-bottom: 100px;}
.pro-container .title{font-size: 22px;}
.pro-swiper{padding:0 90px}
.pro-swiper::after{content:'';display:inline-block;height:100%;width:55px;position:absolute;top:0;right:0;z-index:2;background-color:#fff}
.pro-swiper::before{content:'';display:inline-block;height:100%;width:55px;position:absolute;top:0;left:0;z-index:2;background-color:#fff}
.pro-swiper .swiper-button-next{background-color:#f2f4f6;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
.pro-swiper .swiper-button-next:after{font-size:22px;font-weight: bold;color:#000}
.pro-swiper .swiper-button-prev{background-color:#f2f4f6;width: 60px;height: 60px;display: flex;align-items: center;justify-content:
 center;}
.pro-swiper .swiper-button-prev:after{font-size:22px;font-weight: bold;color:#000}
.pro-swiper .swiper-button-lock{display: none;}

.prcon-top{background-color:#f4f5f7;height:70px;}
.prcon-top .pro-nr-nav{margin:0;}
.prcon-top{opacity:0;position:fixed;top:80px;left:0;z-index:980;width:100%;transform:rotateX(90deg);transform-origin:top}
.prcon-top.active{opacity:1;transform:rotateX(0deg);transition:all 0.6s ease-in-out}

.pro-nr-nav{display: flex;margin:20px 0;padding-bottom: 20px;}
.pro-nr-nav .item{flex: 1;text-align: center;	background-color: #f0f3f7;padding: 10px 0;font-size: 18px;line-height: 50px;color: var(--public-color);font-weight: bold;border-right: 2px solid #fff;border-bottom:5px solid #f0f3f7;}
.pro-nr-nav .item:last-child{border-right:0;}
.pro-nr-nav .item:hover,.pro-nr-nav .item.active{border-bottom-color:var(--public-sub-color);}

.pro-content{font-size: 18px;line-height: 32px;color:var(--public-color);padding-bottom:40px;}
.pro-content .features p:before { content: "●"; font-size: 18px;line-height: 32px; margin-right: 8px; color:var(--public-color);}
.pro-content .config{display:flex;flex-wrap:wrap;justify-content:space-between;}
.pro-content .config p{width:48%;}
.pro-content .config p:before { content: "●"; font-size: 18px;line-height: 32px; margin-right: 8px; color:var(--public-color);}


.pro-features{display: flex;flex-wrap:wrap;gap:50px 40px;}
.pro-features .item{width: 100%;max-width:calc((100% / 3) - (40px * 2 / 3))}
.pro-features .item .t1{font-size: 20px;line-height: 28px;font-weight: bold;color:var(--public-color);}
.pro-features .item .t2{font-size: 18px;line-height: 24px;color:var(--public-color);margin-top: 20px;}

@media (max-width:768px){
	.pro-content .config p{width:100%;}
	.pro-cont-wrapper{padding:30px 0;}
	.pro-container{margin-bottom:20px;}
	.pro-swiper{padding:0 0 60px;}
	.pro-swiper .swiper-button-next,.pro-swiper .swiper-button-prev{bottom:0;top:auto;}
	.pro-swiper::after,.pro-swiper::before{display: none;}
	.prcon-top{top:50px;height: auto;}
	.prcon-top .pro-nr-nav{padding-bottom: 0;}
	.pro-nr-nav .item{line-height: 28px;}
	.nr p{font-size: 14px;line-height: 22px;}
	.nr img{width: 100%;}
	.pro-features{gap:15px;}
	.pro-features .item{max-width:calc((100% / 2) - (15px * 1 / 2));}
	.pro-features .item .t1{font-size: 16px;margin:10px !important;}
	.pro-features .item .t2{font-size: 14px;line-height: 22px;}
}

#training-video{width:60%;margin-left: 0;transform:translate(-50%,-25%);}
.trainging-video{display: flex;flex-wrap: wrap;padding:15px;gap:15px;}
.trainging-video .item{width:50%;flex:0 0 49%;}
@media (max-width:768px){
	#training-video{width: 100%;transform: translate(-50%,-0%);padding: 10px;}
	.trainging-video .item{width: 100%;flex:0 0 100%;}
	.trainging-video .item iframe{height:140px !important;}
}
/* 浮窗 */
#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);border-top:1px solid #fff}
#float .ico:first-child{border-top:0px solid #fff}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999}
#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:hover{background-color:var(--public-color)}
#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)}
#float .ico#scroll-top{display:block!important;}
@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))}
}
.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-color:#000;}
.contact-wrapper .feedback-box .form-feedback .btn:hover{background:var(--public-color);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;border-radius:10px;background:#000;font-size:18px;line-height:22px;padding-top:11px;padding-bottom:11px}
.form-feedback .btn:hover{background:var(--public-color);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}
.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 {}
.content-wrapper h2 { font-size: 28px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper p{margin-bottom: 15px;}
.content-wrapper img { max-width: 100% !important; height: auto !important;margin-bottom: 15px;}
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper ul{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ul li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper ol{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ol li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529;margin-bottom: 15px;}
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.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}
}
/* 新版弹出留言表单 */
.new-reveal-modal{visibility:hidden;left:50%;transform:translate(-50%,-20%);width:60%;position:absolute;z-index:1001;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-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;display:flex;margin-left:0}
.new-reveal-modal .img{width:50%}
.new-reveal-modal .text{width:50%;padding:0 5%;display:flex;flex-direction:column;justify-content:center}
.new-reveal-modal .text .t1{font-size:42px;line-height:54px;font-weight:600;justify-content:center}
.new-reveal-modal .text .t1 strong{font-size:42px;line-height:54px;font-weight:600;color:var(--public-color)}
.new-reveal-modal .text .t2{font-size:16px;line-height:28px;color:#666;margin:30px 0 50px}
.new-reveal-modal .form-feedback .form-control{padding:12px;background-color:#fff;border-radius:0}
.new-reveal-modal .form-feedback .btn{margin-top:30px;border-radius:0;padding:20px 0;transition:.6s all}
.new-reveal-modal .form-feedback .btn i{margin-left:20px}


/*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:#234167;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 #234167;color:#234167;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:#234167;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;}
}

.customers .p-l-customer .h3{
    margin-bottom: 45px;
}
.customers .p-l-customer .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 4px;
    margin-top:50px;
}
.customers .p-l-customer .list{
    width: 49%;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin-bottom: 26px;
    padding:35px 47px 40px 40px;
    display: flex;
    align-items:first baseline;
    position: relative;
}
.customers .p-l-customer .list:hover::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #005bac;
    transition: all .4s;
    animation: clippath 1s  linear;
    animation-iteration-count: 1;
    border-radius: 10px;
}
@keyframes clippath {
    0%,
    100% {
        clip-path: inset(0 0 95% 0);
    }
    
    25% {
        clip-path: inset(0 95% 0 0);
    }
    50% {
        clip-path: inset(95% 0 0 0);
    }
    75% {
        clip-path: inset(0 0 0 95%);
    }
}

.customers .p-l-customer .list .img{
    margin-right: 21px;
}
.customers .p-l-customer .list .img img{
    margin-top: -10px;
}
.customers .p-l-customer .list .r-top{
    display: flex;
    justify-content: space-between;
}
.customers .p-l-customer .list .d1{
    display: flex;
    align-items: center;
    align-items: center;
}
.customers .p-l-customer .list .d1 .p1{
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    padding-right: 10px;
}
.customers .p-l-customer .list .d1 .p2{
    font-size: 16px;
    line-height: 28px;
    color: #7f8288;
    font-weight: 400;
}
.customers .p-l-customer .list .d2{
    color: #e60013;
    font-size: 17px;
}
.customers .p-l-customer .r-bottom{
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
}

@media(max-width:768px) {
.customers .p-l-customer{margin-top: 25px;}
    .customers .p-l-customer .h3 {margin-bottom: 25px;}
    .customers .p-l-customer .items{padding-left: 0;margin-top:25px;}
    .customers .p-l-customer .list{width: 100%;padding: 15px;}
    .customers .p-l-customer .list .img{margin-right: 10px;}
    .customers .p-l-customer .list .img img{margin-top: -5px;width: 20px;}
    .customers .p-l-customer .list .d2 {font-size: 14px;}
    .customers .p-l-customer .list .d1 .p1{padding-right: 8px;}
    .customers .p-l-customer .list .d1 .p1,
    .customers .p-l-customer .list .d1 .p2{font-size: 14px !important;line-height: 20px !important;}
    .customers .p-l-customer .r-bottom {font-size: 14px;line-height: 20px;}

}

/* 格子 */
.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)}}


.exh-t1{
	padding: 70px 0 120px 0;
	background-color: #fff;
}
.exh-t1 .title h1{
	font-size: 32px;
	color: #284270;
	font-weight: 700;
}
.exh-t1 .mySwiper1{
	position: relative;
	overflow: hidden;
	margin-top: 65px;
	cursor: grab;
}
.exh-t1 .mySwiper1 .swiper-slide{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.exh-t1 .mySwiper1 .swiper-slide .left{
	width: 47%;
}
.exh-t1 .mySwiper1 .swiper-slide .left .image{
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 16px;
}
.exh-t1 .mySwiper1 .swiper-slide .left .image img{
	border-radius: 10px;
}
.exh-t1 .mySwiper1 .swiper-slide .right{
	width: 50%;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t1{
	margin-bottom: 15px;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t1 a{
	font-weight: 700;
	color: #284270;
	font-size: 36px;
	line-height: 48px;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t1 a:hover{
	text-decoration: underline;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t2{
	color: #fff;
	font-size: 32px;
	line-height: 40px;
	padding: 30px 0;
	font-weight: 600;
	max-width: 653px;
	text-align: center;
	background: linear-gradient(154deg, #63A3FF 0%, #7CB4FA 50%, #72BEFF 100%);
    /* border: 1px solid transparent; 设置边框宽度
    border-image: linear-gradient(90deg, #63A3FF 0%, #B6DCFF 50%, #72BEFF 100%) 1; 渐变边框
    border-image-slice: 1; 确保边框图像覆盖整个边框 */
	border-radius: 16px;
	box-shadow: 0px 7px 14px 0px rgba(74, 143, 213, 0.36);
}
.exh-t1 .mySwiper1 .swiper-slide .right .t3{
	max-width: 653px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 35px 54px;
	padding-bottom: 0;
	background-color: #f4f5f7;
	border-radius: 16px;
	margin-top: 1px;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t3 p{
	color: #666666;
	font-size: 16px;
	font-size: 20.37px;
	font-weight: 400;
	margin-bottom: 35px;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t3 p:nth-child(2n+1){
	width: 30%;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t3 p:nth-child(2n){
	width: 70%;
	color: #00a2e9;
	font-weight: 700;
	font-size: 24px;
}
.exh-t1 .mySwiper1 .swiper-slide .right .t3 p span{
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	padding: 0 5px;
	line-height: 32px;
	background: linear-gradient(54deg,#63A3FF 0%,#B6DCFF 50%,#72BEFF 100%); 
}
.exh-t1 .swiper-pagination{
	position: static;
	margin-top: 20px;
}
.exh-t1 .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
}
.exh-t1 .swiper-pagination-bullet-active{
	background: #0c9be9;
}
.exh-t2{
	padding-bottom: 70px;
}
.exh-t3{
	padding: 80px 0;
	background-color: #f4f5f7;
}
.exh-t3 .title{
	color: #284270;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}
.exh-t3 .pro-list{
	margin-top: 80px;
}
.exh-t3 .pro-list .item{
	box-shadow: none;
	background-color: #fff;
}
.exh-t4{
	background-color: #fff;
	padding-top: 90px;
	position: relative;
	z-index: 2;
}
.exh-t4 .container-xl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.exh-t4 .container-xl .left{
	width: 20%;
}
.exh-t4 .container-xl .left p:nth-of-type(1){
	color: #284270;
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 25px;
}
.exh-t4 .container-xl .left p:nth-of-type(2){
	color: #284270;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-top: 35px;
}
.exh-t4 .container-xl .right{
	width: 68%;
	position: relative;
}
.exh-t4 .container-xl .right img{
	margin-bottom: -120px;
}
@media (max-width:1360px) {
	.exh-t4 .container-xl .right img{
		margin-bottom: 0px;
	}
}
.exh-t5{
	position: relative;
}
.exh-t5 > img{}
.exh-t5 .container-xl{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
}
.exh-t5 .container-xl .left{
	width: 39%;
	position: relative;
}
.exh-t5 .container-xl .left > div{
	position: absolute;
	width: 80%;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
	display: none;
}
.exh-t5 .container-xl .left h5{}
.exh-t5 .container-xl .left p{}
.exh-t5 .container-xl .right{
	width: 55.7%;
}
.exh-t5 .container-xl .right .form-feedback .btn{
	text-transform: uppercase;
	border-radius: 4px;
	max-width: 211px;
	background-color: #0c9be9;
}
@media (max-width: 768px) {
	.exh-t1{padding: 30px 0 30px 0;}
	.exh-t1 .mySwiper1{margin-top: 15px;}
	.exh-t1 .mySwiper1 .swiper-slide .left{width: 100%;}
	.exh-t1 .mySwiper1 .swiper-slide .right{width: 100%;margin-top: 15px;}
	.exh-t1 .mySwiper1 .swiper-slide .right .t1 a{font-size: 24px;line-height: 32px;}
	.exh-t1 .mySwiper1 .swiper-slide .right .t2{
		font-size: 18px;
		line-height: 26px;
		padding: 15px 0;
		border-radius: 8px;
	}
	.exh-t1 .mySwiper1 .swiper-slide .right .t3{
		border-radius: 8px;
		padding: 15px;
	}
	.exh-t1 .mySwiper1 .swiper-slide .right .t3 p{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.exh-t1 .mySwiper1 .swiper-slide .right .t3 p:nth-child(2n){
		font-size: 18px;
	}
	.exh-t1 .mySwiper1 .swiper-slide .right .t3 p span{
		line-height: 24px;
	}
	.exh-t2{padding-bottom: 0;}
	.exh-t3{padding: 30px 0;}
	.exh-t3 .title{font-size: 24px;line-height: 32px;}
	.exh-t3 .pro-list{margin-top: 15px;}
	.exh-t4{padding-top: 30px;}
	.exh-t4 .container-xl{flex-wrap: wrap;}
	.exh-t4 .container-xl .left{width: 100%;}
	.exh-t4 .container-xl .right{width: 100%;}
	.exh-t4 .container-xl .left p:nth-of-type(1){font-size: 24px;line-height: 32px;margin-bottom: 15px;}
	.exh-t4 .container-xl .left p:nth-of-type(2){font-size: 14px;line-height: 22px;margin-top: 15px;}
	.exh-t5{padding-top: 15px;}
	.exh-t5 > img{display: none;}
	.exh-t5 .container-xl{position: static;transform: none;flex-wrap: wrap;}
	.exh-t5 .container-xl .right{width: 100%;}
}

.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}

.case-list-wrapper{padding: 80px 0;}
.case-list-wrapper .t1{font-size:52px;color:#234167;line-height:60px;font-weight:bold;margin-bottom:20px;}
.case-list-wrapper .desc{font-size:19px;line-height:24px;margin-bottom:40px;}
.case-list-wrapper .item{margin-bottom:35px;padding:30px;background:#e6f5fd;border-radius:20px;display:flex;align-items:center;justify-content:space-between;}
.case-list-wrapper .item .img{width:33%;border-radius:20px;overflow:hidden; box-shadow:16px 0 29px rgba(123, 172, 198, 0.06);}
.case-list-wrapper .item .text{width:60%;}
.case-list-wrapper .item .text .title{font-size:24px;line-height:36px;color:#0c9be9;font-weight:bold;}
.case-list-wrapper .item .text .nr{font-size:24px;line-height:36px;color:#234167;}

@media (max-width: 768px) {
	.case-list-wrapper{padding: 35px 0;}
	.case-list-wrapper .t1{font-size:28px;line-height:32px;}
	.case-list-wrapper .desc{font-size:16px;line-height:24px;margin-bottom:20px;}
	.case-list-wrapper .item{margin-bottom:20px;padding:10px;}
}



.contrast-container{padding:0px 0 40px;}
.contrast-wapper{border-radius:20px;box-shadow:5px 0 65px rgba(0, 0, 0, 0.1);padding:50px 80px;}
.contrast-wapper .t1{font-size:48px;line-height:52px;margin-bottom:10px;}
.contrast-wapper .t2{display:flex;font-size:18px;line-height:32px;flex-wrap:wrap;}
.contrast-wapper .t2 a{color:var(--public-color);text-decoration:underline;margin-left:8px;margin-right:8px;}
.contrast-pro{display:flex;justify-content:flex-end;position:relative;margin-top:40px;}
.contrast-pro .item{width:35%;padding:35px;position:relative;border-left:1px solid #ddd;}
.contrast-pro .item:first-child{border-left:0;}
.contrast-pro .item .contrast-select{background:#f2f2f2;cursor:pointer; font-size:20px;line-height:20px; border-radius:50px;position:relative;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;}
.contrast-pro .item .contrast-select:after{content:"\f054";font-family:cmsfont;font-size:16px;}
.contrast-pro .item .contrast-select:hover{background:var(--public-color);color:#fff;transition:all 0.5s;}
.contrast-pro .item .img{border:1px solid #29c38e;border-radius:20px;margin-top:30px;overflow:hidden;}
.contrast-pro .item .t3{font-size:20px;line-height:24px;margin-top:20px;text-align:center;}
.contrast-pro .item .ly{width:180px;cursor:pointer;display:block; height:50px;background:var(--public-color);border:1px solid var(--public-color); color:#fff;margin:20px auto 0; border-radius:50px;text-align:center;cursor:pointer;font-size:20px;line-height:42px;}
.contrast-pro .item .ly:hover{color:var(--public-color);background:#fff;transition:all 0.5s;}

.contrast-table{display:flex;background:url(../../images/contrast-table-bg.jpg) repeat;border-radius:20px;overflow:hidden;margin-top:40px;font-size:18px;line-height:24px;}
.contrast-table .name{width:30%;}
.contrast-table .value{width:35%;}
.contrast-table .item{height:87px;display:flex;align-items:center;}
.contrast-table .name .item{padding-left:45px;font-weight:bold;}
.contrast-table .value .item{text-align:center;justify-content:center;flex-wrap:wrap;}
.contrast-pro .openthree{position:absolute;right:-70px;width:70px;height:70px;font-size:56px;display:flex;color:var(--public-color);top:calc(50% - 70px);cursor:pointer; align-items:center;justify-content:center;}
.contrast-pro .openthree .icon:before{content:"\f055";font-family:cmsfont;}
.contrast-pro .openthree.three .icon:before{content:"\f056";font-family:cmsfont;}

.contrast-pro.three .item{width:26%;}
.contrast-table.three .name{width:22%}
.contrast-table.three .value{width:26%;}


.reveal-modal#contrast-pro1{top: 100px;left: 30%;margin-left: -15%;width: 70%;}
.reveal-modal#contrast-pro2{top: 100px;left: 30%;margin-left: -15%;width: 70%;}
.reveal-modal#contrast-pro3{top: 100px;left: 30%;margin-left: -15%;width: 70%;}
.select-pro-list{display:flex;flex-wrap:wrap;}
.select-pro-list .item{width:33%;padding:10px 20px;}
.select-pro-list .item .img{height:auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--public-color);}
.select-pro-list .item .img img{height:auto;width:100%;}
.select-pro-list .item .t1{font-size:18px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.select-pro-list .item .p1{font-size:15px;line-height:22px;position:relative;cursor:pointer;display:flex;margin-bottom:8px;}
.select-pro-list .item .p1:before{content:"";width:15px;min-width:15px; height:15px;display:block;margin-right:8px;border:1px solid var(--public-color);margin-top:3px;}
.select-pro-list .item .p1:hover{color:var(--public-color);}
.select-pro-list .item .p1:hover:before{background:var(--public-color);}

@media(max-width:768px) {
    .contrast-wapper{padding:20px 10px;}
    .contrast-wapper .t1{font-size:26px;line-height:32px;}
    .contrast-wapper .t2{font-size:14px;line-height:22px;}
    .contrast-pro .item{padding:5px;width:50%;}
    .contrast-pro{margin-top:20px;}
    .contrast-pro .item .img{margin-top:10px;}
    .contrast-pro .item .contrast-select{font-size:16px;padding:10px;}
    .contrast-pro .item .t3{font-size:16px;line-height:24px;margin-top:10px;}
    .contrast-pro .item .ly{width:100%;height:36px;font-size:16px;line-height:36px;margin-top:10px;}

    .contrast-table{margin-top:20px;font-size:16px;line-height:24px;}
    .contrast-table .value{width:50%;}

    .select-pro-list .item .img{display:none;}
    .reveal-modal#contrast-pro1{top: 30px;left: 10%;margin-left: -5%;width: 90%;padding:15px;}
    .reveal-modal#contrast-pro2{top: 30px;left: 10%;margin-left: -5%;width: 90%;padding:15px;}
    .reveal-modal#contrast-pro3{top: 30px;left: 10%;margin-left: -5%;width: 90%;padding:15px;}
    .reveal-modal .select-pro-list{height:calc(100vh - 100px);overflow:scroll;}
    .select-pro-list .item{width:100%;padding:0;}
    .select-pro-list .item .p1{font-size:14px;line-height:20px;margin-bottom:5px;}
    .select-pro-list .item .t1{font-size:16px;margin-top:5;margin-bottom:5px;}
}

/*#视频详情*/
.video-nr{position:relative;background:#f4f6f9;padding:30px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;}
.video-nr .v-content{width:76%;}
.video-nr .v-content::-webkit-scrollbar{display:none;}
.video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;margin-top:15px;margin-bottom:15px;}
.video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-content .v-desc .left{font-size:14px;color:#777;}
.video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;}
.video-nr .v-content .v-desc .left i:first-child{margin-left:0;}
.video-nr .v-content .v-desc .right .v-ly{background:#4bcd65;border:1px solid #4bcd65; display: inline-flex;padding:5px 20px;border-radius:50px;align-items:center;color:#fff;}
.video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px; padding:5px 20px;border-radius:50px;align-items:center;color:#333;}
.video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-fx:hover{background:#527dff;border-color:#527dff;color:#fff;}
.video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;}
.video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.video-nr .v-content .v-nr ul li{margin-left:20px;}
.video-nr .v-content .v-nr ul li:first-child{margin-left:0;}
.video-nr .v-content .v-nr a{color:#527dff;}
.video-nr .v-content .v-nr a:hover{text-decoration:underline;}
.video-nr .v-content .v-title2{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;}
.video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:#4bcd65;cursor:pointer;font-weight:initial;}
.video-nr .v-content .v-title2 .right:hover{color:#527dff;}
.video-nr .v-content .v-massage{font-size:16px;line-height:24px;}
.video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;}
.video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;}
.video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;}
.video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage strong{margin-right:0px;}

.video-nr .v-side{width:22%;height:100%;overflow:auto;}
.video-nr .v-side::-webkit-scrollbar{display:none;}
.video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-pro .img{width:30%;}

.video-nr .v-side .v-pro .text{width:67%;}
.video-nr .v-side .v-pro .text .t1{font-size:16px;line-height:24px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.video-nr .v-side .v-pro .d-flex{margin-top:20px;}
.video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 10px;border:1px solid #4bcd65;border-radius:50px;font-size:14px;line-height:20px;} 
.video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;}
.video-nr .v-side .v-pro .d-flex a:hover{background:#4bcd65;color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child{background:#4bcd65;color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px;}
.video-nr .v-side .v-rel .big-t1{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:15px;}
.video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-rel .v-video-item .left{width:54%;position:relative;}
.video-nr .v-side .v-rel .v-video-item .left a{position:absolute;left:0;right:0;bottom:0;top:0;z-index:99;}
.video-nr .v-side .v-rel .v-video-item .right{width:42%;}
.video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;}
.video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;}

.v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.v-feed-box .pro{width:30%;}
.v-feed-box .pro a{transition:none;}
.v-feed-box .right{width:68%;}
.v-feed-box .right .title{text-align:left;}
.v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} 
.v-feed-box .pro .text p::before{content: url(../../images/sign-2.png);font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;}
.v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.v-share_bot{margin-top: 30px;border: 1px solid #527dff;border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;}
.v-share_bot input{border: 0;
    color: #666;
    font-size: 14px;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;}
.v-share_bot button{width: 114px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: 0;
    background: #527dff;
    border-radius: 20px;
    flex-shrink: 0;
    cursor: pointer;}

@media(max-width:768px) {
    .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;}
    .v-feed-box .pro{display:none;}
    .v-feed-box .right{width:100%;}
    .video-nr{height:auto;padding:15px;}
    .video-nr .v-content{width:100%;}
    .video-nr .v-side{width:100%;}
    .video-nr .v-content .v-desc .right{width:100%;}
    .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;}
    .video-nr .v-content .v-massage ul{padding-left:17px;}
    .video-nr .v-content .v-massage p{display:block;}
    .video-nr .v-content .v-massage ul li{display:block;}
}

.reveal-modal#mb-share{left: 60%;
    margin-left: -30%;
    width: 40%;}

.v-share-box .share{display: flex; margin-top:30px;
    font-size: 0;
    transition: all .3s ease-in-out;
    justify-content: space-between;}
.v-share-box .share_cell{font-size:16px;color:#333;text-align:center;}
.v-share-box .share_cell p{margin-bottom:0;}
.v-share-box .share_cell .icon.wa {
    background-position: -3px -180px;
}

.v-share-box .share_cell .icon.fb {
    background-position: -185px -235px;
}

.v-share-box .share_cell .icon.tw {
    background-position: -124px -177px;
}

.v-share-box .share_cell .icon.em {
    background-position: -64px -237px;
}

.v-share-box .share_cell .icon.li {
    background-position: -241px -204px;
}

.v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);}

.v-share-box .share_cell .icon{width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    background: url(../../images/vc-sprite.png) no-repeat -3px -180px;
    background-size: 300px;
    border-radius: 50%;}

@media(max-width:768px) {
    .reveal-modal#mb-share{left: 10%;
    margin-left: -5%;
    width: 90%;}
}
.video-t{font-size:18px;text-align:center;margin-top:10px;}