@charset "UTF-8";
/*头部*/
.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.1667vw;
  background: rgba(0, 0, 0, 0.25);
  z-index: 99;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 0 2.8125vw 0 2.5vw;
  align-items: center;
}

.header .logo {
  display: block;
  width: 12.7083vw;
}

.header .logo img {
  display: block;
  width: 100%;
}

.header .logo .wb {
  display: none;
}

.header .right {
  display: flex;
  align-items: center;
  height: 4.1667vw;
}

.header .nav ul {
  display: flex;
}

.header .nav li {
  margin-right: 2.3958vw;
  height: 4.1667vw;
  padding: 0 4px 0 8px;
  box-sizing: border-box;
}

.header .nav li .link {
  display: block;
  font-size: 0.9375vw;
  line-height: 3.9583vw;
  color: #ffffff;
}

.header .nav li .link i {
  display: block;
  float: right;
  width: 9px;
  height: 5px;
  background: url("../images/arrowT.png") no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  margin: 1.8229vw 0 0 7px;
}

.header .nav li .link:hover {
  color: #18AD5E;
}

.header .nav li .link:hover i {
  background-image: url("../images/arrowT_h.png");
}

.header .nav li .erify {
  display: none;
  position: absolute;
  left: 0;
  top: 4.1667vw;
  background: #ffffff;
  width: 100%;
  height: 3.125vw;
}

.header .nav li .erify .list {
  display: flex;
  justify-content: center;
  height: 3.125vw;
  align-items: center;
}

.header .nav li .erify a {
  display: block;
  font-size: 0.7813vw;
  line-height: 1.25vw;
  color: #333;
  padding: 0 2.0833vw;
  border-right: 1px solid rgba(0, 0, 0, 0.24);
}

.header .nav li .erify a:last-child {
  border-right: none;
}

.header .nav li .erify a:hover {
  color: #18AD5E;
}

.header .nav li .erify .active {
  color: #18AD5E;
}

.header .nav li:hover {
  border-bottom: 0.2083vw solid #18AD5E;
}

.header .language {
  margin-left: 1.0417vw;
  padding-left: 1.6667vw;
  width: 3.125vw;
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.header .language::before {
  content: '';
  width: 1.3021vw;
  height: 1.3542vw;
  background: url("../images/language.png") no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6771vw;
  background-size: cover;
}

.header .language::after {
  content: '';
  width: 0.625vw;
  height: 0.3646vw;
  background: url("../images/arrowT.png") no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  margin-top: -0.2083vw;
  transform: rotate(180deg);
}

.header .language p {
  font-size: 0.8333vw;
  line-height: 4.1667vw;
  color: #ffffff;
  cursor: pointer;
}

.header .language ul {
  position: absolute;
  left: 0;
  top: 4.1667vw;
  width: 100%;
  display: none;
  z-index: 20;
  width: 100%;
  background: #F3F4F6;
}

.header .language ul a {
  display: block;
  font-size: 0.8333vw;
  line-height: 2.5vw;
  color: #333;
  text-align: center;
}

.header .language ul a:hover {
  background: #18AD5E;
  color: #ffffff;
}

.header .search {
  width: 18px;
  height: 4.1667vw;
  background: url("../images/search.png") no-repeat right center;
  background-size: 18px 18px;
  padding-left: 1.5625vw;
}

.header .search-erify {
  position: absolute;
  left: 0;
  top: 4.1667vw;
  width: 100%;
  height: 3.75vw;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}

.header .search-erify .search-main {
  display: flex;
  justify-content: space-between;
  padding: 0 4.6875vw 0 11.9792vw;
  align-items: center;
  height: 3.75vw;
  position: relative;
}

.header .search-erify .search-main .text {
  display: block;
  width: 80%;
  box-sizing: border-box;
  padding: 0 2.0833vw;
  height: 2.0833vw;
  font-size: 14px;
  color: #ffffff;
  background: none;
}

.header .search-erify .search-main .text::-moz-placeholder {
  color: #ffffff;
}

.header .search-erify .search-main .text::-ms-input-placeholder {
  color: #ffffff;
}

.header .search-erify .search-main .text::-webkit-input-placeholder {
  color: #ffffff;
}

.header .search-erify .search-main .close {
  display: block;
  width: 1.875vw;
  height: 1.875vw;
  background: url("../images/search.png") no-repeat center center;
  background-size: 1.0417vw 1.0417vw;
}

.m-header {
  display: none;
}

.foucs-header,
.foucs-search-header {
  background-color: #ffffff;
}

.foucs-header .logo .nb,
.foucs-search-header .logo .nb {
  display: none;
}

.foucs-header .logo .wb,
.foucs-search-header .logo .wb {
  display: block;
}

.foucs-header .nav li .link,
.foucs-search-header .nav li .link {
  color: #333;
}

.foucs-header .nav li .link i,
.foucs-search-header .nav li .link i {
  background-image: url("../images/arrowT_b.png");
}

.foucs-header .language::before,
.foucs-search-header .language::before {
  background-image: url("../images/language_b.png");
}

.foucs-header .language::after,
.foucs-search-header .language::after {
  background-image: url("../images/arrowT_b.png");
}

.foucs-header .language p,
.foucs-search-header .language p {
  color: #333;
}

.foucs-header .search,
.foucs-search-header .search {
  background-image: url("../images/search_b.png");
}

/*底部*/
.footer {
  background: #000;
}

.footer .top {
  padding: 3.2292vw 0 1.875vw;
}

.footer .top .container {
  display: flex;
  justify-content: space-between;
}

.footer .top .nav {
  display: flex;
}

.footer .top .item {
  margin-right: 6.9167vw;
}

.footer .top .item:last-child {
  margin-right: 0;
}

.footer .top .item .title {
  font-size: 1.0417vw;
  line-height: 1.3;
  font-weight: bold;
  color: #ffffff;
}

.footer .top .item .list {
  margin-top: 1.0417vw;
}

.footer .top .item .list a {
  display: block;
  font-size: 0.7813vw;
  line-height: 1.7333;
  color: #ffffff;
  opacity: 0.6;
}

.footer .top .item .list a:hover {
  opacity: 1;
}

.footer .top .mail {
  text-align: right;
  font-size: 0.8333vw;
  line-height: 1.5;
  color: #ffffff;
}

.footer .top .mail a {
  color: #ffffff;
  font-family: 'Helvetica';
}

.footer .top .ewm {
  margin-top: 1.7188vw;
  width: 7.0833vw;
  float: right;
  margin-left: 1.0417vw;
}

.footer .top .ewm img {
  display: block;
  width: 100%;
}

.footer .top .ewm p {
  font-size: 0.8333vw;
  line-height: 1.375;
  margin-top: 0.5208vw;
  text-align: center;
  color: #ffffff;
}

.footer .bot {
  position: relative;
  z-index: 10;
  padding: 1.0417vw 0 1.4583vw;
}

.footer .bot::before {
  content: '';
  width: 93.75vw;
  left: 3.125vw;
  top: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
}

.footer .bot .container {
  display: flex;
  justify-content: space-between;
}

.footer .bot .left {
  display: flex;
  align-items: center;
}

.footer .bot .left .link {
  display: flex;
  align-items: center;
  height: 1.5625vw;
  font-size: 0.7292vw;
  color: #ffffff;
  margin-left: 4.4271vw;
}

.footer .bot .left .link i {
  display: block;
  width: 0.8854vw;
  height: 0.625vw;
  background: url("../images/arrowR_j.png") no-repeat;
  background-size: cover;
  margin-left: 0.5208vw;
}

.footer .bot .left .link:hover i {
  margin-left: 0.7813vw;
}

.footer .bot .friend-select {
  position: relative;
  z-index: 10;
  width: 6.25vw;
  background: url("../images/arrowT.png") no-repeat right center;
  background-size: 0.625vw 0.3646vw;
}

.footer .bot .friend-select p {
  font-size: 0.7292vw;
  color: #ffffff;
  line-height: 2.1428;
  cursor: pointer;
}

.footer .bot .friend-select .erify {
  display: none;
  z-index: 20;
  position: absolute;
  left: 0;
  bottom: 1.5625vw;
  padding: 0.2083vw 2px 0;
  width: 8.3333vw;
  background: #333;
}

.footer .bot .friend-select .friend-scroll {
  position: relative;
  height: 7.8125vw;
  width: 100%;
  z-index: 20;
  overflow: hidden;
}

.footer .bot .friend-select .friend-scroll a {
  display: block;
  font-size: 0.6771vw;
  line-height: 2.1428;
  color: #ffffff;
  opacity: 0.6;
  padding: 0 7px;
}

.footer .bot .friend-select .friend-scroll a:hover {
  opacity: 1;
}

.footer .bot .right {
  font-size: 0.625vw;
  line-height: 2.5;
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
}

.footer .bot .right a {
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-left: 6px;
}

.footer .bot .right img {
  display: block;
  height: 1.0417vw;
  margin: 0 4px;
}

.backup {
  display: none;
  justify-content: center;
  align-items: center;
  width: 2.2917vw;
  height: 2.2917vw;
  background: #18AD5E;
  position: fixed;
  right: 6.5625vw;
  bottom: 10%;
  z-index: 100;
}

.backup i {
  display: block;
  width: 1.1198vw;
  height: 0.651vw;
  background: url("../images/back_arrow.png") no-repeat;
  background-size: cover;
}

.backup:hover {
  background: #ABCD03;
}

/*通用*/
.sub-banner {
  position: relative;
}

.sub-banner img {
  width: 100%;
}

.sub-banner video {
  display: block;
  width: 100%;
}

.sub-banner .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.sub-banner h3 {
  font-size: 2.6042vw;
  line-height: 1.3333;
  color: #ffffff;
  font-weight: bold;
}

.sub-banner .txt {
  margin-top: 1.25vw;
  font-size: 2.6042vw;
  line-height: 1.3333;
  color: #ffffff;
  font-weight: bold;
}

.sub-banner p {
  font-size: 0.8854vw;
  line-height: 1.6;
  color: #ffffff;
  margin-top: 3px;
  display: none;
}

.sub-search {
  width: 27.2917vw;
  margin-top: 1.0417vw;
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden;
}

.sub-search .text {
  display: block;
  box-sizing: border-box;
  width: 23.2292vw;
  height: 2.6042vw;
  padding: 0 0.5208vw 0 2.2917vw;
  background: url("../images/search_d.png") no-repeat 0.7813vw center;
  background-size: 1.0417vw 1.0417vw;
  font-size: 0.7292vw;
  color: #A8A8A8;
}

.sub-search .btn {
  display: block;
  width: 4.0625vw;
  height: 2.6042vw;
  background: #18AD5E;
  font-size: 0.7813vw;
  color: #ffffff;
}

.sub-search .btn:hover {
  background: #ABCD03;
}

.website {
  border-bottom: 0.2083vw solid #EAEAEA;
}

.website .container {
  display: flex;
  justify-content: space-between;
  height: 3.3333vw;
  align-items: center;
}

.website .list {
  display: flex;
}

.website .list a {
  display: block;
  font-size: 0.9375vw;
  height: 3.3333vw;
  line-height: 3.3333vw;
  margin-right: 2.2917vw;
  padding: 0 2.2917vw;
  color: #333;
}

.website .list a:hover {
  color: #18AD5E;
}

.website .list .active {
  border-bottom: 0.2083vw solid #18AD5E;
  color: #18AD5E;
}

.website .right {
  display: flex;
}

.website .right a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  margin-right: 0.5208vw;
}

.website .right a:hover {
  color: #18AD5E;
}

.website .right a:hover i {
  background-image: url("../images/home_h.png");
}

.website .right a i {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url("../images/home.png") no-repeat;
  background-size: cover;
  margin-right: 0.5208vw;
}

.website .right span {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  margin-right: 0.5208vw;
}

.website .right .last {
  color: #18AD5E;
}

.com-title {
  font-size: 2.0833vw;
  line-height: 2.8125vw;
  font-weight: bold;
  color: #000;
}

.media-pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: none;
}

.media-pop .close {
  display: block;
  width: 1.5625vw;
  height: 1.5625vw;
  position: absolute;
  right: 0;
  top: -2.0833vw;
  background: url("../images/close.png") no-repeat;
  background-size: cover;
}

.media-pop .close:hover {
  transform: rotate(180deg);
}

.media-pop .media-pop-main {
  background: #fff;
  width: 50vw;
  height: 28.125vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.media-pop video {
  display: block;
  width: 100%;
  height: 28.125vw;
}

.com-help {
  position: relative;
}

.com-help img {
  display: block;
  width: 100%;
}

.com-help .main {
  display: flex;
  align-items: center;
}

.com-help .title {
  font-size: 1.875vw;
  line-height: 1.6248;
  color: #ffffff;
  font-weight: bold;
}

.com-help .info {
  font-size: 1.7708vw;
  line-height: 1.6248;
  color: #ffffff;
  margin-top: 0.4167vw;
}

.com-help .link {
  margin-top: 1.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  width: 8.5938vw;
  height: 2.6042vw;
  font-size: 0.7292vw;
  color: #ffffff;
  transition: .3s linear;
}

.com-help .link i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat center;
  background-size: cover;
  margin-left: 0.8333vw;
}

.com-help .link:hover {
  background: #18AD5E;
  border-color: #18AD5E;
}

/*首页*/
.home .swiper-banner {
  height: 100vh;
}

.home .swiper-banner .imgBg {
  display: block;
  width: 100%;
  height: 100vh;
}

.home .swiper-banner video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: auto;
  object-fit: cover;
}

.home .swiper-banner .main {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  transform: translateY(5.2083vw);
  transition: all .5s ease-in-out;
}

.home .swiper-banner .main .title {
  font-size: 2.8125vw;
  line-height: 1.3333;
  max-width: 37.5vw;
  color: #ffffff;
  font-weight: bold;
}

.home .swiper-banner .main .txt {
  font-size: 1.3021vw;
  line-height: 1.44;
  color: #ffffff;
  margin-top: 1.25vw;
  max-width: 37.5vw;
}

.home .swiper-banner .main .box {
  height: 12.5vw;
}

.home .swiper-banner .main .player {
  display: flex;
  align-items: center;
  margin-top: 3.125vw;
  font-size: 1.0417vw;
  color: #ffffff;
  cursor: pointer;
}

.home .swiper-banner .main .player i {
  display: block;
  width: 1.4583vw;
  height: 1.4583vw;
  background: url("../images/player.png") no-repeat;
  background-size: cover;
  margin-right: 0.6771vw;
}

.home .swiper-banner .main .link {
  margin-top: 4.6875vw;
}

.home .swiper-banner .swiper-pagination {
  display: flex;
  bottom: 2.0833vw;
  z-index: 10;
  height: 6px;
  align-items: center;
  justify-content: center;
}

.home .swiper-banner .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3125vw;
  transition: all .5s ease-in-out;
}

.home .swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.1875vw;
  height: 4px;
  border-radius: 4px;
}

.home .swiper-banner .swiper-slide-active .main {
  opacity: 1;
  transform: translateY(0px);
}

.home .swiper-banner .swiper-button-next,
.home .swiper-banner .swiper-button-prev {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  left: 2.6042vw;
  margin-top: -1.5625vw;
}

.home .swiper-banner .swiper-button-next i,
.home .swiper-banner .swiper-button-prev i {
  display: block;
  width: 0.625vw;
  height: 1.0417vw;
  background: url(../images/sw_new_arrow.png) no-repeat;
  background-size: cover;
}

.home .swiper-banner .swiper-button-next:hover,
.home .swiper-banner .swiper-button-prev:hover {
  background: #18AD5E;
}

.home .swiper-banner .swiper-button-next {
  left: auto;
  right: 2.6042vw;
}

.home .swiper-banner .swiper-button-next i {
  transform: rotate(180deg);
}

.home .pro-box {
  padding: 4.1667vw 0;
}

.home .pro-box .info {
  font-size: 0.8333vw;
  line-height: 1.6248;
  color: #666;
  margin-top: 0.625vw;
}

.home .digit-box {
  background: url(../img/digit_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 5.8333vw 0;
}

.home .digit-box .container {
  display: flex;
  justify-content: space-between;
}

.home .digit-box .item {
  text-align: center;
}

.home .digit-box img {
  display: block;
  width: 5.2083vw;
  margin: 0 auto;
}

.home .digit-box .en {
  font-size: 2.0313vw;
  line-height: 1.6248;
  color: #18AD5E;
  font-weight: bold;
  margin-top: 0.5208vw;
}

.home .digit-box .title {
  font-size: 1.1979vw;
  line-height: 1.6248;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 1.0417vw;
  font-weight: bold;
}

.home .digit-box .txt {
  font-size: 0.8333vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.4167vw;
}

.home .swiper-pro {
  margin: 2.6042vw 0 0 13.5417vw;
  padding-bottom: 3.75vw;
}

.home .swiper-pro .swiper-slide {
  width: 31.25vw;
}

.home .swiper-pro a {
  display: block;
  width: 100%;
  height: 31.7708vw;
  overflow: hidden;
  position: relative;
  background: #F3F4F6;
}

.home .swiper-pro a:hover {
  background: #ffffff;
}

.home .swiper-pro a:hover .imgBg,
.home .swiper-pro a:hover img {
  transform: scale(1.1, 1.1);
}

.home .swiper-pro .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31.7708vw;
  padding: 2.0833vw 0 4.6875vw;
  overflow: hidden;
  box-sizing: border-box;
}

.home .swiper-pro .pic img {
  display: block;
  max-width: 100%;
  max-height: 24vw;
}

.home .swiper-pro .imgBg {
  height: 31.7708vw;
}

.home .swiper-pro .main {
  position: absolute;
  left: 0;
  bottom: 1.0417vw;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2.8646vw;
}

.home .swiper-pro .name {
  font-size: 1.1458vw;
  line-height: 1.6248;
  color: #000;
  font-weight: bold;
}

.home .swiper-pro .more {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.6248;
  color: #18AD5E;
}

.home .swiper-pro .more i {
  display: block;
  width: 24px;
  height: 14px;
  background: url("../images/arrowR_pro.png") no-repeat;
  background-size: cover;
  margin-left: 0.4167vw;
}

