.cloudzoom-zoom {
  z-index: 9999;
}
.header {
  z-index: 99999;
}
@font-face {
  font-family: DINPRO;
  src: url('../css/fonts/DINPRO-REGULAR.OTF');
}
@font-face {
  font-family: DINPROB;
  src: url('../css/fonts/DINPRO-BOLD.OTF');
}
@font-face {
  font-family: SENTYZHAO;
  src: url('../css/fonts/SENTYZHAO新蒂赵孟頫.OTF');
}
@font-face {
  font-family: AkzidenzGroteskBQ;
  src: url('../css/fonts/AKZIDENZGROTESK-BOLDCOND.OTF');
}
@font-face {
  font-family: AkzidenzGroteskBQB;
  src: url('../css/fonts/AKZIDENZGROTESK-EXTRABOLD.OTF');
}
@font-face {
  font-family: PingFang;
  src: url('../css/fonts/PINGFANGMEDIUM_0.TTF');
}
@font-face {
  font-family: PingFangB;
  src: url('../css/fonts/PINGFANGBOLD_0.TTF');
}
* {
  font-family: Microsoft YaHei;
  box-sizing: border-box;
}
.public_w {
  max-width: 1400px;
  width: 85%;
  margin: 0 auto;
}
.public_w3 {
  max-width: 1000px;
  width: 85%;
  margin: 0 auto;
}
.banner {
  position: relative;
  overflow: hidden;
}
.banner .ban_img {
  width: 100%;
}
.banner .banner_shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner .banner_shade .public_w {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.banner .banner_shade .title_ban {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(10px + 1.9rem);
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.banner .banner_shade p {
  width: calc(155px + 13rem);
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.5rem);
  color: #FEFFFF;
  line-height: calc(10px + 0.8rem);
  margin-bottom: 1.5rem;
}
.banner .banner_shade .pro_link {
  display: flex;
  width: calc(40px + 5rem);
  height: calc(20px + 1.5rem);
  font-family: PingFang;
  font-weight: 500;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  border-radius: calc(15px + 0.5rem);
  background-color: #00C0E2;
}
.banner .banner_shade2 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.banner .banner_shade2 .banner_cont {
  display: flex;
  width: calc(180px + 14rem);
  height: calc(50px + 6rem);
  align-items: center;
  justify-content: center;
  background: linear-gradient(150deg, #01a7adcb, #0180cabd);
  border-radius: calc(16px + 0.5rem) 0px;
  padding: calc(5px + 0.5rem);
}
.banner .banner_shade2 .banner_about {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff85;
  border-radius: calc(16px + 0.5rem) 0px;
}
.banner .banner_shade2 .banner_about .title_ban {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(10px + 1.6rem);
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.banner .banner_shade2 .banner_about p {
  font-family: Arial;
  font-weight: 400;
  font-size: calc(10px + 1rem);
  color: #ffffffc7;
}


 .banner_shade3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
       
    }


.banner_shade3 .banner_cont {
    height: 100%;
}
.banner_shade3 .banner_cont .banner_about {
    display: flex;
    height: 100%;
    justify-content: center;
    /*align-items: center;*/
     flex-direction: column;
}

.banner_shade3 .banner_cont .banner_about .title_ban {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: calc(10px + 1.6rem);
    color: #FFFFFF;
    margin-bottom: 0.5rem;
  }
.banner_shade3 .banner_cont .banner_about p {
    font-family: Arial;
    font-weight: 400;
    font-size: calc(10px + 1rem);
    color: #ffffffc7;
  }

.navBox {
  background-color: #FFFFFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
}
.navBox .loc_nav {
  display: flex;
  align-items: center;
  height: calc(40px + 2rem);
}
.navBox .loc_nav .map_img {
  width: calc(11px + 0.5rem);
  margin-right: calc(6px + 0.3rem);
}
.navBox .loc_nav .map_img img {
  width: 100%;
}
.navBox .crumbsNav {
  display: flex;
  align-items: center;
}
.navBox .crumbsNav span {
  font-family: PingFang;
  font-weight: 500;
  font-size: calc(10px + 0.5rem);
  color: #919191;
}
.navBox .crumbsNav .crumbsEnd {
  color: #393939;
}
.pro2 {
  background-color: #F4F5F6;
}
.product {
  margin-top: 5rem;
  margin-bottom: 11rem;
}
.product .title_name {
  text-align: center;
  margin-bottom: 3.5rem;
}
.product .title_name h3 {
  font-family: AkzidenzGroteskBQB;
  font-weight: normal;
  font-size: calc(10px + 3.5rem);
  color: #343434;
}
.product .title_name p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.product .pro_title_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product .pro_title_li {
  width: 31.43%;
  padding: calc(10px + 0.3rem) 0;
  margin-bottom: 3rem;
  position: relative;
}
.product .pro_title_li .pro_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.product .pro_title_li .pro_bg img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.product .pro_title_li .pro_bg .bg2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.product .pro_title_li a {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: calc(6px + 0.3rem);
  z-index: 3;
}
.product .pro_title_li .pro_item_img {
  width: 37.73%;
}
.product .pro_title_li .pro_item_img img {
  width: 100%;
}
.product .pro_title_li .proItem_name {
  width: 60%;
}
.product .pro_title_li .proItem_name h3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.7rem);
  color: #232A3C;
  margin-bottom: 2px;
  transition: 0.3s;
}
.product .pro_title_li .proItem_name p {
  font-family: PingFang;
  font-weight: 400;
  font-size: calc(10px + 0.4rem);
  color: #9A9A9A;
  margin-bottom: 1rem;
  transition: 0.3s;
}
.product .pro_title_li .proItem_name .pro_line {
  display: block;
  width: calc(10px + 1.5rem);
  height: calc(1px + 0.05rem);
  background: #0197B9;
  transition: 0.3s;
}
.product .pro_title_li:hover .pro_bg .bg2 {
  opacity: 1;
}
.product .pro_title_li:hover .proItem_name h3 {
  color: #F2F4F5;
}
.product .pro_title_li:hover .proItem_name p {
  color: #F2F4F5;
}
.product .pro_title_li:hover .proItem_name .pro_line {
  background-color: #F2F4F5;
}
.product2 {
  margin-top: 6rem;
  margin-bottom: 9.5rem;
}
.product2 .public_w {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.product2 .pro_left {
  width: 21.43%;
  box-shadow: 0px 4px 14px 0px rgba(182, 201, 211, 0.5);
}
.product2 .pro_left .pro_titleName {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.7rem);
  color: #F2F4F5;
  padding: calc(7px + 0.5rem) calc(10px + 1rem);
  background: linear-gradient(-30deg, #019BAD, #0181CA);
  opacity: 0.99;
}
.product2 .pro_left .pro_cont {
  padding: calc(10px + 1.2rem) calc(10px + 1rem);
}
.product2 .pro_left .pro_cont .pro_introduce h1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  margin-bottom: 0.6rem;
}
.product2 .pro_left .pro_cont .pro_introduce p {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.3rem);
  color: #666666;
  margin-bottom: 1rem;
}
.product2 .pro_left .pro_cont .returnBut {
  display: flex;
  width: calc(60px + 2.5rem);
  height: calc(20px + 1rem);
  align-items: center;
  justify-content: center;
  background: linear-gradient(150deg, #01A7AD, #0181CA);
  border-radius: calc(10px + 1rem);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.3rem);
  color: #FFFFFF;
}
.product2 .pro_right {
  width: 73%;
}
.product2 .pro_right ul {
  display: flex;
  flex-wrap: wrap;
}
.product2 .pro_right .pro_item {
  width: 31.3%;
  margin-right: 3%;
  margin-bottom: calc(14px + 2rem);
  transition: 0.3s;
}
.product2 .pro_right .pro_item:nth-of-type(3n) {
  margin-right: 0;
}
.product2 .pro_right .pro_item a {
  display: block;
}
.product2 .pro_right .pro_item .pro_img {
  width: 100%;
  overflow: hidden;
}
.product2 .pro_right .pro_item .pro_img img {
  width: 100%;
  transition: 0.3s;
}
.product2 .pro_right .pro_item .pro_item_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: calc(5px + 0.5rem) calc(12px + 0.6rem);
}
.product2 .pro_right .pro_item .pro_item_name .pro_name {
  width: 80%;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #333333;
  transition: 0.3s;
}
.product2 .pro_right .pro_item .pro_item_name .pro_icon {
  display: flex;
  width: calc(14px + 1rem);
  height: calc(14px + 1rem);
  opacity: 0.8;
  font-size: calc(13px + 0.5rem);
  color: #0197B9;
  align-items: center;
  justify-content: center;
  padding-bottom: 1%;
  background-color: #e5e5e5be;
  background-size: 300%;
  background-image: linear-gradient(150deg, #e5e5e5be 0%, #e5e5e5be 50%, #01A7AD 50%, #0181CA 100%);
  box-shadow: 0px 0px 8px 0px rgba(118, 118, 119, 0.18);
  border-radius: 50%;
  transition: 0.3s;
}
.product2 .pro_right .pro_item:hover {
  transform: translateY(-3%);
}
.product2 .pro_right .pro_item:hover .pro_item_name .pro_name {
  color: #0197B9;
}
.product2 .pro_right .pro_item:hover .pro_item_name .pro_icon {
  color: #fff;
  background-position: 100% 0;
}
.pro_read2 {
  background-color: #F4F5F6;
}
.pro_read {
  margin-top: 6rem;
}
.pro_read .pro_read1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6.5rem;
}
.pro_read .Prod_read_left {
  width: 47.1%;
}
.pro_read .Prod_read_left .my2_slide img {
  width: 100%;
}
.pro_read .Prod_read_right {
  width: 48.57%;
  box-shadow: 0px 4px 14px 0px rgba(182, 201, 211, 0.5);
}
.pro_read .Prod_read_right h2 {
  display: flex;
  height: calc(25px + 2rem);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.8rem);
  color: #F2F4F5;
  opacity: 0.99;
  align-items: center;
  background-color: #0197B9;
  padding-left: 3rem;
}
.pro_read .Prod_read_right .wappro {
  margin-top: 2.2rem;
  padding: 0 3rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.pro_read .Prod_read_right .wappro li {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
}
.pro_read .Prod_read_right .wappro .pro_type {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.4rem);
  color: #333333;
}
.pro_read .Prod_read_right .wappro .pro_intro {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.3rem);
  color: #666666;
}
.pro_read .Prod_read_right .wappro .wapproItem {
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.pro_read .Prod_read_right .wappro .wapproItem .pro_type {
  margin-bottom: 0.5rem;
}
.pro_read .Prod_read_right .pro_but {
  display: flex;
  align-items: center;
  padding-left: 3rem;
  margin-bottom: 2.2rem;
}
.pro_read .Prod_read_right .pro_but a {
  display: flex;
  width: 30%;
  height: calc(30px + 1.5rem);
  font-size: calc(10px + 0.4rem);
  font-family: Microsoft YaHei;
  align-items: center;
  justify-content: center;
  border: 1px solid #666666;
  transition: 0.3s;
}
.pro_read .Prod_read_right .pro_but a .but_img {
  display: flex;
  width: 15%;
  position: relative;
  margin-right: 0.5rem;
}
.pro_read .Prod_read_right .pro_but a .but_img img {
  width: 100%;
  transition: 0.3s;
}
.pro_read .Prod_read_right .pro_but a .but_img .hove_img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.pro_read .Prod_read_right .pro_but a.pro_but_return {
  margin-right: calc(10px + 0.5rem);
}
.pro_read .Prod_read_right .pro_but a:hover {
  color: #fff;
  background-color: #0189C2;
  border-color: #0189C2;
}
.pro_read .Prod_read_right .pro_but a:hover .but_img .hove_img {
  opacity: 1;
}
.pro_read .Prod_read_right .pro_but a:hover .but_img .butImg {
  opacity: 0;
}
.pro_read .recommend_pro {
  background-color: #fff;
  padding-top: 5.5rem;
  margin-bottom: 9rem;
}
.pro_read .recommend_pro .recomm_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.9rem;
}
.pro_read .recommend_pro .rec_title h6 {
  font-size: calc(10px + 1.7rem);
  font-weight: bold;
  margin-bottom: 2px;
}
.pro_read .recommend_pro .rec_title p {
  color: #0189C2;
  font-size: calc(10px + 0.4rem);
}
.pro_read .recommend_pro .switchBox {
  width: calc(70px + 5rem);
  height: calc(28px + 1.5rem);
  position: relative;
}
.pro_read .recommend_pro .switchBox .swiper-button-next,
.pro_read .recommend_pro .switchBox .swiper-button-prev {
  width: calc(18px + 2rem);
  height: calc(18px + 2rem);
  border-radius: 50%;
  background-color: #0189C2;
  border: 1px solid #0189C2;
  transition: 0.3s;
}
.pro_read .recommend_pro .switchBox .swiper-button-next::after,
.pro_read .recommend_pro .switchBox .swiper-button-prev::after {
  font-size: calc(10px + 0.5rem);
  color: #fff;
  transition: 0.3s;
}
.pro_read .recommend_pro .switchBox .swiper-button-next.swiper-button-disabled,
.pro_read .recommend_pro .switchBox .swiper-button-prev.swiper-button-disabled {
  background-color: #fff;
  opacity: 1;
}
.pro_read .recommend_pro .switchBox .swiper-button-next.swiper-button-disabled::after,
.pro_read .recommend_pro .switchBox .swiper-button-prev.swiper-button-disabled::after {
  color: #0189C2;
}
.pro_read .recommend_pro .recomSwiper .swiper-slide {
  width: 100%;
}
.pro_read .recommend_pro .recomSwiper .swiper-slide a {
  display: block;
}
.pro_read .recommend_pro .recomSwiper .swiper-slide img {
  width: 100%;
}
.navBox .crumbsSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navBox .about_nav ul {
  display: flex;
  align-items: center;
}
.navBox .about_nav .about_item {
  height: calc(40px + 2rem);
}
.navBox .about_nav .about_item a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 2.5rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.7rem);
  color: #545454;
}
.navBox .about_nav .about_item.abo_active {
  background: linear-gradient(150deg, #019BAD, #0181CA);
}
.navBox .about_nav .about_item.abo_active a {
  color: #fff;
}
.aboutBox .about_into {
  background-image: url("../images/about_bg.jpg");
}
.aboutBox .about_into .public_w {
  display: flex;
  padding: 7.5rem 0 6rem;
  align-items: start;
  justify-content: space-between;
}
.aboutBox .about_into .about_tit_img {
  width: 58.57%;
}
.aboutBox .about_into .about_tit_img .abo_tit {
  margin-bottom: 3rem;
}
.aboutBox .about_into .about_tit_img .abo_tit h3 {
  font-family: AkzidenzGroteskBQB;
  font-weight: normal;
  font-size: calc(10px + 3.5rem);
  color: #343434;
}
.aboutBox .about_into .about_tit_img .abo_tit p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.aboutBox .about_into .about_con {
  width: 41.43%;
  border-top: calc(4px + 0.2rem) solid #000;
  border-image: linear-gradient(90deg, #01A7AD, #0181CA) 1 0;
  padding: 4rem 3.5rem 3rem;
  background-color: #fff;
}
.aboutBox .about_into .about_con .about_tit {
  margin-bottom: 4rem;
}
.aboutBox .about_into .about_con .about_tit .about_name {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(10px + 1.9rem);
  color: #232A3C;
  margin-bottom: 0.9rem;
}
.aboutBox .about_into .about_con .about_tit .about_introduce {
  display: block;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.3rem);
  color: #9EA2A8;
  margin-bottom: 0.3rem;
}
.aboutBox .about_into .about_con .about_tit::after {
  content: "";
  display: block;
  margin-top: 1rem;
  width: 10%;
  height: calc(2px + 0.05rem);
  background: #0181CA;
}
.aboutBox .about_into .about_con .about_content .about_start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.1rem;
}
.aboutBox .about_into .about_con .about_content .about_start h5 {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(10px + 0.7rem);
  color: #232A3C;
}
.aboutBox .about_into .about_con .about_content .about_start .switchBox {
  display: flex;
  width: calc(30px + 1.5rem);
  justify-content: space-between;
}
.aboutBox .about_into .about_con .about_content .about_start .switchBox .prev1,
.aboutBox .about_into .about_con .about_content .about_start .switchBox .next1 {
  display: flex;
  width: calc(14px + 0.5rem);
  height: calc(14px + 0.5rem);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #0181CA;
}
.aboutBox .about_into .about_con .about_content .about_start .switchBox .prev1 i,
.aboutBox .about_into .about_con .about_content .about_start .switchBox .next1 i {
  color: #fff;
  font-size: calc(4px + 0.3rem);
}
.aboutBox .about_into .about_con .about_content .about_start .switchBox .prev1.swiper-button-disabled,
.aboutBox .about_into .about_con .about_content .about_start .switchBox .next1.swiper-button-disabled {
  background-color: #0000003d;
}
.aboutBox .about_into .about_con .about_content .aboutSwitch {
  margin-bottom: 1.5rem;
}
.aboutBox .about_into .about_con .about_content .aboutSwitch .swiper-slide {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.3rem);
  color: #616266;
  line-height: calc(10px + 0.8rem);
}
.aboutBox .about_into .about_con .about_content .aboutSwitch .swiper-slide p {
  margin-bottom: calc(2px + 0.2rem);
}
.aboutBox .about_into .about_con .about_numer {
  border-top: 1px solid #F2F2F2;
  padding-top: 1rem;
}
.aboutBox .about_into .about_con .about_numer ul {
  display: flex;
  justify-content: space-between;
}
.aboutBox .about_into .about_con .about_numer ul li {
  display: flex;
  width: 27%;
  justify-content: center;
  align-items: center;
  border-right: 1px dotted #CECECE;
}
.aboutBox .about_into .about_con .about_numer ul li:last-of-type {
  border-right-color: transparent;
}
.aboutBox .about_into .about_con .about_numer ul li:last-of-type p {
  padding-left: 1rem;
}
.aboutBox .about_into .about_con .about_numer ul .num_val {
  width: 100%;
  position: relative;
}
.aboutBox .about_into .about_con .about_numer ul .num_val .num {
  font-size: calc(12px + 2.2rem);
  font-family: DINPROB;
  color: #0181CA;
  line-height: calc(20px + 2rem);
  background: linear-gradient(120deg, #01A7AD 0%, #0181CA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aboutBox .about_into .about_con .about_numer ul .num_val img {
  width: calc(10px + 0.5rem);
  position: relative;
  top: 0;
}
.aboutBox .about_into .about_con .about_numer ul .num_val p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.3rem);
  color: #24284186;
}
.aboutBox .qualityService {
  background-color: #0197B9;
}
.aboutBox .qualityService ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 0;
}
.aboutBox .qualityService .qualityItem {
  display: flex;
  width: 25%;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.aboutBox .qualityService .qualityItem::after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 80%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff52;
}
.aboutBox .qualityService .qualityImg {
  width: 30%;
  margin-bottom: 0.5rem;
}
.aboutBox .qualityService .qualityImg img {
  width: 100%;
}
.aboutBox .qualityService .qualityTit {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #FEFFFF;
  text-align: center;
}
.aboutBox .marketingNetwork {
  background-image: url("../images/marketNet01.jpg");
  background-size: cover;
  padding: 6rem 0 3rem;
  margin-bottom: 6rem;
}
.aboutBox .marketingNetwork .marketingNetworkTit {
  text-align: center;
  margin-bottom: 2.5rem;
}
.aboutBox .marketingNetwork .marketingNetworkTit h6 {
  font-family: AkzidenzGroteskBQB;
  font-weight: normal;
  font-size: calc(10px + 3rem);
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.aboutBox .marketingNetwork .marketingNetworkTit p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #0181CA;
}
.aboutBox .marketingNetwork .public_w {
  position: relative;
}
.aboutBox .marketingNetwork .mainSalesArea {
  width: 27.143%;
  position: absolute;
  background-color: #fff;
  top: 10%;
  left: 5%;
  background: linear-gradient(150deg, #019cade5, #0180cae1);
  border-radius: calc(2px + 0.2rem);
  padding: 3rem 2.2rem;
  z-index: 10;
}
.aboutBox .marketingNetwork .mainSalesArea .mainName {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.7rem;
}
.aboutBox .marketingNetwork .mainSalesArea .mainName img {
  width: 26.2%;
}
.aboutBox .marketingNetwork .mainSalesArea .mainName .main_title {
  font-family: YouSheBiaoTiYuan;
  font-weight: 400;
  font-size: calc(10px + 1.5rem);
  color: #FFFFFF;
}
.aboutBox .marketingNetwork .mainSalesArea .mainIntroduce {
  display: flex;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 2rem;
}
.aboutBox .marketingNetwork .mainSalesArea .mainIntroduce::before,
.aboutBox .marketingNetwork .mainSalesArea .mainIntroduce::after {
  display: block;
  content: "";
  width: 10px;
  height: 2px;
  background-color: #F2F4F5;
}
.aboutBox .marketingNetwork .mainSalesArea .mainIntroduce::before {
  margin-right: calc(4px + 0.3rem);
}
.aboutBox .marketingNetwork .mainSalesArea .mainIntroduce::after {
  margin-left: calc(4px + 0.3rem);
}
.aboutBox .marketingNetwork .mainSalesArea .mainCont1 {
  text-align: center;
}
.aboutBox .marketingNetwork .mainSalesArea .mainCont1 h6 {
  font-family: SourceHanSansCN;
  font-weight: 800;
  font-size: calc(10px + 1rem);
  color: #FEFFFF;
  margin-bottom: 1rem;
  letter-spacing: 2px;
}
.aboutBox .marketingNetwork .mainSalesArea .mainCont1 p {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.3rem);
  color: #FEFFFF;
  line-height: calc(10px + 1rem);
}
.aboutBox .marketingNetwork .marketingMap {
  margin-bottom: 3rem;
  position: relative;
}
.aboutBox .marketingNetwork .marketingMap .marketingMap_bg {
  width: 100%;
}
.aboutBox .marketingNetwork .marketingMap .distributeBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.aboutBox .marketingNetwork .marketingMap .distributeStart {
  position: absolute;
  width: 2.858%;
  top: 51.5%;
  left: 72.5%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 6;
  transform: scale(1);
  transition: 0.5s;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapName {
  display: block;
  position: absolute;
  bottom: 110%;
  left: auto;
  font-size: calc(10px + 0.4rem);
  font-family: CenturyGothic;
  font-weight: normal;
  color: #E9CA60;
  white-space: nowrap;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .map_img {
  width: 56%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  animation: moves1 2s infinite alternate linear  ;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .map_img img {
  width: 100%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .pedestal {
  width: 50%;
  min-width: calc(4px + 0.3rem);
  height: calc(4px + 0.3rem);
  border-radius: 50%;
  background-color: #e3d779c0;
  margin-top: calc(-2px - 0.1rem);
  position: relative;
  animation: moves2 2s infinite alternate linear  ;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .pedestal::before,
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .pedestal::after {
  display: block;
  content: "";
  border-radius: 50%;
  border: 1px solid #E3D779;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .pedestal::before {
  width: 160%;
  min-width: calc(9px + 0.4rem);
  height: calc(9px + 0.4rem);
  opacity: 0.9;
}
.aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .pedestal::after {
  width: 200%;
  min-width: calc(12px + 0.6rem);
  height: calc(12px + 0.6rem);
  opacity: 0.5;
}
@keyframes moves1 {
  0%,
  100% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(-3px);
  }
}
@keyframes moves2 {
  0%,
  100% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
}
.aboutBox .marketingNetwork .marketingMap .mapiconArrive {
  position: relative;
  display: flex;
  width: 1.786%;
  flex-direction: column;
  align-items: center;
  transition: 0.5s;
}
.aboutBox .marketingNetwork .marketingMap .mapiconArrive img {
  width: 100%;
}
.aboutBox .marketingNetwork .marketingMap .mapiconArrive .mapName {
  display: block;
  position: absolute;
  bottom: 110%;
  left: auto;
  font-size: calc(10px + 0.3rem);
  font-family: Microsoft YaHei;
  font-weight: bold;
  white-space: nowrap;
}
.aboutBox .marketingNetwork .marketingMap .mapiconArrive.mapI .mapName {
  color: #25CA8B;
}
.aboutBox .marketingNetwork .marketingMap .mapiconArrive.mapI2 .mapName {
  color: #23C0C1;
}
.aboutBox .marketingNetwork .marketingMap .mapicon02 {
  top: 40%;
  left: 72%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon03 {
  top: 28.5%;
  left: 69.3%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon04 {
  top: 37%;
  left: 69.2%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon05 {
  top: 25%;
  left: 65%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon06 {
  top: 32.3%;
  left: 65.6%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon07 {
  top: 31%;
  left: 70.6%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon08 {
  top: 7%;
  left: 60.52%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon09 {
  top: 13%;
  left: 62.94%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon10 {
  top: 17%;
  left: 68%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon11 {
  top: 17%;
  left: 58.2%;
}
.aboutBox .marketingNetwork .marketingMap .mapicon12 {
  top: 2%;
  left: 44.6%;
}
.aboutBox .strength {
  margin-bottom: 7rem;
}
.aboutBox .strength .strengthTit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 1px solid #00000017;
  margin-bottom: 3rem;
}
.aboutBox .strength .strengthTit .strengthName h6 {
  font-family: AkzidenzGroteskBQB;
  font-size: calc(10px + 3.5rem);
  color: #343434;
  margin-bottom: 0.3rem;
}
.aboutBox .strength .strengthTit .strengthName p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.aboutBox .strength .strengthTit .strengthBut {
  display: flex;
  width: calc(150px + 6.5rem);
  justify-content: space-between;
}
.aboutBox .strength .strengthTit .strengthBut .strength_but {
  display: flex;
  width: calc(70px + 3rem);
  height: calc(30px + 1rem);
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.4rem);
  color: #fff;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(150deg, #828282 0%, #828282 50%, #019BAD 50%, #0181CA 100%);
  background-size: 300%;
  border-radius: calc(15px + 0.5rem);
  transition: 0.3s;
  cursor: pointer;
}
.aboutBox .strength .strengthTit .strengthBut .strength_but.strength_butActive {
  color: #fff;
  background-position: 100% 0;
}
.aboutBox .strength .strengthList {
  position: relative;
}
.aboutBox .strength .strengthList .strengSwiper {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.aboutBox .strength .strengthList .strengSwiper:first-of-type {
  position: relative;
}
.aboutBox .strength .strengthList .strengSwiper .swipers2 .swiper-wrapper {
  display: flex;
  width: 100%;
  height: calc(180px + 29rem);
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-slide {
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-slide a {
  display: block;
  position: relative;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-slide .parItemimg,
.aboutBox .strength .strengthList .strengSwiper .swiper-slide video {
  width: 100%;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-slide .watermarkBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-slide .watermarkBox img {
  width: 80%;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-pagination1 {
  text-align: center;
  position: absolute;
  bottom: 20px;
  z-index: 10;
}
.aboutBox .strength .strengthList .strengSwiper .my-bullet2 {
  display: inline-block;
  width: calc(6px + 0.3rem);
  height: calc(6px + 0.3rem);
  background: #00000049;
  opacity: 0.4;
  border-radius: 1.5rem;
  margin: 0 calc(10px + 0.2rem);
  transition: width 0.3s;
  position: relative;
}
.aboutBox .strength .strengthList .strengSwiper .my-bullet2::after {
  display: block;
  content: "";
  width: calc(18px + 0.6rem);
  height: calc(18px + 0.6rem);
  border-radius: 50%;
  border: 1px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aboutBox .strength .strengthList .strengSwiper .swiper-pagination-bullet-active {
  background-color: #0181CA;
  opacity: 1;
}
.aboutBox .strength .strengthList .strengSwiper .swiper-pagination-bullet-active::after {
  border-color: #0181CA;
}
.aboutBox .culture {
  margin-top: 6rem;
  margin-bottom: 8.5rem;
}
.aboutBox .culture .culture_title {
  text-align: center;
  margin-bottom: 3.5rem;
}
.aboutBox .culture .culture_title h3 {
  font-family: AkzidenzGroteskBQB;
  font-size: calc(10px + 3.5rem);
  color: #343434;
  margin-bottom: 0.3rem;
}
.aboutBox .culture .culture_title p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.aboutBox .culture ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.aboutBox .culture .cultureItem {
  width: 30%;
  transition: 0.5s;
}
.aboutBox .culture .cultureItem .cultureImg {
  margin-bottom: 1rem;
  overflow: hidden;
}
.aboutBox .culture .cultureItem .cultureImg img {
  width: 100%;
  transition: 0.5s;
}
.aboutBox .culture .cultureItem .cultureName {
  margin-bottom: 0.7rem;
}
.aboutBox .culture .cultureItem .cultureName h5 {
  font-family: PingFang;
  font-weight: bold;
  font-size: calc(10px + 0.9rem);
  color: #333333;
}
.aboutBox .culture .cultureItem .cultureName p {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: calc(10px + 0.5rem);
  color: #0180cac4;
}
.aboutBox .culture .cultureItem .cultureName::after {
  display: block;
  content: "";
  width: calc(16px + 0.5rem);
  height: 2px;
  margin-top: 2.7rem;
  background: #0181CA;
}
.aboutBox .culture .cultureItem .cultureCon {
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.4rem);
  color: #333333;
}
.aboutBox .culture .cultureItem:hover {
  transform: translateY(-3%);
}
.aboutBox .culture .cultureItem:hover .cultureImg img {
  transform: scale(1.1);
}
.aboutBox .honor {
  background-color: #F7F7F7;
  padding-top: 7rem;
  padding-bottom: 6rem;
}
.aboutBox .honor .honor_title {
  text-align: center;
  margin-bottom: 3.5rem;
}
.aboutBox .honor .honor_title h3 {
  font-family: AkzidenzGroteskBQB;
  font-size: calc(10px + 3.5rem);
  color: #343434;
}
.aboutBox .honor .honor_title p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.aboutBox .honor ul {
  display: flex;
  flex-wrap: wrap;
}
.aboutBox .honor .honorItem {
  width: 31%;
  margin-right: 3%;
  margin-bottom: 2.5rem;
  box-shadow: 0px 0px 20px 0px rgba(118, 118, 119, 0.14);
  border-radius: 6px;
  transition: 0.5s;
}
.aboutBox .honor .honorItem:nth-of-type(3n) {
  margin-right: 0;
}
.aboutBox .honor .honorItem .honorImg {
  width: 80%;
  margin: 1.9rem auto;
  overflow: hidden;
}
.aboutBox .honor .honorItem .honorImg img {
  width: 100%;
  transition: 0.5s;
}
.aboutBox .honor .honorItem .honorName {
  display: flex;
  height: calc(35px + 2rem);
  border-top: 1px solid #E5E5E5;
  padding: 0 1.9rem;
  align-items: center;
  justify-content: space-between;
}
.aboutBox .honor .honorItem .honorName h5 {
  width: 85%;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #242C3D;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.aboutBox .honor .honorItem .honorName .iconBox {
  display: flex;
  width: calc(16px + 1rem);
  height: calc(16px + 1rem);
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(118, 118, 119, 0.18);
  border-radius: 50%;
  transition: 0.5s;
  background-size: 350%;
  background-image: linear-gradient(150deg, #fff 0%, #fff 50%, #01A7AD 50%, #0181CA 100%);
}
.aboutBox .honor .honorItem .honorName .iconBox i {
  color: #0197B9;
  font-size: calc(10px + 0.4rem);
  transition: 0.5s;
}
.aboutBox .honor .honorItem:hover {
  transform: translateY(-5%);
}
.aboutBox .honor .honorItem:hover .honorImg img {
  transform: scale(1.1);
}
.aboutBox .honor .honorItem:hover .honorName .iconBox {
  background-position: 100% 0;
}
.aboutBox .honor .honorItem:hover .honorName .iconBox i {
  color: #fff;
}
.newsBox {
  margin-top: 6.5rem;
  margin-bottom: 6rem;
}
.newsBox .news1_ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.newsBox .news1_li {
  width: 24%;
  border: 1px solid #E5E5E5;
  transition: 0.3s;
  padding-bottom: 1.7rem;
}
.newsBox .news1_li .newImg {
  position: relative;
  padding-bottom: calc(10px + 0.25rem);
  margin-bottom: 1.7rem;
  overflow: hidden;
}
.newsBox .news1_li .newImg img {
  width: 100%;
  transition: 0.3s;
}
.newsBox .news1_li .newImg .newsTime {
  display: flex;
  width: calc(40px + 2rem);
  height: calc(18px + 0.8rem);
  font-size: calc(10px + 0.5rem);
  font-family: Arial;
  font-weight: 400;
  color: #FFFEFE;
  position: absolute;
  bottom: 0;
  left: 1.4rem;
  justify-content: center;
  align-items: center;
  background: linear-gradient(1200deg, #019BAD, #0181CA);
}
.newsBox .news1_li .name_move {
  padding: 0 1.4rem;
}
.newsBox .news1_li .name_move .name {
  height: calc(47px + 1rem);
  padding-right: 1rem;
  font-size: calc(10px + 0.4rem);
  font-weight: 400;
  color: #363636;
  line-height: calc(14px + 1rem);
  margin-bottom: 1.5rem;
  transition: 0.3s;
}
.newsBox .news1_li .name_move .moverInto {
  display: flex;
  width: calc(50px + 3rem);
  height: calc(16px + 1rem);
  align-items: center;
  justify-content: space-between;
  background-size: 300%;
  background-image: linear-gradient(150deg, #fff 0%, #fff 50%, #019BAD 50%, #0181CA 100%);
  border-radius: calc(12px + 0.5rem);
  padding: 0 1rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: calc(10px + 0.3rem);
  color: #0181CA;
  transition: 0.5s;
}
.newsBox .news1_li .name_move .moverInto .img_icon {
  display: flex;
  position: relative;
}
.newsBox .news1_li .name_move .moverInto .img_icon img {
  transition: 0.3s;
}
.newsBox .news1_li .name_move .moverInto .img_icon .img_icon2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.newsBox .news1_li:hover {
  border-color: transparent;
  box-shadow: 0px 16px 22px 2px rgba(0, 39, 61, 0.06);
}
.newsBox .news1_li:hover .newImg img {
  transform: scale(1.1);
}
.newsBox .news1_li:hover .name_move .name {
  background-color: #fff;
}
.newsBox .news1_li:hover .name_move .moverInto {
  color: #fff;
  background-position: 100% 0;
}
.newsBox .news1_li:hover .name_move .moverInto .img_icon .img_icon1 {
  opacity: 0;
}
.newsBox .news1_li:hover .name_move .moverInto .img_icon .img_icon2 {
  opacity: 1;
}
.new_read {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}
.new_read .new_read_content {
  display: flex;
  justify-content: space-between;
}
.new_read .new_read_content .new_read_left {
  width: 66.9%;
}
.new_read .new_read_content .new_read_left .title_name {
  font-size: calc(10px + 1.3rem);
  color: #0C0C0C;
  text-align: center;
  margin-bottom: 1.3rem;
}
.new_read .new_read_content .new_read_left .time_attention {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5rem;
  margin-bottom: 2.2rem;
  position: relative;
}
.new_read .new_read_content .new_read_left .time_attention .read_p3,
.new_read .new_read_content .new_read_left .time_attention .read_p4 {
  display: flex;
  align-items: center;
}
.new_read .new_read_content .new_read_left .time_attention .read_p3 span,
.new_read .new_read_content .new_read_left .time_attention .read_p4 span {
  font-size: calc(10px + 0.3rem);
  color: #30333b86;
}
.new_read .new_read_content .new_read_left .time_attention .read_p3 img,
.new_read .new_read_content .new_read_left .time_attention .read_p4 img {
  margin-right: 0.5rem;
}
.new_read .new_read_content .new_read_left .time_attention .read_p3 {
  margin-right: 1.9rem;
}
.new_read .new_read_content .new_read_left .time_attention::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #E8E8E8;
}
.new_read .new_read_content .new_read_left .read_p5 {
  font-size: calc(10px + 0.4rem);
  font-family: PingFang;
  font-weight: 500;
  color: #666;
  line-height: calc(10px + 1.3rem);
  margin-bottom: 5rem;
}
.new_read .new_read_content .new_read_left .read_p5 p {
  text-indent: 2em;
  margin-bottom: 0.5rem;
}
.new_read .new_read_content .new_read_left .read_Img {
  width: 60%;
  margin: 0 auto;
  margin-bottom: 5rem;
}
.new_read .new_read_content .new_read_left .read_Img img {
  width: 100%;
}
.new_read .new_read_content .new_read_left .switchBox {
  font-size: calc(10px + 0.5rem);
  font-weight: 400;
  font-family: Arial;
  color: #666666;
  line-height: calc(20px + 1rem);
  margin-bottom: 1.6rem;
}
.new_read .new_read_content .new_read_left .switchBox .lastSpin,
.new_read .new_read_content .new_read_left .switchBox .nextSpin {
  display: none;
}
.new_read .new_read_content .new_read_left .returnButs {
  display: flex;
  width: calc(80px + 4rem);
  height: calc(21px + 1.5rem);
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.3rem);
  color: #333333;
  transition: 0.3s;
}
.new_read .new_read_content .new_read_left .returnButs:hover {
  color: #0181CA;
}
.new_read .new_read_content .new_read_right {
  width: 24.647%;
}
.new_read .new_read_content .new_read_right .rd {
  font-size: calc(10px + 0.7rem);
  font-weight: bold;
  color: #30333B;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #30333b2f;
}
.new_read .new_read_content .new_read_right .new_read_right_li {
  border-bottom: 1px solid #30333b31;
}
.new_read .new_read_content .new_read_right .new_read_right_li:last-of-type {
  border-bottom-color: transparent;
}
.new_read .new_read_content .new_read_right .new_read_right_li a {
  display: block;
  padding: 1.6rem 0;
}
.new_read .new_read_content .new_read_right .new_read_right_li .p1 {
  font-size: calc(10px + 0.5rem);
  font-weight: 400;
  color: #30333bde;
  line-height: calc(10px + 1.1rem);
}
.new_read .new_read_content .new_read_right .new_read_right_li .p2 {
  font-size: calc(10px + 0.3rem);
  font-weight: 400;
  color: #666;
  line-height: calc(10px + 1.5rem);
}
.contactBox {
  margin-top: 6.5rem;
}
.contactBox .contact_message {
  display: flex;
  height: calc(300px + 40rem);
  align-items: end;
  position: relative;
}
.contactBox .public_w {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}
.contactBox .mess_conte {
  display: flex;
  padding: 5rem 4rem;
  background-color: #fff;
  box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.1);
}
.contactBox .mess_conte .contact_tit {
  padding-bottom: 1.5rem;
  border-bottom: #E8E8E8 solid 1px;
}
.contactBox .mess_conte .contact_tit h5 {
  font-family: Arial;
  font-weight: bold;
  font-size: calc(10px + 1.9rem);
  color: #343434;
  margin-bottom: 0.5rem;
}
.contactBox .mess_conte .contact_tit p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.contactBox .mess_conte .content_left {
  width: 35.24%;
  margin-right: 2.2rem;
  border-right: 1px solid #E8E8E8;
}
.contactBox .mess_conte .content_left ul {
  padding-top: 1.7rem;
  border-top: 1px solid #E8E8E8;
}
.contactBox .mess_conte .content_left li {
  display: flex;
  margin-bottom: 1.3rem;
}
.contactBox .mess_conte .content_left li .cont_icon img {
  margin-top: calc(3px + 0.1rem);
}
.contactBox .mess_conte .content_left .cont_icon {
  width: 13.73%;
}
.contactBox .mess_conte .content_left .cont_Info {
  width: 76.8%;
}
.contactBox .mess_conte .content_left .cont_Info_name {
  display: block;
  font-size: calc(10px + 0.6rem);
  font-weight: 400;
  color: #555555;
  margin-bottom: 0.6rem;
}
.contactBox .mess_conte .content_left .cont_Info_con span {
  display: block;
  font-size: calc(10px + 0.5rem);
  font-family: PingFang;
  font-weight: 500;
  color: #999999;
  line-height: calc(12px + 0.7rem);
}
.contactBox .mess_conte .content_right {
  width: 61%;
}
.contactBox .mess_conte .content_right .contact_tit {
  text-align: center;
}
.contactBox .mess_conte .content_right .mess_form .input {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contactBox .mess_conte .content_right .mess_form .cont_inp1 {
  display: flex;
  align-items: center;
  height: calc(27px + 1.5rem);
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  margin-bottom: calc(10px + 0.5rem);
  padding: 0.6rem 0.8rem;
}
.contactBox .mess_conte .content_right .mess_form .cont_inp1 .con_required {
  font-size: calc(10px + 0.3rem);
  font-family: PingFang;
  font-weight: 500;
  color: #FF3333;
  margin-right: calc(4px + 0.2rem);
}
.contactBox .mess_conte .content_right .mess_form .cont_inp1 input {
  width: 85%;
  height: 100%;
  outline: none;
  border: none;
  font-size: calc(10px + 0.3rem);
  font-family: PingFang;
  font-weight: 500;
}
.contactBox .mess_conte .content_right .mess_form .cont_mess1 {
  width: 32%;
}
.contactBox .mess_conte .content_right .mess_form .cont_mess2 {
  width: 49%;
}
.contactBox .mess_conte .content_right .mess_form .cont_mess3 {
  width: 100%;
  height: calc(43px + 5rem);
}
.contactBox .mess_conte .content_right .mess_form .cont_mess3 textarea {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  font-size: calc(10px + 0.3rem);
  font-family: PingFang;
  font-weight: 500;
}
.contactBox .mess_conte .content_right .form_btn2 {
  text-align: center;
}
.contactBox .mess_conte .content_right .form_btn2 .submit2 {
  outline: none;
  border: none;
  width: calc(50px + 5rem);
  height: calc(25px + 1.25rem);
  background: #000000d2;
  opacity: 0.9;
  border-radius: calc(15px + 0.75rem);
  font-size: calc(10px + 0.4rem);
  font-family: PingFang;
  font-weight: 500;
  color: #FFFFFF;
}
.contactBox .cont_place {
  position: relative;
  z-index: 16;
}
.contactBox .cont_place .place_img {
  width: 100%;
}
.contactBox .cont_place .map_tit_icon {
  position: absolute;
  bottom: 15%;
  left: 60%;
}
.contactBox .cont_place .tit {
  width: calc(149px + 10rem);
  border-radius: 4px;
  transform: translateX(-43%);
}
.contactBox .cont_place .mapicon {
  width: calc(30px + 1rem);
  animation: moves 2s infinite alternate linear;
}
@keyframes moves {
  0%,
  100% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-6px);
  }
}
.solutionBox {
  margin-top: 6.5rem;
  margin-bottom: 3rem;
}
.solutionBox .solutionTit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.solutionBox .solutionTit .solutionName {
  width: 30%;
}
.solutionBox .solutionTit .solutionName h5 {
  font-family: AkzidenzGroteskBQB;
  font-size: calc(10px + 3.5rem);
  color: #343434;
}
.solutionBox .solutionTit .solutionName p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.6rem);
  color: #0181CA;
}
.solutionBox .solutionTit .solution_introduce {
  width: 60%;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.4rem);
  color: #666666;
  line-height: calc(10px + 1.3rem);
}
.solutionBox .solutionList ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.solutionBox .solutionList li {
  width: 49%;
  margin-bottom: 3rem;
  padding-bottom: 5px;
}
.solutionBox .solutionList li .solutionImg {
  position: relative;
  overflow: hidden;
}
.solutionBox .solutionList li .solutionImg img {
  width: 100%;
}
.solutionBox .solutionList li .solutionImg .solutionPopout {
  display: flex;
  width: calc(150px + 10rem);
  height: calc(50px + 2.5rem);
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  align-items: center;
  justify-content: end;
  padding-right: 2rem;
  transition: 0.5s;
  background-image: linear-gradient(150deg, #00c4adc0, #0180cac0);
}
.solutionBox .solutionList li .solution_icon_name {
  display: flex;
  padding: 1.3rem 1.5rem;
  align-items: center;
  justify-content: space-between;
}
.solutionBox .solutionList li .soluIcon {
  width: calc(20px + 1rem);
  position: relative;
}
.solutionBox .solutionList li .soluIcon img {
  width: 100%;
  transition: 0.5s;
}
.solutionBox .solutionList li .soluIcon .soluIcon2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.solutionBox .solutionList li .soluItem_name {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.4rem);
  color: #3B3B3B;
  transition: 0.5s;
}
.solutionBox .solutionList li .lineae {
  position: relative;
}
.solutionBox .solutionList li .lineae .lin {
  display: block;
  width: 94%;
  height: 2px;
  background-color: #E5E5E5;
  position: relative;
}
.solutionBox .solutionList li .lineae .lin::after {
  display: block;
  width: calc(8px + 0.2rem);
  height: calc(8px + 0.2rem);
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #E5E5E5;
}
.solutionBox .solutionList li .lineae::after {
  display: block;
  width: calc(8px + 0.2rem);
  height: calc(8px + 0.2rem);
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #E5E5E5;
}
.solutionBox .solutionList li:hover .solutionImg .solutionPopout {
  transform: translate(0, -50%);
}
.solutionBox .solutionList li:hover .soluIcon .soluIcon1 {
  opacity: 0;
}
.solutionBox .solutionList li:hover .soluIcon .soluIcon2 {
  opacity: 1;
}
.solutionBox .solutionList li:hover .soluItem_name {
  color: #01A7AD;
}
@media screen and (max-width: 1100px) {
  .aboutBox .about_into .public_w {
    display: block;
  }
  .aboutBox .about_into .about_tit_img {
    width: 100%;
    margin-bottom: 2rem;
  }
  .aboutBox .about_into .about_con {
    width: 100%;
  }
  .aboutBox .about_into .about_con .about_numer ul li {
    width: 32%;
  }
  .aboutBox .about_into .about_con .about_numer ul li:last-of-type p {
    padding: 0;
    padding-right: 2rem;
  }
  .aboutBox .about_into .about_con .about_numer ul .num_val {
    text-align: center;
  }
  .product .pro_title_li {
    width: 48.5%;
  }
  .newsBox .news1_ul {
    flex-wrap: wrap;
  }
  .newsBox .news1_li {
    width: 48%;
  }
}
@media screen and (max-width: 750px) {
  .aboutBox .strength {
    margin-bottom: 3rem;
  }
  .aboutBox .strength .strengthList .strengSwiper {
    padding-bottom: calc(30px + 5rem);
  }
  .aboutBox .strength .strengthList .strengSwiper .swipers2 .swiper-wrapper {
    height: auto;
    flex-wrap: nowrap;
  }
  .aboutBox .marketingNetwork .mainSalesArea {
    display: none;
    width: 100%;
  }
  .aboutBox .marketingNetwork .marketingMap {
    width: 200%;
    position: relative;
    right: 80%;
    top: 0;
  }
  .aboutBox .marketingNetwork .marketingMap .mapicon01 .mapicon_img .pedestal {
    margin-top: calc(-2px - 0.3rem);
  }
  .aboutBox .culture .cultureItem {
    width: 48%;
    margin-bottom: 3rem;
  }
  .aboutBox .honor ul {
    justify-content: space-between;
  }
  .aboutBox .honor .honorItem {
    width: 48%;
    margin-right: 0;
  }
  .product2 .public_w {
    display: block;
  }
  .product2 .pro_left {
    width: 100%;
    margin-bottom: 3rem;
  }
  .product2 .pro_right {
    width: 100%;
  }
  .pro_read .pro_read1 {
    display: block;
  }
  .pro_read .Prod_read_left {
    width: 100%;
    margin-bottom: 2rem;
  }
  .pro_read .Prod_read_right {
    width: 100%;
    padding-bottom: 2rem;
  }
  .contactBox .contact_message {
    display: block;
    height: auto;
  }
  .contactBox .public_w {
    position: relative;
    left: 0;
    transform: translateX(0);
  }
  .contactBox .cont_place {
    display: none;
  }
  .contactBox .mess_conte {
    display: block;
  }
  .contactBox .mess_conte .content_left {
    width: 100%;
  }
  .contactBox .mess_conte .content_right {
    width: 100%;
  }
  .contactBox .mess_conte {
    box-shadow: none;
    padding: 0;
  }
  .contactBox .mess_conte .content_left {
    margin-bottom: 2rem;
  }
  .contactBox .mess_conte .content_right {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 550px) {
  .product2 .pro_right ul {
    justify-content: space-between;
  }
  .product2 .pro_right .pro_item {
    width: 48%;
    margin-right: 0;
  }
  .solutionBox .solutionTit {
    display: block;
  }
  .solutionBox .solutionTit .solutionName {
    width: 100%;
    margin-bottom: 1rem;
  }
  .solutionBox .solutionTit .solution_introduce {
    width: 100%;
  }
  .solutionBox .solutionList li {
    width: 100%;
  }
}
@media screen and (max-width: 370px) {
  .navBox .crumbsSection {
    display: block;
  }
  .navBox .about_nav ul {
    justify-content: space-between;
  }
}