body {
	--color-primary: #001294;
  --color-secondly: #012194;
	background-color: #f8fafd;
  overflow-x: hidden;
}
::placeholder {font-weight: 400; font-size: 1rem;}
@media screen and (max-width: 1600px) {html {font-size: 100%;}}
@media screen and (max-width: 1400px) {html {font-size: 87.5%;}}
@media screen and (max-width: 1200px) {html {font-size: 75%;}}
@media screen and (max-width: 1000px) {html {font-size: 62.5%;}}
@media screen and (max-width: 640px) {html {font-size: 87.5%;}}

img {max-width: 100%;}
#hd {
	--h-top: 40px;
	--h-nav: 60px;
	--h-logo: 60px;
}

.f-mt-xl {margin-top: 80px;}
.f-mt-lg {margin-top: 60px;}
.f-ml {-webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;}
.f-ml.f-ml2{-webkit-line-clamp: 2;}
.f-ml.f-ml3{-webkit-line-clamp: 3;}
.f-ml.f-ml4{-webkit-line-clamp: 4;}
.f-ml.f-ml5{-webkit-line-clamp: 5;}
.tab-item-content {display: none;}
.tab-item-content.active {display: block;}

a.more { font-size: 1rem; color: var(--color-secondly); line-height: 1.5rem; padding-right: 1em; background: url(/eportal/uiFramework/commonResource/image/triangle-right-sm.svg) right center no-repeat;}
a.more.not-arrow {padding: 0; background-image: none;}

.layui-tab-brief>.layui-tab-title .layui-this {color: var(--color-primary);}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 3px solid var(--color-primary);}
.layui-tab .layui-tab-title li {font-size: 1rem; padding: 0;}
/*.layui-tab-title .layui-this:after {width: 60%; margin-left: 20%;}*/