.home .swiper-pro .swiper-button-next,
.home .swiper-pro .swiper-button-prev {
  width: 1.6667vw;
  height: 1.6667vw;
  background: url("../images/sw_b_arrow.png") no-repeat;
  background-size: cover;
  top: auto;
  left: 0;
  bottom: 0;
  margin: 0;
}

.home .swiper-pro .swiper-button-next:hover,
.home .swiper-pro .swiper-button-prev:hover {
  background-image: url("../images/sw_h_arrow.png");
}

.home .swiper-pro .swiper-button-next {
  transform: rotate(180deg);
  left: 3.125vw;
}

.home .swiper-case {
  position: relative;
}

.home .swiper-case .imgBg {
  height: 45.5208vw;
}

.home .swiper-case .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.home .swiper-case .container {
  padding-top: 5.1042vw;
}

.home .swiper-case .title {
  font-size: 2.2917vw;
  line-height: 2.8125vw;
  color: #ffffff;
  font-weight: bold;
}

.home .swiper-case .txt {
  font-size: 0.9375vw;
  line-height: 1.4583vw;
  color: #ffffff;
  width: 37.5vw;
  margin-top: 0.7813vw;
}

.home .swiper-case .swiper-slide {
  position: relative;
}

.home .swiper-case .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(101.22deg, rgba(0, 0, 0, 0.15) 4.32%, rgba(0, 0, 0, 0.2) 47.47%, rgba(0, 0, 0, 0.25) 89.72%);
  z-index: 2;
}

.home .swiper-case .swiper-pagination {
  display: none;
}

.home .swiper-case .pulg {
  position: absolute;
  bottom: 7.8125vw;
  right: 13.5417vw;
  z-index: 10;
}

.home .swiper-case .pulg .item {
  cursor: pointer;
  margin: 1.5625vw 0;
  display: flex;
  align-items: center;
  text-align: right;
  width: 100%;
}

.home .swiper-case .pulg svg {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}

.home .swiper-case .pulg .circle {
  fill: #fff;
  transition: all 0.56s;
}

.home .swiper-case .pulg circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home .swiper-case .pulg .wrapper {
  transition: all 0.56s;
  transform: scale(0);
  transform-origin: 50% 50%;
}

.home .swiper-case .pulg .background {
  transform-origin: 15px 15px;
  stroke: #fff;
  -webkit-transition: stroke .2s linear;
  transition: stroke .2s linear;
}

.home .swiper-case .pulg .foreground {
  transform-origin: 15px 15px;
  stroke-dasharray: 87.9646px, 87.9646px;
  transform: rotate(-90deg);
  stroke: #fff;
}

.home .swiper-case .pulg p {
  width: calc(100% - 30px);
  font-size: 0.9375vw;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.4);
  transition: all 0.36s;
  padding-right: 15px;
  font-weight: bold;
}

.home .swiper-case .pulg .act p {
  color: #ffffff;
}

.home .swiper-case .pulg .act .circle {
  opacity: 0;
}

.home .swiper-case .pulg .act .wrapper {
  transform: scale(1);
}

.home .swiper-case .pulg .act .foreground {
  animation: stroke 6.1s linear 0.2s;
}

.home .news-box {
  background: #F3F4F6;
  padding: 4.1667vw 0 6.7708vw;
}

.home .news-box .main {
  margin-top: 1.4583vw;
}

.home .news-box .left {
  width: 31.25vw;
  height: 30.2083vw;
}

.home .news-box .left .title {
  font-size: 1.5625vw;
  line-height: 1.4148;
  color: #ffffff;
  font-weight: bold;
}

.home .news-box .left .info {
  font-size: 0.8333vw;
  line-height: 1.7348;
  color: #ffffff;
  margin-top: 1.0417vw;
}

.home .news-box .left .link {
  margin-top: 2.5vw;
}

.home .news-box .box {
  padding: 3.125vw 1.0417vw 0 2.6042vw;
}

.home .news-box .news-scroll {
  width: 40.1042vw;
  height: 30.2083vw;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.home .news-box .list {
  padding: 0 2.8125vw 0 2.2917vw;
}

.home .news-box .list .item {
  display: block;
  padding: 1.5625vw 0;
  border-bottom: 1px solid #D9D9D9;
}

.home .news-box .list .item:last-child {
  border-bottom: none;
}

.home .news-box .list .item:hover .title {
  color: #18AD5E;
}

.home .news-box .list .title {
  font-size: 1.0417vw;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.home .news-box .list .txt {
  font-size: 0.7292vw;
  line-height: 1.6148;
  color: #888;
  margin-top: 1.0417vw;
}

.home .news-box .list .time {
  font-size: 12px;
  width: 88px;
  height: 27px;
  background: #E5F5F0;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #999;
  margin-top: 1.0417vw;
}

.home .help-box {
  position: relative;
}

.home .help-box img {
  display: block;
  width: 100%;
}

.home .help-box .main {
  display: flex;
  align-items: center;
}

.home .help-box .title {
  font-size: 1.875vw;
  line-height: 1.6248;
  color: #ffffff;
  font-weight: bold;
}

.home .help-box .info {
  font-size: 1.7708vw;
  line-height: 1.6248;
  color: #ffffff;
  margin-top: 0.4167vw;
}

.home .help-box .link {
  margin-top: 1.25vw;
}

.home .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .top h4 {
  font-size: 2.0833vw;
  line-height: 1.4398;
  color: #000;
  font-weight: bold;
}

.home .top .more {
  display: flex;
  align-items: center;
  font-size: 0.8333vw;
  line-height: 1.6248;
  color: #333;
}

.home .top .more i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR_b.png") no-repeat;
  background-size: cover;
  margin-left: 5px;
  position: relative;
  right: 0;
}

.home .top .more:hover i {
  right: -5px;
}

.home .link {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  width: 8.5938vw;
  height: 2.6042vw;
  font-size: 0.7292vw;
  color: #ffffff;
}

.home .link i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat center;
  background-size: cover;
  margin-left: 0.8333vw;
}

.home .link:hover {
  background: #18AD5E;
  border-color: #18AD5E;
}

.home .banner-action {
  display: flex;
  margin-top: 4.6875vw;
}

.home .banner-action .new-link {
  margin-top: 0;
}

.home .new-link {
  display: flex;
  margin-top: 4.6875vw;
}

.home .new-link p {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.3021vw;
  height: 2.6042vw;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  font-size: 0.7292vw;
  color: #ffffff;
}

.home .new-link p i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat center;
  background-size: cover;
  margin-left: 1.0417vw;
}

.home .new-link p:hover {
  background: #18AD5E;
  border-color: #18AD5E;
}

.actions {
  display: flex;
  margin-top: 1.5625vw;
}

.actions a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.5938vw;
  height: 2.6042vw;
  font-size: 0.7292vw;
  margin-right: 1.0417vw;
  transition: .3s linear;
  border: 1px solid #18AD5E;
  background: #18AD5E;
  color: #ffffff;
}

.actions a i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat center;
  background-size: cover;
  margin-left: 0.8333vw;
}

.actions a:hover {
  background: #F9F9F9;
  border: 1px solid #C4C4C4;
  color: #666;
}

.actions a:hover i {
  background-image: url(../images/arrowR_b.png);
}

.jituan {
  display: flex;
  margin-top: 1.5625vw;
}

.jituan a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.5938vw;
  height: 2.6042vw;
  font-size: 0.7292vw;
  margin-right: 1.0417vw;
  transition: .3s linear;
  border: 1px solid #237AE4;
  background: #237AE4;
  color: #ffffff;
}

.jituan a i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat center;
  background-size: cover;
  margin-left: 0.8333vw;
}

.jituan a:hover {
  background: #F9F9F9;
  border: 1px solid #C4C4C4;
  color: #666;
}

.jituan a:hover i {
  background-image: url(../images/arrowR_b.png);
}

/*正泰新能*/
.about {
  overflow: hidden;
}

.about .profile-box {
  background: url("../img/about_bg.jpg") no-repeat center center;
  padding: 4.375vw 0;
  background-size: cover;
}

.about .profile-box .tips {
  font-size: 1.3542vw;
  line-height: 1.7398;
  color: #18AD5E;
}

.about .profile-box .company-scroll {
  position: relative;
  height: 15.8125vw;
  overflow: hidden;
}

.about .profile-box .txt {
  font-size: 0.7292vw;
  line-height: 1.8;
  color: #666;
  width: 36.5417vw;
  margin-top: 1.5625vw;
  box-sizing: border-box;
  padding-right: 1.0417vw;
}

.about .profile-box .txt p {
  margin-bottom: 0.7813vw;
}

.about .profile-box .txt p:last-child {
  margin-bottom: 0;
}

.about .profile-box .right {
  width: 34.3667vw;
}

.about .profile-box .right img {
  display: block;
  width: 100%;
}

.about .course-box {
  padding: 4.1667vw 0 6.25vw;
  background: #333;
  position: relative;
  background: #000;
}

.about .course-box .com-title {
  color: #ffffff;
}

.about .course-box .container {
  position: relative;
  z-index: 10;
}

.about .course-box video {
  display: block;
  object-fit: cover;
}

.about .course-box .course-swiper {
  background: url("../images/course_line.png") repeat-x left 212px;
  position: relative;
  height: 461px;
  margin-top: 4.1667vw;
}

.about .course-box .course-swiper .swiper-container {
  height: 461px;
  z-index: 10;
}

.about .course-box .course-swiper .swiper-slide {
  width: auto;
}

