@charset "UTF-8";



/* reset */



* {

  margin: 0;



  padding: 0;



  outline: none;



  box-sizing: border-box;

}



a {

  text-decoration: none;



  color: inherit;

}



li {

  list-style: none;

}



img {

  border: none;



  vertical-align: bottom;



  max-width: 100%;

}



button {

  border: 0;



  background-color: transparent;



  outline: none;



  -webkit-appearance: none;

}



select {

  border: none;



  appearance: none;



  -moz-appearance: none;



  -webkit-appearance: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}



input,

textarea {

  outline: none;



  border: none;

}



textarea {

  resize: none;



  overflow: auto;

}



i,

em {

  font-weight: normal;



  font-style: normal;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;



  appearance: none;



  margin: 0;

}



input {

  -moz-appearance: textfield;

}



@font-face {

  font-family: "eleganthandtwo-regular";



  font-style: normal;



  font-weight: 400;



  src: url("../fonts/ELEGANTHANDTWO-REGULAR.TTF");

}



/* body h1,



h2,



h3,



h4,



h5,



h6,



p,



span,



a {



font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体"; } */



html body {

  margin: 0px auto;



  max-width: 1920px;



  min-width: 320px;



  font-size: 16px;



  font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";



  background-color: #fff;

}



/* 单行文本溢出隐藏 */



/* 多行文本溢出隐藏 */



/* flex 布局 */



.class1 {

  border: 1px solid #ddd;

}



.wrap {

  width: 1200px;



  margin: 0 auto;

}



.header-box {

  transition-duration: 0.3s;



  height: 100px;

}



.header {

  background-color: #fff;



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  z-index: 15;



  transition: all 0.3s;



  box-shadow: 1px 2px 5px #b0d1f5;

}



.header > .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  transition: all 0.3s;



  position: relative;



  width: 100%;



  height: 100px;



  /* padding-right: -150px; */



  /* margin-right: -140px; */

}



.hd-logo {

  width: 15.6%;



  text-align: center;

}



.hd-nav {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  position: relative;

}



.hd-nav li > a {

  font-size: 16px;



  line-height: 1;



  color: #b6b6b6;



  margin: 0 45px;



  display: block;



  transition: all 0.3s;



  position: relative;



  text-align: center;

}



.hd-nav li > a:after {

  content: "";



  display: block;



  width: 20px;



  height: 20px;



  background: url(../img/head-ico01.png) no-repeat center;



  background-size: contain;



  position: absolute;



  bottom: -53px;



  opacity: 0;



  left: 50%;



  transform: translateX(-50%);



  z-index: 9;

}



.hd-nav li > a:hover {

  background-image: linear-gradient(to top right, #4593fb, #07d2c7);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.hd-nav li > a:hover:after {

  opacity: 1;

}



.hd-nav li.on > a {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.hd-nav li.on > a:after {

  opacity: 1;

}



.hd-btn {

  position: relative;



  height: 100%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.hd-btn .shop-btn {

  width: 130px;



  height: 37px;



  border: 1px solid #666666;



  border-radius: 37px;



  padding-left: 45px;



  font-size: 14px;



  line-height: 35px;



  color: #666666;



  background: url(../img/shop-ico01.png) no-repeat left 18px center;

}



.hd-btn .vx-btn {

  width: 38px;



  height: 37px;



  border: 1px solid #666666;



  border-radius: 37px;



  background: url(../img/weixin-ico01.png) no-repeat center;



  margin-left: 10px;

}



.hd-btn .vx-btn img {

  display: block;



  position: absolute;



  width: 150px;



  height: 150px;



  top: 50px;



  right: 50px;



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;

}



.hd-btn .vx-btn:hover img {

  opacity: 1;



  visibility: visible;

}



.hd-btn .tel-btn {

  height: 100%;



  background: url(../img/tel-ico02.png) no-repeat left center;



  padding-left: 70px;



  margin-right: 60px;



  font-size: 22px;



  line-height: 30px;



  color: #14c5d2;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  align-content: flex-start;



  font-family: Arial, Helvetica, sans-serif;

  font-weight: 600;

}



.hd-btn .tel-btn span {

  display: block;



  font-size: 14px;



  line-height: 1;



  color: #14c5d2;

}



.hd-btn .check {

  font-size: 16px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;



  cursor: pointer;

  font-weight: 600;

}



.hd-btn .check:hover {

  color: #333;

}



.hd-btn .search-btn {

  width: 120px;



  height: 100%;



  margin-left: 25px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;

}



.hd-nav .item {

  position: fixed;



  top: 101px;



  left: 0;



  right: 0;



  background-color: #f9f9f9;



  padding: 60px 0 120px;



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;

}



.hd-nav .item.active {

  opacity: 1;



  visibility: visible;



  box-shadow: 1px 2px 5px #ddd;

}



.hd-nav .item .wrap {

  width: 1600px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: stretch;

}



.hd-nav .item .wrap .sup {

  width: 31%;



  border-right: 1px solid #f3f3f3;

}



.hd-nav .item .wrap .sup .code img {

  margin-top: 35px;



  width: 105px;



  height: 105px;



  object-fit: contain;



  border: 1px solid #bbbbbb;

}



.hd-nav .item .wrap .sup .tel {

  font-size: 18px;



  line-height: 20px;



  color: #222222;



  margin-top: 30px;



  font-family: Arial, Helvetica, sans-serif;

}



.hd-nav .item .wrap .sup .tel img {

  margin-right: 5px;



  vertical-align: middle;



  margin-bottom: 3px;

}



.hd-nav .item .wrap .sup .address {

  font-size: 14px;



  line-height: 20px;



  color: #575656;



  margin-top: 20px;

}



.hd-nav .item .wrap .sup .address img {

  margin-right: 5px;



  vertical-align: middle;



  margin-bottom: 3px;

}



.hd-nav .item .wrap .sup a {

  display: inline-block;



  width: 160px;



  height: 42px;



  font-size: 14px;



  line-height: 1;



  color: #ffffff;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  border-radius: 3px;



  background-image: linear-gradient(to top right, #4a8eff, #00d9c1);



  margin-top: 30px;

}



.hd-nav .item .wrap .tabs {

  width: 63.8%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.hd-nav .item .wrap .tabs a {

  width: 31%;



  margin-right: 3.5%;



  border-bottom: 1px solid #f3f3f3;



  margin-bottom: 30px;



  padding: 30px 45px 20px 0;



  position: relative;

}



.hd-nav .item .wrap .tabs a:hover h3 {

  background-image: linear-gradient(to top right, #4593fb, #07d2c7);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.hd-nav .item .wrap .tabs a:hover h5 {

  background-image: linear-gradient(to top right, #4593fb, #07d2c7);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.hd-nav .item .wrap .tabs a:hover::after {

  background: url(../img/head-ico01.png) no-repeat center;



  background-size: contain;

}



.hd-nav .item .wrap .tabs a:nth-child(3n) {

  margin-right: 0;

}



.hd-nav .item .wrap .tabs a h3 {

  font-size: 14px;



  line-height: 1;



  color: #3b3b3b;



  margin-bottom: 8px;

}



.hd-nav .item .wrap .tabs a h5 {

  font-size: 14px;



  line-height: 1.3;



  color: #626262;



  font-family: Arial, Helvetica, sans-serif;



  text-transform: uppercase;

}



.hd-nav .item .wrap .tabs a::after {

  content: "";



  display: block;



  width: 17px;



  height: 17px;



  border: 1px solid #eee;



  border-radius: 50%;



  position: absolute;



  top: 48%;



  right: 22px;

}



.pages .hd-logo .img2 {

  display: block;

}



.pages .hd-logo .img1 {

  display: none;

}



.pages .hd-nav {

  top: 0;

}



.pages .hd-btn {

  top: 0;

}



.pages .header-box {

  height: 80px;

}



.pages .header {

  background-color: #bd1f2c;

}



.m_search {

  display: none;

}



.m-nav {

  display: none;

}



.banner {

  width: 100%;



  padding-bottom: 46.87%;



  position: relative;

}



.banner .swiper-pagination {

  bottom: 50px;



  color: #fff;



  font-size: 18px;



  /* letter-spacing: 1px; */

}



.banner .swiper-pagination .swiper-pagination-bullet {

  width: 10px;



  height: 10px;



  display: inline-block;



  border-radius: 100%;



  background: #fff;



  opacity: 1;



  margin: 0 8px;

}



.banner .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #4a8eff;

}



.banner .swiper-pagination-current {

  font-size: 36px;



  color: #fff;

}





.fade-mobile,

.banner .mobile {

  display: none;

}



.banner .swiper-container {

  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;

}



.banner .swiper-slide img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.com-more1 {

  display: inline-block;



  font-size: 16px;



  line-height: 1;



  color: #fff;



  padding: 18px 57px 18px 50px;



  border-radius: 50px;



  font-family: Arial, Helvetica, sans-serif;



  background: url(../img/more-bg01.png) no-repeat;



  background-size: 100% 100%;



  transition-duration: 0.3s;

}



.com-more1:hover {

  transform: translateY(-4px);



  box-shadow: 0 2px 4px #999;



  color: #fff;

}



.com-tit1 {

  text-align: center;

}



.com-tit1 h3 {

  font-size: 56px;



  line-height: 1;



  color: #3c3c3c;

}



.com-tit1 h5 {

  font-size: 16px;



  line-height: 1.5;



  color: #3c3c3c;



  margin-top: 15px;

}



.com-tit1 p {

  font-size: 14px;



  line-height: 32px;



  color: #666666;



  margin-top: 35px;



  white-space: pre-wrap;



  text-align: center;

}



.com-more2 {

  display: inline-block;



  font-size: 14px;



  line-height: 1;



  color: #fff;



  padding-bottom: 8px;



  font-weight: bold;



  border-bottom: 2px solid #fff;



  font-family: Arial, Helvetica, sans-serif;

}



.product {

  padding-bottom: 85px;

}



.product .swiper-tab {

  padding-top: 120px;



  padding-bottom: 40px;



  margin: 0 50px;

}



.product .swiper-tab .swiper-wrapper {

  justify-content: center;

}



.product .swiper-tab .swiper-slide {

  width: auto;



  display: flex;



  flex-wrap: wrap;



  justify-content: center;



  align-items: center;



  padding: 0 25px;



  height: 40px;



  cursor: pointer;

}



.product .swiper-tab .swiper-slide .pic {

  width: 30px;



  height: 30px;



  position: relative;

}



.product .swiper-tab .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;



  transition-duration: 0.3s;

}



.product .swiper-tab .swiper-slide .pic .img2 {

  opacity: 0;

}



.product .swiper-tab .swiper-slide:hover .img1 {

  opacity: 0;

}



.product .swiper-tab .swiper-slide:hover .img2 {

  opacity: 1;

}



.product .swiper-tab .swiper-slide:hover h3 {

  color: #ee7835;

}



.product .swiper-tab .swiper-slide.swiper-slide-active .img1 {

  opacity: 0;

}



.product .swiper-tab .swiper-slide.swiper-slide-active .img2 {

  opacity: 1;

}



.product .swiper-tab .swiper-slide.swiper-slide-active h3 {

  color: #ee7835;

}



.product .swiper-tab .swiper-slide h3 {

  font-size: 14px;



  line-height: 1;



  color: #888888;



  margin-left: 5px;



  transition-duration: 0.3s;

}



.product .swiper-img .swiper-slide {

  position: relative;

}



.product .swiper-img .swiper-slide .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 45.6%;

}



.product .swiper-img .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.product .swiper-img .swiper-slide .txt {

  position: absolute;



  bottom: 0;



  left: 50%;



  transform: translateX(-50%);



  width: 850px;



  padding: 25px 40px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  background-color: #fff;

}



.product .swiper-img .swiper-slide .txt .tit {

  width: 200px;



  text-align: center;



  border-right: 1px solid #dcdcdc;

}



.product .swiper-img .swiper-slide .txt .tit h3 {

  font-size: 24px;



  line-height: 1;



  color: #333333;

}



.product .swiper-img .swiper-slide .txt .tit h5 {

  font-size: 10px;



  line-height: 1;



  color: #999999;



  margin-top: 3px;

}



.product .swiper-img .swiper-slide .txt p {

  height: 37px;



  font-size: 14px;



  line-height: 37px;



  color: #666666;



  padding: 0 25px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;

}



.product .swiper-img .swiper-button-prev {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico01.png) no-repeat center;



  background-size: contain;



  left: 8%;

}



.product .swiper-img .swiper-button-next {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico01.png) no-repeat center;



  background-size: contain;



  transform: rotate(180deg);



  right: 8%;

}



.case .tabs {

  margin-top: 25px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;

}



.case .tabs a {

  width: 200px;



  height: 50px;



  border: 1px solid #000;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 16px;



  line-height: 1;



  color: #333333;



  transition-duration: 0.3s;



  margin: 0 10px;

}



.case .tabs a:hover {

  background-color: #000;



  color: #fff;

}



.case .tabs a.on {

  background-color: #000;



  color: #fff;

}



.case .con {

  margin-top: 60px;



  position: relative;



  padding-bottom: 36.45%;

}



.case .con .swiper-container {

  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  opacity: 0;



  visibility: hidden;

}



.case .con .swiper-container.on {

  opacity: 1;



  visibility: visible;

}



.case .con .swiper-container .swiper-slide {

  position: relative;

}



.case .con .swiper-container .swiper-slide .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 36.45%;

}



.case .con .swiper-container .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.case .con .swiper-container .swiper-slide .txt {

  position: absolute;



  top: 50%;



  left: 50%;



  transform: translateX(-50%) translateY(-50%);



  text-align: center;



  width: 100%;

}



.case .con .swiper-container .swiper-slide .txt h3 {

  font-size: 40px;



  line-height: 1;



  color: #ffffff;



  margin-bottom: 40px;



  text-align: center;

}



.case .con .swiper-container .swiper-slide .txt a {

  margin-top: 42px;



  display: inline-block;



  width: 150px;



  height: 50px;



  border: 1px solid #fff;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  display: inline-flex;



  font-size: 18px;



  line-height: 1;



  color: #ffffff;



  transition-duration: 0.3s;

}



.case .con .swiper-container .swiper-slide .txt a:hover {

  background-color: #000;



  border-color: #000;



  color: #fff;

}



.case .con .swiper-container .swiper-button-prev {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico02.png) no-repeat center;



  background-size: contain;



  left: 14%;

}



.case .con .swiper-container .swiper-button-next {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico02.png) no-repeat center;



  background-size: contain;



  transform: rotate(180deg);



  right: 14%;

}



.store .store-swiper {

  margin-top: 60px;

}



.store .store-swiper .swiper-slide {

  position: relative;



  cursor: pointer;

}



.store .store-swiper .swiper-slide .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 31.25%;

}



.store .store-swiper .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.store .store-swiper .swiper-slide .txt {

  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: rgba(0, 0, 0, 0.4);



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;

}



.store .store-swiper .swiper-slide .txt h3 {

  font-size: 35px;



  line-height: 1;



  color: #fff;



  text-align: center;



  margin-top: 12%;

}



.store .store-swiper .swiper-slide .txt h5 {

  font-size: 30px;



  line-height: 1;



  color: #fff;



  margin-top: 15px;



  text-align: center;

}



.store .store-swiper .swiper-slide .txt p {

  position: absolute;



  bottom: 10px;



  left: 0;



  right: 0;



  font-size: 12px;



  line-height: 1;



  color: #fff;



  text-align: center;

}



.store .store-swiper .swiper-slide:hover .txt {

  opacity: 1;



  visibility: visible;

}



.store .store-swiper .swiper-button-prev {

  width: 127px;



  height: 20px;



  background: url(../img/left-ico03.png) no-repeat center;



  background-size: contain;



  left: 35px;



  opacity: 0;



  z-index: 9;

}



.store .store-swiper .swiper-button-next {

  width: 127px;



  height: 20px;



  background: url(../img/left-ico03.png) no-repeat center;



  background-size: contain;



  transform: rotate(180deg);



  right: 35px;



  opacity: 0;



  z-index: 9;

}



.store .store-swiper:hover .swiper-button-prev {

  opacity: 1;

}



.store .store-swiper:hover .swiper-button-next {

  opacity: 1;

}



.news {

  padding: 85px 0;

}



.news .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.news .tabs a {

  display: inline-block;



  font-size: 14px;



  line-height: 20px;



  padding: 10px 15px;



  color: #bd1f2c;



  transition: all 0.3s;



  position: relative;



  margin-right: 32px;



  border-radius: 8px;

}



.news .tabs a:hover {

  background-color: #bd1f2c;



  color: #fff;

}



.news .tabs a::after {

  content: "";



  display: block;



  width: 10px;



  height: 2px;



  background-color: #bd1f2c;



  position: absolute;



  right: -23px;



  top: 19px;

}



.news .tabs a:last-child::after {

  display: none;

}



.news .news-swiper {

  width: 100%;



  margin-top: 50px;

}



.news .news-swiper .swiper-pagination {

  opacity: 0;

}



.news .news-swiper .swiper-slide {

  width: 469px;



  transition-duration: 0.3s;



  background-color: #fff;

}



.news .news-swiper .swiper-slide a {

  display: block;



  padding: 30px 30px 50px;

}



.news .news-swiper .swiper-slide .time {

  font-size: 18px;



  line-height: 1;



  color: #ffffff;



  opacity: 0;

}



.news .news-swiper .swiper-slide .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 75%;



  margin-top: 16px;

}



.news .news-swiper .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.news .news-swiper .swiper-slide .txt {

  position: relative;



  padding-top: 22px;

}



.news .news-swiper .swiper-slide .txt h3 {

  font-size: 16px;



  line-height: 30px;



  color: #bc1b28;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  height: 60px;



  white-space: pre-wrap;



  padding-right: 75px;

}



.news .news-swiper .swiper-slide .txt h5 {

  font-size: 12px;



  line-height: 1;



  color: #9b9b9b;



  position: absolute;



  top: 30px;



  right: 5px;

}



.news .news-swiper .swiper-slide .txt p {

  font-size: 14px;



  line-height: 30px;



  color: #afafaf;



  margin-top: 20px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  height: 60px;

}



.news .news-swiper .swiper-slide .txt .info {

  font-size: 14px;



  line-height: 25px;



  color: #c2c2c2;



  margin-top: 20px;

}



.news .news-swiper .swiper-slide .txt .info::before {

  content: "";



  display: inline-block;



  width: 1px;



  height: 1px;



  background-color: #fff;



  position: relative;



  bottom: 5px;



  transition-duration: 0.3s;

}



.news .news-swiper .swiper-slide:hover {

  background-color: #bd1f2c;

}



.news .news-swiper .swiper-slide:hover .time {

  opacity: 1;

}



.news .news-swiper .swiper-slide:hover .txt h3 {

  color: #fff;

}



.news .news-swiper .swiper-slide:hover .txt h5 {

  color: #fff;

}



.news .news-swiper .swiper-slide:hover .txt p {

  color: #fff;

}



.news .news-swiper .swiper-slide:hover .txt .info {

  color: #fff;

}



.news .news-swiper .swiper-slide:hover .txt .info::before {

  width: 70px;



  height: 1px;

}



.about {

  padding: 48px 0;

}



.about .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.about .wrap .txt {

  width: 50%;

}



.about .wrap .txt .slogen {

  margin-top: 50px;



  border-top: 1px solid #ebebeb;



  padding-top: 52px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  margin-bottom: 75px;

}



.about .wrap .txt .slogen div {

  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  margin-right: 40px;

}



.about .wrap .txt .slogen div img {

  width: 65px;



  height: 65px;



  object-fit: scale-down;

}



.about .wrap .txt .slogen div h3 {

  font-size: 14px;



  line-height: 1.2;



  color: #767676;



  margin-top: 15px;

}



.about .wrap .item {

  width: 38.21%;

}



.about .wrap .item .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 150%;

}



.about .wrap .item .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.contact .form {

  margin-top: 75px;

}



.contact .form li {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  margin-bottom: 40px;

}



.contact .form li:last-child {

  margin-bottom: 80px;

}



.contact .form li label {

  font-size: 16px;



  line-height: 1;



  color: #666666;



  white-space: pre-wrap;



  cursor: pointer;

}



.contact .form li:not(:nth-child(n + 4)) input {

  width: 650px;



  height: 47px;



  border: 1px solid #000000;



  padding: 0 13px;



  font-size: 16px;



  line-height: 1;



  color: #666666;

}



.contact .form li #radio1 {

  margin-right: 90px;

}



.contact .form li:nth-child(4) input {

  cursor: pointer;

}



.contact .form li .sub {

  width: 320px;



  height: 60px;



  border: 1px solid #000;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 16px;



  line-height: 1;



  color: #000000;



  transition-duration: 0.3s;

}



.contact .form li .sub:hover {

  background-color: #000;



  color: #fff;

}



footer {

  background-color: #f5f5f5;

}



footer .default-index-container {

  max-width: 1400px;



  margin: 0 auto;

}



footer .container-fluid {

  width: 100%;



  padding-right: 15px;



  padding-left: 15px;



  margin-right: auto;



  margin-left: auto;

}



footer .container-padd-t80 {

  padding-top: 80px;

}



footer .row {

  display: flex;



  flex-wrap: wrap;



  margin-right: -15px;



  margin-left: -15px;

}



footer .col-12 {

  flex: 0 0 100%;



  max-width: 100%;

}



footer .module-005 {

  display: flex;



  justify-content: space-between;



  border-bottom: 1px solid #b5b5b5;



  padding-bottom: 40px;

}



footer .module-005 .left {

  width: 230px;

}



footer .left {

  float: left;

}



footer .module-005 .center {

  text-align: center;

}



footer .module-005 .center .footer-nav-box ul > li {

  display: inline-block;



  margin-right: 85px;

}



footer .module-005 .center .footer-nav-box ul > li > a {

  display: inline-block;



  color: #333333;



  font-size: 16px;



  font-weight: bold;

}



footer .module-005 .center .ewm-box {

  margin-bottom: 25px;



  display: inline-block;

}



footer .module-005 .center .ewm-box ul > li {

  display: inline-block;



  margin-left: 10px;



  margin-right: 10px;



  margin-bottom: 15px;

}



footer .module-005 .center .add-box p {

  color: #000000;



  font-size: 16px;



  margin-bottom: 10px;

}



footer .module-005 .right {

  width: 230px;



  text-align: right;

}



footer .right {

  float: right;

}



footer .module-005 .right .up-btn::after {

  content: "";



  position: absolute;



  top: -10px;



  left: 50%;



  height: 25px;



  width: 1px;



  background-color: #333333;

}



footer .module-005 .right .up-btn::before {

  content: "";



  position: absolute;



  top: 15px;



  left: 50%;



  height: 0;



  width: 1px;



  background-color: #004398;



  transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  transform-origin: top center;



  -webkot-transform-origin: top center;

}



footer .module-005 .right .up-btn span {

  color: #333333;

}



footer .module-005 .right .up-btn span {

  color: #000000;



  transition: all 0.3s;

}



footer .module-005 .center .ewm-box ul > li img {

  width: 88px;



  height: 88px;



  object-fit: cover;

}



footer .module-005 .center .ewm-box ul > li h3 {

  font-size: 14px;



  line-height: 1;



  color: #666666;



  margin-top: 6px;



  text-align: center;

}



footer .module-005 .center .footer-nav-box ul > li:nth-last-of-type(1) {

  margin-right: 0;

}



footer .module-005 .right .up-btn {

  display: inline-block;



  padding: 25px;



  border: 1px solid #333333;



  cursor: pointer;



  position: relative;



  transition: all 0.3s;

}



footer .module-005 .center .footer-nav-box {

  margin-bottom: 55px;

}



footer .module-005 .right .up-btn:hover span {

  color: #004398;



  transition-delay: 0.3s;

}



footer .module-005 .right .up-btn:hover::before {

  height: 25px;



  transition: all 0.3s;



  transition-delay: 0s;



  transition-delay: 0.3s;

}



footer .module-005 .right .up-btn:hover::after {

  height: 0;



  transition: all 0.3s;

}



footer .module-005 .right .up-btn:hover {

  border-color: #004398;

}



footer .module-006 {

  display: flex;



  justify-content: space-between;



  border-bottom: 1px solid #f5f5f5;



  padding: 30px 0 15px;



  font-size: 14px;



  line-height: 1.2;



  color: #333;

}



.formError {

  max-width: 280px;



  pointer-events: none;



  position: fixed;



  top: 50%;



  left: 50%;



  transform: translateX(-50%) translateY(-50%);



  z-index: 10001;



  background-color: #f6f6f6;



  padding: 15px 30px;



  border-radius: 5px;



  opacity: 0;



  transition: 0.4s all;



  box-shadow: 0 5px 10px rgba(67, 65, 68, 0.9);

}



.formError.active {

  opacity: 1;

}



.formError h6 {

  font-size: 16px;



  color: #434144;

}



.online {

  position: fixed;



  top: 0;



  left: 0;



  z-index: 101;



  width: 100%;



  height: 100%;



  background-color: rgba(0, 0, 0, 0.5);



  display: none;

}



.online .main {

  position: absolute;



  top: 50%;



  left: 50%;



  transform: translateX(-50%) translateY(-50%);



  max-width: 850px;



  width: 96%;



  padding: 30px;



  background-color: #fff;

}



.online .main .tit {

  width: 100%;



  max-width: 260px;



  margin: 0 auto;

}



.online .main .tit h3 {

  text-align: center;



  font-size: 24px;



  color: #434144;



  font-weight: bold;

}



.online .main .tit span {

  display: block;



  font-size: 14px;



  text-transform: uppercase;



  position: relative;



  margin-top: 5px;



  text-align: center;



  font-family: "Arial";



  color: #787878;



  font-weight: bold;

}



.online .main .tit span b {

  color: #bd1f2c;

}



.online .main .tit span:before {

  content: "";



  opacity: 1;



  display: block;



  top: 50%;



  left: 0;



  position: absolute;



  transform: translateY(-50%);



  width: 65px;



  height: 1px;



  background-color: #434144;

}



.online .main .tit span:after {

  content: "";



  opacity: 1;



  display: block;



  top: 50%;



  right: 0;



  position: absolute;



  transform: translateY(-50%);



  width: 65px;



  height: 1px;



  background-color: #434144;

}



.online .main form {

  margin-top: 30px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;



  align-items: unset;

}



.online .main form figure {

  display: block;



  width: 45%;



  position: relative;



  padding: 20% 0;

}



.online .main form figure img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.online .main form ul {

  width: 52%;

}



.online .main form ul li {

  width: 100%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;



  height: 40px;

}



.online .main form ul li + li {

  margin-top: 15px;

}



.online .main form ul li .ind {

  width: 48%;



  height: 100%;



  border: 1px solid #bebebe;



  padding: 0 10px;



  background-color: transparent;



  color: #979797;



  font-size: 14px;



  transition: 0.2s all;

}



.online .main form ul li .ind.active {

  box-shadow: 0 5px 10px rgba(43, 59, 120, 0.6);

}



.online .main form ul li .ind:hover {

  box-shadow: 0 5px 10px rgba(43, 59, 120, 0.6);

}



.online .main form ul li .ind::-webkit-input-placeholder {

  color: #979797;



  font-size: 14px;

}



.online .main form ul li select {

  background: url(../img/ico-002.png) #fff 95% center no-repeat;

}



.online .main form ul li.phone input {

  width: 100%;

}



.online .main form ul li.textarea {

  height: 180px;

}



.online .main form ul li.textarea textarea {

  width: 100%;



  padding: 10px;

}



.online .main form ul li button {

  width: 100%;



  height: 100%;



  line-height: 40px;



  text-align: center;



  background-color: #bd1f2c;



  color: #fff;



  font-size: 16px;



  cursor: pointer;



  transition: 0.4s all;



  border: 1px solid transparent;

}



.online .main form ul li button:hover {

  background-color: transparent;



  border-color: #999;



  border-radius: 5px;



  color: #666;

}



.online .close {

  display: block;



  width: 30px;



  height: 30px;



  position: absolute;



  top: 0;



  right: 0;



  background: url(../img/close.png) no-repeat center center #bd1f2c;



  background-size: 60%;



  cursor: pointer;

}



.slide-nav {

  position: fixed;



  right: 20px;



  top: 30%;



  z-index: 98;



  display: none;

}



.slide-nav .item {

  margin: 10px 0;



  width: 68px;



  height: 68px;



  border: 1px solid #bebebe;



  background-color: #fff;



  position: relative;



  transition: 0.4s all;

}



.slide-nav .item:hover {

  background-color: #bd1f2c;

}



.slide-nav .item:hover .icon {

  background-position: center bottom;

}



.slide-nav .item:hover h4 {

  color: #fff;

}



.slide-nav .goTop {

  opacity: 0;



  visibility: hidden;



  transition: all 0.3s;

}



.slide-nav .goTop.active {

  opacity: 1;



  visibility: visible;

}



.slide-nav .icon {

  margin: 6px auto 3px;



  display: block;



  width: 35px;



  height: 35px;



  background-repeat: no-repeat;



  background-position: center top;



  background-size: 35px auto;

}



.slide-nav h4 {

  font-size: 12px;



  color: #4e4e4e;



  font-weight: 400;



  text-align: center;

}



