@charset "UTF-8";

@font-face {

  font-family: 'PingFang SC Regular';

  src: url("../fonts/PingFang SC Regular.eot");

  src: url("../fonts/PingFang SC Regular.woff") format("woff"), url("../fonts/PingFang SC Regular.ttf") format("truetype"), url("../fonts/PingFang SC Regular.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* 常用变量 start */

/* 常用变量 end */

/* 基础样式 start */

html {

  width: 100%;

  height: 100%;

  font-size: 100px;

}



body {

  width: 100%;

  height: 100%;

  min-width: 1230px;

  font-family: PingFang SC Regular, Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif;

  font-size: 0.21rem;

  color: #666666;

  background-color: #fff;

  -webkit-font-smoothing: antialiased;

}

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

  body {

    min-width: 100%;

  }

}



ul, ol, p {

  padding: 0;

  margin: 0;

}



ol, ul, li {

  list-style: none;

}



a, a:hover, a:focus {

  color: inherit;

  text-decoration: none;

}



:focus {

  outline: 0;

}



img {

  border: 0;

  vertical-align: top;

}



label {

  max-width: none;

  margin-bottom: 0;

  font-weight: normal;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  line-height: normal;

  margin: 0;

}



::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #cccccc;

}



::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #cccccc;

}



:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #cccccc;

}



/* 基础样式 end */

/* 常用样式 start */

.container {

  width: 1230px;

  padding: 0 0.3rem;

}

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

  .container {

    width: 100%;

  }

}



.vermiddle:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.vermiddle-cell {

  display: inline-block;

  vertical-align: middle;

}



.row {

  margin-left: -0.15rem;

  margin-right: -0.15rem;

}



/* 常用样式 end */

/* header start */

.header {

  position: fixed;

  left: 0;

  width: 100%;

  top: 0;

  z-index: 20;

}

.header-box {

  height: 0.93rem;

  background-color: #f7f7f7;

}

.header-logo {

  display: inline-block;

  height: 0.6rem;

  margin-top: 0.165rem;

  vertical-align: top;

}

.header-logo img {

  height: 100%;

}

.header-person-icon {

  margin: 0.3rem 0.225rem 0 0;

  display: inline-block;

  vertical-align: middle;

  width: 0.3075rem;

  height: 0.3375rem;

  background-image: url("/weChen/assets/image/person.png");

  background-size: 100% 100%;

}

.header-menu {

  position: fixed;

  top: 0.93rem;

  bottom: 0;

  left: 0;

  right: 0;

  transform: translateX(100%);

  transform-origin: right;

  transition: .3s;

}

.header-menu.open {

  transform: translateX(0);

}

.header-menu-box {

  padding-bottom: 0.3rem;

  height: 100%;

  background-color: #f2f2f2;

  overflow-y: auto;

}

.header-menu-list {

  padding: 0 0.45rem;

}

.header-menu-subtitle {

  padding: 0.3rem 0;

  line-height: 1;

  font-size: 0.3rem;

  font-weight: bold;

  color: #333333;

}

.header-menu-subtitle.collapsed .header-menu-arrow {

  transform: rotate(180deg);

}

.header-menu-subtitle-item > a {

  display: block;

  padding: 0.3rem 0 0.3rem 0.3rem;

  line-height: 1;

  font-size: 0.3rem;

  color: #666666;

}

.header-menu-arrow {

  float: right;

  display: inline-block;

  margin-top: 0.0825rem;

  width: 0.225rem;

  height: 0.135rem;

  background-image: url("/weChen/assets/image/arrow.png");

  background-size: 100% 100%;

  transition: .3s;

}

.header-menu-icon {

  margin-top: 0.3rem;

  display: inline-block;

  vertical-align: middle;

  width: 0.39rem;

  height: 0.3225rem;

  background-image: url("/weChen/assets/image/menu.png");

  background-size: 100% 100%;

}

.header-menu-item {

  float: left;

  cursor: pointer;

}

.header-menu-item > a {

  padding: 0 0.01875rem;

  display: inline-block;

  height: 0.93rem;

  line-height: 0.93rem;

  color: #fff;

  opacity: .75;

  transition: .4s;

  cursor: pointer;

}

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

  .header-menu-item > a {

    font-size: 0.009rem;

    padding: 0 0.0135rem;

  }

}

.header-menu-item:hover a, .header-menu-item.active a {

  opacity: 1;

  font-weight: bold;

}



/* header end */

/* footer start */

.footer {

  position: relative;

  height: 2.67rem;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #e9e9eb;

}

.footer-box {

  position: relative;

  padding-top: 0.45rem;

}