.about .course-box .course-swiper .line {
  position: absolute;
  width: 100vw;
  margin-left: -13.5417vw;
  left: 0;
  top: 231px;
  height: 1px;
  background: linear-gradient(to right, rgba(102, 102, 102, 0), #666666, rgba(102, 102, 102, 0));
  z-index: 5;
}

.about .course-box .course-swiper .yin {
  position: absolute;
  right: 0;
  top: 0;
  width: 6.6667vw;
  height: 24.0104vw;
  z-index: 0;
  z-index: 15;
}

.about .course-box .course-swiper .swiper-button-next,
.about .course-box .course-swiper .swiper-button-prev {
  width: 32px;
  height: 32px;
  background: url("../images/sw_arrow.png") no-repeat;
  background-size: cover;
  left: -60px;
  margin-top: -15px;
}

.about .course-box .course-swiper .swiper-button-next:hover,
.about .course-box .course-swiper .swiper-button-prev:hover {
  background-image: url("../images/sw_h_arrow.png");
}

.about .course-box .course-swiper .swiper-button-next {
  transform: rotate(180deg);
  left: auto;
  right: -60px;
}

.about .course-box .swiper-year,
.about .course-box .swiper-thums {
  display: none;
}

.about .course-box .course-list {
  position: relative;
  height: 461px;
}

.about .course-box .item {
  display: flex;
  width: 600px;
  height: 230px;
  float: left;
}

.about .course-box .item:nth-child(2n) {
  position: absolute;
  top: 231px;
}

.about .course-box .item:nth-child(2n) .year {
  margin-top: 171px;
}

.about .course-box .item:nth-child(2n) .year::after {
  top: -24px;
}

.about .course-box .item:nth-child(2n) .year::before {
  top: -171px;
}

.about .course-box .item:nth-child(2n) .txt {
  padding-top: 1.875vw;
}

.about .course-box .txt {
  font-size: 0.7292vw;
  line-height: 1.4285;
  color: #ffffff;
  width: 446px;
  margin-left: 20px;
}

.about .course-box .txt p {
  margin-bottom: 8px;
}

.about .course-box .year {
  position: relative;
  font-size: 20px;
  line-height: 29px;
  color: #18AD5E;
  font-weight: bolder;
}

.about .course-box .year::after {
  content: '';
  width: 19px;
  height: 19px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.1563vw solid #18AD5E;
  position: absolute;
  left: 50%;
  top: 34px;
  margin-left: -9px;
}

.about .course-box .year::before {
  content: '';
  width: 2px;
  height: 147px;
  background: #18AD5E;
  position: absolute;
  left: 50%;
  top: 53px;
  margin-left: -1px;
}

.about .global_box {
  padding: 6.0417vw 0 6.25vw;
  background: url("../img/global_bg.png") no-repeat;
  background-size: cover;
}

.about .global_box .com-title {
  margin-bottom: 2.8125vw;
  text-align: center;
  color: #333333;
}

.about .global_box .items {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.about .global_box .items .item {
  width: 19.1667vw;
}

.about .global_box .items .item .icon {
  width: 5.2083vw;
  height: 5.2083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 1.4583vw;
}

.about .global_box .items .item .icon img {
  display: block;
  width: 100%;
}

.about .global_box .items .item .tit {
  font-size: 1.5625vw;
  margin-bottom: 1.3542vw;
  text-align: center;
  font-weight: bold;
  color: #333333;
}

.about .global_box .items .item .hr {
  background: #18AD5E;
  width: 2.6042vw;
  height: 2px;
  margin: 0 auto;
  margin-bottom: 1.25vw;
}

.about .global_box .items .item .desc {
  font-size: 0.7813vw;
  color: #666666;
  line-height: 1.75;
}

.about .honor_box {
  padding: 6.0417vw 0 6.25vw;
  background-color: #FFF;
}

.about .honor_box .com-title {
  margin-bottom: 2.2917vw;
  color: #333333;
  text-align: center;
}

.about .honor_box .items {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.about .honor_box .items .item {
  width: 13.0208vw;
}

.about .honor_box .items .item .icon {
  width: 8.3333vw;
  height: 8.3333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 1.0417vw;
}

.about .honor_box .items .item .icon img {
  display: block;
  width: 100%;
}

.about .honor_box .items .item .en {
  color: #333333;
  font-size: 1.1979vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.625vw;
}

.about .honor_box .items .item .desc {
  font-size: 0.7813vw;
  color: #333333;
  text-align: center;
}

.about .green-box {
  background: #ffffff;
  background-size: cover;
  padding: 4.0625vw 0 4.8958vw;
}

.about .green-box .info {
  font-size: 0.7292vw;
  line-height: 1.8;
  color: #666;
  margin-top: 1.0417vw;
  width: 38.0208vw;
  text-align: justify;
}

.about .green-box .main {
  margin-top: 3.4896vw;
}

.about .green-box .main .title {
  font-size: 1.25vw;
  line-height: 1.3334;
  color: #333;
  font-weight: bold;
}

.about .green-box .left {
  width: 21.3542vw;
}

.about .green-box .left p {
  font-size: 0.8333vw;
  line-height: 1.6498;
  color: #333;
  margin-top: 0.3125vw;
}

.about .green-box .left .pic {
  margin-top: 1.0417vw;
  box-shadow: 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}

.about .green-box .left .pic img {
  display: block;
  width: 100%;
}

.about .green-box .right {
  width: 40.1042vw;
}

.about .green-box .right .list {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5625vw;
}

.about .green-box .right .item {
  width: 11.4063vw;
}

.about .green-box .right .pic {
  height: 14.7917vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/award_bg.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 1.3542vw;
}

.about .green-box .right .pic img {
  display: block;
  max-width: 8.9583vw;
  max-height: 12.5vw;
}

.about .green-box .right .name {
  font-size: 0.7813vw;
  line-height: 1.7333;
  color: #333;
}

.about .green-box .right p {
  font-size: 0.625vw;
  line-height: 1.8333;
  color: #666;
}

.about .green-box .right p br {
  display: none;
}

.about .union-box {
  background: url("../img/union_bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 4.0625vw 0 3.3854vw;
}

.about .union-box .info {
  font-size: 14px;
  line-height: 1.8;
  width: 714px;
  margin-top: 1.0417vw;
  color: #666;
}

.about .union-box .tips {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: bold;
  margin-top: 0.9375vw;
}

.about .union-box .list {
  margin-top: 1.7708vw;
}

.about .union-box .list ul {
  display: flex;
  flex-wrap: wrap;
}

.about .union-box .list li {
  width: 13.5417vw;
  margin: 0 1.3021vw 1.875vw 0;
}

.about .union-box .list li:nth-child(5n) {
  margin-right: 0;
}

.about .union-box .list .img {
  box-sizing: border-box;
  border-radius: 0.4167vw;
  border: 1px solid #E7E7E7;
  background: #ffffff;
  box-shadow: 0px 12.52155px 10.01724px 0px rgba(57, 74, 86, 0.04);
  padding: 0.7292vw 0.9375vw;
  box-sizing: border-box;
  height: 5.4688vw;
}

.about .union-box .list .img img {
  display: block;
  max-width: 100%;
  max-height: 3.6458vw;
}

.about .union-box .list .name {
  font-size: 14px;
  line-height: 1.8;
  color: #000;
  margin-top: 10px;
}

.about .union-box .list p {
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}

/*正泰集团*/
.group {
  overflow: hidden;
}

.group .chint-box {
  background: url("../img/chint_bg.jpg") no-repeat center bottom;
  background-size: 100vw 29.4792vw;
  padding: 4.375vw 0 3.8542vw;
}

.group .chint-box .year {
  font-size: 1.3542vw;
  line-height: 2.1875vw;
  color: #237AE4;
}

.group .chint-box .chint-scroll {
  width: 39.0417vw;
  height: 13.5417vw;
  overflow: hidden;
  position: relative;
  margin-top: 1.7708vw;
}

.group .chint-box .content {
  font-size: 0.7292vw;
  line-height: 1.8;
  color: #666;
  width: 37.5833vw;
}

.group .chint-box .content p {
  margin-bottom: 1.0417vw;
}

.group .chint-box .content p:last-child {
  margin-bottom: 0;
}

.group .chint-box .right {
  width: 31.3667vw;
}

.group .chint-box .right img {
  display: block;
  width: 100%;
}

.group .global-box {
  background: #2C2C2C;
  padding: 3.4896vw 0 2.4479vw;
}

.group .global-box .com-title {
  color: #ffffff;
  position: relative;
  z-index: 10;
}

.group .global-box .tips {
  font-size: 1.25vw;
  line-height: 1.6667vw;
  color: #ffffff;
  position: relative;
  z-index: 10;
}

.group .global-box .pic {
  position: relative;
  z-index: 5;
  margin-top: -2.6042vw;
}

.group .global-box .pic img {
  display: block;
  width: 100%;
}

.group .global-box .pic .circle {
  position: absolute;
  cursor: pointer;
}

.group .global-box .pic .circle img {
  display: block;
  width: 100%;
}

.group .global-box .pic .circle:hover img {
  transform: rotate(90deg);
}

.group .global-box .pic .circle1 {
  left: 7.4479vw;
  top: 2.9167vw;
  width: 10.1563vw;
}

.group .global-box .pic .circle2 {
  width: 10.4167vw;
  right: 12.8125vw;
  top: 2.6563vw;
}

.group .global-box .pic .circle3 {
  left: 22.0313vw;
  top: 8.0729vw;
  width: 13.125vw;
}

.group .global-box .pic .circle4 {
  right: 0.625vw;
  top: 14.1146vw;
  width: 13.125vw;
}

.group .global-box .global-list {
  display: flex;
  position: relative;
  z-index: 10;
  margin-top: -1.5625vw;
}

.group .global-box .global-list .item {
  width: calc(20% - 1px);
  height: 9.8958vw;
  box-sizing: border-box;
  background: #237AE4;
  padding: 1.5625vw 1.5625vw 0;
  margin-right: 1px;
}

.group .global-box .global-list .title {
  font-size: 0.9375vw;
  line-height: 1.25vw;
  color: #ffffff;
}

.group .global-box .global-list .txt {
  font-size: 0.7292vw;
  line-height: 1.1979vw;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0.8333vw;
}

.group .my_global_box {
  padding-top: 4.375vw;
}

.group .my_global_box .com-title {
  text-align: center;
  color: #333333;
  margin-bottom: 0.3125vw;
}

.group .my_global_box .tips {
  color: rgba(51, 51, 51, 0.8);
  text-align: center;
  font-size: 1.3542vw;
}

.group .my_global_box .map {
  width: 100%;
  margin-bottom: 0;
}

.group .my_global_box .map img {
  display: block;
  width: 100%;
}

.group .my_global_box .items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.group .my_global_box .items .item {
  width: 31.25vw;
  height: 4.2708vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  color: #1e50e4;
}

.group .my_global_box .items .item .icon {
  width: 2.6042vw;
  height: 2.6042vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.2917vw;
}

.group .my_global_box .items .item .icon img {
  display: block;
  width: 100%;
}

.group .my_global_box .items .item .num {
  font-size: 2.3958vw;
  font-weight: bold;
  display: flex;
  align-items: baseline;
}

.group .my_global_box .items .item .num .add {
  font-size: 1.875vw;
  font-weight: bold;
}

.group .my_global_box .items .item .num .unit {
  font-size: 1.0417vw;
  font-weight: bold;
}

.group .my_global_box .items .item .tit {
  margin-left: auto;
  font-size: 1.0417vw;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.group .layui-box {
  padding-top: 3.6458vw;
}

.group .layui-box .top {
  display: flex;
  align-items: center;
}

.group .layui-box .info {
  font-size: 0.7813vw;
  line-height: 1.3542vw;
  color: #ffffff;
  margin-left: 2.5vw;
  width: 29.4271vw;
}

.group .layui-box .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.1875vw;
}

.group .layui-box .list .item {
  width: 14.0625vw;
  margin: 0 0.625vw 1.5625vw 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.group .layui-box .list .item:nth-child(5n) {
  margin-right: 0;
}

.group .layui-box .list .item:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.group .layui-box .list .item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 5;
}

.group .layui-box .list .imgBg {
  height: 8.0729vw;
}

.group .layui-box .list .name {
  position: absolute;
  left: 0;
  bottom: 0.7813vw;
  width: 100%;
  font-size: 1.0417vw;
  line-height: 1.3542vw;
  color: #ffffff;
  text-align: center;
  z-index: 10;
}

.group .course-box {
  padding: 5.67vw 0 6.7708vw;
  background: #f9fafc;
}

.group .course-box .list {
  margin-top: 2.6042vw;
  position: relative;
  padding-top: 40px;
  border-left: 1px solid #237AE4;
}

.group .course-box .cell {
  display: flex;
  justify-content: space-between;
  padding-left: 2.6042vw;
  margin-bottom: 2.3438vw;
}

.group .course-box .cell:last-child {
  margin-bottom: 0;
}

.group .course-box .cell:last-child .pics {
  padding-bottom: 0;
}

.group .course-box .cell:last-child .pics::after {
  display: none;
}

.group .course-box .left {
  width: 14.7917vw;
}

.group .course-box .year {
  font-size: 1.5625vw;
  line-height: 2.0833vw;
  color: #237AE4;
  position: relative;
}

.group .course-box .year::before {
  content: '';
  width: 0.9896vw;
  height: 0.9896vw;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: -3.125vw;
  top: 0.4167vw;
  border: 0.1563vw solid #237AE4;
}

.group .course-box .year::after {
  content: '';
  width: 0.9896vw;
  height: 1px;
  position: absolute;
  left: -2.1875vw;
  top: 0.9375vw;
  background: #237AE4;
}

.group .course-box .tips {
  font-size: 1.1458vw;
  line-height: 1.5104vw;
  color: #444;
  margin-top: 0.4167vw;
}

.group .course-box .info {
  font-size: 0.8854vw;
  line-height: 1.7898;
  color: #888;
  margin-top: 1.1458vw;
}

.group .course-box .right {
  width: 46.6667vw;
}

.group .course-box .right .item {
  display: flex;
  justify-content: space-between;
  margin: 2.1875vw 0;
}

.group .course-box .right:first-child {
  margin-top: 0;
}

.group .course-box .name {
  font-size: 1.5625vw;
  line-height: 2.0833vw;
  color: #237AE4;
}

.group .course-box .txt {
  font-size: 0.8854vw;
  line-height: 1.7898;
  color: #888;
  width: 36.4583vw;
}

.group .course-box .pics {
  display: flex;
  padding-bottom: 2.5521vw;
  position: relative;
}

.group .course-box .pics::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 63.5417vw;
  height: 2px;
  background: #B3B3B3;
}

.group .course-box .pics img {
  display: block;
  height: 6.9792vw;
  margin-right: 0.625vw;
}

.group .course-box .pics img:last-child {
  margin-right: 0;
}

.group.group .global-box {
  padding: 4.5833vw 0;
  background: #FFF;
}

.group.group .global-box .com-title {
  color: #333333;
}

.group.group .global-box .layui-box {
  padding-top: 0;
}

/*智能制造*/
.manufacture {
  width: 100%;
}

.manufacture .nums_box {
  box-sizing: border-box;
  height: 23.6979vw;
  background: url("../img/nums_bg.jpg") no-repeat center -6.25vw;
  background-size: cover;
  padding: 5.2083vw 0;
  padding-bottom: 6.25vw;
  position: relative;
}

.manufacture .nums_box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.manufacture .nums_box .container {
  position: relative;
  z-index: 2;
}

.manufacture .nums_box .container .box {
  width: 100%;
  height: 100%;
}

.manufacture .nums_box .container .box .com-title {
  color: #FFF;
  margin-bottom: 4.4792vw;
  text-align: center;
}

.manufacture .nums_box .container .box .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.manufacture .nums_box .container .box .items .item {
  width: 20%;
  text-align: center;
  transition: all 0.3s;
}

.manufacture .nums_box .container .box .items .item:hover {
  transform: scale(1.1);
}

.manufacture .nums_box .container .box .items .item .num {
  font-size: 2.0833vw;
  line-height: 1;
  color: #FFF;
  margin-bottom: 0.625vw;
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.manufacture .nums_box .container .box .items .item .num .count, .manufacture .nums_box .container .box .items .item .num .unit {
  font-size: 2.125vw;
  font-weight: bold;
}

.manufacture .nums_box .container .box .items .item .tit {
  font-size: 1.1458vw;
  color: #FFF;
  font-weight: bold;
}

.manufacture .fabrication_box {
  padding: 5.625vw 0 0 0;
}

.manufacture .fabrication_box .com-title {
  margin-bottom: 1.9792vw;
  text-align: left;
}

.manufacture .fabrication_box .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.manufacture .fabrication_box .items .item {
  width: 20%;
  height: 23.9583vw;
  position: relative;
  transition: all .2s linear;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 35.0104vw 100%;
  overflow: hidden;
  margin-right: 0.4167vw;
}

.manufacture .fabrication_box .items .item.on {
  width: 70%;
  background-size: 100% 100%;
}

.manufacture .fabrication_box .items .item .tit {
  position: absolute;
  width: 14.1667vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-size: 1.1458vw;
  font-weight: bold;
  padding: 1.5625vw;
  box-sizing: border-box;
}

.manufacture .explore-box {
  display: flex;
  justify-content: space-between;
  padding: 3.125vw 0;
  background: #F9F9F9;
}

.manufacture .explore-box .container {
  display: flex;
  justify-content: space-between;
}

.manufacture .explore-box .left {
  width: 37.1354vw;
}

.manufacture .explore-box .imgBg {
  width: 44.2%;
  height: 18.6vw;
  margin-top: 6.7708vw;
}

.manufacture .explore-box .title {
  font-size: 1.875vw;
  line-height: 2.5vw;
  color: #000;
  font-weight: bold;
}

.manufacture .explore-box .info {
  font-size: 1.3542vw;
  line-height: 1.7398;
  color: #18AD5E;
}

.manufacture .explore-box .txt {
  font-size: 0.7292vw;
  line-height: 1.8;
  color: #666;
  margin-top: 2.0833vw;
}

.manufacture .explore-box .txt p {
  margin-bottom: 0.625vw;
}

.manufacture .explore-box .txt p:last-child {
  margin-bottom: 0;
}

.manufacture .explore-box .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2.3438vw;
}

.manufacture .explore-box .item {
  width: 8.8542vw;
  margin-bottom: 0.6771vw;
  background: #ffffff;
  padding: 0.7813vw 0.7813vw 0;
  height: 5.7292vw;
  box-sizing: border-box;
  text-align: center;
}

.manufacture .explore-box .item img {
  display: block;
  height: 2.0833vw;
  margin: 0 auto 0.2083vw;
}

.manufacture .explore-box .item p {
  font-size: 0.7292vw;
  line-height: 1.5;
  color: #666;
}

.manufacture .plan-box {
  padding: 5.2083vw 0;
  background-size: 61.1979vw 24.6875vw;
}

.manufacture .plan-box .info {
  font-size: 0.7292vw;
  line-height: 1.8;
  margin-top: 1.5625vw;
}

.manufacture .plan-box .info p {
  margin-bottom: 0.7813vw;
  width: 71.875vw;
}

.manufacture .plan-box .main {
  margin-top: 3.125vw;
}

.manufacture .plan-box .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.manufacture .plan-box .data-list {
  width: 11.4583vw;
  display: none;
}

.manufacture .plan-box .data-list .item {
  margin-bottom: 3.3333vw;
}

.manufacture .plan-box .data-list .item:last-child {
  margin-bottom: 0;
}

.manufacture .plan-box .data-list .year {
  font-size: 2.0833vw;
  line-height: 2.8125vw;
  box-sizing: border-box;
  border-bottom: 1px solid #C9CACA;
  font-weight: bold;
  color: #18AD5E;
  margin-bottom: 0.8333vw;
}

.manufacture .plan-box .data-list p {
  font-size: 0.8333vw;
  line-height: 1.8348;
  color: #333;
}

.manufacture .plan-box .data-list p span {
  font-weight: bold;
  color: #18AD5E;
}

.manufacture .plan-box .pic {
  width: 57.0313vw;
}

.manufacture .plan-box .pic img {
  display: block;
  width: 100%;
}

.manufacture .plan-box .area-list {
  margin-top: 4.375vw;
  display: flex;
  flex-wrap: wrap;
}

.manufacture .plan-box .area-list .item {
  position: relative;
  overflow: hidden;
  width: 17.6042vw;
  margin: 0 0.8333vw 0.8333vw 0;
}

.manufacture .plan-box .area-list .item:nth-child(4n) {
  margin-right: 0;
}

.manufacture .plan-box .area-list .item:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #E1F0E8;
  text-align: center;
}

.manufacture .plan-box .area-list .item p {
  font-size: 0.9375vw;
  color: #A2BDAE;
  font-weight: bold;
  line-height: 1.5556;
}

.manufacture .plan-box .area-list .item .dots {
  display: flex;
  justify-content: center;
  margin-top: 1.0417vw;
}

.manufacture .plan-box .area-list .item span {
  display: block;
  width: 0.3125vw;
  height: 0.3125vw;
  background: #A1BDAE;
  border-radius: 50%;
  margin: 0 2px;
}

.manufacture .plan-box .area-list .item:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.manufacture .plan-box .area-list .imgBg {
  height: 10.4167vw;
}

.manufacture .plan-box .area-list .name {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 1.0417vw;
  background: linear-gradient(180deg, transparent 7.14%, rgba(0, 0, 0, 0.8) 100%);
  font-size: 0.9375vw;
  line-height: 1.3333;
  color: #ffffff;
  text-align: center;
}

/*新闻*/
.news {
  padding-bottom: 9.375vw;
}

.news .news-top {
  background: #F9F9F9;
  padding: 4.375vw 0 4.6875vw;
}

.news .news-swiper {
  margin-top: 3.8542vw;
}

.news .news-swiper a {
  display: flex;
  justify-content: space-between;
}

.news .news-swiper .pic {
  width: 23.9583vw;
  height: 15.9375vw;
}

.news .news-swiper .pic .imgBg {
  height: 100%;
}

.news .news-swiper .main {
  width: 39.5833vw;
}

.news .news-swiper .name {
  font-size: 1.875vw;
  line-height: 2.6042vw;
  color: #333;
}

.news .news-swiper .txt {
  font-size: 0.7813vw;
  line-height: 1.6302;
  color: #666;
  margin-top: 0.5208vw;
}

.news .news-swiper .swiper-button-next,
.news .news-swiper .swiper-button-prev {
  width: 1.6667vw;
  height: 1.6667vw;
  background: url("../images/sw_b_arrow.png") no-repeat;
  background-size: cover;
  top: auto;
  left: auto;
  bottom: 0.4167vw;
  right: 3.2292vw;
  margin: 0;
  z-index: 20;
}

.news .news-swiper .swiper-button-next:hover,
.news .news-swiper .swiper-button-prev:hover {
  background-image: url("../images/sw_h_arrow.png");
}

.news .news-swiper .swiper-button-next {
  transform: rotate(180deg);
  right: 0;
}

.news .news-swiper .swiper-pagination {
  z-index: 10;
  display: flex;
  align-items: center;
  height: 12px;
  bottom: 0.9375vw;
  left: 33.3333vw;
}

.news .news-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.7813vw 0 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  box-sizing: border-box;
}

.news .news-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: none;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(0, 0, 0, 0.3);
}

.news .date {
  width: 5.7292vw;
  height: 5.7292vw;
  background: #ffffff;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0.5208vw 0 0 0.625vw;
}

.news .date .day {
  font-size: 2.8125vw;
  line-height: 2.6042vw;
  font-weight: bolder;
  font-family: 'Akrobat';
  color: #18AD5E;
}

.news .date p {
  font-size: 0.7813vw;
  line-height: 1.3542vw;
  font-family: 'Akrobat';
  color: #333;
  font-weight: bolder;
}

.news .news-main {
  padding-top: 3.3333vw;
}

.news .news-main .container {
  display: flex;
  justify-content: space-between;
}

.news .news-main .news-list {
  width: 52.6042vw;
}

.news .news-main .news-list ul {
  padding-bottom: 1.875vw;
}

.news .news-main .news-list li {
  margin-bottom: 1.0417vw;
  padding-bottom: 1.3021vw;
  border-bottom: 1px solid #DDDFE1;
}

.news .news-main .news-list li:last-child {
  border-bottom: none;
}

.news .news-main .news-list li a {
  display: flex;
  justify-content: space-between;
}

.news .news-main .news-list li .main {
  width: 44.7917vw;
  box-sizing: border-box;
  padding-right: 7.0313vw;
  position: relative;
}

.news .news-main .news-list li .main::after {
  content: '';
  position: absolute;
  right: 1.5625vw;
  top: 50%;
  margin-top: -0.4688vw;
  width: 0.5208vw;
  height: 0.9375vw;
  background: url("../images/arrowR_n.png") no-repeat;
  background-size: cover;
  transition: all .5s ease-in-out;
}

.news .news-main .news-list li .name {
  font-size: 1.0938vw;
  line-height: 1.1458vw;
  color: #333;
}

.news .news-main .news-list li .txt {
  font-size: 0.6771vw;
  line-height: 1.7402;
  color: #666;
  margin-top: 0.5208vw;
}

.news .news-main .news-list li .author {
  font-size: 0.6771vw;
  line-height: 1.7402;
  color: #CECED1;
  margin-top: 0.5208vw;
}

.news .news-main .news-list li:hover .name {
  color: #18AD5E;
}

.news .news-main .news-list li:hover .main::after {
  right: 1.0417vw;
}

.news .news-main .news-list .date {
  background: #F1F1F0;
}

.news .news-main .news-list .more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 24.375vw;
  height: 3.6458vw;
  box-sizing: border-box;
  padding: 0 1.5625vw;
  font-size: 1.0417vw;
  color: #666;
  background: #F3F4F6;
  margin-top: 1.875vw;
}

.news .news-main .news-list .more i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR_b.png") no-repeat;
  background-size: cover;
}

.news .news-main .news-list .more:hover {
  background: #18AD5E;
  color: #ffffff;
}

.news .news-main .news-list .more:hover i {
  background-image: url("../images/arrowR.png");
}

.news .news-main .right {
  width: 18.3854vw;
}

.news .show-main {
  background: #F9F9F9;
  padding: 3.9583vw 0 7.5vw;
}

.news .show-main .left {
  width: 52.6042vw;
}

.news .show-main .show-list {
  margin-top: 1.6667vw;
}

.news .show-main .show-list ul {
  padding-bottom: 1.0417vw;
}

.news .show-main .show-list li {
  margin-bottom: 1.5625vw;
  padding-bottom: 1.5625vw;
  border-bottom: 1px solid #DFDFDF;
}

.news .show-main .show-list li a {
  display: flex;
  justify-content: space-between;
}

.news .show-main .show-list li .pic {
  width: 15.7292vw;
  height: 9.2708vw;
  overflow: hidden;
}

.news .show-main .show-list li .imgBg {
  height: 9.2708vw;
}

.news .show-main .show-list li .main {
  width: 34.2708vw;
}

.news .show-main .show-list li .name {
  font-size: 1.1458vw;
  line-height: 1.2853;
  color: #333;
  font-weight: bold;
}