.slide-nav .mask {

  margin-top: -1px;



  position: absolute;



  right: 100%;



  top: 0;



  -webkit-transform: scale(1, 0);



  -ms-transform: scale(1, 0);



  -o-transform: scale(1, 0);



  transform: scale(1, 0);



  opacity: 0;



  white-space: nowrap;



  -webkit-transition: 0.3s;



  -o-transition: 0.3s;



  transition: 0.3s;

}



.slide-nav .tel {

  padding: 0 30px;



  height: 68px;



  line-height: 68px;



  font-size: 14px;



  color: #4e4e4e;



  border: 1px solid #999;



  border-right: none;



  background-color: #fff;

}



.slide-nav .qr {

  margin-right: 2px;



  width: 140px;



  height: 140px;



  border: 1px solid #f2f2f2;



  overflow: hidden;

}



.slide-nav .qr img {

  display: block;



  width: 100%;



  height: 100%;

}



.slide-nav .item:hover {

  border-color: #bd1f2c;

}



.slide-nav .item:hover .mask {

  -webkit-transform: scale(1, 1);



  -ms-transform: scale(1, 1);



  -o-transform: scale(1, 1);



  transform: scale(1, 1);



  opacity: 1;

}



.m_search {

  width: 100%;



  background-color: #434144;



  -webkit-transform: none;



  -moz-transform: none;



  -ms-transform: none;



  -o-transform: none;



  transform: none;



  position: fixed;



  top: 0;



  height: 100%;



  z-index: 101;



  overflow-y: scroll !important;



  display: none;

}



.m_search figure {

  width: 100%;



  height: 100%;

}



.m_search .title,

.m_search figure {

  display: -webkit-box;



  display: -webkit-flex;



  display: -moz-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-pack: center;



  -webkit-justify-content: center;



  -moz-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-flex-direction: column;



  -moz-box-orient: vertical;



  -moz-box-direction: normal;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-box-align: center;



  -webkit-align-items: center;



  -moz-box-align: center;



  -ms-flex-align: center;



  align-items: center;

}



.m_search .title {

  margin: 0 auto;

}



.m_search .title img {

  width: 40px;



  height: 40px;



  -o-object-fit: contain;



  object-fit: contain;

}



.m_search .title h3 {

  font-size: 38px;



  color: #fff;



  font-weight: 700;



  text-transform: uppercase;



  text-align: center;



  margin-top: 20px;



  line-height: 36px;

}



.m_search .main {

  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;

}



.m_search .main {

  width: 100%;



  padding: 6% 15% 0;

}



.m_search .search_close {

  margin: 6% auto 0;



  cursor: pointer;

}



.m_search .search_close span {

  margin: 0 auto;



  width: 50px;



  -webkit-transform: rotate(45deg);



  -moz-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  -o-transform: rotate(45deg);



  transform: rotate(45deg);



  position: relative;

}



.m_search .search_close span,

.m_search .search_close span::before {

  display: block;



  height: 5px;



  -webkit-border-radius: 10px;



  -moz-border-radius: 10px;



  border-radius: 10px;



  background-color: #fff;

}



.m_search .main .m_header_submit {

  width: 100%;



  margin-top: 30px;



  padding: 15px 0;



  background-color: #fff;



  color: #434144;



  text-transform: uppercase;



  font-size: 30px;



  font-weight: 700;



  cursor: pointer;

}



.m_search .search_close h4 {

  font-size: 20px;



  font-weight: 700;



  text-transform: uppercase;



  color: #fff;



  margin-top: 30%;

}



.m_search .search_close span::before {

  content: "";



  opacity: 1;



  width: 100%;



  -webkit-transform: rotate(-90deg);



  -moz-transform: rotate(-90deg);



  -ms-transform: rotate(-90deg);



  -o-transform: rotate(-90deg);



  transform: rotate(-90deg);

}



.m_search .main input {

  border: none;



  outline: 0;



  -webkit-appearance: none;



  width: 100%;



  margin-top: 30px;



  padding-bottom: 28px;



  border-bottom: 1px solid #f8f8f8;



  font-size: 24px;



  color: #cfcfcf;



  background-color: transparent;

}



.menu-btn {

  display: none;

}



.search_btn {

  display: none;

}



.product_info .wrap {

  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;

}



/* 产品详情 */



.product_info .content {

  padding: 30px 45px;



  background-color: #fff;

}



.product_info .content .tit h3 {

  color: #3a3a3a;



  font-size: 24px;



  line-height: 30px;



  text-align: center;

}



.product_info .content .tit h5 {

  color: #8a8a8a;



  font-size: 18px;



  line-height: 30px;



  text-align: center;



  margin-top: 10px;



  margin-bottom: 20px;

}



.product_info .col-m {

  width: 100%;



  margin-bottom: 40px;



  display: flex;



  flex-wrap: wrap;



  background-color: #fff;

}



.product_info .col-m .img {

  width: 53%;



  height: 570px;

}



.product_info .col-m .img img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.product_info .col-m .item {

  width: 47%;



  padding: 50px 50px 0;

}



.product_info .col-m .item h3 {

  color: #2b3b78;



  font-size: 24px;



  line-height: 30px;



  padding-bottom: 22px;



  border-bottom: 1px solid #e2e2e2;

}



.product_info .col-m .item h5 {

  color: #6e6e6e;



  font-size: 16px;



  line-height: 20px;



  margin-top: 19px;

}



.product_info .col-m .item span {

  color: #c7c7c7;



  font-size: 14px;

}



.product_info .col-m .item p {

  color: #818181;



  font-size: 14px;



  line-height: 25px;



  margin-top: 5px;



  height: 250px;



  overflow: hidden;



  text-overflow: clip;



  white-space: pre-wrap;

}



.product_info .col-m .item_share {

  display: flex;



  justify-content: space-between;



  align-items: center;



  padding-bottom: 18px;



  border-bottom: 1px solid #e2e2e2;

}



.product_info .col-m .item_share .tel {

  padding-left: 30px;



  background: url(../img/tel-ico-001.png) no-repeat left center;



  color: #ff0000;



  font-size: 14px;



  line-height: 20px;

}



.product_info .col-m .item_share .box {

  color: #a7a7a7;



  font-size: 14px;



  line-height: 20px;

}



.product_info .col-m .item_share .box .social-share {

  display: inline-block;

}



.product_info .col-m .link a {

  display: inline-block;



  color: #fff;



  font-size: 14px;



  line-height: 20px;



  background-color: #4a8eff;



  padding: 10px 38px;



  border-radius: 4px;



  margin-top: 25px;



  transition: all 0.3s;



  border: 1px solid #2b3b78;

}



.product_info .col-m .link a:hover {

  background-color: #fff;



  color: #4a8eff;

}



.product_info .col-l .link {

  color: #9d9d9d;



  font-size: 16px;



  line-height: 20px;



  display: flex;



  justify-content: space-between;



  position: relative;



  padding-bottom: 60px;



  padding-top: 15px;



  margin-top: 40px;



  border-top: 2px solid #e6e6e6;

}



.product_info .col-l .link a:hover {

  color: #2b3b78;

}



.product_info .col-l .link .back {

  position: absolute;



  bottom: 0;



  right: 0;



  color: #fff;



  display: inline-block;



  padding: 10px 30px;



  background-color: #b8b8b8;



  border-radius: 5px;

}



.product_info .img .swiper-container {

  width: 100%;



  height: 100%;



  margin: 0;



  border: 1px solid #dcdcdc;



  background-color: #fff;

}



.product_info .img .swiper-container img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.product_info .img .swiper-container .swiper-button-next,

.product_info .img .swiper-container .swiper-button-prev {

  position: absolute;



  top: 50%;



  width: 35px;



  height: 55px;



  margin-top: -22px;



  z-index: 10;



  cursor: pointer;



  background-position: center;



  background-repeat: no-repeat;



  background-size: auto;



  background-image: url(../img/left-ico002.png);



  background-color: rgba(0, 0, 0, 0.3);



  left: 0;

}



.product_info .img .swiper-container .swiper-button-next {

  background-image: url(../img/right-ico002.png);



  left: initial;



  right: 0;

}



.product_info .img .swiper-container .swiper-pagination-bullet-active {

  opacity: 1;



  background: #2b3b78;

}



.product_info {

  padding-bottom: 45px;

}



.m-serve {

  background-color: #fff;



  padding-bottom: 20px;



  margin-bottom: 20px;

}



.m-serve .tit {

  text-align: center;



  padding: 24px 0 45px;



  background-color: #2b3b78;

}



.m-serve .tit h3 {

  font-size: 18px;



  color: #fff;



  line-height: 30px;



  margin-bottom: 6px;



  font-weight: bold;

}



.m-serve .tit p {

  font-size: 14px;



  color: #fff;



  line-height: 24px;



  display: none;

}



.m-serve .form {

  margin: -26px 20px 0;



  background-color: #fff;



  border-radius: 5px;



  padding: 19px 15px 19px;



  border: 1px solid #f0f0f0;

}



.m-serve .form .item {

  margin-bottom: 15px;



  overflow: hidden;

}



.m-serve .form .item .inp,

.m-serve .form select {

  border: 1px solid #e2e2e2;



  padding: 0 20px 0 13px;



  font-size: 12px;



  color: #828282;



  line-height: 35px;



  height: 35px;



  display: block;



  width: 100%;



  border-radius: 3px;

}



.m-serve .form select {

  background: url(../img/qwy-i5.png) center right 11px no-repeat;

}



.m-serve .form .sub {

  line-height: 30px;



  height: 40px;



  font-size: 14px;



  color: #fff;



  text-align: center;



  border-radius: 5px;



  background-color: #2b3b78;



  border: none;



  width: 100%;



  cursor: pointer;



  transition: 0.4s all;



  border: 1px solid transparent;

}



.m-serve .form .sub:hover {

  border-radius: 3px;



  color: #2b3b78;



  background-color: transparent;



  border-color: #2b3b78;

}



.ul-form {

  overflow: hidden;



  margin: 0 -4px;

}



.ul-form li {

  float: left;



  width: 50%;



  margin-top: 12px;



  padding: 0 4px;

}



.g-box {

  padding: 23px 20px 5px;



  background-color: #fff;



  margin-bottom: 30px;

}



.g-tit1 {

  overflow: hidden;



  margin-bottom: 20px;

}



.g-tit1 h3 {

  float: left;



  padding-left: 20px;



  font-size: 24px;



  color: #000;



  background: url(../img/qwy-i6.png) center left no-repeat;



  line-height: 34px;



  font-weight: 400;

}



.g-tit1 a {

  float: right;



  font-size: 14px;



  color: #828282;



  line-height: 24px;



  margin-top: 8px;



  transition: all 0.3s;

}



.g-tit1 a:hover {

  color: #2b3b78;

}



.m-list2 {

  padding-bottom: 10px;

}



.m-list2 li a {

  display: block;



  font-size: 14px;



  color: #838282;



  line-height: 24px;



  margin-bottom: 7px;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



  position: relative;



  padding-left: 6px;



  transition: all 0.3s;

}



.m-list2 li a:hover {

  color: #2b3b78;

}



.m-list2 li a::after {

  content: "";



  position: absolute;



  left: 0;



  top: 50%;



  width: 2px;



  height: 2px;



  background-color: #838282;



  margin-top: 0;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  -webkit-transform: translateY(-50%);



  -moz-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  -o-transform: translateY(-50%);



  transform: translateY(-50%);

}



.m-list1 {

  height: auto;



  overflow: hidden;

}



.m-list1 li {

  width: 50%;



  float: left;

}



.crumbs nav {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;

}



.crumbs nav ul {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  padding: 60px 0 35px;

}



.crumbs nav ul li:first-child {

  margin-right: 15px;

}



.crumbs nav ul li {

  font-size: 14px;



  line-height: 1;



  color: #333333;

}



.crumbs nav ul li a {

  font-size: 14px;



  color: #565656;



  transition: 0.4s all;

}



.crumbs nav ul li a:hover {

  color: #333333;

}



.crumbs li:nth-of-type(n + 3) {

  padding-left: 22px;



  position: relative;



  margin-left: 0;

}



.crumbs li:nth-of-type(n + 3)::before {

  content: "";



  opacity: 1;



  display: block;



  position: absolute;



  top: 52%;



  left: 8px;



  transform: translateY(-50%);



  width: 8px;



  height: 7px;



  background: url("../img/jt.png") no-repeat;



  background-size: contain;

}



.crumbs .tit {

  display: flex;



  flex-wrap: wrap;



  margin-left: -40px;

}



.crumbs .tit a {

  width: auto;



  height: 50px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 14px;



  color: #828282;



  margin-left: 40px;



  position: relative;



  z-index: 1;

}



.crumbs .tit a::after {

  content: "";



  display: block;



  width: calc(100% + 18px);



  height: 30px;



  background-color: #bd1f2c;



  position: absolute;



  left: 50%;



  top: 50%;



  transform: translateY(-50%) translateX(-50%);



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;



  z-index: -1;



  border-radius: 5px;

}



.crumbs .tit a.on,

.crumbs .tit a:hover {

  color: #fff;

}



.crumbs .tit a.on::after,

.crumbs .tit a:hover::after {

  opacity: 1;



  visibility: visible;

}



.pages {

  background-color: #f6f6f6;

}



/* 内页导航1 */



.navbar1 {

  /* background-color: #192028; */



  padding-top: 40px;



  padding-bottom: 40px;

}



.navbar1 .box {

  width: 1400px;



  margin: 0 auto;



  background-color: #fff;



  border: 1px solid #e2e2e2;

}



.navbar1 .tit {

  padding: 0 18px;



  line-height: 58px;



  overflow: hidden;



  border-bottom: 1px solid #e2e2e2;



  font-size: 16px;



  color: #484848;

}



.navbar1 .tit span {

  float: left;



  padding-left: 29px;



  background: url(../img/all.png) center left no-repeat;

}



.navbar1 .tit .js-more {

  float: right;



  padding-right: 20px;



  /* background: url(../img/qwy-i3.png) center right no-repeat; */



  cursor: pointer;



  position: relative;



  color: #7e7e7e;

}



.navbar1 .tit .js-more::before {

  content: "";



  display: block;



  width: 11px;



  height: 7px;



  background: url(../img/qwy-i3.png) center no-repeat;



  position: absolute;



  top: 50%;



  right: 0;



  margin-top: -3px;



  transition: all 0.3s;

}



.navbar1 .tit .js-more.active::before {

  transform: rotate(180deg);

}



.navbar1 .nav {

  /* border-bottom: 1px solid #e2e2e2; */



  padding: 0 46px;



  /* display: flex;



  flex-wrap: wrap;



  align-items: center; */



  background-color: #fff;



  justify-content: flex-start;



  background: url(../img/nav-bg1.png) repeat left top;

}



.navbar1 ul li {

  position: relative;



  padding-left: 80px;



  user-select: none;

}



.navbar1 ul li h4 {

  position: absolute;



  left: 0;



  top: 0;



  display: inline-block;



  width: 80px;



  font-size: 16px;



  color: #484848;



  line-height: 58px;



  /* margin-left: 48px; */



  padding-right: 15px;



  text-align: right;



  font-weight: bold;



  display: none;



  user-select: none;

}



.navbar1 ul li h4:first-child {

  display: block;

}



.navbar1 ul li a {

  font-size: 16px;



  color: #9e9e9e;



  margin: 0 10px;



  line-height: 58px;



  display: inline-block;

}



.navbar1 ul li a:hover,

.navbar1 ul li a.on {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.navbar1 ul li.active a {

  /* color: #2b3b78; */

}



body.bg1 {

  background-color: #f9f9f9;

}



.product-list_view {

  padding-top: 70px;

}



.product-list_view .list {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  margin-left: -1.7%;



  margin-bottom: -30px;

}



.product-list_view .list .active .code {

  opacity: 1;



  visibility: visible;

}



.product-list_view .list li {

  width: 23.5%;



  margin-left: 1.5%;



  margin-bottom: 30px;

}



.product-list_view .list li .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 100%;



  overflow: hidden;

}



.product-list_view .list li .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.5s;

}



.product-list_view .list li .pic .img1 {

  opacity: 1;



  visibility: visible;

}



.product-list_view .list li .pic:hover .img2 {

  opacity: 1;



  visibility: visible;

}



.product-list_view .list li .txt {

  padding-right: 30px;



  position: relative;

}



.product-list_view .list li .txt h3 {

  font-size: 16px;



  line-height: 1.2;



  color: #000000;



  margin-top: 25px;



  margin-bottom: 6px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;

}



.product-list_view .list li .txt h5 {

  font-size: 16px;



  line-height: 1.2;



  color: #828282;



  margin-bottom: 10px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;

}



.product-list_view .list li .txt .code_btn {

  width: 30px;



  height: 30px;



  background: url(../img/code-btn.png) no-repeat center;



  position: absolute;



  top: 50%;



  right: 0;



  transform: translateY(-50%);

}



.product-list_view .list li .txt .code_btn:hover {

  box-shadow: 0 2px 3px #999;

}



.navbar {

  /* background-color: #192028; */



  padding-top: 60px;



  padding-bottom: 60px;

}



.navbar div {

  border: 1px solid #e2e2e2;



  width: 1400px;



  margin: 0 auto;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;



  padding: 0 0 0 15px;



  background-color: #fff;

}



.navbar div p {

  font-size: 16px;



  line-height: 60px;



  color: #626262;



  padding-left: 30px;



  position: relative;

}



.m-pages {

  text-align: center;



  font-size: 14px;



  padding-top: 90px;



  padding-bottom: 90px;



  /* background-color: #192028; */

}



.m-pages ul {

  display: inline-block;



  vertical-align: middle;



  overflow: hidden;



  margin-right: 25px;

}



.m-pages li {

  float: left;



  margin: 0 3px;

}



.m-pages li a {

  display: block;



  width: 65px;



  text-align: center;



  color: #0f0f0f;



  /* background-color: #ccc; */



  height: 65px;



  line-height: 64px;



  transition: 0.4s all;



  font-size: 16px;



  background-color: #e7e7e7;



  letter-spacing: 0;



  font-family: Arial, Helvetica, sans-serif;

}



.m-pages select {

  width: 70px;



  height: 65px;



  line-height: 64px;



  color: #000;



  color: #3f3837;



  padding-left: 10px;



  background: url(../img/qwy-i4.png) #fff center right 10px no-repeat;



  /* background-size: auto;



  background-size: 8px; */



  font-size: 16px;



  border: 1px solid #c8c8c8;



  vertical-align: bottom;

}



.m-pages select option {

  width: 100%;



  height: 36px;



  font-size: 14px;

}



.m-pages li.active a,

.m-pages li a:hover {

  color: #fff;



  border: none;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.m-pages li {

  font-size: 16px;



  color: #3f3837;



  letter-spacing: 2px;



  line-height: 65px;



  font-family: SourceHanSerifCN;

}



/* .navbar ul {



	border-top: 1px solid #e2e2e2;



	width: 1400px;



	padding: 0 30px;



	margin: 0 auto;



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	background-color: #fff;



	justify-content: flex-start;



  }



  



  .navbar ul li {



	position: relative;



	transition: .4s all;



  } */



.navbar div p::before {

  content: "";



  opacity: 1;



  display: block;



  width: 14px;



  height: 14px;



  background: url("../images/all.png") no-repeat;



  background-size: auto;



  background-size: contain;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);

}



.navbar div p::before {

  content: "";



  opacity: 1;



  display: block;



  width: 18px;



  height: 18px;



  background: url("../img/all.png") no-repeat;



  background-size: auto;



  background-size: contain;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);

}