.footer-logo {

  height: 0.75rem;

}

.footer-info {

  margin-top: 0.375rem;

  color: #333;

  font-size: 0.21rem;

  line-height: 0.375rem;

}

.footer-qr {

  position: absolute;

  right: 0.3rem;

  top: 0.42rem;

  width: 1.2rem;

}

.footer.data .footer-info {

  margin-top: 0.3rem;

  line-height: 0.3rem;

}



/* footer end */

/* content start */

.t-content {

  padding-top: 0.93rem;

  min-height: calc(100% - 2.67rem);

}



.sidebar-cooperation {

  display: block;

  position: fixed;

  top: 50%;

  right: 0;

  width: 1.0425rem;

  height: 1.08rem;

  background-image: url("/weChen/assets/image/cooperation-icon2.png");

  background-size: 100% 100%;

}

.sidebar-cooperation.data {

  background-image: url("/weChen/assets/image/cooperation-icon.png");

}



.introduce-banner {

  position: relative;

  padding-top: 48%;

}

.introduce-banner-desc {

  padding: 0.225rem 0.45rem;

  position: absolute;

  left: 0;

  bottom: 0.42rem;

  color: #fff;

  background-color: rgba(0, 103, 190, 0.65);

}

.introduce-banner-desc .title {

  line-height: 1;

  font-size: 0.45rem;

}

.introduce-banner-desc .subtitle {

  line-height: 1;

  font-size: 0.255rem;

}

.introduce-banner .carousel {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}

.introduce-banner .carousel-inner {

  height: 100%;

}

.introduce-banner .carousel-inner .item {

  height: 100%;

}

.introduce-banner .carousel-inner .item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.introduce-banner .carousel-indicators {

  left: auto;

  right: 0.3rem;

  width: auto;

}

.introduce-banner .carousel-indicators li {

  margin: 0 0.075rem;

  width: 0.12rem;

  height: 0.12rem;

  background-color: #e4e4e4;

}

.introduce-banner .carousel-indicators li.active {

  background-color: #a4a4a4;

}

.introduce-statistics {

  height: 1.5rem;

  display: flex;

  align-items: center;

  background-color: #f7f7f7;

}

.introduce-statistics-item {

  flex: 1;

  text-align: center;

}

.introduce-statistics-number {

  position: relative;

  display: inline-block;

}

.introduce-statistics-number .num {

  font-weight: bold;

  font-size: 0.36rem;

  color: #323232;

}

.introduce-statistics-number .unit {

  margin-left: 0.045rem;

  font-size: 0.225rem;

  color: #323232;

}

.introduce-statistics-number .unit + .plus {

  right: 0.06rem;

}

.introduce-statistics-number .plus {

  position: absolute;

  right: -0.15rem;

  top: -0.18rem;

  font-size: 0.30rem;

  color: #999999;

}

.introduce-statistics-title {

  margin-top: 0.075rem;

  color: #9a9a9a;

  font-size: 0.225rem;

}

.introduce-detail {

  display: flex;

}

.introduce-detail-box {

  flex: 1;

  text-align: center;

}

.introduce-detail-box.left {

  padding: 0.975rem 0 0.75rem;

  border-right: 0.03rem solid #e6e6e6;

}

.introduce-detail-box.right {

  padding-top: 0.1125rem;

}

.introduce-detail-box.right .introduce-detail-img {

  text-align: left;

}

.introduce-detail-item {

  padding: 0.3rem 0;

  font-size: 0;

}

.introduce-detail-line {

  display: inline-block;

  width: 1.05rem;

  height: 0.03rem;

  background-color: #e6e6e6;

  vertical-align: middle;

}

.introduce-detail-img {

  display: inline-block;

  width: calc(100% - 1.05rem);

  vertical-align: middle;

  text-align: right;

}

.introduce-detail-img .img-box {

  display: inline-block;

  width: 1.98rem;

  height: 1.98rem;

  line-height: 1.95rem;

  border: 2px solid #e6e6e6;

  border-radius: 50%;

  text-align: center;

  overflow: hidden;

}

.introduce-detail-img .img-box:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.introduce-detail-img .img-box img {

  display: inline-block;

  width: 98%;

  vertical-align: middle;

}

.introduce-detail-title {

  margin-top: 0.1125rem;

  text-align: center;

  color: #333333;

  font-size: 0.27rem;

}

.introduce-list-title {

  padding: 0.3rem 0 0.3rem;

  font-size: 0.33rem;

  text-align: center;

  color: #333333;

}

.introduce-list-inner {

  display: flex;

  flex-wrap: wrap;

  box-shadow: 0 0 0.15rem rgba(238, 238, 238, 0.85);

}