.news .show-main .show-list li .txt {
  font-size: 0.6771vw;
  line-height: 1.6303;
  color: #666;
  margin-top: 0.5208vw;
}

.news .show-main .show-list li .time {
  font-size: 0.6771vw;
  line-height: 1.7402;
  color: #CECED1;
  margin-top: 0.5208vw;
}

.news .show-main .show-list li:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.news .show-main .show-list li:hover .name {
  color: #18AD5E;
}

.news .show-main .news-search {
  background: #ffffff;
}

.news .news-search {
  background: #F3F4F6;
  box-sizing: border-box;
  padding: 0.9375vw 1.0417vw 2.0833vw 1.1979vw;
}

.news .news-search .title {
  font-size: 0.9375vw;
  line-height: 1.7102;
  color: #333;
  font-weight: bold;
}

.news .news-search form {
  display: block;
}

.news .news-search .sub-search {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.625vw;
}

.news .news-search .sub-search .text {
  width: calc(100% - 4.0625vw);
  border: 1px solid #C4C4C4;
  border-right: none;
}

.news .news-search .date-text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.6042vw;
  border: 1px solid #C4C4C4;
  border-radius: 2px;
  background: url("../images/date.png") no-repeat right 0.625vw center #ffffff;
  background-size: 1.25vw 1.25vw;
  margin-top: 0.7813vw;
  font-size: 0.7292vw;
  padding: 0 0.7813vw;
  color: #666;
}

.news .news-search .news-active {
  padding-top: 2.8646vw;
}

.news .news-search .active-swiper {
  margin-top: 0.625vw;
  padding-bottom: calc(12px + 0.7813vw);
}

.news .news-search .active-swiper a {
  display: block;
  position: relative;
  overflow: hidden;
}

.news .news-search .active-swiper a:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.news .news-search .active-swiper .imgBg {
  height: 10.7292vw;
}

.news .news-search .active-swiper .name {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(180deg, transparent -5.13%, #000000 108.97%);
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0.625vw;
  font-size: 0.7292vw;
  line-height: 1.7102;
  padding: 0.4167vw 0.625vw;
  color: #ffffff;
}

.news .news-search .active-swiper .swiper-pagination {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  bottom: 0;
}

.news .news-search .active-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.7813vw 0 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  box-sizing: border-box;
}

.news .news-search .active-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: none;
  width: 12px;
  height: 12px;
  border: 2px solid #18AD5E;
}

.news .show-top {
  background: #F9F9F9;
  padding: 4.375vw 0 5.2083vw;
}

.news .show-top .pic {
  margin-top: 1.6667vw;
}

.news .show-top .pic img {
  display: block;
  width: 100%;
}

.news .show-top .main {
  background: #ffffff;
  padding: 2.0833vw 2.6042vw 2.3438vw;
}

.news .show-top .title {
  font-size: 1.4583vw;
  line-height: 1.2852;
  color: #333;
  font-weight: bold;
}

.news .show-top .info {
  display: flex;
  margin-top: 1.3021vw;
}

.news .show-top .item {
  display: flex;
  align-items: center;
  margin-right: 1.8229vw;
  font-size: 0.8333vw;
  line-height: 1.1458vw;
  color: #666;
}

.news .show-top i {
  display: block;
  width: 1.0417vw;
  height: 1.0417vw;
  background: url(../images/address.png) no-repeat;
  background-size: cover;
  margin-right: 0.4167vw;
}

.news .show-top .date-icon {
  background-image: url(../images/date_icon.png);
}

.news .show-top .name {
  font-size: 0.8854vw;
  line-height: 1.5882;
  color: #000;
  margin-top: 1.5625vw;
}

.news .show-top .txt {
  font-size: 0.7292vw;
  line-height: 1.6303;
  color: #666;
  margin-top: 0.5208vw;
}

.news .show-top .action {
  display: flex;
  justify-content: center;
  margin-top: 2.3438vw;
}

.news .show-top .action a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.2917vw;
  height: 2.9167vw;
  box-sizing: border-box;
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: #666;
  background: #F3F4F6;
  margin: 0 0.5208vw;
  transition: all .5s;
}

.news .show-top .action a i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR_b.png) no-repeat;
  background-size: cover;
  opacity: .6;
}

.news .show-top .action a:hover {
  color: #ffffff;
  background: #18AD5E;
}

.news .show-top .action a:hover i {
  background-image: url(../images/arrowR.png);
  opacity: 1;
}

.news .recent {
  padding: 4.5833vw 0 5vw;
}

.news .swiper-recent {
  position: relative;
  margin-top: 1.6667vw;
}

.news .swiper-recent .pic {
  height: 13.5417vw;
  overflow: hidden;
}

.news .swiper-recent .imgBg {
  height: 13.5417vw;
}

.news .swiper-recent a {
  display: block;
}

.news .swiper-recent a:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.news .swiper-recent a:hover .name {
  color: #18AD5E;
}

.news .swiper-recent .main {
  margin-top: 1.25vw;
}

.news .swiper-recent .name {
  font-size: 1.1458vw;
  line-height: 1.2852;
  color: #333;
  font-weight: bold;
}

.news .swiper-recent .txt {
  font-size: 0.7292vw;
  line-height: 1.6303;
  color: #333;
}

.news .swiper-recent .time {
  font-size: 0.7292vw;
  line-height: 1.2857;
  color: #666;
  margin-top: 1.6667vw;
}

.news .swiper-recent .swiper-button-next,
.news .swiper-recent .swiper-button-prev {
  width: 2.3958vw;
  height: 2.3958vw;
  background: url("../images/sw_arrow.png") no-repeat center rgba(0, 0, 0, 0.3);
  background-size: 1.6667vw 1.6667vw;
  border-radius: 50%;
  left: -4.4792vw;
  margin-top: -1.1979vw;
  z-index: 20;
}

.news .swiper-recent .swiper-button-next:hover,
.news .swiper-recent .swiper-button-prev:hover {
  background-color: #18AD5E;
}

.news .swiper-recent .swiper-button-next {
  transform: rotate(180deg);
  left: auto;
  right: -4.4792vw;
}

/*展会*/
.shownew .info i {
  display: block;
  width: 1.4583vw;
  height: 1.4583vw;
  background: url(../images/addr_icon.png) no-repeat;
  background-size: cover;
  margin-right: 0.5208vw;
}

.shownew .info .date-icon {
  background-image: url(../images/date_icon.png);
}

.shownew .info .no-icon {
  background-image: url(../images/no_icon.png);
}

.shownew .info .online-icon {
  background-image: url(../images/online_icon.png);
}

.shownew .info .time-icon {
  background-image: url(../images/time_icon.png);
}

.shownew .active-info {
  flex-wrap: wrap;
  width: 37.5vw;
  margin-top: 0.2083vw !important;
}

.shownew .active-info .item {
  width: 18.75vw;
  margin-top: 1.0417vw;
  margin-right: 0 !important;
}

.shownew .swiper-com .swiper-button-next,
.shownew .swiper-com .swiper-button-prev {
  width: 2.3958vw;
  height: 2.3958vw;
  background: url("../images/sw_arrow.png") no-repeat center rgba(0, 0, 0, 0.3);
  background-size: 1.6667vw 1.6667vw;
  border-radius: 50%;
  left: -4.4792vw;
  margin-top: -1.1979vw;
  z-index: 20;
}

.shownew .swiper-com .swiper-button-next:hover,
.shownew .swiper-com .swiper-button-prev:hover {
  background-color: #18AD5E;
}

.shownew .swiper-com .swiper-button-next {
  transform: rotate(180deg);
  left: auto;
  right: -4.4792vw;
}

.shownew .show-top {
  padding: 4.4271vw 0 4.7917vw;
  background: #F9F9F9;
}

.shownew .show-top .pic {
  margin-top: 1.6667vw;
}

.shownew .show-top .pic a,
.shownew .show-top .pic img {
  display: block;
  width: 100%;
}

.shownew .show-top .main {
  background: #ffffff;
  padding: 2.0833vw 2.6042vw 2.3438vw;
}

.shownew .show-top .title {
  font-size: 1.4583vw;
  line-height: 1.2852;
  color: #333;
  font-weight: bold;
}

.shownew .show-top .info {
  display: flex;
  margin-top: 1.3021vw;
}

.shownew .show-top .item {
  display: flex;
  align-items: center;
  margin-right: 1.5625vw;
  font-size: 1.0417vw;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.shownew .show-top .name {
  font-size: 0.8854vw;
  line-height: 1.63023;
  color: #000;
  margin-top: 1.4063vw;
}

.shownew .show-top .txt {
  font-size: 0.7292vw;
  line-height: 1.6303;
  color: #666;
  margin-top: 0.5208vw;
}

.shownew .show-top .action {
  display: flex;
  justify-content: center;
  margin-top: 2.3438vw;
}

.shownew .show-top .action a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.2917vw;
  height: 2.9167vw;
  box-sizing: border-box;
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: rgba(0, 0, 0, 0.8);
  background: #F3F4F6;
  font-weight: bold;
  margin: 0 0.5208vw;
  transition: all .5s;
}

.shownew .show-top .action a i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR_b.png) no-repeat;
  background-size: cover;
}

.shownew .show-top .action a:hover {
  color: #ffffff;
  background: #18AD5E;
}

.shownew .show-top .action a:hover i {
  background-image: url(../images/arrowR.png);
}

.shownew .recent {
  padding-top: 4.4271vw;
}

.shownew .swiper-recent {
  position: relative;
  margin-top: 2.3438vw;
}

.shownew .swiper-recent .pic {
  height: 11.0938vw;
  overflow: hidden;
}

.shownew .swiper-recent .imgBg {
  height: 11.0938vw;
}

.shownew .swiper-recent a {
  display: block;
}

.shownew .swiper-recent a:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.shownew .swiper-recent a:hover .name {
  color: #18AD5E;
}

.shownew .swiper-recent .main {
  margin-top: 1.25vw;
}

.shownew .swiper-recent .name {
  font-size: 1.1458vw;
  line-height: 1.2852;
  color: #333;
  font-weight: bold;
}

.shownew .swiper-recent .info {
  margin-top: 1.0417vw;
}

.shownew .swiper-recent .info i {
  width: 1.25vw;
  height: 1.25vw;
}

.shownew .swiper-recent .item {
  margin-bottom: 0.9375vw;
  display: flex;
  align-items: center;
  font-size: 0.9375vw;
  line-height: 1.3333;
  color: rgba(0, 0, 0, 0.8);
}

.shownew .swiper-recent .more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.2917vw;
  height: 2.9167vw;
  box-sizing: border-box;
  padding: 0 1.0417vw;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.8);
  background: #F3F4F6;
  font-weight: bold;
  margin-top: 0.4167vw;
  transition: all .5s;
}

.shownew .swiper-recent .more i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR_b.png) no-repeat;
  background-size: cover;
}

.shownew .swiper-recent .more:hover {
  color: #ffffff;
  background: #18AD5E;
}

.shownew .swiper-recent .more:hover i {
  background-image: url(../images/arrowR.png);
}

.shownew .swiper-recent .swiper-button-next,
.shownew .swiper-recent .swiper-button-prev {
  top: 6.7708vw;
}

.shownew .book {
  padding: 2.8125vw 0 5.2083vw;
}

.shownew .book .container {
  padding-top: 2.0833vw;
  border-top: 1px solid #E7E7E7;
}

.shownew .book .title {
  font-size: 1.6667vw;
  line-height: 1.3125;
  color: #000;
  font-weight: bold;
}

.shownew .book .info {
  font-size: 0.8333vw;
  line-height: 1.62482;
  color: #666;
  margin-top: 0.7813vw;
}

.shownew .book form {
  display: block;
  margin-top: 2.2917vw;
}

.shownew .book .item {
  display: flex;
  margin-bottom: 1.0417vw;
}

.shownew .book .name {
  font-size: 0.7813vw;
  line-height: 1.4299;
  color: rgba(51, 51, 51, 0.7);
  margin-bottom: 0.5208vw;
}

.shownew .book .name span {
  color: rgba(255, 0, 0, 0.7);
}

.shownew .book .step {
  width: 23.6979vw;
  margin-right: 0.9375vw;
}

.shownew .book .step:nth-child(3n) {
  margin-right: 0;
}

.shownew .book .book-select {
  position: relative;
  z-index: 10;
}

.shownew .book .book-select p {
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: rgba(153, 153, 153, 0.7);
  height: 2.6042vw;
  padding: 0 1.0417vw;
  box-sizing: border-box;
  border: 1px solid #C4C4C4;
  cursor: pointer;
  line-height: 2.5vw;
}

.shownew .book .book-select p::after {
  content: '';
  width: 12px;
  height: 7px;
  background: url(../images/arrowB.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 1.0417vw;
  top: 50%;
  transform: translateY(-50%);
}

.shownew .book .book-select ul {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  max-height: 13.0208vw;
  overflow-y: auto;
  border: 1px solid #C4C4C4;
  background: #ffffff;
  display: none;
  left: 0;
  top: 2.6042vw;
  margin-top: -1px;
}

.shownew .book .book-select ul li {
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: rgba(153, 153, 153, 0.7);
  line-height: 2.6042vw;
  cursor: pointer;
}

.shownew .book .book-select ul li:hover {
  color: #18AD5E;
}

.shownew .book .text {
  display: block;
  width: 100%;
  height: 2.6042vw;
  box-sizing: border-box;
  border: 1px solid #C4C4C4;
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: rgba(153, 153, 153, 0.7);
}

.shownew .book .vcode-text {
  width: 15.1042vw;
}

.shownew .book img {
  display: block;
  width: 7.7083vw;
  height: 2.6042vw;
  box-sizing: border-box;
  border: 1px solid #BEB9B9;
}

.shownew .book .item-bot {
  padding-top: 1.5625vw;
}

.shownew .book .btn {
  display: block;
  box-sizing: border-box;
  width: 8.3333vw;
  height: 2.6042vw;
  background: url(../images/arrowR.png) no-repeat right 1.1979vw center #18AD5E;
  background-size: 15px 4px;
  padding-left: 1.0417vw;
  font-size: 0.9375vw;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}

.shownew .review {
  padding: 4.2708vw 0 5.7292vw;
  background: #F9F9F9;
}

.shownew .swiper-review {
  position: relative;
  margin-top: 2.6042vw;
}

.shownew .swiper-review .swiper-slide {
  width: 12.7604vw;
  margin-right: 1.0417vw;
  transition: all .5s;
}

.shownew .swiper-review .swiper-slide-active {
  width: 45.3125vw;
}

.shownew .swiper-review .swiper-slide-active .main {
  display: block;
}

.shownew .swiper-review a {
  display: block;
}

.shownew .swiper-review .pic {
  height: 26.6667vw;
  overflow: hidden;
}

.shownew .swiper-review .imgBg {
  height: 26.6667vw;
}

.shownew .swiper-review .main {
  padding-top: 1.5625vw;
  display: none;
  transition: all .5s;
}

.shownew .swiper-review .name {
  font-size: 1.4583vw;
  line-height: 1.28523;
  color: #333;
  font-weight: bold;
}

.shownew .swiper-review .info {
  display: flex;
  margin-top: 1.1979vw;
}

.shownew .swiper-review .item {
  display: flex;
  align-items: center;
  margin-right: 1.5625vw;
  font-size: 1.0417vw;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.shownew .swiper-review .more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.2917vw;
  height: 2.9167vw;
  box-sizing: border-box;
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: #ffffff;
  background: #18AD5E;
  font-weight: bold;
  margin-top: 1.7708vw;
}

.shownew .swiper-review .more i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR.png) no-repeat;
  background-size: cover;
}

.shownew .swiper-review .swiper-button-next,
.shownew .swiper-review .swiper-button-prev {
  top: 13.3333vw;
}

.shownew .past {
  padding: 4.4271vw 0 5.5208vw;
}

.shownew .past .left {
  width: 52.6042vw;
}

.shownew .past .right {
  width: 18.3854vw;
}

.shownew .show-list {
  margin-top: 1.6667vw;
  padding-bottom: 1.0417vw;
}

.shownew .show-list li {
  margin-bottom: 1.5625vw;
  border-bottom: 1px solid #DFDFDF;
}

.shownew .show-list a {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.5625vw;
}

.shownew .show-list a:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.shownew .show-list a:hover .name {
  color: #18AD5E;
}

.shownew .show-list .pic {
  width: 16.6667vw;
  height: 8.125vw;
  overflow: hidden;
  margin-top: 0.2604vw;
}

.shownew .show-list .imgBg {
  height: 8.125vw;
}

.shownew .show-list .main {
  width: 34.2708vw;
}

.shownew .show-list .name {
  font-size: 1.1458vw;
  line-height: 1.28523;
  color: #333;
  font-weight: bold;
}

.shownew .show-list .info {
  display: flex;
  margin-top: 0.7813vw;
}

.shownew .show-list .info i {
  width: 1.25vw;
  height: 1.25vw;
}

.shownew .show-list .item {
  display: flex;
  align-items: center;
  font-size: 0.9375vw;
  line-height: 1.3333;
  color: rgba(0, 0, 0, 0.8);
  margin-right: 1.25vw;
}

.shownew .show-list .item:last-child {
  margin-right: 0;
}

.shownew .show-list .txt {
  font-size: 0.7292vw;
  line-height: 1.63023;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.7813vw;
}

.shownew .show-list .time {
  font-size: 0.7292vw;
  line-height: 1.2857;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.7813vw;
}

.shownew .news-search {
  background: #F3F4F6;
  box-sizing: border-box;
  padding: 0.9375vw 1.0417vw 2.0833vw 1.1979vw;
}

.shownew .news-search .title {
  font-size: 0.9375vw;
  line-height: 1.7102;
  color: #333;
  font-weight: bold;
}

.shownew .news-search form {
  display: block;
}

.shownew .news-search .sub-search {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.625vw;
}

.shownew .news-search .sub-search .text {
  width: calc(100% - 4.0625vw);
  border: 1px solid #C4C4C4;
  border-right: none;
}

.shownew .news-search .date-text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.6042vw;
  border: 1px solid #C4C4C4;
  border-radius: 2px;
  background: url("../images/date.png") no-repeat right 0.625vw center #ffffff;
  background-size: 1.25vw 1.25vw;
  margin-top: 0.7813vw;
  font-size: 0.7292vw;
  padding: 0 0.7813vw;
  color: #666;
}

