.dwimg {
  width: 100%
  }
  
  .bfsp {
  position: relative
  }
  
  .cbsp {
  position: absolute;
  right: 15px;
  bottom: 15px;
  opacity: .8;
  display: none;
  cursor: pointer
  }
  
  .bfsp video {
  border-radius: 8px
  }
  
  .jg {
  width: 2%;
  display: inline-block;
  opacity: 0;
  height: 1px
  }
  
  .pro-appimg {
  display: none !important
  }
  
  .appshow {
  display: none
  }
  
  @media (max-width:971px) {
  
  .pro-pcimg,
  .prodt58 {
  display: none !important
  }
  
  .appshow,
  .pro-appimg {
  display: block !important
  }
  
  .pics h3 {
  text-align: center;
  line-height: 60px;
  font-size: 20px
  }
  
  .appshow table {
  padding: 0 5px;
  width: calc(100% - 1px)
  }
  
  .appshow table tr td {
  border-bottom: 1px solid;
  text-align: center;
  padding: 10px 0
  }
  }
  
  .img-div {
  overflow: hidden
  }
  
  .img-hover:hover .img-div img {
  transform: scale(1.05);
  transition: all .3s
  }
  
  .qcfd {
  clear: both
  }
  
  .prodt1 {
  padding: 5% 0
  }
  
  .prodt1-cont {
  position: relative
  }
  
  .prodt1-cont-left {
  width: 35%;
  left: 0;
  position: absolute;
  top: 25%
  }
  
  .prodt1-cont-left h5 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 15px
  }
  
  .prodt1-cont-left h2 {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px
  }
  
  .prodt1-cont-left p {
  color: #ec6016;
  font-size: 42px
  }
  
  .prodt1-cont-right {
  width: 65%;
  margin-left: 35%
  }
  
  .prodt1-cont-right img {
  width: 100%
  }
  
  .prodt2 {
  padding: 5% 0
  }
  
  .prodt2-cont {
  padding: 5% 0
  }
  
  .prodt2-bt {
  color: #fff;
  margin-bottom: 2%
  }
  
  .prodt2-bt p {
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  text-align: justify
  }
  
  .prodt2-lr li {
  width: 20%;
  float: left;
  padding: 5% 0
  }
  
  .prodt2-lr li:hover p {
  color: #fff
  }
  
  .prodt2-lr .odd {
  margin: 0 20%
  }
  
  .prodt2-lr li > div {
  height: 110px;
  margin-bottom: 30px
  }
  
  .prodt2-lr li img {
  display: block;
  margin: auto
  }
  
  .prodt2-lr li p {
  color: #999;
  font-size: 20px;
  text-align: justify
  }
  
  .prodt3 {
  padding: 5% 0
  }
  
  .prodt3-bt,
  .prodt4-bt,
  .prodt5-bt,
  .prodt6-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 60px;
  font-weight: 700;
  color: #fff
  }
  
  .prodt3-lr ul {
  width: 31.333%;
  float: left;
  margin: 0 1%
  }
  
  .prodt3-lr li {
  position: relative;
  margin-bottom: 5%
  }
  
  .prodt3-lr li img {
  width: 100%
  }
  
  .prodt3-lr li p {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 100%;
  left: 0;
  line-height: 36px;
  background-color: rgba(0, 0, 0, .1607843137254902)
  }
  
  .prodt4 {
  position: relative
  }
  
  .prodt4 .dwimg {
  width: 100%
  }
  
  .prodt4-cont {
  position: absolute;
  top: 0;
  padding: 5% 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
  }
  
  .prodt4-bt h2 {
  margin-bottom: 25px
  }
  
  .prodt4-bt p {
  color: #999;
  font-size: 18px;
  line-height: 28px
  }
  
  .prodt4-ms {
  display: inline-block;
  text-align: center;
  position: absolute
  }
  
  .prodt4-ms h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 10px
  }
  
  .prodt4-ms p {
  font-size: 18px;
  color: #999;
  margin-bottom: 5px
  }
  
  .prodt4-ms1 {
  left: 29%;
  top: 35%
  }
  
  .prodt4-ms2 {
  left: 57%;
  top: 40%
  }
  
  .prodt4-ms3 {
  left: 20%;
  bottom: 15%
  }
  
  .prodt4-ms4 {
  right: 30%;
  bottom: 22%
  }
  
  .prodt5 {
  padding: 5% 0
  }
  
  .prodt5-lr .swiper-pagination {
  position: static;
  margin-top: 30px;
  width: 100%;
  text-align: center
  }
  
  .prodt5-lr .swiper-pagination-bullet {
  opacity: 1;
  background-color: #e4e4e4;
  width: 10px;
  height: 10px;
  margin: 0 4px
  }
  
  .prodt5-lr .swiper-pagination-bullet-active {
  background-color: #f1850f
  }
  
  .prodt5-ms {
  background-color: #1f2121;
  border-radius: 8px
  }
  
  .prodt5-ms1 {
  padding-top: 5%
  }
  
  .prodt5-ms2 {
  color: #fff;
  text-align: center;
  padding: 10% 10%
  }
  
  .prodt5-ms2 h3 {
  font-size: 28px;
  margin-bottom: 8%
  }
  
  .prodt5-ms2 p {
  color: #999;
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
  min-height: 84px
  }
  
  .prodt6 {
  padding: 5% 0
  }
  
  .prodt6-cont {
  position: relative
  }
  
  .prodt6-lr {
  position: relative
  }
  
  .prodt6-lr-left {
  width: 45%;
  margin-right: 50%
  }
  
  .prodt6-lr-left img {
  width: 100%
  }
  
  .prodt6-lr-right {
  position: absolute;
  right: 0;
  width: 55%;
  color: #fff;
  top: 0;
  padding: 3%;
  background-color: #202222;
  height: 100%
  }
  
  .prodt6-lr-right h3 {
  font-size: 24px;
  margin-bottom: 15px
  }
  
  .prodt6-ms {
  margin-bottom: 35px
  }
  
  .prodt6-ms h5 {
  font-size: 18px;
  line-height: 36px
  }
  
  .prodt6-ms p {
  font-size: 18px;
  color: #999;
  line-height: 24px
  }
  
  .prodt7 {
  position: relative
  }
  
  .prodt7 .dwimg {
  width: 100%
  }
  
  .prodt7-cont {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  padding-top: 29%
  }
  
  .prodt7-cont h3 {
  font-size: 32px;
  font-weight: 700
  }
  
  .prodt7-cont h2 {
  font-size: 76px;
  margin: 20px 0;
  font-weight: 700
  }
  
  .prodt7-cont p {
  font-size: 30px;
  color: #999;
  margin-bottom: 20px
  }
  
  .prodt7-8k {
  position: absolute;
  top: 20%;
  right: 20%
  }
  
  .anniu {
  background-color: #0071ff;
  display: inline-block;
  font-size: 18px;
  padding: 10px 35px;
  border-radius: 25px;
  color: #fff;
  cursor: pointer
  }
  
  .anniu:hover {
  background-color: #e60012
  }
  
  .anniu img {
  width: 22px;
  display: inline-block;
  vertical-align: middle
  }
  
  .prodt8 {
  padding: 5% 0;
  background-color: #fff
  }
  
  .prodt8-h {
  background-color: #000;
  color: #fff
  }
  
  .prodt8-cont {
  text-align: center
  }
  
  .prodt8-cont h2 {
  font-size: 68px;
  font-weight: 700;
  margin-bottom: 2%;
  line-height: 72px
  }
  
  .prodt8-cont h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px
  }
  
  .prodt8-cont p {
  font-size: 20px;
  margin: 3% 0 4% 0
  }
  
  .prodt8-cont img {
  display: block;
  margin: auto
  }
  
  .prodt9 {
  position: relative;
  background-color: #f6f6f7
  }
  
  .prodt9 .dwimg {
  width: 100%
  }
  
  .prodt9-cont {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%
  }
  
  .prodt9-ms {
  width: 40%;
  margin-left: 60%;
  text-align: center;
  margin-top: 15%
  }
  
  .prodt9-ms h2 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px
  }
  
  .prodt9-ms p {
  font-size: 18px;
  line-height: 28px
  }
  
  .prodt10 {
  padding: 5% 0;
  background-color: #fff
  }
  
  .prodt10-ms1 {
  text-align: center
  }
  
  .prodt10-ms1 h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px
  }
  
  .prodt10-ms1 p {
  font-size: 18px;
  margin: 3% 0
  }
  
  .prodt10-ms2 {
  position: relative
  }
  
  .prodt10-ms2 span {
  position: absolute;
  bottom: 2%;
  background-color: #fff;
  font-size: 18px;
  padding: 5px 10px;
  border-radius: 4px
  }
  
  .prodt10-ms2 .sp1 {
  left: 2%
  }
  
  .prodt10-ms2 .sp2 {
  right: 2%
  }
  
  .prodt10-ms2 .sp3 {
  position: absolute;
  width: 50%;
  left: 0;
  height: 100%;
  top: 0;
  background-color: #0000003b
  }
  
  .prodt10-ms2 img {
  width: 100%
  }
  
  .prodt10-ms3 {
  margin-top: 2%;
  padding-bottom: 15%
  }
  
  .prodt10-ms3 ul {
  text-align: center
  }
  
  .prodt10-ms3 li {
  display: inline-block;
  position: relative;
  margin: 0 1%;
  margin-bottom: 2%
  }
  
  .prodt10-img2 {
  display: none
  }
  
  .prodt10-ms3-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #717171;
  color: #fff;
  padding: 25% 10% 10% 10%;
  text-align: justify
  }
  
  .prodt10-ms3-cont h3 {
  font-size: 36px;
  margin-bottom: 5%;
  line-height: 48px;
  font-weight: 700
  }
  
  .prodt10-ms3-cont p {
  font-size: 18px;
  line-height: 32px
  }
  
  .prodt10-ms3-cont2 {
  top: 106%;
  color: #333;
  background-color: rgba(255, 255, 255, .03137254901960784);
  padding: 0;
  height: auto
  }
  
  .prodt10-ms3-cont3 {
  top: 106%;
  color: #333;
  background-color: rgba(255, 255, 255, .03137254901960784);
  padding: 0;
  text-align: center;
  height: auto
  }
  
  .prodt11,
  .prodt12,
  .prodt14,
  .hprodt4_ct1 {
  position: relative
  }
  
  .prodt11,
  .hprodt4_ct1 {
  background-color: #242524
  }
  
  .prodt11 .dwimg,
  .prodt12 .dwimg,
  .prodt14 .dwimg {
  width: 100%
  }
  
  .prodt11-cont {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  padding: 3% 0
  }
  
  .prodt11-cont h2 {
  font-size: 76px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt11-cont h5 {
  font-size: 24px;
  margin-bottom: 2%
  }
  
  .prodt11-cont .proimg5 {
  margin-bottom: 2%
  }
  
  .dw-anniu11 {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 22%;
  z-index: 99
  }
  
  .prodt11-anniu {
  font-size: 24px;
  z-index: 99
  }
  
  .prodt11-anniu img {
  width: 28px
  }
  
  .prodt11-cont h3 {
  font-size: 42px;
  font-weight: 700;
  margin: 1% 0
  }
  
  .prodt11-cont .proimg {
  margin-top: -9%
  }
  
  .prodt11-cont .proimg2 {
  margin-bottom: 2%
  }
  
  .prodt11-cont .proimg3 {
  margin-bottom: 5%;
  margin-top: 5%
  }
  
  .prodt11-cont h4 {
  font-size: 36px
  }
  
  .prodt11-cont span {
  font-size: 20px;
  border: 1px solid #fff;
  padding: 10px 20px;
  border-radius: 8px;
  display: inline-block;
  margin-top: 1%
  }
  
  .prodt11-cont p {
  font-size: 18px;
  line-height: 24px
  }
  
  .prodt12-cont {
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
  padding: 5% 0;
  left: 0
  }
  
  .prodt12-cont-h {
  height: 100%;
  padding: 15% 0 5% 0
  }
  
  .prodt12-cont-h .proimg {
  margin-bottom: 5%
  }
  
  .prodt12-cont-ms {
  width: 45%;
  margin-left: 55%
  }
  
  .prodt12-cont-ms h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 60px
  }
  
  .prodt12-cont-ms p {
  font-size: 20px;
  line-height: 28px;
  margin: 5% 0;
  text-align: justify;
  color: #e4e4e4
  }
  
  .prodt13 {
  padding: 5% 0
  }
  
  .prodt13-cont {
  color: #fff
  }
  
  .prodt13-cont-ms1 {
  text-align: center
  }
  
  .prodt13-cont-ms1 h2 {
  font-size: 76px;
  font-weight: 700;
  margin-bottom: 5%
  }
  
  .prodt13-cont-ms1 h3 {
  font-size: 340px;
  color: #212121
  }
  
  .prodt13-cont-ms1 .proimg {
  display: block;
  margin: auto;
  margin-top: -30%
  }
  
  .prodt13-cont-ms2 ul {
  margin-top: 3%
  }
  
  .prodt13-cont-ms2 li {
  width: 25%;
  float: left;
  font-size: 18px;
  padding: 2%
  }
  
  .prodt13-cont-ms2-h li {
  width: 16.6666%;
  text-align: center
  }
  
  .prodt13-cont-ms2 h3 {
  margin: 1% 0
  }
  
  .prodt13-cont-ms2 h3 em {
  font-size: 48px;
  margin-right: 5px
  }
  
  .prodt13-cont-ms2-h h5 {
  font-size: 18px;
  color: #e4e4e4;
  margin-top: 10%
  }
  
  .prodt14-cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 3% 0;
  color: #fff;
  text-align: center;
  z-index: 1;
  height: 100%
  }
  
  .prodt14-cont h2 {
  color: #fff;
  font-size: 76px;
  font-weight: 700
  }
  
  .prodt11-cont-h {
  position: static
  }
  
  .prodt15,
  .prodt16 {
  background-color: #000;
  position: relative
  }
  
  .prodt15-cont-left {
  position: absolute;
  color: #fff;
  height: 100%;
  width: 35%;
  top: 0;
  padding-top: 5%;
  left: 5%
  }
  
  .prodt15-cont-right {
  width: 60%;
  margin-left: 40%
  }
  
  .prodt15-cont-ms1 {
  text-align: left;
  margin-bottom: 8%
  }
  
  .prodt15-cont-ms1 span {
  font-size: 18px;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 14px;
  width: 32%;
  display: inline-block;
  margin-right: 3%;
  margin-bottom: 3%;
  text-align: center
  }
  
  .prodt15-cont-ms2 {
  margin-bottom: 6%
  }
  
  .prodt15-cont-ms2 h2,
  .prodt15-cont-ms3 h2 {
  font-size: 36px;
  color: #ffc608;
  margin-bottom: 2%
  }
  
  .prodt15-cont-ms2 p,
  .prodt15-cont-ms3 p {
  font-size: 18px;
  line-height: 28px
  }
  
  .prodt15-x1 {
  position: absolute;
  top: 29.5%;
  right: 38%;
  height: 3px
  }
  
  .prodt15-x2 {
  position: absolute;
  top: 46.5%;
  right: 37%;
  height: 3px
  }
  
  .prodt16-cont-left {
  color: #fff;
  position: absolute;
  width: 50%;
  left: 50%;
  padding-top: 10%;
  height: 100%;
  padding-right: 10%
  }
  
  .prodt16-cont-right {
  width: 40%;
  margin-right: 60%
  }
  
  .prodt16-cont-ms1 {
  margin-bottom: 5%
  }
  
  .prodt16-cont-ms1 h2 {
  font-size: 60px;
  display: inline-block;
  margin-right: 5%;
  font-weight: 700
  }
  
  .prodt16-cont-ms1 img {
  display: inline-block;
  vertical-align: bottom
  }
  
  .prodt16-cont-ms {
  margin-bottom: 5%
  }
  
  .prodt16-cont-ms h2 {
  font-size: 36px;
  margin-bottom: 2%
  }
  
  .prodt16-cont-ms p {
  font-size: 18px;
  line-height: 28px;
  color: #e4e4e4
  }
  
  .prodt16-x1 {
  position: absolute;
  top: 46.5%;
  left: 22.3%;
  height: 3px
  }
  
  .prodt17-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt17-bt {
  text-align: center;
  margin-bottom: 3%
  }
  
  .prodt17-bt h2,
  .prodt18-cont h2 {
  font-size: 76px;
  font-weight: 700;
  line-height: 100px
  }
  
  .prodt17-ms li {
  width: 48%;
  display: inline-block;
  margin: 1% 1%;
  float: left;
  position: relative
  }
  
  .prodt17-ms li h3 {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  background-color: rgba(0, 0, 0, .65);
  font-size: 20px;
  line-height: 40px;
  height: 40px;
  padding: 0 15px
  }
  
  .prodt18 {
  position: relative
  }
  
  .prodt18 .dwimg {
  width: 100%
  }
  
  .prodt18-cont {
  position: absolute;
  color: #fff;
  width: 100%;
  top: 0;
  height: 100%;
  padding: 5% 0
  }
  
  .prodt18-cont-h {
  width: 50%
  }
  
  .prodt18-cont-a {
  width: 40%;
  margin-left: 60%
  }
  
  .prodt18-cont-h h2 {
  font-size: 60px;
  line-height: 76px
  }
  
  .prodt18-cont-h .proimg {
  display: inline-block;
  margin-bottom: 5%
  }
  
  .prodt18-cont .proimg2 {
  position: absolute;
  left: 65%;
  bottom: 15%
  }
  
  .prodt18-cont .proimg3 {
  position: absolute;
  left: 20%;
  bottom: 15%
  }
  
  .prodt18-cont .proimg4 {
  position: absolute;
  left: 28%;
  bottom: 15%
  }
  
  .prodt18-cont h2 {
  margin-bottom: 3%
  }
  
  .prodt18-ms {
  margin-bottom: 2%
  }
  
  .prodt18-cont-h .prodt18-ms {
  margin: 10% 0
  }
  
  .prodt18-cont h3 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 1%
  }
  
  .prodt18-cont p {
  font-size: 20px;
  color: #999;
  line-height: 36px
  }
  
  .prodt19 {
  position: relative
  }
  
  .prodt19 .dwimg {
  width: 100%
  }
  
  .prodt19-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 10% 0 5%
  }
  
  .prodt19-cont-h {
  padding: 0 0 5%
  }
  
  .prodt19-ms {
  text-align: center
  }
  
  .prodt19-a {
  margin-top: 5%
  }
  
  .prodt19-a-left {
  width: 70%;
  float: left;
  margin-right: 5%
  }
  
  .prodt19-a-right {
  width: 25%;
  float: left
  }
  
  .prodt19-a-right li {
  margin: 15% 0
  }
  
  .prodt19-a-right li span {
  font-size: 58px;
  font-weight: 700;
  color: #fff;
  margin-right: 5px
  }
  
  .prodt19-a-right li h5 {
  font-size: 28px;
  color: #e4e4e4;
  margin: 2% 0
  }
  
  .prodt19-cont-a {
  position: static;
  padding: 5% 0;
  background-color: #050505
  }
  
  .prodt19-cont-left {
  float: left;
  width: 50%;
  width: 45%;
  margin-right: 5%;
  padding-top: 10%
  }
  
  .prodt19-cont-right {
  width: 50%;
  float: left;
  width: 45%;
  margin-left: 5%
  }
  
  .prodt19-ms h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 76px
  }
  
  .prodt19-ms p {
  font-size: 18px;
  line-height: 28px;
  color: #e4e4e4
  }
  
  .prodt50 {
  background: #000
  }
  
  .prodt50,
  .prodt51 {
  position: relative
  }
  
  .prodt50 .dwimg,
  .prodt51 .dwimg {
  width: 100%
  }
  
  .prodt50-cont,
  .prodt51-cont {
  text-align: center;
  color: #fff;
  padding: 5% 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
  }
  
  .prodt51-cont {
  padding: 15% 0 5% 0
  }
  
  .prodt50-cont h2 {
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt50-cont span {
  color: red
  }
  
  .prodt50-cont h4 {
  font-size: 36px;
  font-weight: 700
  }
  
  .prodt51-ms1 {
  position: relative;
  padding-bottom: 5%;
  margin-bottom: 5%
  }
  
  .prodt51-ms1 span {
  position: absolute;
  font-size: 18px
  }
  
  .prodt51-ms1 .sp1 {
  top: 25%;
  left: 26%
  }
  
  .prodt51-ms1 .sp2 {
  top: 85%;
  left: 45%
  }
  
  .prodt51-ms1 .sp3 {
  top: 26%;
  left: 67%
  }
  
  .prodt51-ms2 {
  width: 45%;
  float: left;
  text-align: left;
  padding-right: 5%
  }
  
  .prodt51-ms2 h2 {
  font-size: 52px;
  font-weight: 700;
  margin-bottom: 5%
  }
  
  .prodt51-ms2 p {
  font-size: 20px;
  text-align: justify;
  color: #e4e4e4;
  line-height: 32px
  }
  
  .prodt51-ms3 {
  width: 45%;
  float: left;
  padding-left: 5%
  }
  
  .prodt51-ms3 ul li {
  width: 33.333%;
  float: left;
  margin-bottom: 5%;
  text-align: center;
  padding: 0 5px
  }
  
  .prodt51-ms3 li h3 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 5%
  }
  
  .prodt51-ms3 li p {
  color: #e4e4e4;
  font-size: 20px
  }
  
  .prodt52-cont {
  color: #fff;
  padding: 5% 0
  }
  
  .prodt52-bt {
  text-align: center;
  margin-bottom: 8%
  }
  
  .prodt52-bt h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt52-bt p {
  font-size: 20px;
  text-align: justify;
  color: #e4e4e4;
  line-height: 32px
  }
  
  .prodt52-ms-left {
  width: 25%;
  float: left
  }
  
  .prodt52-ms-left img {
  max-width: 100%
  }
  
  .prodt52-ms-left img {
  display: inline-block
  }
  
  .prodt52-ms-right {
  width: 75%;
  float: left;
  position: relative
  }
  
  .prodt52-ms-right .proimg {
  display: inline-block
  }
  
  .prodt52-ms-right span {
  font-size: 20px;
  color: #e4e4e4;
  position: absolute
  }
  
  .prodt52-ms-right .sp1 {
  top: 2%;
  left: 0
  }
  
  .prodt52-ms-right .sp2 {
  top: 37%;
  left: 0
  }
  
  .prodt52-ms-right .sp3 {
  top: 72%;
  left: 0
  }
  
  .prodt52-ms-right .sp4 {
  top: 11%;
  right: 15%
  }
  
  .prodt52-ms-right .sp5 {
  top: 46%;
  right: 36%
  }
  
  .prodt52-ms-right .sp6 {
  top: 80%;
  right: 52%
  }
  
  .prodt53-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt53-bt {
  text-align: center;
  margin-bottom: 8%
  }
  
  .prodt53-bt h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt53-ms {
  position: relative
  }
  
  .prodt53-ms span {
  font-size: 16px;
  position: absolute;
  width: 16%;
  line-height: 26px;
  text-align: justify
  }
  
  .prodt53-ms .sp1 {
  top: 34%;
  left: 9%
  }
  
  .prodt53-ms .sp2 {
  top: 0;
  left: 27%
  }
  
  .prodt53-ms .sp3 {
  top: 78%;
  left: 33%
  }
  
  .prodt53-ms .sp4 {
  top: 0;
  left: 46%;
  color: #caa56e
  }
  
  .prodt53-ms .sp5 {
  top: 81%;
  left: 50%
  }
  
  .prodt53-ms .sp6 {
  top: 0;
  left: 75%
  }
  
  .prodt53-ms .sp7 {
  top: 40%;
  left: 75%
  }
  
  .prodt54-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt54-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt54-bt h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt54-bt p {
  color: #e4e4e4;
  font-size: 20px
  }
  
  .prodt54-ms-qh {
  margin-bottom: 5%;
  text-align: center
  }
  
  .prodt54-ms-qh li {
  font-size: 24px;
  display: inline-block;
  margin: 0 20px;
  cursor: pointer;
  padding-bottom: 10px;
  color: #e4e4e4
  }
  
  .prodt54-ms-qh li:hover {
  border-bottom: 2px solid #fff;
  color: #fff
  }
  
  .prodt54-ms-qh .on {
  border-bottom: 2px solid #fff;
  color: #fff
  }
  
  .prodt54-ms .swiper-pagination {
  display: none
  }
  
  .prodt55-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt55-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt55-bt h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt55-bt p {
  color: #e4e4e4;
  font-size: 20px;
  line-height: 28px
  }
  
  .prodt55-ms .swiper-pagination,
  .prodt57-ms .swiper-pagination {
  left: 50% !important;
  transform: translate(-50%, 20px)
  }
  
  prodt55-ms .swiper-pagination-bullet,
  prodt57-ms .swiper-pagination-bullet {
  margin: 5px
  }
  
  .prodt55-ms .swiper-slide {
  opacity: .5
  }
  
  .prodt55-ms .swiper-slide-active {
  opacity: 1
  }
  
  .prodt55-ms .swiper-slide .prodt55-ms1 {
  width: 70%;
  margin: auto
  }
  
  .prodt55-ms .swiper-slide-active .prodt55-ms1 {
  width: 100%
  }
  
  .prodt55-ms1 {
  color: #e4e4e4;
  text-align: center
  }
  
  .prodt55-ms1 h3 {
  font-size: 26px;
  padding: 10% 0 5%;
  color: #e4e4e4
  }
  
  .prodt55-ms .swiper-slide-active h3 {
  color: #fff
  }
  
  .prodt55-ms2 {
  opacity: 0
  }
  
  .prodt55-ms .swiper-slide-active .prodt55-ms2 {
  display: block;
  opacity: 1
  }
  
  .prodt55-ms2 p {
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt17-bt-h {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt17-bt-h h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2%;
  line-height: 60px
  }
  
  .prodt17-bt-h p {
  color: #e4e4e4;
  font-size: 20px;
  line-height: 28px
  }
  
  .prodt17-ms-h li {
  width: 31.333%
  }
  
  .prodt17-ms1 p {
  display: none
  }
  
  .prodt17-ms-h li:hover .prodt17-ms1 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5803921568627451);
  padding: 0 15px;
  padding-top: 25%
  }
  
  .prodt17-ms-h li:hover .prodt17-ms1 h3 {
  position: static;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 5px
  }
  
  .prodt17-ms-h li:hover .prodt17-ms1 p {
  display: block;
  font-size: 16px
  }
  
  .prodt12-cont-a {
  padding: 5% 0 5% 0;
  height: 100%
  }
  
  .prodt12-cont-a .prodt12-cont-ms {
  width: 50%;
  margin: 0;
  margin-right: 50%
  }
  
  .prodt51-ms3-h {
  padding: 0;
  width: 100%;
  float: none
  }
  
  .prodt51-ms3-h ul li {
  text-align: left
  }
  
  .prodt12-cont-b .prodt12-cont-ms {
  width: 45%;
  margin: 0;
  margin-right: 55%
  }
  
  .prodt12-cont-b .p1 {
  display: inline-block;
  border: 2px solid #caa56d;
  color: #caa56d;
  padding: 5px 20px;
  border-radius: 20px
  }
  
  .prodt56-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt56-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt56-bt h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 2%
  }
  
  .prodt56-bt p {
  font-size: 20px;
  color: #e4e4e4
  }
  
  .prodt56-ms {
  display: flow-root
  }
  
  .prodt56-cont-left {
  width: 25%;
  float: left
  }
  
  .prodt56-cont-left li {
  margin-bottom: 15%
  }
  
  .prodt56-cont-left li:hover p {
  color: #fff
  }
  
  .prodt56-cont-left p {
  color: #e4e4e4;
  font-size: 18px;
  margin-top: 8%;
  line-height: 24px
  }
  
  .prodt56-cont-right {
  width: 70%;
  float: left;
  margin-left: 5%
  }
  
  .prodt57-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt57-bt {
  text-align: center;
  margin-bottom: 3%
  }
  
  .prodt57-bt h2 {
  font-size: 60px;
  font-weight: 700
  }
  
  .prodt57-ms .swiper-slide {
  position: relative
  }
  
  .prodt57-ms .swiper-slide img {
  width: 100%
  }
  
  .prodt57-ms-cont {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 10%;
  background-color: #000b1e00;
  text-align: left
  }
  
  .prodt57-ms-cont h3 {
  font-size: 26px;
  margin-bottom: 5%
  }
  
  .prodt57-ms-cont p {
  color: #e4e4e4;
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt58 {
  padding: 5% 0
  }
  
  .prodt58-cont {
  color: #fff
  }
  
  .prodt58-ms ul {
  width: 25%;
  float: left;
  text-align: center
  }
  
  .prodt58-ms ul li {
  font-size: 16px;
  color: #e4e4e4;
  border-bottom: 1px solid #e4e4e43d;
  line-height: 24px;
  padding: 10px 10px
  }
  
  .prodt58-ms .ul1 li {
  color: #fff
  }
  
  .prodt58-ms2 ul {
  width: 100%;
  margin-bottom: 3%
  }
  
  .prodt58-ms2 ul li {
  border: none;
  width: 25%;
  float: left
  }
  
  .prodt58-ms2 li h3 {
  margin-top: 5%
  }
  
  .prodt20 {
  position: relative;
  background: #171a1c
  }
  
  .prodt20-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 5% 0
  }
  
  .prodt20-ms {
  text-align: center
  }
  
  .prodt20-ms h2 {
  font-size: 76px;
  margin: 3% 0;
  font-weight: 700
  }
  
  .prodt19-ms2 {
  margin-top: 57%
  }
  
  .prodt19-ms2 li {
  width: 25%;
  float: left;
  text-align: center
  }
  
  .prodt19-ms2 li img {
  margin-bottom: 5%
  }
  
  .prodt19-ms2 li h3 {
  font-size: 30px;
  color: #e4e4e4
  }
  
  .prodt19-ms2 ll:hover h3 {
  color: #fff
  }
  
  .prodt21 .prodt21-ms img {
  transform: translateX(-7px)
  }
  
  .prodt21 .prodt21-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt21-bt {
  margin-bottom: 3%;
  text-align: center
  }
  
  .prodt21-bt h2 {
  font-size: 42px;
  margin-bottom: 2%
  }
  
  .prodt21-bt h5 {
  font-size: 32px;
  color: #e4e4e4
  }
  
  .prodt21-lr {
  position: relative
  }
  
  .prodt21-lr .jt1 {
  position: absolute;
  left: -5%;
  top: 0;
  padding-top: 25%
  }
  
  .prodt21-lr .jt2 {
  position: absolute;
  right: -5%;
  top: 0;
  padding-top: 25%
  }
  
  .prodt21-lr .swiper-button-disabled {
  opacity: .5
  }
  
  .prodt21-dw {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  left: 0;
  padding-top: 10%
  }
  
  .prodt21-lr2 {
  margin-top: 25px
  }
  
  .prodt21-lr2 .swiper-slide p {
  text-align: center;
  color: #e4e4e4;
  font-size: 16px;
  margin-top: 10px
  }
  
  .prodt21-lr2 .swiper-slide-thumb-active .prodt21-ms {
  border: 1px solid #fff
  }
  
  .prodt21-lr2 .swiper-slide-active .prodt21-ms {
  border: 1px solid #fff
  }
  
  .prodt21-lr2 .swiper-slide-thumb-active p {
  color: #fff
  }
  
  .prodt22-cont {
  padding: 5% 0;
  color: #fff;
  background-color: #050304
  }
  
  .prodt22-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt22-bt h2 {
  font-size: 60px;
  margin-bottom: 2%
  }
  
  .prodt22-bt p {
  font-size: 20px;
  color: #e4e4e4
  }
  
  .prodt22-ms-sp {
  margin: 2% 0;
  position: relative
  }
  
  .prodt22-ms {
  background-color: #131316;
  position: relative;
  border-radius: 25px
  }
  
  .prodt22-ms2 {
  position: static;
  width: 63%;
  margin-right: 2%;
  padding-bottom: 2%;
  text-align: center
  }
  
  .prodt22-ms3 {
  position: absolute;
  top: 0;
  width: 35%;
  right: 0;
  height: 100%
  }
  
  .prodt22-ms4 {
  width: 49%;
  margin-right: 1%
  }
  
  .prodt22-ms5 {
  width: 49%;
  margin-left: 1%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%
  }
  
  .prodt22-ms-bt {
  padding-left: 30px;
  padding-top: 30px;
  text-align: left;
  margin-bottom: 30px
  }
  
  .prodt22-ms-bt h3 {
  font-size: 26px;
  margin-bottom: 20px
  }
  
  .prodt22-ms-bt p {
  font-size: 16px;
  line-height: 24px;
  color: #e4e4e4
  }
  
  .prodt22-ms-img {
  width: 50%;
  margin-right: 50%
  }
  
  .prodt22-ms2 .prodt22-ms-img,
  .prodt22-ms3 .prodt22-ms-img,
  .prodt22-ms4 .prodt22-ms-img,
  .prodt22-ms5 .prodt22-ms-img {
  width: 100%;
  margin-right: 0
  }
  
  .prodt22-ms-img img {
  display: inline-block
  }
  
  .prodt22-ms-dw {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 10%;
  width: 50%;
  left: 50%;
  padding: 10% 5%
  }
  
  .prodt22-ms-dw h5 {
  font-size: 32px;
  color: #e4e4e4;
  text-align: justify
  }
  
  .prodt22-ms-dw ul {
  margin-top: 5%
  }
  
  .prodt22-ms-dw li {
  font-size: 20px;
  display: inline-block;
  width: 44%;
  border: 1px solid #e4e4e4;
  border-radius: 15px;
  line-height: 32px;
  text-align: center;
  margin: 5% 2% 0
  }
  
  .prodt23-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt23-cont ul li {
  position: relative
  }
  
  .prodt23-cont ul li img {
  display: inline-block
  }
  
  .prodt23-cont ul li span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, .23137254901960785);
  width: 100%;
  font-size: 28px;
  padding: 20px
  }
  
  .prodt23-cont .ul1 li img {
  width: 100%
  }
  
  .prodt23-cont .ul2 {
  margin-top: 2%
  }
  
  .prodt23-cont .ul2 li {
  display: inline-block;
  width: 32.33333%
  }
  
  .prodt23-cont .ul2 .odd {
  width: .9%
  }
  
  .prodt20-a .prodt20-ms h2 {
  font-size: 60px;
  margin: 0 0 3%;
  font-weight: 700
  }
  
  .prodt20-ms h3 {
  font-size: 36px
  }
  
  .prodt3-lr-mc {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, .29);
  text-align: left;
  padding: 10px 15px
  }
  
  .prodt3-lr-mc h3 {
  font-size: 18px;
  line-height: 26px
  }
  
  .prodt3-lr .prodt3-lr-mc span {
  color: #e4e4e4;
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt54-ms p {
  text-align: center;
  font-size: 20px;
  margin-top: 3%
  }
  
  .prodt59-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt59-ms {
  text-align: center;
  margin-bottom: 3%
  }
  
  .prodt59-ms h2 {
  font-size: 60px;
  font-weight: 700
  }
  
  .prodt59-ms p {
  font-size: 20px;
  margin-top: 2%
  }
  
  .prodt59-ms2 {
  position: relative;
  margin-bottom: 5%
  }
  
  .prodt59-ms2 .dwimg {
  width: 100%
  }
  
  .prodt59-ms2 .tp1 {
  position: absolute;
  top: 15%;
  left: 25%
  }
  
  .prodt59-ms3 ul li {
  float: left;
  width: 16.666%;
  text-align: center
  }
  
  .prodt59-ms3 ul li img {
  display: inline-block;
  max-width: 100%
  }
  
  .prodt59-ms3 ul li p {
  font-size: 20px;
  margin-top: 10%
  }
  
  .prodt60 {
  position: relative
  }
  
  .prodt60 .dwimg {
  width: 100%
  }
  
  .prodt60-cont {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
  }
  
  .prodt60-ms {
  width: 40%;
  margin-left: 60%;
  margin-top: 35%
  }
  
  .prodt60-ms-h {
  margin-left: 0;
  margin-top: 50%
  }
  
  .prodt60-ms h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 5%
  }
  
  .prodt60-ms h3 {
  font-size: 32px;
  color: #daad62;
  border: 2px solid #daad62;
  display: inline-block;
  padding: 1% 5%;
  border-radius: 25px;
  margin-bottom: 5%
  }
  
  .prodt60-ms2 p {
  font-size: 20px;
  line-height: 32px
  }
  
  .prodt61-cont {
  padding: 5% 0;
  color: #fff
  }
  
  .prodt61-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt61-bt h2 {
  font-size: 60px;
  font-weight: 700
  }
  
  .prodt61-bt p {
  color: #999;
  font-size: 20px;
  line-height: 32px;
  margin-top: 3%
  }
  
  .prodt61-ms video {
  width: 100%
  }
  
  .prodt62 {
  color: #fff;
  position: relative
  }
  
  .prodt62-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5% 0
  }
  
  .prodt62-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt62-bt h2 {
  font-size: 60px;
  font-weight: 700
  }
  
  .prodt62-bt p {
  color: #999;
  font-size: 20px;
  line-height: 32px;
  margin-top: 3%
  }
  
  .prodt13-cont-ms2-a li {
  width: 25%
  }
  
  .prodt13-a .prodt13-cont-ms1 h2 {
  font-size: 60px;
  margin-bottom: 3%
  }
  
  .prodt13-a .prodt13-cont-ms1 p {
  color: #999;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 3%
  }
  
  @media (max-width:1919px) {
  .prodt51-cont {
  padding: 8% 0 5% 0
  }
  
  .prodt19-ms2 {
  margin-top: 46%
  }
  }
  
  @media (max-width:1659px) {
  .prodt1-cont-left h5 {
  font-size: 32px
  }
  
  .prodt1-cont-left h2 {
  font-size: 56px
  }
  
  .prodt1-cont-left p {
  font-size: 38px
  }
  
  .prodt2-lr li img {
  width: 80px
  }
  
  .prodt2-lr li > div {
  height: 85px;
  margin-bottom: 30px
  }
  
  .prodt12-cont-ms h2,
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 56px
  }
  
  .prodt11-cont h2,
  .prodt13-cont-ms1 h2,
  .prodt14-cont h2,
  .prodt7-cont h2 {
  font-size: 72px
  }
  
  .prodt11-cont h3 {
  font-size: 42px;
  margin: 10px
  }
  
  .prodt11-cont .proimg {
  width: 80%
  }
  
  .prodt11-cont span {
  margin-top: 1%
  }
  
  .prodt8-cont h2 {
  font-size: 62px;
  line-height: 62px
  }
  
  .prodt8-cont h3 {
  font-size: 42px
  }
  
  .prodt10-ms1 h2,
  .prodt9-ms h2 {
  font-size: 44px
  }
  
  .prodt11-cont h4 {
  font-size: 32px
  }
  
  .prodt15-x1 {
  width: 30%;
  top: 31%;
  right: 38.2%;
  height: 2px
  }
  
  .prodt15-x2 {
  width: 530px;
  top: 50.5%;
  left: auto;
  right: 36.5%;
  width: 30%;
  right: 36.2%;
  height: 2px
  }
  
  .prodt15-cont-ms2 h2,
  .prodt15-cont-ms3 h2 {
  font-size: 32px
  }
  
  .prodt16-cont-ms1 h2 {
  font-size: 56px
  }
  
  .prodt16-cont-ms h2 {
  font-size: 32px
  }
  
  .prodt16-x1 {
  width: 25%;
  height: 2px
  }
  
  .prodt17-bt h2,
  .prodt18-cont h2 {
  font-size: 68px;
  line-height: 76px
  }
  
  .prodt18-ms {
  width: 35%;
  float: left
  }
  
  .prodt19-ms h2 {
  font-size: 56px;
  line-height: 72px
  }
  
  .prodt50-cont h2 {
  font-size: 60px
  }
  
  .prodt51-cont {
  padding: 5% 0 5% 0
  }
  
  .prodt51-ms2 h2 {
  font-size: 50px
  }
  
  .prodt52-bt h2 {
  font-size: 56px
  }
  
  .prodt17-bt-h h2,
  .prodt53-bt h2,
  .prodt54-bt h2,
  .prodt55-bt h2,
  .prodt56-bt h2,
  .prodt57-bt h2 {
  font-size: 56px
  }
  
  .prodt20-ms h2 {
  font-size: 72px
  }
  
  .prodt19-ms2 {
  margin-top: 40%
  }
  
  .prodt19-ms2 li h3 {
  font-size: 26px
  }
  
  .prodt18-cont-h .prodt18-ms {
  margin: 0 0;
  width: 60%;
  margin-bottom: 5%
  }
  
  .prodt18-cont-h {
  width: 80%
  }
  
  .prodt18-cont-a {
  width: 40%
  }
  
  .prodt18-cont-a .prodt18-ms {
  width: 100%
  }
  
  .prodt20-a .prodt20-ms h2,
  .prodt59-ms h2,
  .prodt60-ms h2,
  .prodt61-bt h2,
  .prodt62-bt h2 {
  font-size: 56px
  }
  
  .prodt60-ms h3 {
  font-size: 30px
  }
  
  .prodt13-a .prodt13-cont-ms1 h2 {
  font-size: 56px
  }
  
  .prodt60-ms {
  margin-top: 25%
  }
  }
  
  @media (max-width:1459px) {
  .prodt1-cont-left h5 {
  font-size: 28px
  }
  
  .prodt1-cont-left h2 {
  font-size: 52px
  }
  
  .prodt1-cont-left p {
  font-size: 34px
  }
  
  .prodt2-lr li > div {
  height: 80px;
  margin-bottom: 30px
  }
  
  .prodt2-lr li img {
  width: 72px
  }
  
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 48px
  }
  
  .prodt2-bt p,
  .prodt2-lr li p,
  .prodt5-ms2 h3 {
  font-size: 18px
  }
  
  .prodt4-ms h3 {
  font-size: 22px
  }
  
  .prodt4-ms p {
  font-size: 16px
  }
  
  .prodt5-ms2 h3 {
  font-size: 24px
  }
  
  .prodt6-lr-right h3 {
  font-size: 22px
  }
  
  .prodt6-ms h5,
  .prodt6-ms p {
  font-size: 16px
  }
  
  .prodt11-cont h2,
  .prodt13-cont-ms1 h2,
  .prodt14-cont h2,
  .prodt7-cont h2 {
  font-size: 54px
  }
  
  .prodt13-cont-ms2 h3 em {
  font-size: 32px
  }
  
  .prodt13-cont-ms1 h3 {
  font-size: 280px
  }
  
  .prodt11-anniu {
  font-size: 20px
  }
  
  .prodt11-anniu img {
  width: 24px
  }
  
  .prodt7-cont p {
  font-size: 28px
  }
  
  .prodt11-cont h3 {
  font-size: 36px
  }
  
  .prodt11-cont .proimg {
  width: 70%
  }
  
  .prodt11-cont span {
  margin-top: 1%
  }
  
  .prodt8-cont h2 {
  font-size: 54px;
  line-height: 54px
  }
  
  .prodt8-cont h3 {
  font-size: 38px
  }
  
  .prodt10-ms1 h2,
  .prodt9-ms h2 {
  font-size: 40px
  }
  
  .prodt10-ms3-cont h3 {
  font-size: 32px;
  line-height: 46px
  }
  
  .prodt12-cont-ms h2,
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 48px
  }
  
  .prodt12-cont-ms p,
  .prodt56-bt p,
  .prodt8-cont p {
  font-size: 18px;
  line-height: 28px
  }
  
  .prodt15-cont-ms2 h2,
  .prodt15-cont-ms3 h2 {
  font-size: 30px
  }
  
  .prodt15-x1 {
  top: 32.5%;
  right: 38.3%
  }
  
  .prodt15-x2 {
  top: 51.5%;
  right: 36.2%
  }
  
  .prodt16-cont-ms1 h2 {
  font-size: 52px
  }
  
  .prodt16-cont-ms1 img {
  width: 92px
  }
  
  .prodt16-cont-ms h2 {
  font-size: 30px
  }
  
  .prodt17-bt h2,
  .prodt18-cont h2 {
  font-size: 58px;
  line-height: 68px
  }
  
  .prodt18-cont h3 {
  font-size: 30px
  }
  
  .prodt11-cont h4 {
  font-size: 30px
  }
  
  .prodt19-ms h2,
  .prodt22-bt h2 {
  font-size: 48px;
  line-height: 58px
  }
  
  .prodt11-cont h5 {
  font-size: 20px;
  margin: 25px 0
  }
  
  .prodt50-cont h2 {
  font-size: 52px
  }
  
  .prodt50-cont h4 {
  font-size: 32px
  }
  
  .prodt50-cont .proimg {
  width: 80%
  }
  
  .prodt51-ms2 h2,
  .prodt52-bt h2 {
  font-size: 48px
  }
  
  .prodt51-ms2 p,
  .prodt52-bt p,
  .prodt54-bt p,
  .prodt55-bt p {
  font-size: 18px
  }
  
  .prodt17-bt-h h2,
  .prodt53-bt h2,
  .prodt54-bt h2,
  .prodt55-bt h2,
  .prodt56-bt h2,
  .prodt57-bt h2 {
  font-size: 48px
  }
  
  .prodt53-ms span {
  font-size: 14px;
  line-height: 22px
  }
  
  .prodt54-ms-qh li {
  font-size: 22px
  }
  
  .prodt51-ms3 li h3 {
  font-size: 28px
  }
  
  .prodt57-ms-cont h3 {
  font-size: 24px
  }
  
  .prodt20-ms h2 {
  font-size: 60px
  }
  
  .prodt20-ms .proimg {
  max-width: 240px
  }
  
  .prodt19-ms2 li img {
  width: 80px
  }
  
  .prodt19-ms2 li h3 {
  font-size: 24px
  }
  
  .prodt19-ms2 {
  margin-top: 35%
  }
  
  .prodt19-a-right li span {
  font-size: 52px
  }
  
  .prodt19-a-right li h5 {
  font-size: 26px
  }
  
  .prodt22-ms-dw h5 {
  font-size: 28px
  }
  
  .prodt23-cont ul li span {
  font-size: 26px
  }
  
  .prodt21-lr .jt1 {
  width: 24px;
  left: -3%
  }
  
  .prodt21-lr .jt2 {
  width: 24px;
  right: -3%
  }
  
  .prodt20-a .prodt20-ms h2,
  .prodt59-ms h2,
  .prodt60-ms h2,
  .prodt61-bt h2,
  .prodt62-bt h2 {
  font-size: 48px
  }
  
  .prodt20-ms h3 {
  font-size: 32px
  }
  
  .prodt60-ms h3 {
  font-size: 28px
  }
  
  .prodt13-a .prodt13-cont-ms1 h2 {
  font-size: 48px
  }
  
  .prodt60-ms {
  margin-top: 25%
  }
  }
  
  @media (max-width:1259px) {
  
  .prodt11-cont h2,
  .prodt13-cont-ms1 h2,
  .prodt14-cont h2,
  .prodt7-cont h2 {
  font-size: 42px
  }
  
  .prodt11-anniu {
  font-size: 18px
  }
  
  .prodt11-anniu img {
  width: 22px
  }
  
  .prodt7-cont p {
  font-size: 24px
  }
  
  .prodt11-cont h3 {
  font-size: 32px
  }
  
  .prodt11-cont .proimg {
  width: 65%
  }
  
  .prodt11-cont span {
  margin-top: 9px
  }
  
  .prodt8-cont h2 {
  font-size: 46px
  }
  
  .prodt8-cont h3 {
  font-size: 38px;
  line-height: 42px
  }
  
  .prodt10-ms1 h2,
  .prodt9-ms h2 {
  font-size: 36px
  }
  
  .prodt10-ms3-cont h3 {
  font-size: 24px;
  line-height: 24px
  }
  
  .prodt12-cont-ms h2,
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 42px;
  line-height: 42px
  }
  
  .prodt12-cont-ms p,
  .prodt8-cont p {
  font-size: 16px;
  line-height: 26px
  }
  
  .prodt15-cont-ms1 span,
  .prodt15-cont-ms2 p,
  .prodt15-cont-ms3 p,
  .prodt16-cont-ms p {
  font-size: 16px
  }
  
  .prodt15-cont-ms2 h2,
  .prodt15-cont-ms3 h2 {
  font-size: 28px
  }
  
  .prodt16-cont-ms1 h2 {
  font-size: 48px
  }
  
  .prodt16-cont-ms1 img {
  width: 80px
  }
  
  .prodt16-cont-ms h2 {
  font-size: 28px
  }
  
  .prodt17-bt h2,
  .prodt18-cont h2 {
  font-size: 48px;
  line-height: 62px
  }
  
  .prodt18-cont h3 {
  font-size: 28px
  }
  
  .prodt18-cont p {
  font-size: 18px;
  line-height: 30px
  }
  
  .prodt11-cont h4 {
  font-size: 28px
  }
  
  .prodt19-ms h2 {
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 30px
  }
  
  .prodt19-ms p {
  font-size: 16px
  }
  
  .prodt50-cont h2 {
  font-size: 42px
  }
  
  .prodt50-cont h4 {
  font-size: 28px
  }
  
  .prodt51-ms2 h2,
  .prodt52-bt h2 {
  font-size: 38px
  }
  
  .prodt51-ms2 p,
  .prodt52-bt p,
  .prodt54-bt p,
  .prodt55-bt p {
  font-size: 16px;
  line-height: 26px
  }
  
  .prodt51-ms3 li h3 {
  font-size: 24px
  }
  
  .prodt51-ms3 li p {
  font-size: 18px
  }
  
  .prodt52-ms-right .sp4 {
  right: 3%
  }
  
  .prodt52-ms-right .sp5 {
  right: 26%
  }
  
  .prodt52-ms-right .sp6 {
  right: 44%
  }
  
  .prodt17-bt-h h2,
  .prodt53-bt h2,
  .prodt54-bt h2,
  .prodt55-bt h2,
  .prodt56-bt h2,
  .prodt57-bt h2 {
  font-size: 42px
  }
  
  .prodt53-ms span {
  font-size: 14px;
  line-height: 18px
  }
  
  .prodt53-ms .sp1 {
  left: 3%
  }
  
  .prodt53-ms .sp2 {
  left: 25%;
  top: 5%
  }
  
  .prodt53-ms .sp6 {
  left: 79%
  }
  
  .prodt53-ms .sp7 {
  left: 79%
  }
  
  .prodt20-ms h2 {
  font-size: 48px
  }
  
  .prodt20-ms .proimg {
  max-width: 240px
  }
  
  .prodt19-ms2 li img {
  width: 80px
  }
  
  .prodt19-ms2 li h3 {
  font-size: 24px
  }
  
  .prodt18-cont-h .proimg {
  max-width: 260px
  }
  
  .prodt19-ms2 {
  margin-top: 35%
  }
  
  .prodt19-a-right li span {
  font-size: 52px
  }
  
  .prodt22-ms-dw h5 {
  font-size: 26px
  }
  
  .prodt23-cont ul li span {
  font-size: 24px
  }
  
  .prodt18-cont .proimg2 {
  width: 68px
  }
  
  .prodt18-cont .proimg3 {
  width: 68px
  }
  
  .prodt18-cont .proimg4 {
  width: 68px
  }
  
  .prodt21-bt h2 {
  font-size: 38px
  }
  
  .prodt21-bt h5 {
  font-size: 28px
  }
  
  .prodt19-ms h2,
  .prodt22-bt h2 {
  font-size: 38px;
  line-height: 48px
  }
  
  .prodt20-a .prodt20-ms h2,
  .prodt59-ms h2,
  .prodt60-ms h2,
  .prodt61-bt h2,
  .prodt62-bt h2 {
  font-size: 42px
  }
  
  .prodt20-ms h3 {
  font-size: 30px
  }
  
  .prodt60-ms h3 {
  font-size: 26px
  }
  
  .prodt13-a .prodt13-cont-ms1 h2 {
  font-size: 42px
  }
  
  .prodt13-a .prodt13-cont-ms1 p,
  .prodt59-ms p,
  .prodt59-ms3 ul li p,
  .prodt60-ms2 p,
  .prodt61-bt p,
  .prodt62-bt p {
  font-size: 18px;
  line-height: 28px
  }
  
  .prodt59-ms3 ul li img {
  width: 33%
  }
  }
  
  @media (max-width:971px) {
  .anniu {
  padding: 8px 28px
  }
  
  .prodt1-cont-left {
  width: 100%;
  position: static;
  text-align: center;
  margin-bottom: 30px
  }
  
  .prodt1-cont-right {
  width: 100%;
  margin-left: 0
  }
  
  .prodt1-cont-left h5 {
  font-size: 24px;
  margin-bottom: 10px
  }
  
  .prodt1-cont-left h2 {
  font-size: 44px;
  margin-bottom: 15px
  }
  
  .prodt1-cont-left p {
  font-size: 26px
  }
  
  .prodt-cont {
  padding: 30px 0
  }
  
  .prodt20.prodt20-a {
  background: #000
  }
  
  .prodt2-bt p,
  .prodt2-lr li p,
  .prodt5-ms2 h3 {
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt5-ms2 h3 {
  font-size: 20px
  }
  
  .prodt5-ms1 img {
  width: 72px
  }
  
  .prodt5-ms {
  margin-top: 20px
  }
  
  .prodt5-ms2 p {
  font-size: 16px
  }
  
  .prodt2-bt {
  margin-bottom: 20px
  }
  
  .prodt2-lr li {
  width: 42%;
  margin: 0 4%;
  margin-bottom: 20px
  }
  
  .prodt2-lr .odd {
  margin: 0 4%;
  margin-bottom: 20px
  }
  
  .prodt2-lr li > div {
  height: 55px;
  margin-bottom: 20px
  }
  
  .prodt2-lr li img {
  width: 52px
  }
  
  .prodt2-lr li p {
  font-size: 16px;
  height: 80px
  }
  
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 36px;
  line-height: 42px
  }
  
  .prodt3-bt,
  .prodt4-bt,
  .prodt5-bt,
  .prodt6-bt {
  margin-bottom: 30px
  }
  
  .prodt4-cont {
  position: relative
  }
  
  .prodt4-bt p {
  font-size: 16px
  }
  
  .prodt4-ms h3 {
  font-size: 16px
  }
  
  .prodt4-ms p {
  font-size: 12px;
  color: #b3b3b3
  }
  
  .prodt4-lr {
  z-index: 1
  }
  
  .prodt4-ms {
  position: static;
  width: 48%;
  float: left;
  margin-bottom: 20px
  }
  
  .prodt4 .dwimg {
  position: absolute;
  bottom: 15%;
  z-index: -1;
  opacity: .5;
  z-index: 0
  }
  
  .prodt6-lr-left {
  width: 100%;
  margin-right: 0
  }
  
  .prodt6-lr-right {
  position: static;
  width: 100%;
  padding: 30px 10px
  }
  
  .prodt11-cont h2,
  .prodt13-cont-ms1 h2,
  .prodt14-cont h2,
  .prodt7-cont h2 {
  font-size: 32px;
  line-height: 42px
  }
  
  .prodt11-anniu {
  font-size: 16px
  }
  
  .prodt11-anniu img {
  width: 22px
  }
  
  .prodt7-cont p {
  font-size: 20px
  }
  
  .prodt11-cont h3 {
  font-size: 24px;
  margin: 20px 0
  }
  
  .prodt11-cont p {
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt11-cont .proimg {
  width: 100%;
  margin: 20px 0
  }
  
  .prodt11-cont span {
  margin-top: 0;
  font-size: 18px
  }
  
  .prodt8-cont h2 {
  font-size: 30px;
  line-height: 36px
  }
  
  .prodt8-cont h3 {
  font-size: 24px;
  line-height: 36px
  }
  
  .prodt10-ms1 h2,
  .prodt9-ms h2 {
  font-size: 28px;
  line-height: 36px
  }
  
  .prodt10-ms3-cont h3 {
  font-size: 24px;
  line-height: 24px
  }
  
  .prodt12-cont-ms h2,
  .prodt3-bt h2,
  .prodt4-bt h2,
  .prodt5-bt h2,
  .prodt6-bt h2 {
  font-size: 32px;
  line-height: 38px
  }
  
  .prodt3-lr ul {
  width: 98%
  }
  
  .prodt3-lr {
  height: 300px;
  overflow-y: auto
  }
  
  .prodt3-lr::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
  height: 5px
  }
  
  .prodt3-lr::-webkit-scrollbar-thumb {
  background-color: #e60012;
  border-radius: 0
  }
  
  .prodt10-ms1 p,
  .prodt12-cont-ms p,
  .prodt8-cont p,
  .prodt9-ms p {
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt8-cont p {
  margin: 30px 0;
  text-align: justify
  }
  
  .prodt7-cont {
  position: static;
  padding: 5%
  }
  
  .prodt7-8k {
  width: 48px;
  top: 15%;
  right: 15%
  }
  
  .prodt9-cont {
  position: static
  }
  
  .prodt9-ms {
  width: 100%;
  margin: 30px 0 20px 0
  }
  
  .prodt10-ms2 span {
  font-size: 14px
  }
  
  .prodt10-ms3 {
  padding-top: 30px;
  padding-bottom: 5px
  }
  
  .prodt10-ms3-cont {
  background-color: #fff;
  color: #000;
  position: static;
  padding: 10% 0
  }
  
  .prodt10-ms3 .li1 {
  display: none
  }
  
  .prodt10-img1 {
  display: none
  }
  
  .prodt10-img2 {
  display: block
  }
  
  .prodt11-cont {
  position: static
  }
  
  .prodt11 .dwimg {
  display: none
  }
  
  .dw-anniu11 {
  position: static;
  margin: 20px 0
  }
  
  .prodt12-cont {
  position: static;
  padding: 30px 0
  }
  
  .prodt12-cont-a .pro-appimg {
  margin: 20px 0
  }
  
  .prodt12-cont-ms {
  width: 100%;
  margin: auto;
  text-align: center
  }
  
  .prodt13-cont-ms1 h3 {
  font-size: 88px
  }
  
  .prodt13-cont-ms2 li {
  width: 50%;
  padding: 5%;
  font-size: 16px
  }
  
  .prodt13-cont-ms2 h3 {
  margin: 10px 0
  }
  
  .prodt13-cont-ms2 h3 em {
  font-size: 24px
  }
  
  .prodt14 {
  padding: 0;
  padding-top: 30px
  }
  
  .prodt14-cont {
  position: static
  }
  
  .prodt11-cont h4 {
  font-size: 24px;
  margin: 20px 0
  }
  
  .prodt11-cont .proimg4 {
  width: 70%
  }
  
  .prodt11-cont .proimg2 {
  width: 70%;
  margin-bottom: 15px;
  max-width: 200px
  }
  
  .prodt15-cont-left {
  position: static;
  width: 100%;
  margin: auto;
  padding: 0 15px
  }
  
  .prodt15-cont-right {
  width: 80%;
  margin-left: 20%;
  margin: 20px 0 0;
  margin-left: 20%
  }
  
  .prodt15-cont-ms1 {
  text-align: center
  }
  
  .prodt15-cont-ms1 span {
  width: auto
  }
  
  .prodt15-cont-ms2 h2,
  .prodt15-cont-ms3 h2 {
  font-size: 26px
  }
  
  .prodt15-x1 {
  display: none
  }
  
  .prodt15-x2 {
  display: none
  }
  
  .prodt16-x1 {
  display: none
  }
  
  .prodt16-cont-left {
  width: 100%;
  position: static;
  padding: 0 15px
  }
  
  .prodt16-cont-ms1 h2 {
  font-size: 32px
  }
  
  .prodt16-cont-ms1 img {
  width: 52px
  }
  
  .prodt16-cont-ms1 {
  margin-bottom: 30px
  }
  
  .prodt16-cont-ms h2 {
  font-size: 24px
  }
  
  .prodt16-cont-ms {
  margin-bottom: 20px
  }
  
  .prodt17-bt h2,
  .prodt18-cont h2 {
  font-size: 32px;
  line-height: 42px;
  text-align: center
  }
  
  .prodt17-bt {
  margin-bottom: 20px
  }
  
  .prodt17-ms ul {
  height: 300px;
  overflow-y: auto
  }
  
  .prodt17-ms ul::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
  height: 5px
  }
  
  .prodt17-ms ul::-webkit-scrollbar-thumb {
  background-color: #e60012;
  border-radius: 0
  }
  
  .prodt17-ms li {
  width: 98%;
  margin-bottom: 15px
  }
  
  .prodt17-ms li h3 {
  font-size: 16px;
  height: 48px;
  line-height: 24px
  }
  
  .prodt18-cont {
  position: static
  }
  
  .prodt18-ms {
  float: none;
  width: 100%;
  margin-top: 30px
  }
  
  .prodt18-cont h3 {
  font-size: 22px
  }
  
  .prodt13-cont-ms2 li img {
  width: 42px
  }
  
  .prodt19-cont {
  position: static;
  padding: 5% 0 5%
  }
  
  .prodt19-ms h2 {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 20px
  }
  
  .prodt19-ms p {
  text-align: justify;
  line-height: 24px
  }
  
  .prodt19-cont-left {
  width: 100%;
  float: none
  }
  
  .prodt19-cont-right {
  width: 100%;
  float: none;
  margin: 0
  }
  
  .prodt50-cont h2 {
  font-size: 28px;
  margin-bottom: 20px
  }
  
  .prodt50-cont h4 {
  font-size: 24px;
  margin-bottom: 20px
  }
  
  .prodt50-cont,
  .prodt51-cont {
  position: static;
  padding: 0
  }
  
  .prodt50-cont .proimg {
  width: 100%
  }
  
  .prodt51-ms1 {
  display: none
  }
  
  .prodt51-ms2 {
  width: 100%;
  padding: 0;
  margin: 20px 0 30px 0;
  text-align: center;
  float: none
  }
  
  .prodt51-ms2 h2,
  .prodt52-bt h2 {
  font-size: 28px;
  margin-bottom: 25px
  }
  
  .prodt51-ms3 {
  width: 100%;
  float: none;
  padding: 0
  }
  
  .prodt51-ms3 li h3 {
  font-size: 22px
  }
  
  .prodt51-ms3 li p {
  font-size: 16px
  }
  
  .prodt52-ms-left {
  float: none;
  width: 100%;
  margin-bottom: 40px
  }
  
  .prodt52-ms-right {
  width: 100%;
  float: none
  }
  
  .prodt52-ms-left img {
  display: block;
  margin: auto;
  max-width: 180px
  }
  
  .prodt52-ms-right span {
  font-size: 16px
  }
  
  .prodt52-ms-right .sp1 {
  top: -3%;
  left: 0
  }
  
  .prodt52-ms-right .sp2 {
  top: 31%;
  left: 0
  }
  
  .prodt52-ms-right .sp3 {
  top: 66%;
  left: 0
  }
  
  .prodt52-ms-right .sp4 {
  top: -3%;
  right: 10%
  }
  
  .prodt52-ms-right .sp5 {
  top: 32%;
  right: 10%
  }
  
  .prodt52-ms-right .sp6 {
  top: 67%;
  right: 12%
  }
  
  .prodt17-bt-h h2,
  .prodt53-bt h2,
  .prodt54-bt h2,
  .prodt55-bt h2,
  .prodt56-bt h2,
  .prodt57-bt h2 {
  font-size: 28px;
  margin-bottom: 30px
  }
  
  .prodt53-ms span {
  font-size: 12px;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-color: #60a5b0;
  border-radius: 50%
  }
  
  .prodt53-ms span::after,
  .prodt53-ms span::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  top: 1px;
  right: 1px;
  background-color: #16c6e2;
  z-index: 1
  }
  
  .prodt53-ms span::before {
  animation: scale-sp 1.5s infinite
  }
  
  .prodt53-ms span::after {
  animation: scale-sp2 1.5s infinite
  }
  
  @keyframes scale-sp {
  0% {
  transform: scale(1);
  opacity: .9
  }
  
  100% {
  transform: scale(4);
  opacity: 0
  }
  }
  
  @keyframes scale-sp2 {
  0% {
  transform: scale(1);
  opacity: .9
  }
  
  100% {
  transform: scale(8);
  opacity: 0
  }
  }
  
  .prodt54-ms-qh {
  display: none
  }
  
  .prodt53-ms2 .swiper-pagination,
  .prodt54-ms .swiper-pagination,
  .prodt55-ms .swiper-pagination,
  .prodt57-ms .swiper-pagination {
  display: block;
  position: static;
  margin-top: 20px
  }
  
  .prodt55-ms .swiper-pagination {
  position: absolute
  }
  
  .prodt53-ms2 .swiper-pagination-bullet,
  .prodt54-ms .swiper-pagination-bullet,
  .prodt55-ms .swiper-pagination-bullet,
  .prodt57-ms .swiper-pagination-bullet {
  background-color: #fff;
  opacity: .5
  }
  
  .prodt53-ms2 .swiper-pagination-bullet-active,
  .prodt54-ms .swiper-pagination-bullet-active,
  .prodt55-ms .swiper-pagination-bullet-active,
  .prodt57-ms .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1
  }
  
  .prodt17-bt-h p {
  font-size: 18px
  }
  
  .prodt17-ms1 {
  position: static;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #00000094;
  padding: 0 15px;
  padding: 20px 15px 30px 15px
  }
  
  .prodt17-ms1 p {
  display: block;
  font-size: 14px
  }
  
  li .prodt17-ms1 h3 {
  position: static;
  line-height: 22px;
  height: auto;
  margin-bottom: 10px
  }
  
  .prodt12-cont-a .prodt12-cont-ms {
  width: 100%;
  margin: 0
  }
  
  .prodt12-cont-ms p,
  .prodt56-bt p,
  .prodt8-cont p {
  font-size: 16px;
  line-height: 26px
  }
  
  .prodt56-cont-left {
  width: 100%;
  float: none
  }
  
  .prodt56-cont-right {
  display: none
  }
  
  .prodt56-ms .pro-appimg {
  margin: 20px 0
  }
  
  .prodt56-cont-left li {
  text-align: left;
  margin: 8% 0
  }
  
  .prodt56-cont-left img {
  display: inline-block;
  width: 56px
  }
  
  .prodt56-cont-left p {
  font-size: 16px;
  margin-top: 5%
  }
  
  .prodt57-ms-cont h3 {
  font-size: 20px
  }
  
  .prodt53-ms2 {
  margin-top: 30px
  }
  
  .prodt53-ms2 span {
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt58-ms ul {
  width: 50%
  }
  
  .prodt58-ms2 ul {
  width: 100%
  }
  
  .prodt58-ms2 ul li {
  width: 50%
  }
  
  .prodt58-ms ul li {
  font-size: 14px;
  min-height: 60px;
  line-height: 24px;
  padding: 5px
  }
  
  .prodt58-ms {
  margin-bottom: 30px
  }
  
  .prodt20-cont {
  position: static
  }
  
  .prodt20-ms h2 {
  font-size: 32px;
  margin: 20px 0
  }
  
  .prodt20-ms .proimg {
  max-width: 180px
  }
  
  .prodt19-ms2 {
  margin-top: 50px
  }
  
  .prodt19-ms2 li {
  width: 48%;
  margin: 20px 1%
  }
  
  .prodt19-ms2 li img {
  width: 62px;
  margin-bottom: 20px
  }
  
  .prodt19-ms2 li h3 {
  font-size: 16px
  }
  
  .prodt18-cont-h {
  width: 100%;
  text-align: center
  }
  
  .prodt18-cont-h .prodt18-ms {
  width: 100%;
  margin: 30px 0
  }
  
  .prodt18-cont .proimg2 {
  position: static;
  margin-top: 10px;
  margin-bottom: 10px
  }
  
  .prodt21-bt h2 {
  font-size: 32px
  }
  
  .prodt21-bt h5 {
  font-size: 24px
  }
  
  .prodt18-cont-a {
  margin: 0
  }
  
  .prodt18-cont .proimg3 {
  position: static;
  margin-top: 20px
  }
  
  .prodt18-cont .proimg4 {
  position: static;
  margin-top: 20px
  }
  
  .prodt19-a-left {
  width: 100%;
  margin: 0;
  float: none
  }
  
  .prodt19-a-right {
  width: 100%;
  float: none
  }
  
  .prodt19-a-right li {
  width: 31.3333%;
  float: left;
  margin: 20px 1%
  }
  
  .prodt19-a-right li h5 {
  font-size: 16px
  }
  
  .prodt19-a-right li span {
  font-size: 28px
  }
  
  .prodt21-dw {
  padding-top: 20%;
  background-color: #00000042
  }
  
  .prodt21-dw .prodt21-ms img {
  max-width: 250px
  }
  
  .prodt21-lr .jt1 {
  width: 18px;
  left: -3%;
  padding-top: 40%
  }
  
  .prodt21-lr .jt2 {
  width: 18px;
  right: -3%;
  padding-top: 40%
  }
  
  .prodt19-ms h2,
  .prodt22-bt h2 {
  font-size: 32px;
  line-height: 42px
  }
  
  .prodt22-bt p {
  font-size: 18px
  }
  
  .prodt22-ms-bt {
  padding: 0;
  padding-top: 20px
  }
  
  .prodt22-ms-bt h3 {
  font-size: 20px;
  padding: 0 5%
  }
  
  .prodt22-ms-bt p {
  padding: 0 5%
  }
  
  .prodt22-ms-img {
  width: 100%;
  margin: 0
  }
  
  .prodt22-ms-dw {
  position: static;
  width: 100%;
  margin: 0
  }
  
  .prodt22-ms-dw h5 {
  font-size: 20px
  }
  
  .prodt22-ms-dw li {
  font-size: 16px
  }
  
  .prodt22-ms-sp {
  margin: 20px 0
  }
  
  .prodt22-ms2 {
  width: 100%;
  margin: 0
  }
  
  .prodt22-ms3 {
  position: static;
  width: 100%;
  margin: 20px 0
  }
  
  .prodt22-ms4 {
  width: 100%;
  margin: 0
  }
  
  .prodt22-ms5 {
  width: 100%;
  margin: 0
  }
  
  .prodt23-cont ul li span {
  font-size: 20px
  }
  
  .prodt23-cont .ul2 .odd {
  display: none
  }
  
  .prodt23-cont .ul2 li {
  width: 100%;
  margin-bottom: 10px
  }
  
  .prodt23-cont .ul2 {
  margin-top: 10px
  }
  
  .prodt11-cont .proimg5 {
  width: 110px;
  margin-bottom: 25px
  }
  
  .prodt20-a .prodt20-ms h2,
  .prodt59-ms h2,
  .prodt60-ms h2,
  .prodt61-bt h2,
  .prodt62-bt h2 {
  font-size: 32px
  }
  
  .prodt20-ms h3 {
  font-size: 24px
  }
  
  .prodt13-a .prodt13-cont-ms1 p,
  .prodt59-ms p,
  .prodt59-ms3 ul li p,
  .prodt60-ms2 p,
  .prodt61-bt p,
  .prodt62-bt p {
  font-size: 16px;
  line-height: 24px
  }
  
  .prodt59-ms2 .tp1 {
  width: 200px
  }
  
  .prodt59-ms3 {
  margin-top: 30px
  }
  
  .prodt59-ms3 ul li {
  width: 50%;
  min-height: 100px;
  margin-bottom: 20px
  }
  
  .prodt60-cont {
  position: static
  }
  
  .prodt60-ms {
  width: 100%;
  margin-left: 0;
  text-align: center;
  margin-top: 0
  }
  
  .prodt60-ms h3 {
  font-size: 22px
  }
  
  .prodt62-cont {
  position: static
  }
  
  .prodt13-a .prodt13-cont-ms1 h2 {
  font-size: 32px
  }
  }
  
  .prodt63 {
  position: relative
  }
  
  .prodt63-cont {
  color: #fff;
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 5% 0
  }
  
  .prodt63-cont h2 {
  font-size: 60px
  }
  
  .prodt63-cont h4 {
  font-size: 36px;
  margin-top: 2%
  }
  
  .prodt64-cont {
  color: #fff;
  padding: 5% 0
  }
  
  .prodt64-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt64-bt h2 {
  font-size: 60px
  }
  
  .prodt64-bt p {
  margin-top: 2%;
  font-size: 20px;
  color: #999;
  line-height: 26px
  }
  
  .prodt64-ms {
  position: relative
  }
  
  .prodt64-left {
  position: absolute;
  width: 45%;
  left: 0
  }
  
  .prodt64-right {
  width: 50%;
  margin-left: 50%
  }
  
  .prodt64-right ul li {
  margin-bottom: 5%
  }
  
  .prodt64-right ul li h3 {
  font-size: 36px;
  margin-bottom: 2%
  }
  
  .prodt64-right ul li p {
  font-size: 20px;
  color: #999;
  line-height: 28px
  }
  
  .prodt65-cont {
  color: #fff;
  padding: 5% 0
  }
  
  .prodt65-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt65-bt h2 {
  font-size: 60px
  }
  
  .prodt65-bt p {
  margin-top: 2%;
  font-size: 20px;
  color: #999;
  text-align: left
  }
  
  .prodt65-ms img {
  display: block;
  max-width: 100%;
  margin: auto
  }
  
  .prodt65-ms2 {
  text-align: center
  }
  
  .prodt65-ms2 img {
  display: inline-block;
  max-width: 46%;
  margin: 0 1%;
  border-radius: 4%
  }
  
  .prodt66-cont {
  color: #fff;
  padding: 5% 0
  }
  
  .prodt66-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt66-bt h2 {
  font-size: 60px
  }
  
  .prodt66-ms img {
  max-width: 150px;
  max-height: 126px
  }
  
  .prodt66-ms ul {
  text-align: center
  }
  
  .prodt66-ms ul li {
  width: 44%;
  display: inline-block;
  background-color: #272727;
  margin: 2%;
  padding: 3% 3% 5% 3%;
  vertical-align: middle;
  text-align: left
  }
  
  .prodt66-ms ul li h5 {
  font-size: 20px;
  margin-bottom: 2%
  }
  
  .prodt66-ms ul li p {
  color: #999;
  margin-bottom: 5%;
  font-size: 16px;
  line-height: 25px;
  min-height: 100px
  }
  
  .prodt67-cont {
  color: #fff;
  padding: 5% 0
  }
  
  .prodt67-bt {
  text-align: center;
  margin-bottom: 5%
  }
  
  .prodt67-bt h2 {
  font-size: 60px
  }
  
  .prodt67-bt p {
  font-size: 18px;
  color: #999;
  margin-top: 2%
  }
  
  .prodt67-ms ul {
  text-align: center
  }
  
  .prodt67-ms ul li {
  display: inline-block;
  width: 20%;
  vertical-align: middle
  }
  
  .prodt67-ms ul li p {
  font-size: 18px;
  margin-top: 15%
  }
  
  .prodt67-ms .xian {
  width: 18%
  }
  
  .prodt67-ms .xian em {
  color: #101010;
  display: block;
  width: 70%;
  height: 2px;
  background-color: #999;
  margin: auto
  }
  
  @media (max-width:1659px) {
  
  .prodt63-cont h2,
  .prodt64-bt h2,
  .prodt65-bt h2,
  .prodt66-bt h2,
  .prodt67-bt h2 {
  font-size: 56px
  }
  
  .prodt63-cont h4 {
  font-size: 32px
  }
  
  .prodt64-bt p {
  font-size: 18px
  }
  
  .prodt64-right ul li h3 {
  font-size: 34px
  }
  
  .prodt64-right ul li p {
  font-size: 18px
  }
  }
  
  @media (max-width:1459px) {
  
  .prodt63-cont h2,
  .prodt64-bt h2,
  .prodt65-bt h2,
  .prodt66-bt h2,
  .prodt67-bt h2 {
  font-size: 52px
  }
  
  .prodt63-cont h4 {
  font-size: 30px
  }
  
  .prodt64-bt p {
  font-size: 18px
  }
  
  .prodt64-right ul li h3 {
  font-size: 32px
  }
  
  .prodt64-right ul li p {
  font-size: 18px
  }
  }
  
  @media (max-width:1259px) {
  
  .prodt63-cont h2,
  .prodt64-bt h2,
  .prodt65-bt h2,
  .prodt66-bt h2,
  .prodt67-bt h2 {
  font-size: 42px
  }
  
  .prodt63-cont h4 {
  font-size: 28px
  }
  
  .prodt64-bt p {
  font-size: 18px
  }
  
  .prodt64-right ul li h3 {
  font-size: 28px
  }
  
  .prodt64-right ul li p {
  font-size: 16px;
  line-height: 24px
  }
  }
  
  @media (max-width:971px) {
  .prodt63-cont {
  position: static;
  padding: 0;
  margin-bottom: 30px
  }
  
  .prodt63-cont h2,
  .prodt64-bt h2,
  .prodt65-bt h2,
  .prodt66-bt h2,
  .prodt67-bt h2 {
  font-size: 26px;
  line-height: 32px
  }
  
  .prodt63-cont h4 {
  font-size: 20px;
  margin-top: 5%
  }
  
  .prodt64-bt p {
  font-size: 16px;
  margin-top: 20px;
  text-align: left
  }
  
  .prodt64-right ul li h3 {
  font-size: 24px
  }
  
  .prodt64-right ul li p {
  font-size: 15px;
  line-height: 22px
  }
  
  .prodt64-bt {
  margin-bottom: 30px
  }
  
  .prodt64-left {
  position: static;
  width: 100%
  }
  
  .prodt64-right {
  width: 100%;
  margin: auto;
  text-align: left;
  margin-top: 20px
  }
  
  .prodt64-cont,
  .prodt65-cont,
  .prodt66-cont,
  .prodt67-cont {
  padding: 0
  }
  
  .prodt65-bt p {
  font-size: 16px;
  margin-top: 20px
  }
  
  .prodt65-ms2 img {
  width: 80%;
  max-width: initial;
  margin-bottom: 20px
  }
  
  .prodt66-ms ul li h5 {
  font-size: 18px;
  margin-bottom: 15px
  }
  
  .prodt66-ms ul li {
  width: 90%;
  margin-bottom: 20px;
  padding: 5% 5% 10%
  }
  
  .prodt67-bt p {
  margin-top: 20px;
  font-size: 16px;
  text-align: left
  }
  
  .prodt67-ms ul li {
  display: block;
  margin: auto;
  width: 100%;
  margin-bottom: 20px
  }
  
  .prodt67-ms ul li img {
  width: 50%
  }
  
  .prodt67-ms ul li p {
  margin-top: 10%
  }
  
  .prodt67-ms .xian {
  transform: rotate(90deg);
  padding: 10% 0
  }
  }
  
  .prodt68 {
  position: relative
  }
  
  .prodt68-cont {
  color: #111;
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 5% 0
  }
  
  .prodt68-a .prodt68-cont {
  color: #fff
  }
  
  .prodt68-cont h2 {
  font-size: 36px;
  margin-top: 2%
  }
  
  .prodt69 {
  position: relative
  }
  
  .prodt69-cont {
  padding: 8% 0
  }
  
  .prodt69-bt {
  margin-bottom: 3%
  }
  
  .prodt69-bt .tp {
  display: inline-block
  }
  
  .prodt69-bt h2 {
  font-size: 80px;
  margin-top: 2%
  }
  
  .prodt69-bt h2 em {
  color: #e60027
  }
  
  .prodt69-ms {
  margin-bottom: 5%
  }
  
  .prodt69-ms h3 {
  font-size: 32px;
  margin-bottom: 1%
  }
  
  .prodt69-ms p {
  font-size: 20px;
  color: #c9c9c9;
  line-height: 32px;
  text-align: justify
  }
  
  .prodt69-ms li {
  display: inline-block;
  text-align: center;
  margin-right: 8%
  }
  
  .prodt69-ms li h5 {
  color: #e60027;
  font-size: 48px;
  font-weight: 700
  }
  
  .prodt69-ms li span {
  font-size: 18px;
  margin-top: 5%;
  display: block;
  color: #c9c9c9
  }
  
  .prodt70 {
  position: relative
  }
  
  .prodt70-cont {
  color: #fff;
  top: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  padding: 5% 0;
  background-color: rgba(0, 0, 0, .28)
  }
  
  .prodt70-cont-a {
  text-align: center
  }
  
  .prodt70 .bfsp {
  text-align: center
  }
  
  .prodt70 .bfsp video {
  max-width: 100%
  }
  
  .prodt70-ms {
  margin-bottom: 5%;
  max-width: 960px;
  margin: auto;
  margin-bottom: 5%
  }
  
  .prodt70-tp {
  position: relative
  }
  
  .prodt70-tp img {
  width: 100%
  }
  
  .prodt70.on .prodt70-tp em {
  animation: movethuma 2s linear 1
  }
  
  .prodt70-tp em {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2901960784313726);
  color: transparent;
  right: 50%
  }
  
  @keyframes movethuma {
  0% {
  right: 0
  }
  
  50% {
  right: 100%
  }
  
  100% {
  right: 50%
  }
  }
  
  .prodt70-ms h3 {
  font-size: 32px
  }
  
  .prodt70-ms p {
  font-size: 20px;
  color: #c9c9c9;
  margin: 2% 0 3% 0
  }
  
  .prodt71 {
  position: relative
  }
  
  .prodt71-cont {
  position: absolute;
  color: #fff;
  top: 0;
  width: 100%;
  padding: 42% 0 5% 0
  }
  
  .prodt71-left {
  float: left;
  width: 50%;
  padding-right: 10%
  }
  
  .prodt71-right {
  float: left;
  width: 50%
  }
  
  .prodt71-left .tp {
  display: inline-block;
  margin-bottom: 5%
  }
  
  .prodt71-left h2 {
  font-size: 80px;
  line-height: 100px
  }
  
  .prodt71-left em {
  color: #e60027
  }
  
  .prodt71-left h5 {
  font-size: 32px;
  margin: 5% 0
  }
  
  .prodt71-left p {
  font-size: 18px;
  line-height: 26px;
  color: #c9c9c9;
  text-align: justify
  }
  
  .prodt71-right h2 {
  font-size: 32px;
  margin-bottom: 5%
  }
  
  .prodt71-right p {
  font-size: 20px;
  line-height: 26px;
  color: #c9c9c9;
  text-align: justify
  }
  
  .prodt71-right ul {
  margin-top: 5%
  }
  
  .prodt71-right li {
  display: block;
  margin-bottom: 5%;
  width: 33.333%;
  float: left
  }
  
  .prodt71-right li:nth-child(1) {
  text-align: left
  }
  
  .prodt71-right li:nth-child(2) {
  text-align: center
  }
  
  .prodt71-right li:nth-child(3) {
  text-align: right
  }
  
  .prodt71-right li:nth-child(4) {
  width: 50%
  }
  
  .prodt71-right li:nth-child(5) {
  width: 50%;
  text-align: right
  }
  
  .prodt71-right h5 {
  font-size: 50px;
  color: #f26e7e;
  background: linear-gradient(to right, #6667ad 0, #a65a91 26%, #e54c74 52%, #f5f1b3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700
  }
  
  .prodt71-right span {
  font-size: 20px;
  color: #c9c9c9;
  display: block;
  margin-top: 5%
  }
  
  .prodt72 {
  background-color: #111
  }
  
  .prodt72-cont {
  color: #fff;
  text-align: left;
  padding: 5% 0
  }
  
  .prodt72-cont .w1280 {
  position: relative
  }
  
  .prodt72-left {
  position: absolute;
  width: 50%;
  left: 0;
  height: 100%;
  top: 10%
  }
  
  .prodt72-left h2 {
  font-size: 60px
  }
  
  .prodt72-left p {
  font-size: 18px;
  text-align: left;
  color: #c9c9c9;
  margin-top: 5%;
  line-height: 26px
  }
  
  .prodt72-right {
  width: 50%;
  margin-left: 50%
  }
  
  .prodt72-right .swiper-slide img {
  max-width: 100%
  }
  
  .prodt72-right .swiper-pagination {
  position: static;
  margin-top: 20px
  }
  
  .prodt72-right .swiper-pagination-bullet {
  background-color: #fff;
  opacity: .8;
  width: 12px;
  height: 12px;
  margin: 0 10px !important;
  vertical-align: middle
  }
  
  .prodt72-right .swiper-pagination-bullet:nth-child(1) {
  background-color: #999
  }
  
  .prodt72-right .swiper-pagination-bullet:nth-child(2) {
  background-color: #fff
  }
  
  .prodt72-right .swiper-pagination-bullet:nth-child(3) {
  background-color: #ff7131
  }
  
  .prodt72-right .swiper-pagination-bullet-active {
  opacity: 1;
  width: 15px;
  height: 15px
  }
  
  .prodt73-cont {
  color: #fff;
  text-align: center;
  padding: 5% 0;
  max-width: 960px;
  margin: auto
  }
  
  .prodt73-bt h2 {
  font-size: 60px
  }
  
  .prodt73-bt p {
  font-size: 18px;
  color: #c9c9c9;
  margin-top: 2%;
  line-height: 26px
  }
  
  .prodt73-ms {
  margin-top: 5%;
  position: relative;
  overflow: hidden
  }
  
  .prodt73-ms video {
  width: 100%;
  height: 546px;
  width: 960px
  }
  
  .prodt73-ms ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .12156862745098039)
  }
  
  .prodt73-ms li {
  float: left;
  width: 25%;
  height: calc(100% - 3px);
  border-right: 1px solid rgba(255, 255, 255, .52);
  position: relative
  }
  
  .prodt73-ms:hover li {
  border: none
  }
  
  .prodt73-ms li p {
  font-size: 18px;
  position: absolute;
  bottom: 15px;
  text-align: center;
  width: 100%;
  color: rgba(255, 255, 255, .68)
  }
  
  .prodt73-ms .on p {
  color: #fff
  }
  
  .prodt73-ms li:nth-child(4) {
  border: none
  }
  
  .prodt73-xian {
  margin-top: 5%
  }
  
  .prodt73-xian li {
  display: inline-block
  }
  
  .prodt73-xian li p {
  color: #101010;
  width: 42px;
  height: 2px;
  background-color: rgba(238, 238, 238, .41);
  margin: 0 15px
  }
  
  .prodt73-xian .on p {
  background-color: #fff
  }
  
  .prodt74 {
  position: relative
  }
  
  .prodt74-cont {
  color: #fff;
  position: absolute;
  padding: 5% 0 5% 0;
  top: 0;
  left: 0;
  width: 100%
  }
  
  .prodt74-bt {
  width: 50%
  }
  
  .prodt74-bt h2 {
  font-size: 60px
  }
  
  .prodt74-bt em {
  color: #e60027
  }
  
  .prodt74-bt p {
  color: #f0f8ff;
  font-size: 20px;
  line-height: 32px;
  margin: 5% 0
  }
  
  .prodt74-ms {
  width: 50%
  }
  
  .prodt74-ms li h5 {
  font-size: 50px;
  margin-bottom: 10px
  }
  
  .prodt74-ms li p {
  font-size: 20px;
  color: #999
  }
  
  .prodt74-ms li em {
  color: #000;
  width: 100px;
  height: 2px;
  background-color: #999;
  display: block;
  margin: 5% 0
  }
  
  .prodt75 {
  position: relative
  }
  
  .prodt75-cont {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: #fff;
  height: 100%;
  padding: 8% 0 5%
  }
  
  .prodt75-ms {
  width: 50%
  }
  
  .prodt75-ms2 h2 {
  font-size: 60px
  }
  
  .prodt75-ms2 p {
  font-size: 20px;
  line-height: 32px;
  margin: 10% 0
  }
  
  .prodt75-ms ul {
  width: 50%
  }
  
  .prodt75-ms li {
  margin-bottom: 8%
  }
  
  .prodt75-ms li h5 {
  font-size: 32px;
  margin-bottom: 2%
  }
  
  .prodt75-ms li p {
  font-size: 18px;
  color: #999;
  line-height: 28px
  }
  
  .prodt75-ms2 ul {
  width: 100%
  }
  
  .prodt75-ms2 li {
  width: 28.333%;
  margin-bottom: 0;
  float: left;
  margin-right: 5%;
  text-align: center;
  background-color: #111;
  padding: 3%;
  border-radius: 8%
  }
  
  .prodt75-ms2 li span {
  font-size: 20px;
  margin-bottom: 10%;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, .51);
  padding-bottom: 10%
  }
  
  .prodt76 {
  position: relative
  }
  
  .prodt76-cont {
  position: absolute;
  color: #fff;
  top: 0;
  text-align: center;
  width: 100%;
  padding: 5% 0
  }
  
  .prodt76-bt {
  margin-bottom: 5%;
  position: sticky;
  z-index: 1;
  }
  
  .prodt76-ms {
  position: sticky;
  z-index: 1;
  }
  
  .prodt76-bt h2 {
  font-size: 60px;
  margin-bottom: 3%
  }
  
  .prodt76-bt h2 em {
  color: #e60027
  }
  
  .prodt76-bt p {
  font-size: 18px;
  color: #999
  }
  
  .prodt77-cont {
  color: #fff;
  text-align: center;
  padding: 5% 0
  }
  
  .prodt77-bt h2 {
  font-size: 60px;
  margin-bottom: 3%
  }
  
  .prodt77-bt h2 em {
  color: #e60027
  }
  
  .prodt77-bt p {
  font-size: 18px;
  color: #999
  }
  
  .prodt77-bt {
  margin-bottom: 5%
  }
  
  @media (max-width:1659px) {
  
  .prodt69-bt h2,
  .prodt71-left h2 {
  font-size: 72px;
  line-height: 92px
  }
  
  .prodt72-left h2,
  .prodt73-bt h2,
  .prodt74-bt h2,
  .prodt76-bt h2,
  .prodt77-bt h2 {
  font-size: 58px
  }
  }
  
  @media (max-width:1459px) {
  
  .prodt69-bt h2,
  .prodt71-left h2 {
  font-size: 62px;
  line-height: 78px
  }
  
  .prodt72-left h2,
  .prodt73-bt h2,
  .prodt74-bt h2,
  .prodt76-bt h2,
  .prodt77-bt h2 {
  font-size: 52px
  }
  
  .prodt69-ms li h5 {
  font-size: 44px
  }
  
  .prodt69-ms h3,
  .prodt70-ms h3,
  .prodt71-left h5,
  .prodt71-right h2,
  .prodt75-ms li h5 {
  font-size: 30px
  }
  
  .prodt71-right h5,
  .prodt74-ms li h5 {
  font-size: 42px
  }
  }
  
  @media (max-width:1259px) {
  
  .prodt69-bt h2,
  .prodt71-left h2 {
  font-size: 52px;
  line-height: 68px
  }
  
  .prodt72-left h2,
  .prodt73-bt h2,
  .prodt74-bt h2,
  .prodt76-bt h2,
  .prodt77-bt h2 {
  font-size: 46px
  }
  
  .prodt69-ms li h5 {
  font-size: 38px
  }
  
  .prodt69-ms h3,
  .prodt70-ms h3,
  .prodt71-left h5,
  .prodt71-right h2,
  .prodt75-ms li h5 {
  font-size: 28px
  }
  
  .prodt71-right h5,
  .prodt74-ms li h5 {
  font-size: 36px
  }
  
  .prodt69-ms p,
  .prodt70-ms p,
  .prodt71-right p,
  .prodt74-bt p {
  font-size: 18px;
  line-height: 26px
  }
  
  .prodt68-cont h2 {
  font-size: 28px
  }
  }
  
  @media (max-width:971px) {
  .cbsp img {
  width: 32px
  }
  
  .prodt69-bt h2,
  .prodt71-left h2 {
  font-size: 32px;
  line-height: 49px
  }
  
  .prodt72-left h2,
  .prodt73-bt h2,
  .prodt74-bt h2,
  .prodt76-bt h2,
  .prodt77-bt h2 {
  font-size: 32px
  }
  
  .prodt69-ms li h5 {
  font-size: 26px
  }
  
  .prodt69-ms h3,
  .prodt70-ms h3,
  .prodt71-left h5,
  .prodt71-right h2,
  .prodt75-ms li h5 {
  font-size: 24px;
  line-height: 32px
  }
  
  .prodt69-ms h3 {
  margin-bottom: 15px
  }
  
  .prodt71-right h5,
  .prodt74-ms li h5 {
  font-size: 24px
  }
  
  .prodt69-ms p,
  .prodt70-ms p,
  .prodt71-left p,
  .prodt71-right p,
  .prodt71-right span,
  .prodt72-left p,
  .prodt73-bt p,
  .prodt74-bt p,
  .prodt76-bt p,
  .prodt77-bt p {
  font-size: 16px;
  line-height: 24px;
  text-align: justify
  }
  
  .prodt71-right span {
  display: block;
  text-align: center
  }
  
  .prodt70-ms p {
  margin: 15px 0 20px 0
  }
  
  .prodt68-cont {
  position: static;
  background-color: #fff;
  padding: 0
  }
  
  .prodt68-cont h2 {
  font-size: 28px;
  margin: 20px 0
  }
  
  .prodt68-cont .tp {
  width: 80%
  }
  
  .prodt68 {
  background-color: #fff;
  padding: 30px 0 0 0
  }
  
  .prodt68-a {
  background-color: #0a0908
  }
  
  .prodt68-a .prodt68-cont {
  background-color: #0a0908
  }
  
  .prodt69-cont {
  position: static;
  padding: 0
  }
  
  .prodt69-bt .tp {
  width: 80%
  }
  
  .prodt69-ms {
  margin-bottom: 30px
  }
  
  .prodt69-ms li {
  width: 28.333%;
  margin: 1.5%
  }
  
  .prodt70-cont {
  padding: 0
  }
  
  .prodt70-ms {
  margin-bottom: 30px
  }
  
  .prodt71-cont {
  position: static;
  text-align: center;
  padding: 0
  }
  
  .prodt71-left {
  width: 100%;
  padding: 0;
  float: none;
  margin-bottom: 20px
  }
  
  .prodt71-right {
  width: 100%;
  float: none
  }
  
  .prodt71-right li {
  margin: 0;
  margin-right: 2%;
  width: 47%;
  margin-bottom: 20px;
  display: inline-block;
  float: none
  }
  
  .prodt71-right li:nth-child(1) {
  text-align: center
  }
  
  .prodt71-right li:nth-child(2) {
  text-align: center
  }
  
  .prodt71-right li:nth-child(3) {
  text-align: center
  }
  
  .prodt71-right li:nth-child(4) {
  width: 47%
  }
  
  .prodt71-right li:nth-child(5) {
  width: 47%;
  text-align: center
  }
  
  .prodt72-cont {
  padding: 0
  }
  
  .prodt72-left {
  width: 100%;
  position: static
  }
  
  .prodt72-right {
  width: 100%;
  margin: 20px 0 0 0
  }
  
  .prodt73-cont {
  padding: 0
  }
  
  .prodt73-ms li p {
  font-size: 16px
  }
  
  .prodt73-xian li p {
  width: 24px
  }
  
  .prodt74-cont {
  position: sticky;
  padding: 0;
  z-index: 1;
  }
  
  .prodt74 .dwimg {
  position: absolute;
  bottom: 0px;
  }
  
  .prodt74-bt,
  .prodt74-ms {
  width: 100%
  }
  
  .prodt75-cont,
  .prodt76-cont {
  position: static;
  padding: 0
  }
  
  .prodt75-ms {
  width: 100%
  }
  
  .prodt75-ms ul {
  width: 100%
  }
  
  .prodt76 img.dwimg {
  position: absolute;
  bottom: 0;
  z-index: 0;
  }
  }
  
  .prodt78 {
  position: relative
  }
  
  .prodt78-cont {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: #fff;
  padding: 5% 0;
  height: 100%;
  text-align: center
  }
  
  .prodt78-bt {
  max-width: 960px;
  margin: auto
  }
  
  .prodt78-bt-a {
  padding-top: 5%
  }
  
  .prodt78-bt h2 {
  font-size: 48px;
  margin-top: 4%
  }
  
  .prodt78-bt-a h2 {
  font-size: 60px;
  margin-top: 0;
  line-height: 78px
  }
  
  .prodt78-bt h2 em {
  color: #ff3600
  }
  
  .prodt78-bt p {
  font-size: 20px;
  margin-top: 3%;
  line-height: 32px
  }
  
  .prodt79 {
  position: relative
  }
  
  .prodt79-cont {
  position: absolute;
  color: #fff;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10% 0 5% 0
  }
  
  .prodt79-ms {
  width: 45%;
  margin-left: 55%
  }
  
  .prodt79-ms ul {
  margin-top: 5%
  }
  
  .prodt79-ms h2 {
  font-size: 72px;
  color: #c9caca;
  margin-bottom: 5%
  }
  
  .prodt79-ms p {
  font-size: 20px;
  text-align: justify;
  line-height: 32px
  }
  
  .prodt79-ms li {
  display: inline-block;
  width: 48%;
  margin-bottom: 5%;
  text-align: left
  }
  
  .prodt79-ms li img {
  display: inline-block;
  vertical-align: middle
  }
  
  .prodt79-ms li span {
  font-size: 20px;
  margin-left: 5%;
  display: block
  }
  
  .prodt80 {
  position: relative
  }
  
  .prodt80-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 10% 0 5% 0
  }
  
  .prodt80-ms {
  width: 50%
  }
  
  .prodt80-ms .tp {
  display: inline-block
  }
  
  .prodt80-ms h2 {
  font-size: 72px;
  color: #ff3600;
  line-height: 82px
  }
  
  .prodt80-ms h3 {
  font-size: 48px;
  margin: 5% 0
  }
  
  .prodt80-ms p {
  font-size: 20px;
  line-height: 32px;
  margin: 5% 0
  }
  
  .prodt80-ms li {
  display: inline-block;
  width: 48%
  }
  
  .prodt80-ms li img {
  display: inline-block;
  vertical-align: middle
  }
  
  .prodt80-ms li span {
  font-size: 20px;
  margin-left: 2%
  }
  
  .prodt81-cont {
  padding: 5% 0
  }
  
  .prodt81-ms {
  position: relative
  }
  
  .prodt81-left {
  position: absolute;
  height: 100%;
  left: 0;
  width: 50%;
  top: 0;
  text-align: center;
  color: #fff
  }
  
  .prodt81-left .swiper-slide img {
  max-width: 100%
  }
  
  .prodt81-left .swiper-slide h3 {
  color: #fb4f08;
  font-size: 60px;
  margin: 8% 0 5% 0
  }
  
  .prodt81-left .swiper-slide:nth-child(1) h3 {
  color: #fb4f08
  }
  
  .prodt81-left .swiper-slide:nth-child(2) h3 {
  color: #fff
  }
  
  .prodt81-left .swiper-slide:nth-child(3) h3 {
  color: red
  }
  
  .prodt81-left .swiper-slide:nth-child(4) h3 {
  color: #878787
  }
  
  .prodt81-right {
  width: 50%;
  margin-left: 50%
  }
  
  .prodt81-left .swiper-pagination {
  position: static;
  margin-top: 20px
  }
  
  .prodt81-left .swiper-pagination-bullet {
  background-color: #fff;
  opacity: .8;
  width: 15px;
  height: 15px;
  margin: 0 10px !important;
  vertical-align: middle
  }
  
  .prodt81-left .swiper-pagination-bullet:nth-child(1) {
  background-color: #fb4f07
  }
  
  .prodt81-left .swiper-pagination-bullet:nth-child(2) {
  background-color: #fff
  }
  
  .prodt81-left .swiper-pagination-bullet:nth-child(3) {
  background-color: red
  }
  
  .prodt81-left .swiper-pagination-bullet:nth-child(4) {
  background-color: #878787
  }
  
  .prodt81-left .swiper-pagination-bullet-active {
  opacity: 1;
  width: 20px;
  height: 20px
  }
  
  .prodt81-bt {
  text-align: center;
  color: #fff;
  margin-bottom: 8%
  }
  
  .prodt81-bt h2 {
  font-size: 60px
  }
  
  .prodt81-bt p {
  font-size: 20px;
  color: #fff;
  margin-top: 2%;
  line-height: 32px
  }
  
  .prodt81-ms2 {
  position: relative
  }
  
  .prodt81-ms2 li {
  width: 50%
  }
  
  .prodt81-ms2 li:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  height: 100%;
  padding: 10% 5% 5% 5%
  }
  
  .prodt81-ms2 li img {
  width: 100%
  }
  
  .prodt81-ms2 li h2 {
  font-size: 48px
  }
  
  .prodt81-ms2 li h2 em {
  font-size: 100px
  }
  
  .prodt81-ms2 li h5 {
  font-size: 30px;
  margin: 5% 0
  }
  
  .prodt81-ms2 li p {
  font-size: 30px
  }
  
  .prodt82-cont {
  padding: 5% 0;
  color: #fff;
  text-align: center
  }
  
  .prodt82-bt {
  margin-bottom: 5%
  }
  
  .prodt82-bt h2 {
  font-size: 120px;
  color: #ff4200
  }
  
  .prodt82-bt h3 {
  font-size: 48px
  }
  
  .prodt82-bt h5 {
  font-size: 48px;
  margin-top: 3%
  }
  
  .prodt82-bt p {
  font-size: 20px;
  margin-top: 3%
  }
  
  .prodt83-cont {
  padding: 5% 0;
  color: #fff;
  text-align: center
  }
  
  .prodt83-bt {
  margin-bottom: 5%
  }
  
  .prodt83-bt h2 {
  font-size: 72px
  }
  
  .prodt83-bt p {
  font-size: 20px;
  margin-top: 2%
  }
  
  .prodt83-ms {
  max-width: 960px;
  margin: auto;
  height: 587px
  }
  
  .prodt83-img {
  width: 960px;
  height: 587px
  }
  
  .prodt83-img li {
  display: none
  }
  
  .prodt83-img li .tp {
  width: 100%;
  height: 100%
  }
  
  .prodt83-img .on {
  display: block
  }
  
  .prodt83-dian {
  width: 100%;
  margin-top: 5%
  }
  
  .prodt83-dian li {
  width: 25%;
  text-align: center;
  float: left;
  border-top: 2px solid #fff;
  position: relative
  }
  
  .prodt83-dian .on em,
  .prodt83-dian li:hover em {
  position: absolute;
  width: 100%;
  height: 6px;
  background-color: #fff;
  left: 0;
  top: -4px
  }
  
  .prodt83-dian p {
  font-size: 20px;
  line-height: 42px
  }
  
  .prodt84 {
  position: relative
  }
  
  .prodt84-cont {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  width: 100%;
  padding: 5% 0 5% 0;
  height: 100%
  }
  
  .prodt84-ms {
  width: 40%;
  margin-left: 60%;
  text-align: right
  }
  
  .prodt84-ms li {
  margin-bottom: 20%
  }
  
  .prodt84-ms li h2 {
  font-size: 50px
  }
  
  .prodt84-ms li p {
  font-size: 18px;
  margin: 10% 0;
  padding-left: 40%;
  line-height: 32px
  }
  
  .prodt84-ms li img {
  display: inline-block
  }
  
  @media (max-width:1659px) {
  .prodt79-ms h2 {
  font-size: 68px
  }
  
  .prodt80-ms h2 {
  font-size: 68px;
  line-height: 78px
  }
  
  .prodt81-bt h2 {
  font-size: 58px
  }
  
  .prodt81-left .swiper-slide h3 {
  font-size: 58px
  }
  
  .prodt81-ms2 li h2 em {
  font-size: 82px
  }
  
  .prodt82-bt h2 {
  font-size: 100px
  }
  
  .prodt83-bt h2 {
  font-size: 68px
  }
  
  .prodt75-ms2 h2 {
  font-size: 58px
  }
  
  .prodt78-bt-a h2 {
  font-size: 58px
  }
  }
  
  @media (max-width:1459px) {
  
  .prodt79-ms li img,
  .prodt80-ms li img {
  width: 68px
  }
  
  .prodt79-ms h2 {
  font-size: 62px
  }
  
  .prodt80-ms h2 {
  font-size: 62px;
  line-height: 68px
  }
  
  .prodt81-bt h2 {
  font-size: 52px
  }
  
  .prodt81-left .swiper-slide h3 {
  font-size: 50px
  }
  
  .prodt81-ms2 li h2 em {
  font-size: 72px
  }
  
  .prodt82-bt h2 {
  font-size: 82px
  }
  
  .prodt83-bt h2 {
  font-size: 58px
  }
  
  .prodt75-ms2 h2 {
  font-size: 52px
  }
  
  .prodt78-bt-a h2 {
  font-size: 52px;
  line-height: 62px
  }
  
  .prodt80-ms h3 {
  font-size: 42px
  }
  
  .prodt81-ms2 li h2 {
  font-size: 42px
  }
  
  .prodt82-bt h3,
  .prodt82-bt h5 {
  font-size: 42px
  }
  
  .prodt84-ms li h2 {
  font-size: 42px
  }
  
  .prodt84-ms li {
  margin-bottom: 10%
  }
  
  .prodt84-ms li p {
  margin: 5% 0;
  padding-left: 20%
  }
  
  .prodt75-ms2 li img,
  .prodt84-ms li img {
  width: 68px
  }
  
  .prodt78-bt h2 {
  font-size: 42px
  }
  
  .prodt68-cont .tp,
  .prodt78-bt .tp,
  .prodt80-ms .tp {
  max-width: 420px
  }
  
  .prodt79-cont {
  padding: 6% 0 5% 0
  }
  
  .prodt81-left .swiper-slide img {
  max-width: 320px
  }
  }
  
  @media (max-width:1259px) {
  .prodt79-ms h2 {
  font-size: 52px
  }
  
  .prodt80-ms h2 {
  font-size: 52px;
  line-height: 62px
  }
  
  .prodt81-bt h2 {
  font-size: 46px
  }
  
  .prodt81-left .swiper-slide h3 {
  font-size: 42px
  }
  
  .prodt81-ms2 li h2 em {
  font-size: 62px
  }
  
  .prodt82-bt h2 {
  font-size: 82px
  }
  
  .prodt83-bt h2 {
  font-size: 48px
  }
  
  .prodt75-ms2 h2 {
  font-size: 46px
  }
  
  .prodt78-bt-a h2 {
  font-size: 52px
  }
  
  .prodt80-ms h3 {
  font-size: 36px
  }
  
  .prodt81-ms2 li h2 {
  font-size: 36px
  }
  
  .prodt82-bt h3,
  .prodt82-bt h5 {
  font-size: 42px
  }
  
  .prodt84-ms li h2 {
  font-size: 36px
  }
  
  .prodt78-bt h2 {
  font-size: 36px;
  line-height: 48px
  }
  
  .prodt79-ms li img {
  width: 62px
  }
  
  .prodt79-ms li span,
  .prodt79-ms p,
  .prodt80-ms li span,
  .prodt80-ms p {
  font-size: 18px;
  line-height: 28px
  }
  
  .prodt81-left .swiper-slide img {
  max-width: 280px
  }
  
  .prodt81-ms2 li h5,
  .prodt81-ms2 li p {
  font-size: 28px;
  line-height: 42px
  }
  }
  
  @media (max-width:971px) {
  .prodt79-ms h2 {
  font-size: 35px
  }
  
  .prodt80-ms h2 {
  font-size: 36px;
  line-height: 52px
  }
  
  .prodt81-bt h2 {
  font-size: 32px
  }
  
  .prodt81-left .swiper-slide h3 {
  font-size: 32px
  }
  
  .prodt81-ms2 li h2 em {
  font-size: 42px
  }
  
  .prodt82-bt h2 {
  font-size: 42px
  }
  
  .prodt83-bt h2 {
  font-size: 32px
  }
  
  .prodt75-ms2 h2 {
  font-size: 36px
  }
  
  .prodt78-bt-a h2 {
  font-size: 52px
  }
  
  .prodt80-ms h3 {
  font-size: 28px
  }
  
  .prodt81-ms2 li h2 {
  font-size: 28px
  }
  
  .prodt82-bt h3,
  .prodt82-bt h5 {
  font-size: 24px
  }
  
  .prodt84-ms li h2 {
  font-size: 28px
  }
  
  .prodt78-bt h2 {
  font-size: 26px;
  line-height: 36px
  }
  
  .prodt79-ms li span,
  .prodt79-ms p,
  .prodt80-ms li span,
  .prodt80-ms p {
  font-size: 16px;
  line-height: 26px
  }
  
  .prodt79-ms li span {
  min-height: 52px
  }
  
  .prodt79-ms li {
  text-align: center;
  width: 50%;
  float: left
  }
  
  .prodt80-ms li {
  width: 100%;
  text-align: left
  }
  
  .prodt79-ms li img,
  .prodt80-ms li img {
  width: 62px;
  height: 62px
  }
  
  .prodt81-left .swiper-slide img {
  max-width: 280px
  }
  
  .prodt81-ms2 li h5,
  .prodt81-ms2 li p {
  font-size: 24px;
  line-height: 32px
  }
  
  .prodt68-cont .tp,
  .prodt78-bt .tp,
  .prodt80-ms .tp {
  max-width: 240px
  }
  
  .prodt78-cont {
  position: static
  }
  
  .prodt79-cont {
  position: static;
  padding: 0
  }
  
  .prodt79-ms {
  width: 100%;
  margin: 0
  }
  
  .prodt80-cont {
  position: static;
  padding: 0;
  text-align: center
  }
  
  .prodt80-ms {
  width: 100%;
  margin-bottom: 30px
  }
  
  .prodt81-bt p {
  font-size: 18px;
  text-align: justify;
  line-height: 28px
  }
  
  .prodt81-left {
  width: 100%;
  position: static;
  margin-bottom: 30px
  }
  
  .prodt81-right {
  width: 100%;
  margin: 0
  }
  
  .prodt81-ms2 li {
  width: 100%
  }
  
  .prodt81-ms2 li:nth-child(2) {
  position: static
  }
  
  .prodt82-cont {
  padding: 0
  }
  
  .prodt75-ms2 p,
  .prodt78-bt p,
  .prodt82-bt p,
  .prodt83-bt p {
  font-size: 18px;
  text-align: justify;
  line-height: 28px
  }
  
  .prodt75-ms2 li span,
  .prodt83-dian p {
  font-size: 16px
  }
  
  .prodt83-ms {
  height: 100%
  }
  
  .prodt75-ms2 {
  width: 100%;
  text-align: center
  }
  
  .prodt84-cont {
  padding: 0;
  position: static
  }
  
  .prodt84-ms {
  width: 100%;
  margin: 0;
  text-align: left
  }
  
  .prodt84-ms li p {
  padding: 0;
  font-size: 16px;
  line-height: 26px
  }
  
  .prodt84-ms li img {
  width: 80px;
  display: block
  }
  
  .prodt73-ms video {
  width: 100%;
  height: auto
  }
  
  .prodt83-img {
  width: 100%;
  height: auto
  }
  
  .jg {
  width: 3%
  }
  }
  
  .hprodt-cont {
  overflow: hidden;
  position: relative;
  height: 1920px
  }
  
  .hprodt-cont .prodt-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0
  }
  
  .hprodt-cont .prodt-wrapper.step-2 {
  position: fixed;
  top: 50%;
  transform: translateY(-50%)
  }
  
  .hprodt-cont .prodt-wrapper.step-3 {
  bottom: 0;
  top: auto
  }
  
  .hprodt-cont .bg {
  position: relative;
  height: 1080px
  }
  
  .hprodt-cont .bg.beside .cropper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
  }
  
  .hprodt-cont .bg.active .cropper .mask {
  opacity: 1
  }
  
  .hprodt-cont .bg .cropper {
  position: absolute;
  left: 80px;
  right: 80px;
  top: 80px;
  bottom: 80px;
  transition: all .3s ease-in-out;
  overflow: hidden
  }
  
  .hprodt-cont .bg .cropper img,
  .hprodt-cont .bg .cropper video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
  }
  
  .hprodt-cont .bg .cropper .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  transition: opacity .3s
  }
  
  .hprodt-cont .ftblock {
  text-align: left;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 960px;
  transition: opacity .3s;
  display: flex;
  flex-direction: column;
  justify-content: center
  }
  
  .prodt69-cont {
  color: #fff
  }
  
  .hprodt-contmobile {
  display: none
  }
  
  @media (max-width:971px) {
  .hprodt-cont {
  display: none
  }
  
  .hprodt-contmobile {
  display: block
  }
  }
  
  .prodt55-table table {
  width: 100%;
  max-width: 960px;
  margin: auto;
  margin-top: 5%
  }
  
  .prodt55-table thead {
  background-color: rgba(77, 77, 77, 0.8);
  }
  
  .prodt55-table td {
  border: 1px solid rgba(228, 228, 228, 0.6901960784313725);
  font-size: 16px;
  padding: 2%;
  text-align: center;
  }
  
  .prodt55-table td:nth-child(1) {
  text-align: left
  }
  
  @media (max-width:971px) {
  .prodt55-table td {
  font-size: 14px
  }
  }
  
  .prodt55-ms .swiper-pagination-bullet {
  background: #fff;
  opacity: .8;
  margin: 4px
  }
  
  .prodt55-ms .swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
  }
  
  .prodt55-ms .swiper-button-next {
  background: url(../images/next.png) rgba(0, 0, 0, .1) no-repeat center center;
  right: 0
  }
  
  .prodt55-ms .swiper-button-prev {
  background: url(../images/prev.png) rgba(0, 0, 0, .1) no-repeat center center;
  left: 0
  }
  
  .prodt55-ms .swiper-button-next:hover {
  background: url(../images/next.png) rgba(0, 0, 0, .5) no-repeat center center
  }
  
  .prodt55-ms .swiper-button-prev:hover {
  background: url(../images/prev.png) rgba(0, 0, 0, .5) no-repeat center center
  }
  
  .prodt55-ms .swiper-button-next,
  .prodt55-ms .swiper-button-prev {
  width: 55px;
  height: 55px;
  bottom: 25px;
  border-radius: 28px;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s
  }
  
  /* 2021.11.17 */
  .prodt86 {
  background: url(/PC/prily/img5.png?v=1) no-repeat bottom;
  }
  
  .prodt86-main {
  position: relative;
  }
  
  .prodt86-app {
  display: none;
  }
  
  .prodt86-main ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }
  
  .prodt86-main li p {
  font-size: 18px;
  }
  
  .prodt86-main li h5 {
  font-size: 20px;
  margin-bottom: 10px;
  }
  
  .prodt86-main li p.color2 {
  color: #969696;
  }
  
  .prodt86-main li {
  position: absolute;
  width: 20%;
  text-align: center;
  }
  
  .prodt86-main li .pic-info {
  position: absolute;
  left: 0;
  transform: translateX(-85%);
  top: 50%;
  width: 153px;
  }
  
  .prodt86-main li:first-child {
  left: 25%;
  bottom: 28%;
  }
  
  .prodt86-main li:nth-child(2) {
  left: -1%;
  bottom: 39%;
  width: 12%;
  }
  
  .prodt86-main li:nth-child(3) {
  left: 9%;
  top: 26%;
  width: 15%;
  }
  
  .prodt86-main li:nth-child(4) {
  left: 18.5%;
  top: 13%;
  width: 15%;
  }
  
  .prodt86-main li:nth-child(5) {
  left: 36%;
  top: 8%;
  width: 15%;
  }
  
  .prodt86-main li:nth-child(6) {
  left: 54.5%;
  top: 12%;
  width: 15%;
  }
  
  .prodt86-main li:nth-child(7) {
  left: 62%;
  top: 24%;
  width: 21%;
  }
  
  .prodt86-main li:nth-child(8) {
  left: 77%;
  bottom: 45%;
  width: 21%;
  }
  
  .prodt86-main li:nth-child(9) {
  left: -2%;
  bottom: 61%;
  width: fit-content;
  }
  
  .prodt86-main li:nth-child(10) {
  bottom: 61%;
  width: fit-content;
  right: 10%;
  }
  
  .prodt86-main li:last-child {
  right: 14%;
  bottom: 28%;
  }
  
  .prodt86-main li:nth-child(9) p,
  .prodt86-main li:nth-child(10) p {
  margin-top: 10px;
  }
  
  .prodt86-main li:last-child .pic-info {
  transform: translateX(85%);
  left: auto;
  right: 0;
  }
  
  @media (max-width:1259px) {
  .prodt86-main li {
  width: 14%;
  }
  
  .prodt86-main li:last-child {
  right: 18%;
  bottom: 28%;
  }
  
  .prodt86-main li:nth-child(7) {
  left: 65%;
  top: 21%;
  width: 21%;
  }
  
  .prodt86-main li:nth-child(3) {
  left: 5%;
  top: 22%;
  width: 21%;
  }
  
  .prodt86-main li:nth-child(9) {
  left: -4%;
  }
  
  .prodt86-main li:nth-child(10) {
  right: 8%;
  }
  
  .prodt86-main li:nth-child(2) {
  left: -4%;
  bottom: 38%;
  width: 15%;
  }
  
  .prodt86-main li:nth-child(8) {
  left: 82%;
  bottom: 42%;
  width: 16%;
  }
  }
  
  @media (max-width:1100px) {
  .prodt86-main li h5 {
  font-size: 18px;
  }
  
  .prodt86-main li p {
  font-size: 16px;
  }
  }
  
  @media (max-width:992px) {
  .prodt86-main li p {
  font-size: 14px;
  }
  
  .prodt86-main li:nth-child(7) {
  left: 67%;
  top: 20%;
  width: 17%;
  }
  
  .prodt86-main li:nth-child(3) {
  left: 6%;
  top: 22%;
  width: 17%;
  }
  
  .prodt86-main li:nth-child(8) {
  width: 19%;
  }
  
  .prodt86-main li:nth-child(9) img,
  .prodt86-main li:nth-child(10) img {
  width: 35px;
  }
  
  .prodt86-main li:nth-child(9) p,
  .prodt86-main li:nth-child(10) p {
  margin-top: 5px;
  }
  
  .prodt86-main li:nth-child(9),
  .prodt86-main li:nth-child(10) {
  bottom: 58%;
  }
  
  .prodt86-main {
  left: 10px;
  }
  }
  
  @media (max-width:767px) {
  .prodt86 .apphide {
  display: none;
  }
  
  .prodt86-app {
  display: block;
  width: 200%;
  max-width: 400%;
  }
  
  .prodt86-main ul {
  display: none;
  }
  
  .prodt86-main {
  overflow-x: auto;
  overflow-y: hidden;
  left: 0;
  }
  
  .prodt86-main::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
  height: 5px;
  }
  
  .prodt86-main::-webkit-scrollbar-thumb {
  background-color: #e60012;
  border-radius: 0;
  }
  }
  
  
  .alert {
  display: flex;
  z-index: 90000;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.55);
  animation-duration: 0.35s;
  animation-timing-function: ease;
  animation-play-state: running;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: klaviyo-fadein;
  }
  
  .alert .mainer {
  border-radius: 10px;
  }
  
  .alert .arowana-form .arowana-form-tit {
  font-size: 18px;
  line-height: 28px;
  }
  
  .alert .arowana-form {
  width: 100%;
  max-width: 500px;
  padding: 20px 10px 20px;
  }
  
  .alert .arowana-form .arowana-form-list ul {
  margin-top: 14px;
  }
  
  .alert .arowana-form .arowana-form-list ul li {
  margin-right: 20px;
  margin-bottom: 10px;
  }
  
  .alert .arowana-form .arowana-form-list ul li label {
  font-size: 12px;
  }
  
  .alert .arowana-form .arowana-form-list ul li.row {
  width: 100%;
  }
  
  .alert .arowana-form .arowana-form-list ul li.row label {
  width: 15.5%;
  height: auto;
  }
  
  .alert .arowana-form .arowana-form-check {
  width: 84%;
  }
  
  .alert .arowana-form .arowana-form-text {
  height: 80px;
  font-size: 14px;
  padding: 5px 10px;
  overflow: auto;
  }
  
  .alert .arowana-form .arowana-form-list .arowana-form-input {
  padding: 0 10px;
  font-size: 14px;
  height: 30px;
  }
  
  .alert .arowana-form .arowana-form-list select {
  font-size: 14px;
  }
  
  .alert .arowana-form .arowana-form-list ul li label.error {
  /* position:static; */
  bottom: -10px;
  color: #ffffff;
  }
  
  @media screen and (max-width: 980px) {
  .alert .arowana-form .arowana-form-list ul li label {
  width: 70px;
  text-align: right;
  }
  
  .alert .arowana-form .arowana-form-list .arowana-form-input,
  .alert .arowana-form .arowana-form-sele {
  width: calc(100% - 70px);
  }
  
  .alert .arowana-form .arowana-form-list ul li {
  width: 48%;
  margin-right: 2%;
  }
  
  .alert .arowana-form .arowana-form-list ul li:nth-child(10) label {
  width: 70px;
  }
  
  .alert .arowana-form .arowana-form-text {
  width: calc(100% - 70px);
  }
  }
  
  /**/
  .pro-botton {
  width: 135px;
  margin: 0 auto;
  padding-bottom: 2%;
  }
  
  .pro-botton a {
  display: inline-block;
  padding: 15px 26px;
  background: rgb(127 127 127);
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  font-size: 15px;
  }
  
  .pro-botton a:hover {
  background: #0078f7;
  }
  
  .prodt65-ms2-0722 {
  }
  
  .prodt65-ms2-0722 div {
  width: 46%;
  display: inline-block;
  margin: 0 2%;
  vertical-align: bottom;
  }
  
  .prodt65-ms2-0722 div img {
  }
  
  .prodt65-ms2-0722 div p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 20px;
  min-height: 75px;
  }
  
  @media screen and (max-width: 1366px) {
  
  .prodt65-ms2-0722 div p {
  font-size: 17px;
  }
  }
  
  @media screen and (max-width: 980px) {
  .prodt65-ms2-0722 div {
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
  }
  
  .prodt65-ms2-0722 div p {
  font-size: 14px;
  line-height: 20px;
  }
  }
  
  /* 20220928 */
  .applicationinfo-cont3-tit .applicationinfo-cont3-titp {
  text-align: center;
  }
  
  .hprodt1_ct3,
  .hprodt1_ct5 {
  position: relative;
  background-color: #000;
  }
  
  .hprodt1_ct3 .applicationinfo-cont3-tit {
  position: absolute;
  left: 50%;
  z-index: 3;
  width: 70%;
  transform: translateX(-50%);
  }
  
  .hprodt1_ct4 {
  padding-top: 0;
  }
  
  .hprodt1_ct4 .hprodt1_ct4_tag {
  position: absolute;
  bottom: 70px;
  z-index: 3;
  color: #fff;
  font-size: 18px;
  }
  
  .hprodt1_ct7 {
  padding-top: 0;
  background: #0b0b0d;
  }
  
  .hprodt1_ct7 .applicationinfo-cont7-font {
  position: absolute;
  top: 90px;
  left: 50%;
  width: 40%;
  transform: translateX(-50%);
  }
  
  .hprodt2_ct1 .hprodt2_ct1Box {
  position: absolute;
  top: 45%;
  z-index: 1;
  width: 29%;
  transform: translateY(-45%);
  }
  
  .hprodt2_ct1 .hprodt2_ct1_tit {
  margin: 45px 0;
  color: #fff;
  text-align: center;
  font-size: 36px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_fimg img {
  margin: 0;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_li {
  position: relative;
  margin-right: 20px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_li:last-child {
  margin-right: 0;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_li img {
  max-width: 85px;
  max-height: 65px;
  }
  
  .hprodt_tit {
  position: relative;
  z-index: 2;
  padding: 0 10%;
  text-align: center;
  }
  
  .hprodt_tit .tit {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .60rem;
  line-height: 1.3;
  }
  
  .hprodt_tit .dec {
  margin-top: 25px;
  color: #898989;
  font-size: 20px;
  line-height: 1.8;
  }
  
  .hprodt2_ct2 {
  padding: 6.5% 0;
  background: #0f0f0f;
  }
  
  .hprodt2_ct2 .hprodt_tit .dec {
  margin-top: 45px;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_ul {
  margin-top: 6%;
  flex-wrap: wrap;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_ul li {
  position: relative;
  overflow: hidden;
  margin-right: 3.67%;
  width: 48.15%;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_ul li:last-child {
  margin-right: 0;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_tit {
  padding: 15px;
  color: #898989;
  text-align: center;
  font-size: 30px;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_ul li:hover .hprodt2_ct2_tit {
  color: #fff;
  }
  
  .hprodt2_ct3 {
  padding-bottom: 5%;
  background: #0f0f0f;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_left {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding-right: 7.5%;
  width: 51.5%;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_right {
  width: 48.5%;
  }
  
  .hprodt2_ct3 td:first-child,
  .hprodt2_ct3 th {
  padding: 8px;
  height: 65px;
  min-width: 25%;
  color: #fff;
  font-size: 18px;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_list {
  margin-top: 4.5%;
  }
  
  .hprodt2_ct3 td {
  padding: 8px;
  height: 65px;
  min-width: 25%;
  color: #898989;
  text-align: center;
  font-size: 20px;
  }
  
  .hprodt2_ct3 td:first-child {
  text-align: left;
  }
  
  .hprodt2_ct3 table {
  width: 100%;
  }
  
  .hprodt2_ct3 tr {
  border-bottom: 1px solid #656666;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_icon {
  position: relative;
  margin-bottom: 10px;
  height: 30px;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_tag {
  margin-top: 35px;
  color: #898989;
  font-size: 20px;
  line-height: 30px;
  }
  
  .hprodt2_ct4 {
  padding: 70px 0;
  background: #000;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_list {
  position: relative;
  width: 50%;
  flex-wrap: wrap;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_list li {
  position: relative;
  margin-top: 7%;
  padding-right: 6%;
  width: 100%;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_ulBox {
  margin-top: 2.5%;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_icon {
  position: relative;
  width: 77px;
  height: 77px;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_font {
  padding-left: 20px;
  width: calc(100% - 77px);
  }
  
  .hprodt2_ct4 .hprodt2_ct4_font .tit {
  color: #ed981b;
  font-size: .36rem;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_font .dec {
  margin-top: 5px;
  color: #898989;
  font-size: 20px;
  line-height: 1.5;
  }
  
  .hprodt2_ct5,
  .hprodt2_ct6 {
  background: #000;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_left {
  width: 42.5%;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_right {
  padding-right: 15%;
  padding-left: 4%;
  width: 57.5%;
  }
  
  .hprodt2_ct5 .hprodt2_ct4_font .dec {
  margin-bottom: 10px;
  color: #898989;
  font-size: 20px;
  line-height: 30px;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_li .dec,
  .hprodt2_ct5 .hprodt2_ct5_tit,
  .hprodt2_ct6 .hprodt2_ct6_font .dec {
  color: #898989;
  font-size: 20px;
  line-height: 30px;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_li,
  .hprodt2_ct5 .hprodt2_ct5_tit {
  margin-top: 40px;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_li .tit {
  margin-bottom: 20px;
  color: #fff;
  font-weight: 550;
  font-size: .36rem;
  }
  
  .hprodt2_ct11 .hprodt_tit,
  .hprodt2_ct12 .hprodt_tit,
  .hprodt2_ct5 .hprodt_tit,
  .hprodt2_ct7 .hprodt_tit {
  padding: 0;
  text-align: left;
  }
  
  .hprodt2_ct6 {
  padding-top: 10%;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_ul {
  flex-wrap: wrap;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_ul li {
  position: relative;
  margin-right: 4.3%;
  margin-bottom: 8%;
  width: 47.85%;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_ul li:last-child,
  .hprodt2_ct6 .hprodt2_ct6_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_font .tit {
  margin: 30px auto;
  color: #fff;
  font-weight: 700;
  font-size: .48rem;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_dec {
  margin-top: 50px;
  margin-bottom: 45px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_li .dec,
  .hprodt2_ct7 .hprodt2_ct7_tips {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_li .tit {
  color: #fff;
  font-weight: 700;
  font-size: .40rem;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_tips {
  margin-top: 10%;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_li img {
  margin: 0;
  margin-bottom: 10px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_li {
  margin-top: 30px;
  }
  
  .hprodt2_ct7 {
  position: relative;
  padding: 14% 0;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_font {
  width: 49%;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_img {
  display: none;
  margin-top: 30px;
  }
  
  .hprodt5_ct9 .hprodt2_ct7_img {
  display: block;
  }
  
  .hprodt2_ct8 {
  padding: 7% 0;
  background-color: #0f0f0f;
  }
  
  .hprodt2_ct8 .hprodt_tit .dec {
  margin-top: 40px;
  margin-bottom: 30px;
  }
  
  .hprodt2_ct8 .hprodt2_ct8_tips {
  color: #898989;
  text-align: center;
  font-size: 18px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul,
  .hprodt2_ct9 .hprodt2_ct9_ul {
  flex-wrap: wrap;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li {
  padding-right: 4%;
  width: 50%;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li .tit {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .36rem;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li .dec {
  margin-top: 20px;
  color: #898989;
  font-size: 20px;
  line-height: 30px;
  }
  
  .hprodt2_ct9 {
  padding: 80px 0;
  background-color: #080404;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_img {
  margin-top: 10%;
  }
  
  .hprodt2_ct10 {
  padding: 80px 0;
  background: #000;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_img2 {
  margin-top: -25%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_img1 {
  margin-top: 10%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul {
  margin-top: 10%;
  padding: 0 17%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul li {
  position: relative;
  width: 25%;
  text-align: center;
  }
  
  .hprodt4_ct8 .hprodt2_ct10_ul li {
  width: 25%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_dec,
  .hprodt2_ct10 .hprodt2_ct10_num {
  color: #fff;
  font-size: 18px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_num strong {
  color: #fff;
  font-weight: 700;
  font-size: .48rem;
  line-height: 1.4;
  }
  
  .hprodt2_ct11 .hprodt_tit .dec {
  margin: 6% 0;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_font {
  position: absolute;
  top: 20%;
  z-index: 1;
  width: 30%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_ul,
  .hprodt2_ct13 .hprodt2_ct13_ul {
  flex-wrap: wrap;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_ul li {
  position: relative;
  margin-top: 35px;
  padding-right: 4%;
  width: 50%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_icon {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_dec {
  position: relative;
  padding-left: 15px;
  width: calc(100% - 45px);
  color: #898989;
  font-weight: 700;
  font-size: 20px;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_ul li,
  .hprodt4_ct10 .hprodt4_ct10_ul li {
  position: relative;
  padding: 0 1%;
  width: 25%;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_icon,
  .hprodt4_ct10 .hprodt4_ct10_icon {
  position: relative;
  margin: 0 auto;
  height: 45px;
  border-radius: 50%;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_icon img,
  .hprodt4_ct10 .hprodt4_ct10_icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: auto;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_font,
  .hprodt4_ct10 .hprodt4_ct10_font {
  margin-top: 20px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  }
  
  .hprodt2_ct12 .hprodt_tit {
  text-align: center;
  }
  
  .hprodt2_ct12 .hprodt_tit .dec {
  margin: 35px 0 60px 0;
  color: #fff;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_list {
  position: absolute;
  top: 8%;
  left: 50%;
  z-index: 2;
  width: 55%;
  transform: translateX(-50%);
  }
  
  .hprodt2_ct13 {
  position: relative;
  padding: 5% 0;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul {
  padding: 20px 0;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font {
  text-align: center;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li {
  position: relative;
  margin-top: 3%;
  margin-right: 3%;
  width: 31.32%;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li:nth-child(3n) {
  margin-right: 0;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font .tit {
  margin-top: 30px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font .dec {
  color: #fff;
  font-size: 20px;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li:hover .hprodt2_ct13_font .tit {
  color: #e60012;
  }
  
  .hprodt2_ct1,
  .hprodt2_ct11,
  .hprodt2_ct12,
  .hprodt3_ct1,
  .hprodt3_ct2,
  .hprodt3_ct3,
  .hprodt3_ct5,
  .hprodt3_ct5 .hprodt3_ct5_imgBox,
  .hprodt3_ct5 .w1280,
  .hprodt3_ct7 .hprodt3_ct7_imgBox,
  .hprodt3_ct9,
  .hprodt4_ct10,
  .hprodt4_ct2,
  .hprodt5_ct12,
  .hprodt5_ct2,
  .hprodt5_ct5,
  .hprodt6_ct3,
  .hprodt7_ct1,
  .hprodt7_ct2,
  .hprodt7_ct3,
  .hprodt7_ct4,
  .hprodt7_ct5,
  .hprodt7_ct6,
  .hprodt7_ct7,
  .hprodt8_ct3,
  .hprodt8_ct5 {
  position: relative;
  overflow: hidden;
  }
  
  .hprodt3_ct1 .hprodt3_ct1_font {
  position: absolute;
  bottom: 13%;
  left: 50%;
  z-index: 1;
  width: 90%;
  text-align: center;
  transform: translateX(-50%);
  }
  
  .hprodt3_ct1 .hprodt3_ct1_tit {
  margin-top: 40px;
  margin-bottom: 70px;
  color: #fff;
  font-weight: 700;
  font-size: .85rem;
  }
  
  .prodt7-anniu em {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 22px;
  }
  
  .prodt7-anniu span {
  display: inline-block;
  vertical-align: middle;
  }
  
  .hprodt3_ct2 {
  padding-top: 3%;
  padding-bottom: 18%;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_img img {
  margin: 0;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_list {
  position: absolute;
  right: 16%;
  bottom: 10%;
  width: 30%;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_tit {
  background: -webkit-linear-gradient(left, #79bfea, #546fb5 50%);
  background: -o-linear-gradient(left, #79bfea, #546fb5 50%);
  background: -moz-linear-gradient(left, #79bfea, #546fb5 50%);
  background: linear-gradient(left, #79bfea, #546fb5 50%);
  color: #79bfea;
  font-weight: 700;
  font-size: .45rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_dec {
  margin-top: 10px;
  color: #b2b2b2;
  font-size: 22px;
  }
  
  .hprodt3_ct2 .hprodt_tit {
  padding: 0;
  text-align: left;
  }
  
  .hprodt3_ct2 .hprodt_tit .dec,
  .hprodt3_ct3 .hprodt_tit .dec {
  margin-top: 35px;
  color: #fff;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_ul {
  flex-wrap: wrap;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_ul li {
  position: relative;
  margin-top: 10%;
  padding-right: 2%;
  width: 50%;
  }
  
  .hprodt3_ct3 .hprodt_tit {
  position: absolute;
  top: 15%;
  left: 50%;
  z-index: 1;
  width: 60%;
  transform: translateX(-50%);
  }
  
  .hprodt3_ct4,
  .hprodt3_ct5 {
  padding: 5.5% 0;
  background: #fff;
  }
  
  .hprodt3_ct5 {
  padding-top: 0 !important;
  }
  
  .hprodt3_ct5 .hprodt_tit {
  padding: 0;
  text-align: left;
  }
  
  .hprodt3_ct4 > div {
  padding: 0 50px;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_li {
  position: relative;
  margin-top: 1.3%;
  flex-wrap: wrap;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_li:first-child {
  margin-top: 0;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_font {
  margin-right: 1.3%;
  padding: 7% 4%;
  width: 39.5%;
  background-color: #1d1d1d;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_font .tit {
  color: #fff;
  letter-spacing: 2px;
  font-size: .47rem;
  line-height: 1.5;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_font .dec {
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  line-height: 2;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_img {
  position: relative;
  width: 59.2%;
  }
  
  .hprodt3_ct5 .hprodt_tit .dec {
  margin-top: 20px;
  color: #fff;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_font {
  position: absolute;
  bottom: 18%;
  left: 20.5%;
  width: 30%;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li {
  margin-top: 25px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .tit {
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .dec {
  margin-top: 3px;
  color: #fff;
  font-size: 22px;
  line-height: 1.8;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_tips {
  padding-top: 25px;
  color: #fff;
  text-align: left;
  font-size: 22px;
  }
  
  .hprodt3_ct6 {
  padding-top: 10%;
  padding-bottom: 85px;
  background: url(../images/hpro-bgm1.jpg) no-repeat center;
  background-size: cover;
  }
  
  .hprodt3_ct6 .hprodt_tit {
  padding: 0 3.5%;
  }
  
  .hprodt3_ct6 .hprodt_tit .dec {
  margin-top: 60px;
  margin-bottom: 30px;
  color: #c9c9ca;
  }
  
  .hprodt3_ct6 .hprodt3_ct6_tag {
  display: inline-block;
  padding: 5px 12px;
  border: solid 1px #fff;
  border-radius: 21px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  }
  
  .hprodt3_ct6 .hprodt3_ct6_tips {
  margin-top: 55px;
  color: #818284;
  font-size: 18px;
  }
  
  .hprodt3_ct6 .hprodt3_ct6_ft {
  text-align: center;
  }
  
  .hprodt3_ct7 {
  padding: 5% 0;
  }
  
  .hprodt3_ct7 .hprodt3_ct7_bgm {
  margin-top: 9%;
  }
  
  .hprodt3_ct7 .hprodt_tit .dec {
  margin-top: 45px;
  color: #c9c9ca;
  }
  
  .hprodt3_ct7 .hprodt3_ct7_img {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  }
  
  .hprodt3_ct7 .hprodt3_ct7_tag {
  margin: 0 auto;
  margin-top: 4%;
  width: 34%;
  color: #928f8f;
  text-align: center;
  font-size: 18px;
  line-height: 1.667;
  }
  
  .hprodt3_ct8 .hprodt2_ct10_ul {
  margin-top: 6%;
  padding: 0 9%;
  }
  
  .hprodt3_ct8 .hprodt2_ct10_img2 {
  margin-top: -40%;
  }
  
  .hprodt3_ct8 .hprodt2_ct10_img1 {
  margin-top: 15%;
  }
  
  .hprodt3_ct9 {
  padding-top: 5.5%;
  padding-bottom: 9%;
  }
  
  .hprodt3_ct9 .hprodt_tit .dec {
  margin-top: 50px;
  color: #c9caca;
  }
  
  .hprodt3_ct9 .hprodt_tit {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 78%;
  transform: translateX(-50%);
  }
  
  .hprodt3_ct9 .hprodt3_ct9_img {
  margin-top: 40px;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_icon {
  position: relative;
  margin: 0 auto;
  width: 94px;
  height: 96px;
  border-radius: 50%;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_tit {
  margin-top: 15px;
  color: #c9caca;
  text-align: center;
  font-size: 21px;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_ul li {
  width: 20%;
  }
  
  .hprodt3_ct10 .hprodt2_ct12_list {
  width: 60%;
  }
  
  .hprodt3_ct10 .hprodt2_ct12_ul li {
  width: 20%;
  }
  
  .hprodt3_ct11 {
  padding: 5% 0;
  }
  
  .hprodt3_ct11 .hprodt3_ct11_ul1,
  .hprodt3_ct11 .hprodt3_ct11_ul2 {
  flex-wrap: wrap;
  }
  
  .hprodt3_ct11 .hprodt3_ct11_ul1 li {
  position: relative;
  margin-right: 3%;
  width: 48.5%;
  }
  
  .hprodt3_ct11 .hprodt3_ct11_ul2 li {
  position: relative;
  margin-top: 2.5%;
  margin-right: 2.5%;
  width: 31.65%;
  }
  
  .hprodt3_ct11 .hprodt3_ct11_ul1 li:last-child,
  .hprodt3_ct11 .hprodt3_ct11_ul1 li:nth-child(2n),
  .hprodt3_ct11 .hprodt3_ct11_ul2 li:last-child,
  .hprodt3_ct11 .hprodt3_ct11_ul2 li:nth-child(3n) {
  margin-right: 0;
  }
  
  .hprodt3_ct11_tit {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  background: rgba(0, 0, 0, .36);
  color: #fff;
  text-align: center;
  font-size: 20px;
  }
  
  .hprodt3_ct11 .hprodt3_ct11_ul1 {
  margin-top: 6%;
  }
  
  .hprodt4_ct1 {
  padding: 80px 0;
  }
  
  .hprodt4_ct1 .hprodt3_ct1_font {
  position: static !important;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt4_ct1 .hprodt4_ct1_ul {
  margin-top: 35px;
  }
  
  .hprodt4_ct1 .hprodt4_ct1_ul li {
  margin-right: 2%;
  }
  
  .hprodt4_ct1 .hprodt4_ct1_ul li:last-child {
  margin-right: 0;
  }
  
  .hprodt4_ct1 .hprodt4_ct1_icon {
  max-width: 80px;
  max-height: 65px;
  }
  
  .hprodt4_ct1 .hprodt3_ct1_bgm {
  margin-top: 5%;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font {
  position: absolute;
  top: 32%;
  left: 50%;
  z-index: 2;
  width: 45%;
  transform: translateX(-50%);
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font .tit,
  .hprodt4_ct7 .hprodt_tit .tit {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 700;
  font-size: .85rem;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font .dec {
  padding: 4% 16%;
  color: #c9c9ca;
  text-align: center;
  font-size: 18px;
  line-height: 1.667;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_ul {
  padding: 0 16%;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_ul li {
  position: relative;
  width: 25%;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_sft {
  background: -webkit-linear-gradient(left, #edbf3e, #dea71f 50%);
  background: -o-linear-gradient(left, #edbf3e, #dea71f 50%);
  background: -moz-linear-gradient(left, #edbf3e, #dea71f 50%);
  background: linear-gradient(left, #edbf3e, #dea71f 50%);
  color: #edbf3e;
  font-weight: 700;
  font-size: 26px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_sdec {
  margin-top: 5px;
  color: #c9c9ca;
  font-size: 14px;
  }
  
  .hprodt_tit1 {
  padding: 0 25%;
  text-align: center;
  }
  
  .hprodt_tit1 .tit {
  color: #fff;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: .48rem;
  }
  
  .hprodt_tit1 .dec {
  margin-top: 35px;
  color: #c9c9ca;
  font-size: 18px;
  line-height: 1.667;
  }
  
  .hprodt4_ct3,
  .hprodt4_ct4 {
  padding: 80px 0;
  }
  
  .hprodt4_ct3 .hprodt4_ct3_img {
  margin-top: 55px;
  }
  
  .hprodt4_ct4 .hprodt_tit1 {
  padding-bottom: 10px;
  }
  
  .hprodt4_ct4 .hprodt4_ct4_img {
  margin-top: 35px;
  }
  
  .hprodt4_ct5 {
  padding-top: 75px !important;
  padding-bottom: 8%;
  }
  
  .hprodt4_ct5 .hprodt2_ct6_ul li {
  margin-right: 3%;
  width: 48%;
  }
  
  .hprodt4_ct5 .hprodt2_ct6_font .dec {
  color: #c9c9ca;
  font-size: 18px;
  line-height: 1.667;
  }
  
  .hprodt4_ct6 {
  overflow: hidden;
  }
  
  .hprodt4_ct6 .hprodt2_ct7_font {
  float: right;
  padding-right: 10%;
  width: 40%;
  }
  
  .hprodt4_ct7 .hprodt3_ct6_tips {
  margin-top: 0 !important;
  }
  
  .hprodt4_ct7 {
  padding-top: 100px !important;
  }
  
  .hprodt4_ct7 .hprodt_tit .dec {
  margin-top: 30px !important;
  }
  
  .hprodt4_ct8 .hprodt2_ct10_img2 {
  margin-top: -32%;
  }
  
  .hprodt4_ct9 .hprodt3_ct9_icon {
  width: 68px;
  height: 68px;
  }
  
  .hprodt4_ct10 {
  margin-bottom: 5%;
  }
  
  .hprodt4_ct10 .hprodt4_ct10_ul {
  position: absolute;
  bottom: 80px;
  left: 50%;
  z-index: 1;
  width: 76%;
  transform: translateX(-50%);
  }
  
  .hprodt4_ct10 .hprodt_tit {
  position: absolute;
  top: 30%;
  left: 12%;
  padding: 0;
  width: 27%;
  text-align: left;
  }
  
  .hprodt4_ct10 .hprodt_tit .dec {
  color: #fff;
  font-size: 18px;
  }
  
  .hprodt5_ct1 .hprodt3_ct1_font {
  top: 10%;
  bottom: auto !important;
  }
  
  .hprodt5_ct2 .hprodt_tit {
  position: absolute;
  top: 11%;
  left: 50%;
  width: 66%;
  transform: translateX(-50%);
  }
  
  .hprodt5_ct2 .hprodt_tit .dec {
  color: #fff;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_ul {
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 1;
  width: 40%;
  transform: translateX(-50%);
  flex-wrap: wrap;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_ul li {
  position: relative;
  width: 50%;
  align-items: center;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_icon {
  width: 75px;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_font {
  padding-right: 20px;
  padding-left: 10%;
  width: calc(100% - 75px);
  color: #c9caca;
  font-size: 22px;
  }
  
  .hprodt5_ct3 {
  position: relative;
  padding: 5% 0;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_ul {
  flex-wrap: wrap;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_ul li {
  position: relative;
  margin-right: 1.8%;
  width: 49.1%;
  border-radius: 30px;
  background-color: #131415;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_ul li:last-child {
  margin-right: 0;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_font {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 9% 11%;
  width: 100%;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_font .tit {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 28px;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_font .dec {
  margin-top: 25px;
  color: #c9caca;
  font-size: 20px;
  line-height: 2;
  }
  
  .hprodt5_ct4 {
  padding-top: 20px;
  padding-bottom: 8%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_left {
  margin-right: 1.5%;
  width: 51.6%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font .tit {
  color: #fff;
  letter-spacing: 1px;
  font-size: 25px;
  line-height: 1.4;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font .dec {
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 14px;
  height: 115px;
  color: #c9caca;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 28px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_li {
  position: relative;
  margin-top: 25px;
  padding: 4% 8%;
  border-radius: 30px;
  background-color: #131415;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_li:first-child {
  margin-top: 0;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_icon {
  position: relative;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font {
  padding-left: 10%;
  width: calc(100% - 74px);
  }
  
  .hprodt5_ct4 .hprodt5_ct4_right {
  overflow: hidden;
  width: 46.9%;
  border-radius: 30px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_img {
  border-radius: 30px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_top {
  margin-top: 6%;
  flex-wrap: wrap;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bfont {
  margin-top: 25px;
  color: #c9caca;
  text-align: center;
  letter-spacing: 1px;
  font-size: 20px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bicon {
  position: relative;
  margin: 0 auto;
  width: 155px;
  height: 80px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bot {
  margin-top: 1.8%;
  padding: 4% 0;
  border-radius: 30px;
  background-color: #131415;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_ul {
  margin-top: 4%;
  flex-wrap: wrap;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_ul li {
  position: relative;
  padding: 0 1%;
  width: 20%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_btit {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 25px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_dec {
  color: #c8c8c9;
  letter-spacing: 1px;
  font-size: 23px;
  line-height: 1.48;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_tit {
  margin-bottom: 10px;
  color: #fefeff;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 29px;
  line-height: 1.4;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_img img {
  margin: 0;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_font {
  position: absolute;
  right: 16.5%;
  bottom: 10%;
  z-index: 1;
  width: 26%;
  }
  
  .hprodt5_ct5 .hprodt_tit {
  padding: 0;
  text-align: left;
  }
  
  .hprodt5_ct5 .hprodt_tit .tit {
  margin: 40px 0;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_li {
  margin-top: 40px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_icon {
  position: relative;
  margin-right: 30px;
  max-width: 105px;
  max-height: 80px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_icon:last-child {
  margin-right: 0;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_iconBox {
  position: absolute;
  bottom: 17%;
  left: 28%;
  z-index: 1;
  }
  
  .hprodt5_ct6 {
  position: relative;
  padding-bottom: 6%;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font .tit {
  color: #fefefe;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .40rem;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font .dec {
  margin-top: 20px;
  color: #c8c8c9;
  letter-spacing: 1px;
  font-size: 23px;
  line-height: 1.6;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font {
  padding: 3% 6%;
  width: 49%;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_imgBox {
  width: 51%;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_ul li {
  margin-top: 8%;
  }
  
  .hprodt5_ct7 .hprodt5_ct5_font {
  right: auto !important;
  left: 16.5%;
  }
  
  .hprodt5_ct7 .hprodt5_ct5_iconBox {
  right: 38%;
  left: auto !important;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_ul {
  flex-wrap: wrap;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_ul li {
  position: relative;
  margin-top: 6%;
  margin-right: 6%;
  width: 47%;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_font .tit {
  margin-top: 60px;
  margin-bottom: 20px;
  color: #fefefe;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .33rem;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_font .dec {
  color: #c8c8c9;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 1.85;
  }
  
  .hprodt5_ct12,
  .hprodt5_ct13,
  .hprodt5_ct9 {
  padding-top: 7%;
  }
  
  .hprodt5_ct9 {
  padding-bottom: 0 !important;
  }
  
  .applicationinfo-cont4 .applicationinfo-cont3-tit {
  top: 45%;
  }
  
  .hprodt5_ct9 .hprodt_tit {
  margin-bottom: 6%;
  padding: 0 10%;
  text-align: center;
  }
  
  .hprodt5_ct10 .hprodt_tit .dec,
  .hprodt5_ct9 .hprodt_tit .dec {
  color: #fff;
  }
  
  .hprodt5_ct9 .hprodt2_ct7_font {
  position: absolute;
  bottom: 20%;
  left: 22%;
  }
  
  .hprodt5_ct9 .hprodt5_ct9_tips {
  margin-top: 40px;
  color: #636363;
  text-align: center;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 1.7;
  }
  
  .hprodt5_ct10 .hprodt2_ct8_tips {
  color: #696969;
  }
  
  .hprodt5_ct10 {
  background: #000;
  }
  
  .hprodt5_ct11 .hprodt_tit .dec {
  padding: 0 11%;
  color: #c9caca;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_icon,
  .hprodt5_ct12 .hprodt5_ct11_icon {
  width: 75px;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font,
  .hprodt5_ct12 .hprodt5_ct11_font {
  padding-left: 8%;
  width: calc(100% - 70px);
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font .tit,
  .hprodt5_ct12 .hprodt5_ct11_font .tit {
  color: #fff;
  font-weight: 600;
  font-size: 28px;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font .dec,
  .hprodt5_ct12 .hprodt5_ct11_font .dec {
  margin-top: 15px;
  color: #6e6d6d;
  font-size: 20px;
  line-height: 1.65;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_ul,
  .hprodt5_ct12 .hprodt5_ct11_ul {
  padding: 6% 0;
  flex-wrap: wrap;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_ul li,
  .hprodt5_ct12 .hprodt5_ct11_ul li,
  .hprodt6_ct9 .hprodt5_ct11_ul li {
  position: relative;
  padding-right: 2%;
  width: 33.333%;
  }
  
  .hprodt5_ct12 .hprodt5_ct11_ul li {
  width: 50%;
  }
  
  .hprodt6_ct9 .hprodt5_ct11_ul li {
  width: 33.333%;
  }
  
  .hprodt5_ct12 .hprodt5_ct12_img1 {
  margin-top: 13.5%;
  }
  
  .hprodt5_ct12 .hprodt5_ct12_img2 {
  margin-top: -33%;
  }
  
  .hprodt5_ct13 .hprodt2_ct11_font {
  top: 30%;
  }
  
  .hprodt5_ct15 {
  padding-top: 4%;
  padding-bottom: 6%;
  }
  
  .hprodt5_ct15 .hprodt5_ct15_ul li {
  position: relative;
  overflow: hidden;
  margin-top: 3.5%;
  margin-right: 3.5%;
  }
  
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1 {
  width: 56%;
  }
  
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2 {
  width: 40.5%;
  }
  
  .hprodt5_ct15 .hprodt5_ct15_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt5_ct15 .hprodt5_ct15_font {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  background: rgba(0, 0, 0, .36);
  color: #fff;
  text-align: center;
  font-size: 20px;
  }
  
  .hprodt6_ct2 {
  position: relative;
  padding: 9% 0;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_imgBox {
  position: relative;
  margin-top: 31px;
  }
  
  .hprodt6_ct2 .hprodt_tit {
  margin-bottom: -23%;
  padding: 0 4%;
  }
  
  .hprodt6_ct2 .hprodt_tit .dec {
  color: #fff;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_img {
  position: absolute;
  top: 25%;
  left: 25%;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_icon {
  position: relative;
  margin: 0 auto;
  width: 135px;
  height: 70px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_font {
  margin-top: 30px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: -190px;
  flex-wrap: wrap;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul li {
  position: relative;
  width: 16.666%;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_tit {
  margin-bottom: 15px;
  color: #fff;
  font-weight: 700;
  font-size: .48rem;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_dec {
  padding-right: 10%;
  color: #898989;
  font-size: 26px;
  line-height: 1.39;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_img img {
  margin: 0;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_font {
  position: absolute;
  top: 50%;
  left: 16.5%;
  z-index: 1;
  width: 36%;
  transform: translateY(-50%);
  }
  
  .hprodt6_ct3 .hprodt6_ct3_li {
  margin-top: 45px;
  }
  
  .hprodt6_ct4 .hprodt6_ct3_font {
  right: 16.5%;
  left: auto !important;
  width: 30%;
  }
  
  .hprodt6_ct5,
  .prodt54-ms-qh {
  padding-top: 5%;
  }
  
  .hprodt6_ct6 {
  background-color: #151515;
  }
  
  .prodt61-ms {
  position: relative;
  }
  
  .hprodt6_ct7_tag {
  position: absolute;
  top: 12%;
  left: 12%;
  display: none;
  color: red;
  font-size: 26px;
  line-height: 1.5;
  }
  
  .hprodt6_ct9 .hprodt5_ct12_img2 {
  margin-top: -19% !important;
  }
  
  .hprodt6_ct9 .hprodt5_ct12_img1 {
  margin-top: 65px !important;
  }
  
  .hprodt6_ct10 {
  background-color: #000;
  }
  
  .hprodt6_ct11 .hprodt6_ct7_tag {
  top: 35% !important;
  left: 20% !important;
  }
  
  .hprodt6_ct12 .prodt55-ms .swiper-button-next,
  .hprodt6_ct12 .prodt55-ms .swiper-button-next::after,
  .hprodt6_ct12 .prodt55-ms .swiper-button-prev,
  .hprodt6_ct12 .prodt55-ms .swiper-button-prev::after,
  .hprodt6_ct12 .prodt55-ms .swiper-pagination {
  display: none;
  }
  
  .hprodt6_ct12 .prodt55-ms1 h3 {
  color: #fff;
  font-size: 24px;
  opacity: 0;
  }
  
  .hprodt6_ct12 .prodt55-ms .swiper-slide-active .prodt55-ms1 h3 {
  opacity: 1;
  }
  
  .hprodt6_ct12 .prodt55-ms {
  margin-top: 55px;
  }
  
  .hprodt6_ct12 .prodt55-ms2 p {
  color: #999;
  font-size: 18px;
  }
  
  .hprodt6_ct10,
  .hprodt6_ct11,
  .hprodt6_ct12,
  .hprodt6_ct15,
  .hprodt6_ct9 {
  background: #0f0f0f;
  }
  
  .hprodt6_ct15 {
  margin-bottom: 5%;
  padding-top: 5%;
  padding-bottom: 7%;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_ul {
  padding-top: 20px;
  flex-wrap: wrap;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_ul li {
  position: relative;
  overflow: hidden;
  margin-right: 2.5%;
  width: 31.65%;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_ul li:last-child {
  margin-right: 0;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_li {
  position: relative;
  margin-top: 8%;
  width: 100%;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_font {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 15px 25px;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  }
  
  .hprodt6_ct15 .hprodt6_ct15_font .dec,
  .hprodt6_ct15 .hprodt6_ct15_font .tit {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_font .dec {
  margin-top: 5px;
  font-weight: 400;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_img,
  .hprodt6_ct15 .hprodt6_ct15_img img {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
  }
  
  .arowana-form .arowana-form-sele select {
  text-align: left;
  }
  
  .hprodt6_ct16 {
  padding-top: 90px;
  padding-bottom: 100px;
  }
  
  .prodt {
  overflow-x: hidden;
  }
  
  .hprodt7_ct1 .hprodt7_ct1_font {
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 1;
  margin: 0 auto;
  width: 90%;
  transform: translateX(-50%);
  }
  
  .hprodt7_ct1 .hprodt7_ct1_tit {
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: .51rem;
  }
  
  .hprodt7_ct2 {
  background: #151515;
  }
  
  .hprodt7_ct2 .hprodt_tit .dec {
  margin-top: 35px;
  color: #fff;
  text-align: left;
  }
  
  .hprodt7_ct2 .hprodt3_ct9_ul {
  position: relative;
  z-index: 3;
  margin-top: -11%;
  }
  
  .hprodt7_ct3 .hprodt_tit,
  .hprodt7_ct5 .hprodt_tit,
  .hprodt7_ct6 .hprodt_tit,
  .hprodt7_ct8 .hprodt_tit,
  .hprodt8_ct3 .hprodt_tit {
  padding: 0;
  text-align: left;
  }
  
  .hprodt7_ct3 .hprodt_tit .dec,
  .hprodt7_ct5 .hprodt_tit .dec,
  .hprodt7_ct6 .hprodt_tit .dec,
  .hprodt8_ct3 .hprodt_tit .dec {
  color: #fff;
  }
  
  .hprodt7_ct3 {
  background: #111;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_font {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 25%;
  transform: translateY(-50%);
  }
  
  .hprodt7_ct3 .hprodt7_ct3_num img {
  margin: 0;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_dec {
  margin-top: 10px;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li {
  margin-top: 40px;
  }
  
  .hprodt7_ct4 {
  padding: 20% 0;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_font {
  padding-right: 14%;
  width: 45%;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_tips {
  position: absolute;
  right: 20%;
  bottom: 11%;
  margin: 0 auto;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_li .tit {
  color: #fff;
  font-weight: 700;
  font-size: 55px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_li .tit span {
  font-size: 40px;
  }
  
  .hprodt7_ct5 {
  padding: 6% 0;
  background: #1c1c1c;
  }
  
  .hprodt7_ct5 .hprodt_tit {
  width: 36.7%;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_img {
  position: relative;
  overflow: hidden;
  width: 63.3%;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(odd) .hprodt_tit {
  padding-right: 45px;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(even) .hprodt_tit {
  padding-left: 45px;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_ul li {
  position: relative;
  margin-top: 8%;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_ul li:first-child,
  .hprodt7_ct6 .hprodt_tit:first-child {
  margin-top: 0;
  }
  
  .hprodt7_ct6 .hprodt7_ct6_font {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 30%;
  transform: translateY(-50%);
  }
  
  .hprodt7_ct6 .hprodt_tit {
  margin-top: 16%;
  }
  
  .hprodt7_ct7 .hprodt_tit {
  position: absolute;
  top: 8%;
  left: 50%;
  z-index: 1;
  margin: 0 auto;
  width: 90%;
  transform: translateX(-50%);
  }
  
  .hprodt7_ct7 .hprodt_tit .dec,
  .hprodt7_ct7 .hprodt_tit .tit {
  color: #1c1c1c;
  }
  
  .hprodt7_ct8 {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 100px;
  }
  
  .hprodt7_ct8 .hprodt_tit {
  text-align: center;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_ul {
  flex-wrap: wrap;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_ul li {
  position: relative;
  overflow: hidden;
  margin-top: 1.6%;
  margin-right: 1.6%;
  width: 49.2%;
  border-radius: 20px;
  background-color: #1c1c1c;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_dec {
  margin-top: 25px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_font {
  position: absolute;
  top: 0;
  z-index: 1;
  padding: 7%;
  }
  
  .hprodt8_ct1 .hprodt8_ct1_icon {
  position: absolute;
  bottom: 13%;
  left: 20.5%;
  z-index: 1;
  }
  
  .hprodt8_ct1 .hprodt2_ct1_fimg img {
  margin: 0 auto;
  }
  
  .hprodt8_ct2 {
  position: relative;
  padding: 5% 0;
  background-color: #151515;
  }
  
  .hprodt8_ct2 .hprodt2_ct12_list {
  top: 18%;
  width: 62%;
  }
  
  .hprodt8_ct2 .hprodt8_ct2_img {
  margin: 0 auto;
  width: 68%;
  }
  
  .hprodt8_ct2 .hprodt_tit .dec {
  margin-bottom: 30px;
  }
  
  .hprodt8_ct2 .hprodt8_ct2_img {
  margin-bottom: 35px;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_font {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 37%;
  transform: translateY(-50%);
  }
  
  .hprodt8_ct3 .hprodt8_ct3_tips {
  margin-top: 10px;
  margin-bottom: 60px;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_num {
  position: relative;
  margin-right: 30px;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_num:last-child,
  .hprodt8_ct4 .hprodt8_ct3_ul li:nth-child(3n) {
  margin-right: 0;
  }
  
  .hprodt8_ct4 {
  position: relative;
  overflow: hidden;
  padding: 8% 0;
  background-color: #111;
  }
  
  .hprodt8_ct4 .hprodt8_ct3_ul {
  flex-wrap: wrap;
  }
  
  .hprodt8_ct4 .hprodt8_ct3_ul li {
  position: relative;
  margin-right: 1.5%;
  padding: 0 25px;
  width: 31%;
  border-radius: 20px;
  background-color: #1e1e1e;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon {
  position: relative;
  margin: 75px auto;
  width: 230px;
  height: 220px;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_font .tit {
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: .40rem;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_font .dec {
  margin-top: 20px;
  margin-bottom: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  }
  
  .hprodt8_ct5 {
  overflow: hidden;
  background: #0f0f0f;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_tips {
  position: absolute;
  right: 16%;
  bottom: 8%;
  color: #fff;
  font-size: 16px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_simg {
  display: none;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_font {
  position: absolute;
  top: 11%;
  left: 50%;
  z-index: 1;
  margin: 0 auto;
  width: 90%;
  transform: translateX(-50%);
  }
  
  .hprodt8_ct5 .hprodt8_ct5_li {
  position: absolute;
  color: #fff;
  font-size: .30rem;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_li.li1 {
  bottom: 8%;
  left: 35%;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_li.li2 {
  bottom: 8%;
  left: 43.5%;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_li.li3 {
  bottom: 8%;
  left: 53%;
  }
  
  .hprodt8_ct5 .hprodt_tit .dec,
  .hprodt8_ct6 .hprodt_tit .dec {
  color: #fff;
  }
  
  .hprodt8_ct6 {
  position: relative;
  overflow: hidden;
  padding-top: 5%;
  padding-bottom: 11%;
  background-color: #050505;
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img1 {
  position: relative;
  z-index: 2;
  margin-top: 65px;
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img2 {
  position: relative;
  z-index: 1;
  margin-top: -12%;
  }
  
  @media screen and (max-width:1679px) {
  .hprodt8_ct2 .hprodt8_ct2_img {
  width: 100%;
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img2 img {
  width: 90%;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_right {
  padding-right: 11%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_font {
  width: 36%;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_list {
  width: 70%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul,
  .hprodt_tit1 {
  padding: 0 14%;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_font,
  .hprodt3_ct5 .hprodt3_ct5_font,
  .hprodt4_ct10 .hprodt_tit,
  .hprodt5_ct7 .hprodt5_ct5_font,
  .hprodt6_ct3 .hprodt6_ct3_font {
  left: 11%;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_list,
  .hprodt5_ct5 .hprodt5_ct5_font,
  .hprodt6_ct4 .hprodt6_ct3_font {
  right: 11%;
  width: 36%;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_font {
  width: 30%;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font {
  width: 60%;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_ul {
  width: 50%;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_dec {
  font-size: 20px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_li {
  margin-top: 20px;
  }
  
  .hprodt5_ct5 .hprodt_tit .tit {
  margin: 20px 0px;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font .tit,
  .hprodt5_ct12 .hprodt5_ct11_font .tit {
  font-size: 24px;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_dec {
  font-size: 22px;
  }
  
  .hprodt6_ct11 .hprodt6_ct7_tag {
  top: 35% !important;
  left: 15% !important;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_font {
  width: 30%;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_font {
  padding-right: 7%;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_tips {
  right: 16%;
  }
  
  .hprodt8_ct1 .hprodt8_ct1_icon {
  left: 14.5%;
  }
  
  .hprodt8_ct2 .hprodt2_ct12_list {
  top: 13%;
  }
  }
  
  @media screen and (max-width:1459px) {
  
  .hprodt3_ct8 .hprodt2_ct10_img1 img,
  .hprodt4_ct10 .hprodt4_ct10_ul,
  .hprodt5_ct12 .hprodt5_ct12_img1 img,
  .hprodt8_ct6 .hprodt8_ct6_img2 img {
  width: 90%;
  }
  
  .hprodt3_ct3 .hprodt_tit,
  .hprodt3_ct7 .hprodt3_ct7_tag,
  .hprodt4_ct2 .hprodt4_ct2_font,
  .hprodt5_ct2 .hprodt_tit {
  width: 80%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_num strong {
  font-size: 36px;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_tit,
  .hprodt2_ct4 .hprodt2_ct4_font .tit,
  .hprodt2_ct5 .hprodt2_ct5_li .tit,
  .hprodt2_ct9 .hprodt2_ct9_ul li .tit,
  .hprodt5_ct3 .hprodt5_ct3_font .tit,
  .hprodt5_ct8 .hprodt5_ct8_font .tit {
  font-size: 26px;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font .tit {
  font-size: 24px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font .tit,
  .hprodt5_ct6 .hprodt5_ct6_font .dec {
  font-size: 22px;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_font,
  .hprodt2_ct13 .hprodt2_ct13_font .dec,
  .hprodt2_ct3 .hprodt2_ct3_tag,
  .hprodt2_ct4 .hprodt2_ct4_font .dec,
  .hprodt2_ct5 .hprodt2_ct5_li .dec,
  .hprodt2_ct5 .hprodt2_ct5_tit,
  .hprodt2_ct6 .hprodt2_ct6_font .dec,
  .hprodt2_ct9 .hprodt2_ct9_ul li .dec,
  .hprodt4_ct10 .hprodt4_ct10_font,
  .hprodt5_ct11 .hprodt5_ct11_font .dec,
  .hprodt5_ct12 .hprodt5_ct11_font .dec,
  .hprodt5_ct15 .hprodt5_ct15_font,
  .hprodt5_ct3 .hprodt5_ct3_font .dec,
  .hprodt5_ct8 .hprodt5_ct8_font .dec,
  .hprodt8_ct4 .hprodt8_ct4_font .dec,
  .hprodt_tit .dec {
  font-size: 18px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bfont,
  .hprodt5_ct4 .hprodt5_ct4_font .dec {
  margin-top: 15px;
  font-size: 16px;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li .dec {
  margin-top: 10px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_font {
  left: 5.5%;
  width: 42%;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_li .tit {
  margin-bottom: 10px;
  }
  
  .hprodt2_ct2 .hprodt_tit .dec,
  .hprodt2_ct5 .hprodt2_ct5_li,
  .hprodt2_ct5 .hprodt2_ct5_tit {
  margin-top: 25px;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_right,
  .hprodt4_ct6 .hprodt2_ct7_font {
  padding-right: 5.5%;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_list,
  .hprodt5_ct5 .hprodt5_ct5_font,
  .hprodt6_ct3 .hprodt6_ct3_font {
  right: 5.5%;
  }
  
  .hprodt4_ct10 .hprodt_tit,
  .hprodt5_ct7 .hprodt5_ct5_font,
  .hprodt6_ct3 .hprodt6_ct3_font {
  left: 5.5%;
  }
  
  .hprodt4_ct10 .hprodt_tit {
  width: 35%;
  }
  
  .hprodt5_ct7 {
  padding: 50px 0;
  background: #000 !important;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_font .tit {
  margin-top: 30px;
  margin-bottom: 15px;
  }
  
  .hprodt5_ct9 .hprodt2_ct7_font {
  bottom: 20%;
  }
  
  .hprodt5_ct15 {
  padding: 80px 0 100px 0;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_font {
  width: 35%;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_font {
  padding-right: 10%;
  }
  
  .hprodt7_ct6 .hprodt7_ct6_font {
  width: 36%;
  }
  
  .hprodt8_ct1 .hprodt8_ct1_icon {
  left: 6.5%;
  }
  
  .hprodt8_ct2 {
  padding: 80px 0;
  padding-top: 0 !important;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon img {
  max-width: 200px;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon {
  margin: 50px auto;
  }
  }
  
  @media screen and (max-width:1366px) {
  .hprodt5_ct5 {
  padding-bottom: 15%;
  background: #100f0f;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_iconBox {
  bottom: 35%;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_li .tit {
  font-size: 28px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_tips {
  margin-top: 30px;
  }
  
  .hprodt4_ct10,
  .hprodt6_ct15 {
  margin-bottom: 80px;
  }
  }
  
  @media screen and (max-width:1259px) {
  
  .hprodt3_ct4 > div,
  .hprodt5_ct9 .hprodt_tit,
  .hprodt6_ct3 .hprodt6_ct3_dec {
  padding: 0;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_list,
  .hprodt3_ct9 .hprodt_tit,
  .hprodt5_ct2 .hprodt_tit {
  width: 90%;
  }
  
  .applicationinfo-cont2 .applicationinfo-cont2-imgicon img {
  max-width: 70px;
  }
  
  .hprodt1_ct4 .hprodt1_ct4_tag {
  bottom: 40px;
  }
  
  .applicationinfo-cont4 .applicationinfo-cont3-tit {
  width: 40%;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_ul {
  margin-top: 40px;
  }
  
  .hprodt2_ct3 td,
  .hprodt2_ct3 td:first-child,
  .hprodt2_ct3 th {
  font-size: 16px;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_font .tit {
  margin: 20px auto 15px auto;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul {
  padding: 0 5%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_font {
  position: relative;
  top: 0;
  width: 100%;
  }
  
  .hprodt2_ct11 {
  padding-top: 40px;
  background: #000;
  }
  
  .hprodt2_ct11 .hprodt_tit .dec {
  margin: 20px 0;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_ul {
  width: 70%;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_ul {
  width: 60%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_img {
  margin-top: -15%;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_font {
  width: 50%;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_list {
  width: 40%;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_tit,
  .hprodt3_ct4 .hprodt3_ct4_font .tit {
  font-size: 30px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_font {
  left: 5.5%;
  width: 40%;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_tips {
  padding-top: 20px;
  font-size: 18px;
  }
  
  .hprodt3_ct11_tit {
  font-size: 18px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_li {
  font-size: 20px;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_font,
  .hprodt3_ct4 .hprodt3_ct4_font .dec,
  .hprodt3_ct9 .hprodt3_ct9_tit,
  .hprodt4_ct10 .hprodt4_ct10_font,
  .hprodt5_ct5 .hprodt5_ct5_dec,
  .hprodt5_ct6 .hprodt5_ct6_font .dec,
  .hprodt6_ct3 .hprodt6_ct3_dec,
  .hprodt7_ct3 .hprodt7_ct3_dec {
  font-size: 18px;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_font .dec,
  .hprodt6_ct15 .hprodt6_ct15_font .tit,
  .hprodt8_ct4 .hprodt8_ct4_font .dec {
  font-size: 16px;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_tit,
  .hprodt_tit1 .tit {
  font-size: 32px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font {
  padding-left: 30px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_img,
  .hprodt5_ct4 .hprodt5_ct4_right {
  border-radius: 15px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_tit,
  .hprodt5_ct6 .hprodt5_ct6_font .tit {
  font-size: 26px;
  }
  
  .hprodt5_ct13 {
  padding-top: 80px;
  }
  
  .hprodt5_ct12 .hprodt5_ct12_img1 {
  margin-top: 6.5%;
  }
  
  .hprodt6_ct13 {
  padding-top: 80px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li {
  margin-top: 20px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_font {
  padding-right: 5.5%;
  }
  
  .hprodt7_ct6 .hprodt_tit {
  margin-top: 50px;
  }
  
  .hprodt7_ct1 .hprodt7_ct1_tit {
  font-size: 34px;
  }
  
  .hprodt8_ct1 .hprodt8_ct1_icon {
  left: 5.5%;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon img {
  max-width: 160px;
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img1 img {
  max-width: 700px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_tips {
  right: 8%;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .dec {
  font-size: 18px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_font {
  bottom: 10%;
  }
  
  .hprodt8_ct2 .hprodt2_ct12_list {
  top: 16%;
  }
  }
  
  @media screen and (max-width:1100px) {
  
  .hprodt2_ct3 .hprodt2_ct3_list,
  .hprodt2_ct4 .hprodt2_ct4_ulBox {
  flex-wrap: wrap;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_left,
  .hprodt2_ct4 .hprodt2_ct4_list,
  .hprodt5_ct4 .hprodt5_ct4_left {
  width: 100%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_right {
  margin: 50px auto;
  width: 60%;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_left,
  .hprodt2_ct4 .hprodt2_ct4_list li {
  padding-right: 0;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_left {
  margin-right: 0;
  }
  
  .hprodt1_ct7 .applicationinfo-cont7-font {
  top: 30px;
  width: 55%;
  }
  
  .hprodt_tit .dec {
  margin-top: 10px;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_right {
  margin: 0 auto;
  margin-top: 30px;
  width: 65%;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_list li {
  margin-top: 40px;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_font .tit {
  font-size: 26px;
  }
  
  .hprodt_tit {
  padding: 0 5%;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li {
  width: 48.5%;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li:nth-child(3n) {
  margin-right: 3%;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt2_ct13 {
  padding: 80px 0;
  }
  
  .hprodt4_ct2 {
  padding-top: 80px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_img1 img {
  max-width: 800px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_dec,
  .hprodt2_ct10 .hprodt2_ct10_num,
  .hprodt7_ct8 .hprodt7_ct8_dec {
  font-size: 16px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_dec {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 18px;
  }
  
  .hprodt_tit .tit {
  font-size: 32px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul {
  padding: 0;
  }
  
  .hprodt2_ct9,
  .hprodt4_ct3 {
  padding-bottom: 0;
  }
  
  .hprodt3_ct6 .hprodt3_ct6_tag,
  .hprodt3_ct9 .hprodt3_ct9_tit {
  font-size: 18px;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_icon {
  width: 80px;
  height: 80px;
  }
  
  .hprodt3_ct6 .hprodt_tit .dec,
  .hprodt3_ct9 .hprodt_tit .dec {
  margin-top: 30px;
  }
  
  .hprodt3_ct7 .hprodt3_ct7_bgm {
  margin-top: 40px;
  }
  
  .hprodt3_ct7 .hprodt_tit .dec {
  margin-top: 20px;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_font .dec {
  margin-top: 10px;
  line-height: 1.8;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_font {
  width: 42.5%;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_img {
  width: 56.2%;
  }
  
  .hprodt3_ct5 .hprodt_tit .dec {
  margin-top: 15px;
  margin-bottom: 30px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .dec {
  margin-top: 10px;
  font-size: 18px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .tit {
  font-size: 32px;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 90%;
  transform: translateX(0);
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font .dec {
  padding: 30px 0;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_ul {
  padding: 0;
  }
  
  .hprodt_tit1 {
  padding: 0 8%;
  }
  
  .hprodt_tit1 .dec {
  margin-top: 20px;
  }
  
  .hprodt4_ct5 {
  padding-top: 20px !important;
  }
  
  .hprodt4_ct8 .hprodt2_ct10_img2 img {
  max-width: 90%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul {
  margin-top: 50px;
  }
  
  .hprodt4_ct10 .hprodt_tit {
  top: 20%;
  width: 45%;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_icon {
  width: 60px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bicon {
  width: 120px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_tit {
  font-size: 24px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_font,
  .hprodt5_ct5 .hprodt5_ct5_iconBox {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 90%;
  transform: translateX(0);
  }
  
  .hprodt5_ct5 .hprodt5_ct5_iconBox {
  margin-top: -12%;
  margin-bottom: 50px;
  }
  
  .hprodt5_ct7 .hprodt5_ct5_iconBox {
  margin-top: -40%;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_li {
  margin-top: 25px;
  }
  
  .hprodt5_ct5 {
  padding-bottom: 50px;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_ul li,
  .hprodt5_ct12 .hprodt5_ct11_ul li,
  .hprodt6_ct9 .hprodt5_ct11_ul li {
  margin-bottom: 35px;
  width: 50%;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_ul,
  .hprodt5_ct12 .hprodt5_ct11_ul {
  padding-top: 50px;
  padding-bottom: 0;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_icon,
  .hprodt5_ct12 .hprodt5_ct11_icon {
  width: 50px;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font,
  .hprodt5_ct12 .hprodt5_ct11_font {
  width: calc(100% - 50px);
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font .tit,
  .hprodt5_ct12 .hprodt5_ct11_font .tit {
  font-size: 22px;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_font {
  width: calc(100% - 60px);
  }
  
  .hprodt6_ct12 {
  padding-bottom: 30px;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_font {
  width: 48%;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_font,
  .hprodt6_ct2 .hprodt6_ct2_font {
  font-size: 18px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul li {
  margin-bottom: 35px;
  width: 33.333%;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(1) img {
  max-width: 140px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(2) img {
  max-width: 160px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(3) img {
  max-width: 220px;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_img {
  width: 58%;
  }
  
  .hprodt7_ct5 .hprodt_tit {
  width: 42%;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_dec {
  margin-top: 15px;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_tips {
  margin-bottom: 30px;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_font {
  width: 46%;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_font .tit {
  font-size: 22px;
  }
  
  .hprodt8_ct4 .hprodt8_ct3_ul li {
  margin-bottom: 1.5%;
  width: 49.2%;
  }
  
  .hprodt8_ct4 .hprodt8_ct3_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon img {
  max-width: 120px;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon {
  width: 180px;
  height: 160px;
  }
  
  .hprodt8_ct6 {
  padding-top: 80px;
  padding-bottom: 100px;
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img1 img {
  max-width: 600px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: 50px;
  }
  
  .hprodt6_ct2 .hprodt_tit {
  margin-bottom: 0;
  }
  }
  
  @media screen and (max-width:980px) {
  
  .application-spe ul,
  .hprodt2_ct5,
  .hprodt7_ct5 .hprodt7_ct5_ul li {
  flex-wrap: wrap;
  }
  
  .applicationinfo-cont3-tit .applicationinfo-cont3-titp,
  .hprodt2_ct11 .hprodt2_ct11_ul,
  .hprodt2_ct5 .hprodt2_ct5_right,
  .hprodt2_ct7 .hprodt2_ct7_font,
  .hprodt2_ct9 .hprodt2_ct9_ul li,
  .hprodt3_ct4 .hprodt3_ct4_font,
  .hprodt3_ct4 .hprodt3_ct4_img,
  .hprodt7_ct5 .hprodt7_ct5_img,
  .hprodt7_ct5 .hprodt_tit,
  .hprodt8_ct3 .hprodt8_ct3_font {
  width: 100%;
  }
  
  .hprodt4_ct6 .hprodt2_ct7_font {
  margin: 0 auto;
  width: 60%;
  }
  
  .hprodt3_ct4 .hprodt3_ct4_font {
  margin-right: 0;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(odd) .hprodt_tit {
  padding-right: 0;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(even) .hprodt_tit {
  padding-left: 0;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_list,
  .hprodt5_ct2 .hprodt5_ct2_ul,
  .hprodt5_ct4 .hprodt5_ct4_right {
  width: 90%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_img1 img {
  max-width: 90%;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li {
  margin-top: 40px;
  padding-right: 0;
  text-align: center;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li:first-child {
  margin-top: 0;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_right {
  margin-top: 50px;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_left {
  width: 65%;
  }
  
  .hprodt2_ct1 .hprodt2_ct1Box {
  width: 45%;
  }
  
  .hprodt2_ct11,
  .hprodt_tit,
  .hprodt_tit1 {
  padding: 0;
  }
  
  .hprodt2_ct6 {
  padding-top: 70px;
  }
  
  .hprodt2_ct2,
  .hprodt2_ct8,
  .hprodt3_ct11 {
  padding: 80px 0;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_tit,
  .hprodt2_ct3,
  .hprodt2_ct8 {
  padding-bottom: 0;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_tit,
  .hprodt2_ct4 .hprodt2_ct4_font .tit,
  .hprodt2_ct6 .hprodt2_ct6_font .tit,
  .hprodt5_ct3 .hprodt5_ct3_font .tit {
  font-size: 22px;
  }
  
  .hprodt_tit .tit {
  font-size: 28px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_tit {
  font-size: 32px;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_right {
  width: 80%;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_icon {
  width: 60px;
  height: 60px;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_font {
  width: calc(100% - 60px);
  }
  
  .hprodt2_ct12 .hprodt2_ct12_font,
  .hprodt2_ct4 .hprodt2_ct4_font .dec,
  .hprodt2_ct6 .hprodt2_ct6_font .dec,
  .hprodt4_ct10 .hprodt4_ct10_font,
  .hprodt5_ct11 .hprodt5_ct11_font .dec,
  .hprodt5_ct12 .hprodt5_ct11_font .dec,
  .hprodt5_ct3 .hprodt5_ct3_font .dec,
  .hprodt5_ct6 .hprodt5_ct6_font .dec,
  .hprodt5_ct8 .hprodt5_ct8_font .dec {
  font-size: 16px;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_dec {
  font-size: 18px;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_img {
  margin-top: -8%;
  }
  
  .hprodt2_ct8 .hprodt_tit .dec {
  margin-top: 20px;
  margin-bottom: 30px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_tit {
  text-align: left;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_ul {
  justify-content: flex-start;
  }
  
  .hprodt2_ct12 .hprodt_tit .dec {
  margin-top: 20px;
  margin-bottom: 30px;
  }
  
  .hprodt2_ct12 .hprodt2_ct12_list {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 70px;
  padding-bottom: 30px;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font .tit {
  font-size: 22px;
  }
  
  .hprodt2_ct3 table {
  margin: 0 auto;
  width: 700px;
  }
  
  .hprodt3_ct1 .hprodt3_ct1_tit {
  margin-top: 25px;
  margin-bottom: 40px;
  font-size: 34px;
  }
  
  .hprodt3_ct2 .hprodt3_ct2_list {
  position: relative;
  right: 0;
  bottom: 0;
  padding-top: 40px;
  width: 100%;
  }
  
  .hprodt3_ct10 .hprodt2_ct12_ul,
  .hprodt3_ct2 .hprodt3_ct2_ul li,
  .hprodt3_ct2 .hprodt_tit .dec,
  .hprodt3_ct3 .hprodt_tit .dec,
  .hprodt3_ct4 .hprodt3_ct4_li,
  .hprodt3_ct5 .hprodt3_ct5_li,
  .hprodt4_ct3 .hprodt4_ct3_img,
  .hprodt7_ct5 .hprodt_tit {
  margin-top: 25px;
  }
  
  .hprodt3_ct2 {
  padding-bottom: 20px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .tit {
  font-size: 28px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_font {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 35px;
  width: 90%;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .dec,
  .hprodt3_ct5 .hprodt3_ct5_li .tit,
  .hprodt3_ct5 .hprodt3_ct5_tips,
  .hprodt3_ct5 .hprodt_tit .dec,
  .hprodt3_ct5 .hprodt_tit .tit {
  color: #0d0d0d;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul li {
  text-align: center;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul {
  justify-content: flex-start;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul li,
  .hprodt3_ct10 .hprodt2_ct12_ul li,
  .hprodt3_ct9 .hprodt3_ct9_ul li,
  .hprodt8_ct2 .hprodt2_ct12_ul li {
  margin-bottom: 30px;
  width: 33.333%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul li {
  width: 25%;
  }
  
  .hprodt3_ct10 .hprodt2_ct12_list {
  padding-top: 0;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font .tit,
  .hprodt4_ct7 .hprodt_tit .tit {
  font-size: 34px;
  }
  
  .hprodt4_ct10 .hprodt_tit {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 90%;
  text-align: center;
  }
  
  .hprodt4_ct10 .hprodt4_ct10_ul {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  margin-bottom: 50px;
  width: 90%;
  transform: translateX(0);
  }
  
  .hprodt4_ct10 .hprodt4_ct10_ul li {
  margin-top: 40px;
  width: 33.333%;
  text-align: center;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_font {
  padding: 12% 10%;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_ul li {
  border-radius: 20px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_ul li {
  margin-top: 20px;
  width: 33.333%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bot {
  padding: 50px 0;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_ul {
  margin-top: 5px;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_ul li:nth-child(odd) .hprodt5_ct6_font {
  padding-left: 0;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_ul li:nth-child(even) .hprodt5_ct6_font {
  padding-right: 0;
  }
  
  .hprodt5_ct7 .hprodt5_ct5_iconBox {
  margin-top: -20%;
  }
  
  .hprodt5_ct8 .hprodt5_ct8_font .tit {
  font-size: 22px;
  }
  
  .hprodt5_ct10 {
  padding-bottom: 60px;
  }
  
  .hprodt5_ct13,
  .hprodt8_ct3 {
  padding-top: 70px;
  }
  
  .hprodt5_ct14 .hprodt2_ct12_list {
  padding-bottom: 50px;
  }
  
  .hprodt5_ct15 .hprodt5_ct15_font {
  padding: 15px;
  font-size: 16px;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 40px 0;
  width: 90%;
  transform: translateX(0);
  }
  
  .hprodt6_ct2 {
  padding: 60px 0;
  }
  
  .hprodt6_ct2,
  .hprodt6_ct3 {
  background: #111;
  }
  
  .hprodt6_ct6 .prodt54-ms {
  margin-top: 40px;
  }
  
  .hprodt6_ct7_tag {
  top: 6%;
  left: 6%;
  font-size: 20px;
  }
  
  .hprodt6_ct11 .hprodt6_ct7_tag {
  top: 20% !important;
  left: 6% !important;
  }
  
  .hprodt6_ct12 .prodt55-ms .swiper-button-next,
  .hprodt6_ct12 .prodt55-ms .swiper-button-prev,
  .hprodt6_ct12 .prodt55-ms .swiper-pagination {
  display: block;
  }
  
  .hprodt6_ct12 {
  padding-bottom: 80px;
  }
  
  .hprodt6_ct13 {
  padding-top: 70px !important;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_icon img {
  max-width: 80px;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_ul li {
  width: 48.75%;
  }
  
  .hprodt6_ct15 .hprodt6_ct15_ul li:nth-child(2n) {
  margin-right: 0;
  }
  
  .hprodt6_ct2 .hprodt_tit {
  padding: 0;
  }
  
  .hprodt7_ct1 .hprodt7_ct1_tit {
  font-size: 30px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_font,
  .hprodt7_ct6 .hprodt7_ct6_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 75px;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt7_ct3 .hprodt7_ct3_bgm {
  margin-top: -35%;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(1) img {
  max-width: 120px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(2) img {
  max-width: 130px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(3) img {
  max-width: 180px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_li .tit {
  font-size: 45px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_li .tit span {
  font-size: 30px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_tips {
  right: 5.5%;
  }
  
  .hprodt7_ct5 .hprodt_tit {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  }
  
  .hprodt7_ct5 .hprodt7_ct5_img {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  }
  
  .hprodt7_ct5 {
  padding: 80px 0;
  }
  
  .hprodt7_ct6 .hprodt7_ct6_bgm {
  margin-top: -18%;
  }
  
  .hprodt7_ct7 .hprodt_tit,
  .hprodt8_ct3 .hprodt8_ct3_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 40px;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt7_ct7 .hprodt_tit .dec,
  .hprodt7_ct7 .hprodt_tit .tit {
  color: #fff;
  }
  
  .hprodt7_ct8 {
  padding-top: 60px;
  padding-bottom: 80px;
  }
  
  .hprodt8_ct1 .hprodt2_ct1_tit {
  margin: 25px auto;
  }
  
  .hprodt2_ct1 .hprodt2_ct1Box {
  top: 32%;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_num img {
  max-width: 120px;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon img {
  max-width: 90px;
  }
  
  .hprodt8_ct4 .hprodt8_ct4_icon {
  margin: 50px auto 30px auto;
  width: 160px;
  height: 120px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_li {
  font-size: 14px;
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img1 img {
  max-width: 400px;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_bgm {
  margin-top: -10%;
  }
  
  .hprodt8_ct1 .hprodt2_ct1_fimg img {
  max-width: 300px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_tips {
  right: 3%;
  bottom: 7%;
  font-size: 14px;
  }
  }
  
  @media screen and (max-width:767px) {
  
  .application-spe ul,
  .hprodt5_ct4 .hprodt5_ct4_li,
  .hprodt5_ct6 .hprodt5_ct6_ul li,
  .hprodt8_ct3_ul {
  flex-wrap: wrap;
  }
  .evomax40-cont2 ul{
      margin-top: 10%;
  }
  .hprodt2_ct7 .hprodt2_ct7_img,
  .hprodt8_ct5 .hprodt8_ct5_simg {
  display: block;
  }
  
  .hprodt2_ct7 {
  padding-bottom: 0;
  background: 0 0 !important;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_img,
  .hprodt8_ct5 .hprodt8_ct5_ul {
  display: none;
  }
  
  .applicationinfo-cont4 .applicationinfo-cont3-tit,
  .hprodt1_ct3 .applicationinfo-cont3-tit,
  .hprodt2_ct13 .hprodt2_ct13_ul li,
  .hprodt2_ct2 .hprodt2_ct2_ul li,
  .hprodt2_ct3 .hprodt2_ct3_right,
  .hprodt2_ct6 .hprodt2_ct6_ul li,
  .hprodt3_ct11 .hprodt3_ct11_ul1 li,
  .hprodt3_ct11 .hprodt3_ct11_ul2 li,
  .hprodt5_ct11 .hprodt5_ct11_ul li,
  .hprodt5_ct12 .hprodt5_ct11_ul li,
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1,
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2,
  .hprodt5_ct15 .hprodt5_ct15_ul li,
  .hprodt5_ct2 .hprodt5_ct2_ul li,
  .hprodt5_ct3 .hprodt5_ct3_ul li,
  .hprodt5_ct4 .hprodt5_ct4_font,
  .hprodt5_ct4 .hprodt5_ct4_right,
  .hprodt5_ct6 .hprodt5_ct6_font,
  .hprodt5_ct6 .hprodt5_ct6_imgBox,
  .hprodt5_ct8 .hprodt5_ct8_ul li,
  .hprodt6_ct15 .hprodt6_ct15_ul li,
  .hprodt6_ct9 .hprodt5_ct11_ul li,
  .hprodt7_ct8 .hprodt7_ct8_ul li,
  .hprodt8_ct3 .hprodt8_ct3_num,
  .hprodt8_ct4 .hprodt8_ct3_ul li {
  width: 100%;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li,
  .hprodt2_ct2 .hprodt2_ct2_ul li,
  .hprodt2_ct6 .hprodt2_ct6_ul li,
  .hprodt3_ct11 .hprodt3_ct11_ul1 li,
  .hprodt3_ct11 .hprodt3_ct11_ul2 li,
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1,
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2,
  .hprodt5_ct3 .hprodt5_ct3_ul li,
  .hprodt5_ct8 .hprodt5_ct8_ul li,
  .hprodt6_ct15 .hprodt6_ct15_ul li,
  .hprodt7_ct8 .hprodt7_ct8_ul li,
  .hprodt8_ct3 .hprodt8_ct3_num,
  .hprodt8_ct4 .hprodt8_ct3_ul li {
  margin-right: 0;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font {
  margin-top: 20px;
  padding-left: 0;
  text-align: center;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_tips,
  .hprodt3_ct3 .hprodt_tit .dec,
  .hprodt3_ct5 .hprodt3_ct5_li {
  margin-top: 10px;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font .tit,
  .hprodt2_ct2 .hprodt2_ct2_ul li,
  .hprodt2_ct7 .hprodt2_ct7_li,
  .hprodt3_ct11 .hprodt3_ct11_ul1 li,
  .hprodt3_ct11 .hprodt3_ct11_ul2 li,
  .hprodt3_ct2 .hprodt_tit .dec,
  .hprodt4_ct4 .hprodt4_ct4_img,
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1,
  .hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2,
  .hprodt6_ct15 .hprodt6_ct15_li {
  margin-top: 20px;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_ul li,
  .hprodt5_ct2 .hprodt5_ct2_ul li,
  .hprodt5_ct3 .hprodt5_ct3_ul li,
  .hprodt7_ct8 .hprodt7_ct8_ul li {
  margin-top: 25px;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_ul li,
  .hprodt5_ct8 .hprodt5_ct8_ul li {
  margin-top: 40px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul,
  .hprodt2_ct13 .hprodt2_ct13_ul li:first-child,
  .hprodt2_ct2 .hprodt2_ct2_ul li:first-child,
  .hprodt4_ct10 .hprodt4_ct10_ul li,
  .hprodt5_ct2 .hprodt5_ct2_ul li:first-child,
  .hprodt5_ct3 .hprodt5_ct3_ul li:first-child,
  .hprodt5_ct6 .hprodt5_ct6_ul li:first-child,
  .hprodt5_ct8 .hprodt5_ct8_ul li:first-child,
  .hprodt8_ct3 .hprodt8_ct3_num:first-child {
  margin-top: 0;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_ul li,
  .hprodt8_ct4 .hprodt8_ct3_ul li {
  margin-bottom: 30px;
  }
  
  .hprodt2_ct6 .hprodt2_ct6_ul li:last-child,
  .hprodt8_ct4 .hprodt8_ct3_ul li:last-child {
  margin-bottom: 0;
  }
  
  .hprodt1_ct7 .applicationinfo-cont7-font,
  .hprodt2_ct1 .hprodt2_ct1Box,
  .hprodt3_ct7 .hprodt3_ct7_tag {
  width: 90%;
  }
  
  .applicationinfo-cont2 .applicationinfo-cont2-imgicon img {
  max-width: 50px;
  }
  
  .applicationinfo-cont4 .applicationinfo-cont3-min h2 span {
  font-size: 50px;
  }
  
  .applicationinfo-cont4 .applicationinfo-cont3-min h2 {
  font-size: 30px;
  }
  
  .hprodt1_ct4 .hprodt1_ct4_tag {
  bottom: 20px;
  font-size: 14px;
  }
  
  .applicationinfo-cont4 .applicationinfo-cont3-tit {
  margin-top: 5%;
  }
  
  .hprodt1_ct4 .hprodt1_ct4_img {
  padding: 8% 0 10% 0;
  }
  
  .hprodt1_ct4 {
  padding-top: 6%;
  background: #000;
  }
  
  .hprodt1_ct4 .hprodt1_ct4_tag {
  bottom: 0;
  }
  
  .hprodt1_ct3 .applicationinfo-cont3-tit {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(0);
  }
  
  .hprodt2_ct1 .hprodt2_ct1Box {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(0);
  }
  
  .applicationinfo-cont1 .applicationinfo-cont1-fonticon img {
  width: 38%;
  }
  
  .applicationinfo-cont1 .applicationinfo-cont1-fonticon {
  height: 40px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_tit {
  margin: 25px auto;
  font-size: 28px;
  }
  
  .hprodt_tit .tit {
  font-size: 26px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_li img {
  max-width: 65px;
  }
  
  .hprodt2_ct1,
  .hprodt2_ct12,
  .hprodt2_ct6,
  .hprodt3_ct6,
  .hprodt4_ct2,
  .hprodt7_ct3 .hprodt7_ct3_font,
  .hprodt7_ct6 .hprodt7_ct6_font,
  .hprodt7_ct7 {
  padding-top: 55px;
  }
  
  .hprodt2_ct10,
  .hprodt2_ct13,
  .hprodt2_ct2,
  .hprodt2_ct8,
  .hprodt3_ct11,
  .hprodt3_ct5,
  .hprodt4_ct1,
  .hprodt4_ct3,
  .hprodt4_ct4,
  .hprodt7_ct1,
  .hprodt7_ct5,
  .hprodt8_ct4 {
  padding: 55px 0;
  }
  
  .hprodt2_ct3 .hprodt2_ct3_tag,
  .hprodt2_ct8 .hprodt2_ct8_tips {
  margin-top: 20px;
  font-size: 14px;
  }
  
  .hprodt2_ct13 .hprodt2_ct13_font .tit,
  .hprodt2_ct4 .hprodt2_ct4_font .tit {
  font-size: 20px;
  }
  
  .hprodt2_ct2 .hprodt2_ct2_tit {
  font-size: 18px;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_icon {
  width: 45px;
  height: 45px;
  }
  
  .hprodt2_ct4 .hprodt2_ct4_font {
  width: calc(100% - 45px);
  }
  
  .hprodt2_ct4 .hprodt2_ct4_list li,
  .hprodt3_ct7 .hprodt3_ct7_bgm,
  .hprodt8_ct3 .hprodt8_ct3_num {
  margin-top: 25px;
  }
  
  .hprodt2_ct5 .hprodt2_ct5_left {
  width: 90%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_dec,
  .hprodt2_ct12 .hprodt_tit .dec,
  .hprodt2_ct13 .hprodt2_ct13_font .dec,
  .hprodt2_ct7 .hprodt2_ct7_dec,
  .hprodt2_ct7 .hprodt2_ct7_li .dec,
  .hprodt2_ct7 .hprodt2_ct7_tips,
  .hprodt2_ct8 .hprodt_tit .dec,
  .hprodt2_ct9 .hprodt2_ct9_ul li .dec,
  .hprodt3_ct6 .hprodt3_ct6_tag,
  .hprodt3_ct7 .hprodt3_ct7_tag,
  .hprodt3_ct9 .hprodt3_ct9_tit,
  .hprodt4_ct10 .hprodt_tit .dec,
  .hprodt4_ct2 .hprodt4_ct2_font .dec,
  .hprodt5_ct5 .hprodt5_ct5_dec,
  .hprodt6_ct3 .hprodt6_ct3_dec,
  .hprodt7_ct3 .hprodt7_ct3_dec,
  .hprodt_tit .dec,
  .hprodt_tit1 .dec,
  .prodt54-ms p {
  font-size: 16px;
  }
  
  .hprodt2_ct9 .hprodt2_ct9_ul li .tit {
  font-size: 22px;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul {
  margin-top: 20px;
  justify-content: flex-start;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_ul li {
  width: 50%;
  }
  
  .hprodt2_ct10 .hprodt2_ct10_num strong {
  font-size: 30px;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_tit,
  .hprodt2_ct10 .hprodt2_ct10_dec,
  .hprodt2_ct10 .hprodt2_ct10_num {
  text-align: center;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_ul {
  justify-content: center;
  }
  
  .hprodt2_ct11 .hprodt_tit .dec {
  margin-bottom: 0;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_img {
  margin-top: -2%;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_icon {
  width: 35px;
  height: 35px;
  }
  
  .hprodt2_ct11 .hprodt2_ct11_dec {
  width: calc(100% - 35px);
  }
  
  .hprodt2_ct12 .hprodt2_ct12_list {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt2_ct12 .hprodt2_ct12_ul li,
  .hprodt4_ct10 .hprodt4_ct10_ul li {
  margin-bottom: 25px;
  width: 50%;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_fimg img {
  margin: 0 auto;
  max-width: 300px;
  }
  
  .hprodt3_ct1 .hprodt3_ct1_tit {
  font-size: 30px;
  }
  
  .hprodt3_ct1 .hprodt3_ct1_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 0;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt3_ct2 .hprodt3_ct2_tit,
  .hprodt3_ct4 .hprodt3_ct4_font .tit,
  .hprodt3_ct5 .hprodt3_ct5_li .tit {
  font-size: 26px;
  }
  
  .hprodt3_ct3 .hprodt_tit,
  .hprodt3_ct5 .hprodt3_ct5_font,
  .hprodt3_ct9 .hprodt_tit {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 40px;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .dec,
  .hprodt3_ct5 .hprodt3_ct5_li .tit {
  color: #333;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_font {
  margin: 0 auto;
  padding-top: 30px;
  width: 90%;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_tips {
  margin: 0 auto;
  width: 100%;
  font-size: 16px;
  }
  
  .hprodt3_ct5 .hprodt3_ct5_li .dec {
  font-size: 16px;
  }
  
  .hprodt3_ct6 .hprodt_tit,
  .hprodt3_ct9,
  .hprodt3_ct9 .hprodt_tit {
  padding: 0;
  }
  
  .hprodt3_ct6 .hprodt_tit .dec {
  margin-top: 20px;
  margin-bottom: 20px;
  }
  
  .hprodt3_ct6 .hprodt3_ct6_tips {
  margin-top: 30px;
  font-size: 16px;
  }
  
  .hprodt3_ct6 {
  padding-bottom: 40px;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_icon {
  width: 70px;
  height: 70px;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_ul li {
  width: 50%;
  }
  
  .hprodt3_ct9 .hprodt3_ct9_img {
  margin-top: 0;
  margin-bottom: 10px;
  }
  
  .hprodt3_ct1 .hprodt3_ct1_img img {
  max-width: 250px;
  }
  
  .hprodt4_ct1 .hprodt4_ct1_icon img {
  max-width: 60px;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_ul li {
  margin-top: 20px;
  width: 50%;
  text-align: center;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font .dec {
  padding-top: 20px;
  padding-bottom: 0;
  }
  
  .hprodt4_ct3,
  .hprodt4_ct4 .hprodt_tit1,
  .hprodt4_ct5 {
  padding-bottom: 0;
  }
  
  .hprodt4_ct5 {
  padding-top: 0 !important;
  }
  
  .hprodt4_ct6 .hprodt2_ct7_font {
  float: none;
  padding-right: 0;
  width: 90%;
  }
  
  .hprodt4_ct7 {
  padding-top: 60px !important;
  padding-bottom: 0;
  }
  
  .hprodt4_ct10 {
  padding-top: 30px;
  }
  
  .hprodt4_ct10 .hprodt4_ct10_ul {
  margin-top: 30px;
  }
  
  .hprodt4_ct2 .hprodt4_ct2_font .tit,
  .hprodt4_ct7 .hprodt_tit .tit,
  .hprodt6_ct3 .hprodt6_ct3_tit,
  .hprodt_tit1 .tit {
  font-size: 28px;
  }
  
  .hprodt5_ct1 {
  background: #121315;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_ul,
  .hprodt5_ct2 .hprodt_tit {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 90%;
  transform: translateX(0);
  }
  
  .hprodt5_ct2 {
  padding: 55px 0;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_font {
  padding-left: 20px;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_icon {
  width: 45px;
  }
  
  .hprodt5_ct2 .hprodt5_ct2_font {
  width: calc(100% - 45px);
  }
  
  .hprodt5_ct4 .hprodt5_ct4_icon {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_font .dec {
  height: auto;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_li {
  padding: 10% 6%;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font .tit {
  font-size: 22px;
  }
  
  .hprodt5_ct11 .hprodt5_ct11_font .tit,
  .hprodt5_ct12 .hprodt5_ct11_font .tit,
  .hprodt5_ct4 .hprodt5_ct4_font .tit,
  .hprodt5_ct5 .hprodt5_ct5_tit {
  font-size: 20px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_right {
  margin: 30px auto;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_ul li {
  width: 50%;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bicon {
  width: 80px;
  }
  
  .hprodt5_ct4 .hprodt5_ct4_bot {
  padding: 40px 0;
  border-radius: 15px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_icon img {
  max-width: 80px;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_li {
  margin-top: 20px;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font {
  padding: 20px 0;
  padding-top: 0;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font .dec {
  margin-top: 15px;
  }
  
  .hprodt5_ct6 {
  padding: 45px 0 0 0;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_font {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  }
  
  .hprodt5_ct6 .hprodt5_ct6_imgBox {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  }
  
  .hprodt5_ct5 .hprodt5_ct5_img img {
  max-width: 260px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 30px auto;
  width: 90%;
  }
  
  .hprodt5_ct12,
  .hprodt5_ct13,
  .hprodt5_ct9 {
  padding-top: 50px;
  }
  
  .hprodt5_ct9 .hprodt5_ct9_tips {
  margin-top: 20px;
  font-size: 16px;
  }
  
  .hprodt5_ct11 .hprodt_tit .dec {
  padding: 0;
  }
  
  .hprodt5_ct15 {
  padding: 50px 0 65px 0;
  }
  
  .hprodt5_ct14 .hprodt2_ct12_list {
  padding-top: 0;
  padding-bottom: 20px;
  }
  
  .hprodt5_ct9 .hprodt_tit {
  text-align: left;
  }
  
  .hprodt5_ct3 .hprodt5_ct3_img {
  padding-top: 22%;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul li {
  margin-bottom: 20px;
  width: 50%;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_icon img {
  max-width: 60px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: 40px;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_li,
  .hprodt7_ct2 .hprodt3_ct9_ul,
  .hprodt7_ct6 .hprodt_tit,
  .hprodt8_ct6 .hprodt8_ct6_img1 {
  margin-top: 30px;
  }
  
  .hprodt6_ct3 .hprodt6_ct3_tit {
  font-size: 24px;
  }
  
  .hprodt6_ct2 {
  padding-bottom: 10px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_font {
  margin-top: 15px;
  font-size: 16px;
  }
  
  .hprodt6_ct11,
  .hprodt6_ct11 .prodt61-cont,
  .hprodt6_ct14,
  .hprodt6_ct8 {
  padding: 0;
  }
  
  .hprodt6_ct8 .hprodt2_ct7_font {
  margin: 0 auto;
  width: 100%;
  }
  
  .hprodt6_ct9 .hprodt5_ct11_ul li:last-child {
  margin-bottom: 0;
  }
  
  .hprodt6_ct15,
  .hprodt6_ct16,
  .hprodt8_ct6 {
  padding-top: 50px;
  padding-bottom: 60px;
  }
  
  .hprodt7_ct1 .hprodt7_ct1_tit {
  font-size: 26px;
  }
  
  .hprodt7_ct1 .hprodt7_ct1_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt2_ct7 .hprodt2_ct7_img,
  .hprodt3_ct6 .hprodt_tit .dec,
  .hprodt3_ct9 .hprodt_tit .dec {
  margin-top: 15px;
  }
  
  .hprodt7_ct2 {
  padding-top: 60px;
  padding-bottom: 40px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_bgm,
  .hprodt7_ct6 .hprodt7_ct6_bgm {
  margin-top: -10%;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(1) img {
  max-width: 100px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(2) img {
  max-width: 110px;
  }
  
  .hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(3) img {
  max-width: 160px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_li .tit {
  font-size: 38px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_li .tit span {
  font-size: 24px;
  }
  
  .hprodt7_ct4 {
  padding-top: 30px;
  padding-bottom: 55px;
  }
  
  .hprodt7_ct4 .hprodt2_ct7_tips {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 20px;
  width: 90%;
  }
  
  .hprodt7_ct7 .hprodt_tit {
  margin-bottom: 20px;
  }
  
  .hprodt7_ct8 {
  padding-top: 40px;
  padding-bottom: 55px;
  }
  
  .hprodt7_ct8 .hprodt7_ct8_font {
  padding: 10% 8%;
  }
  
  .hprodt2_ct1 .hprodt2_ct1_fimg img {
  max-width: 260px;
  }
  
  .hprodt8_ct1 .hprodt8_ct1_icon {
  max-width: 130px;
  }
  
  .hprodt8_ct2 {
  padding-bottom: 45px;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_num img {
  margin: 0;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_bgm {
  margin-top: -40%;
  }
  
  .hprodt8_ct3 .hprodt8_ct3_num img {
  max-width: 100px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_font {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 30px;
  width: 100%;
  transform: translateX(0);
  }
  
  .hprodt8_ct6 .hprodt8_ct6_img1 img {
  max-width: 300px;
  }
  
  .hprodt2_ct7 .hprodt2_ct7_li .tit {
  font-size: 24px;
  }
  
  .hprodt6_ct15 {
  margin-bottom: 40px;
  }
  
  .arowana-form {
  padding-top: 40px;
  }
  
  .hprodt1_ct7 .applicationinfo-cont7-font {
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
  margin-top: 20px;
  width: 100%;
  transform: translateX(0);
  }
  
  .applicationinfo-cont6 {
  padding-bottom: 40px;
  }
  
  .hprodt8_ct5 .hprodt8_ct5_tips {
  position: relative;
  right: 0;
  bottom: 0;
  margin: 0 auto 15px auto;
  width: 90%;
  text-align: center;
  }
  
  .hprodt3_ct11_tit {
  padding: 15px;
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: 40px;
  }
  
  .hprodt6_ct2 .hprodt_tit {
  padding: 0;
  }
  }
  
  /* 20221027 */
  .npro-tab {
  position: relative;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 160px;
  border-radius: 10px;
  background: #7f7d7e;
  transform: translateY(-50px);
  }
  
  .npro-tabBox {
  /* background-color: #000000; */
  position: sticky;
  top: 120px;
  z-index: 99;
  }
  
  .npro-tabtit {
  padding: 6px 5px;
  width: 50%;
  color: #050505;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -ms-transition: .5s;
  }
  
  .npro-tabtit.active {
  border-radius: 10px;
  background: #0167cd;
  color: #ffff;
  }
  
  .application-spe-bot .insrecruit-list {
  position: relative;
  display: none;
  }
  
  .application-spe-bot .insrecruit-list.show,
  .application-spe-bot .insrecruit-list:first-child {
  display: block;
  }
  
  @media screen and (max-width:767px) {
  .npro-tab {
  /* margin-top:20px; */
  width: 110px;
  }
  
  .npro-tabtit {
  padding: 5px 0px;
  font-size: 16px;
  }
  
  .npro-tabBox {
  justify-content: center;
  }
  }
  
  .c040,
  .c000 {
  background: #000;
  }
  
  /* 20221102 */
  .hprodt6_ct2 {
  padding-top: 0 !important
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: 0;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  bottom: 20%
  }
  
  .hprodt6_ct2 .hprodt_tit {
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6.5%;
  width: 70%
  }
  
  .hprodt6_ct2 .hprodt_tit .tit {
  color: #0c0c0c
  }
  
  .hprodt6_ct2 .hprodt_tit .dec {
  color: #141313
  }
  
  .hprodt6_ct2 .hprodt6_ct2_font {
  color: #121111
  }
  
  @media screen and (max-width:1459px) {
  
  .hprodt6_ct2 .hprodt6_ct2_ul,
  .hprodt6_ct2 .hprodt_tit {
  width: 90%
  }
  }
  
  @media screen and (max-width:1100px) {
  
  .hprodt6_ct2 .hprodt6_ct2_ul,
  .hprodt6_ct2 .hprodt_tit {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  transform: translateX(0)
  }
  
  .hprodt6_ct2 .hprodt6_ct2_font,
  .hprodt6_ct2 .hprodt_tit .dec,
  .hprodt6_ct2 .hprodt_tit .tit {
  color: #fff
  }
  
  .hprodt6_ct2 {
  padding-top: 60px !important
  }
  
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: 40px
  }
  }
  
  @media screen and (max-width:980px) {
  .hprodt6_ct2 {
  padding-top: 50px !important
  }
  }
  
  @media screen and (max-width:767px) {
  .hprodt6_ct2 .hprodt6_ct2_ul {
  margin-top: 25px
  }
  }
  
  
  /*20221229ï¿½ï¿½ï¿½ï¿½*/
  .prodt {
  /* margin-bottom: 20%; */
  }
  
  .evmaxmap {
  display: none;
  }
  
  .evmaxpc {
  display: block;
  }
  
  .evomax01,
  .evomax02,
  .evomax03,
  .evomax04,
  .evomax05,
  .evomax06,
  .evomax07,
  .evomax50,
  .evomax49,
  .evomax48,
  .evomax47,
  .evomax46,
  .evomax45,
  .evomax44,
  .evomax43,
  .evomax41,
  .evomax42,
  .evomax40 {
  position: relative;
  background-color: rgb(2 2 2);
  z-index: 99;
  color: white;
  overflow: hidden;
  }
  
  .evomax01 video {
  width: 100%;
  }
  
  .evomax01-cont {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 8%;
  }
  
  .evomax01-cont img {
  max-width: 360px;
  }
  
  .evomax01-cont h5 {
  color: white;
  text-align: center;
  font-size: 36px;
  margin-top: 3%;
  letter-spacing: 5px;
  }
  
  .evomax01-cont2 {
  padding-top: 8.5%;
  }
  
  .evomax01-cont2 ul {
  }
  
  .evomax01-cont2 li {
  width: 25%;
  float: left;
  text-align: center;
  margin-bottom: 10%;
  }
  
  .evomax01-cont2 li img {
  height: 80px;
  }
  
  .evomax01-cont2 li p {
  font-size: 22px;
  margin-top: 8%;
  }
  
  .evomax-head {
  text-align: center;
  }
  
  .evomax-head2 {
  text-align: left;
  }
  
  .evomax-head h2 {
  font-size: .60rem;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 3px;
  }
  
  .evomax-head p {
  font-size: 24px;
  margin-top: 2.8%;
  line-height: 40px;
  color: #939393;
  }
  
  .evomax-head p span {
  color: white;
  }
  
  .evomax-head p span:hover {
  }
  
  .evomax02 {
  padding: 6.5% 0 15.2%;
  }
  
  .evomax02-cont {
  margin-top: 6%;
  }
  
  
  .evomax02-cont4 {
  text-align: center;
  margin: 4.5% 0 3.3%;
  }
  
  .evomax02-cont3 {
  width: 80%;
  margin: auto;
  }
  
  .evomax02-cont3 ul li {
  display: none;
  }
  
  .evomax02-cont3 ul li.on {
  display: block;
  }
  
  .evomax02-cont4 ul {
  border-bottom: 2px solid #4d4d4d;
  /* display: inline-block; */
  width: 620px;
  margin: auto;
  }
  
  .evomax02-cont4 ul li {
  font-size: 22px;
  color: #848484;
  display: inline-block;
  padding-bottom: 10px;
  line-height: 52px;
  position: relative;
  cursor: pointer;
  }
  
  .evomax02-cont4 ul li:nth-child(2) {
  margin: 0 13.5%;
  }
  
  .evomax02-cont4 ul li.on,
  .evomax02-cont4 ul li:hover {
  color: white;
  }
  
  .evomax02-cont4 ul li.on::before,
  .evomax02-cont4 ul li:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: white;
  bottom: -1px;
  }
  
  .evomax02-cont ul {
  }
  
  .evomax02-cont ul li {
  width: 100%;
  display: none;
  }
  
  .evomax02-cont ul li.on {
  display: block;
  }
  
  .evomax02-cont ul li img {
  }
  
  .evomax02-cont-des {
  padding: 15px 7%;
  }
  
  .evomax02-cont-des h5 {
  font-size: 25px;
  margin: 5% 0;
  letter-spacing: 2px;
  }
  
  .evomax02-cont-des p {
  font-size: 22px;
  color: white;
  line-height: 43px;
  text-align: center;
  }
  
  .evomax02-cont2 {
  margin-top: 10%;
  position: relative;
  }
  
  .evomax02-cont2 video, .evomax02-cont2 img {
  width: 100%;
  }
  
  .evomax02-cont2-anniu {
  position: absolute;
  top: 32%;
  text-align: center;
  width: 100%;
  left: 0;
  }
  
  
  
  .evomax02-cont2-anniu p {
  display: inline-block;
  background-color: #d9d9d9;
  color: black;
  font-size: 21px;
  padding: 12px 30px;
  border-radius: 50px;
  cursor: pointer;
  }
  
  .evomax02-cont2-anniu p:hover {
  box-shadow: 0 0 57px 0 rgb(255 255 255 / 86%);
  }
  
  .evomax02-cont2-anniu p em {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-left: 0px;
  position: relative;
  }
  
  
  #evomax02-cont2-anniu1 {
  top: 50%;
  }
  
  #evomax02-cont2-anniu1 p {
  }
  
  .evomax02-cont2-anniu p img {
  display: inline-block;
  position: absolute;
  left: 2px;
  top: -1px;
  }
  
  .evomax03 {
  padding: 15% 0 16%;
  }
  
  .evomax03 .evomax-head p { /* font-weight: bold; */
  }
  
  .evomax03-cont {
  margin-top: 11%;
  border-radius: 30px;
  overflow: hidden;
  }
  
  .evomax03-cont video {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
  }
  
  .evomax04 {
  padding: 6.4% 0 8%;
  }
  
  .evomax04-cont {
  margin-top: 8%;
  }
  
  .evomax04-cont video {
  width: 100%;
  }
  
  
  .evomax04-cont2 {
  margin: 15% 0 12%;
  }
  
  .evomax04-cont2 ul {
  }
  
  .evomax04-cont2 ul li {
  width: 36%;
  float: left;
  margin: 0 7%;
  margin-bottom: 10%;
  text-align: center;
  }
  
  .evomax04-cont2 ul li img {
  width: 80px;
  height: 80px;
  }
  
  .evomax04-cont2-des {
  padding: 15px;
  }
  
  .evomax04-cont2-des h5 {
  font-size: 36px;
  font-weight: bold;
  margin: 7% 0 5% 0;
  letter-spacing: 2px;
  }
  
  .evomax04-cont2-des p {
  font-size: 22px;
  color: #a6a6a6;
  line-height: 1.6;
  text-align: justify;
  }
  
  .evomax04-cont2-des img {
  height: 80px;
  }
  
  .evomax04-cont2-des p span {
  color: white;
  }
  
  .evomax05 {
  /* height: 100vh; */
  }
  
  
  .evomax05-bgtp {
  /* min-height: 100vh; */
  position: relative;
  overflow: hidden;
  /* background: url(../images/evmax26.png) no-repeat center;
  background-size: 100%;
  background-position: 50%;
  background-attachment: fixed; */
  }
  
  
  .evomax05-bgtp-on {
  background-position: 50%;
  background-attachment: fixed;
  }
  
  .evomax05-bgtp2 {
  padding: 5% 0;
  background: url(../images/evmax63.png) no-repeat center;
  background-color: #ff000000;
  /* opacity: 0.1; */
  }
  
  .evomax05-cont2 {
  padding: 5% 0;
  }
  
  .evomax05-cont2 img {
  margin: 10% 0 14% 0;
  }
  
  .evomax05-cont2 ul {
  }
  
  .evomax05-cont2 ul li {
  width: 30.333%;
  float: left;
  margin: 2.3% 1.5%;
  text-align: left;
  }
  
  .evomax05-cont2 ul li h5 {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 0%;
  }
  
  .evomax05-cont2 ul li h5 span {
  }
  
  .evomax05-cont2 ul li p {
  font-size: 22px;
  color: #939393;
  margin-top: 15px;
  }
  
  .evomax05-cont2 .tx {
  font-size: 22px;
  color: #5a5a5a;
  margin-top: 5%;
  }
  
  .evomax05 .bigimg {
  margin: auto;
  }
  
  .evomax05-cont img {
  display: inline-block;
  width: 100%;
  }
  
  
  .evomax06 {
  }
  
  
  .evomax06-cont {
  position: relative;
  }
  
  .evomax06-cont .img {
  opacity: 0;
  }
  
  .evomax06-cont video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  }
  
  .evomax06-cont video.on {
  display: block;
  }
  
  .evomax07 .evomax-head h2 {
  font-size: .65rem;
  font-family: "SourceHanSansCN-Regular", "Arial", "å¾®è½¯é›…é»‘","sans-serif","microsoft yahei";
  }
  
  .evomax07-cont {
  margin-bottom: 8%;
  }
  
  .evomax07-cont video {
  width: 100%;
  }
  
  .evomax07-cont2 {
  padding: 3% 0 10%;
  }
  
  .evomax07-cont2 li {
  width: 30.333%;
  float: left;
  margin: 3.5% 1.5%;
  text-align: left;
  }
  
  .evomax07-cont2 li h5 {
  font-size: 55px;
  font-weight: bold;
  margin-bottom: 0%;
  }
  
  .evomax07-cont2 li h5 span {
  font-size: 26px;
  }
  
  .evomax07-cont2 li p {
  font-size: 23px;
  color: #939393; /* font-weight: bold; */
  margin-top: 10px;
  }
  
  .evomax50 {
  padding: 5% 0;
  background-color: #121212;
  }
  
  .evomax50-cont {
  margin-top: 6%;
  }
  
  .evomax50-dh {
  text-align: center;
  margin: 0% 0 7% 0;
  }
  
  .evomax50-dh p {
  font-size: 20px;
  /* padding: 0 3%; */
  width: 80px;
  display: inline-block;
  text-align: left;
  line-height: 52px;
  color: #b4b4b4;
  margin-right: 60px;
  cursor: pointer;
  }
  
  .evomax50-dh .on,
  .evomax50-dh p:hover {
  color: white;
  position: relative;
  }
  
  .evomax50-dh .on::before,
  .evomax50-dh p:hover::before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: white;
  left: 0;
  }
  
  
  .evomax50-dh-x {
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #373738;
  }
  
  .evomax50-dh p:nth-child(2) {
  text-align: right;
  margin-right: 0;
  }
  
  .evomax50-3d {
  background-color: black;
  padding: 10% 8%;
  }
  
  .evomax50-3d-cont {
  position: relative;
  }
  
  .evomax50-3d-left {
  width: 30%;
  margin-right: 70%;
  margin-top: 5%;
  margin-bottom: 5%;
  }
  
  .evomax50-3d-left img {
  display: inline-block;
  max-width: 50px;
  }
  
  .evomax50-3d-left h5 {
  font-size: 33px;
  line-height: 50px;
  margin: 10% 0 8%;
  font-weight: bold;
  }
  
  .evomax50-3d-left p {
  color: #78787E;
  font-size: 18px;
  }
  
  .evomax50-3d-right {
  position: absolute;
  width: 70%;
  left: 30%;
  top: 5%;
  }
  
  .evomax50-3d-right img {
  }
  
  .evomax49 {
  padding: 5%;
  padding-top: 2.5%;
  }
  
  .evomax49-cont {
  margin-top: 6.5%;
  }
  
  .evomax49-cont ul {
  }
  
  .evomax49-cont ul li {
  width: 31.333%;
  float: left;
  margin: 1%;
  position: relative;
  }
  
  .evomax49-cont ul li img {
  width: 100%;
  }
  
  .evomax49-cont ul li p {
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  left: 0;
  background-color: rgb(0 0 0 / 30%);
  }
  
  .evomax49-cont ul li:nth-child(1),
  .evomax49-cont ul li:nth-child(2) {
  width: 48%;
  }
  
  .evomax48 {
  padding: 7.5% 0;
  }
  
  .evomax48-cont {
  margin-top: 8%;
  }
  
  .evomax48-cont ul li {
  background-color: rgb(18 18 18);
  padding: 5%;
  margin-bottom: 2%;
  }
  
  .evomax48-cont ul li:nth-child(1) .evomax48-fd-left img {
  margin-top: 5%;
  margin-bottom: 5%;
  width: 75%;
  }
  
  
  .evomax48-cont ul li:nth-child(2) .evomax48-fd-left img {
  width: 60%;
  }
  
  .evomax48-fd {
  position: relative;
  }
  
  .evomax48-fd-left {
  width: 33%;
  }
  
  
  .evomax48-fd-right {
  width: 60%;
  position: absolute;
  right: 0;
  top: 0;
  }
  
  .evomax48-fd-right h5 {
  font-size: 28px;
  font-weight: bold;
  }
  
  .evomax48-fd-right a {
  font-size: 16px;
  color: #3f83ef;
  }
  
  .evomax48-fd-right a:hover {
  text-decoration: underline;
  }
  
  .evomax48-fd-ms {
  margin: 1.5% 0 2% 0;
  }
  
  .evomax48-fd-ms p {
  font-size: 16px;
  color: #909090;
  line-height: 1.7;
  }
  
  .evomax47 {
  padding: 5% 0;
  }
  
  .evomax47-cont {
  margin-top: 9%;
  }
  
  .evomax47 .evomax-head h2 {
  font-size: .65rem;
  }
  
  .evomax47 .evomax-head p {
  font-size: 24px;
  margin-top: 2%;
  font-weight: normal;
  }
  
  .evomax47 .evomax-head p span:hover {
  text-decoration: initial !important;
  }
  
  
  .evomax47 ul {
  }
  
  .evomax47 ul li {
  width: 31.333%;
  float: left;
  margin: 0% 1%;
  background-color: #121212;
  min-height: 300px;
  padding: 6% 5%;
  text-align: center;
  }
  
  .evomax47 ul li img {
  max-width: 80px;
  }
  
  .evomax47 ul li h5 {
  font-size: 28px;
  margin: 22% 0 9%;
  font-weight: bold;
  }
  
  .evomax47 ul li p {
  font-size: 17px;
  line-height: 28px;
  min-height: 85px;
  color: #909090;
  }
  
  .evomax46 {
  padding: 7.5% 0;
  }
  
  .evomax46 .evomax-head h2 {
  font-size: .65rem;
  }
  
  .evomax46-cont {
  margin-top: 11%;
  }
  
  .evomax46-fd {
  position: relative;
  }
  
  .evomax46-fd-left {
  width: 40%;
  position: absolute;
  left: 0;
  height: 100%;
  padding: 0% 5%;
  padding-left: 2%;
  }
  
  .evomax46-fd-x {
  border-left: 1px solid #494949;
  }
  
  .evomax46-fd-xline {
  position: relative;
  width: 1px;
  height: 100%;
  float: left;
  background: red;
  display: none;
  }
  
  .evomax46-fd-xline::before {
  content: "";
  height: 100%;
  left: -2px;
  width: 3px;
  background-color: white;
  top: 0;
  position: absolute;
  }
  
  .evomax46-fd-ms {
  color: #b4b4b4;
  margin-bottom: 12%;
  cursor: pointer;
  padding-left: 8%;
  position: relative;
  transition: all .3s cubic-bezier(.23,1,.32,1);
  }
  
  .evomax46-fd-ms.on::before {
  content: "";
  height: 100%;
  left: -2px;
  width: 3px;
  background-color: white;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: all .5s ease;
  }
  
  .hevomax46 .evomax46-fd-ms {
  color: #7a7a7a;
  }
  
  .hevomax46 .evomax46-fd-left {
  padding: 5%;
  }
  
  .evomax46-fd-ms.on,
  .evomax46-fd-ms:hover {
  color: white;
  }
  
  .evomax46-fd-ms h5 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 6%;
  transition: all .3s ease;
  }
  
  .hevomax46 .evomax46-fd-ms h5 { /* font-weight: normal; */
  }
  
  .evomax46-fd-ms p {
  font-size: 20px;
  line-height: 1.7;
  height: 0px;
  opacity: 0;
  transition: all .5s ease;
  }
  
  .evomax46-fd-ms.on p {
  height: auto;
  opacity: 1;
  }
  
  .evomax46-fd-right {
  width: 60%;
  margin-left: 40%;
  overflow: hidden;
  }
  
  .evomax46-fd-right img,
  .evomax46-fd-right video {
  width: 100%;
  display: none;
  }
  
  .evomax46-fd-right .on {
  display: block;
  }
  
  .evomax45 {
  padding: 5% 0;
  }
  
  .evomax46-tx {
  width: 60%;
  margin-left: 40%;
  }
  
  .evomax46-tx p {
  text-align: center;
  color: rgb(158 158 158 / 58%);
  font-size: 16px;
  margin-top: 5%;
  }
  
  .evomax45 .evomax-head h2 {
  font-size: .65rem;
  }
  
  .evomax45 .evomax-head p {
  font-weight: normal;
  font-size: 24px;
  }
  
  .evomax45-cont {
  margin-top: 7.5%;
  }
  
  .evomax45-cont .swiper-wrapper {
  height: auto;
  }
  
  .evomax45-cont-img {
  position: relative;
  overflow: hidden;
  }
  
  .evomax45-cont-img em {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: hsl(0deg 0% 0% / 73%);
  top: 0;
  }
  
  .evomax45-cont-img img {
  width: 100%;
  }
  
  .evomax45-cont-ms {
  text-align: center;
  margin-top: 12%;
  color: rgb(180 180 180 / 45%);
  }
  
  .evomax45-cont-ms h5 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 2%;
  }
  
  .evomax45-cont-ms p {
  font-size: 20px;
  color: #959596;
  margin-top: 6.5%;
  opacity: 0;
  }
  
  
  .evomax45-cont .swiper-slide {
  }
  
  .evomax45-cont .swiper-button-prev {
  background-image: url(../images/jt2.png);
  top: 35%;
  left: 28%;
  width: 60px;
  height: 60px;
  background-size: 60px;
  opacity: 0.5 !important;
  }
  
  .evomax45-cont .swiper-button-next {
  top: 35%;
  right: 28%;
  background-image: url(../images/jt1.png);
  width: 60px;
  height: 60px;
  background-size: 60px;
  opacity: 0.5 !important;
  }
  
  .evomax45-cont .swiper-button-prev:hover, .evomax45-cont .swiper-button-next:hover {
  opacity: 1 !important;
  }
  
  .evomax45-cont .swiper-slide-active {
  }
  
  .evomax45-cont .swiper-slide-active em, .evomax45-cont .swiper-slide:hover em {
  position: static;
  display: none;
  }
  
  .evomax45-cont .swiper-slide-active .evomax45-cont-ms, .evomax45-cont .swiper-slide:hover .evomax45-cont-ms {
  color: white;
  }
  
  .evomax45-cont .swiper-slide-active .evomax45-cont-ms p, .evomax45-cont .swiper-slide:hover .evomax45-cont-ms p {
  opacity: 1;
  }
  
  
  .evomax44 {
  padding: 5% 0;
  }
  
  .evomax44-cont {
  margin-top: 8%;
  background-color: #121212;
  border-radius: 18px;
  }
  
  .evomax44-cont2 ul li {
  width: 40%;
  float: left;
  margin: 7% 5%;
  }
  
  .evomax44-fd {
  position: relative;
  text-align: center;
  }
  
  .evomax44-fd-left {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  position: static;
  margin-bottom: 6%;
  }
  
  .evomax44-fd-left img {
  }
  
  .evomax44-fd-right {
  width: 100%;
  margin-left: 0%;
  }
  
  .evomax44-fd-right h5 {
  font-size: 30px;
  margin-bottom: 6%;
  }
  
  .evomax44-fd-right p {
  font-size: 24px;
  line-height: 1.667;
  color: #b4b4b4;
  }
  
  .evomax43 {
  padding: 12% 0 5% 0;
  }
  
  .evomax43 .evomax-head p {
  font-size: 24px;
  line-height: 1.79;
  color: #9d9d9d;
  }
  
  .evomax43-cont {
  margin-top: 6%;
  }
  
  .evomax41 {
  padding: 0% 0 8%;
  }
  
  .evomax41-cont {
  }
  
  .evomax41-fd {
  position: relative;
  }
  
  .evomax41-fd-left {
  width: 30%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 10%;
  }
  
  .evomax41-fd-left-ms {
  font-size: 18px;
  margin-bottom: 4%;
  color: #abafafb5;
  width: 174px;
  text-align: center;
  line-height: 92px;
  height: 86px;
  cursor: pointer;
  }
  
  .evomax41-fd-left-ms.on,
  .evomax41-fd-left-ms:hover {
  background: url(../images/evmax71.png);
  background-size: cover;
  color: white;
  }
  
  .evomax41-fd-right {
  width: 70%;
  margin-left: 30%;
  }
  
  .evomax41-fd-right-ms {
  display: none;
  position: relative;
  }
  
  .evomax41-fd-right-ms img {
  max-width: 500px;
  }
  
  .evomax41-fd-right-ms.on {
  display: block;
  }
  
  .evomax41-fd-right-dw {
  position: absolute;
  top: 65.5%;
  width: 43%;
  left: -10%;
  }
  
  .evomax41-fd-right-dw.right-dw1 {
  /* left: 19%; */
  width: 58%;
  }
  
  .evomax41-fd-right-dw.right-dw2 {
  /* left: 20%; */
  top: 39%;
  width: 60%;
  }
  
  .evomax41-fd-right-dw.right-dw3 {
  /* left: 0%; */
  top: 39%;
  width: 45%;
  }
  
  .evomax41-fd-right-dw h5 {
  font-size: 28px;
  font-weight: bold;
  }
  
  .evomax41-fd-right-dw em {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #585858;
  margin: 25px 0 30px;
  }
  
  .evomax41-fd-right-dw p {
  font-size: 16px;
  line-height: 28px;
  color: #6b6b70;
  }
  
  .evomax42 {
  padding: 5% 0;
  }
  
  
  .evomax42-bgtp {
  /* height: 100vh; */
  position: relative;
  overflow: hidden;
  /* background: url(../images/evmax62.png) no-repeat center;
  background-size: 100%;
  background-position: 50%;
  background-attachment: fixed; */
  }
  
  .evomax42-cont2 {
  margin-top: 5%;
  }
  
  .evomax42-ul1 {
  }
  
  .evomax42-ul1 li {
  display: none;
  }
  
  .evomax42-ul1 li video {
  width: 100%;
  }
  
  .evomax42-ul1 li img {
  }
  
  .evomax42-ul1 li.on {
  display: block;
  }
  
  .evomax42-ul2 {
  margin: auto;
  width: 635px;
  border-bottom: 1px solid #494949;
  margin-top: 6%;
  margin-bottom: 3%;
  }
  
  .evomax42-ul2 li {
  font-size: 22px;
  color: rgb(136 144 145 / 66%);
  display: inline-block;
  line-height: 52px;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  }
  
  .evomax42-ul2 li:nth-child(2) {
  margin: 0 13%;
  }
  
  .evomax42-ul2 li:nth-child(3) {
  margin-right: 13%;
  }
  
  .evomax42-ul2 li.on,
  .evomax42-ul2 li:hover {
  color: white;
  }
  
  .evomax42-ul2 li.on::before,
  .evomax42-ul2 li:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: white;
  bottom: -1px;
  }
  
  .evomax42-ul3 {
  width: 80%;
  margin: auto;
  }
  
  .evomax42-ul3 li {
  display: none;
  padding: 30px 15px;
  }
  
  .evomax42-ul3 li p {
  font-size: 20px;
  color: white;
  line-height: 32px;
  text-align: center;
  }
  
  .evomax42-ul3 li.on {
  display: block;
  }
  
  .evomax40 {
  padding: 5% 0;
  padding-top: 0px !important;
  }
  
  .evomax40-bgtp {
  /* height: 100vh; */
  position: relative;
  overflow: hidden;
  /* background: url(../images/evmax72.png) no-repeat center;
  background-size: 100%;
  background-position: 50%;
  background-attachment: fixed; */
  }
  
  .evomax40-cont {
  margin-bottom: 5%;
  }
  
  .evomax40-cont2 {
  padding: 9.5% 0;
  }
  
  .evomax40-cont2 img {
  }
  
  .evomax40-cont2 ul {}
  
  .evomax40-cont2 ul li {
  width: 30.333%;
  float: left;
  margin: 3% 1.5%;
  text-align: left;
  }
  
  .evomax40-cont2 ul li h5 {
  font-size: 50px;
  margin-bottom: 0%;
  font-weight: bold;
  }
  
  .evomax40-cont2 ul li p {
  font-size: 22px;
  color: #939393;
  margin-top: 15px;
  }
  
  .evomax40-cont2 ul li:nth-child(4) {
  width: 97%;
  }
  
  .evomax40-cont2-ms {
  margin-top: 5%;
  }
  
  .evomax40-cont2-ms p {
  font-size: 20px;
  color: #5c5c5c;
  line-height: 32px;
  }
  
  @media (max-width: 1659px) {
  .evomax-head h2,
  .evomax46 .evomax-head h2,
  .evomax07 .evomax-head h2,
  .evomax47 .evomax-head h2,
  .evomax45 .evomax-head h2 {
  font-size: 52px;
  letter-spacing: 3px;
  }
  
  .evomax-head p, .evomax43 .evomax-head pï¼Œ.evomax45 .evomax-head p, .evomax47 .evomax-head p {
  font-size: 22px;
  line-height: 40px;
  }
  }
  
  @media (max-width: 1459px) {
  .evomax40-cont2 ul li h5 {
  font-size: 46px;
  }
  
  .evomax-head h2,
  .evomax46 .evomax-head h2,
  .evomax07 .evomax-head h2,
  .evomax47 .evomax-head h2,
  .evomax45 .evomax-head h2 {
  font-size: 46px;
  letter-spacing: 3px;
  }
  
  .evomax05-cont2 ul li h5 {
  font-size: 46px;
  }
  
  .evomax07-cont2 li h5 {
  font-size: 46px;
  }
  
  .evomax-head p, .evomax43 .evomax-head p, .evomax45 .evomax-head p, .evomax47 .evomax-head p {
  font-size: 20px;
  line-height: 38px;
  }
  
  .evomax01-cont h5 {
  font-size: 32px;
  letter-spacing: 3px;
  }
  
  .evomax01-cont2 li img {
  height: 70px;
  width: 70px;
  }
  
  .evomax01-cont2 li p {
  font-size: 20px;
  }
  
  .evomax01-cont img {
  max-width: 360px;
  }
  }
  
  @media (max-width: 1259px) {
  .evomax40-cont2 ul li h5 {
  font-size: 42px;
  }
  
  .evomax01-cont img {
  max-width: 320px;
  }
  
  .evomax01-cont h5 {
  font-size: 30px;
  letter-spacing: 2px;
  }
  
  .evomax01-cont2 li img {
  height: 60px;
  width: 60px;
  }
  
  .evomax-head h2,
  .evomax46 .evomax-head h2,
  .evomax07 .evomax-head h2,
  .evomax47 .evomax-head h2,
  .evomax45 .evomax-head h2 {
  font-size: 40px;
  letter-spacing: 2px;
  }
  
  .evomax-head p, .evomax43 .evomax-head p, .evomax45 .evomax-head p, .evomax47 .evomax-head p {
  font-size: 19px;
  line-height: 32px;
  }
  
  .evomax01-cont2 li p {
  font-size: 18px;
  }
  
  .evomax02-cont4 ul li {
  font-size: 20px;
  }
  
  .evomax02-cont4 ul {
  width: 515px;
  }
  
  .evomax05-cont2 ul li h5 {
  font-size: 42px;
  }
  
  .evomax04-cont2 ul li img {
  width: 65px;
  height: 65px;
  }
  
  .evomax04-cont2 ul li {
  height: 240px;
  }
  
  .evomax04-cont2-des h5 {
  font-size: 22px;
  }
  
  .evomax07-cont2 li h5 {
  font-size: 42px;
  }
  
  .evomax04-cont2-des p {
  font-size: 16px;
  }
  
  .evomax41-fd-right-dw {
  width: 40%;
  }
  
  .evomax41-fd-right-dw.right-dw3 {
  width: 43%;
  }
  
  .evomax41-fd-right-dw h5 {
  font-size: 24px;
  }
  
  .evomax42-ul2 li {
  font-size: 20px;
  }
  
  .evomax42-ul2 {
  width: 580px;
  }
  
  .evomax42-ul3 li p {
  font-size: 16px;
  text-align: left;
  }
  
  .evomax46-fd-ms h5 {
  font-size: 26px;
  }
  
  .evomax46-fd-ms p {
  font-size: 16px;
  }
  
  .evomax45-cont-ms h5 {
  font-size: 25px;
  }
  
  .evomax44-fd-right h5 {
  font-size: 25px;
  }
  
  .evomax44-fd-right p {
  font-size: 18px;
  line-height: 30px;
  }
  
  .evomax47 ul li h5 {
  font-size: 25px;
  }
  
  .evomax47 ul li p {
  font-size: 16px;
  }
  
  .evomax48-fd-right h5 {
  font-size: 25px;
  }
  
  .evomax48-fd-ms p {
  font-size: 15px;
  }
  
  .evomax50-3d-left h5 {
  font-size: 28px;
  line-height: 38px;
  }
  }
  
  @media (max-width: 769px) {
  
  .evomax40-cont2 ul {
  margin-top: 0%;
  }
  .evmaxmap {
  display: block;
  }
  
  .evmaxpc {
  display: none !important;
  }
  
  .evomax01-cont {
  height: auto;
  padding-top: 50px;
  }
  
  .evomax01-cont img {
  max-width: 280px;
  }
  
  .evomax01-cont h5 {
  font-size: 24px;
  letter-spacing: 2px;
  margin-top: 20px;
  }
  
  .evomax01-cont2 {
  padding: 30px 0;
  }
  
  .evomax01-cont2 li {
  width: 50%;
  margin-bottom: 30px;
  }
  
  .evomax01-cont2 li img {
  width: auto;
  height: 42px;
  }
  
  .evomax01-cont2 li p {
  font-size: 16px;
  margin-top: 12px;
  }
  
  .evomax-head h2,
  .evomax46 .evomax-head h2,
  .evomax07 .evomax-head h2,
  .evomax47 .evomax-head h2,
  .evomax45 .evomax-head h2 {
  font-size: 30px;
  letter-spacing: 1px;
  }
  
  .evomax-head h2 br {display: block;}
  
  .evomax06-cont {
  margin-top: 20px;
  }
  
  .evomax-head p, .evomax43 .evomax-head p, .evomax45 .evomax-head p, .evomax47 .evomax-head p {
  font-size: 18px;
  margin-top: 20px;
  line-height: 28px;
  /* text-align: justify; */
  }
  
  .evomax-head p br {
  display: none;
  }
  
  .evomax02-cont4 ul li {
  width: 46%;
  margin: 2%;
  font-size: 17px;
  line-height: 42px;
  border: 1px solid #9e9e9e;
  text-align: center;
  }
  
  .evomax02-cont4 ul li:nth-child(2) {
  margin: auto;
  }
  
  .evomax02-cont4 ul {
  width: 100%;
  border-bottom: none;
  text-align: left;
  }
  
  .evomax02-cont4 ul li.on::before,
  .evomax02-cont4 ul li:hover::before {
  display: none;
  }
  
  .evomax02-cont4 {
  margin: 25px 0 10px;
  }
  
  .evomax02-cont4 ul li.on,
  .evomax02-cont4 ul li:hover {
  border-color: white;
  }
  
  .evomax02-cont3 p {
  font-size: 15px;
  }
  
  .evomax02-cont3 {
  width: 100%;
  }
  
  .evomax02-cont2-anniu p {
  font-size: 18px;
  }
  
  .evomax06 {
  padding: 40px 0;
  }
  
  .evomax03,
  .evomax05,
  .evomax04,
  .evomax41,
  .evomax42,
  .evomax46,
  .evomax44,
  .evomax49 {
  padding: 40px 0;
  }
  
  
  .evomax04 .evomax-head, .evomax40 .evomax-head, .evomax03 .evomax-head {
  text-align: left;
  }
  
  
  .evomax05-cont2 img {
  margin: 30px 0;
  }
  
  .evomax05-cont-dw img {max-width: 190%;width: 190%;margin-left: -35% !important;}
  
  
  .evomax05-cont-dw {
  margin-bottom: 80px !important;
  }
  
  .evomax05-cont2 ul li {
  width: 47%;
  /* text-align: center; */
  margin-bottom: 15px;
  }
  
  .evomax05-cont2 ul li p {
  font-size: 16px;
  }
  
  .evomax05-cont2 ul li h5 {
  font-size: 28px;
  margin-bottom: 5px;
  }
  
  .evomax05-cont2 .tx {
  text-align: left;
  font-size: 14px;
  }
  
  .evomax04-cont2 ul li {
  height: auto;
  width: 96%;
  margin: 0 0%;
  margin-bottom: 20px;
  }
  
  .evomax04-cont2 ul li img {
  width: 52px;
  height: 52px;
  }
  
  .evomax07-cont {
  }
  
  .evomax07-cont video {
  width: 100%;
  }
  
  .evomax07-cont2 li {
  width: 47%;
  text-align: l;
  margin-bottom: 20px;
  }
  
  .evomax07-cont2 li h5 {
  font-size: 28px;
  margin-bottom: 5px;
  }
  
  .evomax07-cont2 li h5 span {
  font-size: 18px;
  }
  
  .evomax07-cont2 li p {
  font-size: 16px;
  }
  
  .evomax41-fd-left {
  width: 100%;
  position: static;
  margin: auto;
  }
  
  .evomax41-fd-left-ms {display: inline-block;width: 45%;margin: 0 2%;line-height: 42px;font-size: 17px;height: 42px;margin-bottom: 15px;border: 1px solid #9e9e9e;border-radius: 8px;}
  
  .evomax41-fd-right {
  width: 100%;
  margin: auto;
  }
  
  .evomax41-fd-left-ms.on,
  .evomax41-fd-left-ms:hover {
  background: none;
  border: 1px solid white;
  }
  
  .evomax41-fd-right-ms img {
  width: 80%;
  }
  
  .evomax41-fd-right-dw {
  position: static;
  width: 80% !important;
  margin-top: 20px;
  text-align: center;
  margin: auto;
  }
  
  .evomax41-fd-right-dw em {
  height: 1px;
  width: 100%;
  }
  
  .evomax41-fd-right-dw h5 {
  font-size: 20px;
  }
  
  .evomax41-fd-right-dw p {
  font-size: 16px;
  }
  
  .evomax41-fd-right-dw em {
  margin: 15px 0 20px;
  }
  
  .evomax42-ul2 {
  width: 100%;
  border-bottom: none;
  }
  
  .evomax42-ul2 li {width: 45%;margin: 10px 2%;text-align: center;line-height: 36px;border: 1px solid #9e9e9e9e;font-size: 18px;border-radius: 8px;}
  
  .cgj-img .gb, .cgj-img .kq {
  font-size: 16px;
  }
  
  
  .evomax42-ul2 li.on,
  .evomax42-ul2 li:hover {
  border-color: white;
  }
  
  .evomax42-ul2 li:nth-child(2),
  .evomax42-ul2 li:nth-child(3) {
  margin: 10px 2%;
  }
  
  .evomax42-ul2 li.on::before,
  .evomax42-ul2 li:hover::before {
  display: none;
  }
  
  .evomax42-ul3 {
  width: 100%;
  }
  
  .evomax42-ul3 li {
  padding: 10px;
  }
  
  .evomax46-fd-left {
  position: static;
  width: 100%;
  height: auto;
  }
  
  .evomax46-fd-ms {
  margin-bottom: 8%;
  }
  
  .evomax46-fd-right {
  width: 100%;
  margin: auto;
  }
  
  .evomax46-tx {
  width: 100%;
  margin-left: 0;
  }
  
  .evomax46-fd-ms h5 {
  font-size: 20px;
  }
  
  .evomax46-fd-ms p {
  }
  
  .evomax45-cont-ms h5 {
  font-size: 22px;
  }
  
  .evomax45-cont .swiper-button-next {
  right: 8px;
  width: 48px;
  height: 48px;
  background-size: 48px;
  display: none;
  }
  
  .evomax45-cont .swiper-button-prev {
  left: 8px;
  width: 48px;
  height: 48px;
  background-size: 48px;
  display: none;
  }
  
  .evomax45-cont-ms p {
  font-size: 16px;
  }
  
  .evomax45_dec {
  font-size: 16px;
  }
  
  .evomax44-cont2 ul li {
  width: 90%;
  }
  
  .evomax44-fd-left img {
  width: 32px;
  }
  
  .evomax44-fd-right h5 {
  font-size: 22px;
  }
  
  .evomax44-fd-right p {
  font-size: 16px;
  line-height: 26px;
  }
  
  .evomax47 ul li {
  width: 98%;
  margin-bottom: 20px;
  height: auto;
  padding-top: 12%;
  }
  
  .evomax47 ul li h5 {
  font-size: 22px;
  margin: 10% 0 9%;
  }
  
  .evomax47 ul li p {
  height: 56px;
  line-height: 28px;
  min-height: auto;
  }
  
  .evomax48-cont ul li {
  padding: 30px 25px;
  }
  
  .evomax48-fd-left {
  width: 100%;
  }
  
  .evomax48-fd-right {
  position: static;
  width: 100%;
  margin-top: 40px;
  }
  
  .evomax48-fd-right h5 {
  font-size: 22px;
  }
  
  .evomax48-cont ul li:nth-child(1) .evomax48-fd-left img {
  margin: auto;
  }
  
  .evomax48-fd-ms {
  margin: 20px 0;
  }
  
  .evomax48-fd-ms p {
  font-size: 14px;
  }
  
  .evomax48-fd-right a {
  font-size: 14px;
  }
  
  .evomax49-cont ul li,
  .evomax49-cont ul li:nth-child(1),
  .evomax49-cont ul li:nth-child(2) {
  width: 98%;
  margin-bottom: 15px;
  }
  
  .evomax49-cont ul li p {
  font-size: 16px;
  line-height: 32px;
  }
  
  .evomax50-dh p {
  font-size: 18px;
  text-align: center;
  }
  
  .evomax50-3d-left {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 30px;
  }
  
  .evomax50-3d-left img {
  width: 32px;
  }
  
  .evomax50-3d-left h5 {
  font-size: 24px;
  line-height: 32px;
  margin: 20px 0 15px;
  }
  
  .evomax50-3d-right {
  position: static;
  width: 100%;
  margin-bottom: 30px;
  margin: 100px 0;
  }
  
  .evomax40-cont2 ul li {
  width: 100%;
  /* text-align: center; */
  margin-bottom: 20px;
  }
  
  .evomax40-cont2 ul li h5 {
  font-size: 28px;
  margin-bottom: 5px;
  }
  
  .evomax40-cont2 ul li p {
  font-size: 16px;
  }
  
  .evomax40-cont2 ul li:nth-child(4) h5 {
  /* font-size: 20px; */
  word-break: break-all;
  }
  
  .evomax40-cont2-ms {
  }
  
  .evomax40-cont2-ms p {
  font-size: 14px;
  line-height: 24px;
  }
  }
  
  /* 20221230 */
  .evomax05_ul {
  position: relative;
  z-index: 999;
  background: rgb(2, 2, 2);
  }
  
  #pinFt,
  #pinFt1 {
  width: 100%;
  text-align: center;
  min-height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
  z-index: 100;
  }
  
  
  .hevomax05_ft {
  width: 100%;
  min-height: 100vh;
  }
  
  .evomax05 .evomax05_bgm,
  .evomax42 .evomax05_bgm,
  .evomax40 .evomax05_bgm {
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  background: url(../images/evmax74.png) no-repeat center; /* background: rgba(255, 255, 0, 0.8); */
  background-size: cover;
  }
  
  .evomax40 .evomax05_bgm,
  .evomax42 .evomax05_bgm {
  background: url(../images/evmax74.png) no-repeat center;
  /* background: rgba(255, 255, 0, 0.8); */
  background-size: cover;
  }
  
  .evomax05-bgtp2,
  .evomax42-cont2 {
  position: relative;
  z-index: 99;
  background: rgb(2, 2, 2);
  }
  
  .evomax42-cont2 {
  margin-top: 0px !important;
  padding-top: 5%;
  }
  
  .evomax42, .evomax40 {
  padding-bottom: 0px !important;
  }
  
  .w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
  }
  
  .evomax45_dec {
  font-size: 18px;
  text-align: center;
  color: rgb(85 85 85 / 79%);
  padding-top: 3.5%;
  }
  
  .evomax02_hul {
  padding-top: 9% !important;
  }
  
  .evomax02_hul li {
  width: 32.66%;
  padding: 60px 22px;
  text-align: center;
  margin-right: 1%;
  height: 630px;
  border-radius: 17px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  }
  
  .evomax02_hul li.on {
  position: relative;
  }
  
  .evomax02_hul li.on::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 54%);
  left: 0;
  top: 0;
  }
  
  .evomax02_hul li:last-child {
  margin-right: 0px;
  }
  
  .evomax02_hfont .evomax02_htit {font-size: 26px;color: #ffffff;font-weight: bold;}
  
  .evomax02_hfont .evomax02_hdec {
  font-size: 18px;
  line-height: 1.667;
  color: #b4b4b4;
  margin-top: 25px;
  width: 320px;
  margin: auto;
  margin-top: 25px;
  text-align: justify;
  }
  
  
  
  .evomax02_hul li:hover {
  width: 40%;
  }
  
  .evomax40-bgtphone {
  display: none;
  }
  
  @media (max-width:1220px) {
  .w1200 {
  width: 90%;
  }
  }
  
  @media (max-width:1100px) {
  .evomax02_hfont .evomax02_htit {
  font-size: 24px;
  }
  
  .evomax02_hfont .evomax02_hdec {
  font-size: 16px;
  width: auto;
  }
  
  .evomax02_hul li {
  height: 500px;
  padding: 40px 22px;
  }
  }
  
  @media (max-width:980px) {
  .evomax02_hul {
  flex-wrap: wrap;
  }
  
  .evomax02_hul li:hover,
  .evomax02_hul li {
  width: 49%;
  margin-top: 1%;
  }
  
  .evomax40-bgtppc {
  display: none;
  }
  
  .evomax40-bgtphone {
  display: block;
  }
  }
  
  @media (max-width:767px) {
  .evomax02_hul li:hover, .evomax02_hul li {
  width: 100%;
  height: 85vh;
  margin-right: 0px;
  margin-top: 20px;
  background-position-y: -50px !important;
  }
  
  .evomax02_hfont .evomax02_htit {
  font-size: 20px;
  }
  
  .evomax02_hfont .evomax02_hdec {
  margin-top: 15px;
  }
  
  .evomax02-cont2-anniu p {
  padding: 8px 16px;
  font-size: 15px;
  line-height: 22px;
  }
  
  .evomax02-cont2-anniu p img {
  max-width: 16px;
  top: -1px;
  }
  
  .evomax02-cont2-anniu { /* position: static; */
  margin-bottom: 25px;
  }
  
  #evomax02-cont2-anniu2 {
  top: 50%;
  }
  }
  
  
  
  .evomax01-cont3 {
  position: relative;
  margin-bottom: 20%;
  }
  
  .evomax01-cont3.on {
  height: 100% !important;
  }
  
  .evomax01-cont3-dw img {
  height: 100%;
  opacity: 0;
  }
  
  .evomax01-cont3-dw.on img {
  /* animation: evomax01-cont3-tmd 2s linear 1; */
  animation-fill-mode: forwards;
  width: 150%;
  }
  
  
  @keyframes evomax01-cont3-tmd {
  0% {
  opacity: 0.3;
  }
  
  50% {
  opacity: 0.5;
  }
  
  75% {
  opacity: 0.7;
  }
  
  100% {
  opacity: 1;
  }
  }
  
  
  .evomax01-cont3-dw {
  height: 100vh;
  width: 100%;
  background-size: 100%;
  }
  
  .evomax01-cont3-dw.on {
  position: fixed;
  top: 0;
  background-size: 100%;
  }
  
  .cgj-img {
  position: relative;
  }
  
  
  .cgj-img em {
  animation: movethuma 2s linear 1;
  }
  
  .cgj-img em {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 37%);
  color: transparent;
  right: 50%;
  }
  
  .cgj-img .kq {
  position: absolute;
  right: 3%;
  bottom: 5%;
  font-size: 20px;
  color: white;
  }
  
  .cgj-img .gb {
  position: absolute;
  left: 3%;
  bottom: 5%;
  font-size: 20px;
  color: white;
  }
  
  .evomax05-cont-dw {
  position: relative;
  margin: 0% 0 5%;
  }
  
  .evomax05-cont-dw p {color: #1b1b1b;font-size: 460px;text-align: center;font-weight: bold;animation: evomax05-cont-dw 2s linear 1;animation-fill-mode: forwards;font-family: 'arial';}
  
  
  @keyframes evomax05-cont-dw {
  0% {
  opacity: 0.3;
  }
  
  50% {
  opacity: 0.5;
  }
  
  75% {
  opacity: 0.7;
  }
  
  100% {
  opacity: 1;
  }
  }
  
  
  
  .evomax05-cont-dw span {
  font-size: 340px;
  }
  
  
  
  .evomax05-cont-dw img {
  position: absolute;
  top: 24%;
  margin: 0;
  }
  
  @media (max-width: 1659px) {
  
  .evomax05-cont-dw p {
  font-size: 400px;
  }
  
  .evomax05-cont-dw span {
  font-size: 300px;
  }
  }
  
  @media (max-width: 1459px) {
  .evomax05-cont-dw p {
  font-size: 360px;
  }
  
  .evomax05-cont-dw span {
  font-size: 240px;
  }
  
  .evomax45_dec {
  font-size: 20px;
  }
  }
  
  @media (max-width: 1259px) {
  .evomax05-cont-dw p {
  font-size: 300px;
  }
  
  .evomax45_dec {
  font-size: 18px;
  }
  
  .evomax05-cont-dw span {
  font-size: 180px;
  }
  }
  
  @media (max-width: 769px) {
  .evomax01-cont3-dw img {
  /* opacity: 1; */
  /* margin-top: 15%; */
  }
  
  .evomax01-cont3-dw {
  height: 100vh;
  position: relative;
  width: 235%;
  left: -67%;
  }
  
  .cgj-img .gb, .cgj-img .kq {
  font-size: 16px;
  }
  
  .evomax01-cont3-dw.on img {
  position: absolute;
  top: 10%;
  /* width: 207%; */
  height: auto;
  }
  
  .evomax01-cont3 {
  margin-bottom: 100%;
  display: none;
  }
  
  .evomax42-bgtp {
  display: none;
  }
  
  
  .evomax01-cont { /* height: 43vh; */
  padding-top: 10%;
  }
  
  .evomax05-cont-dw p {
  font-size: 160px;
  }
  
  .evomax05-cont-dw span {
  font-size: 80px;
  }
  
  .evomax45_dec {
  font-size: 16px;
  }
  }
  
  
  
  /*20230103*/
  .evomax01-bfsy {
  position: relative;
  }
  
  .bfsy {
  position: absolute;
  right: 2%;
  bottom: 15%;
  width: 120px;
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
  border-radius: 18px;
  display: none;
  }
  
  .bfsy:hover {
  box-shadow: 0 0 57px 0 rgb(247 247 246 / 95%);
  }
  
  .bfsy p {
  font-size: 16px;
  display: inline-block;
  line-height: 24px;
  }
  
  .bfsy-img {
  width: 24px;
  display: inline-block;
  vertical-align: top;
  }
  
  
  .img-xg {
  overflow: hidden;
  }
  
  
  
  .evomax40-cont2:hover .img-xg img,
  .evomax43-cont:hover .img-xg img,
  .evomax46-fd-right:hover img,
  .evomax45-cont-img:hover img,
  .evomax49-cont ul li:hover img {
  animation: img-xg 2s linear 1;
  }
  
  
  .evomax01-cont2 li:hover .img-xg img,
  .evomax47 ul li:hover img,
  .evomax04-cont2 ul li:hover .img-xg img,
  .evomax48-cont ul li:hover .evomax48-fd-left img {
  animation: img-xg2 2s linear 1;
  }
  
  @keyframes img-xg {
  
  
  0% {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  }
  
  
  50% {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  }
  
  
  100% {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  }
  }
  
  
  @keyframes img-xg2 {
  
  
  0% {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  }
  
  
  50% {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  }
  
  
  100% {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  }
  }
  
  
  
  .evomax40-bgtppc {
  position: sticky;
  top: 0px;
  left: 0px;
  }
  
  #pinImg, #pinImg1, #pinImg2 {
  width: 67%;
  }
  
  .evomax06-cont2 {
  position: relative;
  }
  
  .evomax06-cont2-dw.on {
  height: 100%;
  position: fixed;
  top: 10%;
  left: 0;
  width: 100%;
  }
  
  .evomax06-cont2-dw-head {
  display: none;
  }
  
  .evomax06-cont2-dw.on .evomax06-cont2-dw-head {
  display: block;
  }
  
  
  .evomax06-cont2-dw video, .evomax06-cont3-dw video {
  width: 100%;
  }
  
  .evomax06-cont2-dw, .evomax06-cont3-dw {
  position: relative;
  margin-top: 5%;
  }
  
  .evomax06-cont2-dw {
  margin-bottom: 10%;
  }
  
  .evomax06-cont2-dw .xl1 {
  position: absolute;
  left: 16%;
  font-size: 18px;
  top: 28%;
  width: 22%;
  color: rgb(168 176 177 / 62%);
  }
  
  .evomax06-cont2-dw .xl1 em {
  width: 100%;
  height: 1px;
  display: block;
  background-color: rgb(168 176 177 / 62%);
  margin-bottom: 15px;
  position: relative;
  }
  
  .evomax06-cont2-dw .xl1 em::before, .evomax06-cont2-dw .xl1 em::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: -10px;
  top: -4px;
  background-color: rgb(168 176 177 / 62%);
  border-radius: 50%;
  }
  
  .evomax06-cont2-dw .xl1 em::after,
  .evomax06-cont2-dw .xl2 em::after,
  .evomax06-cont3-dw .xl1 em::after,
  .evomax06-cont3-dw .xl2 em::after {
  animation: scale 2s 1.5s infinite;
  }
  
  
  @keyframes scale {
  0% {
  transform: scale(1);
  opacity: .9
  }
  
  100% {
  transform: scale(3);
  opacity: 0;
  }
  }
  
  
  
  
  .evomax06-cont2-dw .xl2 {
  position: absolute;
  right: 25%;
  font-size: 18px;
  top: 72%;
  width: 22%;
  color: rgb(168 176 177 / 62%);
  text-align: right;
  text-align: center;
  }
  
  .evomax06-cont2-dw .xl2 em {
  width: 1px;
  height: 20vh;
  display: block;
  background-color: rgb(168 176 177 / 62%);
  margin-bottom: 15px;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  }
  
  .evomax06-cont2-dw .xl2 em::before, .evomax06-cont2-dw .xl2 em::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: -5px;
  bottom: -10px;
  background-color: rgb(168 176 177 / 62%);
  border-radius: 50%;
  }
  
  
  
  
  .evomax06-cont3-dw .xl1 {
  position: absolute;
  right: 16%;
  font-size: 18px;
  top: 29%;
  width: 35%;
  color: rgb(168 176 177 / 62%);
  text-align: right;
  }
  
  .evomax06-cont3-dw .xl1 em {
  width: 100%;
  height: 1px;
  display: block;
  background-color: rgb(168 176 177 / 62%);
  margin-bottom: 15px;
  position: relative;
  }
  
  .evomax06-cont3-dw .xl1 em::before, .evomax06-cont3-dw .xl1 em::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: -10px;
  top: -4px;
  background-color: rgb(168 176 177 / 62%);
  border-radius: 50%;
  }
  
  
  .evomax06-cont3-dw .xl2 {
  position: absolute;
  right: 32%;
  font-size: 18px;
  top: 42%;
  width: 27%;
  color: rgb(168 176 177 / 62%);
  text-align: center;
  }
  
  .evomax06-cont3-dw .xl2 em {
  width: 1px;
  height: 25vh;
  display: block;
  background-color: rgb(168 176 177 / 62%);
  margin-bottom: 15px;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  }
  
  .evomax06-cont3-dw .xl2 em::before, .evomax06-cont3-dw .xl2 em::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: -5px;
  bottom: -10px;
  background-color: rgb(168 176 177 / 62%);
  border-radius: 50%;
  }
  
  .evomax01-cont3-dw2 {
  position: relative;
  }
  
  .evomax-head-evomax01 {
  position: absolute;
  top: 20%;
  text-align: center;
  width: 100%;
  }
  
  
  .evomax-head-evomax01.on {
  display: none;
  }
  
  .evomax-head-evomax01 h2 {
  font-size: .80rem;
  opacity: 0;
  line-height: 1;
  }
  
  .evomax05-dw {
  /* display: none; */
  position: absolute;
  top: 55%;
  left: 0;
  width: 100%;
  /* font-size: 100px; */
  z-index: 999;
  text-align: center;
  }
  
  .evomax05-dw-k {
  position: relative;
  }
  
  .evomax05-dw.on {
  display: block;
  }
  
  .evomax05-dw p {
  font-size: .26rem;
  }
  
  .evomax05-dw h5 {
  font-size: .110rem;
  font-weight: bold;
  }
  
  @media (max-width: 1259px) {
  .evomax06-cont2-dw .xl1, .evomax06-cont2-dw .xl2, .evomax06-cont3-dw .xl1, .evomax06-cont3-dw .xl2 {
  font-size: 18px;
  }
  
  .evomax06-cont2-dw, .evomax06-cont3-dw {
  margin-top: 5%
  }
  }
  
  @media (max-width: 769px) {
  
  .evomax06-cont2-dw .xl1,
  .evomax06-cont2-dw .xl2,
  .evomax06-cont3-dw .xl1,
  .evomax06-cont3-dw .xl2 {
  font-size: 12px;
  }
  
  .evomax06-cont2-dw, .evomax06-cont3-dw {
  margin-top: 50px;
  }
  
  .evomax06-cont2-dw {
  margin-bottom: 100px;
  }
  
  .evomax06-cont2-dw img, .evomax06-cont3-dw img {
  max-width: none;
  width: 200%;
  margin-left: -55%;
  }
  
  .evomax06-cont3-dw {
  margin-bottom: 50px;
  }
  
  .evomax06-cont3-dw .xl2 em {
  height: 20vh;
  }
  
  .evomax06-cont2-dw .xl1 {
  width: 17%;
  left: 5%;
  }
  
  .evomax06-cont2-dw .xl2 {
  width: 38%;
  right: 12%;
  }
  
  
  .evomax06-cont2-dw .xl2 em {
  height: 80px;
  }
  
  .evomax06-cont3-dw .xl1 {
  width: 50%;
  right: 5%;
  }
  
  .evomax06-cont3-dw .xl2 {
  width: 50%;
  left: 29%;
  }
  }
  
  @media (max-width: 769px) {
  .evomax44-cont {
  padding: 15px;
  }
  
  .evomax02-cont2-anniu-banner {
  margin: 10% 0;
  position: static;
  }
  
  .evomax02-cont2-anniu-banner p {
  background-color: #d9d9d9;
  }
  
  .dwdiv {
  position: relative;
  }
  
  .evomax02-cont2-anniu-sp {
  position: absolute;
  top: 38%;
  }
  
  .evomax02-cont2-anniu-tb {
  bottom: 20px;
  top: auto;
  text-align: right;
  margin: auto;
  padding-right: 20px;
  }
  
  .evomax02-cont2-anniu-tb img {
  width: 52px;
  display: inline-block;
  }
  
  .evomax05-dw {
  top: 10%;
  }
  
  .evomax05-dw p {
  font-size: 16px;
  }
  
  .evomax05-dw h5 {
  font-size: 38px;
  }
  
  .evomax50-3d-left p {
  font-size: 16px
  }
  
  .fd150 {
  width: 150% !important;
  max-width: 150%;
  margin-left: -28%;
  }
  
  .evomax05-bgtp2 {
  margin-top: 25px;
  }
  
  .img-xg {
  overflow: inherit;
  }
  
  
  .evomax45-cont .swiper-pagination {
  margin-top: 20px;
  position: static;
  text-align: center;
  }
  
  .evomax45-cont .swiper-pagination .swiper-pagination-bullet {
  background-color: white;
  }
  
  .evomax45-cont .swiper-pagination .swiper-pagination-bullet-active {
  }
  }
  
  
  #evomax05_dw01 {
  /* display: none; */
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  /* font-size: 100px; */
  width: 100%;
  text-align: center;
  }
  
  .evomax-hua.active #evomax05_dw01 {
  position: fixed;
  }
  
  .evomax05-dw-k {
  position: relative;
  }
  
  @media (max-width:1366px) {
  .evomax-hua.active #evomax05_dw01,
  #evomax05_dw01 {
  position: absolute;
  top: 34%;
  }
  }
  
  @media (max-width: 769px) {
  .evomax07-cont2{
      padding: 9% 0 10%;
  }
  .evomax40-map {
  position: relative;
  margin-bottom: 30px;
  }
  
  .evomax40-map img {
  }
  
  .evomax40-map h2 {/* position: absolute; *//* top: 40%; *//* width: 100%; *//* text-align: center; *//* font-size: 32px; *//* letter-spacing: 1px; *//* font-weight: bold; *//* padding: 15px; */margin-bottom: 30px;}
  
  .evomax04-cont2 {
  margin-bottom: 0;
  }
  
  .evmaxmap-jb {
  position: relative;
  }
  
  .evmaxmap-jb img:nth-child(1) {width: 140%;margin-left: -20%;max-width: 200%;}
  
  .evmaxmap-jb img:nth-child(2) {position: absolute;top: 0;width: 100%;left: 0;height: 100%;}
  
  .evomax42-ul1 .evomax02-cont2-anniu p {/* border-radius: 4px; *//* padding: 6px 12px; *//* font-size: 14px; *//* line-height: 22px; *//* background-color: rgb(217 217 217 / 82%); */}
  }
  