.introduce-list-item {

  height: 2.25rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 50%;

  border-right: 2px solid #f7f7f7;

  border-bottom: 2px solid #f7f7f7;

}

.introduce-list-item img {

  width: 0.675rem;

}

.introduce-list-item:nth-child(2n) {

  border-right: 0;

}

.introduce-list-item-title {

  margin-top: 0.225rem;

  color: #333333;

  font-size: 0.2625rem;

}

.introduce-cooperation {

  padding-bottom: 0.3rem;

}

.introduce-cooperation-title {

  padding: 0.3rem 0;

  color: #333333;

  text-align: center;

  font-size: 0.33rem;

}

.introduce-cooperation-box {

  display: flex;

  flex-wrap: wrap;

}

.introduce-cooperation-scroll {

  height: 2.1rem;

  overflow: hidden;

}

.introduce-cooperation-item {

  flex-basis: 20%;

  padding: 0.075rem;

}

.introduce-cooperation .cooperation-box {

  height: 0.9rem;

  border: 1px solid #e6e6e6;

  text-align: center;

}

.introduce-cooperation .cooperation-box img {

  max-width: 80%;

  margin-top: 0.15rem;

  height: 0.6rem;

}

.introduce-news {

  background-color: #f7f7f7;

}

.introduce-news-content {

  height: 1.05rem;

  border-radius: 0.045rem;

  background-color: #fff;

}

.introduce-news-icon {

  height: 1.05rem;

  float: left;

  width: 25%;

  display: flex;

  justify-content: center;

  align-items: center;

  border-right: 1px solid #e2e2e2;

}

.introduce-news-icon img {

  width: 70%;

}

.introduce-news-wrapper {

  padding: 0 0.225rem;

  height: 100%;

  margin-left: 25%;

}

.introduce-news-text {

  height: 100%;

  overflow: hidden;

}

.introduce-news-text .text {

  height: 1.05rem;

  line-height: 1.05rem;

  font-size: 0.27rem;

  color: #333333;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.demonstrate-banner {

  position: relative;

}

.demonstrate-banner-img {

  width: 100%;

}

.demonstrate-banner-desc {

  position: absolute;

  left: 50%;

  top: 50%;

  text-align: center;

  color: #fff;

  transform: translate(-50%, -50%);

  text-shadow: 0 0 0.075rem rgba(0, 0, 0, 0.65);

}

.demonstrate-banner-desc .title {

  font-size: 0.27rem;

  text-shadow: 2px 1px 0.075rem rgba(0, 0, 0, 0.85);

}

.demonstrate-banner-desc .desc {

  margin-top: 0.1125rem;

  font-size: 0.18rem;

  text-shadow: 2px 1px 0.075rem rgba(0, 0, 0, 0.85);

}

.demonstrate-list {

  margin-top: 0.3rem;

}

.demonstrate-list-item {

  margin-bottom: 0.3rem;

  box-shadow: 0 0 0.15rem rgba(238, 238, 238, 0.85);

}

.demonstrate-list-item .demonstrate-video {

  position: relative;

}

.demonstrate-list-item .demonstrate-video .video {

  height: 3.45rem;

  vertical-align: top;

}

.demonstrate-list-item .demonstrate-desc {

  padding: 0.225rem 0.3rem;

  background-color: #fff;

}

.demonstrate-list-item .demonstrate-desc-title {

  display: inline-block;

  max-width: 80%;

  line-height: 0.36rem;

  font-size: 0.27rem;

  color: #333333;

}



.product-banner {

  position: relative;

}

.product-banner-img {

  width: 100%;

}

.product-banner-desc {

  min-width: 3rem;

  padding: 0.375rem 0.45rem;

  position: absolute;

  left: 0;

  bottom: 0.42rem;

  color: #fff;

  text-align: center;

  background-color: rgba(0, 103, 190, 0.65);

}

.product-banner-desc .title {

  line-height: 1;

  font-size: 0.45rem;

}

.product-detail {

  padding: 0.3rem 0 0.6rem;

}

.product-detail-item {

  margin-bottom: 0.3rem;

  position: relative;

  display: block;

  height: 1.95rem;

}

.product-detail-item.left .product-detail-img {

  margin-left: 1.95rem;

}

.product-detail-item.left .product-detail-title {

  left: 0;

  background-color: #feac31;

}

.product-detail-item.right .product-detail-img {

  margin-right: 1.95rem;

}

.product-detail-item.right .product-detail-title {

  right: 0;

  background-color: #4d95e5;

}