.shownew .news-search .news-active {
  padding-top: 2.8646vw;
}

.shownew .news-search .active-swiper {
  margin-top: 0.625vw;
  padding-bottom: calc(12px + 0.7813vw);
}

.shownew .news-search .active-swiper a {
  display: block;
  position: relative;
  overflow: hidden;
}

.shownew .news-search .active-swiper a:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.shownew .news-search .active-swiper .imgBg {
  height: 7.8646vw;
}

.shownew .news-search .active-swiper .name {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(180deg, transparent -5.13%, #000000 108.97%);
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0.625vw;
  font-size: 0.7292vw;
  line-height: 1.7102;
  padding: 0.4167vw 0.625vw;
  color: #ffffff;
}

.shownew .news-search .active-swiper .swiper-pagination {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  bottom: 0;
}

.shownew .news-search .active-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.7813vw 0 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  box-sizing: border-box;
}

.shownew .news-search .active-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: none;
  width: 12px;
  height: 12px;
  border: 2px solid #18AD5E;
}

.show {
  padding-bottom: 0;
}

/*新闻详情*/
.newsDet .header {
  background: #ffffff;
  border-bottom: 1px solid #F2F2F2;
  height: 4.1667vw;
}

.newsDet .header .logo .nb {
  display: none;
}

.newsDet .header .logo .wb {
  display: block;
}

.newsDet .header .nav li .link {
  color: #333;
}

.newsDet .header .nav li .link i {
  background-image: url("../images/arrowT_b.png");
}

.newsDet .header .language::before {
  background-image: url("../images/language_b.png");
}

.newsDet .header .language::after {
  background-image: url("../images/arrowT_b.png");
}

.newsDet .header .language p {
  color: #333;
}

.newsDet .header .search {
  background-image: url("../images/search_b.png");
}

.newsDet .back {
  width: 4.6875vw;
  height: 4.6875vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #18AD5E;
  border-radius: 4px;
  font-size: 0.625vw;
  line-height: 1.3334;
  color: #ffffff;
  position: fixed;
  left: 13.5417vw;
  top: 7.3958vw;
  z-index: 1001;
}

.newsDet .back i {
  display: block;
  width: 0.8333vw;
  height: 0.8333vw;
  background: url("../images/back_icon.png") no-repeat;
  background-size: cover;
  margin-bottom: 0.3125vw;
}

.newsDet .newsDet-main {
  padding: 7.3958vw 0;
}

.newsDet .newsDet-main .container {
  box-sizing: border-box;
  padding-left: 9.8958vw;
}

.newsDet .newsDet-main .top {
  border-bottom: 1px solid #E9E9E9;
  padding: 0 11.4583vw 0.7813vw 0;
}

.newsDet .newsDet-main .name {
  font-size: 1.6667vw;
  line-height: 2.1875vw;
  color: #333;
  font-weight: bold;
}

.newsDet .newsDet-main .date {
  font-size: 1.0417vw;
  color: #999;
  font-style: initial;
  font-weight: bold;
  line-height: 1.3542vw;
  margin-top: 0.7813vw;
}

.newsDet .newsDet-main .date span {
  color: #333;
  font-style: initial;
}

.newsDet .newsDet-main .share {
  display: flex;
  margin-top: 1.5625vw;
}

.newsDet .newsDet-main .share a {
  display: block;
  width: 1.5625vw;
  height: 1.5625vw;
  background: #333;
  background-image: url("../images/share_icon.png");
  background-size: 1.5625vw 4.6875vw;
  border-radius: 50%;
  margin: 0 0.625vw 0 0;
  padding: 0;
}

.newsDet .newsDet-main .share a:hover {
  background-color: #18AD5E;
}

.newsDet .newsDet-main .share .tsina {
  background-position: 0 -1.5625vw;
}

.newsDet .newsDet-main .share .bshare-linkedin {
  background-position: 0 -3.125vw;
}

.newsDet .newsDet-main .share i {
  display: block;
  width: 1.5625vw;
  height: 1.5625vw;
  background: url("../images/share_icon.png") no-repeat;
  background-size: 1.5625vw 4.6875vw;
}

.newsDet .newsDet-main .share .sina {
  background-position: 0 -1.5625vw;
}

.newsDet .newsDet-main .share .linkin {
  background-position: 0 -3.125vw;
}

.newsDet .newsDet-main .content {
  margin-top: 2.6042vw;
  padding-right: 11.4583vw;
  font-size: 0.7813vw;
  line-height: 1.7333;
  color: #666;
}

.newsDet .newsDet-main .content span,
.newsDet .newsDet-main .content div,
.newsDet .newsDet-main .content p {
  font-size: 0.7813vw !important;
  line-height: 1.7333 !important;
}

.newsDet .newsDet-main .content p {
  margin-bottom: 1.0417vw;
}

.newsDet .newsDet-main .content img {
  max-width: 100%;
}

.newsDet .newsDet-main .news-page {
  display: flex;
  justify-content: space-between;
  margin-top: 2.0833vw;
  padding-right: 11.4583vw;
}

.newsDet .newsDet-main .news-page a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 85px;
  height: 30px;
  background: #AFAFAF;
  padding: 0 10px;
  font-size: 12px;
  color: #ffffff;
}

.newsDet .newsDet-main .news-page a i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat;
  background-size: cover;
}

.newsDet .newsDet-main .news-page a:hover {
  background: #18AD5E;
}

.newsDet .newsDet-main .news-page a:first-child i {
  background-image: url("../images/arrowL.png");
}

.newsDet .report {
  padding: 2.3438vw 11.4583vw 0 0;
}

.newsDet .report .title {
  font-size: 1.9792vw;
  line-height: 1.3158;
  color: #000;
  font-weight: bold;
}

.newsDet .report .tips {
  font-size: 0.8333vw;
  line-height: 1.6248;
  color: #666;
  margin-top: 0.5208vw;
}

.newsDet .report form {
  display: block;
  margin-top: 1.9792vw;
}

.newsDet .report .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6771vw;
}

.newsDet .report .step {
  width: 23.6979vw;
}

.newsDet .report h5 {
  font-size: 0.7813vw;
  line-height: 1.43;
  color: #666;
  margin-bottom: 0.5208vw;
}

.newsDet .report h5 span {
  color: rgba(255, 0, 0, 0.7);
}

.newsDet .report .text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.6042vw;
  padding: 0 1.0417vw;
  font-size: 0.7813vw;
  color: #666;
  border: 1px solid #C4C4C4;
}

.newsDet .report .item-bot {
  padding-top: 1.5625vw;
}

.newsDet .report .btn {
  display: block;
  box-sizing: border-box;
  width: 7.2917vw;
  height: 2.9167vw;
  background: url(../images/arrowR.png) no-repeat right 1.5625vw center #18AD5E;
  background-size: 0.8333vw 0.2604vw;
  padding-left: 1.0417vw;
  font-size: 0.7813vw;
  color: #ffffff;
  text-align: left;
}

.newsDet .show-content {
  padding-top: 2.6042vw;
  border-top: 1px solid #E9E9E9;
}

.newsDet .show-content .pic img {
  display: block;
  max-width: 100%;
}

.newsDet .show-content .title {
  margin-top: 2.0833vw;
  font-size: 1.4583vw;
  line-height: 1.2857;
  color: #333;
  font-weight: bold;
}

.newsDet .show-content .info {
  margin-top: 1.25vw;
}

.newsDet .show-content .info i {
  display: block;
  width: 1.4583vw;
  height: 1.4583vw;
  background: url(../images/addr_icon.png) no-repeat;
  background-size: cover;
  margin-right: 0.5208vw;
}

.newsDet .show-content .info .date-icon {
  background-image: url(../images/date_icon.png);
}

.newsDet .show-content .info .no-icon {
  background-image: url(../images/no_icon.png);
}

.newsDet .show-content .info .exhi-icon {
  background-image: url(../images/exhi_icon.png);
}

.newsDet .show-content .info .intro-icon {
  background-image: url(../images/intro_icon.png);
}

.newsDet .show-content .info .online-icon {
  background-image: url(../images/online_icon.png);
}

.newsDet .show-content .info .time-icon {
  background-image: url(../images/time_icon.png);
}

.newsDet .show-content .info p {
  width: 51.5625vw;
  line-height: 1.7;
}

.newsDet .show-content .item {
  margin-bottom: 1.0417vw;
  display: flex;
  align-items: center;
  font-size: 1.0417vw;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
}

.newsDet .show-content .item:last-child {
  align-items: flex-start;
}

.newsDet .action {
  display: flex;
  justify-content: center;
  margin-top: 1.6667vw;
}

.newsDet .action a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7.2917vw;
  height: 2.9167vw;
  box-sizing: border-box;
  padding: 0 0.9375vw;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.8);
  background: #F3F4F6;
  font-weight: bold;
  margin: 0 0.5208vw;
  transition: all .5s;
}

.newsDet .action a i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR_b.png) no-repeat;
  background-size: cover;
}

.newsDet .action a:hover {
  color: #ffffff;
  background: #18AD5E;
}

.newsDet .action a:hover i {
  background-image: url(../images/arrowR.png);
}

.newsDet .agenda {
  margin-top: 2.6042vw;
  padding-top: 2.0833vw;
  border-top: 1px solid #E7E7E7;
}

.newsDet .agenda .title {
  font-size: 1.6667vw;
  line-height: 1.3125;
  color: #000;
  font-weight: bold;
}

.newsDet .agenda .list {
  margin-top: 1.7188vw;
  position: relative;
}

.newsDet .agenda .list::before {
  content: '';
  width: 1px;
  height: calc(100% - 2.2396vw);
  background: #E7F5EE;
  left: 0.3646vw;
  top: 1.3542vw;
  position: absolute;
}

.newsDet .agenda .list .item {
  display: flex;
  margin-bottom: 1.25vw;
  position: relative;
  z-index: 10;
  padding-left: 1.7188vw;
}

.newsDet .agenda .list .item:last-child {
  margin-bottom: 0;
}

.newsDet .agenda .list .item::before {
  content: '';
  width: 0.6771vw;
  height: 0.6771vw;
  background: #BEEBD3;
  position: absolute;
  left: 0;
  top: 0.6771vw;
}

.newsDet .agenda .list .clock {
  width: 4.1667vw;
  height: 1.5625vw;
  background: #18AD5E;
  text-align: center;
  line-height: 1.5625vw;
  font-size: 0.8333vw;
  color: #ffffff;
  margin-right: 1.3542vw;
}

.newsDet .agenda .list .wz {
  font-size: 0.9375vw;
  line-height: 1.5625vw;
  color: rgba(0, 0, 0, 0.8);
  width: 55.7292vw;
}

/*可持续发展*/
.develop .title {
  font-size: 1.875vw;
  line-height: 1.3333;
  font-weight: 700;
  color: #333;
}

.develop .debt {
  background: url(../img/debt_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 6.6667vw 0 5.7292vw;
}

.develop .debt .container {
  display: flex;
  justify-content: space-between;
}

.develop .debt .left {
  width: 33.5938vw;
}

.develop .debt .txt {
  margin-top: 1.0417vw;
  font-size: 0.7292vw;
  line-height: 1.8;
  color: #666;
}

.develop .debt .txt p {
  margin-bottom: 0.7813vw;
}

.develop .debt .link {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  height: 2.6042vw;
  width: 9.375vw;
  font-size: 0.8333vw;
  padding: 0 1.0417vw;
  background: #18AD5E;
  color: #ffffff;
  margin-top: 1.7708vw;
}

.develop .debt .link i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR.png) no-repeat;
  background-size: cover;
}

.develop .debt .right {
  width: 31.9792vw;
}

.develop .debt .cell {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5625vw;
}

.develop .debt .cell:last-child {
  width: 72.9167vw;
  margin-left: -40.9375vw;
}

.develop .debt .item {
  width: 7.2917vw;
  height: 7.2917vw;
  border-radius: 4px;
}

.develop .debt .item img {
  display: block;
  width: 100%;
}

.develop .debt .name {
  display: none;
}

.develop .gold_award_img_text {
  background: #f9f9f9;
  padding: 5.8333vw 0 6.25vw;
}

.develop .gold_award_img_text .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.develop .gold_award_img_text .container .text {
  width: 30.5208vw;
}

.develop .gold_award_img_text .container .text .tit {
  font-size: 1.875vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
  margin-bottom: 0.5208vw;
}

.develop .gold_award_img_text .container .text .desc {
  font-size: 0.7292vw;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.6);
}

.develop .gold_award_img_text .container .img {
  width: 38.2292vw;
}

.develop .gold_award_img_text .container .img img {
  display: block;
  width: 100%;
}

.develop .esg {
  padding: 6.1458vw 0 7.0313vw;
}

.develop .esg .top {
  display: flex;
  justify-content: space-between;
}

.develop .esg .top .txt {
  font-size: 0.7292vw;
  line-height: 1.8;
  color: #666;
  width: 43.8542vw;
}

.develop .esg .top .txt p {
  margin-bottom: 0.7813vw;
}

.develop .esg .main {
  margin-top: 4.5833vw;
  position: relative;
}

.develop .esg .imgBg {
  height: 33.5938vw;
}

.develop .esg .list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
}

.develop .esg .list::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}

.develop .esg .item {
  display: block;
  position: relative;
  z-index: 10;
  width: 33.3333%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.develop .esg .item:last-child {
  border-right: none;
}

.develop .esg .box {
  box-sizing: border-box;
  padding: 4.1667vw 0 2.1875vw;
  height: 33.5938vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.develop .esg .t-name {
  width: 8.5938vw;
  height: 7.7604vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 4px;
}

.develop .esg h4 {
  font-size: 1.8229vw;
  line-height: 1.3143;
  color: #18AD5E;
  font-weight: 700;
}

.develop .esg .en {
  font-size: 0.8333vw;
  line-height: 1.3125;
  color: #18AD5E;
  text-transform: uppercase;
  margin-top: 0.2083vw;
}

.develop .esg .info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375vw;
  height: 2.9167vw;
  line-height: 1.5556;
  color: #ffffff;
  text-align: center;
}

.develop .esg .cell {
  display: flex;
  justify-content: center;
  margin-top: 0.7813vw;
}

.develop .esg .step {
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 4px;
  margin: 0 0.3906vw;
}

.develop .esg .step img {
  display: block;
  width: 100%;
}

.develop .esg .name {
  display: none;
}

.develop .esg .active .t-name {
  background: #18AD5E;
}

.develop .esg .active h4,
.develop .esg .active .en {
  color: #ffffff;
}

.develop .green {
  background: #F9F9F9;
  padding: 5.2083vw 0 5.8333vw;
}

.develop .green .swiper-green {
  margin-top: 2.0833vw;
  height: 37.5vw;
  padding-bottom: 0.8333vw;
}

.develop .green .swiper-slide {
  height: 12.5vw;
  width: 100%;
}

.develop .green .swiper-pagination {
  display: flex;
  bottom: 0;
  align-items: center;
}

.develop .green .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #000;
  opacity: .3;
  margin: 0 0.625vw 0 0;
}

.develop .green .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.1875vw;
  opacity: 1;
  background: #18AD5E;
  border-radius: 3px;
}

.develop .green a {
  display: flex;
  justify-content: space-between;
  height: 10.1563vw;
  padding-bottom: 1.3021vw;
  border-bottom: 1px solid #E3E3E3;
}

.develop .green a:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.develop .green a:hover .name {
  color: #18AD5E;
}

.develop .green .pic {
  width: 15.8854vw;
  height: 10.1563vw;
  overflow: hidden;
}

.develop .green .imgBg {
  height: 10.1563vw;
}

.develop .green .main {
  width: calc(100% - 18.3854vw);
}

.develop .green .name {
  font-size: 1.0417vw;
  line-height: 2;
  color: #333;
  font-weight: 700;
}

.develop .green .date {
  display: flex;
  align-items: center;
  font-size: 0.8333vw;
  line-height: 1.1458vw;
  margin-top: 0.4167vw;
  color: #666;
}

.develop .green .date .icon {
  width: 1.0417vw;
  height: 1.0417vw;
  background: url(../images/date_icon.png) no-repeat;
  background-size: cover;
  margin-right: 0.4167vw;
}

.develop .green .txt {
  font-size: 0.7292vw;
  line-height: 1.8572;
  color: #666;
  max-width: 51.5625vw;
  margin-top: 1.1458vw;
}

.develop .report {
  background: url(../img/report_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 7.2917vw 0 8.125vw;
  position: relative;
}

.develop .report::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0;
  top: 0;
}

.develop .report .container {
  position: relative;
  z-index: 10;
}

.develop .report .year {
  font-size: 2.8125vw;
  line-height: 1.3148;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}

.develop .report .name {
  font-size: 1.875vw;
  line-height: 1.3333;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.develop .report .action {
  display: flex;
  justify-content: center;
  margin-top: 1.7708vw;
}

.develop .report a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10.9375vw;
  height: 2.6042vw;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  padding: 0 1.0417vw;
  font-size: 0.8333vw;
  margin: 0 5px;
  color: #ffffff;
  background: none;
}

.develop .report a:hover {
  background: #18AD5E;
  border-color: #18AD5E;
}

.develop .report i {
  display: block;
  width: 0.9375vw !important;
  height: 0.9375vw !important;
  background-image: url(../images/download_icon.png) !important;
  background-size: cover;
}

.develop .report .view-icon {
  background-image: url(../images/view_icon.png) !important;
}

/*环境*/
.envir .title {
  font-size: 2.0833vw;
  line-height: 2.7604vw;
  color: #ffffff;
  font-weight: bold;
}

