@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family:'Roboto';font-weight:200;src:url(../fonts/Roboto-Light.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:300;src:url(../fonts/Roboto-Regular.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:400;src:url(../fonts/Roboto-Bold.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:500;src:url(../fonts/Roboto-Black.ttf);font-display:swap}
@font-face{font-family: 'MonBold';src: url('../fonts/Montserrat-Bold.ttf');font-weight: normal;font-style: normal;font-display:swap;} 
html,body,ul,li{-webkit-text-size-adjust:none;margin:0;padding:0;font-size: 14px;color: #222}
h1,h2,h3,h4,h5,h6,p,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,div,p,textarea{font-family:'Roboto';font-weight:300;color: #333;font-size:16px;}
input,dl,dt,dd,ul,li{font-family:'Roboto';-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;font-weight:300??list-style:none;font-size:16px;}
input,select,textarea {border-radius: 0;outline: none;font-family:'Roboto';font-weight:300;font-size:16px;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
img{display: inline-block; border:none}
:root {
  --base-color: #2b2b2b;
  --auxiliary-color: #b66d4d;
  --scheme-color: #222222;
}
h1{font-weight:500;color: #333}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.3s;font-family:'Roboto';font-weight:300;font-size:15px;}
a:hover{ color:var(--auxiliary-color);text-decoration:none;}
.container{overflow-x: hidden;overflow-y: hidden;}
.containerfull{padding: 0 2%;width: 100%;}
/*::-webkit-scrollbar{height:4px; width:4px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:4px;background: var(--auxiliary-color);}
::-webkit-scrollbar-thumb{background-color:var(--auxiliary-color);box-shadow:inset 1px 1px 0 var(--auxiliary-color),inset 0 -1px 0 var(--auxiliary-color);}*/
/* header */
header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;height: 80px;line-height: 80px;background: var(--base-color)}
header.containerfull{padding-right: 4%}
header .row > div{padding: 0}
header .row > div.menu{text-align: right;white-space: nowrap;font-size:0}
header .mobilemenu{width:80px;height:inherit;display: inline-block;vertical-align: top;color: #fff;font-size:15px;cursor: pointer;position:relative;z-index: 100;padding-right: 13px;display: none;margin-left: 15px}
header .mobilemenu:after{content: '';position: absolute;left:0; top: 0;height:inherit;width: 1px;background: #ffffff10}
header .mobilemenu a{display:inline-block;position: relative;cursor: pointer;width:40px;height:40px;overflow:hidden;vertical-align: middle;}
header .mobilemenu a span,header .mobilemenu a span:after {content:"";display:block;width:28px;height:3px;background:#fff;position:absolute;top:55%;margin-top:-2px;left:0; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
header .mobilemenu a span:after {margin-top:-8px;top:0;transition-delay:0.27s;}
header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
header .mobilemenu.click a span:after {transition-delay:0s;}
header .mobilemenu.click a span:before {transition-delay:0.07s;}
header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-18px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
header .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
header.upsroll,header.upsroll-two,header.srollfix,header.navfix{background: #fffffff0;box-shadow: 0 0 15px 3px #00000010}
header.upsroll .mobilemenu a span,header.upsroll-two .mobilemenu a span,header.srollfix .mobilemenu a span,header.upsroll .mobilemenu a span:after,header.upsroll .mobilemenu a span:before,header.upsroll-two .mobilemenu a span:after,header.srollfix .mobilemenu a span:after,header.upsroll-two .mobilemenu a span:before,header.srollfix .mobilemenu a span:before{background: rgba(0,0,0,.8);}
header .mainmenu{display:inline-block;margin-right: 10px;width: calc(100% - 270px)}
header .mainmenu > li{padding-left: 55px;line-height: inherit;position: relative;}
header .mainmenu > li:first-child{padding-left: 0}
header .mainmenu > li > a{line-height: inherit;font-weight:400;font-size:17px;color: #fff}
header .shortmenu{display:inline-block;width: 260px}
header.upsroll,header.upsroll-two,header.upsroll,header.srollfix,header.navfix{border-bottom-color:#00000015}
header.upsroll .mobilemenu:after,header.upsroll-two .mobilemenu:after,header.upsroll .mobilemenu:after{background: #00000010}
header.upsroll .mainmenu > li > a,header.upsroll-two .mainmenu > li > a,header.srollfix .mainmenu > li > a,header.navfix .mainmenu > li > a{color: #333}
header .mainmenu > li > a i{margin-left: 5px;display:inline-block;font-size:20px;line-height: inherit;vertical-align: top;transition: all .3s}
header .mainmenu > li ul{position: absolute;left: -4px;width: 160%;top: 70px;background:#fffffff0;padding:15px 30px;opacity: 0;visibility: hidden;transition: all .4s}
header .mainmenu > li ul li{display: block;height: 55px;border-bottom: 1px #e5e5e5 solid}
header .mainmenu > li ul li:last-child{border-bottom: none}
header .mainmenu > li ul li a{line-height:55px;display: block;text-align: left;font-weight: 300;font-size: 16px;}
header .mainmenu > li.active > a{color: var(--auxiliary-color)}
header .mainmenu > li.active > a i{transform: rotate(-90deg);color: var(--auxiliary-color)}
header .mainmenu > li.active ul{top: 80px;opacity: 1;visibility: visible;}
header:after{content: '';background:#000000b0;width: 100%;height: 100vh;position: fixed;display: block;left: 0;top:80px;z-index: -1;opacity: 0;visibility: hidden;transition: all .6s}
header.navfix:after,header.bg:after,header.upsroll-two:after{opacity: 1;visibility: visible;}
header .logo a{font-size:50px;line-height: inherit;color: #fff;display:inline-block}
header.upsroll .logo a,header.upsroll-two .logo a,header.srollfix .logo a,header.navfix .logo a{color: #383838}

header .shortmenu{text-align: right;}
header .shortmenu > a.quote{background:var(--auxiliary-color);display:inline-block;padding:0 30px;font-size:14px;border-radius: 5px;color: #fff;line-height: 36px;}
header .shortmenu > a.quote:hover{background:#0074d5;}
header .shortmenu > a.quote i{display:inline-block;vertical-align: top;line-height: 34px;margin-right: 10px;font-size: 18px;transition:all .3s;}
header .shortmenu > a.quote:hover i{margin-right: 15px}
header .shortmenu a.icon-email,header .shortmenu > i.icon-search1{display:inline-block;line-height: inherit;margin-left: 20px;font-size:20px;vertical-align: top;color: #fff;cursor: pointer;}
header .shortmenu .language{display:inline-block;padding-left:30px;position: relative;margin-left:30px;cursor: pointer;line-height:inherit;}
header .shortmenu .language:after{content: '';position: absolute;left: 0;top: 33px;width: 1px;height: 16px;background:#ffffff30;}
header.upsroll .lang .language:after,header.upsroll-two .lang .language:after,header.srollfix .lang .language:after,header.navfix .lang .language:after{background:#00000030;}
header .shortmenu .language span{background:url(../images/en.webp) no-repeat center center;background-size: cover;display:inline-block;width:20px;height:20px;border-radius: 50%;vertical-align: middle;}
header .shortmenu .language span.en{background-image: url(../images/en.webp);}
header .shortmenu .language span.cn{background-image: url(../images/cn.webp);}
header .shortmenu .language h4{font-size:14px;display: inline-block;line-height: inherit;margin-bottom: 0;color: #fff;vertical-align: top;padding-left: 8px}
header .shortmenu .language h4 i{display: inline-block;vertical-align: top;line-height: inherit;margin-left: 5px}
header.upsroll .shortmenu .language:after,header.upsroll-two .shortmenu .language:after{background:#00000020;}
header.upsroll .shortmenu .language h4,header.upsroll-two .shortmenu .language h4,header.upsroll .shortmenu a.icon-email,header.upsroll-two .shortmenu a.icon-email,header.upsroll .shortmenu > i.icon-search1,header.upsroll-two .shortmenu > i.icon-search1{color: #333;transition:all .3s;}
header.upsroll .shortmenu a.icon-email:hover,header.upsroll .shortmenu > i.icon-search1:hover{color: var(--auxiliary-color)}
header.upsroll .lang .language h4,header.upsroll-two .lang .language h4,header.srollfix .lang .language h4,header.navfix .lang .language h4{color: #333}
header .shortmenu .language .langlist{position: absolute;right:20px;top:80px;background:#fff;padding:0 20px;line-height: 40px;border:1px #eee solid;text-align:left;transition: all .3s;opacity: 0;visibility: hidden;white-space:nowrap}
header .shortmenu .language .langlist:after{position: absolute;top: -7px;right: 25%;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ddd;border-left:7px solid transparent;content: '';}
header .shortmenu .language .langlist a{font-size:13px;display:inline-block;color: var(--auxiliary-color);line-height: 45px;padding-left: 10px;}
header .shortmenu .language .langlist a:hover{color: var(--auxiliary-color)}
header .shortmenu .language.hover .langlist{top:70px;opacity: 1;visibility: visible;}
header .catelog{position: fixed;left: 0;top: 80px;width: 100%;display: block;background:#fffffff0;height: 0;overflow: hidden;}
header .catelog .cate-table{display: table;}
header .catelog .cate-table .cate-lm{width: 62vw;display: table-cell;padding:50px 0 50px 120px}
header .catelog .cate-table .cate-lm > ul{width: 50%;position: relative;padding-right: 8%}
header .catelog .cate-table .cate-lm > ul:after{content: '';background:#00000012;width: 1px;height: 100%;right: 0;top: 0;position: absolute;}
header .catelog .cate-table .cate-lm > ul > li{display: block;line-height: 60px}
header .catelog .cate-table .cate-lm > ul > li > a{display: block;border-bottom: 1px #e5e5e5 solid;position: relative;font-size: 18px;font-weight:bold}
header .catelog .cate-table .cate-lm > ul > li > a i{position: absolute;right: 2%;top: 0;line-height: 60px;font-size: 12px}
header .catelog .cate-table .cate-lm > ul > li ul{position: absolute;right: -10%;transform: translateX(100%);top: 0;width:70%;opacity: 0;visibility: hidden;transition: ease 0.2s}
header .catelog .cate-table .cate-lm > ul > li.active ul{opacity: 1;visibility:visible;right: -15%;transition: ease 0.5s;}
header .catelog .cate-table .cate-lm > ul > li.active > a{color: var(--auxiliary-color)}
header .catelog .cate-table .cate-lm > ul > li ul li{display:block;}
header .catelog .cate-table .cate-lm > ul > li ul li a{color: #666;font-size: 16px;display: block;border-bottom: 1px #e5e5e5 solid;}
header .catelog .cate-table .cate-lm > ul > li ul li a:hover{color: var(--auxiliary-color)}
header .catelog .cate-table .cate-intro{display: table-cell;background: #00000008;vertical-align: middle;padding-left: 5%;padding-right: 5%;line-height: 20px;width: 38vw}
header .catelog .cate-table .cate-intro h1{text-transform: capitalize;font-size: 30px;display: block;margin-bottom: 40px}
header .catelog .cate-table .cate-intro .ajax-intro{top:20px;opacity: 0;position: relative}
header .catelog .cate-table .cate-intro .ajax-intro p{font-size: 15px;line-height: 25px}
header .catelog .cate-table .cate-intro .ajax-intro.active{top:0;opacity: 1;transition: all .8s;}
@media screen and (max-width: 1599px) {
	header .logo a{font-size:40px;}
	header .mainmenu > li{padding-left: 40px;}
}
@media screen and (max-width: 1399px) {	
	header .mainmenu > li{padding-left: 25px;}
}
@media screen and (max-width: 1199px) {
	header .mainmenu{width: calc(100% - 230px)}
	header .shortmenu{width: auto}
	header .mainmenu > li{padding-left: 18px;}
}
@media screen and (max-width: 991px) {
	header.upsroll .mobilemenu a span,header.upsroll .mobilemenu a span:after {background:rgba(0,0,0,.8);}
	header .mainmenu > li:first-child{padding-left: 18px}
}
.header-search-show {position: fixed;right: 0;top: -80px;width: 30rem;height: inherit;z-index: 999;background: #fefefe;transition:all .4s ease;opacity: 0;visibility: hidden;}
.header-search-show form{display: block;font-size: 0;height: inherit;overflow: hidden;}
.header-search-show form input {display: inline-block;width: 80%;line-height: inherit;border: none;background: none;font-size: 14px;padding-left: 20px;padding-right: 20px;vertical-align: top}
.header-search-show form button {display: inline-block;width: 20%;cursor: pointer;font-size: 20px;height: inherit;color:#333;background:none;border:none;outline: none;vertical-align: top}
.header-search-show form button:hover{color:var(--auxiliary-color);}
.header-search-show.cur {top: -2px;opacity: 1;visibility: visible;}

@media screen and (max-width: 1399px) {
	.header-search-show {width: 25rem}
}
@media screen and (max-width: 1299px) {
	.header-search-show {width: 20rem}
}
@media screen and (max-width: 991px) {
	.header-search-show {width: 18rem}
	.header-search-show {top: -60px;}
}
@media screen and (max-width: 767px) {
	.header-search-show {width: 15rem}
}

.home-banner{padding-right: 4%;position: relative;overflow: hidden;padding-top: 80px}
.home-banner:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 80vh;background:var(--base-color);}
.scroll{position: absolute;left: 50%;transform:translateX(-50%);bottom: 70px;z-index: 100;}
.scroll i{display: block;animation: sxfdup 2s infinite ease-in-out;font-size: 45px;color: #ffffff90}
.home-banner .share{width: 4%;position: absolute;right: 0;top: 35%;z-index: 10;}
.home-banner .share ul{display: flex;flex-direction: column;gap:12px;}
.home-banner .share ul li{flex:1;text-align: center;}
.home-banner .share ul li a{color: #fff;background: #ffffff10;font-size:16px;width: 30px;height: 30px;display: inline-block;line-height: 30px;border-radius: 5px}
.home-banner .share ul li a:hover{background: #ffffff30;}
.index-banner-swiper {width: 100%;position: relative;overflow: hidden;border-top-right-radius:0.5rem;;border-bottom-right-radius:0.5rem;}
.index-banner {position: relative;z-index: 5;overflow: hidden;}
.index-banner:after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background:url(../images/banner_sha.png) #00000090;display: block;z-index: 1}
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .text {position: absolute;width: 90%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;left: 9.5%;width: 52%}
.index-banner .text h1{line-height:68px;font-size: 62px;text-transform: capitalize;text-shadow: 5px 5px 5px #00000050;color: #fff}
.index-banner .text h1 b{color: var(--auxiliary-color)}
.index-banner .text h2{padding-bottom: 42px;font-size: 28px;position: relative}
.index-banner .text h2:after{content: '';position: absolute;left: 0;bottom: 20px;width: 50px;height: 2px;background: var(--auxiliary-color)}
.index-banner .text p{margin-top:50px;font-size: 24px;line-height: 32px;color: #eee;}
.index-banner .text .more{margin-top:6%;display: block;}
.index-banner .text h2{transform:translateY(200px);opacity:0;}
.index-banner .text h1{transform:translateY(200px);opacity:0;}
.index-banner .text p{transform:translateY(200px);opacity:0;}
.index-banner .text .more{transform:translateY(200px);opacity:0;}
.swiper-slide-active .index-banner .text h1,.swiper-slide-active .index-banner .text h2,.swiper-slide-active .index-banner .text p,.swiper-slide-active .index-banner .text .more{transform:translateY(0px);opacity:1;transition:all 0s}
.swiper-slide-active .index-banner .text h2{transition:all .8s .3s;color: #fff}
.swiper-slide-active .index-banner .text h1{transition:all .8s .6s;}
.swiper-slide-active .index-banner .text p{transition:all .8s .8s;}
.swiper-slide-active .index-banner .text .more{transition:all .8s 1.2s;}
.index-banner .img,.index-banner .video{width: 100%;position: relative}
.index-banner .img img,.index-banner .video video{width: 100%;margin-bottom: 0;display: block;}
.inner-banner{width: 100%;display:block;position: relative;overflow: hidden;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.07);}
.inner-banner .text{position: absolute;left:10%;top:18%;z-index: 100}
.inner-banner .text.middle{top:calc(50% + 40px);transform: translateY(-50%);}
.inner-banner .text h1{font-weight: bold;font-size: 45px;color: #fff;text-transform: uppercase;position: relative;padding-right: 50px;display: inline-block;}
.inner-banner .text h1:after{content: '';background: var(--auxiliary-color);position: absolute;right: 0;top: 55%;width: 30px;height: 2px}
.inner-banner .text h2{color: #fff;font-size: 16px;padding-top: 10px}
.inner-banner .bgimg{width: 100%}
.inner-banner .bgimg img{width: 100%}
.index-banner-swiper .swiper-button-next:after,.index-banner-swiper .swiper-button-prev:after{font-size: 18px;color: #fff;background:#00000020;padding: 22px 15px}
.index-banner-swiper .swiper-button-prev{left: 0;top: 50%;transform: translateY(-50%)}
.index-banner-swiper .swiper-button-next{right: 0;top: 50%;transform: translateY(-50%);}
.index-banner-swiper .swiper-pagination{bottom: 80px;width: 100%;text-align: right;padding-right: 80px}
.index-banner-swiper .swiper-pagination-bullet {margin:0 20px 0 0!important;opacity: 1!important;}
.index-banner-swiper .swiper-pagination-bullet {background: rgba(255,255,255,.3);width: 60px;height: 2px;border-radius:0;position: relative;}
.index-banner-swiper .swiper-pagination-bullet::after {display: block;top: -25px;left: 0;font-size:14px;color:#fff;width:100%;position:absolute;opacity: .5;text-align: left}
.index-banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {opacity: 1;font-weight:bold}
.index-banner-swiper .swiper-pagination-bullet::before {content: '';width: 0%; height: 100%;left: 0;top: 0;background:#fff;z-index: 3;display: block;}
.index-banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 8000ms 1;animation: w100 8000ms 1;width:100%;}
.index-banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child::before {-webkit-animation: w100 20000ms 1;animation: w100 20000ms 1;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes sxfdup { 0%, 100% { transform: translateY(1rem); } 50% { transform: translateY(-1rem); } }

@media screen and (max-width: 1699px) {
	.home-banner:after{height: 70vh}
}
@media screen and (max-width: 1599px) {
	.home-banner:after{height: 60vh}
	.index-banner .text {width: 60%}
	.index-banner .text h1{line-height:55px;font-size: 40px;}
	.index-banner .text p{margin-top:40px;font-size: 22px;line-height: 28px;}
	.inner-banner .text{top:5%;}	
}
@media screen and (max-width: 1399px) {
	header .shortmenu .language{padding-left:20px;margin-left: 20px;}
	header .mainmenu > li > a{font-size: 16px}
	.index-banner .img:after,.index-banner .video:after{height:65vh;content:'';display:block}
	.index-banner .img img,.index-banner .video video{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);min-width: 100%}
	.index-banner .text h1{line-height:45px;font-size: 30px;}
	.index-banner .text h2{font-size: 20px}
	.index-banner .text p{margin-top:30px;}
	.index-banner-swiper .swiper-pagination{bottom: 50px;padding-right: 50px;}
	.inner-banner .text{left:3%;}
	.inner-banner .text h1{font-size: 35px;}
	.inner-banner .text h2{font-size: 16px;}
	.home-banner .scroll{bottom: 60px;}
	.home-banner .scroll i{font-size: 40px;}
}
@media screen and (max-width: 1199px) {
	.home-banner .share{top: 35%}
	.home-banner .share ul li a{font-size:14px;width: 26px;height: 26px;;line-height: 26px;}
	.index-banner .img:after,.index-banner .video:after{height:60vh;content:'';display:block}
	header .shortmenu .language{padding-left:16px;margin-left: 16px;}
	header .mainmenu > li > a{font-size: 14px}
	header .shortmenu > a.quote{padding:0 15px;font-size:12px;}
	.index-banner .text{width: 80%;left:10%}
	.index-banner .text h1{line-height:35px;font-size: 25px;}
	.index-banner .text h2{font-size: 18px;padding-bottom: 30px}
	.index-banner .text p{margin-top:25px;font-size: 14px;width:100%;line-height: 25px;}
	.inner-banner .bgimg:after{height:350px;content:'';display:block}
	.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.index-banner-swiper .swiper-pagination{bottom: 40px;padding-right: 40px;}
	.home-banner .scroll{bottom: 40px;}
	.home-banner .scroll i{font-size: 30px;}
}
@media screen and (max-width:991px){
	header .logo a{font-size:30px;}
	header{height: 60px;line-height: 60px}
	header .row > div.lang > a{display: none}
	header .shortmenu a.icon-email,header .shortmenu > i.icon-search1{margin-left: 10px;font-size:16px;}
	header.navfix .shortmenu a.icon-email,header.navfix .shortmenu > i.icon-search1{color: #333}
	header .shortmenu .language{padding-left:12px;margin-left: 12px;}
	header .shortmenu .language span{width: 16px;height: 16px}
	header .mainmenu{position:fixed;left: -100%;width: 100%;top:60px;height: 100vh;padding-top: 30px;background:#fff;text-align: left;opacity: 0;visibility: hidden;transition: all .3s}
	header.navfix .mainmenu{left: 0;opacity: 1;visibility: visible;max-width: 100%;border-top: 1px #00000010 solid;}
	header .mainmenu > li{display: block;width: 100%;border-bottom: 1px #eee solid;height: 60px;overflow: hidden;line-height: 60px}
	header .mainmenu > li > a{font-size:18px;line-height: 60px;vertical-align: top}
	header .mainmenu > li > i{position: absolute;right: 0;top: 0;font-size: 30px;transform: rotate(-90deg);line-height: 60px;cursor: pointer;}
	header .mainmenu > li.on > i{transform: rotate(0);}
	header .mainmenu > li ul{position:initial;opacity: 1;visibility: visible;width: 100%;padding:0;display: block;}
	header .shortmenu .language:after{top: 23px}
	header .shortmenu .language .langlist{right:5px;top:60px;}
	header .shortmenu .language h4{line-height: 60px;}
	header.upsroll .shortmenu .language h4,header.navfix .shortmenu .language h4{color: #333}
	header .shortmenu .language .langlist:after{position: absolute;top: -7px;right: 50%;transform: translateX(50%);display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ddd;border-left:7px solid transparent;content: '';}
	header .mobilemenu{display: inline-block;width: 60px;height:60px;line-height: 60px;padding-left: 20px;padding-right: 0;text-align: center;}
	header .mobilemenu:after{height:60px;}
	header.upsroll .mobilemenu:after,header.navfix .mobilemenu:after,header.navfix .shortmenu .language:after{background:#00000010;}
	header .catelog{top:60px}
	header .catelog .cate-table .cate-lm{width: 100vw;display: table-cell;padding:30px 3%}
	header .catelog .cate-table .cate-intro{display:none;}
	header .catelog .cate-table .cate-lm > ul{width: 100%;padding-right: 0}
	header .catelog .cate-table .cate-lm > ul:after{display:none;}
	header .catelog .cate-table .cate-lm > ul > li{height: 60px;overflow: hidden;border-bottom: 1px #eee solid}
	header .catelog .cate-table .cate-lm > ul > li ul{position: initial;right:auto;transform: translateX(0);top: auto;width:100%;opacity: 1;visibility: visible;transition: ease 0.2s}
	header .catelog .cate-table .cate-lm > ul > li.active-cate{height: auto}
	header .catelog .cate-table .cate-lm > ul > li ul li a{font-weight: normal;}
	header .catelog .cate-table .cate-lm > ul > li > a i{font-size: 18px;transition:all .3s;right: 0}
	header .catelog .cate-table .cate-lm > ul > li.active-cate > a i{transform: rotate(90deg);}
	.home-banner{padding-top: 60px}
	.index-banner .img:after,.index-banner .video:after{height:40vh;}
	.inner-banner .bgimg:after{height:30vh;}
	.home-banner:after{height:45vh;}
	.home-banner .share{top: 30%}
	.index-banner,.inner-banner{}
	.index-banner .text h1{line-height:30px;font-size: 20px;}
	.index-banner .text h2{font-size: 14px;padding-bottom: 15px}
	.index-banner .text h2:after{bottom: 4px;width: 30px;height: 1px}
	.index-banner .text p{margin-top:10px;font-size: 13px;max-height: 40px;line-height: 20px;overflow: hidden;}
	.inner-banner .text{top: 50%;transform: translateY(-50%);}
	.inner-banner .text h1{font-size: 30px;}
	.inner-banner .text h2{font-size: 15px;}
	.index-banner-swiper .swiper-button-prev,.index-banner-swiper .swiper-button-next{top: 60%;}
	.index-banner-swiper .swiper-pagination{bottom: 30px;padding-right: 30px;}
	.index-banner-swiper .swiper-pagination-bullet {width: 45px;}
	.home-banner .scroll{bottom: 20px;}
}

@media screen and (max-width:767px){
	header .mobilemenu a{width: 36px}
	.home-banner{padding-right: 0}
	.home-banner:after{display: none}
	.index-banner-swiper{border-radius: 0}
	.index-banner .img:after,.index-banner .video:after{height:40vh;}
	.home-banner .share{display: none}	
	.index-banner .text{left: 5%;width: 90%}
	.index-banner .text h1{line-height:22px;font-size: 18px;}
	.inner-banner .text h1{font-size: 20px;margin-bottom: 0;}
	.inner-banner .text h2{font-size: 13px;}
	.home-banner .scroll{display: none}
	.index-banner-swiper .swiper-pagination{bottom: 15px;padding-right: 5px;}
}
@media screen and (max-width:576px){
	.index-banner .img:after,.index-banner .video:after{height:32vh;}
}
.comm-padding{padding-top: 100px;padding-bottom: 100px}
.comm-title{display: block;width: 100%}
.comm-title.center{text-align: center;}
.comm-title h1{font-size: 40px;line-height: 45px;text-transform:capitalize;}
.comm-title h2{color: #666;font-size:18px;line-height:1.3;margin: 20px 0;}
.comm-title h3{color: #999;font-size:14px;font-weight:300}
.moreright{text-align: right;}

.learnmore {display: inline-block;width: 220px}
.learnmore a {display: flex;align-items: center;background: #fff;padding: 1rem 5rem 1rem 2.5rem;border-radius: 10rem;overflow: hidden;position: relative;}
.learnmore a span {display:inline-block;color: #000;position: relative;z-index: 5;text-transform: uppercase;font-size:16px;font-weight: 400;transition:.3s;line-height:1.8rem;}
.learnmore a:hover span{color: #fff}
.learnmore a i {width: 3.2rem;height: 3.2rem;border-radius: 100%;display: block;position: absolute;right: .3rem;top: 50%;transform: translateY(-50%);} 
.learnmore a i:after,.learnmore i:before {content: '';width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .4s cubic-bezier(.37,0,.63,1);transition-timing-function: cubic-bezier(.37,0,.63,1);}
.learnmore a i:after {width: 100%;height: 100%;background: #ddd;}
.learnmore a i:before {width: .6rem;height: .6rem;background: #fff;z-index: 8;}
.learnmore a i em {width: 1.5rem;height: 1.5rem;display: block;font-size: 20px;background-size: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;opacity: 0;color: var(--auxiliary-color);transition:.3s;}
.learnmore a:hover i:after {width: 50rem;height: 50rem;background: var(--auxiliary-color);} 
.learnmore a:hover{background: var(--auxiliary-color);}
.learnmore a:hover i:before {background: #fff;width: 100%;height: 100%;}
.learnmore a:hover i em,.learnmore a:hover i em {opacity: 1;}
.getintouch{display: inline-block;margin-left: 15px}
.getintouch a{display: inline-block;padding: 1rem 3rem 1rem 3rem;border-radius: 10rem;border:2px #fff solid;color: #fff;font-size:16px;}
.getintouch a:hover{background: #ffffff25}

@media screen and (max-width:1599px){
	.comm-title h1{font-size: 35px;line-height: 40px;}
}
@media screen and (max-width:1399px){
	.comm-title h1{font-size: 30px;line-height: 35px;}
	.comm-title h2{font-size:15px;}
}
@media screen and (max-width:1199px){
	.comm-title h1{font-size: 22px;line-height: 30px;}
	.comm-title h2{font-size:14px;}
	.learnmore {width: 170px}
	.learnmore a span{font-size:14px;line-height:1.3rem;white-space: nowrap;}
	.learnmore a i {width:2.8rem;height: 2.8rem;right: .2rem;}
	.getintouch a{padding: 0.7rem 2rem 0.7rem 2rem;font-size:14px;}
}
@media screen and (max-width:991px){
	.comm-padding{padding-top: 40px;padding-bottom: 40px}
	.comm-title h1{font-size: 18px;line-height: 25px;margin-bottom: 15px}
	.comm-title h2{font-size:13px;}
	.learnmore{width: 160px}
	.learnmore a{padding-left: 2rem}
	.learnmore a span{font-size:13px;line-height:0.9rem;}
	.learnmore a i {width:2.4rem;height: 2.4rem;right: .2rem;}
	.getintouch a{padding: 0.6rem 1.8rem 0.6rem 1.8rem;font-size: 13px}
}


.swiper-control{position: relative;}
.swiper-control .swiper-button-prev,.swiper-control .swiper-button-next{right: 0;background: #333;width: 40px;height: 40px;border-radius: 50%;line-height: 40px;text-align: center;left: auto;}
.swiper-control .swiper-button-prev{right:50px}
.swiper-control .swiper-button-prev i,.swiper-control .swiper-button-next i{font-size:18px;line-height: 40px;color: #fff}
.swiper-control .swiper-button-prev:after,.swiper-control .swiper-button-next:after{font-size:0;}


.home-product {width: 100%;overflow: hidden;padding-top: 80px}
.home-product .row > div{padding: 0}
.home-product .row > div.intro{font-size: 18px;line-height: 1.4}
.home-product .content{display: block;width: 100%;padding-top: 70px}
.home-product .content #scrollDiv {display: block;white-space: nowrap;font-size: 0;margin-left: -25px;}
.home-product .content #scrollDiv dl{width:calc(100% / 3.5);text-align: center;}
.home-product .content #scrollDiv dl a{display:block;margin-left:25px;}
.home-product .content #scrollDiv dl a dt{display: block;background:#000;position: relative;border-radius: 0.6rem;overflow: hidden;box-shadow: 0 0 15px 0px #00000020}
.home-product .content #scrollDiv dl a dt img{width: 100%;opacity: 0.6;transition:all .8s;display: block;margin-bottom: 0}
.home-product .content #scrollDiv dl a:hover dt img{transform:scale(1.08);opacity: 0.9}
.home-product .content #scrollDiv dl a dt i{font-size:25px;display:inline-block;width: 68px;height: 68px;border-radius: 50%;border:2px #ffffff90 solid;line-height: 68px;color: #ffffff90;padding-left: 5px;transition: .3s;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}
.home-product .content #scrollDiv dl a:hover dt i{background: #ffffff20;color: #fff;border-color: #fff}
.home-product .content #scrollDiv dl a dd{display:block;position:relative;padding: 20px 10px}
.home-product .content #scrollDiv dl a dd p{display:block;font-size: 18px;white-space: wrap}


@media screen and (max-width: 1199px) {
	.home-product {padding-top: 60px}
	.home-product .content{padding-top: 50px}
	.home-product .content #scrollDiv dl{width: 50% }
	.home-product .row > div.intro{font-size:16px;}
	.home-product .content #scrollDiv dl a dd p{font-size: 16px;}
}
@media screen and (max-width: 991px) {
	.home-product {padding-top: 40px}
	.home-product .content{padding-top: 30px}
	.home-product .content #scrollDiv dl{width: 100% }
	.home-product .row > div.intro{font-size:14px;}
	.home-product .content #scrollDiv dl a dd p{font-size: 14px;}
}


.home-comment{background: url(../images/comment_bg.webp) no-repeat;background-size: cover;}
.home-comment .container{padding-left: 20%;padding-right: 20%}
.home-comment .container .comment-swiper{padding-bottom: 50px}
.home-comment .container dl{text-align: center;}
.home-comment .container dl dt{display: block;}
.home-comment .container dl dt img{width: 70px;border-radius: 50%;}
.home-comment .container dl dt .comment-star{padding-top:10px;}
.home-comment .container dl dt .comment-star i{color: var(--auxiliary-color)}
.home-comment .container dl dd{display: block;padding-top: 30px}
.home-comment .container dl dd p{font-size:20px;font-weight: 400;line-height: 1.6}
.home-comment .swiper-container-horizontal>.swiper-pagination-bullets{width: auto;left: 50%;transform: translateX(-50%);}
.home-comment .comment-swiper .swiper-button-prev,.home-comment .comment-swiper .swiper-button-next{top: auto;bottom:2px;width: 36px;height: 36px;line-height:34px;text-align: center;display: inline-block;background: #fff;border-radius: 50%;z-index: 10;left: 42%;border:1px #00000010 solid}
.home-comment .comment-swiper .swiper-button-next{left: auto;right: 42%}
.home-comment .comment-swiper .swiper-button-prev:after,.home-comment .comment-swiper .swiper-button-next:after{font-size:10px;color: var(--auxiliary-color);font-weight: bold}
.home-comment .comment-swiper .swiper-pagination-bullet-active{background: var(--auxiliary-color)}
@media screen and (max-width: 1699px) {
	.home-comment .comment-swiper .swiper-button-prev,.home-comment .comment-swiper .swiper-button-next{left: 40%}
.home-comment .comment-swiper .swiper-button-next{left: auto;right: 40%}
}

@media screen and (max-width: 1399px) {
	.home-comment .comment-swiper .swiper-button-prev,.home-comment .comment-swiper .swiper-button-next{left: 33%}
	.home-comment .comment-swiper .swiper-button-next{left: auto;right: 33%}
	.home-comment .container{padding-left: 15%;padding-right: 15%}
	.home-comment .container dl dd p{font-size:18px;line-height: 1.5}
}
@media screen and (max-width: 1199px) {
	.home-comment .container{padding-left: 10%;padding-right: 10%}
	.home-comment .comment-swiper .swiper-button-prev{left: 30%}
	.home-comment .comment-swiper .swiper-button-next{right: 30%}
	.home-comment .container dl dd p{font-size:16px;line-height: 1.4}
}
@media screen and (max-width: 991px) {
	.home-comment .container{padding-left: 3%;padding-right: 3%}
	.home-comment .comment-swiper .swiper-button-prev{left: 35%}
	.home-comment .comment-swiper .swiper-button-next{right: 35%}
	.home-comment .container dl dd p{font-size:14px;font-weight: 300}
}
@media screen and (max-width: 767px) {
	.home-comment .comment-swiper .swiper-button-prev{left:28%}
	.home-comment .comment-swiper .swiper-button-next{right:28%}
}
@media screen and (max-width: 576px) {
	.home-comment .comment-swiper .swiper-button-prev{left:23%}
	.home-comment .comment-swiper .swiper-button-next{right:23%}
}
.home-about{position: relative;z-index: 10;background: url(../images/company_bg.webp) no-repeat;background-size: cover}
.home-about .container{background:#000000c0;}
.home-about .row > div{padding: 0}
.home-about .row > div:first-child{padding-right: 2%;align-self: end}
.home-about .row > div:first-child img{width: 100%;box-shadow: 0 0 30px 5px #ffffff70;border-top-left-radius:0.6rem;border-top-right-radius:0.6rem}
.home-about .row > div:last-child{padding-top:100px;padding-bottom: 80px;padding-left:4%;}
.home-about .comm-title h1{color: #fff}
.home-about .comm-title p{font-size:18px;color: #ffffff90;display: block;padding-top: 10px}
.home-about .intro{display: block;padding-top: 30px}
.home-about .intro p{font-size:16px;color: #fff;line-height: 1.6;color: #fff}

.home-about .num-block{display:block;font-size: 0;padding-top: 20px;padding-bottom: 20px}
.home-about .num-block dl{display: inline-block;width: 32%;position: relative;white-space: nowrap;}
.home-about .num-block dl:after{content: '';position: absolute;right: 30%;top: 50%;transform:translateY(-50%);width: 1px;height:70%;background:#ffffff20;}
.home-about .num-block dl:last-child:after{display: none}
.home-about .num-block dl dt{color: #fff;display: block;}
.home-about .num-block dl dd{display:block;color: #fff;padding-left: 4px}
.home-about .num-block dl dt span{font-weight:bold;font-size:50px}
.home-about .num-block dl dt sup{font-weight: 300;font-size: 20px;top: -22px;left: 4px}
.home-about .num-block dl dd h1{font-weight: 300;font-size: 15px;display: inline-block;line-height: 22px;color: #fff}
.home-about .num-block dl dd i{font-size: 20px;display: inline-block;line-height: 22px;margin-right: 5px;vertical-align: top}
.home-about .learnmore a span{color:var(--auxiliary-color)}
.home-about .learnmore a i:after{background:var(--auxiliary-color);}
.home-about .learnmore a:hover span{color: #fff}
@media screen and (max-width:1399px){
	.home-about .num-block dl dt span{font-size:40px}
}
@media screen and (max-width:1199px){
	.home-about .num-block dl dt span{font-size:30px}
}
@media screen and (max-width:991px){
	.home-about.comm-padding{padding-bottom: 10px}
	.home-about .row > div:first-child{padding-top: 40px;padding-right: 0;}
	.home-about .row > div:last-child{padding-top:40px;padding-bottom: 40px;padding-left:0;}
	.home-about .row > div p{font-size: 13px;line-height: 1.4;}
	.home-about .comm-title p{padding-top: 0}
	.home-about .intro{padding-top: 10px}
	.home-about .num-block{padding-top: 10px;padding-bottom: 0}
}
@media screen and (max-width:767px){
	.home-about .num-block dl{width:33%;}
	.home-about .num-block dl dt sup{top: -9px;left: 4px}
	.home-about .num-block dl dd h1{font-size: 14px}	
}
.home-business .container:last-child{padding-right: 0}
.home-business .row > div{padding: 0}
.home-business .home-business-swiper{padding-top: 50px;padding-bottom: 80px}
.home-business .home-business-swiper a dl{display: block;}
.home-business .home-business-swiper a dl dt{display: block;position: relative;padding-top: 90%;overflow: hidden;border-radius: 0.6rem;}
.home-business .home-business-swiper a dl dt img{width: 100%;height: 100%;position: absolute;inset:0;object-fit: cover;transition: .8s}
.home-business .home-business-swiper a:hover dl dt img{transform:scale(1.05);}
.home-business .home-business-swiper a dl dd{display: block;padding-top: 20px}
.home-business .home-business-swiper a dl dd h1{font-size:25px;display: block;transition: .3s}
.home-business .home-business-swiper a:hover dl dd h1{color: var(--auxiliary-color)}
.home-business .home-business-swiper a dl dd p{display: block;font-size:16px;margin-top: 15px}
.home-business .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px}
.home-business .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 20px;height: 4px;background:#999;border-radius: 3px;transition:.3s;margin: 0 4px;}
.home-business .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 50px;background: var(--auxiliary-color)}

.home-whychoose{background: #eee}
.home-whychoose .row{padding-top: 50px;align-items: center;}
.home-whychoose .row > div{padding: 0}
.home-whychoose .row > div.img{padding-right: 5%}
.home-whychoose .row > div.img img{width: 100%;border-radius: 0.6rem}
.home-whychoose .row > div.list dl{height: 60px;display: block;overflow: hidden;border-bottom: 1px #ddd solid;margin-bottom: 0}
.home-whychoose .row > div.list dl.active{height: auto}
.home-whychoose .row > div.list dl dt{display: block;position: relative;cursor: pointer;height: 60px;line-height: 60px;margin-bottom: 0}
.home-whychoose .row > div.list dl dt h2{font-weight: 400;font-size: 22px;line-height: 60px;height: 60px;width: calc(100% - 40px);transition:.3s;}
.home-whychoose .row > div.list dl.active dt h2{color: var(--auxiliary-color)}
.home-whychoose .row > div.list dl dt i{position: absolute;right: 0;top: 15px;width: 30px;height: 30px;background: #ddd;color: #333;border-radius: 50%;line-height: 30px;text-align: center;transition:.3s;}
.home-whychoose .row > div.list dl.active dt i{transform: rotate(180deg);}
.home-whychoose .row > div.list dl p{font-size:16px;line-height:1.4;display: block;color: #666}

@media screen and (max-width: 1399px) {
	.home-whychoose .row > div.list dl dt h2{font-size: 20px;}
}
@media screen and (max-width: 1199px) {
	.home-whychoose .row{padding-top: 30px;}
	.home-whychoose .row > div.list dl dt h2{font-size: 18px;}
	.home-business .home-business-swiper a dl dd h1{font-size:20px;}
	.home-business .home-business-swiper a dl dd p,.home-whychoose .row > div.list dl p{font-size:15px;}
}
@media screen and (max-width: 991px) {
	.home-whychoose .row{padding-top: 10px;}
	.home-whychoose .row > div.list dl dt h2{font-size: 16px;}
	.home-business .home-business-swiper a dl dd h1{font-size:18px;}
	.home-business .home-business-swiper a dl dd p,.home-whychoose .row > div.list dl p{font-size:14px;}
}
@media screen and (max-width: 767px) {
	.home-whychoose .row > div.list dl dt h2{font-size: 14px;}
	.home-business .home-business-swiper a dl dd h1{font-size:16px;}
}
.home-solution {padding-bottom: 0;position: relative;z-index: 10;background:url(../images/solution.webp) no-repeat center;background-size: cover}
.home-solution .row > div{padding: 0}
.home-solution .row > div:last-child{text-align: right;padding-left: 15%;padding-top: 40px}
.home-solution .comm-title h1{color: #fff;font-size: 45px}
.home-solution .title h3{color: #ffffff90;font-size: 16px;display:block;text-align: left;margin-bottom: 15px}
.home-solution .title h4{display:inline-block;text-align: left;color: #999;font-size: 16px;font-weight: 400;line-height: 22px}
.home-solution .title h4 a{color: #202221;font-size:15px;background: #fff;line-height: 20px;display:inline-block;padding: 10px 35px;border-radius:5px;margin-top: 30px;box-shadow: 0 15px 15px -15px #ffffff80;}
.home-solution .title h4 a i{display:inline-block;line-height: 20px;vertical-align: top;margin-left: 10px;font-size: 20px;transition:all .3s;}
.home-solution .title h4 a:hover{background: var(--auxiliary-color);color: #fff}
.home-solution .title h4 a:hover i{margin-left: 20px}
.home-solution .home-solution-swiper{padding-top:100px;padding-bottom: 80px}
.home-solution .home-solution-swiper dl a{display:block;}
.home-solution .home-solution-swiper dl a dt{display:block;overflow: hidden;border-radius: 20px}
.home-solution .home-solution-swiper dl a dt img{width: 100%}
.home-solution .home-solution-swiper dl a dd {display:block;padding:30px 0;}
.home-solution .home-solution-swiper dl a dd h1{color: #fff;font-size: 20px;text-align: center;display:block;}
.home-solution .swiper-container-horizontal>.swiper-pagination-bullets{bottom:70px}
.home-solution .swiper-pagination-bullet{background:#fff;}


.home-advantage{background: var(--auxiliary-color);box-shadow: 0 20px 20px -15px #00000050;position: relative;z-index: 101;}
.home-advantage .comm-title h2{color: #ffffff90}
.home-advantage .comm-title h1{color: #fff}
.home-advantage .advantage-list .row{align-items: center;}
.home-advantage .advantage-list .row > div{padding: 0;}
.home-advantage .advantage-list .row > div .content{display:block;padding-top:20px;padding-right: 15%}
.home-advantage .advantage-list .row > div .content p{font-size: 15px;font-weight: 300;line-height: 25px;color: #ffffffb0;display:block;margin:8px 0;}
.home-advantage .advantage-list .row > div i{font-size: 40px;margin-top: 30px;display:block;color: #ffffff70}
.home-advantage .advantage-list .row > div dl{position: relative;overflow: hidden;margin-bottom: 0;}
.home-advantage .advantage-list .row > div dl dt{display:block;overflow: hidden;}
.home-advantage .advantage-list .row > div dl dt img{width: 100%;}
.home-advantage .advantage-list .row > div dl dd{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px 30px;margin-bottom: 0;background:#00000080;color: #fff;font-size: 22px;text-align: center;backdrop-filter: blur(5px);}
.home-advantage .advantage-list .row > div dl dd i{display:inline-block;margin-left: 15px}
.home-advantage .advantage-content{position: relative;}
.home-advantage .advantage-content .swiper-button-prev,.home-advantage .advantage-content .swiper-button-next{background:#ffffff40;}
.home-advantage .advantage-content .swiper-button-prev{left: 0}
.home-advantage .advantage-content .swiper-button-next{right: 0}
.home-advantage .advantage-content .swiper-button-prev:after,.home-advantage .advantage-content .swiper-button-next:after{color: #fff;font-size: 18px}
.home-advantage .advantage-list .swiper-pagination-customs{padding:8px 10px;background: #ffffffa0;position: absolute;left: 20px;top:45%;display: inline-block;border-radius: 20px;z-index: 100;display: inline-block;}
.home-advantage .advantage-list .swiper-pagination-bullet{margin: 7px 0;display: block;}
.home-advantage .advantage-list .swiper-pagination-bullet-active{background: #222}

.home-partners{background:#f2f2f2;}
.home-partners .partner-list{display:block;font-size: 0;padding-top: 50px;padding-bottom: 30px}
.home-partners .partner-list dl{}
.home-partners .partner-list dl dt{display: block;padding-top: 0;padding:25px 40px;background: #fff;border-radius:5px;box-shadow: 0px 5px 25px 4px rgba(25, 17, 64, 0.1);}
.home-partners .partner-list dl dt img{width: 100%;}

.home-news .row > div{padding: 0}
.home-news .news-list{padding-bottom:80px;padding-top:30px}
.home-news .news-list dl a{display: block;}
.home-news .news-list dl a dt {display: block;overflow: hidden;background: #000;border-radius: 5px;box-shadow: 0 15px 15px -13px #00000030;}
.home-news .news-list dl a dt img{width: 100%;transition: all .3s;opacity: 0.6}
.home-news .news-list dl a:hover dt img{transform:scale(1.08);opacity: 0.9}
.home-news .news-list dl a dd{display: block;border-bottom: 2px #f0f0f0 solid;padding-bottom: 10px;padding-top: 25px;position: relative;}
.home-news .news-list dl a dd:after{content: '';position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;transition: all .3s;background: var(--auxiliary-color)}
.home-news .news-list dl a:hover dd:after{width: 100%;}
.home-news .news-list dl a dd h2{font-size:20px;line-height: 1.4;height: 150px;transition: all .3s}
.home-news .news-list dl a:hover dd h2{color: var(--auxiliary-color)}
.home-news .news-list dl a dd p{color: #999}
.home-news .news-list .swiper-button-prev,.home-news .news-list .swiper-button-next{top: 30%}
.home-news .news-list .swiper-button-prev:after,.home-news .news-list .swiper-button-next:after{color: #fff;font-size:20px;}
.home-news .more-news{text-align: center;display: block;}
.home-news .more-news .learnmore a{background: #f5f5f5}
.home-news .more-news .learnmore a span{color: var(--auxiliary-color)}
.home-news .more-news .learnmore a:hover span{color: #fff}
.home-news .more-news .learnmore a i:after{background:var(--auxiliary-color)}
@media screen and (max-width: 1399px){
	.home-news .news-list dl a dd h2{font-size:18px;}
}
@media screen and (max-width: 1199px){
	.home-news .news-list dl a dd h2{font-size:16px;height: 120px;}
	.home-news .news-list dl a dd p{font-size: 14px}
}
@media screen and (max-width: 991px){
	.home-news .news-list dl a dd h2{font-size:14px;height: auto;padding-bottom: 30px}
	.home-news .news-list dl a dd p{font-size:12px;}
	.home-news .news-list{padding-bottom:20px;}
}
.pagination-bar {overflow: hidden; padding:0;margin-bottom: 30px;font-size: 16px}
.pagination-bar.center{text-align: center; }
.pagination-bar.right{text-align: right; }
.pagination-bar.borderline{border-top: 1px #eee solid;padding-top: 60px}
.pagination-bar.borderlinebottom{padding-top: 40px;margin-bottom: 0;padding-bottom: 50px}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px;	vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;border-radius:5px;font-size: 15px}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;color: var(--auxiliary-color);border-radius:5px;font-size: 15px}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;border-radius:5px;font-size: 15px;color: #666}
.pagination-bar ul li.active{background: var(--auxiliary-color);color: #fff;height: 42px;width: 42px;display: inline-block;border-radius:5px;line-height: 42px;text-align: center;font-weight: 300;font-size: 15px}
.pagination-bar ul li i{vertical-align: top;font-size: 16px;line-height: 42px;display: inline-block;color: #666}
.pagination-bar ul li a:hover{ color: #fff; background: var(--auxiliary-color);}
@media screen and (max-width: 991px){
	.pagination-bar {margin-top:30px;}
	.pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 34px;}
	.pagination-bar ul li a {height:30px;width: 30px;}
	.pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;}
	.pagination-bar ul li.active{height: 30px;width: 30px;line-height: 34px;}
}


.menu-nav{position: absolute;z-index: 100; bottom:0;left:0;width:100%;display: block;}
.menu-nav .container{overflow: inherit;}
.menu-nav .container > ul{font-size: 0;width: 100%;white-space:nowrap;;background:#fffffffb;border-top-left-radius:5px;border-top-right-radius:5px;position: relative}
.menu-nav .container > ul::-webkit-scrollbar{display: none}
.menu-nav .container > ul > li{display: inline-block;padding: 0 50px;position: relative;z-index: 50}
.menu-nav .container > ul > li:after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 20px;background:#eee;}
.menu-nav .container > ul > li:last-child:after{display: none}
.menu-nav .container > ul > li > a{font-size: 16px;display:inline-block;position: relative;text-transform:capitalize;line-height: 66px;}
.menu-nav .container > ul > li > a i{display: inline-block;line-height: 66px;font-size: 20px;margin-left:5px;transition: all .3s;vertical-align: top}
.menu-nav .container > ul > li.hover > a,.menu-nav .container > ul > li.hover > a i{color: var(--auxiliary-color)}
.menu-nav .container > ul > li > a:hover i,.menu-nav .container > ul > li.hover > a i{transform: rotate(90deg);}
.menu-nav .container > ul > li.this > a,.menu-nav .container > ul > li.this > a:hover,.menu-nav .container > ul > li > a:hover{/*background:var(--auxiliary-color);color: #fff;border-right-color:var(--auxiliary-color);*/}
.menu-nav .container > ul > li > a:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background:var(--auxiliary-color);transition: all .3s;}
.menu-nav .container > ul > li > a:hover:after,.menu-nav .container > ul > li.hover > a:after,.menu-nav .container > ul > li.this a:after{width: 100%;}
.menu-nav .container > ul > li > ul{position: absolute;left: 0;top:80px;width: 100%;padding:10px 20px;background:#fff;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.07);transition: all .3s;opacity: 0;visibility: hidden;}
.menu-nav .container > ul > li:nth-child(2) > ul,.menu-nav .container > ul > li:nth-child(3) > ul{left: -20%;width: 140%;}
.menu-nav .container > ul > li > ul > li{display: block;line-height: 40px;border-bottom: 1px #eee solid}
.menu-nav .container > ul > li > ul > li > a{font-size: 14px}
.menu-nav .container > ul > li.hover > ul{opacity: 1;visibility: visible;top: 66px}
@media (max-width:1199px){
	.menu-nav .container > ul > li{padding: 0 35px;}
	.menu-nav .container > ul > li > a{font-size: 15px;}
}
@media (max-width:767px){
	.comm-title.set-left .title h2{font-size: 18px;padding: 20px 0}
	.menu-nav .container > ul > li{padding: 0 20px;}
	.menu-nav .container > ul > li > a{font-size: 14px;}
}

.inner-about{padding-top: 80px;padding-bottom: 80px;}
.inner-about .row {margin-left: -15px;margin-right: -15px;padding-top: 30px;align-items: center;}
.inner-about .row > div{padding: 15px}
.inner-about .row .img-bg-color{display: block;background: #000;border-radius: 10px;overflow: hidden;box-shadow: 0 15px 15px -13px #00000030;}
.inner-about .row .img-bg-color img{display: block;width: 100%;opacity: 0.7;transition: all 2s}
.inner-about .row .img-bg-color img:hover {transform: scale(1.15);}
.inner-about .row .inner-company-swiper .swiper-button-prev:after,.inner-about .row .inner-company-swiper .swiper-button-next:after{color: #fff;font-size:22px;}

.inner-about .row .intro {padding-left: 3%}
.inner-about .row .intro h2{font-size:25px;font-weight: 400;text-transform:capitalize;margin-bottom: 30px;display: block;}
.inner-about .row .intro p{font-size:16px;line-height:1.6;}
.inner-about .row .intro hr{border-top-color: #f1f1f1;}
.inner-about .num-block{display: flex;gap:25px;justify-content:space-between;margin-top: 70px}
.inner-about .num-block dl{flex-grow: 1;text-align: center;border-right: 1px #eee solid}
.inner-about .num-block dl:last-child{border-right: none}
.inner-about .num-block dl dt{display: block;white-space: nowrap;}
.inner-about .num-block dl dt span{display: inline-block;font-size:55px;font-weight: 600}
.inner-about .num-block dl dt sup{font-size:20px;top: -26px;left: 5px}
.inner-about .num-block dl dd{display: block;}
@media (max-width:1199px){
	.inner-about .row .intro h2{font-size:22px;}
	.inner-about .row .intro p{font-size:15px;}
}
@media (max-width:991px){
	.inner-about .row .intro h2{font-size:18px;}
	.inner-about .row .intro p{font-size:14px;line-height:1.4;}
}
.inner-business {background: url(../images/business.webp) no-repeat;background-size: cover}
.inner-business .row{justify-content: space-between;align-items: center;}
.inner-business .row > div{padding: 0}
.inner-business .comm-title h1{color: #fff}
.inner-business .comm-title h2{color: #fff}
.inner-business .swiper-btn {position: relative;text-align: right;}
.inner-business .swiper-btn .swiper-button-prev,.inner-business .swiper-btn .swiper-button-next {transform: none;display: inline-block;background: rgba(255,255,255,0.2);text-align: center;line-height:44px;position: initial;border-radius: 4px;transition: .3s}
.inner-business .swiper-btn .swiper-button-prev{right: 9rem}
.inner-business .swiper-btn .swiper-button-prev::after,.inner-business .swiper-btn .swiper-button-next::after {color: #fff;font-size: 1rem;font-weight: bold;}
.inner-business .swiper-btn .swiper-button-prev:hover,.inner-business .swiper-btn .swiper-button-next:hover {background: var(--auxiliary-color);}
.business-content {padding-top: 2%;width: 100%;position: relative;overflow: hidden;}
.business-content .business-swiper {position: relative;width: 100%;height: 100%;}
.business-content .business-swiper .swiper-slide{height: 100%;padding-top: 30px;padding-bottom: 30px}
.business-content .business-swiper dl {display: block;height: 100%;border-radius:1rem;padding: 8%;position: relative;overflow: hidden;transition: .3s;cursor: pointer;}
.business-content .business-swiper dl:hover{box-shadow: 0 0 15px 0 #ffffff80}
.business-content .business-swiper dl:after{content: '';position: absolute;inset:0;background:#ffffff60;z-index: -1;}
.business-content .business-swiper dl dt {display: block;font-size:20px;font-weight: 400;margin-bottom: 60px;text-transform: capitalize;}
.business-content .business-swiper dl dt i{display: block;font-size:50px;margin-bottom: 15px}
.business-content .business-swiper dl dd{display: block;}
.business-content .business-swiper .swiper-slide-active dl:after,.business-content .business-swiper .swiper-slide-next dl:after,.business-content .business-swiper .swiper-slide-prev dl:after  {background: #fff;}

.inner-core .row{margin-left: -30px;margin-right: -30px;align-items: center;margin-bottom: 50px}
.inner-core .row:nth-child(2n){flex-direction:row-reverse;}
.inner-core .row:last-child{margin-bottom: 0}
.inner-core .row > div{padding: 0 30px}
.inner-core .row > div:last-child{padding-top: 30px;padding-bottom: 30px}
.inner-core .row > div:last-child img{width: 100%;border-radius: 1rem;box-shadow: 0 15px 15px -13px #00000030;}
.inner-core .row > div .core-info{display: block;margin-top: 50px;}

@media (max-width:1199px){
	.business-content .business-swiper .swiper-slide-next dl:after,.business-content .business-swiper .swiper-slide-prev dl:after{background:#ffffff60;}
	.business-content .business-swiper dl dt {font-size:18px;margin-bottom: 40px}
	.business-content .business-swiper dl dt i{font-size:45px;}
	.business-content .business-swiper dl dd,.inner-core .row > div .core-info p{font-size:15px}
	.inner-core .row > div .core-info{margin-top: 30px}
}
@media (max-width:991px){
	.business-content .business-swiper dl dt {font-size:16px;margin-bottom: 25px}
	.business-content .business-swiper dl dt i{font-size:35px;}
	.business-content .business-swiper dl dd,.inner-core .row > div .core-info p{font-size: 14px;line-height: 1.4}
	.inner-core .row{margin:0;margin-bottom: 20px}
	.inner-core .row > div{padding: 0}
	.inner-core .row > div .core-info{margin-top: 15px}
}

.inner-capability {background:#f5f5f5;}
.inner-capability .row{margin-left: -30px;margin-right: -30px;padding-top: 30px;}
.inner-capability .row > dl{padding: 30px}
.inner-capability .row > dl a{box-shadow: 0px 0 10px 6px #00000010;position: relative;overflow: hidden;cursor: pointer;display: block;text-align: center;border-radius: 10px;}
.inner-capability .row > dl a dt{display: block;background: #000}
.inner-capability .row > dl a dt img{width: 100%;transition: all .3s;opacity: 0.8;}
.inner-capability .row > dl a:hover dt img{transform: scale(1.05);opacity: 0.5;}
.inner-capability .row > dl a dd{position: absolute;left: 50%;transform: translateX(-50%);top:calc(100% - 80px);transition: all .3s;background:var(--auxiliary-color);padding: 25px 5%;z-index: 5;margin-bottom: 0;width: 25%;overflow: hidden;border-radius: 10px}
.inner-capability .row > dl a:hover dd{top:0;width: 100%;height: 100%;padding:20px;padding-top: 40px;border-radius: 0px}
.inner-capability .row > dl a dd i{display: block;font-size: 40px;color:#fff;line-height: 30px;transition: all .3s;margin-bottom: 40px}
.inner-capability .row > dl a:hover dd i{font-size: 60px;line-height: 60px;}
.inner-capability .row > dl a dd p{font-size: 16px;color:#fff;display:block;margin-bottom: 10px;opacity: 0;transition: .2s .1s}
.inner-capability .row > dl a:hover dd p{opacity: 1}

@media screen and (max-width: 991px){
	.inner-capability .row{margin-left: 0;margin-right: 0;padding-top: 0}
	.inner-capability .row > dl{padding: 10px 0}
	.inner-capability .row > dl a dd i{font-size: 32px;margin-bottom: 20px}
	.inner-capability .row > dl a:hover dd{width: 100%;padding: 25px 5%}
	.inner-capability .row > dl a:hover dd i{font-size: 40px;line-height: 40px;}
	.inner-capability .row > dl a dd h1{font-size: 22px;}
	.inner-capability .row > dl a dd p{font-size: 15px}
	.inner-culture dl dd p{font-size:15px;line-height: 20px;}
}
@media screen and (max-width: 767px){
	.inner-capability .row > dl a dd h1{font-size: 18px;}
	.inner-capability .row > dl a dd p{font-size: 14px;line-height: 1.4}
}

.inner-global{background:#f6f6f6;display: block;width:100%;padding-top: 20px;padding-bottom: 20px;position: relative;overflow: hidden;}
.inner-global .row {margin-left: -20px;margin-right: 20px;align-items: center;}
.inner-global .row > div{padding: 20px}
.inner-global .comm-title{position: relative;z-index: 100}
.inner-global .comm-title h2{font-weight: 500;}
.inner-global .world-map{position: relative;margin-top: 50px}
.inner-global .world-map img{width: 100%}
.inner-global .world-map .point-area{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.inner-global .world-map .point-area .circle{position: absolute;top:50%;left: -30px;margin-top: -25px;width: 50px;height:50px;border-radius: 100%;transform:scale(.1);background: #005bac30;}
.inner-global .world-map .point-area .circle i{display: block;width: 10px;height: 10px;border-radius: 100%;background: #005bac;margin: 20px;}
.inner-global .world-map .point-area .circle::before {content: '';position: absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width: 30px;height:30px;border-radius: 100%;background: #005bac30);}
.inner-global .world-map .point-area.cur .circle{background: #f40b4240;}
.inner-global .world-map .point-area.cur .circle::before {background: #f40b4240;}
.inner-global .world-map .point-area.cur .circle i {background: #f40b42;}
.inner-global .world-map .point-area .circle {animation: yuanfangda 2500ms infinite ease;}
.inner-global .world-map .point-area.points1 .circle {animation: yuanfangda 1900ms infinite ease;}
.inner-global .world-map .point-area.points2 .circle {animation: yuanfangda 2300ms infinite ease;}
.inner-global .world-map .point-area.points3 .circle {animation: yuanfangda 1600ms infinite ease;}
.inner-global .world-map .point-area.points4 .circle {animation: yuanfangda 2500ms infinite ease;}
.inner-global .world-map .point-area.points5 .circle {animation: yuanfangda 2100ms infinite ease;}
.inner-global .world-map .point-area.points6 .circle {animation: yuanfangda 1500ms infinite ease;}
.inner-global .world-map .point-area.points7 .circle {animation: yuanfangda 2600ms infinite ease;}
.inner-global .world-map .point-area.points8 .circle {animation: yuanfangda 1100ms infinite ease;}
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.2);opacity: 0;}}
.points1{margin:-2% 0 0 27.5%}/*???*/
.points2{margin:-3.6% 0 0 -30%}/*???*/
.points3{margin:-8.2% 0 0 .2%}/*?¹?*/
.points4{margin:-6.8% 0 0 0%}/*?ʿ*/
.points5{margin:-4% 0 0 37%}/*???*/
.points6{margin:-3.3% 0 0 33.5%}/*????*/
.points7{margin:6% 0 0 26%}/*?????*/
.points8{margin:3% 0 0 26.5%}/*̩??*/


@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}


.inner-partner{background: url(../images/map.webp) no-repeat center bottom;background-size: 65%;}
.inner-partner .partner-list{display:block;font-size: 0;padding-top: 70px;padding-bottom: 20px;}
.inner-partner .partner-list dl{display: inline-block;vertical-align: top;width:11.625%;margin-right: 1%;text-align: center;padding:20px;background: #fff;border-radius:5px;box-shadow: 0px 5px 25px 4px rgba(25, 17, 64, 0.1);margin-bottom: 20px;position: relative}
.inner-partner .partner-list dl:nth-child(8n){margin-right: 0}
.inner-partner .partner-list dl dt{display: block;}
.inner-partner .partner-list dl dt img{width: 100%;}
.inner-partner .partner-list dl dd{display:block;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;visibility: hidden;}

.inner-services .row{margin-left: -30px;margin-right: -30px}
.inner-services .row > div{padding: 30px}
.inner-services .row > div dl{display: flex;gap:35px;flex-direction: column;background: #fff;padding: 35px;border-radius: 10px;box-shadow: 0px 0 25px 0px #00000020;}
.inner-services .row > div dl dt{flex-flow: 1}
.inner-services .row > div dl dt a{display: block;overflow: hidden;background: #000}
.inner-services .row > div dl dt a img{width: 100%;opacity: 0.6;transition: .3s}
.inner-services .row > div dl dt a:hover img{transform:scale(1.05);opacity: 0.8}
.inner-services .row > div dl dd h2{font-size:28px;font-weight: 400;color: #222;min-height:60px;}
.inner-services .row > div dl dd p{display: block;min-height:100px;line-height:25px;}
.inner-services .learnmore a{background:#f6f6f6;}
@media screen and (max-width: 1199px){
	.inner-services .row{margin-left: -20px;margin-right: -20px}
	.inner-services .row > div{padding: 20px}
	.inner-services .row > div dl{gap:25px;padding: 25px;}
	.inner-services .row > div dl dd h2{font-size:22px;}
	.inner-services .row > div dl dd p{font-size: 15px;min-height:80px;line-height:20px;}
}
@media screen and (max-width: 991px){
	.inner-services .row{margin-left: 0;margin-right: 0}
	.inner-services .row > div{padding: 10px 0}
	.inner-services .row > div dl{gap:15px;padding: 15px;}
	.inner-services .row > div dl dd h2{font-size:18px;min-height: auto;margin-bottom: 15px}
	.inner-services .row > div dl dd p{font-size: 14px;line-height:1.4;min-height: auto;margin-bottom: 20px}
}

.inner-sever-details{position: relative;background:#f5f5f5;padding-top: 100px}
.inner-sever-details.firstchild{background: none;}
.inner-sever-details.nopatop{padding-top: 0}
.inner-sever-details.contact-form{background: #fff}

.inner-sever-details .sever-details{margin-bottom:100px}
.inner-sever-details .sever-details .row{padding: 0px;background: #f5f5f5;align-items: center;border-radius: 1rem;margin-top: 50px}
.inner-sever-details .sever-details .row > div{padding:50px 30px}
.inner-sever-details .sever-details .row > div:first-child{padding-left: 50px}
.inner-sever-details .sever-details .row > div:first-child img{width: 100%;}
.inner-sever-details .sever-details .row > div:last-child{padding-right: 50px;padding-left: 0}
.inner-sever-details .sever-details .row > div:last-child dl{height: 100%;padding: 50px;overflow: hidden;display: flex;flex-direction:column;justify-content: center;}
.inner-sever-details .sever-details .row > div:last-child dl dt{font-size:30px;color: #333;font-weight: 400;line-height: 1.2}
.inner-sever-details .sever-details .row > div:last-child dl dd{padding: 30px 0;position: relative}
.inner-sever-details .sever-details .row > div:last-child dl dd .scroll{left: 15px;bottom: -50px;}
.inner-sever-details .sever-details .row > div:last-child dl dd .scroll i{color:var(--auxiliary-color);font-size:30px;}

.inner-sever-details .sever-faq{padding:20px 15% 90px}
.inner-sever-details .sever-faq .content{background:#fff;padding: 60px;border-radius: 1rem;margin-top: 30px;margin-bottom: 30px;box-shadow: 0 0 20px 0 #00000010}
.inner-sever-details .sever-faq .content dl{display: block;border-bottom: 1px #eee solid;height: 60px;overflow: hidden;margin-bottom: 0}
.inner-sever-details .sever-faq .content dl dt{display: flex;position: relative;align-items: center;margin-bottom: 0;height: 60px;justify-content: space-between;cursor: pointer;}
.inner-sever-details .sever-faq .content dl dt h3{line-height: 25px;font-weight: 400;margin-bottom: 0;font-size:17px;transition: .3s;position: relative;padding-left: 13px;padding-right: 10px}
.inner-sever-details .sever-faq .content dl dt h3:after{content: '';position: absolute;left: 0;top: 10px;width: 5px;height: 5px;border-radius: 50%;background: #999}
.inner-sever-details .sever-faq .content dl dt i{width: 25px;height: 25px;background: #ddd;color: #333;line-height: 25px;display: inline-block;right: 0;top: 18px;border-radius: 50%;text-align: center;font-size:12px;cursor: pointer;font-weight: bold;transition:.3s .2s;flex-shrink: 0}
.inner-sever-details .sever-faq .content dl dd{display: block;margin: 10px 0;font-size:15px;}
.inner-sever-details .sever-faq .content dl.active{height: auto}
.inner-sever-details .sever-faq .content dl.active dt h3{color: var(--auxiliary-color)}
.inner-sever-details .sever-faq .content dl.active dt h3:after{background:var(--auxiliary-color)}
.inner-sever-details .sever-faq .content dl.active dt i{transform:rotate(180deg);background:var(--auxiliary-color);color: #fff}
.inner-sever-details .sever-faq .notes{text-align: center;display: block;margin-bottom: 50px;font-size:14px;color: #999}
.inner-sever-details .sever-faq .center{text-align: center;}
.inner-sever-details .sever-faq .center .learnmore{width: 180px}
.inner-sever-details .sever-faq .center .learnmore a{background: var(--auxiliary-color);}
.inner-sever-details .sever-faq .center .learnmore a span{color: #fff}

.inner-sever-details .inquiryform{position: fixed;width: 40vw;display: none;background: #fff;box-shadow: 0 0 20px 0 #00000030;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 100;padding: 40px;border-radius: 1rem}
.inner-sever-details:after{content: '';position: fixed;inset:0;background: #00000090;width: 100%;height: 100%;z-index: 5;display: none}
.inner-sever-details .inquiryform .title{display: flex;justify-content:space-between;align-items: center;}
.inner-sever-details .inquiryform .title h3{font-size:25px;color: #333;text-transform: capitalize;font-weight: 500}
.inner-sever-details .inquiryform .title i{font-size:20px;cursor: pointer;}
.inner-sever-details.inquiry:after{display: block;}
.inner-sever-details.inquiry .inquiryform{display: block;}
@media screen and (max-width: 1399px){
	.inner-sever-details .inquiryform{width: 50vw;}
}
@media screen and (max-width: 1199px){
	.inner-sever-details .inquiryform{width: 60vw;}
}
@media screen and (max-width: 991px){
	.inner-sever-details .inquiryform{width: 80vw;}
}
.inner-sever-details form {margin-top: 3%;display: block;}
.inner-sever-details form ul {display: block;font-size: 0}
.inner-sever-details form ul li{width: 49%;margin-right: 2%;margin-bottom: 15px}
.inner-sever-details form ul li:nth-child(2n){margin-right: 0}
.inner-sever-details form ul li:nth-child(5),.inner-sever-details form ul li:nth-child(6){width: 100%}
.inner-sever-details form ul li:nth-child(6) input{width: 49%;margin-right: 2%;}
.inner-sever-details form ul li:nth-child(6) img{display: inline-block;margin-top: 20px;cursor: pointer;}
.inner-sever-details form ul li input,.inner-sever-details form ul li textarea {width: 100%;border: 1px solid #f0f0f0;padding:12px 22px;background: #fafafa;border-radius: 6px;box-shadow: 3px 3px 7px 0 #00000008}
.inner-sever-details form ul li textarea{height: 200px}
.inner-sever-details form ul li button {text-align: center;overflow: hidden;padding: 12px 60px;text-align: center;display: inline-block;color: #fff;border-radius: 6px;background:var(--auxiliary-color);border: none;transition: .3s;outline: none}
.inner-sever-details form ul li button:hover {background: #333;}
@media screen and (max-width: 1399px){
	.inner-sever-details{padding-top: 80px}
	.inner-sever-details .sever-faq{padding-bottom:80px}
	.inner-sever-details .sever-details .row > div{padding:50px 30px}
	.inner-sever-details .sever-details .row > div:first-child{padding-left: 50px}
	.inner-sever-details .sever-details .row > div:last-child dl dt{font-size:25px;}
}
@media screen and (max-width: 1199px){
	.inner-sever-details{padding-top: 60px}
	.inner-sever-details .sever-faq{padding-bottom:60px}
	.inner-sever-details .sever-faq .notes{margin-bottom: 40px;margin-top: 30px}
	.inner-sever-details .sever-details .row > div:first-child{padding: 30px}
	.inner-sever-details .sever-details .row > div:last-child dl{padding: 30px;}
	.inner-sever-details .sever-details .row > div:last-child dl dt{font-size:20px;}
	.inner-sever-details .sever-details .row > div:last-child dl dd{font-size: 15px}
}
@media screen and (max-width: 991px){
	.inner-sever-details{padding-top: 40px}
	.inner-sever-details .sever-faq{padding-bottom:40px}
	.inner-sever-details .sever-faq .notes{margin-bottom: 30px;}
	.inner-sever-details .sever-details .row > div:first-child{padding: 25px}
	.inner-sever-details .sever-details .row > div:last-child{padding: 0}
	.inner-sever-details .sever-details .row > div:last-child dl{padding:40px 25px 70px}
	.inner-sever-details .sever-details .row > div:last-child dl dt{font-size:18px;}
	.inner-sever-details .sever-details .row > div:last-child dl dd{font-size: 14px;line-height: 1.4}
}
@media screen and (max-width: 767px){
	.inner-sever-details form ul li{width: 100%;margin-right: 0;}
	.inner-sever-details form ul li input,.inner-sever-details form ul li textarea {padding:8px 18px;font-size: 14px}
	.inner-sever-details form ul li:nth-child(6) img{margin-top: 10px;}
	.inner-sever-details form ul li button {padding: 8px 40px;font-size: 14px}
}
.inner-sever-details .sever-process{display: block;margin-top: 50px;}
.inner-sever-details .sever-process .process-line{position: relative;padding-top:180px;padding-bottom: 180px;margin-top: 50px}
.inner-sever-details .sever-process .process-line:after{content: '';position: absolute;width: 100%;top: 50%;left: 0;height: 2px;background: var(--auxiliary-color);transform:translateY(-50%);display: block;z-index: 0;}
.inner-sever-details .sever-process .process-line .point{display: flex;justify-content:space-between;}
.inner-sever-details .sever-process .process-line .point:after,.inner-sever-details .sever-process .process-line .point:before{content: '';position: absolute;top:50%;transform:translateY(-50%);display: block;width: 8px;height: 8px;background:var(--auxiliary-color);border-radius: 50%;z-index: 5;}
.inner-sever-details .sever-process .process-line .point:after{left: 0}
.inner-sever-details .sever-process .process-line .point:before{right: 0}
.inner-sever-details .sever-process .process-line .point dl{position: relative;margin-bottom: 0;flex-shrink: 0;z-index: 5;flex:1 }
.inner-sever-details .sever-process .process-line .point dl dt{position: absolute;width: 36px;height: 36px;display: block;border-radius: 50%;border: 2px var(--auxiliary-color) solid;line-height: 36px;text-align: center;left: 50%;top:50%;transform:translate(-50%,-50%);font-weight: 500;font-size:14px;background: #fff}
.inner-sever-details .sever-process .process-line .point dl dd{position: absolute;text-transform:capitalize;bottom: 55px;left: 50%;transform:translateX(-50%);width: 160%;text-align: center;background: #fff;border:1px var(--base-color) dashed;border-radius: 6px;padding: 12px;font-size: 14px;line-height: 1.2;box-shadow: 0 0 8px 0 #00000020;}
.inner-sever-details .sever-process .process-line .point dl dd:after{content: "";position: absolute;left: 50%;bottom: -6px;height: 0;width: 0;transition: all 0.2s ease;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid var(--base-color);transform: translate(-50%, 0px);}
.inner-sever-details .sever-process .process-line .point dl dd:before{content: '';position: absolute;left: 50%;bottom: -45px;width: 1px;height: 40px;background:var(--base-color);}
.inner-sever-details .sever-process .process-line .point dl:nth-child(2n) dd{bottom:auto;top:62px}
.inner-sever-details .sever-process .process-line .point dl:nth-child(2n) dd:after{border-bottom: 6px solid var(--base-color);border-top: none;bottom: auto;top: -6px}
.inner-sever-details .sever-process .process-line .point dl:nth-child(2n) dd:before{bottom: auto;top: -45px;}

.sever-contact {background:var(--base-color);overflow: hidden;position: relative;display: flex;align-items: center;justify-content: space-around;gap:30px;}
.sever-contact .contact-us {display: flex;justify-content: space-between;padding-top: 60px;padding-bottom: 60px;gap:30px;}
.sever-contact .contact-us li i {width: 5rem;height: 5rem;position: relative;border: 1px solid #fff;border-radius: 100%;overflow: hidden;line-height:5rem;text-align: center;color: #fff;font-size: 30px;display: inline-block;vertical-align:middle}
.sever-contact .contact-us li span {color: #fff;margin-left: 1rem;max-width: 85%;}
.sever-contact .contact-btn {padding: 1rem 2.5rem;text-align: center;color: #fff;background:none;border: 1px solid #fff;border-radius: 8px;white-space: nowrap;}
.sever-contact .contact-btn:hover {background:#fff;border: 1px solid #fff;color: #000;}

@media screen and (max-width:1399px) {
	.inner-sever-details .sever-faq{padding-left: 12%;padding-right: 12%}
	.inner-sever-details .sever-process .process-line .point{padding-left: 3%;padding-right: 3%}
	.inner-sever-details .sever-process .process-line .point dl dd{font-size:13px;padding: 9px;}
}
@media screen and (max-width:1199px) {
	.inner-sever-details .sever-faq{padding-left: 6%;padding-right: 6%}
	.inner-sever-details .sever-faq .content{padding: 20px;margin-top: 20px;margin-bottom: 20px}	
	.inner-sever-details .sever-faq .content dl dt h3{line-height: 20px;font-size:16px;}
	.inner-sever-details .sever-faq .content dl dt h3:after{top: 7px}
	.sever-contact .contact-us li span{font-size:15px;}
	.sever-contact .contact-us li i {width: 3rem;height: 3rem;font-size: 20px;line-height:3rem;}
}
@media screen and (max-width:991px) {
	.sever-contact{flex-direction: column;gap:0}
	.sever-contact .contact-us{flex-direction: column;padding-top: 30px;padding-bottom: 30px;gap:20px;}
	.inner-sever-details .sever-faq{padding-left: 0;padding-right:0}
	.inner-sever-details .sever-faq .content{padding: 15px;margin-top: 15px;margin-bottom: 15px}
	.inner-sever-details .sever-faq .content dl dt h3{line-height: 18px;font-size:14px;}
	.inner-sever-details .sever-faq .content dl dt h3:after{top: 6px}
	.sever-contact .contact-btn{margin-bottom: 30px;font-size: 13px;padding: 0.8rem 2.2rem;}
}

.location{background: #f8f8f8;border-top: 1px #dedede solid;line-height: 30px;padding-top: 82px}
.location .container{padding-top: 15px;padding-bottom: 15px}
.location i{line-height: 28px;display: inline-block;font-size:16px;vertical-align: top;margin-right: 6px}
.location em{font-style:normal;line-height: 30px;}
.location a{margin:0 10px;display: inline-block;line-height:30px;}
.location span{padding-left: 8px}


.inner-case{}
.inner-case .case-catelog{padding-bottom: 80px}
.inner-case .case-catelog .comm-title{padding-left: 10%;padding-right: 10%;margin-bottom: 30px}
.inner-case .case-catelog .row{margin-left: -20px;margin-right: -20px}
.inner-case .case-catelog .row > div{padding: 20px}
.inner-case .case-catelog .row a{display: block;}
.inner-case .case-catelog .row a dl{display: block;position: relative;margin-bottom: 0}
.inner-case .case-catelog .row a dl dt{display: block;margin-bottom: 0;background: #000;overflow: hidden;border-radius: 1rem;box-shadow: 5px 5px 12px 0 #00000020;}
.inner-case .case-catelog .row a dl dt img{width: 100%;opacity: 0.8;transition: 1s}
.inner-case .case-catelog .row a:hover dl dt img{opacity: 0.3;transform:scale(1.05);}
.inner-case .case-catelog .row a dl dd{margin-bottom: 0;position: absolute;inset:0;}
.inner-case .case-catelog .row a dl dd h2,.inner-case .case-catelog .row a dl dd p{font-weight: 400;color: #fff;font-size: 30px;display: block;position: absolute;top: 50%;left: 0;transform:translateY(-50%);margin-bottom: 0;padding: 30px;line-height: 1.4;transition:.3s}
.inner-case .case-catelog .row a dl dd p{font-size: 24px;font-weight: 200;opacity: 0;transition:.3s .1s}
.inner-case .case-catelog .row a dl dd p b,.inner-case .case-catelog .row a dl dd p strong{font-weight: 400}
.inner-case .case-catelog .row a:hover dl dd h2{opacity: 0}
.inner-case .case-catelog .row a:hover dl dd p{opacity: 1;}
.inner-case .case-catelog .row a dl dd span{position: absolute;right: 20px;bottom: 0;color: #fff;font-size: 60px;opacity: 0;visibility: hidden;transition:.3s .2s;}
.inner-case .case-catelog .row a:hover dl dd span{opacity: 1;visibility: visible;}

.inner-case .tiger-comp-intro{display: block;border-top: 1px #eee solid;padding-top: 60px}
.inner-case .tiger-comp-intro .content{display: block;padding-top:30px;}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper{padding:40px 10px 120px 10px;}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper .swiper-slide{height: 100%}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper .swiper-button-prev,.inner-case .tiger-comp-intro .content .tiger-adv-swiper .swiper-button-next{
	top: 42%}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper .swiper-button-prev:after,.inner-case .tiger-comp-intro .content .tiger-adv-swiper .swiper-button-next:after{color:var(--auxiliary-color);font-size: 16px}
.tiger-comp-intro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px}
.tiger-adv-swiper .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 2px;transition: .3s}
.tiger-adv-swiper .swiper-pagination-bullet-active{background:var(--auxiliary-color);width: 35px}

.inner-case .tiger-comp-intro .content .tiger-adv-swiper dl{display: block;height: 100%;border-radius: 10px;padding:40px;box-shadow: 0 0 20px 0 #00000010}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper dl dt{display: block;margin-bottom: 20px}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper dl dt:before{font-size:50px;color: #555;display: inline-block;margin-bottom: 20px}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper dl dt h2{font-weight: 400;font-size:22px;color: var(--auxiliary-color);text-transform: capitalize;}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper dl dd{display: block;margin-bottom: 0;padding-bottom:100px}
.inner-case .tiger-comp-intro .content .tiger-adv-swiper dl dd p{display: block;margin-bottom: 0;font-size:15px;line-height: 1.4;}
.inner-case .tiger-comp-intro .img{display: block;padding-top:40px;}
.inner-case .tiger-comp-intro .img img{width: 100%}
.inner-case .tiger-comp-intro .more{display: block;text-align: center;padding-top: 50px}
.inner-case .tiger-comp-intro .more .learnmore a{border: 1px #ddd solid}

.inner-case.container{overflow: initial;}
.inner-case .total-list > div{padding: 0}
.inner-case .total-list > div:first-child{padding-right: 4%}
.inner-case .total-list .comm-title h1{font-weight: 400}
.inner-case .total-list .comm-title h2 b{color:var(--base-color)}
.inner-case .total-list .catelog{position: sticky;top: 120px;background: #fff;border-radius: 10px;padding: 40px;box-shadow: 0 0 20px 0 #00000015;}
.inner-case .total-list .catelog h2{font-weight: 400;color: #333;font-size: 25px;border-bottom: 1px #ccc solid;padding-bottom: 20px}
.inner-case .total-list .catelog ul{display: block;padding-top: 20px;padding-bottom: 20px}
.inner-case .total-list .catelog ul li{display: block;}
.inner-case .total-list .catelog ul li a{font-size: 16px;line-height: 40px;display: block;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 25px}
.inner-case .total-list .catelog ul li.active a{font-weight: 400;color: var(--auxiliary-color)}
.inner-case .total-list .catelog ul li a:after,.inner-case .total-list .catelog ul li a:before{content: '';display: block;border-radius: 50%;border: 1px #ddd solid;width: 16px;height: 16px;position: absolute;left: 0;top: 11px;transition: .3s}
.inner-case .total-list .catelog ul li a:after {width: 8px;height: 8px;left: 4px;top: 15px;border:none;}
.inner-case .total-list .catelog ul li.active a:before{border-color: var(--auxiliary-color)}
.inner-case .total-list .catelog ul li.active a:after{background: var(--auxiliary-color)}
.inner-case .total-list .row {margin-left: -20px;margin-right: -20px;padding-bottom: 50px}
.inner-case .total-list .row > div{padding: 20px}
.inner-case .total-list .row dl dt{display: block;border-radius: 1rem;overflow: hidden;background:#000;}
.inner-case .total-list .row dl dt a{display: block;}
.inner-case .total-list .row dl dt a img{width: 100%;transition: .8s;opacity: 0.6}
.inner-case .total-list .row dl dt a:hover img{transform: scale(1.05);opacity: 0.8}
.inner-case .total-list .row dl dd{display: block;margin-top: 30px}
.inner-case .total-list .row dl dd h3{font-size: 22px;font-weight: 400;line-height: 28px;min-height: 56px;}
.inner-case .total-list .row dl dd p{margin-top: 30px;height: 75px;line-height: 25px;overflow: hidden;margin-bottom: 50px;display: -webkit-box;text-overflow: ellipsis; word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.inner-case .total-list .row dl dd .learnmore{width: 190px}
.inner-case .total-list .row dl dd .learnmore a{border:1px #eee solid;padding: 1rem 3rem 1rem 2rem}
.inner-case .total-list .row dl dd .learnmore a i{width: 2.8rem;height: 2.8rem}
.inner-case .total-list .row dl dd .learnmore a span{font-size: 14px;line-height: 1.4rem}

.case-detail{padding-top: 80px;padding-bottom: 30px;text-align: center;}
.case-detail .contact{display: inline-block;text-align: center;background:#fff;border-radius: 1rem;padding: 50px 10%;margin-bottom:50px;margin-top: 30px;box-shadow: 0 0 20px 0 #00000020;}
.case-detail .contact h3{display: block;font-size: 22px;font-weight: 300;margin-bottom: 30px}
.case-detail .contact h3 a{font-size: 22px;text-decoration: underline;}
.case-detail .contact h3 a:hover{text-decoration: none;}
.case-detail .contact > a{display: inline-block;margin: 0 10px;background: #f5f5f5;position: relative;overflow: hidden;border-radius: 50px;}
.case-detail .contact > a span{display: inline-block;padding: 5px 65px 5px 35px;color:var(--auxiliary-color);font-size:18px;line-height: 40px;position: relative;z-index: 58;transition: .2s}
.case-detail .contact > a i{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;vertical-align: top;color:#fff;right: 5px;top:5px;position: absolute;z-index: 10;transition:.3s;}
.case-detail .contact > a i:before{content: '';position: absolute;width: 40px;height: 40px;background:var(--auxiliary-color);border-radius: 50%;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: -1;transition: all .4s cubic-bezier(.37,0,.63,1);transition-timing-function: cubic-bezier(.37,0,.63,1);}
.case-detail .contact > a:hover i:before{width: 30rem;height: 30rem;}
.case-detail .contact > a i:after{content: '';position: absolute;right: 15px;top:50%;width: 10px;height: 10px;background: #ffffff00;border-radius: 50%;transform:translateY(-50%);transition:.3s;}
.case-detail .contact > a:hover i:after{width: 100%;height: 100%;right: 0;background:#ffffff;}

.case-detail .contact > a:hover span{color: #fff}
.case-detail .contact > a i em{position: relative;z-index: 8;}
.case-detail .contact > a:hover i em{color: var(--auxiliary-color)}

.case-video-play .content{display: block;}
.case-video-play .content h3{display: inline-block;padding: 15px 40px;box-shadow: 0 0 10px 0 #00000020;border-radius: 8px;font-weight: 400;font-size: 18px;margin-bottom: 20px;line-height:20px;text-transform: capitalize;background: var(--base-color);color: #fff}
.case-video-play .content h3 i{display: inline-block;margin-right: 15px;vertical-align: top;line-height:20px;}
.case-video-play .content p{display: block;margin-bottom: 30px;margin-top: 10px;line-height: 1.6;font-size:18px;}
.case-video-play{position: relative;}
.case-video-play:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 70vh;background: var(--base-color);display: block;z-index: -1;}
.case-video-play .comm-title h5{color: #ffffff90;font-size:14px;text-transform:uppercase;letter-spacing: 1px}
.case-video-play .comm-title h1{color: #fff}
.case-video-play .video{display: block;margin-top: 50px;padding-bottom: 30px;margin-bottom: 40px}
.case-video-play .video iframe{width: 100%;height: 65vh;border-radius: 1rem;overflow: hidden;box-shadow: 0 0 30px 0 #00000020}

.related-case{display: block;margin-bottom: 50px;border-top: 1px #eee solid;padding-top: 80px}
.related-case .case-list{margin-left: -30px;margin-right: -30px}
.related-case .case-list > div{padding: 30px}
.related-case .case-list > div a{display: block;}
.related-case .case-list > div a dl{height: 100%;display: flex;gap:30px;align-items: center;}
.related-case .case-list > div a dl dt{flex:none;width: 35%}
.related-case .case-list > div a dl dt img{width: 100%;border-radius: 8px;box-shadow: 0 0 10px 0 #00000010}
.related-case .case-list > div a dl dd h2{font-weight: 400;font-size: 22px;line-height: 1.3}
.related-case .case-list > div a dl dd p{height: 60px;line-height: 20px;overflow: hidden;margin-bottom: 20px;display: -webkit-box;text-overflow: ellipsis;
    word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: none}
.related-case .case-list > div a dl dd span{display: block;margin-top: 30px;font-size: 15px;color: #999;line-height: 22px;text-transform: uppercase;font-weight: 400;text-decoration: underline;}
.related-case .case-list > div a dl dd span i{display: inline-block;vertical-align: top;font-size: 22px;line-height:20px;margin-left: 10px;transition:.3s;}
.related-case .case-list > div a:hover dl dd span i{margin-left: 15px}
.related-case .case-list > div a:hover dl dd span{text-decoration: none}

.inner-solution{background:#f8f8f8;}
.inner-solution .solution-list{}


.inner-blog{}
.inner-blog .row{margin-left: -20px;margin-right: -20px;padding-top:20px;}
.inner-blog .row > div{padding: 20px}
.inner-blog .row > div a{display: block;height: 100%;background:#f9f9f9;border-radius:10px;overflow: hidden;}
.inner-blog .row > div a:hover{box-shadow: 0 0 25px 0 #00000020}
.inner-blog .row > div a dl{display: block;margin-bottom: 0}
.inner-blog .row > div a dt{display: block;position: relative;padding-top: 100%;overflow: hidden;background: #000}
.inner-blog .row > div a dt:after{content: '';position: absolute;inset:0}
.inner-blog .row > div a dt i{position: absolute;right: 15px;top: 15px;z-index: 12;font-size:16px;background:var(--auxiliary-color);color: #fff;padding: 6px 12px;border-radius: 5px;font-size:13px;display: inline-block;}
.inner-blog .row > div a dt img{width: 100%;position: absolute;height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;opacity: 0.6;transition:.3s}
.inner-blog .row > div a:hover dt img{opacity: 0.8;}
.inner-blog .row > div a dd{margin-bottom: 0;padding:20px 15px;}
.inner-blog .row > div a dd h2{font-size:18px;font-weight: 400;color: #333;line-height:1.4;text-align: center;margin-bottom: 20px;display: block;}
.inner-blog .row > div a dd span{display: block;text-align: center;text-transform: uppercase;font-weight: 400;line-height:25px;font-size: 16px;transition:.3s;color: #999}
.inner-blog .row > div a dd span i{display: inline-block;margin-left: 8px;line-height: 26px;vertical-align: top;font-size:26px;transition:.3s;color: #999;}
.inner-blog .row > div a:hover dd span{color:var(--auxiliary-color);}
.inner-blog .row > div a:hover dd span i{margin-left: 20px;color:var(--auxiliary-color);}


.inner-news{padding-bottom: 0;background:#f8f8f8;}
.inner-news .row{margin-left: -20px;margin-right: -20px;padding-top:40px;}
.inner-news .row dl{padding: 20px}
.inner-news .row dl a{display:block;box-shadow:0 26px 40px -24px rgba(0,36,100,.1);overflow: hidden;border-radius: 5px}
.inner-news .row dl a dt{display:block;overflow: hidden;position: relative;}
.inner-news .row dl a dt img{width: 100%;transition:all .3s;}
.inner-news .row dl a dt em{position: absolute;left: 30px;bottom: 0;background:#0559a1f0;color: #fff;font-size: 13px;padding:12px 22px;border-top-right-radius: 5px;border-top-left-radius: 5px}
.inner-news .row dl a dt em:before{display: inline-block;margin-right: 6px}
.inner-news .row dl a:hover dt img{transform: scale(1.05);}
.inner-news .row dl a dt i{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 40px;height: 40px;line-height: 40px;text-align:center;background:#0559a1f0;color: #fff;display:block;font-size: 12px;border-radius: 50%;transition:all .3s;opacity: 0;}
.inner-news .row dl a:hover dt i{transform:translate(-50%,-50%) scale(1.8);opacity: 1;}
.inner-news .row dl a dd{background:#fff;padding:30px;min-height:250px;display:block;margin-bottom: 0;}
.inner-news .row dl a dd h2{font-size: 22px;display:block;margin-bottom:20px;transition:all .3s;font-weight: bold;line-height: 25px;height: 50px;overflow: hidden;}
.inner-news .row dl a:hover dd h2{color: #0559a1}
.inner-news .row dl a dd p{font-size: 15px;height: 44px;line-height: 22px;overflow: hidden;color: #999}
.inner-news .row dl a dd span{display:block;margin-top: 40px;overflow: hidden;position: relative;height: 20px}
.inner-news .row dl a dd span i{position: absolute;left: -15px;top: 0;font-size: 11px;transition:all .3s;}
.inner-news .row dl a:hover dd span i{left: 0;color: #0559a1}
.inner-news .row dl:nth-child(n+3) a dd h2{font-size: 18px;line-height: 25px;height: 50px;}

.inner-news.application .row dl a{position:relative;}
.inner-news.application .row dl a dd{padding: 15px;background:#00000080;position: absolute;left: 0;bottom:0;width: 100%;min-height:auto;text-align: center;}
.inner-news.application .row dl a dd h2,.inner-news.application .row dl:nth-child(n+3) a dd h2{font-size: 18px;line-height: 25px;color: #fff;height: auto;margin-bottom: 0;}

.viewnews{padding-top: 3%;padding-bottom: 5%;background:linear-gradient(0, #f8f8f8,#f8f8f8, #fff)}
.viewnews .content{padding-right: 4%;padding-left: 0}
.viewnews .content .news-type{background: #f5f5f5;border-radius:10px;padding:6px 18px;display: inline-block;color:#999;font-size: 12px}
.viewnews .content .title{padding-bottom: 3%;border-bottom: 2px #ddd solid;padding-top: 2%}
.viewnews .content .title div{padding: 0}
.viewnews .content .title div.tagwords{display:block;padding-top:30px}
.viewnews .content .title div.tagwords a{display: inline-block;margin-left: 8px;background: #0559a1;color: #fff;font-size:13px;padding:5px 15px;border-radius:3px}
.viewnews .content .title div.tagwords a:hover{background:#d29100;}
.viewnews .content .title h1{font-size: 36px;line-height: 55px}
.viewnews .content .title p{margin-top: 20px;display: block;color: #aaa}
.viewnews .content .title p i{margin-right:4px;}
.viewnews .content .date ul{width: 100%;text-align: right;padding-top: 10px}
.viewnews .content .date ul li{border: 1px #eee solid;width: 100px;text-align: center;display: inline-block;height:40px;line-height: 40px;color:#999;clear: both;}
.viewnews .content .date ul li:last-child{border-top: none;font-size: 30px;color:#000;font-weight:500;}
.viewnews .content .text{font-size: 16px;line-height: 30px;padding: 3% 0}
.viewnews .content .text p{font-size: 16px;line-height: 30px;margin:20px 0;display: block;}
.viewnews .content .text img{max-width: 100%}
.viewnews .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%;padding-bottom: 50px}
.viewnews .content .prenext li{width: 45%;display:inline-block;font-size: 0}
.viewnews .content .prenext li a{font-size: 13px;}
.viewnews .content .prenext li a b{display:inline-block;width: 100px;text-transform:uppercase;font-size: 15px;vertical-align: top;line-height: 18px}
.viewnews .content .prenext li a b i{display:inline-block;line-height: 18px;font-size: 13px;vertical-align: top;margin-right: 10px}
.viewnews .content .prenext li i:before{line-height: 18px;vertical-align: text-top;margin-right: 5px}
.viewnews .content .prenext li a span{width: calc(100% - 100px);font-size: 16px;line-height: 20px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid;}
.viewnews .content .prenext li:nth-child(2){width: 10%;text-align:center;vertical-align: top;}
.viewnews .content .prenext li:nth-child(2) a i{font-size: 16px;line-height: 20px;}
.viewnews .content .prenext li:last-child{text-align:right;}
.viewnews .content .prenext li:last-child a b i{margin-left: 10px;margin-right: 0}
.viewnews .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.viewnews .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.viewnews .list{padding: 0}
.viewnews .list .title{padding-bottom: 5%}
.viewnews .list .title h1{font-size: 25px;color:#000;font-weight:500}
.viewnews .list .newslist dl{margin-bottom: 8%}
.viewnews .list .newslist dl a dt{overflow: hidden;background: #000}
.viewnews .list .newslist dl a dt img{width: 100%;opacity:0.8;transition: all .2s}
.viewnews .list .newslist dl a:hover dt img{transform: scale(1.05);opacity:1}
.viewnews .list .newslist dl a dd{padding-top:20px}
.viewnews .list .newslist dl a dd span{padding-bottom: 5px;display: block;}
.viewnews .list .newslist dl a dd h2{color:#333;font-size: 18px;line-height: 25px;font-weight:500;position: relative;padding-bottom: 15px;display: inline-block;}
.viewnews .list .newslist dl a dd h2:after{content: '';position: absolute;left: 0;bottom:0;background: #0559a1;width: 40px;height:2px;transition: all .2s}
.viewnews .list .newslist dl a:hover dd h2{color: #0559a1}
.viewnews .list .newslist dl a:hover dd h2:after{width: 100%;}
.viewnews .list .newslist dl a dd p{font-size:14px;margin-top:25px;line-height: 24px;height: 48px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#00000090;}

@media screen and (max-width: 1399px){
	.viewnews .content .prenext li a i{width:10%}
	.viewnews .content .prenext li a i b,.viewnews .content .prenext li:nth-child(2) i b{display:none;}
}
@media screen and (max-width: 1199px){
	.viewnews .content .title h1{font-size: 30px;line-height:40px}
	.viewnews .content .prenext li a span{font-size: 15px;}
	.viewnews .content .text p{font-size: 15px;line-height: 28px;margin:15px 0;}
}
@media screen and (max-width: 991px){
	.viewnews .content .title{padding-top: 20px;padding-bottom: 20px;}
	.viewnews .list,.viewnews .content .date{display: none}
	.viewnews .content .prenext{padding-top: 20px;padding-bottom: 20px}
}

@media screen and (max-width: 767px){
    .viewnews .content .title div.tagwords a{font-size:12px;padding:4px 12px}
	.viewnews .content .title h1{font-size: 20px;line-height: 28px}
	.viewnews .content .title p{font-size: 13px;}
	.location a{font-size: 13px}
	.location em{display: none}
	.viewnews .content .text{font-size: 14px;line-height: 25px;}
}

.inner-contact .contact-info .row{margin-left: -20px;margin-right: -20px;padding-top: 40px}
.inner-contact .contact-info .row > div{padding: 20px}
.inner-contact .contact-info .row > div dl{width: 100%;height: 100%;border-radius: 1rem;border:2px #ddd solid;padding: 20px 30px;
	display: flex;justify-content: space-between;align-items: center;}
	.inner-contact .contact-info .row > div dl dt h3{font-size: 14px;color: #999;display: block;margin-bottom: 20px}
.inner-contact .contact-info .row > div dl dt h2,.inner-contact .contact-info .row > div dl dt h2 a{font-size:20px;font-weight: 400}
.inner-contact .contact-info .row > div dl dd{font-size:30px;margin-bottom: 0}

.inner-google-map{display: block;}
.inner-google-map iframe{width: 100%;height: 60vh;border: none}
@media screen and (max-width: 1399px){
	.inner-contact .contact-info .row{margin-left: -15px;margin-right: -15px;padding-top: 30px}
	.inner-contact .contact-info .row > div{padding: 15px}
	.inner-contact .contact-info .row > div dl{padding: 15px 25px;}
	.inner-contact .contact-info .row > div dl dt h3{margin-bottom: 15px}
	.inner-contact .contact-info .row > div dl dt h2,.inner-contact .contact-info .row > div dl dt h2 a{font-size:18px}
}
@media screen and (max-width: 1199px){
	.inner-contact .contact-info .row > div dl dt h3{margin-bottom: 10px}
	.inner-contact .contact-info .row > div dl dt h2,.inner-contact .contact-info .row > div dl dt h2 a{font-size:16px}
}
.footer{display: block;padding-top: 60px;background:var(--base-color);}
.footer .row > div{padding: 0}
.footer .row > div:first-child{padding-right: 5%}
.footer .foot-logo{display: block;}
.footer .foot-logo a{display: inline-block;font-size: 80px; color:#fff;}
.footer .foot-contact {display: block;padding-top: 20px;padding-bottom: 50px;}
.footer .foot-contact ul{display: block;height: auto;}
.footer .foot-contact ul li{font-size: 15px;color: #fff;display: flex;line-height:1.6;margin-bottom: 12px}
.footer .foot-contact ul li a{font-size: 15px;color: #fff;}
.footer .foot-contact ul li i{font-size: 15px;line-height: 1.6;width: 28px;flex:none;}
.footer .foot-contact p{font-size: 17px;font-weight: 400;color: #fff;display: block;}
.footer .foot-contact .contacts{display: block;margin-top: 30px}
.footer .foot-contact .contacts a{display: inline-block;padding:10px 25px;border: 1px #ffffff90 solid;color: #fff;border-radius: 0.6rem;line-height:20px;font-size:16px;}
.footer .foot-contact .contacts a i{display: inline-block;margin-right: 8px;vertical-align: top;line-height:20px;font-size:18px;}
.footer .foot-contact .contacts a:hover{background: #ffffff30}
.footer .foot-menu{}
.footer .foot-menu .flex{padding-top: 30px;display: flex;gap:20px;justify-content: space-between;}
.footer .foot-menu .flex dl{display: block;}
.footer .foot-menu .flex dl dt{display: block;}
.footer .foot-menu .flex dl dt h2{color: #fff;text-transform: uppercase;font-size:25px;font-weight: 400}
.footer .foot-menu .flex dl dd{display: block;padding-top: 30px}
.footer .foot-menu .flex dl dd a{display: block;color: #ffffffe0;line-height: 2.2;font-size: 16px}
.footer .foot-menu .flex dl dd a:hover{color: #fff}
.copyright{font-size: 14px;text-align: center;display: block;border-top: 1px #ffffff20 solid;padding-bottom: 20px;padding-top: 20px;color: #ffffffb0}
.copyright a{color: #aaa}
.copyright a:hover{color: var(--auxiliary-color)}