.index_Area1 {
  width: 100%;
  padding: 1.2vw;
}
.index_Area1 .Area1_grid:last-of-type {
  margin-bottom: 0;
}
.index_Area1 .Area1_grid {
  margin-bottom: 1.2vw;
}
.grid_item.style2 {
  width: 31.7333vw;
}
.grid_item {
  width: 48.1333vw;
  height: 51.6vw;
  position: relative;
}
.grid_item img {
  width: 100%;
  height: 100%;
}
.grid_item .info_box {
  position: absolute;
  top: 5.6vw;
  z-index: 10;
}
.grid_item .info_box .title {
  font-size: 3.4667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: center;
  color: #ffffff;
}
.grid_item .info_box .txt {
  margin: 1.6vw 0 2.6667vw 0;
  opacity: 0.64;
  font-size: 1.8667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.more {
  font-size: 2.3vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: var(--themeColor);
  cursor: pointer;
}
.area3bg {
  background: url(../../images/zsjm.jpg) no-repeat;
  background-size: cover;
  height: 173.6vw;
}
.index_area3 {
  width: 100%;
  padding: 10.6667vw 4.6667vw 14.6667vw 4.6667vw;
  margin: 4vw 0 10.6667vw 0;
}
.index_area3 .tit {
  font-size: 5.6vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.index_area3 .left_info .tit2 {
  font-size: 4.5333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #ffffff;
  margin-bottom: 5.3333vw;
}
.index_area3 .left_info .txt {
  width: 100%;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 6.9333vw;
  margin-bottom: 10.6667vw;
}
.index_area4 {
  margin-bottom: 80px;
}
.index_area4 .arae4_item {
  position: relative;
}
.index_area4 .arae4_item img {
  width: 100%;
  height: 100%;
}
.index_area5 .index_newHead {
  width: 100%;
  padding-bottom: 6vw;
}
.index_area5 .index_newHead .title {
  font-size: 5.6vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-bottom: 11.2vw;
}
.index_area5 .index_newHead .newhead_right {
  width: 100%;
}
.index_area5 .index_newHead .newhead_right .new_nav {
  font-size: 3.4667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  cursor: pointer;
}
.index_area5 .index_newHead .newhead_right .new_nav i {
  font-size: 4.5vw;
  color: #666666;
  margin-right: 1.3333vw;
}
.index_area5 .index_newHead .newhead_right .new_nav.isActive {
  color: var(--themeColor);
}
.index_area5 .index_newHead .newhead_right .new_nav.isActive i {
  color: var(--themeColor);
}
.index_area5 .area5list {
  width: 100%;
}
.index_area5 .area5_item:last-of-type {
  margin-bottom: 0;
}
.index_area5 .area5_item {
  width: 100%;
  border-bottom: solid 1px #e5e5e5;
  padding: 6.6667vw 0;
}
.index_area5 .area5_item img {
  width: 37.3333vw;
  height: 25.4667vw;
}
.index_area5 .area5_item .area5_info {
  text-align: left;
  width: 100%;
  height: 25.4667vw;
  padding-left: 5vw;
}
.index_area5 .area5_item .area5_info .area5_tit {
  font-size: 3.7333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 600;
  text-align: left;
  color: #000000;
  width: 100%;
}
.index_area5 .area5_item .area5_info .area5_time {
  font-size: 2.6667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
}
.more_box {
  width: 100%;
  padding: 10vw 0;
}
.more_box .new_more {
  width: 31.7333vw;
  height: 8.5333vw;
  background: #e62129;
  border-radius: 6vw;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
.foot_service {
  width: 100%;
  height: 98px;
}
.foot_service .service_left {
  height: 95%;
  width: 328px;
  border-right: solid 1px #e6e6e6;
}
.foot_service .service_left h3 {
  width: 151px;
  font-size: 15px;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
  line-height: 22px;
  margin-right: 55px;
}
.foot_service .service_left i {
  font-size: 26px;
}
.foot_service .service_right {
  flex: 1;
  padding-left: 65px;
  justify-content: space-between;
}
.foot_service .service_right .e_right i {
  font-size: 35px;
}
.foot_service .service_right .e_right .ionc_info:hover .zixunAlert {
  display: block;
}
.foot_service .service_right .e_right .ionc_info {
  margin-left: 16px;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.foot_service .service_right .e_right .ionc_info .zixunAlert {
  position: absolute;
  bottom: 102%;
  left: 0;
  display: none;
  height: 100px;
  border-radius: 5px;
  box-shadow: 0 1px 10px 0 #ccc;
}
.foot_service .service_right .e_right .ionc_info > span {
  font-size: 15px;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
}
.foot_service .service_right .e_right .ionc_info > p {
  font-size: 13px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
.foot_cotnent {
  width: 100%;
  padding: 40px 0;
  position: relative;
  min-height: 380px;
}
.foot_cotnent .foot_ewm {
  position: absolute;
  right: 0;
  top: 150px;
}
.foot_cotnent .foot_ewm .ew_img {
  width: 102px;
  height: 102px;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 2px;
}
.foot_cotnent .foot_ewm .ew_img img {
  width: 100%;
  height: 100%;
}
.foot_cotnent .foot_ewm .txt {
  font-size: 13px;
  font-family: OPPOSans, OPPOSans-M;
  font-weight: normal;
  text-align: left;
  color: #737373;
}
.foot_cotnent .foot_left::after {
  content: '';
  display: block;
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E5E5E5;
}
.foot_cotnent .foot_left {
  width: 100%;
  position: relative;
  border-top: solid 1px #E5E5E5;
  padding-right: 290PX;
}
.foot_cotnent .foot_left .foot_nav {
  margin-right: 59px;
}
.foot_cotnent .foot_left .foot_nav .foot_nav_tit {
  padding: 25px 0;
  font-size: 16px;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 25px;
}
.foot_cotnent .foot_left .foot_nav .foot_nav_child:hover {
  color: var(--themeColor);
}
.foot_cotnent .foot_left .foot_nav .foot_nav_child {
  margin-bottom: 15px;
  font-size: 13px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #808080;
}
.foot_area2 {
  width: 100%;
  padding: 23px 0;
  border-bottom: solid 1px #E5E5E5;
}
.foot_area3 {
  width: 100%;
  padding: 20px 0 40px 0;
}
.foot_area3 .txt {
  font-size: 13px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #808080;
}
.public_title.style2 .tit,
.public_title.style2 .txt {
  color: #fff;
}
.public_title.style3 {
  padding-top: 16vw;
}
.public_title.style3 .txt {
  text-align: center;
}
.public_title.style4 {
  padding-top: 16vw;
}
.tindent.tindent .txt {
  text-indent: 2rem;
}
.public_title {
  width: 100%;
  text-align: center;
  padding-top: 13vw;
}
.public_title .tit {
  font-size: 5.6vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: center;
  color: #000000;
}
.public_title .txt {
  margin-top: 7.7333vw;
  width: 100%;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  line-height: 6.9333vw;
}
.join_area1 {
  margin: 8.6667vw 0 13.3333vw 0;
}
.join_area1 .area1_item:last-of-type {
  margin-bottom: 0;
}
.join_area1 .area1_item {
  width: 100%;
  min-height: 51.2vw;
  border: 1px solid #e5e5e5;
  border-radius: 1.3333vw;
  padding: 6.6667vw;
  margin-bottom: 5.0667vw;
}
.join_area1 .area1_item .area1_head {
  width: 100%;
  margin-bottom: 5.3333vw;
}
.join_area1 .area1_item .area1_head img {
  max-width: 12vw;
}
.join_area1 .area1_item .area1_head .tit {
  font-size: 4vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
}
.join_area1 .area1_item .txt {
  width: 100%;
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  line-height: 5.8667vw;
}
.joarea2_outer {
  height: 220.9333vw;
  background: url(../images/jo3-1.jpg) no-repeat;
  background-size: cover;
  padding: 16vw 0;
}
.join_area2 {
  width: 100%;
  margin-top: 12vw;
}
.join_area2 .area2_bntlist {
  width: 100%;
  padding-top: 10vw;
}
.join_area2 .area2_bntlist .area2Btn:last-of-type {
  margin-right: 0;
}
.join_area2 .area2_bntlist .area2Btn {
  margin-right: 6.4vw;
  width: 13.4667vw;
  height: 13.4667vw;
  border-radius: 100%;
  background: #ffffff;
}
.join_area2 .area2_bntlist .area2Btn i {
  font-size: 6vw;
  color: #000;
}
.join_area2 .jarea2Swiper {
  width: 100%;
  height: 150vw;
}
.join_area2 .area2_item.style2 .infos_ {
  padding-left: 0;
  padding-right: 55px;
}
.join_area2 .area2_item {
  width: 100%;
  min-height: 50vw;
}
.join_area2 .area2_item .img_box {
  width: 34.5333vw;
  height: 34.5333vw;
}
.join_area2 .area2_item .infos_ {
  padding-left: 55px;
}
.join_area2 .area2_item .infos_ .tit {
  margin-bottom: 2vw;
  font-size: 3.5vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #ffffff;
}
.join_area2 .area2_item .infos_ .txt {
  font-size: 3vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #cbcbcb;
  line-height: 5vw;
}
.cooperationlist {
  width: 100%;
  margin-bottom: 9vw;
  margin-top: 9vw;
}
.cooperationlist .cooperation:last-of-type {
  margin-bottom: 0;
}
.cooperationlist .cooperation {
  width: 100%;
  margin-bottom: 9vw;
}
.cooperationlist .cooperation .num {
  font-size: 12.1333vw;
  font-family: OPPOSans, OPPOSans-L;
  font-style: italic;
  text-align: center;
  color: var(--themeColor);
  margin-right: 20px;
}
.cooperationlist .cooperation .infos {
  align-items: flex-start;
}
.cooperationlist .cooperation .infos p {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #555555;
  line-height: 5.3333vw;
}
.join_area4 {
  padding: 8vw 0 16vw 0;
}
.joarea5_outer {
  width: 100%;
  background: url(../images/jo5-1.jpg) no-repeat;
  background-size: cover;
  height: 121.3333vw;
}
.join6_box {
  width: 100%;
}
.join6_box .join6_form {
  width: 100%;
}
.join6_box .join6_form .input_line:last-of-type {
  margin-bottom: 0;
}
.join6_box .join6_form .input_line {
  margin-bottom: 3.6vw;
  width: 100%;
}
.join6_box .join6_form .input_line .input_name {
  min-width: 20vw;
  font-size: 3.4667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: left;
  color: #fff;
}
.join6_box .join6_form .input_line .input_box {
  min-width: 69.8667vw;
}
.join6_box .join6_form .input_line .input_box input {
  display: block;
  width: 100%;
  height: 10.6667vw;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 0.6667vw;
  font-size: 3.2vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: left;
  color: #929292;
  padding: 0 4vw;
}
.join6_box .join6_form .input_btn {
  width: 100%;
  height: 10.4vw;
  background: #e62129;
  border-radius: 0.6667vw;
  background: var(--themeColor);
  border-radius: 0.4vw;
  font-size: 3.4667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  cursor: pointer;
  margin-top: 8vw;
}
.about_area1 {
  margin: 10.6667vw 0 13.3333vw 0;
}
.about_area1 .area1_left {
  width: 100%;
}
.about_area1 .area1_left .tit {
  font-size: 4.5333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-bottom: 6.6667vw;
}
.about_area1 .area1_left .txt {
  width: 100%;
}
.about_area1 .area1_left .txt p {
  margin-bottom: 6.6667vw;
  display: block;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  line-height: 6.9333vw;
  text-indent: 2rem;
}
.about_area1 .area1_right {
  width: 100%;
  border-top: solid 1px #E5E5E5;
}
.about_area1 .area1_right .right_line {
  width: 100%;
  padding: 0 10px;
  height: 20.1333vw;
  border-bottom: solid 1px #E5E5E5;
}
.about_area1 .area1_right .right_line .line_lbox {
  padding-left: 1.3333vw;
}
.about_area1 .area1_right .right_line .line_lbox img {
  max-width: 9.3333vw;
}
.about_area1 .area1_right .right_line .line_lbox .tit {
  font-size: 4.5333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  margin-left: 4.6667vw;
  color: #000000;
  white-space: nowrap;
}
.about_area1 .area1_right .right_line .txt {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
}
.OuterBox.abarea2_outer {
  height: 120.9333vw;
  background: url(../images/ab2-1.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 12.1333vw;
}
.abarea2_outer .abarea2_info {
  width: 100%;
  min-height: 54vw;
  background: rgba(230, 33, 41, 0.9);
  padding: 0 9.3333vw;
}
.abarea2_outer .abarea2_info .tit {
  font-size: 6.1333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  line-height: 8vw;
}
.abarea2_outer .abarea2_info .txt {
  max-width: 62.1333vw;
  margin-top: 6vw;
  opacity: 0.8;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 6.4vw;
}
.radiusimg {
  border-radius: 100%;
  overflow: hidden;
}
.radiusimg img {
  width: 100%;
  height: 100%;
}
.abarea3 {
  margin: 8vw 0 13.3333vw 0;
}
.abarea3 .area3_item {
  width: 100%;
  margin-bottom: 2vw;
}
.abarea3 .area3_item .img_box {
  width: 39.8667vw;
  height: 39.8667vw;
}
.abarea3 .area3_item .tit {
  margin: 32px 0 24px 0;
  font-size: 4.2667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-bottom: 4vw;
}
.abarea3 .area3_item .txt {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  width: 36vw;
}
.abarea4_outer {
  height: 177.6vw;
  background: url(../images/ab4-1.jpg) no-repeat;
  background-size: cover;
}
.abarea4_outer .abarea4 {
  height: 100%;
}
.abarea4_outer .abarea4 > img {
  width: 100%;
}
.abarea4_outer .abarea4 .area4_right {
  margin-bottom: 10.6667vw;
}
.abarea4_outer .abarea4 .area4_right .tit {
  font-size: 5.6vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
}
.abarea4_outer .abarea4 .area4_right .txt {
  margin-top: 6vw;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  line-height: 6.9333vw;
  text-indent: 2rem;
}
.serv_area1 {
  width: 100%;
  margin-top: 9.3333vw;
}
.serv_area1 .area1_line {
  width: 100%;
}
.serv_area1 .area1_line .img_box {
  width: 100%;
  height: 46.5333vw;
  border-radius: 3vw;
}
.serv_area1 .area1_line .area1_info {
  min-height: 44vw;
  width: 100%;
  padding: 6.6667vw 0;
}
.serv_area1 .area1_line .area1_info .num {
  opacity: 0.35;
  font-size: 11.3333vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  color: #e62129;
  margin-right: 5.3333vw;
  margin-top: -1.3333vw;
}
.serv_area1 .area1_line .area1_info .infosval .tit {
  font-size: 4.5333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-bottom: 4vw;
}
.serv_area1 .area1_line .area1_info .infosval .txt {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  max-width: 72vw;
  line-height: 6.9333vw;
}
.policy_box:last-of-type {
  border: none;
  padding-bottom: 0;
}
.policy_box {
  width: 100%;
  padding: 9.3333vw 0;
  border-bottom: solid 1px #e5e5e5;
}
.policy_box .policy_tit {
  font-size: 4.5333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
  margin-bottom: 6.6667vw;
}
.policy_box .policy_txt {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
  line-height: 6.9333vw;
}
.lxi_box {
  width: 100%;
  padding-bottom: 7vw;
  margin-top: 10.6667vw;
}
.lxi_box .lxi_left {
  padding-bottom: 3vw;
  width: 100%;
}
.lxi_box .lxi_left > h3 {
  font-size: 4.2667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
}
.lxi_box .lxi_left .company_name {
  font-size: 3.7333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
  margin: 5vw 0 3vw 0;
}
.lxi_box .lxi_left > span {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #909090;
  margin-bottom: 1.3333vw;
  display: block;
}
.lxi_box .lxi_right .ewmbox {
  margin-right: 3.7333vw;
}
.lxi_box .lxi_right .ewmbox .img_box {
  width: 24.8vw;
  height: 24.8vw;
  margin-bottom: 2vw;
}
.lxi_box .lxi_right .ewmbox > p {
  font-size: 2.6667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #666666;
}
#map {
  width: 100%;
  height: 65.4667vw;
}
.select_box {
  width: 100%;
  padding-bottom: 5px;
}
.select_box .select_item {
  position: relative;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 3px;
  background: #f4f4f4;
  border-radius: 4px;
}
.select_box .select_item span {
  font-size: 11px;
  color: #ababab;
}
.select_box .select_item .selecticon:hover i {
  color: var(--themeColor);
}
.select_box .select_item .selecticon {
  cursor: pointer;
}
.select_box .select_item .selecticon i {
  color: #ababab;
  font-size: 12px;
}
.loading_box {
  width: 100%;
  position: absolute;
  z-index: 100;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.loading_box .mask_icon {
  width: 100%;
  height: 100%;
}
.loading_box .mask_icon i {
  color: #818181;
  font-weight: bold;
  font-size: 50px;
  animation: rotericon 1s linear infinite;
}
@keyframes rotericon {
  100% {
    transform: rotate(360deg);
  }
}
.screen_linet {
  width: 100%;
  height: 10.4vw;
  background: #f2f2f2;
  padding: 0 5.3333vw;
}
.screen_linet .screen_open i {
  font-size: 4vw;
  margin-right: 1.3333vw;
}
.screen_linet .screen_open span {
  font-size: 2.9333vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #000000;
}
.product_box {
  width: 100%;
  position: relative;
  padding-bottom: 10.6667vw;
}
.product_nav {
  padding-right: 17px;
  width: 170px;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.product_nav .navmask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.582);
}
.product_nav .nav_contents {
  position: absolute;
  width: 86.1333vw;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 100;
  padding: 6.6667vw 5.3333vw;
}
.product_nav .nav_contents .contents_scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-bottom: 13vw;
}
.product_nav .nav_contents .screen_item {
  width: 100%;
}
.product_nav .nav_contents .screen_item .screen_txt {
  width: 100%;
  padding-bottom: 2.6667vw;
  cursor: pointer;
}
.product_nav .nav_contents .screen_item .screen_txt span {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
}
.product_nav .nav_contents .screen_item .screen_child {
  width: 100%;
  padding-bottom: 6vw;
}
.product_nav .nav_contents .screen_item .screen_child .child_item.isActive {
  background-color: var(--themeColor);
}
.product_nav .nav_contents .screen_item .screen_child .child_item.isActive span {
  color: #fff;
}
.product_nav .nav_contents .screen_item .screen_child .child_item {
  width: 100%;
  cursor: pointer;
  width: 36.5333vw;
  min-height: 9.3333vw;
  background: #f4f4f4;
  border-radius: 0.6667vw;
  margin-bottom: 1.7333vw;
}
.product_nav .nav_contents .screen_item .screen_child .child_item span {
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #555555;
}
.product_nav .nav_contents .content_bottom {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  padding: 4.6667vw 0;
}
.product_nav .nav_contents .content_bottom .btns {
  width: 36.5333vw;
  height: 10.5333vw;
  border-radius: 0.6667vw;
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
}
.product_nav .nav_contents .content_bottom .btns.style1 {
  color: var(--themeColor);
  border: 0.2667vw solid var(--themeColor);
}
.product_nav .nav_contents .content_bottom .btns.style2 {
  background: var(--themeColor);
  color: #fff;
}
.product_nav .nav_head {
  border-bottom: solid 1px #E5E5E5;
}
.product_nav .nav_head .top_box {
  padding-bottom: 25px;
}
.product_nav .nav_head .screen {
  font-size: 13px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #000000;
}
.product_nav .nav_head .screen i {
  color: #000000;
  font-size: 20px;
  margin-right: 6px;
}
.product_nav .nav_head .resetting {
  border-left: solid 1px #e5e5e5;
  padding-left: 16px;
  margin-left: 16px;
  cursor: pointer;
  font-size: 13px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: var(--themeColor);
}
.product_list {
  width: 100%;
}
.product_list .product_class.isborder {
  border-bottom: solid 1px #e5e5e5;
}
.product_list .product_class {
  width: 100%;
}
.product_list .product_class .class_tit.isActive .icon {
  transform: rotate(180deg);
}
.product_list .product_class .class_tit {
  width: 100%;
  padding: 4vw 0;
  position: sticky;
  top: 13.3vw;
  z-index: 10;
  background-color: #fff;
}
.product_list .product_class .class_tit .tit {
  font-size: 4vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #555555;
}
.product_list .product_class .class_tit .icon i {
  font-size: 5vw;
  color: #969696;
}
.product_list .product_class .content_box {
  width: 100%;
}
.product_list .product_class .product_content {
  width: 100%;
}
.product_list .product_class .product_content .product_item.onRight {
  border: none;
}
.product_list .product_class .product_content .product_item {
  width: 43.6vw;
  min-height: 63vw;
  margin-bottom: 4vw;
  border-right: solid 1px #E5E5E5;
}
.product_list .product_class .product_content .product_item .img_box {
  width: 33.4667vw;
  height: 28.8vw;
}
.product_list .product_class .product_content .product_item .itemInfos {
  width: 100%;
  padding-top: 8vw;
}
.product_list .product_class .product_content .product_item .itemInfos .tit {
  width: 100%;
  font-size: 3.4667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: center;
  color: #000000;
}
.product_list .product_class .product_content .product_item .itemInfos .txt {
  width: 100%;
  font-size: 2.4vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #999999;
  margin-top: 2vw;
}
.product_list .product_class .product_content .product_item .itemInfos .price {
  margin-top: 4vw;
  width: 100%;
  font-size: 3.3333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: center;
  color: var(--themeColor);
}
.page_nav {
  width: 100%;
  padding: 5.3333vw 0;
}
.page_nav .nav_left .retbtn {
  cursor: pointer;
}
.page_nav .nav_left .retbtn i {
  font-size: 30px;
  margin-right: 20px;
  color: #000;
}
.page_nav .nav_left .pr_img {
  max-width: 7vw;
  margin-right: 2.2667vw;
}
.page_nav .nav_left .pr_name {
  font-size: 3.7333vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #000;
  white-space: nowrap;
}
.Details_box {
  width: 100%;
}
.Details_box .Details_left {
  padding: 6vw 0;
}
.Details_box .Details_left .big_img {
  position: relative;
  width: 100%;
  height: 60vw;
  margin-bottom: 0vw;
  display: none;
}
.Details_box .Details_left .big_img .imgBoxs {
  height: 100%;
  width: 100%;
}
.Details_box .Details_left .big_img .imgBoxs > img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
  display: block;
}
.Details_box .Details_left .imglist {
  width: 100%;
}
.Details_box .Details_left .imglist .img_item {
  cursor: pointer;
  margin-right: 3.2vw;
  margin-bottom: 2.6667vw;
  width: 14.6667vw;
  height: 14.6667vw;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.Details_box .Details_left .imglist .img_item > img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.Details_box .Details_left .imglist .img_item.isActive {
  border: solid 1px var(--themeColor);
}
.Details_box .Details_left .imglist .img_item:hover {
  border: solid 1px var(--themeColor);
}
.Details_box .Details_right {
  width: 100%;
  text-align: left;
}
.Details_box .Details_right .prDetails_head {
  width: 100%;
  text-align: left;
  padding-bottom: 4.6667vw;
}
.Details_box .Details_right .prDetails_head > h1 {
  font-size: 5.6vw;
  font-family: Arial, Arial-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  display: block;
  margin-bottom: 3.3333vw;
}
.Details_box .Details_right .prDetails_head > div > span {
  font-size: 3.7333vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
}
.Details_box .Details_right .prDetails_head > div > strong {
  font-size: 3.7333vw;
  font-family: Arial, Arial-Regular;
  font-weight: 400;
  text-align: left;
  color: var(--themeColor);
}
.Details_box .Details_right .characteristic {
  width: 100%;
  padding: 6.6667vw 0;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
.Details_box .Details_right .characteristic .prDetails_tit2 {
  font-size: 4.2667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: 550;
  text-align: left;
  color: #000000;
  margin-bottom: 4.2667vw;
}
.Details_box .Details_right .characteristic .characteristic_txt {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7B7B7B;
  line-height: 6.6667vw;
}
.details_cline:last-of-type {
  margin-bottom: 0;
}
.details_cline {
  width: 100%;
}
.details_cline .cline_info {
  padding: 4vw;
  min-height: 40.2667vw;
}
.details_cline .cline_info span {
  display: none;
}
.details_cline .cline_info .tit {
  font-size: 5.0667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-bottom: 4vw;
}
.details_cline .cline_info .txt {
  max-width: 80vw;
  font-size: 3.2vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #555555;
  line-height: 6vw;
}
.details_cline .cline_img {
  width: 100%;
  height: 75.7333vw;
}
.details_cline .cline_img img {
  width: 100%;
  height: 100%;
}
.cpCont_box,
.detail_content {
  width: 100%;
}
.cpCont_box p,
.detail_content p,
.cpCont_box span,
.detail_content span {
  display: block;
  width: 100% !important;
}
.cpCont_box img,
.detail_content img {
  display: block;
  width: 100% !important;
}
.cpCont_box video,
.detail_content video {
  display: block;
  width: 100% !important;
  background: #000;
}
.prDetails_tit.borderline {
  border-bottom: solid 1px #e5e5e5;
}
.prDetails_tit {
  font-size: 4.2667vw;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  padding: 6.6667vw 0;
  width: 100%;
}
.parameter_box {
  width: 100%;
}
.parameter_box .parameter_line {
  width: 100%;
  min-height: 11.3333vw;
  border-bottom: solid 1px #e5e5e5;
}
.parameter_box .parameter_line .line_tit {
  width: 100%;
}
.parameter_box .parameter_line .line_tit span {
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #7b7b7b;
}
.details_content {
  padding: 30px 0;
  width: 100%;
  font-size: 20px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: justify;
  color: #555555;
  line-height: 30px;
}
.details_content img {
  width: 100%;
  min-width: 1200px;
  display: block;
  margin: 0px auto;
}
.head_sel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 200;
  display: none;
  top: 86px;
  left: 0;
}
.head_sel .mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
.head_sel .head_sel_tit {
  font-size: 16px;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: left;
  color: #000000;
  padding: 35px 0;
}
.head_sel .selcontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 42px;
  z-index: 51;
  background: #fff;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.product_bnav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  padding: 50px 0;
}
.product_bnav .alert_item {
  justify-content: flex-end;
}
.product_bnav .alert_item .alert_imgbox > img {
  width: 14vw;
  height: 13vw;
  object-fit: contain;
}
.product_bnav .alert_item .navName {
  font-size: 14px;
  font-family: MicrosoftYaHeiSemibold, MicrosoftYaHeiSemibold-Regular;
  font-weight: bold;
  text-align: center;
  color: #000000;
  padding: 22px 2px 10px 2px;
}
.product_bnav .alert_item .navName.isActive {
  color: var(--themeColor);
}
