* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.bottom_zixun {
  width: 100%;
  height: 330px;
  background: url("../image/bottom_zixun.png") no-repeat center center;
  padding-top: 60px;
}
.bottom_zixun .banxin {
  margin: 0 auto;
  width: 1200px;
  height: 330px;
}
.bottom_zixun .banxin .top_title {
  width: 380px;
  font-size: 38px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 45px;
  padding-top: 33px;
}
.bottom_zixun .banxin .sub_title {
  width: 560px;
  height: 26px;
  font-size: 18px;
  font-family: Noto Sans SC-DemiLight, Noto Sans SC;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 21px;
  margin-top: 10px;
  border: none;
}
.bottom_zixun .banxin .zixun {
  width: 122px;
  height: 36px;
  background: #FFA100;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  margin-top: 25px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #FFFFFF;
}
.bottom_common {
  height: 396px;
  width: 100%;
  background: #162855;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}
.bottom_common .banxin {
  margin: 0 auto;
  width: 1200px;
  height: 396px;
  background: #162855;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  justify-content: space-between;
}
.bottom_common .banxin .banxin_main {
  display: flex;
}
.bottom_common .banxin .banxin_main .left {
  height: 300px;
  border-bottom: 1px solid #868686;
  display: flex;
  flex: 1;
}
.bottom_common .banxin .banxin_main .left .fenleiKinds {
  width: 25%;
  height: 300px;
}
.bottom_common .banxin .banxin_main .left .fenleiKinds .title {
  width: 104px;
  height: 32px;
  font-size: 20px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  margin-top: 54px;
  margin-bottom: 10px;
}
.bottom_common .banxin .banxin_main .left .fenleiKinds ul {
  margin-top: 10px;
}
.bottom_common .banxin .banxin_main .left .fenleiKinds ul li {
  height: 32px;
  font-size: 14px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
}
.bottom_common .banxin .banxin_main .left .fenleiKinds ul li a {
  color: #FFFFFF;
}
.bottom_common .banxin .banxin_main .right {
  width: 300px;
  height: 300px;
  border-bottom: 1px solid #868686;
}
.bottom_common .banxin .banxin_main .right .qcode {
  width: 128px;
  height: 128px;
  background: url(../image/qcode.png) no-repeat;
  margin-left: auto;
  margin-top: 54px;
}
.bottom_common .banxin .banxin_main .right .time {
  height: 32px;
  font-size: 12px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
  margin-top: 10px;
  text-align: right;
}
.bottom_common .banxin .banxin_main .right .phoneNumber {
  height: 32px;
  font-size: 40px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
  text-align: right;
  margin-top: 6px;
}
.bottom_common .banxin .banxin_middle {
  width: 1200px;
}
.bottom_common .banxin .banxin_middle .middle {
  margin: 0 auto;
  color: #fff;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.bottom_common .banxin .banxin_middle .middle a {
  color: #fff;
  padding: 0 10px;
}
.bottom_common .banxin .banxin_middle .middle p {
  margin-top: 16px;
}
.bottom_common .banxin .banxin_bottom {
  margin-top: 6px;
  margin: 6px auto 0;
  display: flex;
}
.bottom_common .banxin .banxin_bottom .img {
  margin-left: 186px;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  background: url(../image/gongan.png) no-repeat;
}
.bottom_common .banxin .banxin_bottom .info {
  height: 20px;
  font-size: 14px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.bottom_common .banxin .banxin_bottom .info a {
  color: #FFFFFF;
  list-style: none;
}
.biaoshi {
  position: relative;
  position: fixed;
  top: 310px;
  right: 18px;
  width: 86px;
  height: 328px;
  background: #FFFFFF;
  box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.25);
  border-radius: 13px 13px 13px 13px;
  opacity: 1;
  padding: 12px 10px;
  z-index: 9999;
}
.biaoshi .cha {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 24px;
  height: 24px;
  background: url("../image/cha.png") no-repeat center center;
}
.biaoshi .item_box1 {
  position: relative;
  width: 66px;
  height: 64px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin: 0 auto;
  margin-bottom: 16px;
}
.biaoshi .item_box1 .image {
  width: 34px;
  height: 34px;
  margin: 0 16px 0 16px;
  padding-top: 6px;
  background: url("../image/zixun01.png") no-repeat center center;
}
.biaoshi .item_box1 .image .img {
  filter: drop-shadow(#fff 80px 0);
}
.biaoshi .item_box1 .desc {
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #050505;
  line-height: 14px;
  margin-top: 8px;
}
.biaoshi .item_box2 {
  position: relative;
  width: 66px;
  height: 64px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin: 0 auto;
  margin-bottom: 16px;
}
.biaoshi .item_box2 .ercode {
  position: absolute;
  top: -200px;
  right: 200px;
  width: 86px;
  height: 86px;
}
.biaoshi .item_box2 .image {
  width: 34px;
  height: 34px;
  margin: 0 16px 0 16px;
  padding-top: 6px;
  background: url("../image/zixun02.png") no-repeat center center;
}
.biaoshi .item_box2 .image .img {
  filter: drop-shadow(#fff 80px 0);
}
.biaoshi .item_box2 .desc {
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #050505;
  line-height: 14px;
  margin-top: 8px;
}
.biaoshi .item_box3 {
  position: relative;
  width: 66px;
  height: 64px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin: 0 auto;
  margin-bottom: 16px;
}
.biaoshi .item_box3 .ercode {
  position: absolute;
  top: -200px;
  right: 200px;
  width: 86px;
  height: 86px;
}
.biaoshi .item_box3 .image {
  width: 34px;
  height: 34px;
  margin: 0 16px 0 16px;
  padding-top: 6px;
  background: url("../image/zixun03.png") no-repeat center center;
}
.biaoshi .item_box3 .image .img {
  filter: drop-shadow(#fff 80px 0);
}
.biaoshi .item_box3 .desc {
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #050505;
  line-height: 14px;
  margin-top: 8px;
}
.biaoshi .item_box4 {
  position: relative;
  width: 66px;
  height: 64px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin: 0 auto;
  margin-bottom: 16px;
}
.biaoshi .item_box4 .ercode {
  position: absolute;
  top: -200px;
  right: 200px;
  width: 86px;
  height: 86px;
}
.biaoshi .item_box4 .image {
  width: 34px;
  height: 34px;
  margin: 0 16px 0 16px;
  padding-top: 6px;
  background: url("../image/zixun04.png") no-repeat center center;
}
.biaoshi .item_box4 .image .img {
  filter: drop-shadow(#fff 80px 0);
}
.biaoshi .item_box4 .desc {
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #050505;
  line-height: 14px;
  margin-top: 8px;
}
.biaoshi .item_box1:hover {
  background: url("../image/baioshi_bgc.png") no-repeat center center;
}
.biaoshi .item_box1:hover .image {
  background: url("../image/zixuxn01-white.png") no-repeat center center;
}
.biaoshi .item_box2:hover {
  background: url("../image/baioshi_bgc.png") no-repeat center center;
}
.biaoshi .item_box2:hover .image {
  background: url("../image/zixun02-white.png") no-repeat center center;
}
.biaoshi .item_box3:hover {
  background: url("../image/baioshi_bgc.png") no-repeat center center;
}
.biaoshi .item_box3:hover .image {
  background: url("../image/zixun03-white.png") no-repeat center center;
}
.biaoshi .item_box4:hover {
  background: url("../image/baioshi_bgc.png") no-repeat center center;
}
.biaoshi .item_box4:hover .image {
  background: url("../image/zixun04-white.png") no-repeat center center;
}
.tiyan {
  width: 1076px;
  height: 664px;
  background: #FFFFFF;
  border-radius: 16px 16px 16px 16px;
  opacity: 1;
  margin: 0 auto;
  display: flex;
}
.tiyan .left {
  width: 532px;
  height: 664px;
}
.tiyan .right {
  flex: 1;
}
.tiyan .right .title {
  text-align: center;
  height: 43px;
  font-size: 30px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 35px;
  margin-top: 56px;
}
.tiyan .right .form {
  margin-top: 48px;
}
.tiyan .right .form .submit1 {
  width: 408px;
  height: 48px;
  background: #333437;
  opacity: 1;
  margin-top: 96px;
}
.tiyan .right .form .layui-input1 {
  width: 71%;
}
.swiper-container {
  width: 100%;
  height: 516px;
  position: relative;
  z-index: 8;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin {
  width: 1200px;
  margin: 0 auto;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin .title {
  width: 558px;
  font-size: 48px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 56px;
  padding-top: 189px;
  margin-left: 32px;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin .title .jianshe {
  margin-right: 30px;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin .sub_title {
  width: 455px;
  height: 33px;
  font-size: 24px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  margin-left: 32px;
  margin-top: 23px;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin .togo {
  width: 356px;
  height: 52px;
  margin-top: 55px;
  margin-left: 38px;
  border-radius: 26px 26px 26px 26px;
  background: url("../image/Rectangle\ 1192.png") no-repeat center center;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin .togo .to_title {
  height: 52px;
  line-height: 52px;
  width: 280px;
  text-align: center;
  font-size: 20px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #ffffff;
  margin: 0 auto;
}
.swiper-container .swiper-wrapper .swiper-slide .banxin .togo .to_title a {
  color: #ffffff;
}
.fenlei {
  height: 190px;
  display: flex;
  margin-top: -95px;
  position: relative;
  z-index: 9999;
}
.fenlei .banxin {
  margin: 0 auto;
  display: flex;
  width: 1200px;
}
.fenlei .banxin .left {
  width: 386px;
  height: 190px;
  margin-right: 20px;
  background-color: yellow;
  background: url("../image/kongbai.png") no-repeat center center;
}
.fenlei .banxin .left .h1 {
  width: 304px;
  height: 26px;
  font-size: 18px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 21px;
  margin: 35px 46px 0 46px;
}
.fenlei .banxin .left .sub_title {
  width: 304px;
  height: 46px;
  font-size: 16px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #747474;
  line-height: 19px;
  margin: 10px 46px 0 46px;
}
.fenlei .banxin .left .chakan {
  width: 98px;
  height: 30px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  border: 1px solid #376aff;
  margin-left: 252px;
  margin-top: 12px;
  text-align: center;
  line-height: 30px;
}
.fenlei .banxin .middle {
  width: 386px;
  height: 190px;
  margin-right: 20px;
  background: url("../image/kongbai.png") no-repeat center center;
}
.fenlei .banxin .middle .h1 {
  width: 304px;
  height: 26px;
  font-size: 18px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 21px;
  margin: 35px 46px 0 46px;
}
.fenlei .banxin .middle .sub_title {
  width: 304px;
  height: 46px;
  font-size: 16px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #747474;
  line-height: 19px;
  margin: 10px 46px 0 46px;
}
.fenlei .banxin .middle .chakan {
  width: 98px;
  height: 30px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  border: 1px solid #376aff;
  margin-left: 252px;
  margin-top: 12px;
  text-align: center;
  line-height: 30px;
}
.fenlei .banxin .right {
  width: 386px;
  height: 190px;
  background: url("../image/kongbai.png") no-repeat center center;
}
.fenlei .banxin .right .h1 {
  width: 304px;
  height: 26px;
  font-size: 18px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 21px;
  margin: 35px 46px 0 46px;
}
.fenlei .banxin .right .sub_title {
  width: 304px;
  height: 46px;
  font-size: 16px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #747474;
  line-height: 19px;
  margin: 10px 46px 0 46px;
}
.fenlei .banxin .right .chakan {
  width: 98px;
  height: 30px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  border: 1px solid #376aff;
  margin-left: 252px;
  margin-top: 12px;
  text-align: center;
  line-height: 30px;
}
.allDirection {
  width: 100%;
  background-color: #fff;
  height: 700px;
  padding-top: 22px;
  margin-top: 80px;
}
.allDirection .banxin {
  margin: 0 auto;
  width: 1200px;
}
.allDirection .banxin .title_top .title {
  height: 55px;
  font-size: 38px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 45px;
  text-align: center;
}
.allDirection .banxin .sub_title {
  height: 32px;
  font-size: 20px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #848484;
  line-height: 32px;
  text-align: center;
  margin-bottom: 86px;
}
.allDirection .banxin .directions {
  display: flex;
}
.allDirection .banxin .directions .direction_one {
  width: 286px;
  height: 406px;
  background: url("../image/Group\ 427319246.png") no-repeat center center;
  margin-right: 18px;
}
.allDirection .banxin .directions .direction_one .title {
  width: 200px;
  height: 38px;
  font-size: 26px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 38px;
  margin-left: 18px;
  margin-top: 42px;
}
.allDirection .banxin .directions .direction_one .detail {
  width: 250px;
  height: 62px;
  font-size: 14px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #6b6b6b;
  line-height: 18px;
  margin-left: 18px;
  margin-top: 32px;
}
.allDirection .banxin .directions .direction_one .herf {
  width: 200px;
  height: 27px;
  font-size: 18px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #3d68ff;
  line-height: 21px;
  margin-left: 18px;
  margin-top: 2px;
  display: flex;
}
.allDirection .banxin .directions .direction_one .herf a {
  color: #3d68ff;
}
.jingzhnegli {
  background: #F8FAFB;
  opacity: 1;
  height: 900px;
  width: 100%;
}
.jingzhnegli .banxin {
  margin: 0 auto;
  width: 1200px;
}
.jingzhnegli .banxin .title {
  text-align: center;
  padding-top: 120px;
}
.jingzhnegli .banxin .title .title_mian {
  height: 55px;
  font-size: 38px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 45px;
  text-align: center;
  margin-bottom: 10px;
}
.jingzhnegli .banxin .tab-container {
  width: 1200px;
  margin: 0 auto;
  padding: 10px;
  background: #F8FAFB;
}
.jingzhnegli .banxin .tab-container .tab-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 1200px;
}
.jingzhnegli .banxin .tab-container .tab-nav-item {
  width: 20%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  border-bottom: none;
  background: #F8FAFB;
}
.jingzhnegli .banxin .tab-container .tab-nav-item.active {
  border-bottom: 1px solid #3D68FF;
}
.jingzhnegli .banxin .tab-container .tab-content {
  margin-top: 80px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel {
  display: none;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 {
  display: flex;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .left {
  margin-right: 86px;
  width: 516px;
  height: 503px;
  background: url("../image/product01.png") no-repeat center center;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .left .image {
  display: none;
  width: 516px;
  height: 503px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .left .show {
  display: block;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right {
  flex: 1;
  height: 503px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top {
  width: 588px;
  height: 144px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  padding-top: 32px;
  margin-top: 34px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top .top_title {
  width: 120px;
  height: 26px;
  background: #E2EEFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  margin-left: 40px;
  text-align: center;
  line-height: 26px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top .sub_title {
  width: 506px;
  height: 45px;
  font-size: 16px;
  font-family: Noto Sans SC-DemiLight, Noto Sans SC;
  font-weight: normal;
  color: #000000;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 42px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top4 {
  display: none;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top:first-child {
  margin-top: 0;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top:hover {
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  color: #FFFFFF;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top:hover .top_title {
  width: 120px;
  background: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea1 .right .top:hover .sub_title {
  color: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 {
  display: flex;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .left2 {
  margin-right: 86px;
  width: 516px;
  height: 503px;
  background: url("../image/product04.png") no-repeat center center;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .left2 .image {
  display: none;
  width: 516px;
  height: 503px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .left2 .show {
  display: block;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 {
  flex: 1;
  height: 503px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top {
  width: 588px;
  height: 144px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  padding-top: 32px;
  margin-top: 34px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top .top_title {
  width: 120px;
  height: 26px;
  background: #E2EEFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  margin-left: 40px;
  text-align: center;
  line-height: 26px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top .sub_title {
  width: 506px;
  height: 45px;
  font-size: 16px;
  font-family: Noto Sans SC-DemiLight, Noto Sans SC;
  font-weight: normal;
  color: #000000;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 42px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top4 {
  display: none;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top:first-child {
  margin-top: 0;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top:hover {
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  color: #FFFFFF;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top:hover .top_title {
  width: 120px;
  background: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea2 .right2 .top:hover .sub_title {
  color: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 {
  display: flex;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .left3 {
  margin-right: 86px;
  width: 516px;
  height: 503px;
  background: url("../image/product07.png") no-repeat center center;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .left3 .image {
  display: none;
  width: 516px;
  height: 503px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .left3 .show {
  display: block;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 {
  flex: 1;
  height: 503px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top {
  width: 588px;
  height: 144px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  padding-top: 32px;
  margin-top: 34px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top .top_title {
  width: 120px;
  height: 26px;
  background: #E2EEFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  margin-left: 40px;
  text-align: center;
  line-height: 26px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top .sub_title {
  width: 506px;
  height: 45px;
  font-size: 16px;
  font-family: Noto Sans SC-DemiLight, Noto Sans SC;
  font-weight: normal;
  color: #000000;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 42px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top4 {
  display: none;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top:first-child {
  margin-top: 0;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top:hover {
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  color: #FFFFFF;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top:hover .top_title {
  width: 120px;
  background: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea3 .right3 .top:hover .sub_title {
  color: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 {
  display: flex;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .left4 {
  margin-right: 86px;
  width: 516px;
  height: 503px;
  background: url("../image/product10.png") no-repeat center center;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .left4 .image {
  display: none;
  width: 516px;
  height: 503px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .left4 .show {
  display: block;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 {
  flex: 1;
  height: 503px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top {
  width: 588px;
  height: 144px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  padding-top: 32px;
  margin-top: 34px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top .top_title {
  width: 120px;
  height: 26px;
  background: #E2EEFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  margin-left: 40px;
  text-align: center;
  line-height: 26px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top .sub_title {
  width: 506px;
  height: 45px;
  font-size: 16px;
  font-family: Noto Sans SC-DemiLight, Noto Sans SC;
  font-weight: normal;
  color: #000000;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 42px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top4 {
  display: none;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top:first-child {
  margin-top: 0;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top:hover {
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  color: #FFFFFF;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top:hover .top_title {
  width: 120px;
  background: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea4 .right4 .top:hover .sub_title {
  color: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 {
  display: flex;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .left5 {
  margin-right: 86px;
  width: 516px;
  height: 503px;
  background: url("../image/product13.png") no-repeat center center;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .left5 .image {
  display: none;
  width: 516px;
  height: 503px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .left5 .show {
  display: block;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 {
  flex: 1;
  height: 503px;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top {
  width: 588px;
  height: 144px;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  padding-top: 32px;
  margin-top: 34px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top .top_title {
  width: 120px;
  height: 26px;
  background: #E2EEFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  margin-left: 40px;
  text-align: center;
  line-height: 26px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top .sub_title {
  width: 506px;
  height: 45px;
  font-size: 16px;
  font-family: Noto Sans SC-DemiLight, Noto Sans SC;
  font-weight: normal;
  color: #000000;
  line-height: 26px;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 42px;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top4 {
  display: none;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top:first-child {
  margin-top: 0;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top:hover {
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  opacity: 1;
  color: #FFFFFF;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top:hover .top_title {
  width: 120px;
  background: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel .contentArea5 .right5 .top:hover .sub_title {
  color: #294BF1;
}
.jingzhnegli .banxin .tab-container .tab-content .tab-panel.active {
  display: block;
}
.accompaniment {
  background-color: #FFFFFF;
  height: 470px;
  width: 100%;
}
.accompaniment .banxin {
  margin: 0 auto;
  width: 1200px;
}
.accompaniment .banxin .title_one {
  margin: 0 auto;
  text-align: center;
}
.accompaniment .banxin .title_one .main_title {
  height: 55px;
  font-size: 38px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 45px;
  text-align: center;
  margin-top: 120px;
}
.accompaniment .banxin .sub_title {
  height: 32px;
  font-size: 24px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #848484;
  line-height: 32px;
  text-align: center;
  margin-top: 20px;
}
.accompaniment .banxin .image {
  height: 180px;
  margin-top: 84px;
  background: url("../image/peiban.png") no-repeat center center;
}
.superpower {
  width: 100%;
  height: 800px;
  background: #F8FAFB;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}
.superpower .banxin {
  margin: 0 auto;
  width: 1200px;
}
.superpower .banxin .title_top {
  text-align: center;
  padding-top: 120px;
}
.superpower .banxin .title_top .main_title {
  height: 55px;
  font-size: 38px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 45px;
  text-align: center;
  padding-bottom: 94px;
}
.superpower .banxin .role {
  display: flex;
}
.superpower .banxin .role .first {
  width: 356px;
  height: 500px;
  margin-right: 66px;
  background: #FFFFFF;
  border-radius: 16px 16px 16px 16px;
  opacity: 1;
  border: 1px solid #3179FF;
}
.superpower .banxin .role .first .top_area {
  width: 356px;
  height: 374px;
}
.superpower .banxin .role .first .top_area .image_area {
  width: 128px;
  height: 128px;
  margin: 0 auto;
  padding-top: 28px;
}
.superpower .banxin .role .first .top_area .main_title {
  height: 49px;
  font-size: 38px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #000000;
  line-height: 32px;
  text-align: center;
  margin-top: 60px;
}
.superpower .banxin .role .first .top_area .sub_title {
  text-align: center;
  height: 500px;
  border-radius: 16px 16px 16px 16px;
  opacity: 1;
  padding: 0 40px;
  margin-top: 14px;
  height: 64px;
  font-size: 16px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #5F5F5F;
  line-height: 32px;
}
.superpower .banxin .role .first .bottom_area {
  text-align: center;
  height: 126px;
  background: url("../image/bottom_pic.png");
  border-radius: 0px 0px 16px 16px;
  opacity: 1;
  padding: 21px 93px;
}
.superpower .banxin .role .first .bottom_area .title {
  width: 170px;
  height: 79px;
  font-size: 28px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
}
.title_middle {
  width: 100%;
  height: 600px;
  background: #F8FAFB;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  text-align: center;
  padding-top: 100px;
}
.title_middle .banxin {
  margin: 0 auto;
  width: 1200px;
}
.title_middle .banxin .main_title {
  height: 55px;
  font-size: 38px;
  font-family: Noto Sans SC-Medium, Noto Sans SC;
  font-weight: 500;
  color: #000000;
  line-height: 45px;
  text-align: center;
  padding-bottom: 20px;
}
.title_middle .banxin .detail {
  height: 32px;
  font-size: 24px;
  font-family: Noto Sans SC-Regular, Noto Sans SC;
  font-weight: 400;
  color: #848484;
  line-height: 32px;
  text-align: center;
  margin-top: 20px;
}
.title_middle .banxin .image {
  height: 180px;
  margin-top: 84px;
  display: flex;
  margin-bottom: 121px;
}
.title_middle .banxin .image .image_first {
  width: 160px;
  height: 160px;
  border-radius: 10px;
  margin-right: 48px;
  background: #FFFFFF;
  opacity: 1;
}
.title_middle .banxin .image .image_first .img {
  width: 86px;
  height: 86px;
  margin: 0 auto;
  margin-top: 16px;
  border-radius: 10px;
}
.title_middle .banxin .image .image_first .first_title {
  width: 146px;
  height: 32px;
  text-align: center;
  display: inline-block;
  margin-top: 16px;
}