.navbar div ol {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.navbar div ol {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.navbar div ol li {

  position: relative;



  transition: 0.4s all;



  border-radius: 15px;

}



.navbar div ol li {

  position: relative;



  transition: 0.4s all;



  border-radius: 15px;

}



.navbar div ol li.active {

  background-color: #ddae60;

}



.navbar div ol li a {

  display: block;



  font-size: 16px;



  color: #131313;



  transition: 0.4s all;



  /* padding: 6px 15px; */



  height: 60px;



  line-height: 60px;



  padding: 0 18px;



  min-width: 85px;



  text-align: center;

}



.navbar .js-more {

  display: none;

}



.navbar > div {

  padding: 0 20px;



  width: 100%;



  display: block;



  position: relative;

}



.navbar div .js-more {

  display: block;



  /* font-size: 14px;



  line-height: 30px; */



  position: relative;



  line-height: 44px;



  font-size: 16px;



  color: #626262;



  cursor: pointer;



  text-align: center;

}



.navbar div p {

  display: none;



  /* font-size: 14px;



  line-height: 30px; */

}



.navbar {

  padding: 15px;



  /* margin-top: 20px; */

}



.navbar .js-more::before {

  content: "";



  display: block;



  width: 11px;



  height: 7px;



  background: url(../img/qwy-i3.png) center no-repeat;



  position: absolute;



  top: 50%;



  right: 0;



  margin-top: -3px;



  transition: all 0.3s;

}



.navbar > div::after {

  content: "";



  display: block;



  width: 100%;



  height: 1px;



  background-color: #e2e2e2;



  position: absolute;



  top: 45px;



  right: 0;

}



.navbar div ol {

  display: none;



  padding: 8px 0;

}



.navbar .js-more.active::before {

  transform: rotate(180deg);

}



.navbar div ol li a {

  text-align: center;



  font-size: 14px;



  padding: 6px 15px;



  height: auto;



  line-height: 1.2;



  color: #666;

}



.navbar > div {

  padding: 0 20px;

}



.navbar div ol li.on a,

.navbar div ol li a:hover {

  /* color: #2b3b78; */

}



.navbar {

  display: none;

}



.naver3 {

  border-bottom: 1px solid #e3e3e3;

}



.naver3 .link {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.naver3 .link a {

  font-size: 14px;



  line-height: 1;



  color: #222;



  padding: 30px 0;



  position: relative;



  margin-right: 100px;



  border-bottom: 2px solid transparent;



  transition-duration: 0.3s;

}



.naver3 .link a:hover {

  color: #dab492;



  border-bottom-color: #dab492;

}



.naver3 .link a .on {

  color: #dab492;



  border-bottom-color: #dab492;

}



.col-l {

  width: 72%;

}



.col-r {

  width: 24%;

}



.sidebar_news2 {

  padding: 30px;



  background-color: #fff;



  margin-bottom: 36px;

}



.sidebar_news2 .tit {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  padding-bottom: 14px;



  border-bottom: 2px solid #ececec;



  padding-left: 20px;



  position: relative;



  margin-bottom: 15px;

}



.sidebar_news2 .tit::after {

  content: "";



  display: block;



  width: 2px;



  height: 20px;



  background-color: #dcb898;



  position: absolute;



  left: 0;



  top: 0;

}



.sidebar_news2 li a {

  font-size: 14px;



  line-height: 25px;



  color: #666666;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



  padding-left: 20px;



  margin-bottom: 10px;



  position: relative;

}



.sidebar_news2 li a::after {

  content: "";



  display: block;



  width: 6px;



  height: 6px;



  border-radius: 100%;



  background-color: #333;



  position: absolute;



  left: 0;



  top: 50%;



  margin-top: -3px;

}



.sidebar_item {

  padding: 30px;



  background-color: #fff;

}



.sidebar_item .tit {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  padding-bottom: 14px;



  border-bottom: 2px solid #ececec;



  padding-left: 20px;



  position: relative;



  margin-bottom: 15px;

}



.sidebar_item .tit::after {

  content: "";



  display: block;



  width: 2px;



  height: 20px;



  background-color: #dcb898;



  position: absolute;



  left: 0;



  top: 0;

}



.sidebar_item .code {

  padding: 22px 40px;



  background: #f8f8f8;

}



.sidebar_item .code h3 {

  font-size: 14px;



  line-height: 1;



  color: #000000;



  margin-top: 10px;



  text-align: center;

}



.sidebar_news {

  padding: 30px;



  background-color: #fff;

}



.sidebar_news .tit {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  padding-bottom: 14px;

}



.sidebar_news li {

  border-bottom: 1px solid #dbdbdb;



  padding-bottom: 30px;

}



.sidebar_news h3 {

  font-size: 14px;



  line-height: 25px;



  color: #5d5d5d;



  transition-duration: 0.3s;



  margin-top: 20px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  height: 50px;

}



.sidebar_news h3:hover {

  color: #bd1f2c;

}



.sidebar_news .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 55%;



  margin-top: 10px;



  overflow: hidden;

}



.sidebar_news .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;



  transition-duration: 0.3s;

}



.sidebar_news p {

  font-size: 14px;



  line-height: 25px;



  color: #828282;



  height: 50px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  margin-bottom: 23px;



  margin-top: 15px;

}



.sidebar_news p:hover {

  color: #4a8eff;

}



.m-contxt1 {

  padding: 40px 30px 20px;



  background-color: #fff;

}



.m-contxt1 .tit {

  font-size: 24px;



  color: #292929;



  line-height: 1.2;



  /* margin-bottom: 13px; */



  font-weight: bold;

}



.m-contxt1 .box-info {

  margin-top: 20px;



  padding-bottom: 30px;



  margin-bottom: 20px;



  border-bottom: 2px solid #e6e6e6;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;

}



.m-contxt1 .box-info .info span {

  font-size: 16px;



  color: #a7a7a7;



  margin-right: 10px;



  display: inline-block;

}



.m-contxt1 .item {

  padding-bottom: 30px;



  border-bottom: 1px solid #d6d6d6;



  /*



   



   margin-bottom: 35px; */



  /* text-indent: 2em; */



  margin-bottom: 30px;

}



.m-contxt1 .share-box {

  font-size: 16px;



  color: #a7a7a7;

}



.m-contxt1 .social-share {

  display: inline-block;

}



.m-contxt1 .link {

  padding-right: 150px;



  position: relative;

}



.m-contxt1 .link a {

  display: block;

}



.m-contxt1 .link .prev {

  font-size: 16px;



  line-height: 1.1;



  color: #9d9d9d;



  margin-bottom: 10px;

}



.m-contxt1 .link .prev:hover {

  color: #bd1f2c;

}



.m-contxt1 .link .next {

  font-size: 16px;



  line-height: 1.1;



  color: #9d9d9d;

}



.m-contxt1 .link .next:hover {

  color: #bd1f2c;

}



.m-contxt1 .link .back {

  position: absolute;



  bottom: 0;



  right: 0;



  color: #fff;



  display: inline-block;



  padding: 10px 30px;



  background-color: #b8b8b8;



  border-radius: 5px;



  font-size: 16px;



  line-height: 1;



  color: #fff;

}



.m-contxt1 .link .back:hover {

  color: #bd1f2c;

}



.page-t1 a {

  display: block;



  width: 45%;



  font-size: 16px;



  color: #aaaaaa;



  -webkit-transition: 0.5s;



  -moz-transition: 0.5s;



  -ms-transition: 0.5s;



  -o-transition: 0.5s;



  transition: 0.5s;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;

}



.page-t1 a em {

  display: inline-block;



  width: 10px;



  height: 15px;



  background: url(../img/news-left-01.png) no-repeat center;



  margin-right: 18px;



  position: relative;



  top: 2px;

}



.page-t1 a:hover em {

  background-image: url(../img/news-left-02.png);

}



.page-t1 a.next {

  padding-right: 25px;



  position: relative;

}



.page-t1 a.next em {

  position: absolute;



  right: 0;



  background-image: url(../img/news-right-01.png);

}



.page-t1 a.next:hover em {

  background-image: url(../img/news-right-02.png);

}



.page-t1 a:hover {

  color: #ee7835;

}



.page-t1 a.prev {

  margin-bottom: 5px;

}



.page-t1 {

  position: relative;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.page-t1 .blank {

  display: inline-block;



  font-size: 18px;



  color: #fff;



  padding: 10px 25px;



  background-color: #b8b8b8;



  border-radius: 3px;



  position: absolute;



  right: 0;



  top: 0;



  letter-spacing: 2px;



  transition: all 0.3s;

}



.page-t1 .blank:hover {

  background-color: #ff5200;

}



.box-blank .con {

  background: #3d3d3d;



  display: inline-block;



  width: 215px;

}



.box-blank .box1 {

  width: 65px;



  height: 40px;



  background: #4a8eff url(../img/t3-img6.png) no-repeat center center;



  float: left;

}



.box-blank .blank {

  overflow: hidden;



  display: block;



  font-size: 16px;



  text-align: center;



  line-height: 40px;



  color: #fff;



  -webkit-transition: 0.5s;



  -moz-transition: 0.5s;



  -ms-transition: 0.5s;



  -o-transition: 0.5s;



  transition: 0.5s;

}



.box-blank .blank:hover {

  opacity: 0.8;

}



.box-blank {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;



  overflow: hidden;



  padding-top: 30px;



  margin-top: 30px;



  border-top: 1px solid #d6d6d6;



  margin-left: 30px;



  margin-right: 30px;



  margin-bottom: 30px;

}



.box-blank div a {

  display: block;



  font-size: 16px;



  color: #787878;



  transition: 0.4s all;

}



.box-blank div a + a {

  margin-top: 15px;

}



.box-blank div a:hover {

  color: #000000;

}



.cases_view {

  padding-top: 70px;

}



.cases_view .list {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  margin-right: -1.8%;

}



.cases_view .list li {

  width: 31.5%;



  margin-right: 1.8%;



  transition-duration: 0.3s;

}



.cases_view .list li .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 74.15%;

}



.cases_view .list li .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.cases_view .list li h3 {

  font-size: 16px;



  line-height: 1.2;



  color: #000;



  margin-top: 20px;



  margin-bottom: 25px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  transition-duration: 0.3s;



  position: relative;



  padding-bottom: 3px;



  display: inline-block;



  max-width: 100%;

}



.cases_view .list li h3::after {

  content: "";



  display: block;



  width: 100%;



  height: 12px;



  background-color: #eb531d;



  position: absolute;



  left: 0;



  bottom: 0;



  z-index: -1;



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;

}



.cases_view .list li:hover h3 {

  padding-left: 10px;



  padding-right: 10px;

}



.cases_view .list li:hover h3::after {

  opacity: 1;



  visibility: visible;

}



.login-page .footer > .wrap {

  display: none;

}



.login-page .footer .copy {

  padding: 25px 0;



  background-color: #fff;



  color: #585757;

}



.com-banner2 {

  position: relative;



  padding-bottom: 41.6%;



  /* margin-top: 76px; */

}



.com-banner2 img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.com-banner1 {

  position: relative;



  padding-bottom: 31.25%;



  /* margin-top: 76px; */

}



.com-banner1 .box {

  position: absolute;



  top: 50%;



  left: 50%;



  transform: translateY(-50%);



  margin-left: -700px;

}



.com-banner1 img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.com-banner1 .tit {

  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  right: 0;



  width: 1200px;



  margin: 0 auto;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;

}



.com-banner1 .tit h3 {

  font-size: 60px;



  line-height: 1;



  color: #fff;



  margin-bottom: 22px;



  font-weight: 700;

}



.banner-text{

  color: #1d2129 !important;

}



.com-banner1 .tit h5 {

  font-size: 16px;



  line-height: 1.5;



  color: #ffffff;



  margin-bottom: 35px;

}



.com-banner1 .tit i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.serve_view .advantage {

  background: url(../img/advantage-bg01.jpg) no-repeat;



  background-size: cover;



  padding: 120px 0;

}



.serve_view .advantage .tit h3 {

  color: #fff;

}



.serve_view .advantage .tit h5 {

  color: #fff;

}



.serve_view .advantage .con {

  margin-top: 55px;



  margin-bottom: -35px;

}



.serve_view .advantage .con h4 {

  font-size: 18px;



  line-height: 1.2;



  color: #fff;



  font-weight: bold;

}



.serve_view .advantage .con p {

  font-size: 16px;



  line-height: 30px;



  color: #fff;



  margin-bottom: 35px;

}



.serve_view .join {

  padding-left: 50%;



  padding-top: 110px;



  padding-bottom: 110px;



  margin: 20px 0;



  background: url(../img/join-001.jpg) no-repeat left center;



  background-size: 50% auto;

}



.serve_view .join .box {

  padding-right: 18.5%;



  padding-left: 60px;



  margin-bottom: -58px;

}



.serve_view .join .box .list {

  margin-top: 55px;

}



.serve_view .join .box .list li {

  border-bottom: 1px solid #ebebeb;



  margin-bottom: 58px;

}



.serve_view .join .box .list li h3 {

  font-size: 16px;



  line-height: 1.2;



  color: #000000;



  font-weight: bold;

}



.serve_view .join .box .list li p {

  font-size: 16px;



  line-height: 30px;



  color: #585757;



  margin-bottom: 50px;

}



.serve_view .process {

  padding-top: 120px;



  background: url(../img/case-bg01.jpg) no-repeat center;



  border-bottom: 7px solid #d9d9d9;



  background-size: cover;



  position: relative;

}



.serve_view .process::after {

  content: "";



  display: block;



  border-bottom: 1px solid #a79996;



  position: absolute;



  left: 0;



  right: 0;



  bottom: 130px;

}



.serve_view .process .tit {

  text-align: center;

}



.serve_view .process .tit h3 {

  color: #fff;

}



.serve_view .process .tit h5 {

  color: #fff;

}



.serve_view .process .swiper-box {

  margin-top: 80px;



  margin-bottom: 110px;



  padding: 0 100px;



  position: relative;



  padding-bottom: 30px;

}



.serve_view .process .swiper-pagination {

  bottom: 0;



  font-size: 18px;



  line-height: 1.2;



  color: #fff;



  font-weight: bold;



  font-family: Arial, Helvetica, sans-serif;

}



.serve_view .process .swiper-button-prev {

  width: 40px;



  height: 35px;



  background: url(../img/process-ico03.png) no-repeat center;



  left: 0;

}



.serve_view .process .swiper-button-next {

  width: 40px;



  height: 35px;



  background: url(../img/process-ico04.png) no-repeat center;



  right: 0;

}



.serve_view .process .process-swiper .swiper-slide {

  text-align: center;

}



.serve_view .process .process-swiper .swiper-slide h3 {

  font-size: 24px;



  line-height: 1.2;



  color: #fff;



  margin-top: 80px;

}



.serve_view .process .process-swiper .swiper-slide h5 {

  font-size: 14px;



  line-height: 1.2;



  color: #fff;



  font-weight: bold;



  font-family: Arial, Helvetica, sans-serif;



  margin-top: 5px;



  margin-bottom: 40px;

}



.serve_view .process .process-swiper .swiper-slide p {

  font-size: 16px;



  line-height: 25px;



  color: #fff;



  height: 150px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 6;



  -webkit-box-orient: vertical;

}



.serve_view .process .tabs-swiper .swiper-slide {

  width: 130px;



  height: 130px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  cursor: pointer;

}



.serve_view .process .tabs-swiper .swiper-slide .img {

  position: relative;



  width: 60px;



  height: 60px;

}



.serve_view .process .tabs-swiper .swiper-slide .img img {

  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  object-fit: scale-down;



  transition-duration: 0.3s;

}



.serve_view .process .tabs-swiper .swiper-slide .img img.img2 {

  opacity: 0;



  visibility: hidden;

}



.serve_view .process .tabs-swiper .swiper-slide:hover img.img1 {

  display: none;

}



.serve_view .process .tabs-swiper .swiper-slide:hover img.img2 {

  opacity: 1;



  visibility: visible;

}



.serve_view .process .tabs-swiper .swiper-slide h3 {

  font-size: 16px;



  line-height: 1.2;



  color: #fff;



  margin-top: 3px;

}



.serve_view .network {

  padding-top: 120px;

}



.serve_view .network .tit {

  text-align: center;

}



.serve_view .network .joan_store {

  width: 1400px;



  margin: 0 auto;

}



.serve_view .network .joan_store .this_view {

  width: 100%;



  padding: 40px;



  padding-top: 55px;



  background-color: #fff;

}



.serve_view .network .joan_store .this_view .top {

  width: 100%;



  height: 60px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  align-content: space-between;



  justify-content: space-between;



  align-content: unset;



  box-shadow: 0 0 10px #ccc;



  position: relative;



  z-index: 2;

}



.serve_view .network .joan_store .this_view .top .store_search {

  width: 25%;



  height: 30px;



  border: 1px solid #dcdcdc;



  position: relative;



  margin-left: 30px;

}



.serve_view .network .joan_store .this_view .top .store_search input {

  width: 100%;



  line-height: 28px;



  padding: 0 10px;



  font-size: 14px;



  color: #999;



  transition: 0.4s all;

}



.serve_view

  .network

  .joan_store

  .this_view

  .top

  .store_search

  input::-webkit-input-placeholder {

  color: #999;

}



.serve_view .network .joan_store .this_view .top .store_search input:hover {

  box-shadow: 0 0 10px #ccc;

}



.serve_view .network .joan_store .this_view .top .store_search button {

  position: absolute;



  top: 50%;



  right: 10px;



  transform: translateY(-50%);



  width: 22px;



  height: 22px;



  cursor: pointer;



  background: url("../img/store_search.png") no-repeat;



  background-size: 100% 100%;

}



.serve_view .network .joan_store .this_view .top .store_location {

  width: 55%;



  height: 100%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.serve_view .network .joan_store .this_view .top .store_location select {

  width: 33.333%;



  height: 100%;



  border-left: 1px solid #dcdcdc;



  padding: 0 10px;



  color: #999;



  font-size: 14px;



  background: url(../img/store_xia.png) #fff 90% center no-repeat;



  background-color: transparent;



  background-size: 10%;

}



.serve_view .network .joan_store .this_view .bottom {

  width: 100%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.serve_view .network .joan_store .this_view .bottom .left {

  width: 65%;

}



.serve_view .network .joan_store .this_view .bottom .left #joan_map {

  width: 100%;



  height: 600px;

}



.serve_view .network .joan_store .this_view .bottom .right {

  width: 35%;



  height: 600px;



  overflow: hidden;

}



.serve_view .network .joan_store .this_view .bottom .right ul {

  width: 100%;



  height: 100%;



  overflow-y: scroll;

}



.serve_view .network .joan_store .this_view .bottom .right ul li {

  width: 100%;



  height: auto;



  padding: 30px 20px;



  padding-left: 100px;



  cursor: pointer;



  border-bottom: 1px solid #dcdcdc;



  transition: 0.4s all;



  background-color: #fff;



  position: relative;

}



.serve_view .network .joan_store .this_view .bottom .right ul li:hover {

  background-color: #dcdcdc;

}



.serve_view .network .joan_store .this_view .bottom .right ul li i {

  display: block;



  width: 40px;



  height: 40px;



  line-height: 40px;



  position: absolute;



  top: 30px;



  left: 20px;



  text-align: center;



  font-weight: bold;



  font-size: 18px;



  background-color: #ee7835;



  color: #fff;



  border-radius: 5px;



  font-style: normal;

}



.serve_view .network .joan_store .this_view .bottom .right ul li div {

  width: 100%;

}



.serve_view .network .joan_store .this_view .bottom .right ul li div h4 {

  font-size: 16px;



  color: #141414;



  font-weight: normal;



  margin-bottom: 10px;

}



.serve_view .network .joan_store .this_view .bottom .right ul li div p {

  font-size: 15px;



  color: #666;



  line-height: 24px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;

}



.serve_view

  .network

  .joan_store

  .this_view

  .bottom

  .right

  ul::-webkit-scrollbar {

  width: 5px;



  height: 5px;

}



.serve_view

  .network

  .joan_store

  .this_view

  .bottom

  .right

  ul::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

}



.serve_view

  .network

  .joan_store

  .this_view

  .bottom

  .right

  ul::-webkit-scrollbar-thumb {

  background: #2b3b78;



  border-radius: 6px;

}



.serve_view

  .network

  .joan_store

  .this_view

  .bottom

  .right

  ul::-webkit-scrollbar-corner {

  background: #2b3b78;

}



.serve_view .stores .tit {

  text-align: center;

}



.serve_view .stores .con {

  padding-top: 60px;



  padding-bottom: 20px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.serve_view .stores .con .stores-swiper {

  width: 50%;



  height: 720px;

}



.serve_view .stores .con .stores-swiper .swiper-slide img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.serve_view .stores .con .stores-swiper .swiper-pagination {

  bottom: 18px;

}



.serve_view .stores .con .stores-swiper .swiper-pagination-bullet {

  width: 12px;



  height: 12px;



  background: #fff;



  opacity: 1;

}



.serve_view .stores .con .stores-swiper .swiper-pagination-bullet-active {

  opacity: 1;



  background: #ee7835;

}



.serve_view .stores .con .tabs {

  width: 50%;



  height: 720px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.serve_view .stores .con .tabs a {

  width: 50%;



  height: 50%;



  position: relative;

}



.serve_view .stores .con .tabs a > img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.serve_view .stores .con .tabs a .txt {

  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  background-color: rgba(0, 0, 0, 0.4);



  transition-duration: 0.3s;



  opacity: 0;



  visibility: hidden;

}



.serve_view .stores .con .tabs a .txt h3 {

  font-size: 16px;



  line-height: 1.2;



  color: #fff;



  margin-bottom: 15px;

}



.serve_view .stores .con .tabs a:hover .txt {

  opacity: 1;



  visibility: visible;

}



.search-box {

  padding: 0;



  transition: 1s ease;



  background: rgba(255, 255, 255, 0.8);



  border: 1px solid #999;



  width: 320px;



  height: 0;



  position: absolute;



  z-index: 3;



  right: 0;



  top: 100px;



  transform: translateX(50px);



  opacity: 0;



  visibility: hidden;



  /* transition:transform .3s,opacity 1s,visibility 1s; */



  transition: initial;



  padding: 15px;



  height: 200px;



  transition: all 0.8s;

}



.search-box.active {

  transform: translateX(0);



  opacity: 1;



  visibility: visible;



  right: 0;



  transition: transform 0.3s;



  /* transition: transform .3s,opacity .3s,visibility .3s; */

}



.search-box p {

  text-transform: uppercase;



  font-size: 24px;



  text-align: center;



  color: #333;



  margin-bottom: 20px;



  font-weight: bold;

}



.search-box input {

  width: 100%;



  border: 1px solid #999;



  height: 40px;



  background: transparent;



  padding: 0 15px;

}



.search-box button {

  height: 40px;



  border: 1px solid #fff;



  background-image: linear-gradient(to top right, #4593fb, #07d2c7);



  color: #fff;



  width: 100%;



  margin-top: 20px;



  cursor: pointer;

}



.project_view .list {

  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



  margin-bottom: -35px;

}



.project_view .list li {

  width: 31.2142857%;



  transition: all 0.3s;



  margin-bottom: 35px;



  background: #fff;

}



.project_view .list::after {

  content: "";



  width: 31.2142857%;

}



.project_view .list .pic {

  display: block;



  position: relative;



  padding-bottom: 77.8032%;

}



.project_view .list .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: contain;



  padding: 10px 30px 0;

}



.project_view .list .tit h3 {

  font-size: 14px;



  color: #202020;



  line-height: 1.2;



  padding-top: 25px;



  padding-bottom: 25px;



  text-align: center;

}



.project_view .list li:hover {

  transform: translateY(-5px);



  box-shadow: 3px 3px 5px #c3c0c0;

}



.project_view .list li:hover .tit h3 {

  color: #2b3b78;

}



.care_view .list {

  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



  margin-bottom: -35px;

}



.care_view .list::after {

  content: "";



  width: 31.2142857%;

}



.care_view .list li {

  width: 31.2142857%;



  transition: all 0.3s;



  margin-bottom: 35px;

}



.care_view .list .tit h3 {

  font-size: 16px;



  color: #9e9e9e;



  line-height: 1.2;



  padding-top: 15px;



  padding-bottom: 12px;



  text-align: center;

}



.care_view .list:after {

  content: "";



  width: 31.2142857%;

}



.care_view .list li:hover {

  transform: translateY(-5px);



  /* background-color: #fff; */



  box-shadow: 3px 3px 5px #c3c0c0;

}



.care_view .list .pic {

  display: block;



  position: relative;



  padding-bottom: 77.8032%;

}



.care_view .list .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.duty_view .content {

  margin-bottom: 50px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: flex-start;

}



.duty_view .content .pic {

  width: 41%;



  height: 550px;

}



.duty_view .content .pic img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.duty_view .content .txt {

  width: 56%;

}



.duty_view .content .txt h3 {

  font-size: 30px;



  line-height: 1;



  color: #02537c;

}



.duty_view .content .txt h5 {

  font-size: 24px;



  line-height: 1;



  color: #5f5f5f;



  margin-top: 14px;

}



.duty_view .content .txt p {

  margin-top: 35px;



  font-size: 18px;



  line-height: 30px;



  color: #919191;

}



.com-tit2 {

  text-align: center;



  padding-top: 35px;

}



.com-tit2 h3 {

  color: #bdbdbd;



  font-size: 36px;



  line-height: 1.2;



  font-family: "Arial";



  font-weight: bold;

}



.com-tit2 h5 {

  color: #2b3b78;



  font-size: 30px;



  line-height: 1.2;



  margin-top: 12px;



  font-family: "Source Han Sans CN", "Source Han Sans CN Medium",

    "Microsoft YaHei", sans-serif;

}



.nav2 {

  padding: 25px 0 55px;

}



.nav2 .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.nav2 .tit {

  font-size: 26px;



  line-height: 35px;



  color: #363636;



  margin-left: 20px;

}



.nav2 .tit span {

  color: #bd1f2c;

}



.nav2 .tabs {

  margin-left: 75px;

}



.nav2 .tabs a {

  display: inline-block;



  font-size: 14px;



  line-height: 1;



  color: #bc1b28;



  padding: 12px 30px;



  border-radius: 30px;



  border: 1px solid #bd1f2c;



  margin-right: 25px;



  background-color: #ffffff;



  transition-duration: 0.3s;

}



.nav2 .tabs a:hover {

  background-color: #bd1f2c;



  color: #fff;

}



.case_view .tit1 {

  padding-top: 90px;



  margin-bottom: 40px;

}



.case_view .tit1 h3 {

  font-size: 40px;



  line-height: 1;



  color: #272727;



  margin-bottom: 27px;

}



.case_view .tit1 i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: inline-block;

}



.case_view .list {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  align-items: stretch;



  margin-bottom: -50px;



  margin-top: 50px;

}



.case_view .list li {

  width: 31%;



  margin-right: 3.5%;



  margin-bottom: 50px;

}



.case_view .list li:nth-child(3n) {

  margin-right: 0;

}



.case_view .list li a {

  display: block;

}



.case_view .list li a .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 70%;



  overflow: hidden;

}



.case_view .list li a .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;



  transition-duration: 0.3s;

}



.case_view .list li a .pic:hover::after {

  opacity: 1;

}



.case_view .list li a .pic:hover::before {

  opacity: 0.7;

}



.case_view .list li a .pic::before {

  content: "";



  display: block;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  opacity: 0;



  transition-duration: 0.3s;



  z-index: 1;

}



.case_view .list li a .pic::after {

  content: "";



  display: block;



  background: url(../img/case-bg002.png) no-repeat center;



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  opacity: 0;



  transition-duration: 0.3s;



  background-size: 209px auto;



  z-index: 2;

}



.case_view .list li a .txt {

  padding: 30px 0;



  transition-duration: 0.3s;

}



.case_view .list li a .txt h3 {

  font-size: 18px;



  line-height: 30px;



  color: #464646;



  margin-bottom: 20px;



  transition-duration: 0.3s;



  height: 60px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;

}



.case_view .list li a .txt p {

  font-size: 14px;



  line-height: 25px;



  color: #a1a0a0;



  height: 50px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  margin-bottom: 50px;



  transition-duration: 0.3s;

}



.case_view .list li a .txt hr {

  border: none;



  border-top: 1px solid #e2e2e2;



  margin-bottom: 28px;



  transition-duration: 0.3s;

}



.case_view .list li a .txt .time {

  font-size: 14px;



  line-height: 20px;



  color: #646363;



  padding-right: 30px;



  transition-duration: 0.3s;



  background: url(../img/product-ico005.png) no-repeat right 8px center;

}



.case_view .list li a:hover .txt h3 {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.bg2 {

  background-color: #f8f8f8;

}



.join_view .tit {

  text-align: center;

}



.join_view .tit h3 {

  font-size: 40px;



  line-height: 1;



  color: #333;



  padding-top: 100px;

}



.join_view .tit p {

  font-size: 14px;



  line-height: 24px;



  color: #333;



  margin-top: 20px;

}



.join_view .adv .list {

  margin-top: 60px;



  margin-bottom: 110px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.join_view .adv .list li {

  width: 14%;



  border: 1px solid #333333;



  height: 290px;



  text-align: center;



  padding: 0 20px;

}



.join_view .adv .list li img {

  width: 35px;



  height: 35px;



  object-fit: contain;



  margin-top: 50px;

}



.join_view .adv .list li h4 {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  font-weight: bold;



  margin-top: 20px;

}



.join_view .adv .list li p {

  font-size: 12px;



  line-height: 20px;



  color: #666666;



  white-space: pre-wrap;



  margin-top: 35px;

}



.join_view .join-bg001 {

  height: 700px;



  background: url(../img/join-bg001.jpg) no-repeat center fixed;

}



.join_view .support .list {

  margin-top: 50px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  margin-bottom: -25px;



  padding-bottom: 110px;

}



.join_view .support .list li {

  width: 31.4%;



  padding-left: 100px;



  padding-right: 85px;



  position: relative;



  background-color: #f2f2f2;



  border-radius: 4px;



  margin-bottom: 25px;

}



.join_view .support .list li img {

  width: 32px;



  height: 32px;



  object-fit: contain;



  position: absolute;



  left: 40px;



  top: 25px;

}



.join_view .support .list li h4 {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  padding-top: 35px;



  font-weight: bold;

}



.join_view .support .list li p {

  font-size: 12px;



  line-height: 20px;



  color: #666666;



  height: 60px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



  margin-bottom: 20px;

}



.join_view .make {

  background: url(../img/make-bg001.jpg) no-repeat;



  background-size: cover;



  padding-bottom: 60px;

}



.join_view .make .tit h3 {

  color: #fff;

}



.join_view .make .tit p {

  color: #fff;

}



.join_view .make .make-swiper {

  margin-top: 50px;



  padding-bottom: 70px;

}



.join_view .make .make-swiper .swiper-slide {

  height: 545px;

}



.join_view .make .make-swiper .swiper-slide img {

  width: 100%;



  height: 100%;



  object-fit: contain;

}



.join_view .make .swiper-pagination .swiper-pagination-bullet {

  width: 10px;



  height: 10px;



  background: #b8b8b8;



  opacity: 1;

}



.join_view .make .swiper-pagination .swiper-pagination-bullet-active {

  background: #ee7835;

}



.join_view .shop .swiper-img {

  margin-top: 50px;



  margin-bottom: 110px;

}



.join_view .shop .swiper-img .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 45.6%;

}



.join_view .shop .swiper-img .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.join_view .shop .swiper-img .swiper-button-prev {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico01.png) no-repeat center;



  background-size: contain;



  left: 8%;

}



.join_view .shop .swiper-img .swiper-button-next {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico01.png) no-repeat center;



  background-size: contain;



  transform: rotate(180deg);



  right: 8%;

}



.join_view .process {

  background: url(../img/process-bg001.jpg) no-repeat;



  background-size: cover;

}



.join_view .process h3 {

  font-size: 40px;



  line-height: 1;



  color: #ffffff;



  padding-top: 155px;



  text-align: center;

}



.join_view .process ul {

  padding: 100px 0 215px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.join_view .process ul li {

  position: relative;

}



.join_view .process ul li img {

  width: 120px;



  height: 120px;



  object-fit: contain;

}



.join_view .process ul li h5 {

  font-size: 18px;



  line-height: 1;



  color: #ffffff;



  font-weight: bold;



  margin-top: 25px;



  text-align: center;

}



.join_view .process ul li::after {

  content: "";



  display: block;



  width: 30px;



  height: 30px;



  background: url(../img/process-ico002.png) no-repeat;



  background-size: contain;



  position: absolute;



  top: 45px;



  right: -78px;

}



.join_view .process ul li:last-child::after {

  display: none;

}



.product-series_view {

  padding-top: 145px;

}



.product-series_view .list li .tit h3 {

  font-size: 40px;



  line-height: 1;



  color: #333333;



  text-align: center;



  margin-bottom: 25px;

}



.product-series_view .list li .tit p {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  text-align: center;



  margin-bottom: 40px;

}



.product-series_view .list li .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 38%;

}



.product-series_view .list li .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.product-series_view .list li .more a {

  margin: 0 auto;



  margin-top: 58px;



  margin-bottom: 140px;



  width: 500px;



  height: 70px;



  border: 1px solid #000;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 16px;



  line-height: 1;



  color: #222222;



  transition-duration: 0.3s;

}



.product-series_view .list li .more a:hover {

  color: #fff;



  background-color: #000;

}



.product-info_view .back {

  padding: 80px 0 50px;

}



.product-info_view .back a {

  display: inline-block;



  width: 140px;



  height: 40px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  background-color: #000;



  font-size: 14px;



  line-height: 1;



  color: #ffffff;



  transition-duration: 0.3s;



  border: 1px solid #000;

}



.product-info_view .back a:hover {

  background-color: #fff;



  border: 1px solid #000;



  color: #000;

}



.product-info_view .above {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: stretch;



  padding-bottom: 40px;

}



.product-info_view .above .pic {

  width: 41%;



  height: 515px;



  border: 1px solid #e6e6e6;

}



.product-info_view .above .pic img {

  width: 100%;



  height: 100%;



  object-fit: contain;

}



.product-info_view .above .txt {

  width: 52%;



  border-left: 2px solid #666666;



  padding-left: 100px;

}



.product-info_view .above .txt h1 {

  font-size: 48px;



  line-height: 1;



  color: #000000;



  padding-top: 20px;



  font-weight: bold;

}



.product-info_view .above .txt p {

  font-size: 12px;



  line-height: 28px;



  color: #000000;



  margin-top: 40px;



  white-space: pre-wrap;



  min-height: 230px;

}



.product-info_view .above .txt h4 {

  font-size: 16px;



  line-height: 1;



  color: #000000;



  font-weight: bold;



  margin-top: 10px;

}



.product-info_view .above .txt .item {

  margin-top: 20px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.product-info_view .above .txt .item a {

  padding: 10px;



  border: 1px solid #000;



  font-size: 14px;



  line-height: 1;



  color: #000000;



  margin-right: 20px;

}



.product-info_view .effect .effect-swiper .swiper-slide {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 39%;

}



.product-info_view .effect .effect-swiper .swiper-slide img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.product-info_view .effect .effect-swiper .swiper-button-prev {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico01.png) no-repeat center;



  background-size: contain;



  left: 14%;

}



.product-info_view .effect .effect-swiper .swiper-button-next {

  width: 56px;



  height: 56px;



  background: url(../img/left-ico01.png) no-repeat center;



  background-size: contain;



  transform: rotate(180deg);



  right: 14%;

}



.product-info_view .tit {

  font-size: 40px;



  line-height: 1;



  color: #222222;



  padding-top: 140px;



  padding-bottom: 55px;



  text-align: center;

}



.product-info_view .other .other-swiper {

  padding-bottom: 100px;

}



.product-info_view .other .other-swiper .swiper-pagination {

  opacity: 0;

}



.product-info_view

  .other

  .other-swiper

  .swiper-pagination

  .swiper-pagination-bullet-active {

  opacity: 1;



  background: #000;

}



.product-info_view .other .other-swiper .swiper-slide {

  width: 440px;

}



.product-info_view .other .other-swiper .swiper-slide .pic {

  display: block;



  position: relative;



  padding-bottom: 77.19%;



  overflow: hidden;

}



.product-info_view .other .other-swiper .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;



  transition: all 0.3s;

}



.product-info_view .other .other-swiper .swiper-slide:hover img {

  transform: scale(1.1);

}