.product-detail-title {

  position: absolute;

  top: 0;

  width: 1.95rem;

  height: 1.95rem;

  line-height: 1.95rem;

  color: #fff;

  font-weight: bold;

  font-size: 0.3rem;

  text-align: center;

}

.product-detail-img {

  height: 100%;

}

.product-detail-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.article {

  padding: 0.3rem;

}

.article-title {

  font-weight: normal;

  font-size: 0.33rem;

  color: #333333;

}

.article-subtitle {

  margin: 0.0375rem 0 0.225rem;

  font-size: 0.21rem;

  color: #999999;

}

.article-subtitle .view {

  margin-left: 0.4125rem;

}

.article-content-text {

  margin-bottom: 0.225rem;

  font-size: 0.27rem;

  line-height: 0.375rem;

}

.article-content-img {

  margin-bottom: 0.225rem;

}

.article-content-img img {

  width: 100%;

}



.t-list-banner img {

  width: 100%;

}

.t-list-title {

  padding: 0.3rem 0;

  font-size: 0.33rem;

  color: #333333;

  text-align: center;

  font-weight: bold;

}

.t-list-classify-wrapper {

  height: 0.93rem;

  overflow: hidden;

  border-bottom: 0.075rem solid #f7f7f7;

}

.t-list-classify-wrapper .classify-list {

  overflow-x: scroll;

  padding-bottom: 0.075rem;

  white-space: nowrap;

}

.t-list-classify-wrapper .classify-list-item {

  height: 0.855rem;

  padding: 0 0.3rem;

  display: inline-block;

  color: #999999;

}

.t-list-classify-wrapper .classify-list-item.active {

  font-weight: bold;

  color: #333333;

}

.t-list-classify-wrapper .classify-list-item.active span:before {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.045rem;

  background-color: #ff9900;

  border-radius: 0.045rem;

}

.t-list-classify-wrapper .classify-list-item span {

  position: relative;

  display: inline-block;

  font-size: 0.3rem;

  line-height: 0.855rem;

}

.t-list-content .content-classify {

  text-align: right;

}

.t-list-content .content-classify .classify-item {

  margin-left: 0.2625rem;

  display: inline-block;

  line-height: 0.825rem;

  font-size: 0.27rem;

  color: #999999;

}

.t-list-content .content-classify .classify-item.active {

  color: #ff9900;

}

.t-list-product {

  display: block;

  float: left;

  padding: 0.15rem;

  width: 50%;

}

.t-list-product-box {

  display: flex;

  height: 2.475rem;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  box-shadow: 0 0 0.15rem rgba(238, 238, 238, 0.85);

  border-radius: 0.045rem;

}

.t-list-product-img {

  height: 1.02rem;

}

.t-list-product-name {

  margin-top: 0.225rem;

  font-size: 0.27rem;

  color: #333333;

  text-align: center;

}



.case-banner {

  position: relative;

}

.case-banner-img {

  width: 100%;

}

.case-banner-desc {

  position: absolute;

  left: 50%;

  top: 50%;

  color: #fff;

  font-weight: bold;

  transform: translate(-50%, -50%);

}

.case-banner-desc .title {

  font-size: 0.27rem;

}

.case-banner-desc .subtitle {

  margin-top: 0.15rem;

  line-height: 1;

  font-size: 0.18rem;

  text-transform: uppercase;

}

.case-list-item {

  padding: 0.3rem 0;

  border-bottom: 2px solid #f7f7f7;

}

.case-list .case-img-box {

  float: left;

  width: 2.25rem;

  height: 1.5rem;

}

.case-list .case-img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.case-list .case-content {

  height: 1.5rem;

  margin-left: 2.55rem;

}

.case-list .case-content-title {

  height: calc(100% - 0.27rem);

  font-size: 0.27rem;

  line-height: 0.375rem;

  color: #333333;

}

.case-list .case-content-info {

  height: 0.27rem;

  line-height: 0.27rem;

  font-size: 0.21rem;

}

.case-list .case-content-info .time {

  padding-left: 0.3rem;

  float: right;

  background: url("/weChen/page/hot/images/time.png") no-repeat center left;

  background-size: auto 90%;

}



.credit-banner {

  position: relative;

  padding-top: 48%;

}

.credit-banner-img {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}

.credit-banner-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.credit-banner-desc {

  position: absolute;

  left: 0;

  padding: 0.45rem 0.3rem;

  bottom: 0.0375rem;

  color: #fff;

  font-size: 0.375rem;

  background-color: rgba(78, 149, 229, 0.85);

}



/* content end */



/*# sourceMappingURL=style.css.map */