#hd .navbar {background-color: #fff; width: 100%; position: relative; z-index: 201;}
#hd .navbar *, #hd .navbar .bar {transition: all .3s linear; z-index: 2; background-color: #f8fafd; position: relative;}
#hd .navbar.on {margin-top: calc(var(--h-top) * -1)}
#hd .navbar.on .logo {margin-top: calc(var(--h-top) + (var(--h-nav) - var(--h-logo)) / 2);}
#hd .logo {height: var(--h-logo); margin-top: calc((var(--h-top) + var(--h-nav) - var(--h-logo)) / 2); padding-right: 1em;}
#hd .navbar .bg-nav {width: 100%; height: 8rem; background-color: #eaeff5; position: absolute; z-index: 1;}
#hd .nav {padding-left: 4em;}
#hd .nav .bar {position: relative; content: ""; height: var(--h-top); background-image: linear-gradient(90deg, #000A62 0%, #000E73 55.00000000000001%, #010B63D6 100%);
; left: 0;/* width: calc(100% + 6rem);*/}
#hd .nav .bar:before, #hd .nav .bar:after {position: absolute; content: ""; background-color: #000A62; z-index: 1; width: var(--h-top); height: var(--h-top); }
#hd .nav .bar:before {clip-path: polygon(20% 0px, 100% 0px, 60.00% 80.00%, 20% 0px); left: calc(var(--h-top) * -1);}
#hd .nav .bar:after {border-radius: 50%; left: calc(var(--h-top) * -.5);}
#hd .nav nav{height: var(--h-nav); /*padding-left: 2em;*/}
.nav nav ul {display: flex; height: var(--h-nav); justify-content: space-around; padding-left: 5rem;}
.nav nav li {position: relative;}
.nav nav li > a {display: block; font-size: 1.2rem; color: #333; line-height: var(--h-nav); position: relative;}
.nav nav li.on > a, .nav nav li:hover > a {color: var(--color-primary);}
.nav nav li a:after {position: absolute; content: ""; left: 0; bottom: 0; border-top: 4px solid var(--color-primary); border-radius: 5px 5px 0 0; z-index: 3;}
.nav nav li.on a:after, .nav nav li:hover a:after {width: 100%;}
.nav nav li a:before {position: absolute; font-family: layui-icon; font-style: bold; top: 0; right: -1.5em; font-size: 1.2em;}
.nav nav li.hasChildren.on a:before, .nav nav li.hasChildren:hover a:before {content: "\e61a";}
.subnav {background: #FFFFFFd8; backdrop-filter: blur(60px); box-shadow: 0px 8px 6px 0px #0000003F;  position: absolute; z-index: 110; top: calc(var(--h-nav) + var(--h-top)); width: 100%;}
/* .subnav .wrapper {width: 80%; margin-left: 20%; position: relative;} */
.subnav li {display: none; height: 420px;}
.subnav dl {display: flex; font-size: 1rem; padding: 2rem 0; flex-wrap: wrap;}
.subnav dd {width: 16.666%;}
.subnav dl h5 {font-size: 1.2rem; height: 3rem; /*padding-top: 1rem;*/}
.subnav dl p > a {display: inline-block; width: 100%; line-height: 2.4;}
.subnavClose {position: absolute; right: 2rem; top: 1rem; cursor: pointer;}
.subnav .about dl, .subnav .subnav-customer dl {flex-wrap: no-wrap; justify-content: space-between; padding: 1rem 1.5rem;}
.subnav .about dd, .subnav .subnav-customer dd {padding: 1.5rem 2.5rem; flex-grow: 1; width: auto;}
.subnav .about dd:last-child {flex-grow: 3; width: 25%; padding-top: 0;}
.subnav .subnav-customer dl {padding: .5rem 1.5rem}
.subnav-customer .layui-col-md9 dl dd {width: 20%; padding: 1rem 2rem; margin: .5rem 0; box-sizing: border-box;}
.subnav-customer dd:hover {background-color: #E6EDFF;}
.fa-navicon {background: url(../assets/images/menu2.png) center no-repeat; background-size: contain; width: 2rem; height: 2rem;}
.fa-navicon::before {content: "";}

.banner {width: 100%; height: calc(100vw * 780 / 1920); overflow: hidden;}
.bannerSwiper {height: 100%;}
.banner .swiper-slide>img:nth-child(2) {display: none;}
.banner .swiper-slide>img:nth-child(1) {display: block;}
.banner-btn {right: 0; top: auto; bottom: 2em; width: 4rem; height: 4rem; border: 3px solid #fff; border-radius: 50%; color: #fff; background-image: url(images/arrow-right.png); background-size: 2rem;}
.swiper-button-prev.banner-btn {left: auto; right: 6rem; background-image: url(./images/arrow-left.png);}
.banner-btn.on, .banner-btn:hover, .swiper-button-prev.banner-btn {background-color: var(--color-primary); border-color: var(--color-primary);}
.swiper-button-prev.banner-btn {opacity: .9;}
.swiper-button-prev.banner-btn:hover {opacity: 1;}
.banner .swiper-pagination {bottom: 30px; width: 100%; text-align: center;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 100px; height: 4px; margin: 0 .5em; border-radius: 0; background: #fff; opacity: .8; transition: width .2s linear;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--color-primary); opacity: 1;}
.banner .swiper-slide>img {position: absolute; object-fit: cover; object-position: center;}
.banner .swiper-slide {position: relative;}
.banner .swiper-slide:after {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.banner .swiper-slide .layui-container {height: 100%;}
.banner .swiper-slide .hero {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
.banner .swiper-slide .hero h2 {
	color: #fff;
	font-weight: 600;
	font-size: 3rem;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}
.banner .swiper-slide .hero p {
	color: #fffc;
	font-family: PingFang SC;
	font-weight: regular;
	font-size: 1.5rem;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}
.banner .swiper-slide .hero .btn {
	border-radius: 8px;
	background: #fff;
	text-align: center;
	width: 10rem;
	height: 4rem;
	line-height: 4rem;
	color: #010B65;
	font-weight: medium;
	font-size: 1.2rem;
	display: inline-block;
}

.headline h3 {
  font-size: 2.375rem;
  color: #000;
  line-height: 3rem;
  vertical-align: top;
  font-weight: 500;
  white-space: normal;
  text-align: center;
  margin-top:2.5rem;
}
/*.prop .layui-container {margin-right: 0; overflow: hidden;}
@media screen and (min-width: 992px) {
  .prop .layui-container {width: calc(((100vw - 960px) / 2) + 960px);}
}
@media screen and (min-width: 1200px) {
  .prop .layui-container {width: calc(((100vw - 1150px) / 2) + 1150px);}
}
@media screen and (min-width: 1400px) {
  .prop .layui-container {width: calc(((100vw - 1330px) / 2) + 1330px);}
}*/
.prop ul {
  /*display: inline-flex;*/
  align-items: center;
  /*column-gap: 30px;*/
  margin-top: 30px;
}

.prop ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*width: 20%;*/
  background: #fff;
  box-shadow: 0.3rem 0.4rem 1rem 0 #0000000f;
  overflow: hidden;
  padding: 3rem 1rem;
  border-radius: 10px;
  border: 1px solid transparent;
  /*transition: all .4s linear;*/
}

.prop ul li:hover {
	border-color: var(--color-primary);
  background-color: #e6edff;
}
.prop ul li img {width: 6rem;}

.prop ul li h4	{
  font-size: 1.5rem;
  color: #333;
  line-height: 2;
  text-align: center;
  font-weight: 500;
  align-self: stretch;
  flex-shrink: 0;
  margin-top: 2rem;
  -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;
}
.prop ul li .info {
  font-size: 1rem;
  color: #8997ad;
  line-height: 1.5;
  margin-top: 0.5em;
  text-align: center;
  font-weight: 400;
  align-self: stretch;
  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;
}
.prop ul li a.more {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1.5rem;
  padding: 0.35rem 1.5rem;
  border: 1px solid #ccd5e2;
  border-radius: 6px;
  margin-top: 1rem;
  font-size: 1rem;
  color: #8997ad;
  line-height: 1.3rem;
  text-align: center;
  vertical-align: top;
  font-weight: 400;
  opacity: 0.75;
}
.prop ul li a.more:hover {background-color: var(--color-primary); color: #fff; border-color: var(--color-primary);}
.prop ul li:hover a.more {border-color: #7688c7;}

.prop .focus {position: relative; height: 100px; z-index: 111;}
.prop .focus .swiper-button-next, .prop .focus .swiper-button-prev {width: 100px; height: 100px; background: center no-repeat; margin-top: 0; left: 50%; right: auto; margin-left: -100px; top: 1rem; background-size: contain !important;}
.prop .focus .swiper-button-next {background: url(/eportal/uiFramework/commonResource/image/2024100810562035631.png); margin-left: 0px}
.prop .focus .swiper-button-prev {background: url(/eportal/uiFramework/commonResource/image/2024100810560692913.png);}
.prop .focus .swiper-button-next.swiper-button-disabled {background: url(/eportal/uiFramework/commonResource/image/2024100810562676345.png);opacity: 1;}
.prop .focus .swiper-button-prev.swiper-button-disabled {background: url(/eportal/uiFramework/commonResource/image/2024100810561218210.png);opacity: 1;}

.prop .mobile-bd {display: none;}
.prop .mobile-bd .layui-colla-item {margin: .5rem 0;}
.prop .mobile-bd .layui-colla-title {padding: 0 15px; height: 4rem; line-height: 4rem; background-color: transparent; font-size: 1.2rem; font-weight: 600; background-color: #fff;}
.prop .mobile-bd .layui-colla-title img {width: 2.5rem; height: 2.5rem;}
.prop .mobile-bd .layui-colla-icon {display: block; width: 2rem; height: 2rem; left: calc(100% - 2rem); }
.prop .mobile-bd .layui-colla-content {position: relative; padding-top: 0; padding-bottom: 1rem; background-color: #fff; border-top: 0 none;}
.prop .mobile-bd .layui-colla-content .rectangle-6 {display: none;}
.prop .mobile-bd .layui-colla-content .info {padding-left: 3rem;}

.customer {padding-top: 80px;}
.customer .bd{position: relative;}
.customer .bd:before {
  position: absolute; content: "";
  width: 100%; height: 100%; top: 0; left: 0; border-radius: 1em;
  background-image: linear-gradient(to left,#f8fafd 0,transparent 25%, transparent 75%, #f8fafd 100%);
  z-index: 10;
}
.customer .bd .row {overflow-x: hidden;}
.customer .bd .row ul {overflow: visible; height: calc(100px + 2em);}
.customer .bd li {
  width: 220px; height: 100px; border-radius: 15px; margin: 0 1em; box-sizing: border-box;
  background: #fff; text-align: center; box-shadow: 4px 5px 17px 0 #0000000f;
  display: inline-flex; justify-content: center; justify-items: center;
}
.customer .bd li a {display: inline-block; display: inline-flex; justify-content: center; justify-items: center;}
.customer .bd li img {width: 80%; object-fit: contain;}

.news li {transition: all .4s linear;}
.news li .row { padding: 1rem; border-radius: 8px; background: #FFFFFF; backdrop-filter: blur(30px); box-shadow: 0px 4px 25px 0px #2020200F; display: block;cursor: pointer;}
.news li .wd-u-img {overflow: hidden;}
.news li .wd-u-img img {transition: all .4s linear;}
.news li:hover {transform: translateY(-10px);}
.news li p.content {color: #0E0E0EB2; font-size: .8rem; margin-top: 1rem; text-align: justify;
  -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;min-height: 3.1875rem;}

.wd-u-img {
	width: 100%; height: auto;
  border-radius: 8px;
}
.text-36 {
  font-size: 18px;
  color: #0e0e0e;
  text-align: left;
  font-weight: 500;
  margin: 24px 0px 0px;
  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;
  min-height:  48px;
}

.rectangle-22465 {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-image: url(/eportal/uiFramework/commonResource/image/tag.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5px 21px 4px 15px;
}

.text-37 {
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  min-width: 56px;
}

.box-mail {height: 220px; background: url(images/bg01.png) center no-repeat; background-size: cover; padding: 50px 0; box-sizing: border-box; border-radius: 10px;}
.box-mail .form {
	width: 400px;
	margin: 0 auto;  
  height: 50px;
  line-height: 50px;
  border: 0 none;
  background: #fff;
  border-radius: 4px;
  position: relative;
}

.box-mail .form input {
  font-size: 20px;
  color: #8997ad;
  height: 50px;
  text-align: left;
  width: 100%;
}
.box-mail .form input:focus {border-color: var(--color-primary) !important;}

.box-mail .btn {
	position: absolute;
	right: 10px;
	top: 6px;
  background: var(--color-secondly);
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  border-radius: 4px;
}

#ft {background-color: #eaf1ff; margin-top: 100px;}
.ft-menu {padding: 4em 0 1em;}
.ft-nav {padding: 0 2em;}
@media screen and (max-width:991.98px) {
	.ft-nav {padding: 0;}
}
.ft-nav ul {display: inline-flex; justify-content: space-between; width: 100%;}
.ft-nav ul li {display: inline-block; width: 100%;}
.ft-nav li dt {font-weight: 600; font-size: 1.2rem; height: 3rem;}
.ft-nav li dd {font-size: 1rem; height: 2rem; line-height: 2rem; width: 50%; float: left;}
.ft-bar {height: 50px; line-height: 50px; color: #fff; background-color: #010B65;}
.ft-bar a {color: #fff;}
.ft-bar > * {margin: 0 .5em;}

/*.product .layui-tab-title {border-bottom-color: #ddd;}*/
.product .layui-tab-title {border-bottom: 0 none;}
.product .layui-tab-title li {font-size: 1.2rem;}
.product .title-wrapper {display: inline-flex; justify-content: space-around;}
.product .layui-tab-title.wd-f-tac .title-wrapper {width: 50%;}
.product .layui-tab-title .title-wrapper {width: auto;}
/*.product .layui-tab-title .title-wrapper li {margin: 0 .5rem;}*/
.product .bd .layui-tab-item {width: 100%; height: 500px; background: no-repeat center; background-size: cover;}
.product .bd .layui-tab-item.tab-item-iaas {background-image: url(images/bg02.png);}
.product .bd .layui-tab-item.tab-item-paas {background-image: url(images/bg-paas.png);}
.product .bd .layui-tab-item.tab-item-saas {background-image: url(images/bg-saas.png);}
.product .bd .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fefdfe;
  /*-webkit-backdrop-filter: blur(1.5rem);*/
  /*backdrop-filter: blur(1.5rem);*/
  box-shadow: 0 0.2rem 1.3rem 0 #2020200f;
  padding: 2.5rem 2rem;
  border-radius: 0.5rem;
}
.product .content-wrapper {padding: 5rem 0;}
.product .content-hd dl {width: 80%;}
.product .content-hd dt {height: 2.5rem; font-size: 1.5rem; color: #fff;}
.product .content-hd p {line-height: 1.5rem; margin: 2rem 0; color: #fff9; font-size: 1rem;}
.product .content-hd dd {height: 2.5rem; line-height: 2.5rem; text-indent: 1em; position: relative;}
.product .content-hd dd a {color: #ffffff99; display: inline-block; width: 100%; height: 100%;}
.product .content-hd dd:hover, .product .content-hd dd.active {background-color: #2735B2;}
.product .content-hd dd:before {position: absolute; content: ""; left: 0; top: 0; width: 0; height: 100%; border-left: 1px solid rgba(255, 255, 255, .69);}
.product .content-hd dd:last-child::before {height: 50%;}
.product .content-hd dd.active:after {position: absolute; content: ""; left: 0; top: 0; width: 0; height: 50%;  border-left: 2px solid #fff; height: 50%;}

/*.product .content-hd dd {height: 2.8rem; line-height: 2.8rem; text-align: center; position: relative; display: inline-block; width: 8rem; margin: .5rem 0; margin-right: 1rem; border-radius: 4px; border: 1px solid #FFFFFF99;}
.product .content-hd dd.active {background-color: #2735B2;}
.product .content-hd dd a {color: #fff9; font-size: 1rem;}
.product .content-hd dd.active a {color: #fff;}*/
/*.product .content-hd dd:nth-child(2n+1){border-left: 1px solid #ffffff7f;;}*/
/*.product .content-hd dd a {color: #ffffff99; display: inline-block; width: 100%; height: 100%;}*/
/*.product .content-hd dd:hover, .product .content-hd dd.active {background-color: #2735B2;}*/
/*.product .content-hd dd:last-child::before {height: 50%;}*/
/*.product .content-hd dd.on:after {position: absolute; content: ""; left: 0; top: 0; width: 0; height: 50%;  border-left: 2px solid #fff; height: 50%;}*/
/*.product .content-hd dd:hover > a:before,
.product .content-hd dd.active > a:before {position: absolute; content: ""; left: 0; top: 0; width: 0; height: 50%; border-left: 1px solid rgba(255, 255, 255, .69);}*/
.product .content-hd a.more {
  display: inline-block; width: 6rem; text-align: center; height: 2.5rem; line-height: 2.5rem; border: 1px solid #fff; color: #fff; border-radius: 4px; margin-top: 1.5rem;
}
.product .content-bd {border-radius: 8px; /*backdrop-filter: blur(0);*/ /*box-shadow: 0px 4px 25px 0px #2020200F;*/ overflow: hidden;}
.product .content-bd .content { display: none; /*background: #FEFDFE; */padding-right: 5rem; background: linear-gradient(88deg, #fff, #fffa 80%, #fff3 90%), #fff0; clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);}
.product .content-bd .content.on {display: block;}
.product .content dl dt {font-size: 1.2rem; font-weight: 400; height: 3rem; line-height: 3rem; letter-spacing: 1px;}
.product .content dl dd {font-size: 1rem; line-height: 1.5; color: #202020b2;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;}
.product .content .wd-u-divider {border: 1px solid #20202019; margin: 2rem 0;}
.product .layui-tab-title .layui-this::after {border: 0 none; height: 3px; background-color: var(--color-primary); border-radius: 15px 15px 0 0; top: auto !important; bottom: 0;}
.product .layui-tab-title .layui-tab-bar {border: 0 none;}

@media screen and (max-width: 767px) {
  #hd .layui-fluid {padding-right: 15px !important}
  .layui-container {width: 100%;}
  #hd .wrapper {padding: 0;display: flex;justify-content: center; align-items: center;}
  #hd .logo {margin-top: 0; height: 5rem; display: flex;justify-content: center;flex-direction: column;}
  #hd .navbar {position: fixed;}
  .mobile-menus {position: fixed; display: block; right: -100vw; top: 0; width: 100vw; height: 100vh; padding: 5rem 0 0; overflow-y: auto; z-index: 101; background-color: #f8fafd;}
  .mobile-menus .layui-colla-title {padding: 0 15px; background-color: transparent; font-size: 1.4rem; height: 4rem; line-height: 4rem;}
  .mobile-menus .layui-colla-content, .mobile-menus .layui-colla-item {border: 0 none;}
  .mobile-menus .layui-colla-content li {font-size: 1.2rem; line-height: 3;}
  .mobile-menus .layui-icon.layui-colla-icon {font-size: 1em;}

  .banner {height: calc(100vw * 870 / 750);}
  .banner .swiper-pagination .swiper-pagination-bullet {width: 8vw;}
  .banner .swiper-slide>img:nth-child(1) {display: none;}
  .banner .swiper-slide>img:nth-child(2) {display: block;}
  .banner .swiper-slide .hero {margin-left: 1rem;}
  .banner .swiper-slide .hero h2 {font-size: 2rem;}
  .banner .swiper-slide .hero p {font-size: 1rem;}
  .banner .swiper-slide .hero .btn {font-size: 1.2rem; width: 10rem; height: 4rem; line-height: 4rem;}

  .prop ul {display: block;}
  .prop ul li {width: 100%; margin-top: 1em;}

  .prop .layui-container {padding: 0}
  .prop .mobile-bd {display: block;}
  .prop .bd {display: none;}

  .product .layui-colla-item { border: 0 none; background-color: #fff; margin-bottom: 1rem;}
  .product .layui-colla-title .icon {display: block; width: 2rem; height: 2rem; position: absolute; }
  .product .layui-colla-title {height: 4rem; line-height: 4rem;}
  .product .layui-colla-title h4 {font-weight: 600; text-indent: 3rem;}

  .product .mobile .layui-colla-content { padding: 0; border-radius: 1rem;}
  .product .mobile .layui-colla-content > dl {height: calc(100vw / 700 * 220);background: url(images/bg02-m.png) top center no-repeat; background-size: contain; padding: 1.5rem; color: #fff;}
  .product .mobile .layui-colla-content > dl dt {font-size: 1.2rem;}
  .product .mobile .layui-colla-content > dl p {margin: 1rem 0; color: #fff9;}
  .product .mobile .layui-tab-brief {border-radius: 1rem 1rem 0 0; padding: 1em 1em 0; position: relative; top: -2em; z-index: 2; background: #fff;}
  .product .layui-tab-content {padding-bottom: 0;}
  .product .bd .mobile .layui-tab-item {background-image: none; height: auto;}
  .product .mobile .layui-tab-title li {font-size: 1rem; padding: 0; font-weight: 600;}
  .box-mail .form {width: 80%;}

  .customer .bd li {width: 33.33%; height: 20vw; margin: 0 2vw;}
  .customer .bd .row ul {height: 24vw;}

  .news .bd .titCell {width: 100%; height: .5rem; text-align: center;}
  .news .bd .titCell span {display: inline-block; width: 3rem; height: 4px; margin: 0 .2rem; background-color: #ddd;}
  .news .bd .titCell span.on {background-color: var(--color-primary);}

  .ft-bar {height: auto; line-height: 2; padding: 2rem 0;}
  .ft-bar > * {display: block;}
  .ft-bar > *:nth-child(2) {display: inline-block;}
  .ft-bar > *:nth-child(3) {display: inline-block;}
  .ft-bar > *:last-child {display: none;}

  .ft-menu .layui-colla-icon, .product .layui-colla-icon, .mobile-menus .layui-colla-icon {left: auto; right: 1rem;}
  .ft-menu .layui-colla-title, .product .layui-colla-title {background: transparent; font-size: 1.2rem; padding-left: 15px;}
  .ft-menu .layui-colla-content li {font-size: 1rem; line-height: 2;}

  hr.wd-u-divider { position: relative; border: 0 none; height: 2px; background-color: #ccc; transform: scale(1, 0.5); -webkit-transform: scale(1, 0.5); -moz-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); -o-transform: scale(1, 0.5); }
}