.wt_line {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 4vw;
  justify-content: flex-start;
}
.wt_line .wt_num {
  font-size: 2.1333vw;
  color: #fff;
  margin-right: 2vw;
  width: 4vw;
  height: 4vw;
  background: #a9d3e8;
  border-radius: 0.4vw;
  box-shadow: NaNpx NaNpx 0.6667vw NaNpx rgba(205, 223, 255, 0.45);
}
.wt_line .wt_txt {
  flex: 1;
  font-size: 3vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #515151;
}
.marketing_area2 .marketing2_item.online {
  border-bottom: none;
}
.marketing_area2 .marketing2_item {
  padding: 7.2vw 0;
  align-items: flex-start;
  border-bottom: solid 1px #E0E0E0;
}
.marketing_area2 .marketing2_item > img {
  max-width: 13.3333vw;
  max-height: 12vw;
  margin-right: 9.0667vw;
}
.marketing_area2 .marketing2_item .marketing2_info {
  flex: 1;
  align-items: flex-start;
}
.marketing_area2 .marketing2_item .marketing2_info .marketing2_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 3.7333vw;
}
.marketing_area2 .marketing2_item .marketing2_info .marketing2_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 6.1333vw;
}
.extension_area2 {
  z-index: 2;
  position: absolute;
  top: 45vw;
  left: 5.3333vw;
  width: 44.6667vw;
  height: 120.6667vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 10vw;
}
.extension_area2 .extension_area2_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 30.8vw;
}
.extension_area2 .extension_area2_item .area2_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 1.8667vw;
}
.extension_area2 .extension_area2_item .area2_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
}
.extension3 {
  margin-bottom: 3.2vw;
  padding: 6.6667vw 6vw;
  height: 33.6vw;
  background: #ffffff;
  border-radius: 8px;
}
.plane_item {
  width: 100%;
  padding-bottom: 13.3333vw;
  border-bottom: solid 1px #E0E0E0;
}
.plane_item .plane_img {
  width: 100%;
  display: block;
  height: 59.8667vw;
}
.plane_item .zuoyoulayout {
  padding: 13.3333vw 0 8.6667vw 0;
}
.plane_item .zuoyoulayout > img {
  height: 16.8vw;
  width: 16.8vw;
  margin-right: 8.1333vw;
}
.plane_item .zuoyoulayout .zuoyou_tit {
  font-size: 4vw;
  margin-bottom: 5.3333vw;
}
.plane_item .zuoyoulayout .zuoyou_txt {
  font-size: 3.2vw;
}
.Ordering_text {
  width: 100%;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 5.8667vw;
}
#Ordering .Ordering_area1 {
  width: 100%;
}
#Ordering .Ordering_area1 .zuoyoulayout {
  margin-bottom: 13.6vw;
}
#Ordering .Ordering_area1 .zuoyoulayout > img {
  border-radius: 100%;
  height: 23.6vw;
  width: 23.6vw;
  margin-right: 7.3333vw;
}
#Ordering .Ordering_area2 {
  width: 100%;
}
#Ordering .Ordering_area2 .zuoyoulayout {
  padding: 8.4vw 9.3333vw 0 9.3333vw;
  margin-bottom: 3.7333vw;
  height: 38.8vw;
  background: #ffffff;
  border-radius: 1.0667vw;
}
#Ordering .Ordering_area2 .zuoyoulayout > img {
  height: 11.3333vw;
  width: 11.3333vw;
  margin-right: 9.3333vw;
}
#Ordering .Ordering_area2 .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 3.6vw;
}
#cloudservice .prodarea1_item {
  display: flex;
  padding: 8.1333vw 7.2vw 0 7.2vw;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 46.6667vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  margin-bottom: 3.0667vw;
}
#cloudservice .prodarea1_item .num_box {
  font-size: 5.3333vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  width: 14.6667vw;
  height: 14.6667vw;
  background: linear-gradient(-43deg, #fe724b 0%, #ffba91 100%);
  border-radius: 2vw;
  box-shadow: 0.3333vw 0.5773vw 2.4vw 0.6667vw rgba(255, 211, 187, 0.57);
  margin-right: 5.7333vw;
}
#cloudservice .prodarea1_item .prodarea1_info {
  flex: 1;
  align-items: flex-start;
}
#cloudservice .prodarea1_item .prodarea1_info .prodarea1_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 3.8667vw;
}
#cloudservice .prodarea1_item .prodarea1_info .prodarea1_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
}
#cloudservice .prodarea3_box {
  grid-gap: 3.6vw 3.2vw;
}
#cloudservice .prodarea3_box .prodarea3_item {
  padding: 0 5.4667vw;
  padding-top: 9.3333vw;
  width: 100%;
  height: 62.2667vw;
  background: #f6f8fb;
  border-radius: 1.0667vw;
  justify-content: flex-start;
}
#cloudservice .prodarea3_box .prodarea3_item > img {
  max-width: 13.3333vw;
  max-height: 13.3333vw;
}
#cloudservice .prodarea3_box .prodarea3_item .prodarea3_tit {
  margin: 7vw 0 2.2667vw 0;
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#cloudservice .prodarea3_box .prodarea3_item .prodarea3_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
}
#cloudservice .service3_item {
  width: 100%;
  height: 39.6vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  padding: 0 8.6667vw 0 8vw;
  margin-bottom: 3.3333vw;
}
#cloudservice .service3_item .service3_left {
  padding-right: 6.2667vw;
  flex: 1;
  align-items: flex-start;
}
#cloudservice .service3_item .service3_left .service3_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 3.8667vw;
}
#cloudservice .service3_item .service3_left .service3_line {
  align-items: flex-start;
}
#cloudservice .service3_item .service3_left .service3_line .line_item {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
}
#cloudservice .service3_item .service3_left .service3_line .line_item::before {
  content: '';
  display: block;
  margin-right: 2vw;
  width: 1.3333vw;
  height: 1.3333vw;
  border-radius: 100%;
  background: #fe966e;
}
#cloudservice .service3_item .service3_right {
  padding-top: 8vw;
  font-size: 7.2vw;
  font-family: Alibaba, Alibaba-PuHuiTi-B;
  font-weight: PuHuiTi-B;
  font-style: italic;
  text-align: center;
  color: #fe966e;
  height: 100%;
  align-items: flex-start;
}
.service_title {
  padding: 13.3333vw 0 9.6vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.service_title .service_tit {
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: center;
  color: #333333;
  line-height: 7.7333vw;
}
.service_title .service_txt {
  margin-top: 2.3333vw;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  color: #888888;
  line-height: 5.8667vw;
  max-width: 66.9333vw;
  text-align: center;
}
#customer .prodarea3_box {
  grid-gap: 3.6vw 3.2vw;
}
#customer .prodarea3_box .prodarea3_item {
  padding: 0 5.4667vw;
  padding-top: 9.3333vw;
  width: 100%;
  height: 62.2667vw;
  background: #f6f8fb;
  border-radius: 1.0667vw;
  justify-content: flex-start;
}
#customer .prodarea3_box .prodarea3_item > img {
  max-width: 13.3333vw;
  max-height: 13.3333vw;
}
#customer .prodarea3_box .prodarea3_item .prodarea3_tit {
  margin: 7vw 0 2.2667vw 0;
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#customer .prodarea3_box .prodarea3_item .prodarea3_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
}
#customer .customer_area2 {
  padding-bottom: 8.9333vw;
  grid-gap: 0 4vw;
  width: 100%;
  background: #ffffff;
  border-radius: 1.0667vw;
  padding-left: 3.3333vw;
  padding-right: 3.3333vw;
}
#customer .customer_area2 .mer_area2_item {
  justify-content: flex-start;
  width: 100%;
  padding-top: 8.2667vw;
}
#customer .customer_area2 .mer_area2_item > img {
  width: 20.2667vw;
  height: 20.2667vw;
  border-radius: 100%;
  margin-bottom: 7.2vw;
}
#customer .customer_area2 .mer_area2_item .r_area2_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#customer .customer_area2 .mer_area2_item .r_area2_txt {
  font-size: 2.6667vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
  border-bottom: solid 1px #E6E6E6;
  padding: 3.7333vw 0 5.3333vw 0;
}
#customer .customer_area2 .mer_area2_item .r_area2_label {
  width: 100%;
  padding: 2.1333vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #E6E6E6;
}
#customer .customer_area2 .mer_area2_item .r_area2_label .r_area2_label_item {
  font-size: 2.6667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
