img {
  width: 100%;
  height: 100%;
}
section {
  width: 100%;
  /*margin-top: 120px;*/
  margin:80px 0;
}
.home-title {
  font-size: 20px;
  color: #000;
  font-weight: 400 !important;
}
.home-detail {
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
.home-link {
  font-size: 16px !important;
  color: #2e82f7 !important;
  opacity: 0.9;
}
.home-link a {
  color: #2e82f7;
}
.home-link:hover {
  opacity: 1;
}
.layout-title {
  font-size: 42px;
  text-align: center;
  color: #000;
  margin-bottom: 60px;
  font-weight: bolder;
}
.mar-top-120 {
  margin-top: 120px;
}
.b-layout {
  width: 100%;
  height: 550px;
  background: url(../images/banner_shouye@2x.png) no-repeat center;
  background-size: cover;
}
.b-content {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.b-content div {
  display: flex;
}
.b-l {
  width: calc(100% - 550px);
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.bl > div {
  align-items: center;
}
.b-l > div:nth-child(1) {
  height: 40px;
  font-size: 22px;
  color: #333;
  text-shadow:-2px -1px 5px #fff;
}
.b-l > div:nth-child(2) {
  height: 100px;
  font-size: 54px;
  color: #000;
  text-shadow:-2px -1px 5px #fff;
}
.b-l > div:nth-child(3) {
  flex-direction: column;
  row-gap: 10px;
  font-size: 18px;
  color: #333;
}
.b-l > div:nth-child(4) {
  margin-top: 20px;
  height: 60px;
}
.b-l > div:nth-child(4) span {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 20px;
  height: 50px;
  width: 150px;
  font-size: 20px;
  border-radius: 6px;
}
.b-l > div:nth-child(4) span:hover {
  opacity: 1;
}
.b-b-ty {
  background-color: #2e82f7;
  color: #fff;
  opacity: 0.9;
}
.b-b-dy {
  background-color: #ebf0f7;
  color: #2e82f7;
  opacity: 0.9;
}
.b-r {
  width: 550px;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
}
.b-r img {
  width: 546px;
  height: 434px;
}
.d-content {
  display: flex;
  column-gap: 40px;
}
.d-l {
  width: 800px;
  height: 450px;
}
.d-l video {
  width: 100%;
  border-radius: 10px;
  mix-blend-mode: darken;
}
.d-r {
  padding: 30px 50px;
  width: 175px;
  height: 390px;
  color: #333;
  font-size: 18px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.d-r > div:nth-child(1) {
  margin-bottom: 30px;
}
.d-r > div:nth-child(1) li {
  line-height: 36px;
}
.d-r > div:nth-child(2) {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}
.d-r > div:nth-child(2) a {
  color: #2e82f7;
  font-size: 16px;
  display: flex;
}
.d-title {
  height: 30px;
  font-size: 20px;
  color: #000;
}
.d-c {
  margin-top: 30px;
}
.d-c-n {
  display: flex;
  align-items: center;
  column-gap: 40px;
  height: 40px;
  border-bottom: 1px solid #e6e6e6;
}
.d-c-n-cur {
  color: #2e82f7 !important;
  text-decoration-thickness: 2px;
  text-decoration-color: #2e82f7;
  text-decoration-line: underline;
  text-underline-offset: 12px;
}
.d-c-n li {
  font-size: 18px;
  color: #666;
  cursor: pointer;
}
.d-c-n li:hover {
  color: #2e82f7 !important;
}
.d-c-img-content {
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-c-img-content img {
  display: none;
  width: 800px;
  height: 444px;
}
.d-c-img-cur {
  display: block !important;
}
.d-c-spot {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  column-gap: 8px;
}
.d-c-spot-cur {
  background-color: #2e82f7 !important;
  width: 20px !important;
}
.d-c-spot li {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #dedede;
}
.d-c-detail {
  font-size: 20px;
  color: #000;
  line-height: 34px;
}
.d-c-detail li {
  overflow: hidden;
  width: 0;
  height: 0;
}
.d-c-detail-cur {
  width: 100% !important;
  height: 100% !important;
}
.c-title {
  line-height: 30px;
  font-size: 20px;
  color: #000;
}
.c-content {
  margin-top: 50px;
}
.c-content > div {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.c-l {
  width: 350px;
  height: 190px;
}
.c-r {
  width: 820px;
}
.c-r > div:nth-child(2) {
  margin-top: 10px;
}
.c-r > div:nth-child(3) {
  margin-top: 20px;
}
.f-c {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 60px;
}
.f-c > a {
  width: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  font-size: 16px;
  color: #333;
}
.f-c > a:hover {
  background-color: #f2f5fa;
}
.f-c img {
  width: 40px;
  height: 40px;
}
.f-m {
  width: 600px;
  height: 50px;
  border-radius: 6px;
  opacity: 0.9;
  color: #fff;
  background-color: #2e82f7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0 auto;
}
.f-m a {
  color: #fff;
}
.f-m:hover {
  opacity: 1;
}
.k-content {
  display: flex;
  column-gap: 75px;
}
.k-content > div {
  width: 350px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.w-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 75px;
  row-gap: 60px;
}
.w-content > div {
  width: 350px;
}
.w-content > div .home-detail {
  height: 140px;
  margin: 10px 0 20px 0;
}
.l-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 30px;
}
.l-content > div {
  width: 560px;
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.l-content img {
  width: 180px;
  height: 135px;
}
.l-l .home-detail {
  margin: 10px 0 20px 0;
}
.y-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 60px;
}
.y-content > div {
  width: 560px;
}
.y-content > div .home-detail {
  margin-top: 10px;
  margin-bottom: 20px;
}
.y-content img {
  width: 500px;
  height: 285px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.customer-layout {
  margin-top: 120px;
  margin-bottom: 20px;
  width: 100%;
  height: 840px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/logo_all@2x.png) no-repeat center;
  background-size: 100% 100%;
}
.customer-content img {
  width: 860px;
  height: 400px;
}
.dy-c {
  padding: 50px;
  position: fixed;
  width: 600px;
  height: 360px;
  background-color: #292b33;
  opacity: 0.95;
  border-radius: 30px;
  top: 200px;
  left: 800px;
  color: #fff;
  display: none;
}
.dy-top {
  width: 100%;
  position: relative;
}
.dy-top img {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -30px;
  top: -30px;
  cursor: pointer;
  opacity: 0.8;
}
.dy-top img:hover {
  opacity: 1;
}
.dy-n {
  text-align: center;
  height: 47px;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}
.dy-d {
  width: 504px;
  height: 23px;
  font-size: 16px;
  margin-top: 20px;
}
.dy-m {
  height: 55px;
  display: flex;
  margin-top: 20px;
}
.dy-m-c {
  width: 300px;
  height: 50px;
  border-radius: 14px;
  overflow: hidden;
  margin-left: 10px;
}
.dy-m-c input {
  border: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  text-indent: 10px;
}
.dy-m-b {
  margin-left: 10px;
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 14px;
  opacity: 0.9;
  background-color: #fff;
  color: #2e82f7;
  cursor: pointer;
}
.dy-m-b:hover {
  opacity: 1;
}
.dy-notice {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin-left: 20px;
}
.dy-w {
  margin-top: 0;
  border-top: 1px solid #fff;
  padding-top: 40px;
}
.dy-w-code {
  margin-left: 36px;
  float: left;
}
.dy-w-code img {
  height: 120px;
  width: 120px;
}
.dy-w-c {
  float: left;
  margin-left: 30px;
}
.dy-w-n {
  font-size: 20px;
  height: 43px;
  line-height: 43px;
}
.dy-w-d {
  font-size: 18px;
  width: 258px;
}