.envir .pro-box {
  background: linear-gradient(180deg, #F5F5F5 3.26%, rgba(255, 255, 255, 0) 93.59%);
  padding: 5.2083vw 0 7.8125vw;
}

.envir .pro-box .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.envir .pro-box .left {
  width: 32.1875vw;
  box-sizing: border-box;
  padding: 3.75vw 3.9583vw 4.1667vw;
  margin-right: -8.5417vw;
  position: relative;
  z-index: 10;
  background: url(../images/envir_bg.png) no-repeat right bottom #18AD5E;
  background-size: 19.5833vw 14.8438vw;
}

.envir .pro-box .txt {
  font-size: 0.7292vw;
  line-height: 2;
  color: #ffffff;
  margin-top: 1.5625vw;
}

.envir .pro-box .txt p {
  margin-bottom: 0.5208vw;
}

.envir .pro-box .pic {
  width: 49.2708vw;
  height: 30.9896vw;
}

.envir .strategy-box {
  position: relative;
  box-sizing: border-box;
  height: 48.4375vw;
  padding-top: 5.5729vw;
}

.envir .strategy-box video {
  display: block;
  width: 100%;
  height: 48.4375vw;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.envir .strategy-box .container {
  position: relative;
  z-index: 10;
}

.envir .strategy-box .main {
  margin-top: 2.4479vw;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 20px 0px rgba(145, 178, 204, 0.4);
  backdrop-filter: blur(16.5px);
  box-sizing: border-box;
  height: 28.6458vw;
  padding: 3.0208vw 3.75vw 0 3.125vw;
  display: flex;
  justify-content: space-between;
}

.envir .strategy-box .left {
  width: 39.3229vw;
}

.envir .strategy-box .nav {
  display: flex;
}

.envir .strategy-box .nav .item {
  font-size: 1.0938vw;
  line-height: 1.3333;
  color: #333;
  margin-right: 2.8646vw;
  padding-bottom: 0.9375vw;
  cursor: pointer;
}

.envir .strategy-box .nav .item:last-child {
  margin-right: 0;
}

.envir .strategy-box .nav .active {
  font-weight: bold;
  color: #18AD5E;
  border-bottom: 0.2083vw solid #18AD5E;
}

.envir .strategy-box .tabs {
  margin-top: 1.0417vw;
}

.envir .strategy-box .list li {
  border-bottom: 1px solid #B6BFC9;
  font-size: 0.7813vw;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.7813vw 0;
  position: relative;
  padding-left: 1.9792vw;
  display: flex;
  align-items: center;
}

.envir .strategy-box .list li span {
  font-size: 1.1458vw;
  color: #18AD5E;
  font-weight: bold;
  margin: 0 0.3125vw;
}

.envir .strategy-box .list li::before {
  content: '';
  width: 1.25vw;
  height: 1.25vw;
  background: url(../images/strategy_icon.png) no-repeat;
  background-size: cover;
  left: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.envir .strategy-box .right {
  width: 22.3958vw;
}

.envir .strategy-box .right .name {
  font-size: 1.0938vw;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.envir .strategy-box .swiper-strategy {
  padding-bottom: 1.7708vw;
  margin-top: 2.3958vw;
}

.envir .strategy-box .swiper-strategy .swiper-slide {
  position: relative;
}

.envir .strategy-box .swiper-strategy .img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14.7917vw;
}

.envir .strategy-box .swiper-strategy .img img {
  display: block;
  max-width: 100%;
  max-height: 14.7917vw;
}

.envir .strategy-box .swiper-strategy p {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 1.25vw;
  font-size: 1.0417vw;
  color: #ffffff;
  font-weight: bold;
  padding: 0 1.5625vw;
  line-height: 1.3;
}

.envir .strategy-box .swiper-strategy .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}

.envir .strategy-box .swiper-strategy .swiper-pagination-bullet {
  width: 0.4167vw;
  height: 0.4167vw;
  border-radius: 50%;
  box-sizing: border-box;
  opacity: .1;
  background: #000;
  margin: 0 0.4167vw;
}

.envir .strategy-box .swiper-strategy .swiper-pagination-bullet-active {
  width: 0.625vw;
  height: 0.625vw;
  background: none;
  border: 0.2083vw solid #18AD5E;
  opacity: 1;
}

.envir .data-box {
  background: url(../img/data_bg.jpg) no-repeat right center;
  background-size: cover;
  padding: 6.6146vw 0 6.1458vw;
}

.envir .data-box .container {
  display: flex;
  justify-content: flex-end;
}

.envir .data-box .main {
  box-sizing: border-box;
  padding: 2.5vw  5.8333vw 2.6042vw 3.3333vw;
  border: 0.2604vw solid #ffffff;
  width: 36.4583vw;
}

.envir .data-box .info {
  font-size: 0.7292vw;
  line-height: 2;
  color: #ffffff;
  margin-top: 1.0417vw;
}

.envir .data-box .nav {
  display: flex;
  margin-top: 2.2917vw;
  padding-bottom: 0.4167vw;
  border-bottom: 1px solid #ffffff;
}

.envir .data-box .nav .item {
  position: relative;
  font-size: 0.7813vw;
  line-height: 1.1458vw;
  font-weight: bold;
  color: #ffffff;
  margin-right: 2.6042vw;
  cursor: pointer;
}

.envir .data-box .nav .item:last-child {
  margin-right: 0;
}

.envir .data-box .nav .active::after {
  content: '';
  width: calc(100% + 1.0417vw);
  height: 0.2604vw;
  position: absolute;
  left: 0;
  bottom: -0.5729vw;
  background: #ffffff;
}

.envir .data-box .swiper-data {
  height: 2.2916vw;
  margin-top: 2.2917vw;
  padding-bottom: 0.5729vw;
}

.envir .data-box .swiper-data::before {
  content: '';
  width: 100%;
  height: 1px;
  bottom: 0.1563vw;
  background: #ffffff;
  position: absolute;
  left: 0;
}

.envir .data-box .swiper-data .item {
  display: flex;
  align-items: flex-end;
  position: relative;
  font-size: 0.7813vw;
  line-height: 1.1458vw;
  height: 2.2916vw;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

.envir .data-box .swiper-data .swiper-slide-thumb-active::after {
  content: '';
  width: 100%;
  height: 0.2604vw;
  position: absolute;
  left: 0;
  bottom: -0.5729vw;
  background: #ffffff;
}

.envir .data-box .swiper-thumbs {
  margin-top: 2.0833vw;
  height: 19.6875vw;
}

.envir .data-box .swiper-thumbs .swiper-button-next,
.envir .data-box .swiper-thumbs .swiper-button-prev {
  width: 2.3958vw;
  height: 2.3958vw;
  background: url(../images/sw_arrow.png) no-repeat center rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  left: 0;
  margin-top: -1.1979vw;
  background-size: 1.6667vw 1.6667vw;
}

.envir .data-box .swiper-thumbs .swiper-button-next {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.envir .data-box .box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19.6875vw;
}

.envir .data-box .box img {
  display: block;
  max-width: 16.3021vw;
  max-height: 19.6875vw;
}

.envir .case-box {
  padding: 4.6875vw 0 7.0313vw;
}

.envir .case-box .title {
  color: #333;
  text-align: center;
}

.envir .case-box .nav {
  display: flex;
  justify-content: center;
  margin-top: 1.9792vw;
}

.envir .case-box .nav .item {
  padding: 0 1.3021vw;
  margin: 0 0.2604vw;
  border: 1px solid #DBDBDB;
  font-size: 0.9375vw;
  line-height: 2.8125vw;
  color: rgba(0, 0, 0, 0.6);
}

.envir .case-box .nav .active {
  border-color: #18AD5E;
  background: #18AD5E;
  color: #ffffff;
  cursor: pointer;
}

.envir .case-box .tabs {
  margin-top: 2.2396vw;
}

.envir .case-box .box {
  display: flex;
  justify-content: space-between;
}

.envir .case-box .left {
  background: #F9F9F9;
  box-sizing: border-box;
  width: 23.9583vw;
  display: flex;
  align-items: center;
  height: 25vw;
  padding: 0 2.6042vw;
}

.envir .case-box .name {
  font-size: 1.4583vw;
  line-height: 2.1875vw;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.envir .case-box .txt {
  font-size: 0.7292vw;
  line-height: 1.3542vw;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.4167vw;
  padding-bottom: 1.1979vw;
}

.envir .case-box h5 {
  font-size: 1.0417vw;
  line-height: 2.1875vw;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 1.3021vw;
}

.envir .case-box .num {
  font-size: 0.9375vw;
  line-height: 4.4271vw;
  color: #18AD5E;
  font-weight: bold;
}

.envir .case-box .num span {
  font-size: 3.6667vw;
  font-weight: normal;
  font-family: 'Silka';
}

.envir .case-box .pic {
  width: 48.9583vw;
  height: 25vw;
}

.envir .board-box {
  background: url(../img/border_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 4.1667vw 0 5.9375vw;
}

.envir .board-box .title {
  color: #333;
  text-align: center;
}

.envir .board-box .nav {
  display: flex;
  justify-content: center;
  margin-top: 1.9792vw;
}

.envir .board-box .nav .item {
  padding: 0 1.3021vw;
  margin: 0 0.2604vw;
  border: 1px solid #DBDBDB;
  font-size: 0.9375vw;
  line-height: 2.8125vw;
  color: rgba(0, 0, 0, 0.6);
}

.envir .board-box .nav .active {
  border-color: #18AD5E;
  background: #18AD5E;
  color: #ffffff;
  cursor: pointer;
}

.envir .board-box .tabs {
  margin-top: 2.2396vw;
}

.envir .board-box .tabs .item {
  display: none;
}

.envir .board-box .box {
  display: flex;
  justify-content: space-between;
}

.envir .board-box .left {
  background: #ffffff;
  box-sizing: border-box;
  width: 23.9583vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2.6042vw;
}

.envir .board-box .name {
  font-size: 1.4583vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}

.envir .board-box .txt {
  font-size: 0.7292vw;
  line-height: 1.8572;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.4167vw;
}

.envir .board-box .link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.6042vw;
  width: 9.375vw;
  height: 2.6042vw;
  background: #18AD5E;
  font-size: 0.8333vw;
  color: #ffffff;
}

.envir .board-box .link i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR.png) no-repeat;
  background-size: cover;
  margin-left: 3.0208vw;
}

.envir .board-box .pic {
  width: 48.9583vw;
}

.envir .board-box .pic img {
  display: block;
  width: 100%;
}

/*联系我们*/
.contact .feedback-box {
  padding: 4.375vw 0 3.5937vw;
  background: #F9F9F9;
}

.contact .feedback-box .tips {
  font-size: 0.8333vw;
  line-height: 1.6248;
  color: #666;
  margin-top: 0.8333vw;
}

.contact .feedback-box form {
  display: block;
  margin-top: 2.0833vw;
}

.contact .feedback-box .item {
  display: flex;
  justify-content: space-between;
}

.contact .feedback-box .step {
  width: 23.6979vw;
  margin-bottom: 0.6771vw;
}

.contact .feedback-box .name {
  font-size: 0.7813vw;
  line-height: 1.43;
  color: rgba(51, 51, 51, 0.7);
  margin-bottom: 0.5208vw;
}

.contact .feedback-box .name span {
  color: red;
}

.contact .feedback-box .text,
.contact .feedback-box textarea {
  display: block;
  width: 100%;
  height: 2.6042vw;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  padding: 0 1.0417vw;
  font-size: 0.8333vw;
  color: #333;
}

.contact .feedback-box textarea {
  height: 8.3333vw;
  padding: 0.8333vw 1.0417vw;
}

.contact .feedback-box .vcode-text {
  width: 15.1042vw;
  height: 2.0833vw;
}

.contact .feedback-box img {
  display: block;
  height: 2.0833vw;
  cursor: pointer;
}

.contact .feedback-box .item-long .step {
  width: 100%;
}

.contact .feedback-box .item-bot {
  padding-top: 1.8229vw;
}

.contact .feedback-box .btn {
  display: block;
  width: 13.5417vw;
  height: 2.6042vw;
  text-align: left;
  box-sizing: border-box;
  padding-left: 1.1458vw;
  font-size: 0.8333vw;
  color: #ffffff;
  background: url("../images/arrowR.png") no-repeat right 1.0417vw center #18AD5E;
  border: none;
  background-size: 16px 5px;
}

.contact .feedback-box .btn:hover {
  background-color: #ABCD03;
}

.contact .w-bg {
  background: #ffffff;
}

.contact .help-box {
  background: #F9F9F9;
  padding: 5.0521vw 0 5.5208vw;
}

.contact .help-box .com-title {
  text-align: center;
}

.contact .help-box .list {
  display: flex;
  justify-content: center;
  margin-top: 3.6458vw;
}

.contact .help-box .item {
  text-align: center;
  margin: 0 4.2083vw;
}

.contact .help-box img {
  display: block;
  width: 3.6458vw;
  margin: 0 auto;
}

.contact .help-box .name {
  font-size: 1.4063vw;
  line-height: 1.3333;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 1.1458vw 0 1.0417vw;
}

.contact .help-box p {
  font-size: 0.9375vw;
  line-height: 1.3333;
  margin-top: 0.5208vw;
  color: #666;
}

.contact .help-box a {
  display: flex;
  width: 7.8125vw;
  height: 2.0833vw;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 1.0417vw;
  font-size: 0.7292vw;
  color: #ffffff;
  margin: 1.0417vw auto 0;
  background: #18AD5E;
  text-align: left;
}

.contact .help-box a i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url(../images/arrowR.png) no-repeat;
  background-size: cover;
}

.contact .help-box a:hover {
  background: #ABCD03;
}

.contact .address-box {
  padding: 3.125vw 0 2.3438vw;
}

.contact .address-box .item {
  padding-bottom: 2.3438vw;
}

.contact .address-box .title {
  font-size: 1.25vw;
  line-height: 1.6667vw;
  color: #18AD5E;
  font-weight: bold;
  padding-bottom: 0.4167vw;
  border-bottom: 1px solid #C9CACA;
}

.contact .address-box .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.0417vw;
}

.contact .address-box .step {
  width: 22.3958vw;
  margin: 0 2.8125vw 2.3438vw 0;
}

.contact .address-box .step:nth-child(3n) {
  margin-right: 0;
}

.contact .address-box .name {
  font-size: 1.0417vw;
  line-height: 1.3542vw;
  color: #000;
}

.contact .address-box .txt {
  font-size: 0.7813vw;
  line-height: 1.6667;
  color: #666;
  margin-top: 0.2604vw;
}

/*产品*/
.pro-nav {
  background: #F9F9F9;
  z-index: 90;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.pro-nav .list {
  display: flex;
  align-items: center;
  height: 3.9063vw;
  justify-content: center;
}

.pro-nav .list a {
  display: block;
  padding: 0 1.5625vw;
  font-size: 0.9375vw;
  color: #000;
  position: relative;
  line-height: 2.7;
}

.pro-nav .list a::after {
  content: '';
  width: 1px;
  height: 1.1458vw;
  background: #000;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5729vw;
}

.pro-nav .list a:last-child::after {
  display: none;
}

.pro-nav .list a:hover {
  color: #18AD5E;
}

.pro-nav .list .active {
  font-weight: bold;
  color: #18AD5E;
}

.pro-list .item {
  position: relative;
}

.pro-list .item .anchor {
  position: absolute;
  left: 0;
  top: -3.9063vw;
}

.pro-list .item .pro-top {
  background: #ffffff;
  padding: 2.8125vw 0;
}

.pro-list .item .pro-top .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pro-list .item .pro-top .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26.7708vw;
  height: 23.5417vw;
}

.pro-list .item .pro-top .pic img {
  display: block;
  max-width: 100%;
  max-height: 23.5417vw;
}

.pro-list .item .pro-top .main {
  width: 41.1458vw;
}

.pro-list .item .pro-top .name {
  font-size: 3.5417vw;
  font-weight: bold;
  color: #18AD5E;
  line-height: 4.1667vw;
}

.pro-list .item .pro-top .name span {
  color: #000;
}

.pro-list .item .pro-top .prams {
  font-size: 1.4583vw;
  line-height: 2;
  color: #000;
}

.pro-list .item .pro-top .txt {
  font-size: 0.8333vw;
  line-height: 1.6248;
  color: #666;
  margin-top: 1.0417vw;
  text-align: justify;
}

.pro-list .item:nth-child(2n) .pro-top .container {
  flex-direction: row-reverse;
}

.pro-main {
  background: #F3F4F6;
  padding: 4.375vw 0 1.5625vw;
}

.pro-main .list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pro-main .list a {
  display: block;
  width: 33.3333%;
  margin-bottom: 5.2083vw;
}

.pro-main .list a:hover img {
  transform: scale(1.1, 1.1);
}

.pro-main .list .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16.6667vw;
  overflow: hidden;
  padding: 1.0417vw 0;
}

.pro-main .list .pic img {
  display: block;
  max-width: 100%;
  max-height: 16.6667vw;
}

.pro-main .list .name {
  text-align: center;
  font-size: 1.25vw;
  line-height: 1.6498;
  color: #000;
  font-weight: bold;
}

.pro-main .list .name span {
  color: #18AD5E;
  font-weight: bold;
}

/*产品详情*/
.proDet {
  overflow: hidden;
}

.proDet .banner {
  position: relative;
  z-index: 10;
}

.proDet .banner::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.34);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
}

.proDet .banner img {
  width: 100%;
}

.proDet .banner .name {
  position: absolute;
  left: 4%;
  width: 92%;
  top: 7.7083vw;
  font-size: 2.1354vw;
  line-height: 2.8125vw;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  z-index: 20;
}

.proDet .prams-box {
  position: relative;
  z-index: 20;
  padding: 3.0208vw 0 8.3333vw;
}

.proDet .prams-box .main {
  display: flex;
  justify-content: space-between;
}

.proDet .prams-box .item {
  margin-bottom: 2.5521vw;
  display: flex;
  align-items: center;
}

.proDet .prams-box .data {
  max-width: 14.7833vw;
}

.proDet .prams-box .box {
  max-width: 9.3146vw;
}

.proDet .prams-box .icon {
  width: 4.4271vw;
  height: 4.4271vw;
  box-sizing: border-box;
  border: 2px solid #18AD5E;
  border-radius: 50%;
  margin-right: 1.0417vw;
}

.proDet .prams-box .icon i {
  display: block;
  width: 2.0833vw;
  height: 2.0833vw;
  background: url("../images/pro_icon.png") no-repeat;
  background-size: 2.0833vw 12.5vw;
}

.proDet .prams-box .icon .icon2 {
  background-position: 0 -2.0833vw;
}

.proDet .prams-box .icon .icon3 {
  background-position: 0 -4.1667vw;
}

.proDet .prams-box .icon .icon4 {
  background-position: 0 -6.25vw;
}

.proDet .prams-box .icon .icon5 {
  background-position: 0 -8.3333vw;
}

.proDet .prams-box .icon .icon6 {
  background-position: 0 -10.4167vw;
}