#customer .customer_area2 .mer_area2_item .r_area2_label .r_area2_label_item::before {
  content: '';
  display: block;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 100%;
  margin-right: 1.7333vw;
  background: #2b75eb;
}
#customer .prodarea1_item {
  display: flex;
  padding: 8.1333vw 7.2vw 0 7.2vw;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 46.6667vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  margin-bottom: 3.0667vw;
}
#customer .prodarea1_item > img {
  width: 14.6667vw;
  height: 14.6667vw;
  margin-right: 5.7333vw;
}
#customer .prodarea1_item .prodarea1_info {
  flex: 1;
  align-items: flex-start;
}
#customer .prodarea1_item .prodarea1_info .prodarea1_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 3.8667vw;
}
#customer .prodarea1_item .prodarea1_info .prodarea1_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 5.8667vw;
}
#prodcode .prodcode_title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 13.3333vw 0 8.4vw 0;
}
#prodcode .prodcode_title .prod_tit {
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#prodcode .prodcode_title .prod_txt {
  margin-top: 4vw;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
  line-height: 6.1333vw;
}
#prodcode .prodarea1_item {
  padding: 8.8vw 7.7333vw 0 7.4667vw;
  align-items: flex-start;
  width: 100%;
  height: 43.0667vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  margin-bottom: 3.0667vw;
}
#prodcode .prodarea1_item > img {
  max-width: 9.4667vw;
  margin-right: 6.1333vw;
}
#prodcode .prodarea1_item .prodarea1_info {
  align-items: flex-start;
}
#prodcode .prodarea1_item .prodarea1_info .prodarea1_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 3.8667vw;
}
#prodcode .prodarea1_item .prodarea1_info .prodarea1_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 6.1333vw;
}
#prodcode .prodarea2_item > img {
  width: 100%;
  height: 69.0667vw;
  border-radius: 1.3333vw;
}
#prodcode .prodarea2_item .prodarea2_info {
  width: 100%;
  padding: 6.5333vw 0 13.0667vw 0;
}
#prodcode .prodarea2_item .prodarea2_info .prodarea2_tit {
  width: 100%;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 6.1333vw;
  padding-bottom: 6vw;
}
#prodcode .prodarea2_item .prodarea2_info .prodarea2_label {
  width: 100%;
}
#prodcode .prodarea2_item .prodarea2_info .prodarea2_label .label_item {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 6.1333vw;
}
#prodcode .prodarea2_item .prodarea2_info .prodarea2_label .label_item::before {
  content: '';
  display: inline-block;
  margin-right: 2.4vw;
  width: 1.7333vw;
  height: 1.7333vw;
  border-radius: 100%;
  background: #2caf68;
}
#prodcode .prodarea3_box {
  width: 100%;
  grid-gap: 2.8vw 2.9333vw;
}
#prodcode .prodarea3_box .prodarea3_item {
  width: 100%;
  height: 43.2vw;
  background: #ffffff;
  border-radius: 1.0667vw;
}
#prodcode .prodarea3_box .prodarea3_item > img {
  max-width: 14.1333vw;
  margin-bottom: 8vw;
  max-height: 10.6667vw;
}
#prodcode .prodarea3_box .prodarea3_item .prodarea3_tit {
  font-size: 3.7333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#yijucat .prodarea3_box {
  grid-gap: 3.6vw 3.2vw;
}
#yijucat .prodarea3_box .prodarea3_item {
  padding: 0 5.4667vw;
  padding-top: 9.3333vw;
  width: 100%;
  height: 62.2667vw;
  background: #f6f8fb;
  border-radius: 1.0667vw;
  justify-content: flex-start;
}
#yijucat .prodarea3_box .prodarea3_item > img {
  max-width: 10.4vw;
  max-height: 10.4vw;
}
#yijucat .prodarea3_box .prodarea3_item .prodarea3_tit {
  margin: 7vw 0 2.2667vw 0;
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#yijucat .prodarea3_box .prodarea3_item .prodarea3_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
}
.yijucat3_box {
  width: 100%;
  padding-bottom: 13.3333vw;
}
.about_head {
  padding: 12.5333vw 0 7.2vw 0;
  font-size: 5.3333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  width: 100%;
}
.abou_area1 {
  width: 100%;
}
.abou_area1 > img {
  width: 100%;
  display: block;
  margin-top: 2vw;
}
.about_text {
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: justify;
  color: #666666;
  line-height: 6.6667vw;
}
.lic_box {
  padding: 0 5.3333vw;
  width: 100%;
  height: 120.8vw;
  background: url(../img/about/2-1.jpg) no-repeat;
  background-size: cover;
}
.lic_box .lic_Swiper {
  width: 100%;
  height: 52.8vw;
}
.lic_box .lic_Swiper .lic_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 11.6vw;
  border-radius: 1.0667vw;
}
.lic_box .lic_Swiper .lic_item .lic_tit {
  font-size: 4.8vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: left;
  color: #333333;
  margin-bottom: 4.2667vw;
}
.lic_box .lic_Swiper .lic_item .lic_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #999999;
  line-height: 5.0667vw;
}
.lic_box .lic_control {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 13.6vw;
}
.lic_box .lic_control .next {
  background: #2C7CFC;
  color: #fff;
}
.lic_box .lic_control .previous {
  color: #676767;
  background-color: #f5f5f5;
  margin-right: 8.8vw;
}
.lic_box .lic_control .next_btn {
  border-radius: 100%;
  width: 12.5333vw;
  height: 12.5333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lic_box .lic_control .next_btn i {
  font-size: 6vw;
}
.wenhua_item {
  width: 100%;
}
.wenhua_item > img {
  width: 100%;
  height: 65.2vw;
  border-radius: 1.0667vw;
}
.wenhua_item .wenhua_info {
  width: 100%;
  align-items: flex-start;
  padding: 7.4667vw 0 13.3333vw 0;
}
.wenhua_item .wenhua_info .wenhua_tit {
  font-size: 4.2667vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 4.5333vw;
}
.wenhua_item .wenhua_info .wenhua_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 6.1333vw;
}
#map {
  width: 100%;
  height: 64.9333vw;
}
.contact_title {
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: left;
  color: #333333;
  padding: 4.1333vw 0 7.4667vw 0;
}
.contact_tel {
  font-size: 4.5333vw;
  font-family: OPPOSans, OPPOSans-H;
  font-weight: H;
  text-align: left;
  color: #2c7bfc;
}
.contact_address {
  font-size: 3.4667vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #333333;
  margin: 3.4667vw 0 7.8667vw 0;
}
.contact_line {
  width: 100%;
  display: flex;
  align-items: center;
}
.contact_line .li_name {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: left;
  color: #333333;
  margin-right: 0.8vw;
}
.contact_line .li_info {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #666;
  line-height: 7.2vw;
  flex: 1;
}
.contact_ewm {
  display: flex;
  align-items: center;
}
.contact_ewm .ewm_item {
  margin-right: 5.6vw;
}
.contact_ewm .ewm_item img {
  width: 23.2vw;
  height: 22.9333vw;
  border: 1px solid #e0e0e0;
}
.contact_ewm .ewm_item span {
  margin-top: 3.4667vw;
  font-size: 2.9333vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
}
#contact .inputBox {
  width: 100%;
  min-height: 13.2vw;
  background: #fff;
  margin-bottom: 3.4667vw;
  display: flex;
  align-items: center;
  position: relative;
}
#contact .inputBox #select_item2 {
  flex: 1;
  height: 13.2vw;
}
#contact .inputBox #select_item2 .foot_select {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 4.5333vw;
}
#contact .inputBox #select_item2 .foot_select span {
  font-size: 3.4667vw;
  color: #6d6d6d;
}
#contact .inputBox #select_item2 .foot_select i {
  color: #6d6d6d;
  font-size: 2vw;
}
#contact .inputBox #select_item2 .select_alert.bottom {
  bottom: 100%;
}
#contact .inputBox #select_item2 .select_alert.top {
  top: 100%;
}
#contact .inputBox #select_item2 .select_alert {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 10;
  background-color: #fff;
  display: none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 1.0667vw 3.2vw;
}
#contact .inputBox #select_item2 .select_alert .options {
  padding-right: 4.5333vw;
  padding-left: 11.6vw;
  width: 100%;
  height: 13.2vw;
  border-bottom: solid 1px #e5e5e5;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #6d6d6d;
}
#contact .inputBox #select_item2 .select_alert .options:last-of-type {
  border: none;
}
#contact .inputBox .iconbox {
  width: 11.4667vw;
  height: 13.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact .inputBox .iconbox i {
  font-size: 4.6667vw;
  color: #9C9C9C;
}
#contact .inputBox input {
  height: 13.2vw;
  flex: 1;
  font-size: 3.4667vw;
  color: #6d6d6d;
  background: #fff;
}
#contact .inputBox textarea {
  flex: 1;
  height: 43.0667vw;
  font-size: 3.4667vw;
  padding: 4.9333vw 0;
  background: #fff;
}
.star::after {
  content: '*';
  color: red;
  position: absolute;
  right: 4.5333vw;
}
.Leaving {
  padding-bottom: 13.3333vw;
}
#contact .botBtn {
  border-radius: 6vw;
  font-size: 3.4667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: center;
  margin-left: 0 !important;
  color: #ffffff;
  margin-top: 5.7333vw;
  width: 31.2vw;
  height: 9.0667vw;
  background: linear-gradient(143deg, #2b7bfc 0%, #56a1ff 100%);
  box-shadow: 0.3333vw 0.5773vw 1.3333vw 0.6667vw rgba(225, 237, 253, 0.75);
}
.alert_head {
  width: 100%;
  padding: 13.2vw 0 7.0667vw 0;
}
.alert_head .head_tit {
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: left;
  color: #333333;
}
.alert_head .head_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
  padding: 5.4667vw 0 7.0667vw 0;
}
.alert_head .head_sel {
  width: 89.2vw;
  height: 11.8667vw;
  background: linear-gradient(143deg, #2b7bfc 0%, #56a1ff 100%);
  box-shadow: 1.6667vw 2.8867vw 4.6667vw 3.3333vw rgba(225, 237, 253, 0.66);
  font-size: 3.7333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #ffffff;
  padding: 0 6.6667vw 0 11.8667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8vw;
}
.alert_head .head_sel span i {
  font-size: 5.2vw;
  margin-right: 3.3333vw;
}
.alert_head .head_sel > i {
  font-size: 2.4vw;
}
#index .area3_box {
  padding: 4.6667vw 0 1.6vw;
}
#index .area3_item {
  width: 100%;
  margin-bottom: 3.7333vw;
  height: 31.0667vw;
  background-color: #fff;
  padding: 0 7.2vw;
}
#index .area3_item .img_box {
  margin-right: 5.3333vw;
}
#index .area3_item .img_box > img {
  max-width: 12.1333vw;
}
#index .area3_item .area3_info {
  flex: 1;
  align-items: flex-start;
}
#index .area3_item .area3_info .area3_tit {
  font-size: 4vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 2.5333vw;
}
#index .area3_item .area3_info .area3_txt {
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
#index .area3_item i {
  font-size: 2.8vw;
}
#index .area4img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 60.2667vw;
  z-index: 1;
}
.area4pos_info {
  position: relative;
  z-index: 2;
  padding: 14.6667vw 0 12.4vw 0;
}
.area4pos_info .area4pos_tit {
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  margin-bottom: 5.3333vw;
}
.area4pos_info .area4pos_txt {
  opacity: 0.65;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #ffffff;
  max-width: 70.2667vw;
  line-height: 5.8667vw;
}
#index .area4_box {
  padding-bottom: 10vw;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#index .area4_box .area4_item {
  width: 43.0667vw;
  padding: 8.9333vw 0 8.5333vw 0;
  background: #ffffff;
  border-radius: 1.0667vw;
  justify-content: flex-start;
  margin-bottom: 3.6vw;
}
#index .area4_box .area4_item .img_box {
  margin-bottom: 6.5333vw;
}
#index .area4_box .area4_item .img_box > img {
  display: block;
  max-width: 12vw;
}
#index .area4_box .area4_item .area4_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#index .area4_box .area4_item .area4_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
  line-height: 5.8667vw;
  padding: 3.8667vw 0 7.7333vw 0;
}
#index .area4_box .area4_item .area4_btn {
  border-radius: 5vw;
  width: 25.2vw;
  height: 7.3333vw;
  border: 1px solid #e0e0e0;
  font-size: 2.6667vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  color: #888888;
}
#index .area4_box .area4_item .area4_btn:active {
  background-color: #2b75eb;
  color: #fff;
}
#index .area5_box {
  padding-top: 2.9333vw;
  padding-bottom: 13.3333vw;
}
#index .area5_box .area5_item {
  overflow: hidden;
  border-radius: 1.2vw;
  width: 100%;
  margin-bottom: 5.3333vw;
  box-shadow: 0.6667vw 0.6667vw 5.3333vw 4.3333vw #eee;
}
#index .area5_box .area5_item > img {
  width: 100%;
  height: 52.8vw;
}
#index .area5_box .area5_item .area5_info {
  width: 100%;
  height: 20vw;
  background: #ffffff;
  align-items: flex-start;
  padding: 0 5.0667vw;
}
#index .area5_box .area5_item .area5_info .area5_tit {
  font-size: 3.7333vw;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 2.1333vw;
}
#index .area5_box .area5_item .area5_info .area5_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  text-align: left;
  color: #888888;
}
#index .area5_box .area5_more {
  width: 100%;
  height: 11.8667vw;
  border-radius: 8vw;
  background: #f6f8fb;
}
#index .area5_box .area5_more span {
  font-size: 3.7333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #888888;
  margin-right: 6.2667vw;
}
#index .area5_box .area5_more i {
  font-size: 2.6667vw;
}
.dried_title {
  width: 100%;
  padding: 12.9333vw 0 10.2667vw 0;
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: left;
  color: #333333;
}
.dried_nav {
  padding-bottom: 9.7333vw;
  width: 100%;
  display: flex;
  color: #333333;
}
.dried_nav .dried_nav_item.isActive {
  background: #2c7bfc;
  color: #fff;
}
.dried_nav .dried_nav_item {
  height: 8vw;
  width: 22.8vw;
  background: #ffffff;
  margin-right: 1.8667vw;
  border-radius: 6vw;
  font-size: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dried_nav .dried_nav_more {
  height: 8vw;
  width: 15.2vw;
  background: #ffffff;
  border-radius: 6vw;
  font-size: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dried_content {
  display: none;
}
.dried_content .dried_line {
  text-align: left;
  padding-bottom: 10vw;
  display: block;
}
.dried_content .dried_line .dried_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  color: #333333;
  margin-bottom: 5.2vw;
}
.dried_content .dried_line .dried_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 6.1333vw;
}
.retail_area3 .grid2layout .layout_item {
  background-color: #fff;
}
.retail_area3 .grid2layout .layout_item > img {
  width: 17.8667vw;
  height: 17.8667vw;
}
.retail_area1 .zuoyoulayout {
  height: 39.7333vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  margin-bottom: 4vw;
  padding: 7.7333vw 7.3333vw 0 6.2667vw;
}
.retail_area1 .zuoyoulayout > img {
  width: 14.8vw;
  height: 14.8vw;
  margin-right: 6.6667vw;
}
.retail_area1 .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 3.7333vw;
}
.retail_area1 .zuoyoulayout .zuoyou_info .zuoyou_txt {
  text-align: justify;
}
.retail_area2_txt p {
  font-size: 3.1vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
  line-height: 5.8667vw;
}
.retail_area4_h2 {
  font-size: 3.7333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: center;
  color: #333333;
  width: 100%;
}
.retail_area2_BTN {
  margin: 8.6667vw auto 5.7333vw auto;
  width: 63.4667vw;
  height: 9.4667vw;
  border-radius: 6vw;
  background: #ea2e2a;
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: center;
  color: #ffffff;
}
.wechat_area1 {
  grid-gap: 8.6667vw 0;
}
.wechat_area1 .area1_item img {
  width: 23.7333vw;
  height: 23.7333vw;
}
.wechat_area1 .area1_item .area1_tit {
  font-size: 3.7333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: center;
  color: #333333;
  margin: 5.2vw 0 2.8vw 0;
}
.wechat_area1 .area1_item .area1_txt {
  font-size: 2.9333vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
}
.wechat_area3 .zuoyoulayout {
  align-items: center;
  padding: 0 9.4667vw;
  height: 32.5333vw;
  background: #f6f8fb;
  border-radius: 1.0667vw;
  margin-bottom: 3.0667vw;
}
.wechat_area3 .zuoyoulayout > img {
  margin-right: 6.4vw;
  width: 15.4667vw;
  height: 15.4667vw;
}
.wechat_area3 .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 3.2vw;
}
.marwebsite_area1 .zuoyoulayout {
  padding: 7.6vw 7.3333vw 0 6.8vw;
  height: 39.7333vw;
  background: #ffffff;
  margin-bottom: 3.6vw;
}
.marwebsite_area1 .zuoyoulayout > img {
  margin-right: 5.3333vw;
  width: 15.3333vw;
  height: 15.3333vw;
}
.marwebsite_area1 .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 3.7333vw;
}
.marwebsite_area2 {
  padding: 13.3333vw 0;
  border-bottom: solid 1px #E0E0E0;
}
.marwebsite_area2 .area2_tit {
  margin-bottom: 6.5333vw;
}
.marwebsite_area2 .area2_tit > p {
  font-size: 5.0667vw;
  font-family: OPPOSans, OPPOSans-B;
  font-weight: bold;
  text-align: center;
  color: #333333;
  line-height: 6.6667vw;
}
.marwebsite_area2 .area2_tit > p > span {
  color: #307FFC;
}
.marwebsite_area2 > img {
  width: 74.2667vw;
  display: block;
  margin: 0 auto;
}
.marwebsite_area2 .area2_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
  line-height: 6.1333vw;
}
.marwebsite_area3 .area3_item.onbott {
  margin-bottom: 0;
}
.marwebsite_area3 .area3_item.onbott .area3_num::after {
  height: 28vw;
  top: -4vw;
}
.marwebsite_area3 .area3_item {
  margin-bottom: 7.6vw;
}
.marwebsite_area3 .area3_item > img {
  width: 24.5333vw;
  height: 24.5333vw;
}
.marwebsite_area3 .area3_item .area3_info {
  margin: 0 22.9333vw 0 5.3333vw;
}
.marwebsite_area3 .area3_item .area3_info > span {
  font-size: 3.7333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: center;
  color: #333333;
  line-height: 6.6667vw;
}
.marwebsite_area3 .area3_item .area3_num {
  height: 24.5333vw;
  z-index: 2;
  position: relative;
}
.marwebsite_area3 .area3_item .area3_num .area3_num_box {
  font-size: 3.4667vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #ffffff;
  width: 6.1333vw;
  height: 5.7333vw;
  background: #a2c5ff;
  border-radius: 0.6667vw;
  box-shadow: 0.3333vw 0.5773vw 0.6667vw 0.6667vw rgba(205, 223, 255, 0.75);
}
.marwebsite_area3 .area3_item .area3_num::after {
  content: '';
  display: block;
  position: absolute;
  height: 32vw;
  width: 1px;
  background: #e0e0e0;
  z-index: -1;
}
#development .area1_text {
  width: 100%;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #888888;
  line-height: 5.8667vw;
}
.devel_area1 {
  margin-top: 12.9333vw;
}
.devel_area1 .zuoyoulayout,
.brand_area1 .zuoyoulayout {
  margin-bottom: 10.6667vw;
}
.devel_area1 .zuoyoulayout .area1_num,
.brand_area1 .zuoyoulayout .area1_num {
  font-size: 3.4667vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #ffffff;
  width: 6.1333vw;
  height: 5.7333vw;
  background: #a2c5ff;
  border-radius: 0.6667vw;
  margin-right: 4.1333vw;
  box-shadow: 0.3333vw 0.5773vw 0.6667vw 0.6667vw rgba(205, 223, 255, 0.75);
}
.devel_area1 .zuoyoulayout .zuoyou_info .zuoyou_tit,
.brand_area1 .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 4.1333vw;
}
.devel_box {
  display: flex;
  padding-left: 5.3333vw;
  padding-bottom: 5.3333vw;
}
.devel_box2 {
  display: flex;
  padding-right: 5.3333vw;
  padding-bottom: 9vw;
}
.area2list {
  flex: 1;
}
.area2list .zuoyoulayout {
  height: 27.4667vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  padding: 5.7333vw 8vw 0 5.7333vw;
  margin-bottom: 3.6vw;
}
.area2list .zuoyoulayout > img {
  width: 7.6vw;
  height: 7.6vw;
  margin-right: 5.2vw;
}
.area2list .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 1vw;
}
.devel_img2 {
  width: 31.6vw;
}
.devel_img {
  width: 31.6vw;
  margin-left: 4.4vw;
}
.retailarea2_box {
  width: 100%;
  display: flex;
}
.retailarea2_box .retarea2_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50vw;
}
.retailarea2_box .retarea2_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.retailarea2_box .retarea2_line.onbottom {
  margin-bottom: 0;
}
.retailarea2_box .retarea2_line {
  display: flex;
  align-items: center;
  margin-bottom: 8.6667vw;
}
.retailarea2_box .retarea2_line .retarea2_num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  width: 3.8667vw;
  height: 3.7333vw;
  background: #43b476;
  border-radius: 0.4vw;
  margin-right: 2.1333vw;
  box-shadow: 0.3333vw 0.5773vw 0.6667vw 0.6667vw rgba(204, 234, 217, 0.75);
}
.retailarea2_box .retarea2_line .retarea2_text {
  font-size: 2.9333vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: left;
  color: #333333;
}
.devel_area3 {
  width: 100%;
}
.devel_area3 .zuoyoulayout {
  margin-bottom: 7.8667vw;
}
.devel_area3 .zuoyoulayout > img {
  width: 23.6vw;
  height: 23.6vw;
  margin-right: 7.3333vw;
}
.devel_area3 .zuoyoulayout .zuoyou_info .zuoyou_tit {
  margin-bottom: 3.7333vw;
}
.brand_area2 .grid2layout .layout_item {
  width: 43.0667vw;
  padding: 0 5.3333vw;
  padding-top: 6.5333vw;
  background: #ffffff;
}
.brand_area2 .grid2layout .layout_item > img {
  width: 16.1333vw;
  height: 16.1333vw;
}
.brand_area2 .grid2layout .layout_item .layout_tit {
  margin: 5.0667vw 0 3.8667vw 0;
  white-space: nowrap;
}
.brand_area3 {
  margin-bottom: 3.0667vw;
  width: 100%;
  height: 46.6667vw;
  background: #f6f8fb;
  border-radius: 1.0667vw;
  padding: 0 5.8667vw 0 6.8vw;
}
.brand_area3 .area3_left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 55.4667vw;
  padding-right: 7vw;
  align-items: flex-start;
}
.brand_area3 .area3_left .area3_tit1 {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: left;
  color: #333333;
  line-height: 6.6667vw;
}
.brand_area3 .area3_left .area3_tit2 {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: left;
  color: #333333;
  white-space: nowrap;
  line-height: 6.6667vw;
}
.brand_area3 .area3_left .area3_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 5.8667vw;
}
.brand_area3 .area3_right {
  width: 13.7333vw;
}
.brand_area3 .area3_right > img {
  width: 13.7333vw;
  height: 13.7333vw;
  margin-bottom: 13.3333vw;
}
.brand_area3 .area3_right .area3_num {
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  padding: 0.3vw 0.4vw;
  border-bottom: solid 0.6667vw #2C7BFC;
}
.search_box {
  width: 100%;
  padding-bottom: 2.9333vw;
  border-bottom: solid 0.1333vw #e0e0e0;
}
.search_box .search_input {
  width: 100%;
  position: relative;
  border-radius: 6vw;
  background: #f6f8fb;
  height: 11.3333vw;
  display: flex;
  align-items: center;
  margin-bottom: 5.4667vw;
  overflow: hidden;
}
.search_box .search_input input {
  flex: 1;
  height: 100%;
  font-size: 2.9333vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  background: #f6f8fb;
  color: #666666;
}
.search_box .search_input .icon {
  width: 11.6vw;
  height: 100%;
}
.search_box .search_input .icon i {
  font-size: 4vw;
  color: #C3C3C3;
  margin-top: 0.5vw;
}
.search_box .search_font {
  display: flex;
  flex-wrap: wrap;
}
.search_box .search_font > h3 {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: left;
  color: #333333;
  margin-right: 3.4667vw;
}
.search_box .search_font .fonts {
  font-size: 3.0667vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #2c7bfc;
  padding-right: 3.3333vw;
  margin-bottom: 4.1333vw;
}
.driedfood_content {
  width: 100%;
}
.driedfood_content .driedfood_item {
  width: 100%;
  display: block;
  margin-bottom: 10vw;
}
.driedfood_content .driedfood_item .driedfood_tit {
  font-size: 4vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  margin-bottom: 4.5vw;
  color: #333333;
  text-align: left;
}
.driedfood_content .driedfood_item .driedfood_txt {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
  line-height: 6.1333vw;
}
.detail_head {
  width: 100%;
  border-bottom: solid 1px #E0E0E0;
  padding: 8vw 0;
}
.detail_head .detail_tit {
  font-size: 4.2667vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 3.3333vw;
}
.detail_head .detail_time {
  justify-content: space-between;
}
.detail_head .detail_time span {
  font-size: 2.6667vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: M;
  text-align: left;
  color: #888888;
}
.detail_head .detail_time i {
  font-size: 4vw;
  color: #888888;
}
.detail_content {
  width: 100%;
  padding: 8.5333vw 0 10.1333vw 0;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 6.1333vw;
}
.detail_content img {
  width: 100%;
  display: block;
}
.next_box {
  width: 100%;
  padding: 6.4vw 0 10vw 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-top: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
}
.next_box .next_font {
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: 550;
  text-align: justify;
  color: #333333;
  line-height: 6.6667vw;
}
.next_box .fanhui {
  border-radius: 6vw;
  font-size: 3.4667vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #ffffff;
  width: 31.2vw;
  height: 9.0667vw;
  margin-top: 7.7333vw;
  background: linear-gradient(143deg, #2b7bfc 0%, #56a1ff 100%);
  box-shadow: 0.3333vw 0.5773vw 1.3333vw 0.6667vw rgba(225, 237, 253, 0.75);
}
.relevant {
  width: 100%;
}
.relevant .relevant_tit {
  width: 100%;
  padding: 8vw 0 10vw 0;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: left;
  color: #888888;
}
.casedetail_title {
  width: 100%;
  text-align: center;
  padding: 8vw 0;
  color: #333333;
  font-weight: 550;
  font-size: 5.3333vw;
}
.casedetail_txt {
  width: 100%;
  font-size: 3.2vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: justify;
  color: #888888;
  line-height: 46px;
}
.casedetail_box {
  width: 100%;
}
.casedetail_btn {
  font-size: 3.4667vw;
  font-family: OPPOSans, OPPOSans-R;
  font-weight: R;
  text-align: center;
  color: #ffffff;
  width: 40vw;
  border-radius: 6vw;
  margin: 6vw 0;
  height: 9.0667vw;
  background: linear-gradient(143deg, #2b7bfc 0%, #56a1ff 100%);
  box-shadow: 0.3333vw 0.5773vw 1.3333vw 0.6667vw rgba(225, 237, 253, 0.75);
}
.casedetail_content {
  padding: 4.6667vw 0;
  border-top: solid 1px #e0e0e0;
  width: 100%;
}
.casedetail_content img {
  width: 100%;
}
.case_navArea {
  width: 100%;
  height: 13.8667vw;
  background: #ffffff;
  border-radius: 1.3333vw;
  padding: 0 6.2667vw;
  margin-bottom: 3.4667vw;
  position: relative;
}
.case_navArea .nav_val {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #323233;
  position: relative;
  height: 100%;
}
.case_navArea .nav_val i {
  color: #AEAEAF;
  font-size: 2.8vw;
  margin-left: 0.5vw;
}
.case_navArea .nav_val.isActive::after {
  background: #2c7bfc;
}
.case_navArea .nav_val::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.45vw;
}
.case_navArea .nav_childs {
  position: absolute;
  width: 100%;
  top: 101%;
  left: 0;
  z-index: 10;
  padding: 3.5vw 7.3333vw;
  background-color: #fff;
  display: none;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.case_navArea .nav_childs .childs_box {
  width: 100%;
}
.case_navArea .nav_childs .childs_box .childs_a:last-of-type {
  border-bottom: none;
}
.case_navArea .nav_childs .childs_box .childs_a {
  padding: 3vw 0;
  width: 100%;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  border-bottom: solid 1px #e5e5e5;
}
.case_navArea .nav_childs .childs_box .childs_a .icon {
  display: none;
}
.case_navArea .nav_childs .childs_box .childs_a .icon i {
  color: #2c7bfc;
  font-size: 3.6vw;
  font-weight: bold;
}
.case_navArea .nav_childs .childs_box .childs_a.isActive {
  color: #2c7bfc;
}
.case_navArea .nav_childs .childs_box .childs_a.isActive .icon {
  display: block;
}
.caselist_head {
  width: 100%;
  padding: 7.3333vw 0 4.6667vw 0;
}
.caselist_head h1 {
  font-size: 5.8667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #323233;
}
.caselist_head .sreen_v {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #323233;
}
.caselist_head .sreen_v i {
  color: #B5B7BA;
  font-size: 3.3vw;
  margin-left: 1.3333vw;
}
.sreen_area {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #Fff;
  overflow: auto;
  padding: 0 5.3333vw;
  display: none;
}
.sreen_area .sreen_hed {
  width: 100%;
  padding: 6vw 0;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
}
.sreen_area .sreen_hed .del_icon {
  padding-right: 5vw;
}
.sreen_area .sreen_hed .del_icon i {
  color: #323233;
  font-weight: bold;
  font-size: 4.5vw;
}
.sreen_area .sreen_cont {
  width: 100%;
}
.sreen_area .sreen_bottom {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 6.6667vw 0;
  background-color: #fff;
}
.sreen_area .sreen_bottom .determine {
  width: 89.2vw;
  height: 11.8667vw;
  background: linear-gradient(0deg, #2b7bfc 0%, #56a1ff 100%) #f0f0f0;
  box-shadow: 1.6vw 2.8vw 4.6667vw 3.3333vw rgba(225, 237, 253, 0.66);
  font-size: 3.4667vw;
  font-family: OPPOSans, OPPOSans-M;
  text-align: center;
  color: #ffffff;
  border-radius: 8vw;
}
.sreen_area .sreen_line {
  width: 100%;
  margin-bottom: 10vw;
}
.sreen_area .sreen_line .sreen_tit {
  font-size: 4vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #323233;
  margin-bottom: 4.2667vw;
}
.sreen_area .sreen_line .sreen_list {
  width: 100%;
}
.sreen_area .sreen_line .sreen_list .sreen_val.allval {
  color: #0076fe;
  background: #eaf1fd;
}
.sreen_area .sreen_line .sreen_list .sreen_val.isActive {
  color: #0076fe;
  background: #eaf1fd;
}
.sreen_area .sreen_line .sreen_list .sreen_val {
  width: 28.2667vw;
  height: 8.5333vw;
  border-radius: 6vw;
  background: #f4f6fb;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #666666;
  margin-right: 2.2667vw;
  margin-bottom: 2.2667vw;
}
.nodata {
  width: 100%;
  padding: 20px;
}
.nodata .tit {
  font-size: 24px;
  color: #8d949e;
}
.sreen_caselist {
  width: 100%;
  min-height: 60vh;
}
.sreen_caselist .sreen_caseItem {
  width: 100%;
  background: #ffffff;
  border-radius: 2vw;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.03) 0px 1.0667vw 3.2vw;
  cursor: pointer;
  margin-bottom: 4vw;
  display: block;
}
.sreen_caselist .sreen_caseItem .img_box {
  width: 100%;
  height: 40vw;
  background-color: #eee;
}
.sreen_caselist .sreen_caseItem .img_box img {
  width: 100%;
  height: 100%;
}
.sreen_caselist .sreen_caseItem .caseInfo {
  border-top: solid 1px #e5e5e5;
  width: 100%;
  position: relative;
  padding: 0 6.4vw;
  padding-top: 15vw;
  padding-bottom: 3vw;
}
.sreen_caselist .sreen_caseItem .caseInfo .case_icon {
  position: absolute;
  top: -11vw;
  left: 6.4vw;
  width: 19.6vw;
  height: 19.6vw;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0px 0px 2.8vw 0px rgba(3, 0, 0, 0.11);
  border-radius: 100%;
}
.sreen_caselist .sreen_caseItem .caseInfo .case_icon img {
  width: 100%;
  height: 100%;
}
.sreen_caselist .sreen_caseItem .caseInfo .case_img {
  position: absolute;
  top: -26vw;
  width: 45.3333vw;
  right: 8vw;
}
.sreen_caselist .sreen_caseItem .caseInfo .case_img img {
  width: 100%;
  height: 100%;
}
.sreen_caselist .sreen_caseItem .caseInfo .case_title {
  width: 100%;
  font-size: 4.2667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #323233;
  margin-bottom: 3vw;
}
.case_label {
  width: 100%;
  border-top: solid 1px #E0E0E0;
  padding-top: 3.0667vw;
}
.case_label .label_val {
  min-height: 5.8667vw;
  padding: 1.3333vw 1.6vw;
  border-radius: 0.5333vw;
  margin-right: 1.8667vw;
  font-size: 3.2vw;
  background-color: pink;
  margin-bottom: 1.3333vw;
}
.case_label .label_val.color1 {
  background: #e3f4fc;
  color: #0076FE;
}
.case_label .label_val.color2 {
  background: #fcede3;
  color: #F98D00;
}
.case_label .label_val.color3 {
  background: #e3f6fc;
  color: #00C5F1;
}
.caseOuter {
  padding-bottom: 6vw;
  background: #f4f6fb;
}
.casebanner {
  width: 100%;
  height: 50.6667vw;
  position: absolute;
  top: 0;
  left: 0;
}
.casebanner img {
  width: 100%;
  height: 100%;
}
.casedeOuter {
  padding-top: 39vw;
  min-height: 60vh;
}
.casedeOuter .casedetail .case_label {
  padding-top: 2.8vw;
  border: none !important;
}
.casedeOuter .head_left .detail_icon {
  width: 17.6vw;
  height: 17.6vw;
  border: 1px solid #eeeeed;
  margin-right: 3.8667vw;
}
.casedeOuter .head_left .detail_icon img {
  width: 100%;
  height: 100%;
}
.casedeOuter .head_left .info_s .c_title h1 {
  font-size: 5.0667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #323233;
}
.casedeOuter .detail_box {
  width: 100%;
  padding: 4.8vw;
  background: #ffffff;
  border-radius: 1.8667vw;
  margin-bottom: 2.5333vw;
}
.casedeOuter .detail_tits {
  font-size: 4vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
  margin-bottom: 3.2vw;
}
.casedeOuter .detail_box:last-of-type {
  margin-bottom: 0;
}
.casedeOuter .case_urlbox {
  padding: 0 4.8vw;
  width: 100%;
  height: 8vw;
  background: #e3f4fc;
  border-radius: 6vw;
  cursor: pointer;
}
.casedeOuter .case_urlbox span {
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #0076fe;
  max-width: 65vw;
}
.casedeOuter .case_urlbox i {
  color: #B3B5CE;
  font-size: 3vw;
}
.casedeOuter .mobilebox .left_txt .txt {
  font-size: 2.9333vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
}
.casedeOuter .mobilebox .ewm_box1,
.casedeOuter .mobilebox .qrcode_box {
  width: 18.2667vw;
  height: 18.2667vw;
}
.casedeOuter .mobilebox .ewm_box1 img,
.casedeOuter .mobilebox .qrcode_box img {
  width: 100%;
  height: 100%;
}
.casedeOuter .content_area p,
.casedeOuter .content_area span {
  display: block;
  width: 100% !important;
}
.casedeOuter .content_area img {
  display: block;
  max-width: 100%;
}
.casedeOuter .content_area video {
  display: block;
  max-width: 100%;
  background: #000;
}
.more_area {
  width: 100%;
  padding-bottom: 8vw;
}
.more_area .more_tit {
  padding: 9.6vw 0 4vw 0;
  font-size: 4vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
}