.product-info_view .other .other-swiper .swiper-slide .txt {

  border: 1px solid #e9e9e9;



  border-top: none;



  padding: 25px 30px 25px 40px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.product-info_view .other .other-swiper .swiper-slide .txt h3 {

  font-size: 20px;



  color: #333333;



  line-height: 1.2;



  font-weight: bold;

}



.product-info_view .other .other-swiper .swiper-slide .txt i {

  font-size: 24px;



  color: #999999;



  line-height: 1.2;

}



.contact_view .tit h3 {

  font-size: 40px;



  line-height: 1;



  color: #333333;



  padding-top: 110px;



  text-align: center;



  padding-bottom: 30px;

}



.contact_view .tit p {

  font-size: 20px;



  line-height: 1.2;



  color: #666666;



  text-align: center;



  padding-bottom: 70px;

}



.contact_view .infor .con {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  padding-bottom: 110px;

}



.contact_view .infor .con .txt {

  padding-left: 88px;



  width: 50%;

}



.contact_view .infor .con .txt h5 {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  padding-top: 25px;



  font-weight: bold;

}



.contact_view .infor .con .txt p {

  font-size: 16px;



  line-height: 30px;



  color: #333333;



  margin-bottom: 40px;



  margin-top: 10px;

}



.contact_view .infor .con .code {

  width: 50%;



  border-left: 1px solid #000;



  padding-right: 100px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.contact_view .infor .con .code > div {

  width: 50%;



  text-align: center;

}



.contact_view .infor .con .code > div img {

  width: 140px;



  height: 140px;



  object-fit: contain;

}



.contact_view .infor .con .code > div h4 {

  font-size: 16px;



  line-height: 1;



  color: #333333;



  padding-top: 12px;



  padding-bottom: 25px;

}



.contact_view .infor .con .code > div:nth-child(n + 3) h4 {

  padding-bottom: 0;

}



.contact_view .bg001 {

  height: 700px;



  background: url(../img/contact-bg001.jpg) no-repeat center fixed;

}



.contact_view .store {

  padding: 0 100px;

}



.contact_view .store form {

  display: block;



  position: relative;

}



.contact_view .store form input {

  width: 100%;



  height: 60px;



  border: 1px solid #000;



  font-size: 16px;



  line-height: 1;



  color: #333333;



  text-align: center;

}



.contact_view .store form .sub {

  width: 30px;



  height: 30px;



  background: url(../img/store-sub.png) no-repeat center;



  position: absolute;



  right: 35px;



  top: 50%;



  margin-top: -15px;

}



.contact_view .store .con {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  padding-top: 50px;



  padding-bottom: 150px;



  margin-bottom: -40px;

}



.contact_view .store .con li {

  width: 50%;



  margin-bottom: 40px;

}



.contact_view .store .con li h3 {

  font-size: 18px;



  line-height: 1;



  color: #333;



  margin-bottom: 15px;

}



.contact_view .store .con li p {

  font-size: 14px;



  line-height: 20px;



  color: #666666;

}



.contact_view .join {

  background: url(../img/contact-bg002.jpg) no-repeat;



  height: 700px;



  background-size: cover;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;

}



.contact_view .join .txt {

  text-align: center;

}



.contact_view .join .txt h3 {

  font-size: 40px;



  line-height: 1;



  color: #ffffff;



  margin-bottom: 20px;

}



.contact_view .join .txt p {

  font-size: 14px;



  line-height: 1;



  color: #ffffff;



  max-width: 1400px;

}



.contact_view .join .txt a {

  width: 320px;



  height: 60px;



  border: 1px solid #fff;



  font-size: 16px;



  line-height: 1;



  color: #ffffff;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  margin: 0 auto;



  margin-top: 100px;

}



.contact_view .join .txt a:hover {

  background-color: #fff;



  color: #000;

}



.m-index {

  display: none;

}



.why {

  background: url(../img/why-bg01.jpg) no-repeat center;



  background-size: cover;



  padding: 100px 0 80px;

}



.why .tit {

  text-align: center;

}



.why .tit h3 {

  font-size: 36px;



  line-height: 1;



  color: #333333;



  margin-top: 38px;



  font-weight: bold;

}



.why .tit h5 {

  font-size: 18px;



  line-height: 38px;



  color: #333333;



  white-space: pre-wrap;



  margin-top: 30px;

}



.why .con {

  margin-top: 30px;



  text-align: center;

}



.guard {

  background-color: #f5f5f5;



  padding: 90px 0 110px;

}



.guard .top {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.guard .top .tit {

  width: 41%;



  padding-left: 78px;



  background: url(../img/guard-ico01.png) no-repeat left top;

}



.guard .top .tit h3 {

  font-size: 40px;



  line-height: 45px;



  color: #1c1c1c;



  font-weight: bold;



  white-space: pre-wrap;



  padding-top: 30px;

}



.guard .top .tit h5 {

  font-size: 24px;



  line-height: 1;



  color: #1c1c1c;



  margin-top: 20px;

}



.guard .top p {

  width: 59%;



  font-size: 14px;



  line-height: 28px;



  color: #666666;

}



.guard .guard-swiper {

  padding-top: 100px;

}



.guard .guard-swiper .box-button {

  width: 130px;



  height: 50px;



  position: absolute;



  top: 0;



  left: 50%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.guard .guard-swiper .box-button div {

  position: initial;



  margin-top: 0;



  width: 50%;



  height: 100%;



  border: 1px solid #999999;



  background: url(../img/guard-left-ico01.png) no-repeat center;

}



.guard .guard-swiper .box-button div:hover {

  background-image: url(../img/guard-left-ico02.png);



  background-color: #ee7835;



  border-color: #ee7835;

}



.guard .guard-swiper .box-button .swiper-button-next {

  transform: rotate(180deg);

}



.guard .guard-swiper .swiper-slide {

  width: 280px;



  height: 480px;

}



.guard .guard-swiper .swiper-slide a {

  display: block;



  width: 100%;



  height: 100%;

}



.guard .guard-swiper .swiper-slide .pic {

  position: relative;



  width: 100%;



  height: 100%;

}



.guard .guard-swiper .swiper-slide .pic .bg {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.guard .guard-swiper .swiper-slide .pic .txt {

  position: absolute;



  bottom: 0;



  left: 0;



  right: 0;



  padding: 20px;

}



.guard .guard-swiper .swiper-slide .pic .txt h2 {

  font-size: 100px;



  line-height: 1;



  color: #ffffff;



  font-family: Arial, Helvetica, sans-serif;

}



.guard .guard-swiper .swiper-slide .pic .txt .ico {

  width: 55px;



  height: 55px;



  position: relative;



  display: none;

}



.guard .guard-swiper .swiper-slide .pic .txt .ico img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: contain;

}



.guard .guard-swiper .swiper-slide .pic .txt h3 {

  font-size: 12px;



  line-height: 1;



  color: #ffffff;



  margin-top: 30px;

}



.guard .guard-swiper .swiper-slide .pic .txt h4 {

  font-size: 12px;



  line-height: 1;



  color: #bdbdbd;



  margin-top: 12px;



  margin-bottom: 25px;

}



.guard .guard-swiper .swiper-slide .pic .txt p {

  font-size: 12px;



  line-height: 25px;



  color: #ffffff;



  height: 125px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 5;



  -webkit-box-orient: vertical;



  display: none;

}



.guard .guard-swiper .swiper-slide .pic .txt span {

  display: inline-block;



  font-size: 14px;



  line-height: 25px;



  color: #ffffff;



  padding-right: 32px;



  background: url(../img/guard-ico03.png) no-repeat right center;



  display: none;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt {

  padding: 20px 30px;



  top: 0;



  background-color: #ee7835;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt h2 {

  display: none;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt h3 {

  font-size: 24px;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt .ico {

  display: block;



  margin-top: 30px;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt h4 {

  color: #fff;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt p {

  display: block;



  margin-top: 30px;

}



.guard .guard-swiper .swiper-slide.swiper-slide-active .pic .txt span {

  margin-top: 90px;



  display: inline-block;

}



.space-logo{

  width: 27px;

  vertical-align: middle;

}



.space-title{

  top: -110px !important;

}



/*默认文字*/



.item-title {

  position: absolute;



  font-size: 20px;



  color: #333333;



  top: -80px;



  left: 20px;



  opacity: 1;



  line-height: 25px;



  font-weight: 400;

}



.item-title span {

  font-family: "semi";



  font-weight: normal;

}



.item-title h2 {

  font-weight: normal;



  font-size: 16px;

}





/* 第二屏 */



.webox {

  display: block;



  width: 100%;



  height: 940px;



  background: #ffffff url(../img/bg.jpg) no-repeat center 66px;



  min-width: 1200px;



  position: relative;



  overflow: hidden;



  padding: 66px 0 0;



  z-index: 1;

}



.webox .til01 {

  width: 1200px;



  position: absolute;



  left: 50%;



  margin-left: -600px;



  top: 66px;



  z-index: 99;



  text-align: center;

}



.webox .til01 span {

  font-size: 56px;



  line-height: 1;



  color: #3c3c3c;



  margin-bottom: 18px;

}



.webox .til01 p {

  margin-top: 20px;



  font-size: 16px;



  line-height: 1;



  color: #3c3c3c;

}



.wrap-inner {

  width: 1200px;



  margin: 0 auto;



  position: relative;

}



.container {

  width: 1500px;



  position: absolute;



  left: 50%;



  top: 118px;



  margin-left: -750px;



  z-index: 10;

}



.path-slider {

  position: absolute;



  top: 22px;



  left: -80px;

}



.gx-show {

  width: 555px;



  height: 368px;



  /* background: url(../img/gx.png) no-repeat; */



  position: absolute;



  left: 550px;



  top: 74px;



  z-index: 5;

}



path {

  stroke-width: 1px;



  stroke: none;



  fill: none;

}



/*.icon__path{fill:#000000;}



.path-slider__path-drawn{stroke:rgba(0,0,0,.5)}*/



.item__icon {

  width: 45px;



  height: 45px;



  position: relative;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);

}



/*.slider-item{position:absolute;left:-37px;top:-37px;cursor:pointer;text-decoration:none;outline:none}*/



.slider-item {

  position: absolute;



  left: -37px;



  top: -37px;



  color: #fff;



  cursor: pointer;



  text-decoration: none;



  outline: none;



  width: 190px;

}



/*.slider-item:hover .item__circle,.path-slider__item:focus .item__circle{background-color:#19667c}*/



/*.item__circle{display:inline-block;width:74px;height:74px;box-shadow:0 0 0 1px rgba(255,255,255,.5);border-radius:100%;transition:1s background}*/



/*小图*/



.slider-icon {

  opacity: 1;

}



.slider-icon1 {

  width: 105px;



  height: 105px;



  background-size: contain;



  background: url(../img/ms-icon1.png) no-repeat;



  position: absolute;



  left: 0;



  top: -30px;

}



.slider-icon2 {

  width: 105px;



  height: 105px;



  background-size: contain;



  background: url(../img/ms-icon2.png) no-repeat;



  position: absolute;



  left: 0;



  top: -30px;

}



.slider-icon3 {

  width: 105px;



  height: 105px;



  background-size: contain;



  background: url(../img/ms-icon3.png) no-repeat;



  position: absolute;



  left: 0;



  top: -24px;

}



/*大图*/



.big-icon {

  opacity: 0;



  display: none;

}



.big-icon1 {

  width: 441px;



  height: 350px;



  background: url(../img/icon1.png) no-repeat;



  position: absolute;



  top: -400px;



  left: -170px;



  animation: heart 1s ease-in-out infinite alternate;



  background-size: contain;

}



.big-icon2 {

  width: 441px;



  height: 350px;



  background-size: contain;



  background: url(../img/icon2.png) no-repeat;



  position: absolute;



  top: -400px;



  left: -170px;

}



.big-icon3 {

  width: 441px;



  height: 350px;



  background-size: contain;



  background: url(../img/icon3.png) no-repeat;



  position: absolute;



  top: -400px;



  left: -170px;

}



@keyframes heart {

  from {

    transform: translate(0, 0);

  }



  to {

    transform: translate(0, 10px);

  }

}



.heart {

  animation: heart 1s ease-in-out infinite alternate;

}



/*默认文字*/



.item-title {

  position: absolute;



  font-size: 20px;



  color: #333333;



  top: -80px;



  left: 20px;



  opacity: 1;



  line-height: 25px;



  font-weight: 400;

}



.item-title span {

  font-family: "semi";



  font-weight: normal;

}



.item-title h2 {

  font-weight: normal;

}



/*当前显示文字*/



.item-sug {

  font-size: 28px;



  color: #333333;



  position: absolute;



  top: -100px;



  left: -12px;



  opacity: 0;



  font-family: "wrjz", "Microsoft Yahei";

}



.item-info {

  width: 128px;



  height: 51px;



  background: url(../img/info.png) no-repeat;



  font-size: 24px;



  color: #333333;



  text-align: center;



  line-height: 40px;



  position: absolute;



  top: -275px;



  left: -169px;

}



.sug-top {

  width: 255px;



  position: absolute;



  top: -225px;



  left: 285px;



  z-index: 3;

}



.sug-top1 {

  left: 250px;

}



.add-icon {

  width: 43px;



  height: 43px;



  background: url(../img/add-icon.png) no-repeat;



  position: absolute;



  top: -52px;



  left: 0;

}



.sug-top strong {

  display: block;



  font-size: 30px;



  color: #333333;



  text-align: justify;



  font-weight: 400;



  line-height: 38px;

}



.sug-top strong i {

  font-family: "semi";

}



.sug-top .sug-t {

  font-size: 14px;



  color: #8c8f94;



  text-align: justify;



  line-height: 22px;



  margin-top: 10px;

}



/*.sug-bottom{width:250px;font-size:18px;color:#333333;text-align: center;line-height:26px;position: absolute;left:50%;margin-left:-125px;top:180px;}*/



.sug-txt p {

  width: 250px;



  font-size: 18px;



  color: #333333;



  text-align: center;



  line-height: 45px;

}



.db-show {

  width: 100%;



  height: 880px;



  background: url(../img/db.gif) no-repeat center top;



  position: absolute;



  left: 0;



  top: 0;

}



/*点击弹出文字*/



.sug-text {

  background: #fff;



  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);



  border-radius: 3px;



  position: absolute;



  left: 66px;



  top: -93px;



  width: 343px;



  font-family: "Microsoft Yahei";



  z-index: 9;



  display: none;

}



.sug-text > h3 {

  background: #444b54;



  background-image: linear-gradient(to top right, #4593fb, #07d2c7);



  height: 125px;



  line-height: 40px;



  text-align: center;



  color: #ffffff;



  font-size: 33px;



  position: relative;



  text-align: left;



  padding-left: 40px;



  padding-top: 20px;

}



.sug-text > h3:before {

  content: "";



  position: absolute;



  width: 0;



  height: 0;



  left: -13px;



  top: 48px;



  border-top: 14px solid transparent;



  border-bottom: 14px solid transparent;



  border-right: 14px solid #3e9bf5;

}



.sug-tc {

  padding: 10px 48px 40px;



  font-size: 16px;



  line-height: 40px;

}



.sug-tc .sug-tc1 {

  border-bottom: 1px solid #cbd1d6;



  margin-bottom: 8px;

}



.sug-tc .sug-tc1:last-child {

  border: 0;

}



.sug-tc .sug-tc1 h4 {

  font-size: 18px;



  font-weight: normal;

}



.sug-tc .sug-tc1 li {

  clear: both;



  height: 30px;



  line-height: 30px;



  color: #767b83;

}



.sug-tc .sug-tc2 li {

  margin-top: 20px;

}



.sug-tc .sug-tc2 li:hover {

  color: #3c434e;

}



.sug-tc .sug-tc1 li:last-child {

  height: 42px;

}



.sug-tc .sug-tc1 li em {

  width: 24px;



  height: 25px;



  display: inline-block;



  float: left;



  overflow: hidden;



  margin: 3px 10px 0 0;

}



.sug-tc .sug-tc1 .sug-tclc li em {

  margin: 10px 10px 0 0;

}



.sug-tc .sug-tc1 li em img {

  -webkit-transition: 1s;



  -moz-transition: 1s;



  transition: 1s;

}



.sug-tc .sug-tc1 li:hover em img {

  margin-left: -36px;

}



.sug-tc .sug-tc1 .sug-tclc li {

  height: 42px;



  line-height: 42px;



  z-index: 1;



  position: relative;

}



.sug-tc .sug-tc1 .sug-tclc li:hover::before {

  content: "";



  position: absolute;



  width: 110%;



  height: 40px;



  border: solid 2px #c1c8d1;



  z-index: -1;



  left: -20px;



  top: 0;



  border-radius: 22px;

}



.path-slider__current-item {

  z-index: 999;

}



.sug-tabs {

  padding-bottom: 30px;



  background-color: #fff;

}



.sug-tabs a {

  display: block;



  padding: 25px 70px 15px 90px;



  position: relative;



  background: url(../img/sug-ico001.png) no-repeat right 30px top 42px;

}



.sug-tabs a h3 {

  font-size: 16px;



  line-height: 1;



  color: #424242;

}



.sug-tabs a h5 {

  font-size: 14px;



  line-height: 1.2;



  color: #858585;



  margin-top: 8px;

}



.sug-tabs a:hover h3 {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.sug-tabs a .ico {

  width: 30px;



  height: 30px;



  object-fit: contain;



  position: absolute;



  left: 40px;



  top: 34px;

}



.sug-txt {

  position: absolute;



  left: 50%;



  margin-left: -125px;



  top: 700px;

}



.m-ground {

  display: none;

}









.solve {

  background-color: #e6edf3;



  padding-top: 100px;



  padding-bottom: 150px;



  position: relative;

}



.solve .solve-swiper {

  padding-bottom: 90px;



  margin-top: 55px;

}



.solve .solve-swiper .swiper-slide {

  width: 1200px;



  height: 580px;

}



.solve .solve-swiper .swiper-slide .pic {

  position: relative;



  width: 100%;



  height: 100%;

}



.solve .solve-swiper .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.solve .solve-swiper .swiper-slide .pic .txt {

  width: 370px;



  position: absolute;



  top: 100px;



  left: 80px;

}



.solve .solve-swiper .swiper-slide .pic .txt h2 {

  font-size: 24px;



  line-height: 1.4;



  color: #2a2a2a;

}



.solve .solve-swiper .swiper-slide .pic .txt p {

  font-size: 14px;



  line-height: 25px;



  color: #3c424e;



  margin-top: 30px;



  height: 100px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;



  margin-bottom: 45px;

}



.solve .solve-swiper .swiper-slide .pic .txt span {

  font-size: 14px;



  line-height: 1;



  color: #3c424e;

}



.solve .solve-swiper .swiper-slide .pic .txt span:hover {

  color: #4a8eff;

}



.solve .swiper-button-prev {

  width: 50px;



  height: 50px;



  border-radius: 100%;



  overflow: hidden;



  background: #c3c3c3;



  top: initial;



  margin-top: 0;



  left: 50%;



  margin-left: 25%;



  bottom: 60px;

}



.solve .swiper-button-prev::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/solve-ico01.png) no-repeat center;

}



.solve .swiper-button-prev:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.solve .swiper-button-next {

  width: 50px;



  height: 50px;



  border-radius: 100%;



  overflow: hidden;



  transform: rotate(180deg);



  background: #c3c3c3;



  bottom: 60px;



  top: initial;



  margin-top: 0;



  left: 50%;



  margin-left: 29%;



  right: initial;

}



.solve .swiper-button-next::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/solve-ico01.png) no-repeat center;

}



.solve .swiper-button-next:hover {

  background-image: linear-gradient(to top right, #4593fb, #07d2c7);

}



.solve .box-button {

  position: absolute;



  bottom: 8px;



  width: 290px;



  left: 50%;



  margin-left: 15%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  font-size: 18px;



  line-height: 1;



  color: #515151;

}



.solve .box-button .swiper-scrollbar {

  border-radius: 0;



  height: 1px;



  width: 70%;

}



.solve .box-button .swiper-scrollbar .swiper-scrollbar-drag {

  height: 3px;



  width: 100%;



  position: relative;



  background: #444b53;



  border-radius: 0;



  left: 0;



  top: -1px;

}



.solve .tabs {

  width: 900px;



  height: 115px;



  padding: 0 50px;



  background-color: #3c424e;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  position: absolute;



  left: 14.8%;



  z-index: 9;



  bottom: 155px;

}



.solve .tabs a {

  font-size: 16px;



  line-height: 1;



  color: #ffffff;



  padding: 0 7px;



  position: relative;

}



.solve .tabs a:hover {

  color: #999;

}



.solve .tabs a.on:after {

  content: "";



  display: block;



  width: 100%;



  height: 7px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  position: absolute;



  bottom: -49px;



  left: 0;

}



.product {

  padding: 110px 0 155px;



  background: url(../img/product-bg01.jpg) no-repeat center;



  background-size: cover;

}



.product .tabs {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  background-color: #8d949e;



  margin-top: 60px;

}



.product .tabs a {

  width: 33.33%;



  height: 85px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 24px;



  line-height: 1;



  color: #ffffff;



  position: relative;



  transition: all 0.3s;

}



.product .tabs a::after {

  content: "";



  display: block;



  width: 100%;



  height: 8px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  position: absolute;



  top: 0;



  left: 0;



  opacity: 0;



  visibility: hidden;



  transition: all 0.3s;

}



.product .tabs a.on {

  color: #000000;



  background-color: #fff;

}



.product .tabs a.on::after {

  opacity: 1;



  visibility: visible;

}



.product .tabs a:hover {

  background-color: #fff;



  color: #000000;

}



.product .tabs a:hover::after {

  opacity: 1;



  visibility: visible;

}



.product .product-swiper .swiper-slide {

  height: auto;



  padding: 60px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: flex-start;



  background-color: #fff;

}



.product .product-swiper .swiper-slide .pic {

  width: 26.25%;



  height: 755px;

}



.product .product-swiper .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  object-fit: cover;

}



.product .product-swiper .swiper-slide .list {

  width: 56.5%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  margin-bottom: -35px;

}



.product .product-swiper .swiper-slide .list li {

  width: 46%;



  margin-right: 8%;



  margin-bottom: 35px;

}



.product .product-swiper .swiper-slide .list li:nth-child(2n) {

  margin-right: 0;

}



.product .product-swiper .swiper-slide .list li a {

  display: block;



  padding: 20px 0 50px 65px;



  position: relative;



  border-bottom: 1px solid #dfdfe0;

}



.product .product-swiper .swiper-slide .list li a .ico {

  width: 55px;



  height: 55px;



  object-fit: scale-down;



  position: absolute;



  top: 20px;



  left: 0;

}



.product .product-swiper .swiper-slide .list li a .txt h3 {

  font-size: 20px;



  color: #3b3b3b;



  line-height: 1;



  margin-bottom: 10px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;

}



.product .product-swiper .swiper-slide .list li a .txt h3:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.product .product-swiper .swiper-slide .list li a .txt h5 {

  font-size: 16px;



  line-height: 1.4;



  color: #686868;



  overflow: hidden;



  text-overflow: ellipsis;



  margin-bottom: 25px;



  word-break: break-all;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.product .product-swiper .swiper-slide .list li a .txt span {

  font-size: 14px;



  line-height: 1;



  color: #3c424e;

}



.product .product-swiper .swiper-slide .list li a .txt span:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.increase .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  padding-top: 100px;



  padding-bottom: 135px;



  align-items: stretch;

}



.increase .wrap .txt {

  width: 32%;



  border-right: 1px solid #d1d1d1;

}



.increase .wrap .txt h3 {

  font-size: 46px;



  line-height: 60px;



  color: #3c3c3c;

}



.increase .wrap .txt p {

  font-size: 18px;



  line-height: 35px;



  color: #8a898e;



  margin-top: 35px;

}



.increase .wrap .txt a {

  display: inline-block;



  width: 60px;



  height: 30px;



  border: 2px solid #414141;



  border-radius: 30px;



  margin-top: 35px;



  background: url(../img/add-ico01.png) no-repeat center;

}



.increase .wrap .list {

  width: 68%;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  align-items: flex-start;



  margin-bottom: -70px;

}



.increase .wrap .list li {

  width: 50%;



  padding-left: 140px;



  position: relative;



  margin-bottom: 70px;

}



.increase .wrap .list li .ico {

  position: absolute;



  left: 140px;



  top: 30px;

}



.increase .wrap .list li h3 {

  font-size: 67px;



  line-height: 1;



  color: #3d4751;



  margin-bottom: 30px;



  position: relative;



  font-weight: bold;

}



.increase .wrap .list li h5 {

  font-size: 20px;



  line-height: 1;



  color: #525252;



  position: relative;

}



.cooperation {

  padding: 110px 0 240px;



  background: url(../img/cooperation-bg01.jpg) no-repeat center;



  background-size: cover;



  position: relative;

}



.cooperation .tit h3 {

  font-size: 46px;



  line-height: 1;



  color: #3c3c3c;



  margin-bottom: 20px;

}



.cooperation .tit h5 {

  font-size: 18px;



  line-height: 1;



  color: #6d6d6d;

}



.cooperation .cooperation-swiper {

  width: 880px;



  margin: initial;



  margin-top: 50px;



  border: 0.5px solid #e5e8ea;

}



.cooperation .cooperation-swiper .swiper-slide {

  width: 177px;



  height: 106px;



  background-color: rgba(255, 255, 255, 0.8);



  padding: 20px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  border: 0.5px solid #e5e8ea;

}



.cooperation .cooperation-swiper .swiper-slide img {

  filter: grayscale(100%);



  /*无效*/



  filter: gray;



  /*兼容IE7-IE9，IE10不支持*/



  opacity: 0.7;



  transition-duration: 0.3s;

}



.cooperation .cooperation-swiper .swiper-slide img:hover {

  filter: initial;



  opacity: 1;

}



.cooperation .swiper-button-prev {

  width: 50px;



  height: 50px;



  border-radius: 100%;



  overflow: hidden;



  background: #c3c3c3;



  top: initial;



  margin-top: 0;



  left: 38%;



  bottom: 150px;

}



.cooperation .swiper-button-prev::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/solve-ico01.png) no-repeat center;

}



.cooperation .swiper-button-prev:hover {

  background-image: linear-gradient(to top right, #4593fb, #07d2c7);

}



.cooperation .swiper-button-next {

  width: 50px;



  height: 50px;



  border-radius: 100%;



  overflow: hidden;



  transform: rotate(180deg);



  background: #c3c3c3;



  bottom: 150px;



  top: initial;



  margin-top: 0;



  left: 42%;



  right: initial;

}



.cooperation .swiper-button-next::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/solve-ico01.png) no-repeat center;

}



.cooperation .swiper-button-next:hover {

  background-image: linear-gradient(to top right, #4593fb, #07d2c7);

}



.slogan {

  height: 220px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  position: relative;

}



.slogan h3 {

  font-size: 28px;



  line-height: 1;



  color: #ffffff;

}



.slogan h3 a {

  font-size: 18px;



  line-height: 1;



  color: #ffffff;



  display: inline-block;



  padding: 20px 55px;



  background-color: #3c424e;



  transition-duration: 0.3s;

}



.slogan h3 a:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.slogan .top {

  width: 110px;



  height: 80px;



  background: url(../img/top-ico02.png) no-repeat top center;



  background-size: contain;



  text-align: center;



  position: absolute;



  left: 50%;



  margin-left: -55px;



  bottom: -44px;

}



.slogan .top img {

  margin-top: 12px;



  cursor: pointer;



  position: relative;



  z-index: 9;

}



.footer {

  background-color: #3c424e;

}



.footer .wrap {

  width: auto;



  padding: 0 100px;

}



.footer .add {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  padding-top: 40px;



  align-items: flex-start;

}



.footer .add p {

  font-size: 16px;



  line-height: 30px;



  color: #bfc4c8;

}



.footer .add p span {

  font-size: 34px;



  color: #fff;



  font-family: Arial, Helvetica, sans-serif;



  font-weight: bold;

}



.footer .add p:nth-child(2) {

  margin-left: 80px;



  margin-right: auto;

}



.footer .con {

  padding-top: 100px;



  padding-bottom: 70px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: flex-start;

}



.footer .con .nav p {

  font-size: 14px;



  line-height: 1.4;



  color: #ffffff;



  margin-bottom: 35px;

}



.footer .con .nav p a {

  color: #c1c7d3;



  margin-left: 45px;

}



.footer .con .nav p a:hover {

  color: #fff;

}



.footer .con .friendlink {

  font-size: 14px;



  line-height: 1.4;



  color: #ffffff;



  width: 300px;

}



.footer .con .friendlink a {

  margin-left: 45px;

}



.footer .con .friendlink a:hover {

  color: #c1c7d3;

}



.footer .con .code {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-start;

}



.footer .con .code li {

  margin-left: 56px;

  text-align: center;

}



.footer .con .code li img {

  width: 130px;



  height: 130px;



  object-fit: contain;

}



.footer .con .code li h3 {

  margin-top: 10px;



  font-size: 14px;



  line-height: 1.4;



  color: #b3b9c5;



  text-align: center;

}



.footer .copy {

  border-top: 1px solid #5c636d;



  padding: 30px 0 40px;

}



.footer .copy .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.footer .copy .wrap p {

  font-size: 14px;



  line-height: 1.2;



  color: #ffffff;

}



.footer .copy .wrap p a:hover {

  color: #c1c7d3;

}



.online_view {

  position: fixed;



  top: 0;



  left: 0;



  z-index: 101;



  width: 100%;



  height: 100%;



  background-color: rgba(0, 0, 0, 0.7);



  display: none;

}



.online_view .close {

  display: block;



  width: 30px;



  height: 30px;



  position: absolute;



  top: 0;



  right: 0;



  background: url(../img/close.png) no-repeat center center #4593fb;



  background-size: 60%;



  cursor: pointer;

}



.online_view .main {

  width: 100%;

  height: 100%;



  padding: 0;



  background-color: #fff;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: stretch;

}



.online_view .main .pic {

  width: 50%;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: end;

}



.online_view .main .form-box {

  width: 30%;

  padding: 0 50px 0 70px;

  margin: 111px 20% 111px 0;

  box-shadow: 0px 4px 40px 0px rgba(153, 153, 153, 0.5);

  align-items: center;

}



.online_view .main .form-box h3 {

  font-size: 34px;



  line-height: 1.4;



  color: #000000;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;



  margin-bottom: 20px;

}



.online_view .main .form-box p {

  font-size: 20px;



  line-height: 1.4;



  color: #000000;

}



.online_view .main .form-box .list {

  margin-top: 25px;

}



.online_view .main .form-box .list .ind {

  width: 100%;



  height: 41px;



  border: 1px solid #dfdfdf;



  padding: 0 30px;



  font-size: 16px;



  line-height: 1;



  color: #434343;



  margin-bottom: 10px;

}



.online_view .main .form-box .list .code {

  position: relative;

}



.online_view .main .form-box .list .code .ind {

  padding-right: 160px;

}



.online_view .main .form-box .list .code button {

  font-size: 16px;



  line-height: 1;



  color: #4a8eff;



  width: 160px;



  height: 45px;



  position: absolute;



  top: 0;



  right: 0;



  text-align: center;

}



.online_view .main .form-box .list .sub {

  width: 100%;



  height: 45px;



  border: 1px solid #dfdfdf;



  font-size: 16px;



  line-height: 1;



  color: #ffffff;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  cursor: pointer;

}



.navbar1 {

  display: none;

}



.crumbs_pro {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.crumbs_pro .item {

  width: 33.33%;



  position: relative;



  border: 1px solid #000000;



  border-right: none;

}



.crumbs_pro .item:last-child {

  border-right: 1px solid #000000;

}



.crumbs_pro .item.active {

  background-color: #f7f7f7;

}



.crumbs_pro .item.active .tit::after {

  background-image: url(../img/product-ico006.png);

}



.crumbs_pro .item.active .sub {

  height: auto;



  padding: 20px;



  border-width: 1px;



  box-shadow: 1px 2px 5px #ddd;



  background-color: #f7f7f7;

}



.crumbs_pro .item .tit {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  padding-left: 38px;



  padding-right: 50px;



  height: 66px;



  cursor: pointer;



  position: relative;

}



.crumbs_pro .item .tit img {

  margin-right: 14px;

}



.crumbs_pro .item .tit::after {

  content: "";



  display: block;



  width: 14px;



  height: 14px;



  background: url(../img/product-ico005.png) no-repeat center;



  position: absolute;



  right: 30px;



  top: 50%;



  transform: translateY(-50%);



  transition-duration: 0.3s;

}



.crumbs_pro .item .sub {

  position: absolute;



  top: 100%;



  left: 0;



  right: 0;



  padding: 0 20px;



  border: 0 solid #000;



  background-color: #fff;



  height: 0;



  overflow: hidden;



  transition-duration: 0.3s;



  z-index: 2;

}



.crumbs_pro .item .sub a {

  display: block;



  font-size: 16px;



  line-height: 1.2;



  color: #2b2b2b;



  border-bottom: 1px solid #dcdcdc;



  padding: 15px 0;



  padding-right: 30px;

}



.crumbs_pro .item .sub a:hover,

.crumbs_pro .item .sub a.on {

  background: url(../img/product-ico009.png) no-repeat right 8px center;

}



.colorTxt {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.case-info_view .con {

  background-color: #f6f6f6;



  padding: 90px 120px 65px;

}



.case-info_view .con .tit {

  text-align: center;



  border-bottom: 1px solid #d2d2d2;

}



.case-info_view .con .tit h1 {

  font-size: 24px;



  line-height: 1.4;



  color: #000000;



  margin-bottom: 15px;

}



.case-info_view .con .tit h3 {

  font-size: 14px;



  line-height: 1;



  color: #aaaaaa;



  margin-bottom: 45px;

}



.case-info_view .con .edit {

  padding-top: 40px;

}



.case-info_view .con .share-box {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  padding-top: 40px;

}



.case-info_view .link {

  margin-top: 80px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.case-info_view .link a {

  width: 32%;



  padding: 35px 0 30px;



  text-align: center;



  background-color: #ffffff;



  font-size: 16px;



  line-height: 1;



  color: #2b2b2b;



  transition-duration: 0.3s;



  position: relative;

}



.case-info_view .link a::after {

  content: "";



  display: block;



  width: 100%;



  height: 8px;



  position: absolute;



  left: 0;



  bottom: 0;



  transition-duration: 0.3s;

}



.case-info_view .link a:hover::after {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.case-info_view .more {

  height: 315px;



  position: relative;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  margin-bottom: 135px;

}



.case-info_view .more img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.case-info_view .more .txt {

  position: relative;



  text-align: center;

}



.case-info_view .more h3 {

  font-size: 56px;



  line-height: 1;



  color: #ffffff;



  text-transform: uppercase;



  font-family: Arial, Helvetica, sans-serif;



  margin-bottom: 10px;

}



.case-info_view .more h5 {

  font-size: 20px;



  line-height: 1;



  color: #ffffff;



  margin-bottom: 30px;

}



.case-info_view .more a {

  font-size: 16px;



  line-height: 1;



  color: #fff;



  padding: 15px 35px;



  transition-duration: 0.3s;



  background-image: linear-gradient(to top right, #4593fb, #07d2c7);

}



.case-info_view .more a:hover {

  background-color: #fff;



  background-image: none;



  color: #333;



  box-shadow: 1px 2px 4px #ddd;

}



.study_view {

  padding-top: 85px;



  background-color: #f0f5f8;

}



.study_view .list {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  align-items: stretch;



  margin-bottom: -60px;

}



.study_view .list li {

  width: 31%;



  margin-right: 3.5%;



  margin-bottom: 60px;

}



.study_view .list li:nth-child(3n) {

  margin-right: 0;

}



.study_view .list li a {

  display: block;

}



.study_view .list li a .pic {

  display: block;



  width: 100%;



  position: relative;



  padding-bottom: 70%;



  overflow: hidden;

}



.study_view .list li a .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;



  transition-duration: 0.3s;

}



.study_view .list li a .txt {

  padding: 30px 25px;



  background-color: #fff;



  transition-duration: 0.3s;

}



.study_view .list li a .txt h3 {

  font-size: 18px;



  line-height: 30px;



  color: #464646;



  height: 60px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  margin-bottom: 12px;



  transition-duration: 0.3s;

}



.study_view .list li a .txt p {

  font-size: 14px;



  line-height: 25px;



  color: #a1a0a0;



  height: 50px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  margin-bottom: 20px;



  transition-duration: 0.3s;

}



.study_view .list li a .txt hr {

  border: none;



  border-top: 1px solid #e2e2e2;



  margin-bottom: 28px;



  transition-duration: 0.3s;

}



.study_view .list li a .txt .time {

  font-size: 14px;



  line-height: 1;



  color: #646363;



  padding-right: 30px;



  transition-duration: 0.3s;



  background: url(../img/study-ico001.png) no-repeat right 8px center;

}



.study_view .list li a:hover .pic img {

  transform: scale(1.1);

}



.study_view .list li a:hover .txt {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.study_view .list li a:hover .txt h3 {

  color: #fff;

}



.study_view .list li a:hover .txt p {

  color: #fff;

}



.study_view .list li a:hover .txt hr {

  border-color: #fff;

}



.study_view .list li a:hover .txt .time {

  color: #fff;



  background-image: url(../img/study-ico002.png);

}



.nav-bar {

  background-color: #fff;

  margin-top: 16px;

}



.nav-bar-ul {

  width: 1024px;

  margin: 0 auto;

  display: flex;

  border-bottom: 1px solid #e5e6eb;

}



.nav-bar-ul li {

  font-size: 14px;

  color: #4e5969;

  height: 38px;

  padding: 9px 0;

  margin-right: 40px;

  cursor: pointer;

}



.nav-bar-ul .on {

  font-weight: 700;

  color: #307eff;

  border-bottom: 2px solid #307eff;

}



.nav-bar-content {

  width: 1024px;

  margin: 0 auto;

  padding: 24px 0 40px 0;

}



.nav-bar-tit {

  display: flex;

  align-items: center;

  margin-bottom: 12px;

}



.nav-bar-content .nav-bar-list {

  margin-bottom: 24px;

}



.nav-bar-content .nav-bar-list:last-child {

  margin-bottom: 0;

}



.nav-bar-item {

  display: inline-block;

  width: 170px;

  margin-right: -5px;

  margin-bottom: 8px;

}



.nav-bar-item img {

  width: 18px;

  height: 18px;

}



.nav-bar-item span {

  display: inline-block;

  font-size: 14px;

  color: #4e5969;

}



.nav-bar-linear {

  width: 3px;

  height: 14px;

  background-color: #307eff;

  margin-right: 6px;

}



.nav-bar-text {

  color: #307eff;

  font-size: 14px;

}



.ascendant{

  display: none;

}



.advantages {

  width: 100%;

  background-image: url(../img/advantage_bg.png);

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding: 100px 0;

}



.advantages-pot {

  width: 1024px;

  margin: 0 auto;

}



.advantages-item {

  padding: 24px;

  background-color: #fff;

  display: flex;

  margin-top: 80px;

}



.advantages-item:first-child {

  margin-top: 0;

}



.advantages-item-left {

  margin-right: 24px;

}



.advantages-item:nth-child(2n) .advantages-item-right,

.advantages-item:nth-child(2n-1) .advantages-item-left {

  flex: 1;

}



.advantages-item-illustration {

  width: 372px;

  height: 364px;

}



.advantages-item-tit {

  font-size: 24px;

  font-weight: 700;

}



.advantages-item-pot {

  margin-top: 16px;

  display: flex;

}



.advantages-item-spage img {

  width: 18px;

  height: 30px;

  margin-right: 4px;

}



.advantages-item-content {

  flex: 1;

  font-size: 16px;

  color: rgba(0, 0, 0, 0.6);

  line-height: 30px;

}



.merit {

  width: 100%;

  padding: 100px 0;

  background-color: #fff;

}



.merit-pot {

  width: 1024px;

  margin: 0 auto;

  display: flex;

}



.merit-item {

  padding: 40px 24px;

  width: 330px;

  height: 554px;

  border-radius: 8px;

  background: linear-gradient(180deg, #0169ee 0%, #2f89fe 100%);

  text-align: center;

  margin-right: 17px;

}



.merit-item:nth-child(2) {

  background: linear-gradient(180deg, #018cda 0%, #1bb0f0 100%);

}



.merit-item:nth-child(3) {

  background: linear-gradient(180deg, #40577c 0%, #486693 100%);

  margin-right: 0;

}



.merit-item-tit img {

  width: 18px;

  height: 18px;

  vertical-align: text-top;

}



.merit-item-tit span {

  display: inline-block;

  font-size: 24px;

  color: #fff;

  font-weight: 700;

}



.merit-item-orient {

  width: 100%;

  margin-top: 4px;

  text-align: center;

  color: #c9cdd4;

  font-size: 16px;

}



.merit-item-separate {

  margin: 24px 0;

  background-color: #c9cdd4;

  width: 100%;

  height: 1px;

}



.merit-item-list {

  width: 100%;

  margin-bottom: 8px;

  display: flex;

}



.merit-item-list:last-child {

  margin-bottom: 0;

}



.merit-list-img {

  width: 18px;

  height: 30px;

  margin-right: 4px;

}



.merit-list-name {

  flex: 1;

  font-size: 16px;

  color: #fff;

  line-height: 30px;

  text-align: left;

}



.navbar2 {

  background-color: #fff;



  border-bottom: 1px solid #a4cbf8;

}



.navbar2 .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.navbar2 .wrap a {

  padding: 45px 22px 35px;



  font-size: 18px;



  line-height: 1;



  color: #686868;



  margin-right: 80px;



  position: relative;



  transition-duration: 0.3s;

}



.navbar2 .wrap a::after {

  content: "";



  display: block;



  width: 100%;



  height: 6px;



  background-color: #3d9bf4;



  position: absolute;



  left: 0;



  bottom: 0;



  opacity: 0;

}



.navbar2 .wrap a:last-child {

  margin-right: 0;

}



.navbar2 .wrap a:hover,

.navbar2 .wrap a.on {

  color: #3d9bf4;

}



.navbar2 .wrap a:hover::after,

.navbar2 .wrap a.on::after {

  opacity: 1;

}



.study-info_view .con {

  background-color: #f6f6f6;



  padding: 90px 120px 40px;

}



.study-info_view .con .tit {

  text-align: center;



  border-bottom: 1px solid #d2d2d2;

}



.study-info_view .con .tit h1 {

  font-size: 24px;



  line-height: 1.4;



  color: #000000;



  margin-bottom: 10px;

}



.study-info_view .con .tit h3 {

  font-size: 14px;



  line-height: 1;



  color: #aaaaaa;



  margin-bottom: 45px;

}



.study-info_view .con .edit {

  padding-top: 40px;

}



.study-info_view .con .share-box {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  padding-top: 40px;

}



.study-info_view .link {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  background-color: #e7e7e7;



  padding: 30px 65px;

}



.study-info_view .link a {

  max-width: 40%;



  font-size: 16px;



  line-height: 1;



  color: #2b2b2b;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;

}



.study-info_view .link a:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  background-clip: text;



  -webkit-background-clip: text;



  color: transparent;

}



.study-info_view .link .back {

  width: auto;



  padding-left: 25px;



  background: url(../img/back-ico002.png) no-repeat left center;

}



.study-info_view .link .prev {

  padding-left: 25px;



  background: url(../img/left-ico005.png) no-repeat left center;

}



.study-info_view .link .next {

  padding-right: 25px;



  text-align: right;



  background: url(../img/right-ico005.png) no-repeat right center;

}



.study-info_view .more {

  height: 315px;



  position: relative;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  margin-bottom: 135px;

}



.study-info_view .more img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.study-info_view .more .txt {

  position: relative;



  text-align: center;

}



.study-info_view .more h3 {

  font-size: 56px;



  line-height: 1;



  color: #ffffff;



  text-transform: uppercase;



  font-family: Arial, Helvetica, sans-serif;



  margin-bottom: 10px;

}



.study-info_view .more h5 {

  font-size: 20px;



  line-height: 1;



  color: #ffffff;



  margin-bottom: 30px;

}



.study-info_view .more a {

  font-size: 16px;



  line-height: 1;



  color: #fff;



  padding: 15px 35px;



  background-color: #ededed;



  transition-duration: 0.3s;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.study-info_view .more a:hover {

  background-color: #fff;



  color: #333;



  background-image: none;



  box-shadow: 1px 2px 3px #ddd;

}



.product_view .tit1 {

  font-size: 45px;



  line-height: 1;



  color: #222222;



  text-align: center;

}



.product_view .tit1 i {

  display: inline-block;



  width: 13px;



  height: 24px;



  background: url(../img/product-tit001.png) no-repeat center;



  background-size: contain;



  margin: 0 25px;



  vertical-align: middle;

}



.product_view .intro {

  background-color: #f0f5f8;



  padding-top: 104px;



  padding-bottom: 140px;

}



.product_view .intro .txt {

  margin-top: 50px;



  overflow: hidden;



  position: relative;

}



.product_view .intro .txt .bg {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.product_view .intro .txt .box {

  width: 50%;



  padding: 75px 22px 70px 75px;



  position: relative;



  z-index: 1;

}



.product_view .intro .txt .box h3 {

  font-size: 34px;



  line-height: 50px;



  color: #222222;

}



.product_view .intro .txt .box i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  margin-top: 22px;



  margin-bottom: 25px;



  display: inline-block;

}



.product_view .intro .txt .box p {

  font-size: 16px;



  line-height: 30px;



  color: #5a5a5a;

}



.product_view .intro .txt .box a {

  display: inline-block;



  font-size: 16px;



  line-height: 1;



  color: #ffffff;



  padding: 15px 25px;



  border-radius: 4px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  margin-top: 40px;



  position: relative;



  transition-duration: 0.3s;

}



.product_view .intro .txt .box a span {

  position: relative;



  z-index: 1;

}



.product_view .intro .txt .box a::after {

  content: "";



  display: block;



  position: absolute;



  top: 3px;



  left: 3px;



  bottom: 3px;



  right: 3px;



  background-color: #ffffff;



  border-radius: 3px;



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;

}



.product_view .intro .txt .box a:hover {

  color: #4b4b4b;

}



.product_view .intro .txt .box a:hover::after {

  opacity: 1;



  visibility: visible;

}



.product_view .intro .con {

  background-color: #fff;



  padding: 30px 50px 85px;

}



.product_view .intro .con .list {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  border-bottom: 1px solid #e5e5e5;

}



.product_view .intro .con .list a {

  width: 33.3%;



  border-right: 1px solid #e5e5e5;



  height: 230px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;

}



.product_view .intro .con .list a:nth-child(3) {

  border-right: none;

}



.product_view .intro .con .list a .box {

  padding-left: 22px;

}



.product_view .intro .con .list a .box h4 {

  font-size: 24px;



  line-height: 1.2;



  color: #222222;

}



.product_view .intro .con .list a .box h6 {

  font-size: 14px;



  line-height: 1.2;



  color: #5a5a5a;



  margin-top: 8px;

}



.product_view .intro .con .list a .box p {

  display: inline-block;



  font-size: 16px;



  line-height: 1;



  color: #4b4b4b;



  padding: 15px 25px;



  border-radius: 4px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  margin-top: 40px;



  position: relative;



  transition-duration: 0.3s;

}



.product_view .intro .con .list a .box p span {

  position: relative;



  z-index: 1;

}



.product_view .intro .con .list a .box p::after {

  content: "";



  display: block;



  position: absolute;



  top: 3px;



  left: 3px;



  bottom: 3px;



  right: 3px;



  background-color: #ffffff;



  border-radius: 3px;



  opacity: 0;



  visibility: hidden;



  transition-duration: 0.3s;



  opacity: 1;



  visibility: visible;

}



.product_view .intro .con .list a .box p:hover {

  color: #fff;

}



.product_view .intro .con .list a .box p:hover::after {

  opacity: 0;



  visibility: hidden;

}



.product_view .intro .con .main {

  padding-top: 55px;

}



.product_view .intro .con .main h4 {

  font-size: 24px;



  line-height: 1.2;



  color: #000000;



  text-align: center;



  margin-bottom: 30px;

}



.product_view .matrix {

  padding-top: 115px;



  padding-bottom: 105px;

}



.product_view .matrix .more {

  width: 100%;



  display: block;



  height: 85px;



  font-size: 24px;



  line-height: 1;



  color: #fff;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  cursor: pointer;



  transition-duration: 0.3s;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.product_view .matrix .more img {

  margin-left: 5px;

}



.product_view .matrix .more:hover {

  box-shadow: 1px 3px 5px #4a8eff;

}



.product_view .matrix .list {

  margin-top: 65px;

}



.product_view .matrix .list li {

  margin-bottom: 30px;

}



.product_view .matrix .list li:nth-child(2n) .pic {

  justify-content: left;

}



.product_view .matrix .list li .pic {

  position: relative;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-end;

}



.product_view .matrix .list li .pic .bg {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.product_view .matrix .list li .pic .txt {

  width: 50%;



  height: 100%;



  position: relative;



  display: inline-block;



  padding: 60px 55px 0 40px;



  height: 525px;

}



.product_view .matrix .list li .pic .txt h3 {

  font-size: 30px;



  line-height: 1.5;



  color: #222222;

}



.product_view .matrix .list li .pic .txt i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  margin-top: 22px;



  margin-bottom: 25px;



  display: inline-block;

}



.product_view .matrix .list li .pic .txt p {

  font-size: 16px;



  line-height: 30px;



  color: #5a5a5a;

}



.product_view .matrix .list li .pic .txt div {

  margin-top: 40px;

}



.product_view .matrix .list li .pic .txt div span {

  display: block;



  font-size: 16px;



  line-height: 25px;



  color: #4a8eff;



  padding-left: 27px;



  position: relative;



  margin-bottom: 13px;

}



.product_view .matrix .list li .pic .txt div span::after {

  content: "";



  display: block;



  width: 12px;



  height: 3px;



  background-color: #4a8eff;



  position: absolute;



  top: 12px;



  left: 0;

}



.product_view .business {

  padding-top: 95px;



  padding-bottom: 140px;



  background: url(../img/business-bg001.jpg) no-repeat center;



  background-size: cover;

}



.product_view .business .tit1 {

  color: #fff;

}



.product_view .business ul {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  margin-top: 60px;

}



.product_view .business ul li {

  width: 31.6%;

}



.product_view .business ul li .box {

  height: 400px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  border-width: 6px;



  border-style: solid;



  border-image-source: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  border-image-slice: 1;



  border-image-repeat: stretch;



  padding: 0 26px;



  background-color: rgba(74, 142, 255, 0.6);



  transition-duration: 0.3s;

}



.product_view .business ul li .box:hover {

  background-image: linear-gradient(

    to top right,

    rgba(74, 142, 255, 0.6) 35%,

    rgba(0, 217, 193, 0.6) 65%

  );

}



.product_view .business ul li .box h3 {

  font-size: 22px;



  line-height: 1.4;



  color: #ffffff;



  margin-bottom: 22px;



  margin-top: 28px;

}



.product_view .business ul li .box p {

  font-size: 16px;



  line-height: 32px;



  color: #ffffff;



  text-align: center;

}



.product_view .business ul li .box img {

  width: 128px;



  height: 120px;



  object-fit: scale-down;

}



.product_view .model {

  padding: 120px 0 140px;



  background-color: #f0f5f8;

}



.product_view .model .con {

  margin-top: 55px;



  background-color: #fff;



  box-shadow: 1px 2px 5px #dce0e3;



  padding: 60px 60px 105px;

}



.product_view .model .con .model-swiper {

  margin: 0 75px;



  border-bottom: 1px solid #dee4ee;



  text-align: center;

}



.product_view .model .con .model-swiper .swiper-pagination {

  display: none;

}



.product_view .model .con .model-swiper .swiper-slide {

  opacity: 0;



  visibility: hidden;

}



.product_view .model .con .model-swiper .swiper-slide img {

  width: 205px;



  height: 60px;



  object-fit: scale-down;

}



.product_view .model .con .model-swiper .swiper-slide p {

  font-size: 16px;



  line-height: 30px;



  color: #6c6c6c;



  margin-top: 40px;



  margin-bottom: 30px;

}



.product_view .model .con .model-swiper .swiper-slide h4 {

  font-size: 16px;



  line-height: 1.2;



  color: #6c6c6c;



  text-align: right;



  margin-bottom: 35px;

}



.product_view .model .con .model-swiper .swiper-slide.swiper-slide-active {

  opacity: 1;



  visibility: visible;

}



.product_view .model .con ul {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  margin-top: 68px;

}



.product_view .model .con ul li {

  width: 13.3%;



  height: 130px;



  padding: 40px 18px;



  margin-right: 0.5%;



  cursor: pointer;



  position: relative;

}



.product_view .model .con ul li:nth-child(1) {

  margin-left: 7%;

}



.product_view .model .con ul li img {

  width: 100%;



  height: 100%;



  object-fit: scale-down;



  position: relative;



  z-index: 1;

}



.product_view .model .con ul li::before {

  content: "";



  display: block;



  width: 100%;



  height: 123%;



  background: url(../img/model-bg001.png) no-repeat center;



  background-size: contain;



  position: absolute;



  left: 0;



  top: 50%;



  transform: translateY(-50%);

}



.product_view .model .con ul li::after {

  content: "";



  display: block;



  width: 100%;



  height: 123%;



  background: url(../img/model-bg002.png) no-repeat center;



  background-size: contain;



  position: absolute;



  left: 0;



  top: 50%;



  transform: translateY(-50%);



  opacity: 0;



  transition-duration: 0.3s;

}



.product_view .model .con ul li.on::after,

.product_view .model .con ul li:hover::after {

  opacity: 1;

}



.solution_view .tit1 {

  line-height: 0;

}



.solution_view .tit1 h3 {

  font-size: 20px;



  line-height: 1;



  color: #272727;



  margin-bottom: 12px;

}



.solution_view .tit1 h5 {

  font-size: 40px;



  line-height: 1;



  color: #272727;



  margin-bottom: 30px;

}



.solution_view .tit1 i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: inline-block;

}



.solution_view .help {

  padding: 90px 0 120px;



  background-color: #f0f5f8;

}



.solution_view .help .wrap {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: flex-end;

}



.solution_view .help .wrap .tabs {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.solution_view .help .wrap .tabs a {

  font-size: 18px;



  line-height: 1;



  color: #373737;



  padding: 13px 30px;



  transition-duration: 0.3s;

}



.solution_view .help .wrap .tabs a:hover,

.solution_view .help .wrap .tabs a.on {

  background-color: #e0e8f8;



  color: #1664ff;

}



.solution_view .help .help-swiper {

  width: 100%;



  margin-top: 50px;

}



.solution_view .help .help-swiper .swiper-slide {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: stretch;

}



.solution_view .help .help-swiper .swiper-button-prev {

  width: 50px;



  height: 50px;



  border-radius: 100%;



  overflow: hidden;



  background: #c3c3c3;



  top: initial;



  margin-top: 0;



  left: 50%;



  margin-left: 45px;



  bottom: 130px;

}



.solution_view .help .help-swiper .swiper-button-prev::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/solve-ico01.png) no-repeat center;

}



.solution_view .help .help-swiper .swiper-button-prev:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.solution_view .help .help-swiper .swiper-button-next {

  width: 50px;



  height: 50px;



  border-radius: 100%;



  overflow: hidden;



  transform: rotate(180deg);



  background: #c3c3c3;



  bottom: 130px;



  top: initial;



  margin-top: 0;



  left: 50%;



  margin-left: 120px;



  right: initial;

}



.solution_view .help .help-swiper .swiper-button-next::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/solve-ico01.png) no-repeat center;

}



.solution_view .help .help-swiper .swiper-button-next:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.solution_view .help .help-swiper .pic {

  width: 47.5%;



  height: 480px;



  position: relative;

}



.solution_view .help .help-swiper .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.solution_view .help .help-swiper .txt {

  width: 52.5%;



  padding: 0 80px;



  background: url(../img/help-002.jpg) no-repeat right center;

}



.solution_view .help .help-swiper .txt h3 {

  font-size: 30px;



  line-height: 1.5;



  color: #222222;



  margin-top: 95px;

}



.solution_view .help .help-swiper .txt i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: inline-block;



  margin-top: 20px;



  margin-bottom: 25px;

}



.solution_view .help .help-swiper .txt h5 {

  font-size: 16px;



  line-height: 30px;



  color: #222222;

}



.solution_view .panorama {

  padding: 100px 0;

}



.solution_view .panorama .con {

  margin-top: 45px;



  border: 1px solid #ababab;



  padding: 55px 70px;

}



.solution_view .core {

  padding: 100px 0;



  background: url(../img/core-001.jpg) no-repeat center;



  background-size: cover;

}



.solution_view .core .tit1 h3 {

  color: #fff;

}



.solution_view .core .tit1 h5 {

  color: #fff;

}



.solution_view .core .con {

  margin-top: 47px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: stretch;

}



.solution_view .core .con .tabs {

  width: 39%;



  margin-bottom: -12px;

}



.solution_view .core .con .tabs a {

  display: block;



  width: 100%;



  height: 125px;



  margin-bottom: 12px;



  background-color: #313131;



  transition-duration: 0.3s;



  padding: 0 15px 0 25px;

}



.solution_view .core .con .tabs a h3 {

  font-size: 20px;



  line-height: 1.2;



  color: #fff;



  margin-bottom: 15px;



  padding-top: 35px;

}



.solution_view .core .con .tabs a h5 {

  font-size: 14px;



  line-height: 1.2;



  color: #ababab;

}



.solution_view .core .con .tabs a:hover,

.solution_view .core .con .tabs a.on {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.solution_view .core .con .tabs a:hover h5,

.solution_view .core .con .tabs a.on h5 {

  color: #d1e6fa;

}



.solution_view .core .con .core-swiper {

  width: 60%;



  background-color: #313131;

}



.solution_view .core .con .core-swiper .swiper-slide {

  position: relative;



  padding: 35px;

}



.solution_view .core .con .core-swiper .swiper-slide .pic {

  width: 100%;



  height: 100%;



  position: relative;

}



.solution_view .core .con .core-swiper .swiper-slide .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.solution_view .dongcha {

  padding: 100px 0;



  background-color: #f0f5f8;

}



.solution_view .dongcha .tit1 {

  text-align: center;

}



.solution_view .dongcha .list {

  margin-top: 60px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.solution_view .dongcha .list li {

  width: 33.33%;



  height: 152px;



  border-radius: 8px;



  padding: 45px 60px 0;

}



.solution_view .dongcha .list li h4 {

  font-size: 20px;



  line-height: 30px;



  color: #2b2b2b;



  padding-left: 45px;



  text-indent: -45px;

}



.solution_view .dongcha .list li h4 span {

  font-weight: bold;



  margin-right: 19px;

}



.solution_view .dongcha .list li:nth-child(odd) {

  background: url(../img/dongcha-001.png) no-repeat center;



  background-size: 100% 100%;

}



.solution_view .dongcha .list li:nth-child(even) {

  background-color: #e4e4e4;

}



.solution_view .doing {

  padding: 100px 0;

}



.solution_view .doing .tit1 {

  text-align: center;

}



.solution_view .doing .list {

  margin-top: 60px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  margin-bottom: -30px;

}



.solution_view .doing .list li {

  box-shadow: 1px 2px 5px #ddd;



  width: 32%;



  height: 260px;



  border-radius: 8px;



  padding: 0 55px;



  margin-bottom: 30px;



  border: 1px solid #dfdfdf;



  position: relative;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  align-content: flex-start;



  justify-content: flex-start;



  align-items: flex-start;

}



.solution_view .doing .list li::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background: url(../img/doing-bg001.png) no-repeat center;



  background-size: 100% 100%;



  opacity: 0;



  transition-duration: 0.3s;

}



.solution_view .doing .list li:hover::after {

  opacity: 1;

}



.solution_view .doing .list li .ico {

  width: 82px;



  height: 99px;



  object-fit: scale-down;



  margin-top: 30px;

}



.solution_view .doing .list li h3 {

  font-size: 20px;



  line-height: 1.2;



  color: #272727;



  margin-top: 10px;

}



.solution_view .doing .list li p {

  font-size: 14px;



  line-height: 25px;



  color: #272727;



  margin-top: 15px;

}



.solution_view .liucheng {

  padding: 100px 0;



  background-color: #f0f5f8;

}



.solution_view .liucheng .tit1 {

  text-align: center;

}



.solution_view .liucheng .list {

  margin-top: 55px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  align-items: flex-start;

}



.solution_view .liucheng .list li {

  width: 22.3%;



  margin-right: 3.6%;



  position: relative;

}



.solution_view .liucheng .list li::after {

  content: "";



  display: block;



  width: 20px;



  height: 20px;



  background: url(../img/liucheng-001.png) no-repeat center;



  background-size: contain;



  position: absolute;



  right: -32px;



  top: 23px;

}



.solution_view .liucheng .list li:last-child {

  margin-right: 0;

}



.solution_view .liucheng .list li:last-child::after {

  display: none;

}



.solution_view .liucheng .list li h3 {

  padding: 20px 10px 20px 30px;



  border-bottom: 1px solid #d0d0d0;



  font-size: 18px;



  line-height: 1.2;



  color: #272727;



  background-color: #fff;

}



.solution_view .liucheng .list li h3 span {

  font-size: 20px;



  font-weight: bold;

}



.solution_view .liucheng .list li > div {

  background-color: #fff;



  padding: 20px 25px;



  transition-duration: 0.3s;

}



.solution_view .liucheng .list li > div h5 {

  font-size: 14px;



  line-height: 1.8;



  color: #858585;

}



.solution_view .liucheng .list li > div a {

  font-size: 14px;



  line-height: 1;



  color: #1664ff;



  display: inline-block;



  background-color: #fff;



  transition-duration: 0.3s;



  padding: 0px 25px;



  opacity: 0;



  overflow: hidden;



  visibility: hidden;



  transition-duration: 0.3s;



  margin-top: 0;

}



.solution_view .liucheng .list li:hover > div {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.solution_view .liucheng .list li:hover > div h5 {

  color: #fff;

}



.solution_view .liucheng .list li:hover > div a {

  padding: 10px 25px;



  margin-top: 12px;



  opacity: 1;



  visibility: visible;



  transition-duration: 0.3s;

}



.about_view .about-data {

  padding: 126px 0 0;



  background: url(../img/about-data-001.jpg) no-repeat center 0;



  position: relative;

}



.about_view .about-data .nytil04 {

  color: #fff;

}



.about_view .swiper-container .plan_next.swiper-button-disabled,

.about_view .swiper-container .plan_prev.swiper-button-disabled {

  opacity: 1;

}



.about_view .about-data .swiper-pagination {

  width: 1195px !important;



  top: 404px !important;



  left: 0 !important;



  height: 1px !important;



  background: #64676b;

}



.about_view .about-data .swiper-pagination-progressbar-fill {

  background: #4a8eff !important;

}



.about_view .data_swiper {

  text-align: center;



  line-height: 66px;



  color: #cecfd0;



  font-size: 18px;

}



.about_view .data_swiper b {

  font-size: 280px;



  line-height: 264px;



  display: block;



  height: 330px;



  font-family: "rubrik";



  position: relative;



  color: #fff;



  background: linear-gradient(to bottom, #fff, #595c60);



  -webkit-background-clip: text;



  color: transparent;

}



.about_view .about-data .inner {

  height: 420px;



  cursor: pointer;

}



.about_view .data_til {

  height: 178px;



  line-height: 27px;



  color: #cecfcf;

}



.about_view .data_til li {

  padding: 0 79px 0 0;



  float: left;



  text-align: center;



  position: relative;

}



.about_view .data_til li:before,

.about_view .data_til li:first-child:after {

  content: "";



  position: absolute;



  width: 1px;



  height: 5px;



  right: 0;



  top: -21px;



  background: #64676b;

}



.about_view .data_til li:first-child:after {

  left: 0 !important;

}



.about_view .data_til li b {

  display: block;



  font-family: "rubrik";



  font-size: 24px;



  line-height: 32px;



  color: #fff;

}



.about_view .data_til li:last-child {

  padding: 0;

}



.about_view .tit1 {

  text-align: center;



  line-height: 0;

}



.about_view .tit1 h3 {

  font-size: 40px;



  line-height: 1.2;



  color: #272727;

}



.about_view .tit1 i {

  width: 60px;



  height: 5px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: inline-block;



  margin-top: 25px;

}



.about_view .who {

  padding: 115px 0 112px;



  background: url(../img/who-bg001.jpg) no-repeat center;



  background-size: cover;

}



.about_view .who .con {

  font-size: 14px;



  line-height: 30px;



  color: #737373;



  text-align: center;



  margin-top: 30px;

}



.about_view .culture {

  padding-top: 100px;



  overflow: hidden;

}



.about_view .culture .list {

  margin-top: 70px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.about_view .culture .list li {

  width: 25%;



  padding-left: 50px;



  height: 135px;



  border-right: 1px solid #cbcbcb;

}



.about_view .culture .list li:nth-child(4) {

  border-right: none;

}



.about_view .culture .list li img {

  margin-top: 10px;



  width: 72px;



  height: 52px;



  object-fit: scale-down;



  margin-bottom: 22px;

}



.about_view .culture .list li h3 {

  font-size: 18px;



  line-height: 1.2;



  color: #737373;



  margin-bottom: 30px;

}



.about_view .culture .culture-swiper {

  margin-top: 60px;



  overflow: visible;



  margin-left: -105px;



  margin-right: -105px;



  padding-bottom: 240px;

}



.about_view .culture .culture-swiper .swiper-scrollbar {

  bottom: 158px;



  height: 5px;



  background-color: #cdcdcd;

}



.about_view .culture .culture-swiper .swiper-scrollbar .swiper-scrollbar-drag {

  height: 15px;



  position: relative;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  border-radius: 15px;



  left: 0;



  top: -5px;

}



.about_view

  .culture

  .culture-swiper

  .swiper-scrollbar

  .swiper-scrollbar-drag::after {

  content: "";



  display: block;



  width: 86px;



  height: 89px;



  background: url(../img/culture-ico001.png) no-repeat center;



  background-size: contain;



  position: relative;



  top: -13px;



  left: 50%;



  transform: translateX(-50%);

}



.about_view .culture .culture-swiper .swiper-slide {

  width: 600px;

}



.about_view .culture .culture-swiper .swiper-slide .pic {

  height: 360px;



  position: relative;

}



.about_view .culture .culture-swiper .swiper-slide .pic .bg {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.about_view .culture .culture-swiper .swiper-slide .pic::after {

  content: "";



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  background-image: linear-gradient(transparent, #000 100%);

}



.about_view .culture .culture-swiper .swiper-slide .pic .txt {

  position: absolute;



  padding: 0 40px 30px;



  bottom: 0;



  left: 0;



  right: 0;



  z-index: 1;

}



.about_view .culture .culture-swiper .swiper-slide .pic .txt h3 {

  font-size: 24px;



  line-height: 1.2;



  color: #ffffff;

}



.about_view .culture .culture-swiper .swiper-slide .pic .txt p {

  font-size: 14px;



  line-height: 30px;



  color: #ffffff;



  margin-top: 0;



  height: 0;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;



  transition-duration: 0.3s;

}



.about_view .culture .culture-swiper .swiper-slide .pic:hover .txt p {

  height: 120px;



  margin-top: 10px;

}



.about_view .culture .culture-swiper .swiper-slide .pic:hover::after {

  background-image: linear-gradient(transparent, #000 80%);

}



.about_view .about-data {

  padding-top: 100px;

}



.about_view .about-data .tit1 h3 {

  color: #fff;

}



.about_view .about-data .apple-retail {

  margin-top: 70px;

}



.about_view .honor {

  padding-top: 115px;

}



.about_view .honor .honor-swiper {

  margin-top: 50px;



  padding-bottom: 145px;

}



.about_view .honor .honor-swiper .swiper-pagination {

  bottom: 75px;

}



.about_view .honor .honor-swiper .swiper-pagination .swiper-pagination-bullet {

  width: 40px;



  height: 6px;



  background-color: #dfdfdf;



  border-radius: initial;



  opacity: 1;

}



.about_view

  .honor

  .honor-swiper

  .swiper-pagination

  .swiper-pagination-bullet-active {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.about_view .friend {

  padding: 100px 0 120px;



  background-color: #f0f5f8;

}



.about_view .friend .list {

  margin-top: 55px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  background-color: #fff;



  border: 0.5px solid #cfcfcf;

}



.about_view .friend .list li {

  border: 0.5px solid #cfcfcf;



  width: 20%;



  height: 155px;



  padding: 30px 35px;

}



.about_view .friend .list li img {

  width: 100%;



  height: 100%;



  object-fit: scale-down;



  filter: grayscale(100%);



  /*无效*/



  filter: gray;



  /*兼容IE7-IE9，IE10不支持*/



  opacity: 0.7;



  transition-duration: 0.3s;

}



.about_view .friend .list li img:hover {

  filter: initial;



  opacity: 1;

}



.about_view .friend .list li.txt {

  width: 60%;



  padding: 15px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: center;



  font-size: 18px;



  line-height: 1;



  color: #272727;

}



.about_view .friend .list li.txt i {

  width: 86px;



  height: 66px;



  background: url(../img/friend-002.png) no-repeat center;



  background-size: contain;

}



.about_view .friend .list li.txt i:nth-of-type(2) {

  transform: rotate(180deg);

}



.about_view .friend .list li.txt h5 {

  margin: 0 20px;

}



.about_view .history {

  padding: 95px 0 120px;

}



.about_view .history .more {

  display: block;



  width: 87%;



  height: 75px;



  font-size: 16px;



  line-height: 1;



  color: #434242;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  margin-left: auto;



  border: 1px solid #d4d4d4;



  transition-duration: 0.3s;



  cursor: pointer;

}



.about_view .history .more:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  color: #fff;

}



.about_view .history .list {

  margin-top: 55px;



  margin-bottom: -20px;

}



.about_view .history .list li {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  align-items: stretch;



  margin-bottom: 80px;

}



.about_view .history .list li .time {

  width: 13%;



  border-left: 1px solid #c8c8c8;

}



.about_view .history .list li .time h3 {

  font-size: 26px;



  line-height: 1;



  color: #434242;



  height: 60px;



  background-color: #fff;



  position: relative;



  left: -1px;

}



.about_view .history .list li .item {

  width: 87%;



  height: 375px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;

}



.about_view .history .list li .item .pic {

  width: 47%;



  height: 100%;



  position: relative;

}



.about_view .history .list li .item .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



.about_view .history .list li .item .txt {

  width: 53%;



  height: 100%;



  background-color: #f0f5f8;



  padding: 50px 70px 0 50px;

}



.about_view .history .list li .item .txt h3 {

  font-size: 24px;



  line-height: 1.2;



  color: #434242;

}



.about_view .history .list li .item .txt p {

  margin-top: 25px;



  font-size: 16px;



  line-height: 25px;



  color: #707070;



  white-space: pre-wrap;

}



.about_view .way {

  padding: 95px 0 160px;



  background-color: #f0f5f8;

}



.about_view .way .con {

  margin-top: 55px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: flex-start;



  align-items: stretch;

}



.about_view .way .con .txt {

  width: 42%;



  padding: 50px 35px;



  line-height: 0;



  background-color: #242424;

}



.about_view .way .con .txt h3 {

  font-size: 24px;



  line-height: 1.2;



  color: #ffffff;

}



.about_view .way .con .txt i {

  width: 30px;



  height: 3px;



  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



  display: inline-block;



  margin-top: 25px;

}



.about_view .way .con .txt p {

  margin-top: 15px;

}



.about_view .way .con .txt p span {

  display: block;



  font-size: 16px;



  line-height: 1.2;



  color: #ffffff;



  padding: 25px 0;



  border-bottom: 1px dashed #52514e;

}



.about_view .way .con .txt a {

  display: block;



  border: 2px solid #fff;



  height: 60px;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 16px;



  line-height: 1;



  color: #ffffff;



  transition-duration: 0.3s;



  margin-top: 15px;

}



.about_view .way .con .txt a:hover {

  background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

}



.about_view .way .con .map {

  width: 58%;

}



.about_view .leave {

  padding: 105px 0 125px;



  background: url(../img/leave-002.jpg) no-repeat top center;



  background-color: #f0f5f8;

}



.about_view .leave .tit1 h3 {

  color: #fff;

}



.about_view .leave .con {

  margin-top: 70px;



  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  align-items: stretch;

}



.about_view .leave .con .form {

  width: 50%;



  padding: 45px 55px;



  background-color: #fff;

}



.about_view .leave .con .form form {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;

}



.about_view .leave .con .form input {

  font-size: 16px;



  line-height: 1;



  color: #989898;



  padding: 15px 0 15px 35px;



  margin-top: 30px;



  border-bottom: 1px solid #e2e2e2;



  width: 100%;



  background: url(../img/leave-ico001.png) no-repeat left center;

}



.about_view .leave .con .form .ind-name,

.about_view .leave .con .form .ind-tel {

  width: 48%;

}



.about_view .leave .con .form .ind-tel {

  background-image: url(../img/leave-ico002.png);

}



.about_view .leave .con .form .ind-add {

  background-image: url(../img/leave-ico003.png);

}



.about_view .leave .con .form .ind-type {

  background-image: url(../img/leave-ico004.png);

}



.about_view .leave .con .form .ind-need {

  background-image: url(../img/leave-ico005.png);

}



.about_view .leave .con .form .ind-code {

  width: 65%;



  padding-right: 150px;



  background-image: url(../img/leave-ico006.png);

}



.about_view .leave .con .form .box {

  display: flex;



  flex-wrap: wrap;



  align-items: center;



  justify-content: space-between;



  position: relative;



  align-items: flex-end;



  width: 100%;

}



.about_view .leave .con .form .box .sub {

  width: 30%;



  height: 55px;



  border: 1px solid #4a4a4a;



  display: flex;



  justify-content: center;



  flex-direction: column;



  align-items: center;



  font-size: 16px;



  line-height: 1;



  color: #323232;

}



.about_view .leave .con .form .box .ico {

  position: absolute;



  left: 35%;



  width: 150px;



  height: 38px;



  object-fit: scale-down;



  height: 55px;



  bottom: 1px;

}



.about_view .leave .con .pic {

  width: 50%;



  height: 610px;



  position: relative;

}



.about_view .leave .con .pic img {

  width: 100%;



  height: 100%;



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  object-fit: cover;

}



@media screen and (max-width: 1740px) {

  body:after {

    background: orange;

  }



  .hd-nav li > a {

    margin: 0 20px;

    font-weight: 600;

    border: 0;

  }



  .hd-nav .item .wrap {

    width: 1400px;

  }

}



@media screen and (max-width: 1440px) {

  body:after {

    background: blue;

  }



  .hd-nav .item .wrap {

    width: 1200px;

  }



  .hd-nav .item .wrap .tabs a {

    width: 29%;

  }



  .footer .con .code li {

    margin-left: 20px;

  }



  .footer .wrap {

    width: auto;



    padding: 0 60px;

  }



  .footer .con .nav p a {

    margin-left: 30px;

  }



  .footer .con .friendlink a {

    margin-left: 30px;

  }



  .hd-btn .tel-btn {

    margin-right: 20px;

  }



  .hd-btn .search-btn {

    width: 90px;



    margin-left: 15px;

  }







  .wrap {

    width: 1200px;

  }



  .hd-nav a {

    margin: 0 15px;

  }



  .antique .txt {

    margin-left: -860px;

  }



  .serve_view .network .joan_store {

    width: 100%;



    padding: 0 20px;

  }



  .footer > .wrap .nav dl {

    width: 120px;

  }



  .footer > .wrap .item {

    width: 30%;

  }



  .navbar1 .box {

    width: 1200px;

  }



  .com-banner1 .box {

    margin-left: -600px;

  }



  .about_view .culture .culture-swiper {

    margin-left: 0;



    margin-right: 0;

  }

}



@media screen and (max-width: 1280px) {

  body:after {

    background: lightblue;

  }



  .navbar2 .wrap a {

    margin-right: 20px;



    padding: 30px 15px 25px;

  }



  .about_view .data_til {

    display: none;

  }



  .about_view .about-data {

    padding-bottom: 70px;

  }



  .wrap-inner {

    width: 100%;

  }



  .container {

    width: 100%;



    position: absolute;



    left: 0;



    top: 118px;



    margin-left: 0;



    z-index: 10;

  }



  .com-banner1 .tit {

    width: 100%;



    padding: 0 20px;

  }



  .hd-btn .tel-btn {

    display: none;

  }



  .wrap {

    width: 100%;



    padding: 0 20px;

  }



  .header>.wrap {



    padding: 0;

  }



  .hd-logo {

    width: auto;

  }



  .hd-logo img {

    width: 150px;

  }



  .hd-nav a {

    margin: 0px 10px;

  }



  .hd-btn a {

    margin-left: 5px;

  }



  .col-l {

    width: 100%;

  }



  .col-r {

    display: none;

  }



  .serve_view .join {

    padding-left: 0;



    padding-top: 60px;



    padding-bottom: 60px;



    margin: 0;



    background: initial;

  }



  .navbar1 .box {

    width: 100%;

  }



  .navbar1 {

    padding: 20px;

  }



  .slogan h3{

    font-size: 23px;

  }

}



@media screen and (max-width: 1024px) {

  /* 移动ipad */



  /* ..... */



  body:after {

    background: pink;

  }



  .about_view .leave .con .form .ind-code {

    width: 100%;

  }



  .about_view .leave .con .form .box .sub {

    width: 100%;



    margin-top: 20px;

  }



  .about_view .leave .con .form .box .ico {

    left: initial;



    right: 0;



    top: 25px;

  }



  .solution_view .help .wrap .tabs {

    width: 100%;



    margin-top: 40px;

  }



  .solution_view .help .help-swiper .swiper-button-prev {

    bottom: 40px;

  }



  .solution_view .help .help-swiper .swiper-button-next {

    bottom: 40px;

  }



  .solution_view .dongcha .list li {

    padding: 34px 20px 0;

  }



  .solution_view .doing .list li {

    padding: 0 15px;

  }



  .solution_view .doing .list li .ico {

    width: 60px;



    height: 70px;



    margin-top: 20px;

  }



  .product_view .matrix .list li .pic .txt {

    padding: 30px;

  }



  .product_view .matrix .list li .pic .txt div span {

    font-size: 14px;



    line-height: 22px;



    margin-bottom: 8px;

  }



  .product_view .business ul li .box img {

    width: 80px;



    height: 80px;

  }



  .product_view .business ul li .box h3 {

    font-size: 16px;



    line-height: 1.5;



    margin-bottom: 10px;



    margin-top: 15px;

  }



  .product_view .business ul li .box {

    padding: 0 15px;

  }



  .product_view .business ul li .box p {

    font-size: 14px;



    line-height: 25px;

  }



  .product_view .model .con ul li {

    height: 70px;



    padding: 20px 12px;

  }



  .product_view .model .con ul {

    margin-top: 50px;

  }



  .product_view .model .con {

    padding: 30px;

  }



  .product_view .model .con .model-swiper {

    margin: 0 30px;

  }



  .product_view .intro .con .list a {

    height: auto;



    padding-bottom: 20px;

  }



  .product_view .intro .con .list a .ico {

    width: 100px;

  }



  .product_view .intro .con .list a .box {

    width: 100%;



    padding-left: 0;



    text-align: center;

  }



  .product_view .intro .txt .box {

    padding: 30px 20px;

  }



  .product_view .intro .txt .box h3 {

    font-size: 18px;



    line-height: 30px;

  }



  .solve .tabs {

    display: none;

  }



  .solve .swiper-button-prev {

    left: 50%;



    margin-left: -60px;

  }



  .solve .swiper-button-next {

    margin-left: 10px;

  }



  .solve .box-button {

    margin-left: 0%;



    transform: translateX(-50%);

  }



  .product .product-swiper .swiper-slide .pic {

    display: none;

  }



  .product .product-swiper .swiper-slide .list {

    width: 100%;

  }



  .increase .wrap .txt {

    width: 100%;



    border-right: none;



    text-align: center;



    margin-bottom: 30px;

  }



  .increase .wrap .list {

    width: 100%;



    margin-bottom: -70px;

  }



  .cooperation .cooperation-swiper {

    width: 100%;

  }



  .cooperation .swiper-button-prev {

    left: 50%;



    margin-left: -60px;

  }



  .cooperation .swiper-button-next {

    left: 50%;



    margin-left: 10px;

  }



  .slogan .top {

    display: none;

  }



  .webox {

    display: none;

  }



  .m-ground {

    display: block;



    padding: 40px 0;

  }



  .m-ground .tit {

    text-align: center;

  }



  .m-ground .tit h3 {

    font-size: 22px;



    color: #333;



    line-height: 1.4;

  }



  .m-ground .tit h5 {

    font-size: 14px;



    color: #333;



    line-height: 1.4;

  }



  .m-ground .con {

    margin-top: 20px;

  }



  .m-ground .con .item1 {

    border: 1px solid #ddd;



    margin-bottom: 15px;

  }



  .m-ground .con .item1 .txt {

    padding-left: 100px;



    background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);



    position: relative;



    height: 100px;

  }



  .m-ground .con .item1 .txt h3 {

    font-size: 18px;



    line-height: 1.5;



    color: #ffffff;



    padding-top: 20px;

  }



  .m-ground .con .item1 .txt .ico {

    width: 50px;



    height: 50px;



    object-fit: contain;



    position: absolute;



    left: 20px;



    top: 50%;



    margin-top: -25px;

  }



  .m-ground .con .list {

    padding: 20px 0;

  }



  .m-ground .con .list a {

    display: block;



    padding: 10px 40px 10px 50px;



    position: relative;



    background: url(../img/sug-ico001.png) no-repeat right 30px top 20px;

  }



  .m-ground .con .list a h3 {

    font-size: 16px;



    line-height: 1;



    color: #424242;

  }



  .m-ground .con .list a h5 {

    font-size: 14px;



    line-height: 1.2;



    color: #858585;



    margin-top: 8px;

  }



  .m-ground .con .list a:hover h3 {

    background-image: linear-gradient(to top right, #4593fb, #07d2c7);



    background-clip: text;



    -webkit-background-clip: text;



    color: transparent;

  }



  .m-ground .con .list a .ico {

    width: 25px;



    height: 25px;



    object-fit: contain;



    position: absolute;



    left: 12px;



    top: 17px;

  }



  .online_view .main .pic {

    display: none;

  }



  .online_view .main .form-box {

    width: 100%;

    margin: 0;

    padding: 40px 20px;

  }



  .online_view .main .form-box .list .ind {

    height: 35px;



    padding: 0 10px;



    font-size: 14px;



    margin-bottom: 10px;

  }



  .online_view .main .form-box .list .code button {

    font-size: 14px;



    width: 110px;



    height: 35px;

  }



  .online_view .main .form-box .list .sub {

    height: 35px;



    font-size: 12px;

  }



  .online_view .main .form-box h3 {

    font-size: 22px;



    margin-bottom: 10px;

  }



  .online_view .main .form-box p {

    font-size: 14px;

  }



  .online_view .main .form-box .list {

    margin-top: 15px;

  }



  .header .wrap {

    height: auto;

  }



  .hd-btn {

    display: none;

  }



  .hd-nav {

    display: none;

  }



  .hd-btn a {

    display: none;

  }



  input[type="checkbox"] {

    margin: 0 5px 0 6px;

    color: #757575;

    font-size: 11px;

    vertical-align: middle;

  }



  .header-box {

    height: 61px;

  }



  .nav2 {

    display: none;

  }



  .pages .header-box {

    height: 61px;

  }



  .header-box .img1 {

    display: none;

  }



  .header-box .img2 {

    display: block;



    width: 145px;



    max-height: 50px;

  }



  .header {

    padding: 5px 0;



    border-bottom: 1px solid #d9d9d9;

  }



  .hd-btn::after {

    display: none;

  }



  .header .menu-btn {

    display: block;



    position: relative;



    z-index: 9;

  }



  .menu-btn {

    /* background-color: #215644; */



    height: 23px;



    width: 30px;



    position: relative;



    cursor: pointer;



    display: none;



    /* top: 50%;



    transform: translateY(-50%);



    */

  }



  .menu-btn span {

    display: block;



    position: absolute;



    width: 30px;



    height: 3px;



    background-color: #333;



    left: 10px;



    top: 13px;



    transition: all 0.4s;



    border-radius: 3px;

  }



  .menu-btn span:nth-child(2) {

    top: 23px;

  }



  .menu-btn span:nth-child(3) {

    top: 33px;



    width: 19px;



    left: initial;



    right: 10px;

  }



  .menu-btn {

    display: block;



    /* position:absolute;right:8px;top:6px; */



    height: 50px;



    width: 50px;



    padding: 10px;

  }



  .menu-btn.active span:nth-child(2) {

    width: 0;



    left: 22px;



    opacity: 0;

  }



  .menu-btn.active span {

    -webkit-transform: rotate(45deg);



    top: 23px;

  }



  .menu-btn.active span:nth-child(3) {

    -webkit-transform: rotate(-45deg);



    top: 23px;



    width: 30px;

  }



  .m-nav {

    /* display: none; */



    width: 75%;



    height: 100vh;



    max-width: 420px;



    padding: 50px 0 70px;



    /* height: 100vh; */



    position: fixed;



    top: 61px;



    right: -100vw;



    transition: 0.4s all;



    background-color: rgba(0, 0, 0, 0.7);



    z-index: 99;



    display: block;

  }



  .m-nav ul li:hover a {

    background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%) !important;

  }



  .m-nav ul li a {

    display: block;



    width: 100%;



    padding: 10px 5%;



    box-sizing: border-box;



    font-size: 14px;



    color: #fff;



    text-align: center;



    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  }



  .m-nav.active {

    right: 0;

  }



  .search_btn {

    display: block;



    width: 30px;



    margin-left: auto;

  }



  .m_search .title img {

    width: 35px;



    height: 35px;

  }



  .m_search .title h3 {

    font-size: 24px;



    margin-top: 10px;



    line-height: 28px;

  }



  .m_search .main .m_header_submit {

    font-size: 18px;

  }



  .m_search .search_close span {

    width: 40px;

  }



  .m_search .search_close h4 {

    font-size: 16px;

  }



  .m_search .main select {

    background-position: 100% 33%;

  }



  .m_search .main input,

  .m_search .main select {

    font-size: 16px;



    padding-bottom: 10px;

  }



  .m_search .main .m_header_submit {

    font-size: 16px;



    padding: 10px 0;

  }



  .m_search .search_close {

    margin-top: 15%;

  }



  .m_search .search_close span,

  .m_search .search_close span:before {

    height: 3px;



    width: 30px;

  }



  .m_search .search_close h4 {

    font-size: 14px;

  }



  .slide-nav {

    left: 0;



    top: auto;



    right: 0;



    bottom: 0;



    font-size: 0;



    text-align: center;



    display: block;

  }



  .slide-nav .item {

    margin: 0;



    border: none;



    opacity: 1 !important;



    border-top: 1px solid #999;



    border-radius: 0;



    border-left: 1px solid #999;



    display: inline-block;



    vertical-align: middle;



    width: 20%;



    height: 60px;

  }



  .slide-nav .item:first-child {

    border: none;



    border-top: 1px solid #999;

  }



  .slide-nav .goTop {

    display: inline-block !important;

  }



  .slide-nav .icon {

    width: 30px;



    height: 30px;



    -webkit-background-size: 30px auto;



    background-size: 30px auto;

  }



  .slide-nav .mask {

    left: 50%;



    right: auto;



    bottom: 100%;



    top: auto;



    -webkit-transform: translateX(-50%) scale(1, 0);



    -ms-transform: translateX(-50%) scale(1, 0);



    -o-transform: translateX(-50%) scale(1, 0);



    transform: translateX(-50%) scale(1, 0);

  }



  .slide-nav .tel {

    padding: 0 15px;



    border: 2px solid #000;



    height: 46px;



    line-height: 42px;

  }



  .slide-nav .qr {

    width: 120px;



    height: 120px;

  }



  .slide-nav .item:hover .icon {

    /* background-position:center -30px */

  }



  .slide-nav .item:hover .mask {

    -webkit-transform: scale(1, 1) translateX(-50%);



    -ms-transform: scale(1, 1) translateX(-50%);



    -o-transform: scale(1, 1) translateX(-50%);



    transform: scale(1, 1) translateX(-50%);

  }



  .slide-nav .item {

    width: 25%;

  }



  .slide-nav .wechat {

    display: none;

  }



  .slide-nav .appoint {

    display: none;

  }



  /* .slide-nav .nav-qq{display:none} */



  .slide-nav .icon {

    margin: 8px auto 3px;

  }



  .slide-nav .icon {

    /* background-position: center; */

  }



  .slide-nav .goTop {

    opacity: 1;



    visibility: visible;

  }



  .footer > .wrap {

    display: none;

  }



  .footer {

    margin-bottom: 60px;

  }



  .navbar {

    display: block;

  }



  .crumbs {

    display: none;

  }



  .serve_view .network .joan_store {

    padding: 0;

  }



  .page.store {

    padding-bottom: 0;

  }



  .serve_view .network .joan_store .this_view {

    padding: 4% 3%;

  }



  .serve_view .network .joan_store .this_view .top {

    display: block;



    height: auto;



    box-shadow: none;

  }



  .serve_view .network .joan_store .this_view .top .store_search {

    width: 100%;



    margin-left: 0;



    height: 60px;

  }



  .serve_view .network .joan_store .this_view .top .store_search input {

    line-height: 58px;

  }



  .serve_view .network .joan_store .this_view .top .store_location {

    width: 100%;



    height: 60px;



    margin-top: 3%;

  }



  .serve_view .network .joan_store .this_view .top .store_location select {

    border: 1px solid #dcdcdc;



    border-right: none;

  }



  .serve_view

    .network

    .joan_store

    .this_view

    .top

    .store_location

    select:last-child {

    border-right: 1px solid #dcdcdc;

  }



  .serve_view .network .joan_store .this_view .bottom {

    margin-top: 3%;

  }



  .serve_view .network .joan_store .this_view .bottom .left {

    display: none;

  }



  .serve_view .network .joan_store .this_view .bottom .right {

    width: 100%;

  }



  .serve_view .network .joan_store .this_view .bottom .right ul li {

    height: auto;



    padding: 20px 2%;



    padding-left: 75px;

  }



  .serve_view .network .joan_store .this_view .bottom .right ul li i {

    top: 20px;

  }



  .serve_view .network .joan_store .this_view .bottom .right ul li div {

    width: 90%;

  }



  .hd-search {

    display: none;

  }



  .header .wrap {

    justify-content: space-between;

  }



  .verifyImg {

    height: 28px !important;

  }



  .nav-bar-content,

  .advantages-pot,

  .nav-bar-ul{

    width: 100%;

  }

  



  

  .nav-bar-ul{

    padding: 0 20px;

  }



  .nav-bar-content{

    padding: 24px 20px 40px 20px;

  }



  .advantages-item-content{

    line-height: 20px;

  }



  .merit{

    padding:50px 24px;

    overflow-x: scroll;

  }



  .merit::-webkit-scrollbar {

    display: none;

  }



}



@media screen and (max-width: 768px) {

  /* 响应手机..... */

  body:after {

    background: red;

  }



  .wrap {

    padding: 0 15px;

  }



  .banner {

    padding-bottom: 100%;

  }



  .fade-pc,

  .banner .pc {

    display: none;

  }



  .banner .mobile {

    display: block;

  }

  .fade-mobile{

    width: 100%;

    display: block;

  }



  .banner .swiper-pagination {

    bottom: 15px;

  }



  .banner .swiper-pagination .swiper-pagination-bullet {

    width: 8px;



    height: 8px;



    margin: 0 4px;

  }



  .about {

    padding: 20px 0;

  }



  .about .wrap .txt {

    width: 100%;

  }



  .about .wrap .item {

    width: 100%;



    padding: 20px;



    display: none;

  }



  .about .wrap .txt {

    width: 100%;

  }



  .about .wrap .item {

    width: 100%;



    padding: 20px;



    display: none;

  }



  .about .wrap .txt .slogen {

    margin-top: 10px;



    padding-top: 10px;



    margin-bottom: 10px;

  }



  .about .wrap .txt .slogen div {

    margin-right: 0px;



    width: 50%;



    padding: 10px;

  }



  .about .wrap .txt .slogen div img {

    width: 40px;



    height: 40px;

  }



  .about .wrap .txt .slogen div h3 {

    font-size: 12px;



    margin-top: 8px;

  }



  .about .link {

    text-align: center;

  }



  .index-about .index-info {

    padding: 30px 30px 130px 30px;

  }



  .index-about a .index-title {

    color: #333;



    font-size: 40px;



    line-height: 1.1;

  }



  .index-about a .index-title {

    color: #333;



    font-size: 16px;



    line-height: 1.1;

  }



  .index-about .index-info .p {

    font-size: 14px;



    line-height: 30px;



    margin-top: 10px;

  }



  .index-about a .more {

    width: 100px;



    height: 35px;



    margin-top: 20px;

  }



  .index-about-icon {

    left: 15px;



    right: 15px;

  }



  .case .tabs a {

    width: 100px;



    height: 40px;



    margin: 0 5px;

  }



  .case .con .swiper-container .swiper-slide .pic {

    padding-bottom: 45%;

  }



  .case .con .swiper-container .swiper-slide .txt h3 {

    font-size: 16px;



    margin-bottom: 20px;

  }



  .case .con .swiper-container .swiper-button-prev {

    width: 30px;



    height: 30px;



    left: 15px;

  }



  .case .con .swiper-container .swiper-button-next {

    width: 30px;



    height: 30px;



    right: 15px;

  }



  .case .con {

    margin-top: 20px;



    padding-bottom: 45%;

  }



  .case .con .swiper-container .swiper-slide .txt a {

    margin-top: 42px;



    width: 100px;



    height: 35px;



    font-size: 14px;

  }



  .store .store-swiper {

    margin-top: 30px;

  }



  .store .store-swiper .swiper-slide .pic {

    padding-bottom: 45%;

  }



  .contact .form li:not(:nth-child(n + 4)) input {

    width: 74%;



    height: 40px;



    padding: 0 8px;



    font-size: 14px;

  }



  .contact .form li label {

    font-size: 14px;



    white-space: initial;

  }



  .contact .form {

    margin-top: 20px;

  }



  .contact .form li {

    margin-bottom: 20px;

  }



  .contact .form li .sub {

    width: 150px;



    height: 40px;



    font-size: 14px;

  }



  .contact .form li #radio1 {

    margin-right: 20px;

  }



  .contact .form li:last-child {

    margin-bottom: 40px;

  }



  footer .container-padd-t80 {

    padding-top: 30px;

  }



  footer .module-005 {

    padding-bottom: 20px;



    padding-bottom: 5px;



    text-align: center;



    display: block;

  }



  footer .hidden-xs {

    display: none !important;



    opacity: 0;



    visibility: hidden;

  }



  footer .module-005 .center .ewm-box ul > li img {

    width: 50px;



    height: 50px;

  }



  footer .module-005 .left {

    width: 150px;



    margin-bottom: 15px;



    margin-left: 15px;

  }



  footer .module-005 .center {

    text-align: center;

  }



  footer .module-005 .center .add-box p {

    font-size: 12px;



    margin-bottom: 6px;

  }



  footer .module-006 {

    display: block;



    padding: 15px;



    font-size: 12px;

  }



  footer .module-005 .center .ewm-box {

    margin-bottom: 10px;

  }



  .naver3 {

    display: none;

  }



  .product-series_view {

    padding-top: 40px;

  }



  .product-series_view .list li .tit h3 {

    font-size: 20px;



    margin-bottom: 15px;

  }



  .product-series_view .list li .tit p {

    font-size: 14px;



    margin-bottom: 20px;

  }



  .product-series_view .list li .more a {

    margin: 0 auto;



    margin-top: 20px;



    margin-bottom: 40px;



    width: 220px;



    height: 40px;



    font-size: 14px;

  }



  .product-info_view .back {

    padding: 20px 0;

  }



  .product-info_view .above .pic {

    width: 100%;



    height: 240px;



    margin-bottom: 15px;

  }



  .product-info_view .above .txt {

    width: 100%;



    border-left: none;



    padding: 10px;



    border: 1px solid #e6e6e6;

  }



  .product-info_view .above .txt h1 {

    font-size: 20px;



    padding-top: 15px;

  }



  .product-info_view .above .txt p {

    font-size: 12px;



    line-height: 20px;



    margin-top: 15px;



    min-height: auto;

  }



  .product-info_view .above .txt h4 {

    font-size: 14px;



    margin-top: 15px;

  }



  .product-info_view .above .txt .item a {

    padding: 6px 8px;



    font-size: 12px;



    margin-right: 10px;



    margin-bottom: 10px;

  }



  .product-info_view .tit {

    font-size: 20px;



    padding-top: 30px;



    padding-bottom: 20px;



    text-align: center;

  }



  .product-info_view .above {

    padding-bottom: 20px;

  }



  .product-info_view .effect .effect-swiper .swiper-slide {

    padding-bottom: 50%;

  }



  .product-info_view .effect .effect-swiper .swiper-button-prev {

    width: 30px;



    height: 30px;



    left: 15px;

  }



  .product-info_view .effect .effect-swiper .swiper-button-next {

    width: 30px;



    height: 30px;



    right: 15px;

  }



  .product-info_view .other .other-swiper {

    padding-bottom: 40px;

  }



  .product-info_view .other .other-swiper .swiper-pagination {

    opacity: 1;

  }



  .product-info_view .other .other-swiper .swiper-slide .txt {

    padding: 10px 15px 10px 20px;

  }



  .product-info_view .other .other-swiper .swiper-slide .txt h3 {

    font-size: 16px;

  }



  .product-info_view .other .other-swiper .swiper-slide .txt i {

    font-size: 20px;

  }



  .contact_view .tit h3 {

    font-size: 20px;



    padding-top: 25px;



    padding-bottom: 20px;

  }



  .contact_view .tit p {

    font-size: 14px;



    padding-bottom: 20px;

  }



  .contact_view .infor .con .txt {

    padding-left: 0;



    width: 100%;



    text-align: center;

  }



  .contact_view .infor .con .code {

    width: 100%;



    border-left: none;



    padding-right: 0;



    padding: 0 20px;

  }



  .contact_view .infor .con .txt h5 {

    font-size: 14px;



    padding-top: 20px;

  }



  .contact_view .infor .con .txt p {

    font-size: 12px;



    line-height: 25px;



    margin-bottom: 20px;



    margin-top: 10px;

  }



  .contact_view .infor .con .code > div img {

    width: 80px;



    height: 80px;

  }



  .contact_view .bg001 {

    height: 240px;



    background: url(../img/contact-bg001.jpg) no-repeat center;



    background-size: cover;

  }



  .contact_view .infor .con {

    padding-bottom: 40px;

  }



  .contact_view .store {

    padding: 0;

  }



  .contact_view .store form input {

    height: 40px;



    font-size: 14px;

  }



  .contact_view .store form .sub {

    width: 20px;



    height: 20px;



    background-size: contain;



    right: 10px;



    margin-top: -10px;

  }



  .contact_view .store .con li {

    width: 100%;



    margin-bottom: 20px;

  }



  .contact_view .store .con {

    padding-top: 20px;



    padding-bottom: 30px;



    margin-bottom: -20px;

  }



  .contact_view .store .con li h3 {

    font-size: 16px;



    margin-bottom: 7px;

  }



  .contact_view .store .con li p {

    font-size: 12px;



    line-height: 20px;

  }



  .contact_view .join {

    height: 320px;

  }



  .contact_view .join .txt h3 {

    font-size: 24px;



    margin-bottom: 15px;

  }



  .contact_view .join .txt p {

    font-size: 14px;



    line-height: 1.4;



    padding: 0 20px;

  }



  .contact_view .join .txt a {

    width: 150px;



    height: 40px;



    font-size: 14px;



    margin-top: 60px;

  }



  .join_view .tit h3 {

    font-size: 22px;



    padding-top: 20px;

  }



  .join_view .tit p {

    font-size: 14px;



    line-height: 22px;



    margin-top: 10px;

  }



  .join_view .adv .list {

    margin-top: 20px;



    margin-bottom: 15px;

  }



  .join_view .adv .list li {

    width: 48%;



    height: auto;



    padding: 0 10px;



    margin-bottom: 15px;

  }



  .join_view .adv .list li img {

    width: 30px;



    height: 30px;



    object-fit: contain;



    margin-top: 20px;

  }



  .join_view .adv .list li h4 {

    font-size: 14px;



    margin-top: 10px;

  }



  .join_view .adv .list li p {

    font-size: 12px;



    line-height: 20px;



    margin-top: 15px;



    padding-bottom: 20px;

  }



  .join_view .join-bg001 {

    height: 190px;



    background-attachment: initial;



    background-size: cover;

  }



  .join_view .support .list {

    margin-top: 20px;



    margin-bottom: 10px;



    padding-bottom: 0;

  }



  .join_view .support .list li {

    width: 100%;



    padding-left: 60px;



    padding-right: 20px;



    margin-bottom: 10px;

  }



  .join_view .support .list li img {

    left: 15px;



    top: 20px;

  }



  .join_view .support .list li h4 {

    font-size: 14px;



    padding-top: 20px;

  }



  .join_view .support .list li p {

    margin-top: 5px;



    margin-bottom: 15px;

  }



  .join_view .make .make-swiper .swiper-slide {

    height: 220px;

  }



  .join_view .make .make-swiper {

    margin-top: 10px;



    padding-bottom: 30px;

  }



  .join_view .make {

    padding-bottom: 10px;

  }



  .join_view .shop .swiper-img {

    margin-top: 20px;



    margin-bottom: 30px;

  }



  .join_view .shop .swiper-img .pic {

    padding-bottom: 50%;

  }



  .join_view .shop .swiper-img .swiper-button-prev {

    width: 35px;



    height: 35px;



    left: 8%;

  }



  .join_view .shop .swiper-img .swiper-button-next {

    width: 35px;



    height: 35px;



    right: 8%;

  }



  .join_view .process h3 {

    font-size: 20px;



    padding-top: 50px;

  }



  .join_view .process ul {

    padding: 30px 0 20px;

  }



  .join_view .process ul li {

    width: 30%;



    text-align: center;



    margin-bottom: 30px;

  }



  .join_view .process ul li img {

    width: 60px;



    height: 60px;



    object-fit: contain;

  }



  .join_view .process ul li h5 {

    font-size: 14px;



    margin-top: 10px;

  }



  .join_view .process ul li::after {

    width: 15px;



    height: 15px;



    top: 25px;



    right: -17px;

  }



  .join_view .process ul li:nth-child(3):after {

    display: none;

  }



  .hall .wrap .txt {

    width: 100%;



    text-align: center;

  }



  .hall .wrap .pic {

    width: 100%;



    height: 220px;



    order: 1;

  }



  .hall .wrap .txt h3 {

    font-size: 20px;



    line-height: 30px;



    padding: 0 5px;



    letter-spacing: 0;

  }



  .hall .wrap .txt h3::after {

    height: 8px;



    bottom: 1px;

  }



  .hall .wrap .txt h5 {

    font-size: 20px;



    margin-top: 10px;



    padding: 0 10px;

  }



  .hall .wrap .txt h6 {

    font-size: 14px;



    margin-top: 20px;



    padding: 0;

  }



  .hall .wrap .txt p {

    margin-left: 0;



    font-size: 14px;



    line-height: 28px;



    color: #898989;



    margin-top: 10px;

  }



  .hall .wrap .txt span {

    font-size: 12px;



    margin-top: 10px;



    margin-left: 0;

  }



  .hall .wrap .pic {

    margin-top: 20px;

  }



  .hall {

    padding-bottom: 20px;

  }



  .news .wrap .tit {

    width: 100%;

  }



  .news {

    padding: 20px 0;

  }



  .news .wrap .tabs {

    margin-top: 15px;



    width: 100%;



    text-align: center;

  }



  .news .tabs a:last-child {

    margin-right: 0;

  }



  .news .news-swiper .swiper-slide a {

    padding: 10px;

  }



  .news .news-swiper .swiper-slide {

    background-color: #bd1f2c;

  }



  .news .news-swiper .swiper-slide .time {

    opacity: 1;

  }



  .news .news-swiper .swiper-slide .time {

    font-size: 14px;

  }



  .news .news-swiper .swiper-slide .pic {

    padding-bottom: 60%;



    margin-top: 12px;

  }



  .news .news-swiper .swiper-slide .txt h3 {

    font-size: 12px;



    line-height: 25px;



    color: #fff;



    height: 50px;

  }



  .news .news-swiper .swiper-slide .txt p {

    font-size: 12px;



    line-height: 22px;



    margin-top: 10px;



    height: 44px;



    color: #fff;

  }



  .news .news-swiper .swiper-slide .txt h5 {

    color: #fff;

  }



  .news .news-swiper .swiper-slide .txt .info {

    font-size: 12px;



    line-height: 20px;



    color: #fff;



    margin-top: 10px;



    margin-bottom: 20px;

  }



  .news .news-swiper .swiper-pagination {

    opacity: 1;

  }



  .news .news-swiper .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 1;



    background: #fff;

  }



  .news .news-swiper {

    margin-top: 20px;

  }



  .footer {

    padding-top: 0;

  }



  .footer .copy {

    padding: 0;

  }



  .footer .copy .wrap {

    padding: 15px;

  }



  .online_view .main .form-box .list .ind {

    height: 30px;



    padding: 0 10px;



    font-size: 12px;



    margin-bottom: 6px;

  }



  .online_view .main .form-box .list .code button {

    font-size: 12px;



    width: 80px;



    height: 30px;

  }



  .online_view .main .form-box .list .code .ind {

    padding-right: 90px;

  }



  .solve {

    padding-top: 40px;



    padding-bottom: 40px;

  }



  .com-tit1 h3 {

    font-size: 22px;

  }



  .com-tit1 h5 {

    font-size: 13px;



    margin-top: 9px;

  }







  .solve .solve-swiper {

    padding-bottom: 40px;



    margin-top: 30px;



    margin-left: 15px;



    margin-right: 15px;

  }



  .solve .solve-swiper .swiper-slide .pic .txt {

    width: 100%;



    top: 0;



    left: 0;



    padding: 50px 20px;



    height: 100%;

  }



  .solve .solve-swiper .swiper-slide {

    height: 400px;

  }



  .solve .solve-swiper .swiper-slide .pic .txt h2 {

    font-size: 18px;

  }



  .solve .solve-swiper .swiper-slide .pic .txt p {

    margin-top: 20px;



    margin-bottom: 25px;

  }



  .solve .box-button {

    font-size: 14px;

  }



  .solve .swiper-button-prev {

    width: 40px;



    height: 40px;



    margin-left: -50px;

  }



  .solve .swiper-button-next {

    width: 40px;



    height: 40px;

  }



  .product {

    padding: 40px 0;

  }



  .product .tabs {

    margin-top: 30px;

  }



  .product .tabs a {

    height: 45px;



    font-size: 14px;



    line-height: 1.4;

  }



  .product .tabs a::after {

    height: 4px;

  }



  .product .product-swiper .swiper-slide {

    padding: 15px;

  }



  .product .product-swiper .swiper-slide .list li a {

    display: block;



    padding: 10px 0 10px 40px;

  }



  .product .product-swiper .swiper-slide .list li a .txt h3 {

    font-size: 16px;



    margin-bottom: 10px;

  }



  .product .product-swiper .swiper-slide .list li a .txt h5 {

    font-size: 14px;



    margin-bottom: 6px;

  }



  .product .product-swiper .swiper-slide .list li a .txt span {

    font-size: 12px;



    line-height: 1;



    color: #3c424e;

  }



  .product .product-swiper .swiper-slide .list li a .ico {

    width: 30px;



    height: 30px;



    object-fit: contain;



    top: 15px;

  }



  .product .product-swiper .swiper-slide .list li {

    margin-bottom: 15px;

  }



  .product .product-swiper .swiper-slide .list {

    margin-bottom: -15px;

  }



  .increase .wrap {

    padding-top: 40px;



    padding-bottom: 50px;

  }



  .increase .wrap .txt h3 {

    font-size: 22px;



    line-height: 30px;

  }



  .increase .wrap .txt p {

    font-size: 14px;



    line-height: 20px;



    margin-top: 10px;

  }



  .increase .wrap .txt a {

    margin-top: 25px;

  }



  .increase .wrap .list li {

    width: 50%;



    padding-left: 30px;



    margin-bottom: 30px;

  }



  .increase .wrap .list li h3 {

    font-size: 26px;



    margin-bottom: 10px;

  }



  .increase .wrap .list li h5 {

    font-size: 14px;

  }



  .increase .wrap .list {

    margin-bottom: -30px;

  }



  .increase .wrap .list li .ico {

    left: 24px;



    top: 15px;



    width: 30px;



    height: 30px;



    object-fit: contain;

  }



  .cooperation {

    padding: 40px 0 80px;

  }



  .cooperation .tit h3 {

    font-size: 22px;



    margin-bottom: 10px;

  }



  .cooperation .tit h5 {

    font-size: 14px;



    line-height: 1.5;

  }



  .cooperation .cooperation-swiper {

    margin-top: 20px;

  }



  .cooperation .cooperation-swiper .swiper-slide {

    height: 70px;



    padding: 10px;

  }



  .cooperation .swiper-button-prev {

    width: 40px;



    height: 40px;



    bottom: 20px;



    margin-left: -50px;

  }



  .cooperation .swiper-button-next {

    width: 40px;



    height: 40px;



    bottom: 20px;

  }



  .slogan {

    height: 120px;

  }



  .slogan h3 {

    font-size: 14px;



    text-align: center;

  }



  .slogan h3 a {

    margin-top: 10px;



    font-size: 14px;



    padding: 15px 25px;

  }



  .crumbs_pro {

    display: none;

  }



  .case_view .tit1 {

    display: none;

  }



  .navbar1 {

    display: block;

  }



  .case_view .list {

    margin-bottom: -15px;



    margin-top: 10px;

  }



  .case_view .list li {

    width: 100%;



    margin-right: 0%;



    margin-bottom: 15px;

  }



  .case_view .list li a .pic::after {

    background-size: 120px auto;

  }



  .case_view .list li a .txt {

    padding: 15px 0;

  }



  .case_view .list li a .txt h3 {

    font-size: 14px;



    line-height: 25px;



    margin-bottom: 10px;



    height: 25px;



    -webkit-line-clamp: 1;

  }



  .case_view .list li a .txt p {

    font-size: 12px;



    line-height: 22px;



    height: 44px;



    margin-bottom: 15px;

  }



  .case_view .list li a .txt .time {

    background: url(../img/product-ico005.png) no-repeat right 8px center;



    background-size: 10px auto;

  }



  .com-banner1 .tit h3 {

    font-size: 22px;



    margin-bottom: 10px;

  }



  .m-pages {

    padding-top: 30px;



    padding-bottom: 30px;

  }



  .page-t1 {

    padding-right: 0;

  }



  .m-pages li {

    display: none;

  }



  .m-pages li.fengye {

    display: block;

  }



  .m-pages li {

    font-size: 14px;



    line-height: 33px;

  }



  .m-pages li a {

    width: 40px;



    height: 40px;



    line-height: 39px;



    font-size: 14px;

  }



  .m-pages select {

    width: 55px;



    height: 40px;



    line-height: 39px;



    font-size: 14px;

  }



  .m-pages select {

    font-size: 14px;

  }



  .case-info_view .con {

    padding: 15px;

  }



  .case-info_view .con .tit h1 {

    font-size: 22px;



    margin-bottom: 8px;

  }



  .case-info_view .con .tit h3 {

    margin-bottom: 15px;

  }



  .case-info_view .con .edit {

    padding-top: 20px;

  }



  .case-info_view .con .link a {

    font-size: 14px;



    line-height: 1.5;

  }



  .case-info_view .con .link a {

    width: 33%;



    padding: 20px 0 18px;



    border-bottom-width: 4px;

  }



  .case-info_view .con {

    padding: 20px 15px;



    margin-bottom: 20px;

  }



  .case-info_view .more {

    height: 160px;



    margin-bottom: 20px;

  }



  .case-info_view .more h3 {

    font-size: 30px;



    margin-bottom: 10px;

  }



  .case-info_view .more h5 {

    font-size: 18px;



    margin-bottom: 20px;

  }



  .case-info_view .more a {

    font-size: 14px;



    padding: 12px 25px;

  }



  .navbar2 {

    display: none;

  }



  .study_view {

    padding-top: 20px;

  }



  .study_view .list {

    margin-bottom: -15px;

  }



  .study_view .list li {

    width: 100%;



    margin-right: 0;



    margin-bottom: 15px;

  }



  .study_view .list li a .txt {

    padding: 15px;

  }



  .study_view .list li a .txt h3 {

    font-size: 16px;



    line-height: 25px;



    height: 50px;



    margin-bottom: 10px;

  }



  .study_view .list li a .txt p {

    font-size: 14px;



    line-height: 20px;



    height: 40px;



    margin-bottom: 10px;

  }



  .study_view .list li a .txt hr {

    margin-bottom: 15px;

  }



  .study_view .list li a .txt .time {

    font-size: 14px;



    padding-right: 25px;



    background-position: right 4px center;

  }



  .study-info_view .con {

    padding: 15px;

  }



  .study-info_view .con .tit h1 {

    font-size: 22px;



    margin-bottom: 8px;

  }



  .study-info_view .con .tit h3 {

    margin-bottom: 15px;

  }



  .study-info_view .con .edit {

    padding-top: 20px;

  }



  .study-info_view .link {

    padding: 15px;



    margin-bottom: 15px;

  }



  .study-info_view .link a {

    max-width: 65%;



    font-size: 14px;



    line-height: 1.5;

  }



  .study-info_view .link .prev {

    padding-left: 15px;

  }



  .study-info_view .link .next {

    padding-right: 15px;

  }



  .study-info_view .link .back {

    padding-left: 20px;

  }



  .study-info_view .more {

    height: 180px;



    margin-bottom: 20px;

  }



  .study-info_view .more h3 {

    font-size: 30px;



    margin-bottom: 10px;

  }



  .study-info_view .more h5 {

    font-size: 18px;



    margin-bottom: 20px;

  }



  .study-info_view .more a {

    font-size: 14px;



    padding: 12px 25px;

  }



  .product_view .intro {

    padding-top: 40px;



    padding-bottom: 40px;

  }



  .product_view .tit1 {

    font-size: 22px;

  }



  .product_view .tit1 i {

    width: 8px;



    height: 18px;



    margin: 0 10px;

  }



  .product_view .intro .txt {

    margin-top: 30px;

  }



  .product_view .intro .txt .box {

    width: 100%;

  }



  .product_view .intro .txt .box h3 {

    font-size: 16px;



    line-height: 25px;

  }



  .product_view .intro .txt .box i {

    width: 30px;



    height: 2px;



    margin-top: 10px;



    margin-bottom: 15px;

  }



  .product_view .intro .txt .box p {

    font-size: 14px;



    line-height: 25px;

  }



  .product_view .intro .txt .box a {

    font-size: 14px;



    padding: 10px 15px;



    border-radius: 4px;



    margin-top: 20px;

  }



  .product_view .intro .con {

    padding: 15px;

  }



  .product_view .intro .con .list a .ico {

    width: 70px;



    height: 70px;



    object-fit: scale-down;

  }



  .product_view .intro .con .list a .box h4 {

    font-size: 16px;



    margin-top: 15px;

  }



  .product_view .intro .con .list a {

    padding-left: 5px;



    padding-right: 5px;

  }



  .product_view .intro .con .list a .box p {

    display: inline-block;



    font-size: 14px;



    padding: 10px 15px;



    margin-top: 15px;

  }



  .product_view .intro .con .main {

    padding-top: 20px;

  }



  .product_view .intro .con .main h4 {

    font-size: 16px;



    margin-bottom: 20px;

  }



  .product_view .matrix {

    padding-top: 40px;



    padding-bottom: 40px;

  }



  .product_view .matrix .list {

    margin-top: 30px;

  }



  .product_view .matrix .list li .pic .txt {

    width: 100%;



    padding: 30px 20px;



    height: 400px;

  }



  .product_view .matrix .list li .pic .txt h3 {

    font-size: 16px;

  }



  .product_view .matrix .list li .pic .txt i {

    width: 30px;



    height: 2px;



    margin-top: 10px;



    margin-bottom: 15px;

  }



  .product_view .matrix .list li .pic .txt p {

    font-size: 14px;



    line-height: 25px;



    color: #5a5a5a;

  }



  .product_view .matrix .list li .pic .txt div {

    margin-top: 20px;

  }



  .product_view .matrix .list li .pic .txt div span {

    font-size: 12px;



    line-height: 20px;



    margin-bottom: 8px;



    padding-left: 20px;

  }



  .product_view .matrix .list li .pic .txt div span::after {

    width: 10px;



    height: 2px;



    top: 9px;

  }



  .product_view .matrix .list li {

    margin-bottom: 20px;

  }



  .product_view .matrix .more {

    font-size: 14px;



    height: 50px;

  }



  .product_view .matrix .more img {

    width: 20px;

  }



  .product_view .business {

    padding-top: 40px;



    padding-bottom: 40px;

  }



  .product_view .business ul {

    margin-bottom: -15px;

  }



  .product_view .business ul li {

    width: 100%;



    margin-bottom: 15px;

  }



  .product_view .business ul li .box img {

    width: 70px;



    height: 70px;

  }



  .product_view .business ul li .box {

    height: 300px;



    border-width: 4px;



    padding: 0 15px;

  }



  .product_view .business ul {

    margin-top: 30px;

  }



  .product_view .model .con ul {

    display: none;

  }



  .product_view .model .con .model-swiper .swiper-pagination {

    display: block;

  }



  .product_view

    .model

    .con

    .model-swiper

    .swiper-pagination

    .swiper-pagination-bullet-active {

    opacity: 1;



    background-image: linear-gradient(to top right, #4593fb 35%, #07d2c7 65%);

  }



  .product_view .model .con {

    margin-top: 30px;



    padding: 20px 20px;

  }



  .product_view .model {

    padding: 40px 0;

  }



  .product_view .model .con .model-swiper .swiper-slide h4 {

    margin-bottom: 50px;

  }



  .product_view .model .con .model-swiper .swiper-slide p {

    font-size: 14px;



    line-height: 25px;



    margin-top: 25px;



    margin-bottom: 25px;

  }



  .product_view .model .con .model-swiper {

    margin: 0;

  }



  .solution_view .tit1 {

    text-align: center;

  }



  .solution_view .tit1 h3 {

    font-size: 14px;



    margin-bottom: 8px;

  }



  .solution_view .tit1 h5 {

    font-size: 20px;



    margin-bottom: 6px;

  }



  .solution_view .help .tit1 {

    width: 100%;

  }



  .solution_view .help .wrap .tabs {

    margin-top: 20px;



    display: none;

  }



  .solution_view .help .wrap .tabs a {

    font-size: 12px;



    padding: 11px 17px;

  }



  .solution_view .help .help-swiper .pic {

    width: 100%;



    height: 0;



    padding-bottom: 84%;



    position: relative;

  }



  .solution_view .help .help-swiper {

    margin-top: 25px;

  }



  .solution_view .help {

    padding: 40px 0;

  }



  .solution_view .tit1 i {

    width: 30px;



    height: 3px;

  }



  .solution_view .help .help-swiper .txt {

    width: 100%;



    padding: 0 15px;



    height: 240px;



    padding-bottom: 60px;



    background-size: auto 240px;

  }



  .solution_view .help .help-swiper .txt h3 {

    font-size: 18px;



    margin-top: 20px;

  }



  .solution_view .help .help-swiper .txt i {

    width: 30px;



    height: 3px;



    margin-top: 10px;



    margin-bottom: 15px;

  }



  .solution_view .help .help-swiper .txt h5 {

    font-size: 14px;



    line-height: 25px;

  }



  .solution_view .help .help-swiper .swiper-button-prev {

    width: 40px;



    height: 40px;

  }



  .solution_view .help .help-swiper .swiper-button-next {

    width: 40px;



    height: 40px;

  }



  .solution_view .help .help-swiper .swiper-button-prev {

    bottom: 15px;

  }



  .solution_view .help .help-swiper .swiper-button-next {

    bottom: 15px;



    margin-left: 100px;

  }



  .solution_view .panorama {

    padding: 40px 0;

  }



  .solution_view .panorama .con {

    margin-top: 25px;



    padding: 15px 15px;

  }



  .solution_view .core {

    padding: 40px 0;

  }



  .solution_view .core .con .tabs {

    width: 100%;



    margin-bottom: -12px;



    display: flex;



    flex-wrap: wrap;



    align-items: center;



    justify-content: space-between;

  }



  .solution_view .core .con .tabs a {

    width: 49%;



    padding: 0 15px;

  }



  .solution_view .core .con {

    margin-top: 25px;

  }



  .solution_view .core .con .tabs a h3 {

    font-size: 16px;



    margin-bottom: 10px;



    padding-top: 15px;

  }



  .solution_view .core .con .core-swiper {

    width: 100%;



    margin-top: 15px;

  }



  .solution_view .core .con .core-swiper .swiper-slide {

    padding: 15px;

  }



  .solution_view .core .con .core-swiper .swiper-slide .pic {

    height: 0;



    padding-bottom: 76%;

  }



  .solution_view .dongcha {

    padding: 40px 0;

  }



  .solution_view .dongcha .list {

    margin-top: 25px;

  }



  .solution_view .dongcha .list li {

    width: 100%;



    height: 100px;



    padding: 20px 20px 0;

  }



  .solution_view .dongcha .list li h4 {

    font-size: 16px;



    line-height: 25px;



    padding-left: 25px;



    text-indent: -25px;

  }



  .solution_view .dongcha .list li h4 span {

    margin-right: 6px;

  }



  .solution_view .doing {

    padding: 40px 0;

  }



  .solution_view .doing .list {

    margin-bottom: -15px;

  }



  .solution_view .doing .list li {

    width: 100%;



    height: 220px;



    padding: 0 20px;



    margin-bottom: 15px;

  }



  .solution_view .doing .list li h3 {

    font-size: 18px;



    margin-top: 8px;

  }



  .solution_view .doing .list li p {

    margin-top: 10px;

  }



  .solution_view .liucheng {

    padding: 40px 0;

  }



  .solution_view .liucheng .list {

    margin-top: 25px;

  }



  .solution_view .liucheng .list li {

    width: 49%;



    margin-right: 2%;



    margin-bottom: 10px;

  }



  .solution_view .liucheng .list li:nth-child(2n) {

    margin-right: 0;

  }



  .solution_view .liucheng .list li::after {

    display: none;

  }



  .solution_view .liucheng .list li h3 {

    padding: 15px;

  }



  .solution_view .liucheng .list li h3 span {

    font-size: 16px;

  }



  .solution_view .liucheng .list li > div {

    padding: 15px;

  }



  .solution_view .liucheng .list li > div h5 {

    line-height: 1.5;

  }



  .about_view .who {

    padding: 40px 0;

  }



  .about_view .tit1 h3 {

    font-size: 20px;

  }



  .about_view .tit1 i {

    width: 30px;



    height: 3px;



    margin-top: 15px;

  }



  .about_view .who .con {

    font-size: 14px;



    line-height: 25px;



    margin-top: 25px;

  }



  .about_view .culture {

    padding-top: 40px;

  }



  .about_view .culture .list {

    margin-top: 25px;



    margin-bottom: -15px;

  }



  .about_view .culture .list li {

    width: 50%;



    padding-left: 0;



    text-align: center;



    height: 100px;



    margin-bottom: 15px;



    padding: 0 15px;



    display: flex;



    justify-content: center;



    flex-direction: column;



    align-items: center;

  }



  .about_view .culture .list li:nth-child(2n) {

    border-right: none;

  }



  .about_view .culture .list li img {

    margin-top: 0;



    width: 40px;



    height: 30px;



    margin-bottom: 10px;

  }



  .about_view .culture .list li h3 {

    font-size: 14px;



    line-height: 1.2;



    color: #737373;



    margin-bottom: 0;

  }



  .about_view .culture .culture-swiper {

    margin-top: 25px;



    padding-bottom: 100px;



    overflow: hidden;

  }



  .about_view .culture .culture-swiper .swiper-scrollbar {

    bottom: 60px;



    height: 3px;

  }



  .about_view

    .culture

    .culture-swiper

    .swiper-scrollbar

    .swiper-scrollbar-drag {

    height: 6px;



    border-radius: 6px;



    top: -2px;

  }



  .about_view

    .culture

    .culture-swiper

    .swiper-scrollbar

    .swiper-scrollbar-drag::after {

    width: 55px;



    height: 58px;



    top: -12px;

  }



  .about_view .culture .culture-swiper .swiper-slide .pic {

    height: 0;



    position: relative;



    padding-bottom: 62%;

  }



  .about_view .culture .culture-swiper .swiper-slide .pic .txt {

    position: absolute;



    padding: 0 15px 15px;



    bottom: 0;



    left: 0;



    right: 0;



    z-index: 1;

  }



  .about_view .culture .culture-swiper .swiper-slide .pic .txt h3 {

    font-size: 18px;

  }



  .about_view .culture .culture-swiper .swiper-slide .pic .txt p {

    font-size: 14px;



    line-height: 25px;

  }



  .about_view .culture .culture-swiper .swiper-slide .pic:hover .txt p {

    height: 100px;

  }



  .about_view .about-data {

    padding-bottom: 50px;

  }



  .about_view .about-data {

    padding-top: 50px;

  }



  .about_view .about-data .apple-retail {

    margin-top: 25px;

  }



  .about_view .data_swiper b {

    font-size: 72px;



    line-height: 120px;



    height: 120px;

  }



  .about_view .about-data .inner {

    height: 260px;



    cursor: pointer;

  }



  .about_view .about-data .swiper-pagination {

    width: 100% !important;



    top: initial !important;



    bottom: 0;

  }



  .about_view .honor {

    padding-top: 40px;

  }



  .about_view .honor .honor-swiper {

    margin-top: 25px;



    padding-bottom: 60px;

  }



  .about_view .honor .honor-swiper .swiper-pagination {

    bottom: 20px;

  }



  .about_view

    .honor

    .honor-swiper

    .swiper-pagination

    .swiper-pagination-bullet {

    width: 30px;



    height: 3px;

  }



  .about_view .friend {

    padding: 40px 0;

  }



  .about_view .friend .list {

    margin-top: 25px;

  }



  .about_view .friend .list li {

    width: 33.33%;



    height: 80px;



    padding: 10px;

  }



  .about_view .friend .list li.txt {

    width: 100%;



    padding: 10px;



    font-size: 14px;

  }



  .about_view .friend .list li.txt i {

    width: 30px;



    height: 20px;

  }



  .about_view .friend .list li.txt h5 {

    margin: 0 6px;

  }



  .about_view .history {

    padding: 40px 0;

  }



  .about_view .history .list {

    margin-top: 25px;



    margin-bottom: 0;

  }



  .about_view .history .list li .item .pic {

    width: 100%;



    padding-bottom: 76%;



    height: 0;

  }



  .about_view .history .list li .item .txt {

    width: 100%;



    padding: 15px;



    height: auto;

  }



  .about_view .history .list li {

    justify-content: space-between;



    margin-bottom: 20px;

  }



  .about_view .history .list li .item {

    width: 83%;



    height: auto;

  }



  .about_view .history .list li .time h3 {

    font-size: 20px;



    height: 35px;

  }



  .about_view .history .list li .item .txt h3 {

    font-size: 18px;

  }



  .about_view .history .list li .item .txt p {

    margin-top: 15px;



    font-size: 14px;



    line-height: 25px;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 5;



    -webkit-box-orient: vertical;



    height: 125px;

  }



  .about_view .history .more {

    width: 83%;



    height: 40px;



    font-size: 14px;

  }



  .about_view .way {

    padding: 40px 0;

  }



  .about_view .way .con {

    margin-top: 25px;

  }



  .about_view .way .con .txt {

    width: 100%;



    padding: 20px;

  }



  .about_view .way .con .txt h3 {

    font-size: 18px;

  }



  .about_view .way .con .txt i {

    margin-top: 15px;

  }



  .about_view .way .con .txt p span {

    font-size: 14px;



    line-height: 1.5;



    padding: 10px 0;

  }



  .about_view .way .con .txt a {

    border: 1px solid #fff;



    height: 40px;



    font-size: 14px;



    margin-top: 10px;

  }



  .about_view .way .con .map {

    width: 100%;



    height: 220px;

  }



  .about_view .leave {

    padding: 40px 0;

  }



  .about_view .leave .con {

    margin-top: 25px;

  }



  .about_view .leave .con .form input {

    font-size: 14px;



    padding: 10px 10px 10px 25px;



    margin-top: 10px;

  }



  .about_view .leave .con .form {

    width: 100%;



    padding: 15px;



    order: 1;

  }



  .about_view .leave .con .pic {

    width: 100%;



    height: 200px;

  }



  .about_view .leave .con .form .box .ico {

    height: 40px;



    bottom: 1px;



    top: 7px;

  }



  .about_view .leave .con .form .box .sub {

    height: 40px;



    font-size: 14px;

  }



  .navbar1 {

    padding: 15px;

  }



  .navbar1 .tit span {

    display: none;

  }



  .navbar1 .tit .js-more {

    float: initial;



    display: block;



    text-align: center;

  }



  .navbar1 .nav ul {

    display: block;



    /* border-bottom: 1px solid #e2e2e2; */



    /* padding: 5px 20px; */



    background: #fff;

  }



  .navbar1 ul li {

    border-bottom: 1px solid #e2e2e2;

  }



  .navbar1 ul li:last-child {

    border-bottom: none;

  }



  .navbar1 ul li:last-child h4 {

    /* border-bottom:none */

  }



  .navbar1 ul li a {

    display: none;

  }



  .navbar1 .tit {

    padding: 0 20px;



    line-height: 44px;



    font-size: 14px;

  }



  .navbar1 .tit .js-more {

    padding-right: 0;



    font-size: 16px;

  }



  .navbar1 ul li h4 {

    position: initial;



    text-align: center;



    width: 100%;



    padding-right: 0;



    line-height: 45px;



    font-weight: normal;



    border-bottom: 1px solid #e2e2e2;



    position: relative;



    /* margin: 0 20px; */

  }



  .navbar1 ul li {

    position: relative;



    padding-left: 0;

  }



  .navbar1 ul li a {

    display: block;



    font-size: 14px;



    line-height: 35px;



    display: block;



    margin: 0;



    text-align: center;

  }



  .navbar1 .nav {

    background: initial;

  }



  .navbar1 .nav {

    border-bottom: 1px solid #e2e2e2;



    padding: 0;

  }



  .navbar1 ul li h4::before {

    content: "";



    display: block;



    width: 11px;



    height: 7px;



    background: url(../img/qwy-i3.png) center no-repeat;



    position: absolute;



    top: 50%;



    right: 20px;



    margin-top: -3px;



    transition: all 0.3s;

  }



  .navbar1 ul li {

    height: auto;



    overflow: hidden;



    max-height: 46px;

  }



  .navbar1 ul li.active {

    max-height: initial;

  }



  .navbar1 .nav {

    border-bottom: none;

  }



  .navbar1 ul li.active h4::before {

    transform: rotate(180deg);

  }



  .contact .form form {

    flex-wrap: wrap;

  }



  .com-more1 {

    font-size: 12px;



    padding: 10px 30px 10px;



    border-radius: 30px;

  }



  .antique {

    height: 500px;



    background-size: cover;

  }



  .antique .txt {

    width: 100%;



    height: 185px;



    left: 0%;



    margin-left: 0;



    bottom: 0;



    padding: 0 20px;

  }



  .antique .txt h3 {

    font-size: 40px;



    margin-top: 10px;

  }



  .antique .txt hr {

    width: 35px;



    height: 1px;



    margin-top: 10px;



    margin-bottom: 15px;

  }



  .antique .txt h5 {

    font-size: 20px;



    margin-bottom: 8px;

  }



  .antique .txt p {

    font-size: 12px;



    line-height: 1;



    color: #fff;



    margin-bottom: 20px;

  }



  .marble .txt h3 {

    font-size: 40px;



    padding: 0 5px;

  }



  .marble .txt hr {

    width: 35px;



    height: 2px;



    margin-top: 10px;



    margin-bottom: 10px;

  }



  .marble .txt h3::after {

    height: 8px;



    bottom: 6px;

  }



  .marble .txt h5 {

    font-size: 18px;



    margin-bottom: 8px;

  }



  .marble .txt p {

    font-size: 12px;

  }



  .com-more2 {

    font-size: 12px;



    padding-bottom: 5px;



    border-bottom: 1px solid #fff;

  }



  .marble .txt .com-more2 {

    position: initial;



    right: 0;



    bottom: 0;



    margin-top: 30px;

  }



  .marble {

    padding: 20px 0;

  }



  .marble .right .txt {

    margin-bottom: 17px;

  }



  .marble .right {

    width: 46%;

  }



  .marble .left {

    width: 46%;

  }



  .marble .left .pic {

    margin-bottom: 16px;

  }



  .online .main form figure {

    display: none;

  }



  .online .main form ul {

    width: 100%;

  }



  .online .main {

    padding: 15px;

  }



  .online .main .tit h3 {

    font-size: 20px;

  }



  .product-list_view .list {

    display: flex;



    flex-wrap: wrap;



    align-items: center;



    justify-content: flex-start;



    margin-left: -2%;



    margin-bottom: -10px;

  }



  .product-list_view .list li {

    width: 48%;



    margin-left: 2%;



    margin-bottom: 10px;

  }



  .product-list_view {

    padding-top: 0;

  }



  .product-list_view .list li .txt h3 {

    font-size: 12px;



    margin-top: 10px;



    margin-bottom: 4px;

  }



  .product-list_view .list li .txt h5 {

    font-size: 12px;



    margin-bottom: 8px;

  }



  .m-contxt1 .tit {

    margin-bottom: 0;

  }



  .m-contxt1 .share-ico {

    display: none;

  }



  .m-contxt1 {

    padding: 20px 10px;

  }



  .m-contxt1 .tit {

    font-size: 18px;

  }



  .m-contxt1 .box-info .info span {

    font-size: 14px;

  }



  .m-contxt1 .share-box {

    display: none;

  }



  .m-contxt1 .box-info {

    padding-bottom: 8px;



    margin-bottom: 8px;

  }



  .m-contxt1 .item {

    margin-bottom: 10px;



    padding-bottom: 15px;

  }



  .m-contxt1 .link .prev {

    font-size: 14px;



    margin-bottom: 6px;

  }



  .m-contxt1 .link .next {

    font-size: 14px;

  }



  .m-contxt1 .link .back {

    position: absolute;



    right: 0;



    bottom: 0;



    font-size: 14px;



    margin-top: 10px;



    padding: 8px 20px;

  }



  .m-contxt1 .link {

    padding-right: 0;



    position: relative;



    padding-bottom: 30px;

  }



  .page-t1 {

    padding-right: 0;

  }



  .page-t1 a {

    font-size: 14px;

  }



  .page-t1 .blank {

    position: initial;



    margin-top: 5px;



    font-size: 12px;



    padding: 7px 18px;

  }



  .box-blank {

    margin-top: 10px;



    padding-top: 5px;

  }



  .box-blank .con {

    width: 100%;



    margin-top: 10px;

  }



  .box-blank div a {

    font-size: 14px;

  }



  .box-blank div a + a {

    margin-top: 5px;

  }



  .m-contxt1 .box-blank .blank {

    font-size: 14px;

  }



  .cases_view {

    padding-top: 20px;

  }



  .cases_view .list {

    margin-right: 0;

  }



  .cases_view .list li {

    width: 100%;



    margin-right: 0;

  }



  .cases_view .list li h3 {

    font-size: 14px;



    margin-top: 10px;



    margin-bottom: 15px;

  }



  .login-page .footer .copy {

    padding: 15px 0;

  }



  .com-banner1 {

    padding-bottom: 62%;

  }



  .com-banner2 {

    padding-bottom: 62%;

  }



  .serve_view .network .joan_store .this_view {

    padding: 8% 3%;

  }



  .serve_view .network .joan_store .this_view .top .store_search {

    height: 40px;

  }



  .serve_view .network .joan_store .this_view .top .store_search input {

    line-height: 38px;

  }



  .serve_view .network .joan_store .this_view .top .store_location {

    height: auto;

  }



  .serve_view .network .joan_store .this_view .top .store_location select {

    width: 100%;



    height: 40px;



    line-height: 38px;



    background-position: 99%;



    background-size: 5%;



    border-right: 1px solid #dcdcdc;

  }



  .serve_view

    .network

    .joan_store

    .this_view

    .top

    .store_location

    select

    + select {

    margin-top: 3%;

  }



  .serve_view .network .joan_store .this_view .bottom .right ul li {

    padding: 15px 2%;



    padding-left: 75px;

  }



  .serve_view .network .joan_store .this_view .bottom .right ul li i {

    width: 35px;



    height: 35px;



    line-height: 35px;



    font-size: 16px;

  }



  .serve_view .network .joan_store .this_view .bottom .right ul li div h4 {

    margin-bottom: 5px;

  }



  .serve_view .advantage {

    padding: 30px 0 20px;

  }



  .serve_view .advantage .con h4 {

    font-size: 16px;

  }



  .serve_view .advantage .con {

    margin-top: 20px;



    margin-bottom: -10px;

  }



  .serve_view .advantage .con p {

    font-size: 12px;



    line-height: 22px;



    margin-bottom: 10px;

  }



  .serve_view .join {

    padding-top: 20px;



    padding-bottom: 20px;

  }



  .serve_view .join .box {

    padding: 0 20px;



    margin-bottom: -10px;

  }



  .serve_view .join .box .list li {

    border-bottom: 1px solid #ebebeb;



    margin-bottom: 10px;

  }



  .serve_view .join .box .list {

    margin-top: 20px;

  }



  .serve_view .join .box .list li h3 {

    font-size: 14px;

  }



  .serve_view .join .box .list li p {

    font-size: 12px;



    line-height: 25px;



    margin-bottom: 10px;

  }



  .serve_view .process {

    padding-top: 20px;



    border-bottom: 3px solid #d9d9d9;

  }



  .serve_view .process .swiper-box {

    margin-top: 20px;



    margin-bottom: 20px;



    padding: 0 10px;



    position: relative;



    padding-bottom: 20px;

  }



  .serve_view .process .swiper-button-prev {

    width: 20px;



    height: 20px;



    background-size: contain;



    display: none;

  }



  .serve_view .process .swiper-button-next {

    display: none;

  }



  .serve_view .process .process-swiper .swiper-slide h3 {

    font-size: 18px;



    margin-top: 20px;

  }



  .serve_view .process .process-swiper .swiper-slide h5 {

    font-size: 12px;



    margin-top: 3px;



    margin-bottom: 20px;

  }



  .serve_view .process .process-swiper .swiper-slide p {

    font-size: 12px;



    line-height: 20px;



    height: 120px;



    margin-bottom: 20px;

  }



  .serve_view .process .swiper-pagination {

    font-size: 14px;

  }



  .serve_view .process .tabs-swiper .swiper-slide {

    width: 80px;



    height: 80px;

  }



  .serve_view .process .tabs-swiper .swiper-slide .img {

    width: 40px;



    height: 40px;

  }



  .serve_view .process .tabs-swiper .swiper-slide h3 {

    font-size: 12px;



    margin-top: 5px;

  }



  .serve_view .process::after {

    bottom: 80px;

  }



  .serve_view .network {

    padding-top: 20px;

  }



  .serve_view .network .joan_store .this_view .bottom .right {

    border: 1px solid #ddd;



    height: 300px;

  }



  .serve_view .stores .con .tabs {

    display: none;

  }



  .serve_view .stores .con .stores-swiper {

    width: 100%;



    height: 400px;

  }



  .serve_view .stores .con {

    padding-top: 20px;



    padding-bottom: 20px;

  }



  .com-banner1 .tit h5 {

    font-size: 14px;



    margin-bottom: 15px;

  }



  .com-banner1 .tit h3 {

    font-size: 20px;



    margin-bottom: 10px;

  }



  .com-banner1 .tit i {

    width: 30px;



    height: 3px;

  }



  .product_info .col-m .img {

    width: 100%;



    height: 300px;

  }



  .product_info .col-m .item {

    width: 100%;



    padding: 20px;

  }



  .product_info .col-m .item h3 {

    font-size: 20px;



    line-height: 25px;



    padding-bottom: 15px;

  }



  .product_info .col-m .item h5 {

    font-size: 14px;



    margin-top: 12px;

  }



  .product_info .col-m .item p {

    font-size: 12px;



    line-height: 20px;



    margin-top: 5px;



    height: auto;

  }



  .product_info .col-m .item_share {

    display: none;

  }



  .product_info .content {

    padding: 15px 10px;

  }



  .product_info .col-m {

    margin-bottom: 20px;

  }



  .product_info {

    padding-bottom: 20px;

  }



  .page-t1 a em {

    margin-right: 5px;

  }



  .page-t1 a.next {

    padding-right: 20px;

  }



  .page-t1 a.next em {

    margin-right: 0;

  }



  .m-contxt1 .tit {

    margin-bottom: 10px;

  }



  .m-contxt1 .share-ico {

    display: none;

  }



  .project_view .list li {

    width: 100%;



    margin-bottom: 20px;

  }



  .project_view .list {

    margin-bottom: -20px;

  }



  .project_view .list .pic img {

    padding: 10px 30px 0;

  }



  .project_view .list .tit h3 {

    padding: 15px 0;

  }



  .care_view .list li {

    width: 100%;



    margin-bottom: 15px;

  }



  .care_view .list {

    margin-bottom: -15px;

  }



  .care_view .list .tit h3 {

    font-size: 14px;



    padding-top: 10px;



    padding-bottom: 10px;

  }



  .duty_view .content .pic {

    width: 100%;



    height: 220px;

  }



  .duty_view .content .txt {

    width: 100%;



    margin-top: 20px;

  }



  .duty_view .content .txt h3 {

    font-size: 18px;

  }



  .duty_view .content .txt h5 {

    font-size: 16px;



    margin-top: 5px;

  }



  .duty_view .content .txt p {

    margin-top: 10px;



    font-size: 14px;



    line-height: 20px;

  }



  .duty_view .content {

    margin-bottom: 20px;

  }



  .com-tit2 h3 {

    font-size: 20px;

  }



  .com-tit2 h5 {

    font-size: 20px;



    margin-top: 8px;

  }



  .com-tit2 {

    padding-top: 20px;

  }



  .items {

    margin: 5px 0;

    color: #757575;

    font-size: 11px !important;

  }



  .wait {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    line-height: 460px !important;

    background-color: rgba(0, 0, 0, 0.7);

    color: white;

    text-align: center;

  }



  .verifyImg {

    height: 28px !important;

  }



  .nav-bar-content,

  .nav-bar-ul{

    display: none;

  }



  .advantages-item{

    display: block;

  }



  .advantages {

    display: none;

  }



  .advantages-item-tit{

    font-size: 20px;

    padding: 20px 0;

  }



  .advantages-item-content{

    font-size: 14px;

  }



  .merit-item-orient,

  .merit-list-name{

    font-size: 14px;

  }



  



  .merit-item-tit span{

    font-size: 20px;

  }



  .advantages-item-illustration{

    width: 298px;

    height: 292px;

  }

  

  .ascendant {

    width: 100%;

    background-image: url(../img/advantage_bg.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    padding: 50px 0;

    display: block;

  }

  

  .ascendant-item{

    width: 100%;

    background-color: #fff;

    padding:15px;

    margin-bottom: 40px;

  }



  .ascendant-item:last-child{

    margin-bottom: 0;

  }



  .ascendant-item-illustration{

    width: 100%;

  }



  .ascendant-item-tit{

    width: 100%;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    padding: 20px 0;

  }



  .ascendant-item-pot{

    display: flex;

    margin-bottom: 8px;

  }



  .ascendant-item-spage img{

    width: 15px;

    height: 25px;

    margin-top: -2px;

  }



  .ascendant-item-content{

    flex: 1;

    color: rgba(0, 0, 0, 0.60);

    font-size: 14px;

  }

  

  .merit{

    overflow-x: scroll;

    padding: 50px 15px;

  }



  .merit-pot {

    width: 709px;

  }



  .merit-item{

    width: 225px;

  }



  .merit::-webkit-scrollbar {

    display: none;

  }



}





.verifyImg {

  width: 30%;

  height: 43px;

  position: absolute;

  right: 0.5%;

  margin-top: 1px;

}



input[type="checkbox"] {

  margin: 0 5px 0 6px;

  color: #757575;

  font-size: 11px;

  vertical-align: middle;

}

.list .items {

  margin: 12px 0;

  color: #757575;

  font-size: 16px;

  line-height: 26px;

}

.items input[type="checkbox"]:first-child {

  margin: 0px;

}



.ant-tabs-nav {

  width: 40%;

  display: flex;

  justify-content: space-around;

  color: #757575;

}



.ant-tabs-nav div {

  width: 35%;

  height: 28px;

  text-align: center;

  font-size: 17px;

  line-height: 28px;

  padding-bottom: 30px;

  cursor: pointer;

}



.ant-tabs-nav a {

  width: 35%;

  height: 28px;

  text-align: center;

  font-size: 17px;

  line-height: 28px;

  padding-bottom: 30px;

  cursor: pointer;

}



.active {

  font-weight: 600;

  border-bottom: 1px solid #4593fb;

}



.hide {

  display: none;

}



.show {

  display: block;

}



input[type="radio"] {

  margin: 3px 3px 0px 5px;

}



.form-box form {

  position: relative;

}



.wait {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  line-height: 600px;

  background-color: rgba(0, 0, 0, 0.7);

  color: white;

  text-align: center;

}



.wait-close {

  cursor: pointer;

  position: absolute;

  top: 0;

  right: 0;

  width: 30px;

  height: 30px;

  background: url(../img/close.png) no-repeat center center #4593fb;

  background-size: 60%;

}

/*# sourceMappingURL=main.css.map1 */



.main .pic img {

  box-shadow: 0px 4px 40px 0px rgba(153, 153, 153, 0.5);

}



.form-box h3 {

  margin-top: 30px;

}



.online_footer {

  position: fixed;

  z-index: 999;

  top: 94%;

  left: 41%;

  font-size: 14px;

  font-family: PingFangSC-Regular, PingFang SC;

  font-weight: 400;

  color: #666666;

  line-height: 20px;

  text-align: center;

}



.we_logo {

  width: 74px;

  vertical-align: middle;

  margin-top: -7px;

}



.space-tit-img{

  width: 32px;

}



.wish {

  position: relative;

  width: 100%;

  margin-top: 100px;

  margin-bottom: 100px;

}



.wish img {

  width: 100%;

  max-height: 514px;

}



.wish_txt {

  width: 100%;

  position: absolute;

  bottom: 0;

  color: white;

  text-align: center;

  background-color: rgba(0, 0, 0, 0.5);

  padding: 32px 0;

}



.wish_txt_big {

  font-size: 24px;

}



.wrap_p {

  margin-top: 40px;

}