.proDet .prams-box p {
  font-size: 14px;
  line-height: 1.6798;
  color: #333;
}

.proDet .prams-box .num {
  font-size: 1.3542vw;
  line-height: 1.6798;
  color: #000;
  font-weight: bold;
}

.proDet .prams-box .mid {
  width: 29.375vw;
}

.proDet .prams-box .pic {
  margin-top: -13.4583vw;
  height: 36.1458vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.proDet .prams-box .pic img {
  display: block;
  max-width: 100%;
  max-height: 36.1458vw;
}

.proDet .prams-box .roload {
  position: relative;
  margin-top: 1.25vw;
}

.proDet .prams-box .roload .more {
  display: block;
  position: absolute;
  right: 0;
  top: 0.9375vw;
  font-size: 0.8333vw;
  line-height: 1.6;
  color: #18AD5E;
  text-decoration: underline;
}

.proDet .prams-box .book {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 10.9375vw;
  height: 3.125vw;
  font-size: 0.8333vw;
  color: #333;
  border: 1px solid #18AD5E;
  margin: 0 auto;
}

.proDet .prams-box .book i {
  display: block;
  width: 0.7292vw;
  height: 0.7292vw;
  background: url("../images/book_icon.png") no-repeat;
  background-size: cover;
  margin-left: 0.7813vw;
}

.proDet .prams-box .book:hover {
  background: #18AD5E;
  color: #ffffff;
}

.proDet .prams-box .book:hover i {
  background-image: url("../images/book_h_icon.png");
}

.proDet .help-box {
  position: relative;
  margin-bottom: 5.7292vw;
}

.proDet .help-box img {
  display: block;
  width: 100%;
}

.proDet .help-box .main {
  display: flex;
  align-items: center;
}

.proDet .help-box .title {
  font-size: 1.875vw;
  line-height: 1.62482;
  color: #ffffff;
  font-weight: bold;
}

.proDet .help-box .info {
  font-size: 1.7708vw;
  line-height: 1.6248;
  color: #ffffff;
  margin-top: 0.4167vw;
}

.proDet .help-box .link {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  width: 8.5938vw;
  height: 2.6042vw;
  font-size: 0.7292vw;
  color: #ffffff;
  margin-top: 1.25vw;
}

.proDet .help-box .link i {
  display: block;
  width: 16px;
  height: 5px;
  background: url(../images/arrowR.png) no-repeat center;
  background-size: cover;
  margin-left: 0.8333vw;
}

.proDet .help-box .link:hover {
  background: #18AD5E;
  border-color: #18AD5E;
}

.proDet .type-box .item {
  display: flex;
  justify-content: space-between;
}

.proDet .type-box .item:nth-child(2n) {
  flex-direction: row-reverse;
}

.proDet .type-box .item:nth-child(2n) .main {
  padding-left: 18.75vw;
}

.proDet .type-box .imgBg {
  width: 50%;
  height: 28.6458vw;
}

.proDet .type-box .main {
  display: flex;
  align-items: center;
  height: 28.6458vw;
  box-sizing: border-box;
  width: 50%;
  padding-left: 7.8125vw;
}

.proDet .type-box .box {
  width: 20.8333vw;
}

.proDet .type-box .title {
  font-size: 1.6667vw;
  line-height: 1.6798;
  color: #000;
}

.proDet .type-box .txt {
  font-size: 0.8333vw;
  line-height: 1.5298;
  color: #333;
  margin-top: 1.0417vw;
}

/*应用场景*/
.scene-list .item {
  position: relative;
}

.scene-list .item .anchor {
  position: absolute;
  left: 0;
  top: -3.9063vw;
}

.scene-list .scene-top .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 23.4375vw;
  text-align: center;
  color: #ffffff;
}

.scene-list .scene-top .name {
  font-size: 2.1875vw;
  line-height: 3.0208vw;
}

.scene-list .scene-top .en {
  font-size: 15px;
  line-height: 1.4583vw;
}

.scene-list .scene-info {
  padding-top: 3.125vw;
}

.scene-list .scene-info .sub-tit {
  font-size: 1.25vw;
  line-height: 1.3334;
  color: #333;
  font-weight: bold;
  margin-top: 1.0417vw;
}

.scene-list .scene-info .txt {
  font-size: 1.25vw;
  line-height: 1.6498;
  color: #333;
  margin-top: 0.5208vw;
}

.scene-list .pro-main {
  background: #ffffff;
}

/*项目案例*/
.case-list {
  padding: 3.0208vw 0 5.5208vw;
}

.case-list ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3.9063vw;
}

.case-list li {
  width: 22.8125vw;
  margin: 0 2.1875vw 1.5625vw 0;
}

.case-list li a {
  display: block;
}

.case-list li:nth-child(3n) {
  margin-right: 0;
}

.case-list li .pic {
  height: 13.4375vw;
  overflow: hidden;
}

.case-list li .imgBg {
  height: 13.4375vw;
}

.case-list li .main {
  padding-top: 0.7813vw;
}

.case-list li .name {
  font-size: 0.8333vw;
  color: #000;
  line-height: 1.375;
}

.case-list li .txt {
  font-size: 0.7292vw;
  line-height: 1.2857;
  color: #A8A8A8;
  margin-top: 0.2604vw;
}

.case-list li:hover .imgBg {
  transform: scale(1.1, 1.1);
}

.case-list li:hover .name {
  color: #18AD5E;
}

/*案例详情*/
.caseDet {
  padding: 8.3333vw 0 7.0313vw;
}

.caseDet .title {
  font-size: 2.0833vw;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
}

.caseDet .pic {
  margin-top: 2.0833vw;
}

.caseDet .pic img {
  display: block;
  max-width: 100%;
}

.caseDet .info {
  margin-top: 2.6042vw;
}

.caseDet .name {
  font-size: 0.9375vw;
  line-height: 1.3333;
  color: #000;
}

.caseDet .txt {
  font-size: 0.8333vw;
  line-height: 1.625;
  color: #666;
  margin-top: 0.9375vw;
  padding-bottom: 1.0417vw;
  border-bottom: 1px solid #DADADA;
}

.caseDet .list {
  margin-top: 1.5625vw;
  display: flex;
  flex-wrap: wrap;
}

.caseDet .list .item {
  width: 22.9167vw;
  margin: 0 2.0833vw 1.5625vw 0;
  border-bottom: 1px solid #DADADA;
}

.caseDet .list .item:nth-child(3n) {
  margin-right: 0;
}

.caseDet .list p {
  font-size: 0.8333vw;
  line-height: 1.3125;
  color: #666;
  margin-top: 0.9375vw;
  height: 2.1875vw;
}

.caseDet .case-page {
  display: flex;
  justify-content: space-between;
  margin-top: 1.7188vw;
}

.caseDet .case-page a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 85px;
  height: 30px;
  background: #AFAFAF;
  padding: 0 10px;
  font-size: 12px;
  color: #ffffff;
}

.caseDet .case-page a i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR.png") no-repeat;
  background-size: cover;
}

.caseDet .case-page a:hover {
  background: #18AD5E;
}

.caseDet .case-page a:first-child i {
  background-image: url("../images/arrowL.png");
}

/*下载中心*/
.service {
  overflow: hidden;
  padding: 4.375vw 0 8.0729vw;
}

.service .service-top {
  align-items: center;
}

.service .service-top .tips {
  font-size: 0.7813vw;
  line-height: 1.7298;
  color: #333;
  margin-top: 0.4167vw;
}

.service .service-top .sub-search {
  margin-top: 0;
}

.service .service-top .sub-search .text {
  border: 1px solid #C4C4C4;
  border-right: none;
}

.service .service-box {
  display: flex;
  justify-content: space-between;
  margin-top: 2.6042vw;
}

.service .service-box .left {
  width: 14.8438vw;
}

.service .service-box .left .new-box {
  background: #F9F9F9;
  padding: 0.6771vw 0.7813vw 3.6458vw 0.4688vw;
}

.service .service-box .left .list {
  border-bottom: 1px solid #DCDDDD;
}

.service .service-box .left .list:last-child {
  border-bottom: none;
}

.service .service-box .left .title {
  font-size: 0.9375vw;
  line-height: 3.222;
  border-bottom: 1px solid #DCDDDD;
  padding-left: 0.4167vw;
  font-weight: bold;
}

.service .service-box .left ul {
  padding: 0.5208vw 0 0.5208vw 1.0417vw;
}

.service .service-box .left li a {
  display: block;
  font-size: 0.8333vw;
  color: #333;
  font-weight: bold;
  position: relative;
  line-height: 2.0833vw;
}

.service .service-box .left li a::after {
  content: '';
  width: 0.3646vw;
  height: 0.625vw;
  background: url("../images/arrowR_d.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.2604vw;
  top: 50%;
  margin-top: -0.3125vw;
}

.service .service-box .left li a:hover {
  color: #18AD5E;
}

.service .service-box .left .active a {
  color: #18AD5E;
}

.service .service-box .right {
  width: 56.875vw;
}

.service .service-box .service-nav {
  background: #F9F9F9;
  padding: 0.2604vw 1.4583vw 1.0417vw;
  margin-bottom: 1.0417vw;
}

.service .service-box .service-nav .title {
  font-size: 0.9375vw;
  line-height: 2.7;
  font-weight: bold;
  color: #333;
}

.service .service-box .service-nav ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.0417vw;
}

.service .service-box .service-nav li {
  margin: 0 2.3438vw 0.4167vw 0;
}

.service .service-box .service-nav li a {
  display: block;
  position: relative;
  padding-left: 28px;
  font-size: 0.8333vw;
  line-height: 20px;
  color: #333;
}

.service .service-box .service-nav li a::before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 1px;
  box-sizing: border-box;
  border: 1px solid #999999;
  border-radius: 2px;
}

.service .service-box .service-nav li a:hover {
  color: #18AD5E;
}

.service .service-box .service-nav .active a {
  color: #18AD5E;
}

.service .service-box .service-nav .active a::before {
  background: url("../images/gou.png") no-repeat center center;
  background-size: 12px 8px;
  border-color: #18AD5E;
}

.service .service-box .service-list ul {
  padding-bottom: 0.7813vw;
  display: flex;
  flex-wrap: wrap;
}

.service .service-box .service-list li {
  width: 17.9688vw;
  margin: 0 1.4583vw 2.6042vw 0;
}

.service .service-box .service-list li:nth-child(3n) {
  margin-right: 0;
}

.service .service-box .service-list li .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F4F6;
  overflow: hidden;
  height: 18.9063vw;
}

.service .service-box .service-list li .pic img {
  display: block;
  max-width: 92%;
  max-height: 16.9792vw;
}

.service .service-box .service-list li .name {
  display: block;
  margin-top: 0.4167vw;
  position: relative;
  padding-right: 2.0833vw;
  font-size: 0.8854vw;
  line-height: 1.7;
  color: #333;
}

.service .service-box .service-list li .name i {
  display: block;
  width: 1.25vw;
  height: 0.9896vw;
  background: url("../images/download.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.625vw;
  top: 50%;
  margin-top: -0.5208vw;
}

.service .service-box .service-list li:hover img {
  transform: scale(1.1, 1.1);
}

.service .service-box .service-list li:hover .name {
  color: #18AD5E;
}

.service .service-box .service-list .page {
  justify-content: flex-start;
}

.service .service-box .service-list .page a:first-child {
  margin-left: 0;
}

/*组件查询*/
.check {
  overflow: hidden;
}

.check .check-search {
  background-color: #F9F9F9;
  padding: 4.4271vw 0;
}

.check .check-search .tips {
  background: #ffffff;
  padding: 2.0833vw 0 3.4375vw;
  margin-top: 2.7083vw;
}

.check .check-search .tips p {
  font-size: 0.8333vw;
  line-height: 1.1458vw;
  text-align: center;
  color: #666;
}

.check .check-search .tips img {
  display: block;
  width: 44.2708vw;
  margin: 1.7188vw auto 0;
}

.check .sub-search {
  width: 100%;
  margin-top: 2.0833vw;
}

.check .sub-search .text {
  width: calc(100% - 4.0625vw);
  border: 1px solid #C4C4C4;
  border-right: none;
}

.check .result-box .container {
  padding: 2.8125vw 0 4.1667vw;
}

.check .result-box .title {
  font-size: 2.0833vw;
  line-height: 2.8125vw;
  color: #000;
}

.check .result-box .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.6042vw;
}

.check .result-box li {
  width: 18.75vw;
  margin: 0 9.375vw 1.5625vw 0;
}

.check .result-box li:nth-child(3n) {
  margin-right: 0;
}

.check .result-box li a {
  display: block;
}

.check .result-box li .pic {
  height: 16.6667vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.check .result-box li .pic img {
  display: block;
  max-width: 100%;
  max-height: 16.6667vw;
}

.check .result-box li .name {
  font-size: 1.25vw;
  line-height: 1.6498;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.check .result-box li .name span {
  color: #18AD5E;
  font-weight: bold;
}

.check .result-box li .txt {
  font-size: 0.8333vw;
  line-height: 1.6498;
  color: #333;
  text-align: center;
  margin-top: 0.2604vw;
}

.check .result-box li:hover img {
  transform: scale(1.1, 1.1);
}

/*招商加盟*/
.channel {
  overflow: hidden;
}

.channel .banner {
  height: 50vw;
}

.channel .container {
  padding-top: 17.0833vw;
}

.channel .title {
  font-size: 2.6042vw;
  line-height: 1.4248;
  font-weight: bold;
  width: 41.6667vw;
  color: #ffffff;
}

.channel .sub-search {
  margin-top: 2.6042vw;
}

.channel .list {
  display: flex;
  justify-content: space-between;
  margin-top: 9.375vw;
}

.channel .list .item {
  width: 31.7708vw;
}

.channel .list .name {
  display: flex;
  font-size: 1.4063vw;
  line-height: 1.6498;
  color: #ffffff;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
}

.channel .list .name i {
  display: block;
  width: 0.9896vw;
  height: 0.8594vw;
  background: url("../images/arrowR_c.png") no-repeat;
  background-size: cover;
}

.channel .list .name:hover i {
  margin-right: -10px;
}

.channel .list .hot {
  margin-top: 1.5625vw;
}

.channel .list .hot a {
  display: block;
  font-size: 0.8854vw;
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 10px;
}

.channel .list .hot a:hover {
  text-decoration: underline;
}

/*在线招聘*/
.join {
  padding: 4.375vw 0 4.1667vw;
}

.join .join-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

.join .join-search .right {
  width: 51.25vw;
}

.join .select {
  width: 11.1979vw;
  height: 2.6042vw;
  position: relative;
}

.join .select p {
  font-size: 0.8333vw;
  line-height: 2.5vw;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  height: 2.6042vw;
  padding: 0 0.5208vw;
  color: #666;
  cursor: pointer;
}

.join .select p::after {
  content: '';
  width: 1.0417vw;
  height: 0.5729vw;
  background: url("../images/arrowB.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.5208vw;
  top: 50%;
  margin-top: -0.3125vw;
}

.join .select ul {
  display: none;
  position: absolute;
  left: 0;
  top: 2.6042vw;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #C4C4C4;
  background: #ffffff;
  z-index: 20;
  margin-top: -1px;
  max-height: 10.8333vw;
  overflow-y: auto;
}

.join .select li {
  cursor: pointer;
  padding: 0 0.5208vw;
  font-size: 14px;
  color: #666;
  line-height: 2.7083vw;
}

.join .select li:hover {
  background: #F3F4F6;
}

.join .sub-search {
  margin: 0 0 0 0.5208vw;
  display: flex;
  justify-content: space-between;
}

.join .sub-search .text {
  border: 1px solid #C4C4C4;
  border-right: none;
}

.join .join-top {
  display: flex;
  margin-top: 2.6042vw;
  height: 3.125vw;
  align-items: center;
  background: #18AD5E;
  font-size: 0.8333vw;
  line-height: 1.8;
  color: #ffffff;
  border-left: 1px solid #18AD5E;
}

.join .join-top .name {
  padding-left: 2.2917vw;
  width: 15.625vw;
}

.join .join-top .type {
  width: 11.9792vw;
}

.join .join-top .num {
  width: 13.9583vw;
}

.join .join-top .address {
  width: 13.125vw;
}

.join .join-list {
  border-left: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
}

.join .join-list .item {
  border-bottom: 1px solid #E5E5E5;
}

.join .join-list .item:nth-child(2n) .info {
  background: #F7F7F7;
}

.join .join-list .info {
  display: flex;
  align-items: center;
  height: 3.125vw;
  font-size: 0.7813vw;
  line-height: 1.8;
  color: #000;
  cursor: pointer;
  position: relative;
}

.join .join-list .info::after {
  content: '';
  width: 18px;
  height: 9px;
  background: url("../images/arrowB_j.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 1.875vw;
  top: 50%;
  margin-top: -4px;
}

.join .join-list .info .name {
  padding-left: 2.2917vw;
  width: 15.625vw;
}

.join .join-list .info .type {
  width: 11.9792vw;
}

.join .join-list .info .num {
  width: 13.9583vw;
}

.join .join-list .info .address {
  width: 13.125vw;
}

.join .join-list .erify {
  background: #F6F6F6;
  padding: 1.0417vw 2.2917vw 2.7083vw;
  display: none;
}

.join .join-list .describe {
  display: flex;
}

.join .join-list .describe .step {
  margin-right: 3.125vw;
  font-size: 14px;
  line-height: 1.7898;
  color: #666;
}

.join .join-list .describe .step span {
  font-weight: bold;
}

.join .join-list .content {
  font-size: 14px;
  line-height: 1.7898;
  color: #666;
}

.join .join-list .content h5 {
  font-weight: bold;
}

.join .join-list .email {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.2292vw;
  height: 38px;
  margin-top: 2.6042vw;
  font-size: 0.7813vw;
  background: #18AD5E;
  color: #ffffff;
}

.join .join-list .email i {
  display: block;
  width: 1.0938vw;
  height: 1.0938vw;
  background: url("../images/email_icon.png") no-repeat;
  background-size: cover;
  margin-right: 0.625vw;
}

.join .join-list .email:hover {
  background: #ABCD03;
}

.join .join-list .item-active .info {
  background: #EAEAEA !important;
}

.join .join-list .item-active .info::after {
  background-image: url("../images/arrowB_hj.png");
}

.join .load-more {
  display: block;
  width: 2.9167vw;
  height: 2.9167vw;
  background: url("../images/load_more.png") no-repeat;
  background-size: cover;
  margin: 0.5208vw auto 0;
}

/*诚信合规*/
.faith .item {
  padding: 4.9479vw 0 7.8125vw;
  background: linear-gradient(90deg, #F3F3F3 2.53%, #EEEEEE 92.79%);
}

.faith .item .container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.faith .item:nth-child(2n) {
  background-color: #ffffff;
}

.faith .item:first-child {
  background: url(../img/debt_bg.jpg) no-repeat center;
  background-size: cover;
}

.faith .item:last-child {
  padding: 4.9479vw 0;
  background: url(../img/faith_bg.jpg) no-repeat center;
  background-size: cover;
}

.faith .item .pic {
  width: 31.25vw;
  margin-top: 2.7083vw;
}

.faith .item .pic img {
  display: block;
  width: 100%;
}

.faith .item .main {
  width: 36.4583vw;
}

.faith .item .title {
  font-size: 1.875vw;
  line-height: 1.3333;
  font-weight: 700;
  color: #000;
}

.faith .item .txt {
  font-size: 0.7292vw;
  line-height: 2;
  color: #333;
  margin-top: 1.6667vw;
  min-height: 8.3333vw;
}

.faith .item p {
  margin-bottom: 0.4167vw;
}

.faith .item .link {
  display: flex;
  justify-content: space-between;
  width: 13.5417vw;
  height: 2.6042vw;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1.1979vw 0 1.6667vw;
  font-size: 0.8333vw;
  color: #ffffff;
  background: #18AD5E;
  margin-top: 3.125vw;
}

.faith .item .link i {
  display: block;
  width: 0.8333vw;
  height: 0.2604vw;
  background: url("../images/arrowR.png") no-repeat;
  background-size: cover;
}

.faith .box {
  padding-top: 2.0833vw;
  width: 72.9167vw;
  margin: 0 auto;
  font-size: 1.0417vw;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.faith .box span {
  margin-left: 3.125vw;
}

/*问卷调查*/
.question {
  background: url("../img/question_bg.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  min-height: 400px;
  position: relative;
}

.question .logo {
  position: absolute;
  left: 3.6458vw;
  top: 2.0833vw;
  width: 11.1458vw;
}

.question .logo img {
  display: block;
  width: 100%;
}

.question .title {
  text-align: center;
  font-size: 2.6042vw;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.question .nav {
  display: flex;
  justify-content: space-between;
  margin: 1.5625vw auto 0;
  width: 48.9583vw;
  flex-wrap: wrap;
}

.question .nav a {
  display: block;
  width: 11.4583vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 104.17%);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.5208vw;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  text-align: center;
  margin-bottom: 1.0417vw;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.question .nav a img {
  display: none;
  width: 3.0208vw;
  margin: 0.8333vw auto 0;
}

.question .nav a p {
  font-size: 0.9896vw;
  line-height: 4.25vw;
  text-align: center;
  color: #ffffff;
}

.question .nav a:hover {
  background: linear-gradient(180deg, #1DBE69 0%, #0E954D 104.17%);
}

.question .nav .active {
  background: linear-gradient(180deg, #1DBE69 0%, #0E954D 104.17%);
}

.question form {
  display: block;
  position: relative;
  margin: 0.5208vw auto 0;
  width: 48.9583vw;
}

.question .text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 3.125vw;
  padding: 0 1.6667vw;
  font-size: 0.8333vw;
  color: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 104.17%);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.5208vw;
  backdrop-filter: blur(30px);
}

.question .text::-webkit-input-placeholder {
  color: #ffffff;
}

.question .text::-moz-placeholder {
  color: #ffffff;
}

.question .btn {
  display: block;
  width: 5.8333vw;
  height: 2.6042vw;
  font-size: 0.8854vw;
  color: #ffffff;
  border-radius: 0.5208vw;
  background: linear-gradient(180deg, #1DBE69 0%, #0E954D 104.17%);
  position: absolute;
  right: 0.2604vw;
  top: 0.2604vw;
}

.question .bot {
  position: absolute;
  left: 0;
  bottom: 1.4063vw;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
}

.question .bot a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}

.question .bot a:hover {
  color: #18AD5E;
}

.survey-logo {
  position: absolute;
  left: 3.6458vw;
  top: 2.0833vw;
  width: 11.1458vw;
  z-index: 10;
}

.survey-logo img {
  display: block;
  width: 100%;
}

.survey {
  position: relative;
  z-index: 10;
  padding-bottom: 4.5313vw;
}

.survey .warp {
  width: 1327px;
  margin: 0 auto;
  position: relative;
  left: -23px;
}

.survey .warp-ar .nav {
  float: right;
}

.survey .warp-ar .main {
  float: left;
}

.survey .nav {
  float: left;
  width: 47px;
  position: sticky;
  margin-top: 20.625vw;
  top: 2.6042vw;
}

.survey .nav a {
  display: block;
  width: 47px;
  box-sizing: border-box;
  padding: 10px 16px;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(267.95deg, #898989 -1.02%, #616161 98.56%);
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1px;
}

.survey .nav .active {
  background: linear-gradient(270deg, #00C05A 0%, #009445 100%);
}

.survey .en-nav {
  margin-top: 29.625vw;
}

.survey .en-nav a {
  width: 70px;
  padding: 10px 0;
}

.survey .main {
  width: 1280px;
  float: right;
}

.survey .box {
  margin-top: -5.7292vw;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 30px;
  overflow: hidden;
}

.survey .title {
  background: linear-gradient(180deg, #1DBE69 0%, #0E954D 104.17%);
  border-bottom: 1px solid #D9D9D9;
  line-height: 5.7292vw;
  height: 5.7292vw;
  font-size: 1.7708vw;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

.survey .info {
  padding: 42px 0 30px;
  font-size: 18px;
  line-height: 1.75;
  color: #333;
}

.survey .info p {
  margin-bottom: 8px;
  text-indent: 2em;
}

.survey .info p:first-child {
  text-indent: 0;
}

.survey .fr-info p {
  font-family: "times new roman", "Times New Roman";
}

.survey form {
  display: block;
  padding: 42px 50px 80px;
}

.survey .cell {
  border-bottom: 1px solid #DAE6DF;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.survey .cell:last-child {
  border-bottom: none;
}

.survey .name {
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin-bottom: 15px;
}

.survey .list {
  display: flex;
  flex-wrap: wrap;
}

.survey .item {
  padding-bottom: 32px;
  border-bottom: 1px dashed #D9E3DE;
  margin-bottom: 24px;
}

.survey .item:last-child {
  border-bottom: none;
  margin-bottom: 16px;
  padding-bottom: 0;
}

.survey .item-danger .name {
  color: #FF0000;
}

.survey .step {
  padding-left: 40px;
  position: relative;
  font-size: 15px;
  line-height: 30px;
  color: #56616B;
  margin-right: 30px;
  margin-bottom: 15px;
  cursor: pointer;
}

.survey .step::before {
  content: '';
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background: #F8F8F8;
  border: 1px solid #DAE5DF;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.survey .active::before {
  background-image: url("../images/gou.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 12px;
  border-color: #18AD5E;
}

.survey .warp-ar .step {
  padding-left: 0;
  padding-right: 40px;
  margin-right: 0;
  margin-left: 30px;
}

.survey .warp-ar .step::before {
  left: auto;
  right: 0;
}

.survey .warp-ar .btn {
  background: url(../images/arrowL.png) no-repeat 20px center #18AD5E;
  text-align: right;
}

.survey h4 {
  font-size: 20px;
  line-height: 20px;
  border-left: 3px solid #18AD5E;
  padding-left: 8px;
  font-weight: bold;
  color: #18AD5E;
  margin-bottom: 20px;
}

.survey .ar-tit {
  border-left: none;
  border-right: 3px solid #18AD5E;
  padding-right: 8px;
}

.survey .reason {
  background: #F8F8F8;
  border: 1px solid #DAE5DF;
  border-radius: 4px;
  padding: 34px 60px 30px;
  margin-bottom: 50px;
}

.survey .reason .item {
  border-bottom: none;
  margin-bottom: 0;
}

.survey .part-reason {
  display: none;
  margin-top: 30px;
}

.survey textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 115px;
  background: #ffffff;
  border: 1px solid #DAE5DF;
  border-radius: 4px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.8);
  padding: 10px 30px;
  line-height: 30px;
}

.survey .notice {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.5;
  color: #FF0000;
  display: none;
  font-weight: bold;
}

.survey .btn {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 50px;
  border: none;
  background: url(../images/arrowR.png) no-repeat right 20px center #18AD5E;
  background-size: 16px 5px;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  padding: 0 22px;
  border-radius: 10px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}

.survey .bot {
  margin-top: 2.7604vw;
  text-align: center;
  font-size: 0.7292vw;
  line-height: 1.643;
  color: rgba(0, 0, 0, 0.3);
}

.survey .bot a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: underline;
}

.survey .bot a:hover {
  color: #18AD5E;
}

.feedback {
  background: #F6F6F6;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feedback .logo {
  position: absolute;
  left: 3.6458vw;
  top: 2.0833vw;
  width: 11.1458vw;
}

.feedback .logo img {
  display: block;
  width: 100%;
}

.feedback .icon {
  width: 92px;
  height: 92px;
  background: url(../images/gou_icon.png) no-repeat center center #00CC0B;
  border-radius: 50%;
  margin: 0 auto;
}

.feedback h4 {
  font-size: 28px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-weight: bold;
  margin-top: 24px;
}

.feedback .tips {
  font-size: 20px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  margin-top: 25px;
}

.feedback .line {
  height: 1px;
  background: #DAE6DF;
  margin: 40px 0 30px;
}

.feedback .name {
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 5px;
}

.feedback form {
  display: block;
  width: 455px;
  margin: 0 auto;
}

.feedback .item {
  margin-bottom: 15px;
}

.feedback .text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background: #ffffff;
  border: 1px solid #DAE5DF;
  border-radius: 4px;
  padding: 0 20px;
  font-size: 15px;
  color: rgba(51, 51, 51, 0.7);
}

.feedback .item-bot {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
}

.feedback .btn,
.feedback .backhome {
  display: block;
  width: 186px;
  height: 50px;
  line-height: 50px;
  border: none;
  background: url(../images/arrowR.png) no-repeat right 20px center #18AD5E;
  background-size: 16px 5px;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  padding: 0 22px;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 2.7083vw auto 0;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.26);
}

.feedback .bot {
  position: absolute;
  left: 0;
  bottom: 1.4063vw;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.3);
}

.feedback .bot a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: underline;
}

.feedback .bot a:hover {
  color: #18AD5E;
}

/*隐私政策*/
.privacy {
  padding-top: 4.1667vw;
}

.privacy .top {
  background: #F3F4F8;
  padding: 3.6458vw 0 3.4375vw;
  text-align: center;
}

.privacy .title {
  font-size: 1.9792vw;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
}

.privacy .time {
  font-size: 1.0417vw;
  line-height: 1.6;
  margin-top: 0.8333vw;
}

.privacy .main {
  padding: 2.0833vw 0 10.4167vw;
}

.privacy .main .container {
  font-size: 0.9375vw;
  line-height: 1.9;
  color: rgba(0, 0, 0, 0.8);
}

.privacy .main .container p {
  margin-bottom: 0.8333vw;
}

.privacy .main .container a {
  color: rgba(0, 0, 0, 0.8);
}

.privacy .main .container a:hover {
  color: #18AD5E;
}

/*搜索结果*/
.result {
  padding-bottom: 160px;
}

.result .result-top {
  padding: 140px 0 65px;
  background: #F3F4F8;
}

.result h4 {
  font-size: 2.6042vw;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
}

.result .tips {
  font-size: 0.8854vw;
  line-height: 1.6;
  color: #000;
}

.result .main {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
}

.result .left {
  width: 14.8438vw;
}

.result .left .title {
  font-size: 0.9375vw;
  line-height: 2.7;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #DCDDDD;
  margin-bottom: 0.8333vw;
}

.result .left a {
  display: block;
  margin-bottom: 0.6771vw;
  font-size: 0.8333vw;
  line-height: 2.5vw;
  position: relative;
  border-bottom: 1px solid #DCDDDD;
  color: #333;
  font-weight: bold;
  font-weight: bold;
}

.result .left a::after {
  content: '';
  width: 0.3646vw;
  height: 0.625vw;
  background: url(../images/arrowR_d.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.2604vw;
  top: 50%;
  margin-top: -0.3125vw;
}

.result .left a:hover {
  color: #18AD5E;
}

.result .left .active {
  color: #18AD5E;
}

.result .right {
  width: 56.875vw;
}

.result .product-result,
.result .download-list {
  display: flex;
}

.result .product-result ul,
.result .download-list ul {
  padding-bottom: 0.7813vw;
  display: flex;
  flex-wrap: wrap;
}

.result .product-result li,
.result .download-list li {
  width: 17.9688vw;
  margin: 0 1.4583vw 2.6042vw 0;
}

.result .product-result li:nth-child(3n),
.result .download-list li:nth-child(3n) {
  margin-right: 0;
}

.result .product-result li a,
.result .download-list li a {
  display: block;
}

.result .product-result li .pic,
.result .download-list li .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F4F6;
  overflow: hidden;
  height: 18.9063vw;
}

.result .product-result li .pic img,
.result .download-list li .pic img {
  display: block;
  max-width: 92%;
  max-height: 16.9792vw;
}

.result .product-result li .name,
.result .download-list li .name {
  margin-top: 0.4167vw;
  position: relative;
  padding-right: 2.0833vw;
  font-size: 0.8854vw;
  line-height: 1.7;
  color: #333;
}

.result .product-result li .name i,
.result .download-list li .name i {
  display: block;
  width: 1.25vw;
  height: 0.9896vw;
  background: url("../images/download.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.625vw;
  top: 50%;
  margin-top: -0.5208vw;
}

.result .product-result li:hover img,
.result .download-list li:hover img {
  transform: scale(1.1, 1.1);
}

.result .product-result li:hover .name,
.result .download-list li:hover .name {
  color: #18AD5E;
}

.result .news-result ul {
  padding-bottom: 1.875vw;
}

.result .news-result li {
  margin-bottom: 1.0417vw;
  padding-bottom: 1.3021vw;
  border-bottom: 1px solid #DDDFE1;
}

.result .news-result li:last-child {
  border-bottom: none;
}

.result .news-result li a {
  display: flex;
  justify-content: space-between;
}

.result .news-result li .box {
  width: 48.9583vw;
  box-sizing: border-box;
  padding-right: 7.0313vw;
  position: relative;
}

.result .news-result li .box::after {
  content: '';
  position: absolute;
  right: 1.5625vw;
  top: 50%;
  margin-top: -0.4688vw;
  width: 0.5208vw;
  height: 0.9375vw;
  background: url("../images/arrowR_n.png") no-repeat;
  background-size: cover;
  transition: all .5s ease-in-out;
}

.result .news-result li .name {
  font-size: 1.0938vw;
  line-height: 1.05;
  color: #333;
}

.result .news-result li .txt {
  font-size: 0.6771vw;
  line-height: 1.769;
  color: #666;
  margin-top: 0.5208vw;
}

.result .news-result li .author {
  font-size: 0.6771vw;
  line-height: 1.769;
  color: #CECED1;
  margin-top: 0.5208vw;
}

.result .news-result li:hover .name {
  color: #18AD5E;
}

.result .news-result li:hover .main::after {
  right: 1.0417vw;
}

.result .news-result .date {
  width: 5.7292vw;
  height: 5.7292vw;
  background: #F1F1F0;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0.5208vw 0 0 0.625vw;
}

.result .news-result .date .day {
  font-size: 2.8125vw;
  line-height: 2.6042vw;
  font-weight: bolder;
  font-family: 'Akrobat';
  color: #18AD5E;
}

.result .news-result .date p {
  font-size: 0.7813vw;
  line-height: 1.3542vw;
  font-family: 'Akrobat';
  color: #333;
  font-weight: bolder;
}

.result .news-result .more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 24.375vw;
  height: 3.6458vw;
  box-sizing: border-box;
  padding: 0 1.5625vw;
  font-size: 1.0417vw;
  color: #666;
  background: #F3F4F6;
  margin-top: 1.875vw;
}

.result .news-result .more i {
  display: block;
  width: 16px;
  height: 5px;
  background: url("../images/arrowR_b.png") no-repeat;
  background-size: cover;
}

.result .news-result .more:hover {
  background: #18AD5E;
  color: #ffffff;
}

.result .news-result .more:hover i {
  background-image: url("../images/arrowR.png");
}

.result .page {
  justify-content: flex-start;
}

.result .page a:first-child {
  margin-left: 0;
}

/*动画*/
@keyframes stroke {
  0% {
    stroke-dasharray: 0, 87.9646px;
  }
  100% {
    stroke-dasharray: 87.9646px, 87.9646px;
  }
}

@keyframes banner_act {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes banner_act {
  0% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes banner_act {
  0% {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
  }
}

@-o-keyframes banner_act {
  0% {
    transform: scale(1.2);
    -o-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes breath {
  from {
    opacity: 0;
    width: 0;
    height: 0;
  }
  50% {
    opacity: 0.3;
    width: 1.1458vw;
    height: 1.1458vw;
  }
  to {
    opacity: 0;
    width: 0;
    height: 0;
  }
}

.nofind {
  padding: 100px 0;
}

.nofind .main {
  display: flex;
  justify-content: space-between;
  width: 72.9167vw;
  margin: 0 auto;
}

.nofind .left {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.nofind h1 {
  font-size: 124px;
  color: #18AD5E;
  font-weight: bold;
}

.nofind .txt {
  font-size: 18px;
  color: #666;
}

.nofind .link {
  margin: 15px 0;
  display: block;
  width: 160px;
  text-align: center;
  font-size: 15px;
  color: #666;
  border: 1px solid #18AD5E;
  padding: 8px 18px;
  line-height: 2em;
  margin-right: 20px;
  transition: .3s linear;
  background: #18AD5E;
  color: #fff;
  border-radius: 3px;
}

.nofind .pic {
  width: 50%;
}

.nofind .pic img {
  display: block;
  width: 100%;
}