body {
  position: relative;
}

/*培训*/
.train-part {
  margin: 0 0 5%;
}

.comm-tit {
  margin: 0 0 2.5%;
}

.comm-list {
  padding: 0;
  margin: 0 -1%;
}

.comm-list li {
  float: left;
  width: 31.3333%;
  margin: 0 1%;
}

.comm-list li .img {
  position: relative;
}

.comm-list li .img img {
  width: 100%;
}

.comm-list li .img h2 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 30px;
  text-align: center;
  width: 100%;
}

.comm-list li .img a {
  color: #fff;
  display: block;
}

.comm-list li h3 {
  margin: 20px 0;
  border-bottom: 1px solid #dbdbdb;
}

.comm-list li h3 a {
  color: #4e4e4e;
  display: block;
  line-height: 1.5;
  height: 3em;
  margin-bottom: 1em;
  overflow: hidden;
}

.comm-list li .bg_layer {
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
  .comm-list {
    margin: 0;
  }

  .comm-list li {
    width: 100%;
    margin: 0;
  }
}

/*sel-box*/
.sel-box {
  text-align: left;
  background: #fff;
  position: relative;
}

.sel-box dt {
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  border: 1px solid #dfdfdf;
}

.sel-box dt a {
  display: block;
  padding: 0 10px;
  color: #999999;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
}

.sel-box .ico {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #dc3a3b;
}

.sel-box.open .ico {
  border-bottom: 6px solid #dc3a3b;
  border-top: none;
}

.sel-box dd {
  display: none;
  position: absolute;
  border: 1px solid #dfdfdf;
  border-top: 0;
  background: #fff;
  max-height: 200px;
  width: 100% !important;
  top: 38px;
  left: 0 !important;
  overflow: auto;
  z-index: 1111;
}

.sel-box.open dd {
  display: block;
}

.sel-box dd a {
  display: block;
  padding: 5px 10px;
  color: #383838;
}

.sel-box dd a.on {
  background: #313131;
  color: #fff !important;
}

.sel-box dd.no {
  border: none;
}

.check-box dt {
  overflow: hidden;
}

.check-box dt > a {
  height: 36px;
  padding: 0 40px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 99%;
}

/*.check-box.open dd i{ float: left; width: 18px; height: 18px; margin-right:10px; margin-top:2px; border:1px solid #DFDFDF; position: relative;}
.check-box.open dd a.on{background: none; color:#999999;}
.check-box.open dd a.on i{ border:1px solid #DC3A3B;}
.check-box.open dd a.on i:before{content: ""; position: absolute; left:4px; top:4px; width: 8px; height:8px;background:#DC3A3B;}*/
.check-box.open dd .label-checkbox {
  width: 100%;
}

.machine-part {
  margin: 0 0 5%;
}

.sele-wrap {
  padding: 3% 4% 1%;
  margin-bottom: 20px;
  background: #f4f4f4;
}

.sele-wrap li {
  float: left;
  width: 25%;
  margin-bottom: 20px;
}

.sele-wrap li h3 {
  margin-bottom: 10px;
  height: 22px;
}

.sele-wrap li dl {
  width: 90%;
}

.sele-wrap li button {
  width: 50%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  border: none;
  background: #313131;
}

.sele-wrap li.os_last button {
  margin-top: 32px;
}

.sele-wrap li.js_last button {
  margin-top: 0;
}

.sele-wrap_a li.js_last {
  margin-top: 32px;
}
.sele-wrap {
  position: relative;
}
.sele-wrap .sear-box {
  position: absolute;
  right: 4%;
  top: 70px;
  width: 400px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #dfdfdf;
  background: #fff;
}
.sele-wrap .sear-box .sear-txt {
  float: left;
  padding: 0 10px;
  width: calc(100% - 50px);
  background: none;
  border: none;
}
.sele-wrap .sear-box .sear-sub {
  float: right;
  width: 40px;
  background: url(../images/dot_02_b.png) center center no-repeat;
  border: none;
}

@media only screen and (max-width: 1365px) {
  .sele-wrap .sear-box {
    top: 64px;
    width: 345px;
  }
}
@media only screen and (max-width: 1279px) {
  .sele-wrap .sear-box {
    top: 62px;
    width: 315px;
  }
}
@media only screen and (max-width: 1023px) {
  .sele-wrap .sear-box {
    top: auto;
    bottom: 27px;
    right: auto;
    left: 30%;
    width: 61.5%;
  }
}
@media only screen and (max-width: 1023px) {
  .sele-wrap .sear-box {
    position: static;
    margin-bottom: 20px;
    width: 100%;
  }
}

.sear-wrap {
  margin: 0 0 30px;
  border-bottom: 1px solid #dbdbdb;
}

.sear-wrap p {
  float: left;
  width: 30%;
  height: 36px;
  line-height: 36px;
  color: #666666;
}

.sear-wrap .sear-box {
  float: right;
  margin-bottom: 40px;
  width: 70%;
  height: 36px;
  line-height: 36px;
  border: 1px solid #dfdfdf;
  background: #fff;
}

.sear-wrap .sear-txt {
  float: left;
  padding: 0 10px;
  width: calc(100% - 50px);
  background: none;
  border: none;
}

.sear-wrap .sear-sub {
  float: right;
  width: 40px;
  background: url(../images/dot_02_b.png) center center no-repeat;
  border: none;
}

.sear-wrap .sear-box-tips {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.sear-wrap .sear-box-tips .tips {
  position: absolute;
  left: 0;
  bottom: -50px;
}

.sear-wrap .choose {
  display: none;
  float: left;
  padding: 0 4%;
  font-size: 14px;
  width: 30%;
  line-height: 36px;
  margin-bottom: 40px;
  color: #999999;
}

.sear-wrap .choose.on {
  display: block;
}

.sear-wrap .choose dt {
  font-weight: normal;
  display: inline-block;
}

.sear-wrap .choose dd {
  display: inline-block;
  margin-right: 7px;
}

.sear-wrap .choose span {
  color: #666666;
  height: 22px;
  line-height: 20px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  position: relative;
  border: 1px solid #999999;
}

.sear-wrap .choose span em {
  margin-left: 5px;
  color: #a1a1a1;
  cursor: pointer;
}

.machine-list {
  margin: 0 0 40px;
}

.machine-list li {
  border-bottom: 1px solid #dbdbdb;
  padding: 0 0 20px;
  margin-bottom: 25px;
}

.machine-list li:last-child {
  margin-bottom: 0;
}

.machine-list li h3 {
  color: #363636;
  margin-bottom: 10px;
}

.machine-list li h3 a {
  color: #363636;
}

.machine-list li p {
  color: #666666;
  position: relative;
}

.machine-list li p a {
  color: #666666;
  display: block;
  padding-right: 100px;
}

.machine-list li p span {
  position: absolute;
  font-family: arial;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #b5b5b5;
}

@media only screen and (max-width: 1023px) {
  .machine-list {
    margin: 0 0 30px;
  }

  .machine-list li {
    padding: 0 0 15px;
    margin-bottom: 15px;
  }

  .sele-wrap li {
    width: 50%;
  }

  .sear-wrap .choose {
    width: 100%;
    margin-bottom: 20px;
  }

  .sear-wrap p {
    width: 100%;
  }

  .sear-wrap .sear-box {
    width: 100%;
    margin-bottom: 20px;
  }

  .sele-wrap_a li.js_last {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  /*.sele-wrap li {
    width: 100%;
  }

  .sele-wrap li dl {
    width: 100%;
  }

  .sele-wrap li.os_last button {
    margin-top: 0;
  }*/
}

.comm-con {
  margin: 0 0 5%;
}

a.commbtn_view {
  display: block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff !important;
  float: right;
  background: #313131;
}

.conn_opt {
  margin: 30px 0;
}

.conn_opt dt {
  color: #dc3738;
  font-weight: normal;
  margin-bottom: 5px;
}

.conn_opt dd {
  float: left;
  color: #dc3738;
}

.conn_opt dd a {
  color: #dc3738;
}

.conn_opt dd span {
  margin: 0 6px;
  font-size: 14px;
}

.video-part {
  margin: 0 0 6%;
}

.video-top {
  width: 100%;
  position: relative;
}

.video-top video {
  object-fit: fill;
}

.video-top em {
  width: 80px;
  height: 80px;
  background: url(../images/dot_20.png) no-repeat;
  background-size: cover;
}

.video-top video {
  width: 100%;
  height: 100%;
}

.video_tit {
  position: relative;
  margin: 30px 0 0;
  padding-bottom: 20px;
  border-bottom: 4px solid #e6e6e6;
}

.video-list ul {
  margin: 40px -1% 20px;
}

.video-list li {
  float: left;
  width: 23%;
  margin: 0 1% 1.5%;
}

.video-list li .img {
  position: relative;
}

.video-list li .img img {
  width: 100%;
}

.video-list li .img em {
  width: 80px;
  height: 80px;
  background: url(../images/dot_20.png) no-repeat;
  z-index: 2;
  background-size: cover;
}

.video-list li h3 {
  border: 1px solid #e6e6e6;
  border-top: none;
  padding: 20px 10px;
  text-align: center;
  color: #363636;
  line-height: 20px;
  display: block;
  max-width: 100%;
}

/*视频弹窗*/
.videolist_appbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none;
}

.videolist_appbox .video_t {
  /*left: 10%;
  top: 15%;
  position: absolute;
  height: 70%;
  width: 80%;
  z-index: 2;
  background: #000;*/
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  min-width: 1250px;
  max-width: 1920px;
}
.videolist_appbox .video_t video {
  width: 100% !important;
  height: auto !important;
}

.videolist_appbox .mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.video_close {
  position: absolute;
  top: 0;
  right: 0px;
  cursor: pointer;
  z-index: 10;
}

@media only screen and (max-width: 1279px) {
  .videolist_appbox .video_t {
    min-width: 96%;
  }
  .video-list li {
    width: 31.33%;
  }

  .video-list li h3 {
    padding: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  .video-top em,
  .video-list li .img em {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .video-part {
    margin: 0 0 8%;
  }

  .video-list li {
    width: 48%;
  }

  /*.videolist_appbox .video_t {
    width: 100%;
    height: 50%;
    top: 25%;
    left: 0;
  }

  .video_close {
    top: 20%;
    right: 5px;
  }*/
}

/*end*/

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  pointer-events: inherit;
  opacity: 1;
}

/*应用*/
.nomb {
  margin-bottom: 0;
}

.nobb {
  border-bottom: none;
}

.sear-wrap.nobb {
  margin-bottom: 0;
}

.comm-txt {
  margin: 10px 0 40px;
  color: #4e4e4e;
}

.comm-txt p a {
  color: #dc3738;
  text-decoration: underline !important;
}
.application-part {
  padding: 0 0 5%;
}

.applica-list {
  padding: 0;
  margin: 0 -0.8% 4.8%;
}

.applica-list li {
  float: left;
  width: 31.7333%;
  margin: 0 0.8% 1.8%;
  border: 1px solid #e6e6e6;
  position: relative;
}

.applica-list li img {
  width: 100%;
}

.applica-list li > a {
  display: block;
  overflow: hidden;
}

.applica-list li h3 {
  margin: 0 20px;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.applica-list li h3 a {
  color: #4e4e4e;
  display: block;
  margin-bottom: 20px;
}

.applica-list li .in-product-cover-txt {
  text-align: center;
}

.applica-list li h4 {
  padding-top: 1em;
  margin-bottom: 0.5em;
  text-align: center;
}

.applica-list li h4 a {
  color: #fff;
}

.app-list {
  padding: 0;
  margin: 0 -0.8% 0;
}

.app-list li {
  float: left;
  width: 31.7333%;
  margin: 0 0.8% 1.8%;
}

.app-list li .img {
  width: 100%;
  position: relative;
}

.app-list li .img a {
  display: block;
  color: #fff;
}

.app-list li h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 18px 7%;
  background: rgba(0, 0, 0, 0.6);
}

.app-list li .in-product-cover-txt {
  text-align: center;
}

.app-list li h4 {
  padding-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

.app-list li h4 a {
  color: #fff;
}

.app-list li h5 {
  padding: 0.7em 7%;
}

.more-box {
  margin: 3% 0 6%;
}

.more-box h2,
.related-box h2 {
  position: relative;
  margin-bottom: 30px;
}

.more-box a.more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #424141;
}

.more-box .img {
  width: 100%;
}

.more-box .img img {
  width: 100%;
}

.more-box h3 {
  border: 1px solid #e6e6e6;
  height: 52px;
  padding: 15px 0 18px;
  text-align: center;
  color: #363636;
}

.more-box h3 a {
  color: #363636;
}

.more-box .swiper-button-prev,
.more-box .swiper-button-next {
  left: 0;
  margin-top: -45px;
  width: 40px;
  height: 60px;
  background: url(../images/dot_04.png) center center no-repeat #313131;
}

.more-box .swiper-button-next {
  left: auto;
  right: 0;
  background: url(../images/dot_05.png) center center no-repeat #313131;
}

.more-box .swiper-button-prev.swiper-button-disabled {
  background: url(../images/dot_04.png) center center no-repeat
    rgba(0, 0, 0, 0.4);
}

.more-box .swiper-button-next.swiper-button-disabled {
  background: url(../images/dot_05.png) center center no-repeat
    rgba(0, 0, 0, 0.4);
}

.in-product-cover a {
  display: block;
}

.app-tit {
  position: relative;
  text-align: center;
  padding-bottom: 18px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.app-tit a {
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  padding: 0 35px 0 15px;
  height: 40px;
  line-height: 40px;
  color: #dc3a3b;
  border: 1px solid #dc3a3b;
  background: url(../images/dot_06.png) 90% center no-repeat;
}

.related-box ul {
  margin: 0;
}

.related-box li {
  float: left;
  width: 48%;
}

.related-box li:nth-child(2n) {
  float: right;
}

.related-box li .img {
  float: left;
  width: 138px;
  height: 104px;
  border: 1px solid #cccccc;
}

.related-box li .txt {
  float: right;
  width: calc(100% - 160px);
}

.related-box li .txt h3 {
  padding: 10px 0;
  position: relative;
  width: 100%;
}

.related-box li .txt h3 a {
  color: #363636;
}
.related-box li .txt h3 a.down {
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  padding: 0 35px 0 15px;
  height: 30px;
  line-height: 30px;
  color: #dc3a3b;
  font-size: 14px;
  border: 1px solid #dc3a3b;
  background: url(../images/dot_06.png) 90% center no-repeat;
}

.related-box li .txt p {
  color: #4f4f4f;
  height: 3em;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .applica-list li:hover .in-product-cover,
  .app-list li:hover .in-product-cover,
  .more-box .swiper-slide:hover .in-product-cover {
    opacity: 1;
  }

  .applica-list li:hover .in-product-cover a:hover,
  .app-list li:hover .in-product-cover a:hover,
  .more-box .swiper-slide:hover .in-product-cover a:hover {
    color: #fff !important;
  }

  .app-tit a:hover,
  .related-box li .txt h3 a.down:hover {
    /*box-shadow: 1px 0 5px 0 #DC3A3B;*/
    color: #fff !important;
    border: 1px solid #313131;
    background: url(../images/dot_06_on.png) 90% center no-repeat #313131;
  }

  .conn_opt dd a:hover {
    text-decoration: underline !important;
    color: #28166f !important;
  }
}

@media only screen and (max-width: 1023px) {
  .related-box li .txt h3 a.down {
    position: static;
    display: block;
    width: 130px;
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .applica-list li,
  .app-list li,
  .related-box li {
    width: 100%;
  }

  .app-tit {
    padding-top: 50px;
  }

  .related-box li {
    margin-bottom: 15px;
  }

  .related-box li .img {
    width: 30%;
    height: auto;
  }

  .related-box li .txt {
    width: 65%;
  }

  .related-box li .txt h3 {
    margin: 0 0 5px;
  }
}

/*服务*/
.service-part {
  margin: 0 0 5%;
}

.ser-list {
  margin: 5% 0 3%;
}

.ser-list li {
  float: left;
  width: 23%;
  margin: 1% 1% 40px;
  text-align: center;
}

.ser-list li span {
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}

.ser-list li span img {
  max-width: 100%;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
}

.ser-list li h3 {
  padding-top: 20px;
}

.ser-list li h3 a {
  color: #363636;
}

.cons_ll {
  float: left;
  width: 57%;
}

.cons_rr {
  float: right;
  width: 39.06%;
}

.bor_b {
  border-bottom: 3px solid #dc3a3b;
  padding-bottom: 25px;
}

.consultant-part {
  margin-bottom: 5%;
}

.cons_rr_list dl {
  padding: 5% 7%;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background: #f4f4f4;
}

.cons_rr_list dt {
  color: #363636;
  margin-bottom: 20px;
}

.cons_rr_list dd {
  position: relative;
  padding-left: 70px;
  margin: 0 0 10px;
  min-height: 22px;
}

.cons_rr_list dd span {
  position: absolute;
  left: 0;
  top: 0;
}

.cons_rr_list dd i {
  margin-right: 10px;
}

.cons_rr_list dd i img {
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.download-part {
  margin-bottom: 5%;
}

.download-list {
  margin: 0 0 40px;
}

.ph_table {
  width: 100%;
  text-align: center;
}

.ph_table td {
  text-align: center;
  line-height: 20px;
  padding: 13px 0;
  border-bottom: 1px solid #e6e6e6;
}

.ph_table thead td {
  border-bottom: 1px solid #dc3a3b;
  color: #dc3a3b;
}

.t7-4-s1 {
  width: 20%;
}
.t7-4-s2 {
  width: 15%;
}
.t7-4-s3 {
  width: 10%;
}
.t7-4-s4 {
  width: 5%;
}
.t7-4-s5 {
  width: 20%;
}
.t7-4-s6 {
  width: 25%;
}
.t7-4-s7 {
  width: 5%;
}

.ph_table .t1 {
  width: 8%;
}

.ph_table .t2 {
  width: 12%;
}

.ph_table .t3 {
  width: 11%;
}

.ph_table .t4 {
  width: 14%;
}

.ph_table .t5 {
  width: 10%;
}

.ph_table .t6 {
  width: 10%;
}

.ph_table .t7 {
  width: 9%;
}

.ph_table .t8 {
  width: 10%;
}

.ph_table .t9 {
  width: 10%;
}

.ph_table .t10 {
  width: 6%;
}

.ph_table td a {
  color: #dc3a3b;
  text-decoration: underline !important;
}

.ph_table td i {
  margin-right: 10px;
}

.all-down {
  margin: 20px 0 0;
  line-height: 20px;
}

.all-down a {
  margin-left: 20px;
  color: #dc3a3b;
}

/*模拟checkbox*/
.label-checkbox {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding-left: 15px;
}

.label-checkbox:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid #dfdfdf;
}

.label-checkbox.on:before {
  border: 1px solid #dc3a3b;
}

.label-checkbox.on:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 6px;
  background: #dc3a3b;
}

.label-checkbox input {
  opacity: 0;
  filter: alpha(opacity=0);
}

.label-checkbox.on em {
  color: #dc3a3b;
}

/*模拟radio*/
.label-radio {
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding-left: 15px;
  margin-right: 5%;
  cursor: pointer;
}

.label-radio:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
}

.label-radio.on:before {
  border: 1px solid #dc3a3b;
}

.label-radio.on:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 8px;
  border-radius: 50%;
  background: #dc3a3b;
}

.label-radio input {
  opacity: 0;
  filter: alpha(opacity=0);
}

@media only screen and (max-width: 767px) {
  .ph_table,
  .ph_table thead,
  .ph_table tbody,
  .ph_table th,
  .ph_table td,
  .ph_table tr {
    display: block;
  }

  .ph_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .ph_table tr {
    border: 1px solid #eee;
    border-bottom: 0;
    margin-bottom: 20px;
  }

  .ph_table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 5px 0;
    padding-left: 6em;
    white-space: normal;
    text-align: left;
    min-height: 30px;
  }

  .ph_table td:before {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 0;
    width: 6em;
    text-indent: 10px;
    white-space: nowrap;
    text-align: left;
  }

  .ph_table td:before {
    content: attr(data-title);
  }
}

.faq-list {
  border-top: 1px solid #e6e6e6;
  margin: 20px 0 40px;
}

.faq-list li {
  overflow: hidden;
  padding: 15px 4%;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

.faq-list li:before {
  content: '';
  position: absolute;
  left: 2.4%;
  top: 50%;
  margin-top: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5d5d5d;
}

.faq-list li a {
  color: #4e4e4e;
  float: left;
  width: calc(100% - 100px);
}

.faq-list li span {
  color: #666666;
  float: right;
  font-family: arial;
  font-size: 14px;
}

.feedback-part {
  margin: 0 0 5%;
}

.feedback li {
  float: left;
  width: 48%;
  margin-bottom: 10px;
}

.feedback li:nth-child(2n) {
  float: right;
}

.feedback li .inp-box {
  border: 1px solid #dfdfdf;
  padding: 0 4.5%;
  width: 100%;
  height: 44px;
  line-height: 44px;
  position: relative;
}

.feedback li .inp-box em {
  position: absolute;
  left: 2%;
  top: 2px;
  color: #dc3a3b;
}

.feedback li .inp-box input {
  border: none;
  background: none;
  width: 100%;
  height: 100%;
}
.feedback li .inp-box p.sz_yzm {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.feedback li .inp-box a.dxyzm {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 10px;
  overflow: hidden;
  border: none;
  color: #333;
  background: #dddddd;
}

.feedback li.long {
  width: 100%;
}

.feedback li.long p.sex {
  color: #000;
  margin: 15px 0 10px;
}

.feedback li.long p.sex em {
  color: #dc3a3b;
  margin: 0 12px 0 1%;
  position: relative;
  top: 2px;
}

.feedback li.long label {
  margin-left: 1%;
  color: #757575;
}

.feedback li .sel-box,
.feedback li .sel-box dt {
  height: 44px;
  line-height: 44px;
}

.feedback li .sel-box em {
  position: absolute;
  left: 2%;
  top: 2px;
  color: #dc3a3b;
}

.feedback li .sel-box dt a {
  padding: 0 4.5%;
  color: #757575;
}

.feedback li .sel-box .ico {
  top: 19px;
}

.feedback li .sel-box dd {
  top: 44px;
}

.feedback li .sel-box dd a {
  padding: 10px 4.5%;
}

.feedback.free li .sel-box dd a em {
  left: auto;
}
.feedback.free li.long .text-box em {
  left: 2%;
}
.feedback.free li.long .text-box {
  padding: 10px 4.5%;
}
.feedback.free li.long .p_tips {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}

.feedback.consultant li .sel-box dd a em {
  left: auto;
}
.feedback.consultant li.long .text-box em {
  left: 2%;
}
.feedback.consultant li.long .text-box {
  padding: 10px 4.5%;
}
.feedback.consultant li.long .p_tips {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}

.feedback li .inp-time {
  padding: 0 0 0 4.5%;
  background: url(../images/dot_19.png) 98% center no-repeat;
}

.feedback li.long .text-box {
  width: 100%;
  padding: 10px 2.25%;
  height: 260px;
  border: 1px solid #dfdfdf;
  position: relative;
}

.feedback li.long .text-box em {
  position: absolute;
  left: 1%;
  top: 12px;
  color: #dc3a3b;
}

.feedback li.long .text-box textarea {
  border: none;
  background: none;
  width: 100%;
  height: 86%;
}

.feedback li.long .text-box .tip-word {
  position: absolute;
  right: 10px;
  bottom: 0;
  font-size: 14px;
}

.feedback li .inp-box1 {
  float: left;
  width: 200px;
  padding: 0 2%;
  height: 46px;
  line-height: 46px;
  margin: 1.5% 0 1%;
}

.feedback li span.yzm {
  float: left;
  margin: 1.5% 0 0 10px;
}

.feedback li a.btnn {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  text-align: center;
  color: #fff !important;
  background: #313131;
}

.feedback li.long span {
  float: left;
  height: 50px;
  line-height: 50px;
}
.feedback li.long span em {
  color: #dc3a3b;
  font-size: 14px;
  margin-right: 5px;
}

.feedback li.long .up-box {
  float: left;
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  background: #f4f4f4;
  position: relative;
}

.feedback li.long .p-tips {
  float: left;
  margin-left: 10px;
  color: #f00;
  line-height: 50px;
  height: 50px;
}

.feedback li.long .upload-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
}

.feedback li.long .upload-box iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9;
}

.feedback li.long .rep_steps {
  margin: 10px 0 5px;
}

.feedback li.long.up-long {
  margin: 10px 0;
}
.feedback.free li {
  width: 100%;
}
.feedback.free li dl {
  margin: 10px 0 0;
}

.ViewSpan {
  position: relative;
  z-index: 9;
}

.again-box .ViewSpan {
  background: #fff;
  height: 50px;
  padding: 0 20px;
}

.again-box .ViewSpan a {
  color: #dc3a3b;
  margin-right: 20px;
}

.feedback li.long .pub_select {
  float: left;
  width: calc(33.33% - 10px);
  margin-right: 10px;
  position: relative;
}

.feedback li.long .pub_select .select {
  border: 1px solid #dfdfdf;
  height: 44px;
  line-height: 44px;
  position: relative;
}

.feedback li.long .pub_select input {
  position: relative;
  z-index: 1;
  width: 100%;
  cursor: pointer;
  float: left;
  padding-left: 13%;
  height: 44px;
  line-height: 44px;
  border: none;
  background: none;
}

.option {
  border-top: none;
  position: absolute;
  width: 100%;
  background: #efefef;
  top: 44px;
  display: none;
  left: 0;
  z-index: 99999;
  max-height: 144px;
  overflow: auto;
  padding: 10px 0;
}

.feedback li.long .pub_select.qu {
  float: right;
  width: 33.33%;
  margin-right: 0;
}

.feedback li.long .option li {
  margin-bottom: 0;
  width: auto;
  float: none;
  padding: 0 13%;
  line-height: 30px;
  cursor: pointer;
}

.feedback li.long .option li:hover {
  color: #dc3a3b;
}

.feedback li.long span.arrow {
  display: block;
  position: absolute;
  right: 15px;
  top: 18px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #dc3a3b;
}

.feedback li.long span.arrow.on {
  border-top: none;
  border-bottom: 6px solid #dc3a3b;
}

.consultant li .inp-box {
  padding: 0 8%;
}

.consultant li .inp-box em {
  left: 4%;
}

.consultant li .inp-box1 {
  width: 160px;
}

.consultant li .sel-box dt a {
  padding: 0 4%;
}

.consultant li.long .inp-box {
  padding: 0 4%;
}

.consultant li.long p.sex em {
  margin: 0 10px 0 2%;
}

.consultant li.long label {
  margin-left: 2%;
}

.consultant li.long .inp-box em {
  left: 2%;
}

.consultant li.long p.p_tips {
  margin: 10px 4%;
  color: #757575;
}

.consultant li.long .text-box {
  padding: 10px 4%;
}

.consultant li .sel-box dd a {
  padding: 10px 4%;
}

.subscribe {
  width: 58%;
}

.subscribe li.long p.p_tips {
  font-size: 14px;
  margin-bottom: 5px;
}

.subscribe li.long p.p_tits {
  color: #000;
  margin-bottom: 10px;
}

.p_promise {
  margin: 30px 0 0;
  color: #4e4e4e;
}

.p_promise p {
  margin: 10px 0 5px;
}

.p_promise a {
  color: #dc3a3b;
  text-decoration: underline !important;
}

.sele-wrap-notice li {
  width: 22%;
}

.sele-wrap-notice li:last-child {
  width: 12%;
}

.sele-wrap-notice li:last-child button {
  width: 100%;
  margin-top: 32px;
}

.notice-part {
  margin-bottom: 5%;
}

.ph_table1 .t1 {
  width: 10%;
}

.ph_table1 .t2 {
  width: 10%;
}

.ph_table1 .t3 {
  width: 10%;
}

.ph_table1 .t4 {
  width: 14%;
}

.ph_table1 .t5 {
  width: 16%;
}

.ph_table1 .t6 {
  width: 10%;
}

.ph_table1 .t7 {
  width: 20%;
}

.ph_table1 .t8 {
  width: 10%;
}

@media only screen and (max-width: 1023px) {
  .ser-list li {
    width: 31.3333%;
  }

  .sear-wrap .sear-box-tips {
    margin-bottom: 60px;
  }

  .consultant li.long p.sex em {
    margin-right: 5px;
  }

  .sele-wrap-notice li {
    width: 50%;
  }

  .sele-wrap-notice li:last-child {
    width: 50%;
  }

  .sele-wrap-notice li:last-child button {
    width: 50%;
    margin-top: 0;
  }

  .subscribe {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .ser-list li {
    width: 48%;
  }

  .ser-list li span {
    padding-bottom: 20px;
  }

  .ser-list li span img {
    width: 50%;
  }

  .faq-list li:before {
    width: 4px;
    height: 4px;
    left: 1.5%;
  }

  .feedback li {
    width: 100%;
  }

  .feedback li .inp-box1 {
    padding: 0 4.5%;
    width: 160px;
  }

  .feedback li.long .text-box {
    padding: 10px 4.5%;
  }

  .feedback li.long p.sex em {
    margin-left: 2%;
  }

  .feedback li.long .text-box {
    height: 160px;
  }

  .label-radio:before {
    top: 2px;
  }

  .label-radio.on:after {
    top: 6px;
  }

  .feedback li.long .text-box em {
    left: 2%;
  }

  .cons_ll,
  .cons_rr {
    width: 100%;
  }

  .cons_ll {
    margin-bottom: 20px;
  }

  .comm-txt {
    margin: 10px 0 20px;
  }

  .consultant li.long .inp-box {
    padding: 0 8%;
  }

  .consultant li.long .inp-box em {
    left: 4%;
  }

  .consultant li.long p.sex em {
    margin: 0 10px 0 4%;
  }

  .consultant li.long label {
    margin-left: 4%;
  }

  .consultant li.long p.p_tips {
    margin: 10px 8%;
  }

  .consultant li.long .inp-box1 {
    padding: 0 4%;
  }

  .consultant li .sel-box dt a {
    padding: 0 8%;
  }

  .consultant li .sel-box dd a {
    padding: 10px 8%;
  }

  .consultant li.long .text-box {
    padding: 10px 8%;
  }

  .consultant li .sel-box em {
    left: 4%;
  }

  .p_promise {
    margin-top: 10px;
  }

  .sele-wrap-notice li,
  .sele-wrap-notice li:last-child {
    width: 100%;
  }

  .feedback li.long .pub_select {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .feedback li.long .pub_select.qu {
    width: 100%;
    margin-bottom: 0;
  }

  .feedback li.long .pub_select input {
    padding-left: 8%;
  }

  .feedback li.long .option li {
    padding: 0 8%;
  }
}

@media only screen and (min-width: 1025px) {
  .ser-list li:hover h3 a {
    color: #dc3a3c;
    text-decoration: underline !important;
  }

  .ser-list li:hover span img {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
  }

  .faq-list li:hover:before {
    background: #dc3a3b;
  }

  .faq-list li:hover a {
    color: #dc3a3b;
    text-decoration: underline !important;
  }
}

/*产品*/
.product-part {
  margin-bottom: 6%;
}

/*.product-part .pro-part2-con .sele-wrap{display: none;}*/
.product-part .model-box h2 span {
  cursor: pointer;
}

.product-part .model-box h2 {
  margin-bottom: 20px;
}

.product-tab {
  margin: 0 auto 40px;
}

.product-tab li {
  float: left;
  width: calc(14.2857% - 4px);
  margin:2px;
  text-align: center;
  height:36px;
  line-height:36px;
  cursor: pointer;
  background:#E6E6E6;
}

.product-tab li a {
  color: #6A6A6A;
  display: block;
}

.product-tab li span {
  display: block;
  margin: 0 1px;
  /*padding-bottom: 2px;
  border-bottom: 6px solid #e6e6e6;*/
}
.product-tab li.on{ background:#313131;}
.product-tab li.on a {
  color: #fff;
}

.product-tab li.on span {
  color: #e53a3b;
  padding-bottom: 0;
  /*border-bottom: 8px solid #e53a3b;*/
}

.produ-list {
  padding: 0;
  margin: 0 -0.8% 2%;
}

.produ-list li {
  float: left;
  width: 23.4%;
  margin: 0 0.8% 1.8%;
  border: 1px solid #e6e6e6;
  position: relative;
}

.produ-list li a {
  display: block;
}

.produ-list li img {
  width: 100%;
}

.produ-list li h3 {
  padding: 20px 10px 0;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.produ-list li h3 a {
  color: #4e4e4e;
  display: block;
  margin-bottom: 20px;
}

.produ-list li .in-product-cover-txt {
  text-align: center;
}

.produ-list li h4 {
  padding-top: 1em;
  margin-bottom: 0.5em;
  text-align: center;
}

.produ-list li h4 a {
  color: #fff;
}

.produ-list li .in-product-cover-txt p {
  margin-bottom: 0;
  height: 6em;
  overflow: hidden;
}

.pro-part1 {
  margin: 0 0 30px;
}

.pro-part1 .ll {
  float: left;
  width: 58%;
}

.pro-part1 .ll h1 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.pro-part1 .ll h1:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  background: #dc3a3b;
}

.pro-part1 .ll h3 {
  margin-bottom: 15px;
  display: none;
}

.pro-part1 .ll p {
  margin-bottom: 20px;
}

.pro-part1 .rr {
  float: right;
  width: 30%;
}

.pro-part1 .rr .big-img {
  margin: 0 0 20px;
  width: 100%;
}

.pro-part1 .rr .big-img li {
  display: none;
  position: relative;
}

.pro-part1 .rr .big-img li.on {
  display: block;
}

.pro-part1 .rr .big-img li video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.pro-part1 .rr .big-img li.p-video-box em {
  width: 40px;
  height: 40px;
  background: url(../images/dot_20.png) no-repeat;
  background-size: cover;
}

.pro-part1 .rr .small-img {
  margin: 0 -1.5% 0;
}

.pro-part1 .rr .small-img li {
  float: left;
  width: 30.33%;
  margin: 0 1.5%;
  cursor: pointer;
  position: relative;
}

.pro-part1 .rr .small-img li:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
}

.pro-part1 .rr .small-img li.on:before {
  border: 1px solid #e53a3b;
}

.pro-part2-tab {
  margin-bottom: 18px;
}

.pro-part2-tab li {
  float: left;
  width: 16.666%;
  cursor: pointer;
}

.pro-part2-tab li span {
  display: block;
  position: relative;
  text-align: center;
  margin: 0 1px 0 0;
  height: 44px;
  line-height: 44px;
  background: #e6e6e6;
}

.pro-part2-tab li.on span {
  color: #fff;
  background: #313131;
}

.pro-part2-tab li.on span:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #313131;
}

.pro-part2-tab-series li {
  width: 20%;
}

.pro-part2-tab1 li {
  width: 12.5%;
}

.performance-table {
  margin: 30px 0 0;
}

.ph_table2 {
  border-left: 1px solid #e6e6e6;
}

.ph_table2 .t1 {
  width: 14%;
}

.ph_table2 .t2 {
  width: 10%;
}

.ph_table2 .t3 {
  width: 10%;
}

.ph_table2 .t4 {
  width: 10%;
}

.ph_table2 .t5 {
  width: 10%;
}

.ph_table2 .t6 {
  width: 8%;
}

.ph_table2 .t7 {
  width: 8%;
}

.ph_table2 .t8 {
  width: 10%;
}

.ph_table2 .t9 {
  width: 8%;
}

.ph_table2 .t10 {
  width: 6%;
}

.ph_table2 .t11 {
  width: 6%;
}

.ph_table2 thead td {
  border-bottom: none;
  border-right: 1px solid #e6e6e6;
  color: #363636;
  background: #cccccc;
}

.ph_table2 tbody td {
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.per-table {
  margin: 20px 0 0;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  text-align: center;
}

.per-table tr th {
  width: 15%;
  color: #363636;
  padding: 8px 0;
  text-align: center;
  background: #cccccc;
  border-bottom: 1px solid #e6e6e6;
}

.per-table tr td {
  width: 85%;
  padding: 8px 0;
  color: #363636;
  border-bottom: 1px solid #e6e6e6;
}

.function-table {
  margin: 30px 0 0;
}

.function-table table {
  width: 100%;
}

.function-table tr th {
  width: 20%;
  color: #dc3a3b;
  padding: 12px 0;
}

.function-table tr td {
  width: calc(100% - 48px);
  padding: 12px 0;
  color: #4f4f4f;
}

.download-box {
  border-top: 1px solid #cccccc;
}

.download-box li {
  float: left;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}

.download-box li h2 {
  margin: 0 0 15px;
}

.download-box li .c {
  margin: 0 0 25px;
}

.download-box li .img {
  float: left;
  width: 20.31%;
}

.download-box li .img img {
  width: 100%;
}

.download-box li .txt {
  float: right;
  width: 77.34%;
}
.download-box li .txt dl {
  height: 180px;
  overflow: hidden;
}
.download-box li .txt.on dl {
  height: auto;
}

.download-box li .txt dd {
  border: 1px solid #cccccc;
  float: left;
  padding: 0 20px 0 10px;
  margin: 10px 0;
  width: 49.5%;
  height: 40px;
  line-height: 40px;
  background: url(../images/dot_06.png) 98% center no-repeat;
}

.download-box li .txt dd:nth-child(2n) {
  float: right;
}

.download-box li .txt dd span {
  color: #7e7e7e;
  float: left;
  width: calc(100% - 162px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 99%;
}

.download-box li .txt dd span:first-child {
  color: #363636;
}

.download-box li .txt dd span + span {
  width: 100px;
}

.download-box li .txt dd span + span + span {
  width: 60px;
}

.download-box li .txt a.more {
  margin: 22px 0 0;
  display: inline-block;
  text-align: left;
  padding: 0 35px 0 15px;
  height: 40px;
  line-height: 40px;
  color: #dc3a3b;
  border: 1px solid #dc3a3b;
  background: url(../images/dot_06.png) 90% center no-repeat;
}

.mating-list {
  margin: 30px 0 0;
  border-top: 1px solid #cccccc;
}

.mating-list li {
  float: left;
  width: 100%;
  padding: 40px 0;
  border-bottom: 1px solid #cccccc;
}

.mating-list li .img {
  float: left;
  width: 20.31%;
  margin-top: 28px;
}

.mating-list li .img img {
  width: 100%;
}

.mating-list li .txt {
  float: right;
  width: 77.34%;
}

.mating-list li .txt h2 {
  margin: 0 0 15px;
}

.mating-list li .txt .c {
  margin: 0 0 25px;
}

.mating-list li dd {
  float: left;
  width: 13.5%;
  margin: 0 1.6%;
  text-align: center;
}

.mating-list li dd img {
  width: 100%;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
}

.mating-list li dd a span {
  color: #363636;
  display: block;
  margin: 35px 0 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mating-list li dt {
  float: left;
}

.mating-list li dt a {
  display: inline-block;
  font-weight: normal;
  margin: 80px 0 0 20px;
  text-align: left;
  padding: 0 35px 0 15px;
  height: 40px;
  line-height: 40px;
  color: #dc3a3b;
  border: 1px solid #dc3a3b;
  background: url(../images/dot_06.png) 90% center no-repeat;
}

.case-list {
  margin: 40px 0 0;
}

.case-list h2 {
  margin: 0 0 20px;
}

.case-list ul {
  margin: 0 -0.8%;
}

.case-list li {
  float: left;
  width: 23.4%;
  margin: 0 0.8% 1.5%;
}

.case-list li .img {
  width: 100%;
  position: relative;
}

.case-list li .img .bg_layer {
  background: url(../images/dot_20.png) center center no-repeat
    rgba(0, 0, 0, 0.6);
}

.case-list li h3 {
  padding: 20px 0;
  text-align: center;
  color: #363636;
  background: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.case-list li a h3 {
  color: #363636;
}

.case-list .more_btn {
  text-align: center;
  margin: 20px auto 0;
}

.case-list .more_btn a {
  display: inline-block;
  color: #fff !important;
  padding: 16px 55px;
  border-radius: 30px;
  background: #313131;
}

.model-box h2 {
  margin: 0 0 0;
  font-size: 20px;
}

.model-box h2 span {
  display: inline-block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  background: #313131;
  font-size: 15px;
}

.model-box h2 span img {
  vertical-align: middle;
  margin-right: 10px;
  width: 18px;
}

.ph_table-s1 {
  margin: 0 0 40px;
}

.ph_table-s1 tbody tr:hover {
  background: #f5f5f5;
}

/*.ph_table-s1 .t-s1 {
  width: 16%;
}

.ph_table-s1 .t-s2 {
  width: 8%;
}

.ph_table-s1 .t-s3 {
  width: 18%;
}

.ph_table-s1 .t-s4 {
  width: 18%;
}

.ph_table-s1 .t-s5 {
  width: 9%;
}

.ph_table-s1 .t-s6 {
  width: 10%;
}

.ph_table-s1 .t-s7 {
  width: 15%;
}

.ph_table-s1 .t-s8 {
  width: 6%;
}
*/
.ph_table-s1 tr td a {
  display: block;
  color: #4e4e4e !important;
  text-decoration: none !important;
}

.ph_table-s1 tr td[data-title="型号"] a{
text-align: left;
padding: 0 10px;
}


.ph_table-s1 tr td a.compar-a {
  width: 14px;
  height: 14px;
  margin: 0 auto;
  border: 1px solid #b1b1b1;
  position: relative;
}

.ph_table-s1 tr td a.compar-a.on {
  border: 1px solid #dc3a3b;
}

.ph_table-s1 tr td a.compar-a.on:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 8px;
  height: 8px;
  background: #dc3a3b;
}

.pro-part1 .btn-box {
  margin-top: 20px;
}

.pro-part1 .btn-box a {
  display: inline-block;
  width: 160px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #313131;
}

.pro-part1 .btn-box a.offer {
  background: #313131;
  color: #fff !important;
}

.pro-part1 .btn-box a.offer img {
  vertical-align: middle;
  margin-right: 5px;
}

.pro-part1 .btn-box a.contrast {
  color: #313131;
  display: none;
}

.pro-part1 .btn-box a.contrast i {
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border: 1px solid #db3a3b;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.pro-part1 .btn-box a.contrast.on i:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  background: #db3a3b;
}

.contrast-wrap {
  position: fixed;
  opacity: 0;
  z-index: -10;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 2% 0;
  background: #f8f8f8;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.contrast-wrap.on {
  display: block;
  opacity: 1;
  z-index: 1000;
}

.contrast-wrap h2 {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
  color: #3c3c3c;
  margin-bottom: 30px;
  position: relative;
  z-index: 101;
}

.contrast-wrap h2 a.clo {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../images/dot_25.png) center center no-repeat;
}

.contrast-wrap .ll {
  float: left;
  width: calc(100% - 166px);
}

.contrast-wrap .rr {
  float: right;
  width: 140px;
  margin-right: 15px;
}

.contrast-wrap .ll li {
  float: left;
  width: 17%;
  margin-right: 16%;
}

.contrast-wrap .ll li .img {
  border: 1px solid #e6e6e6;
  margin: 0 0 15px;
}

.contrast-wrap .ll li p {
  color: #666666;
  font-size: 14px;
  text-align: center;
}

.contrast-wrap .ll li a p {
  color: #666666;
}

.contrast-wrap .rr a {
  display: block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
  border: 1px solid #dc3a3b;
}

.contrast-wrap .rr a.compar {
  color: #fff !important;
  background: #dc3a3b;
}

.contrast-wrap .rr a.compar.disable {
  background: #ccc;
  border: 1px solid #ccc;
  cursor: default;
}

.contrast-wrap .rr a.empty {
  color: #dc3a3b;
}

/* lihailing add */
.order-contrast .ll li {
  float: left;
  width: auto;
  margin-right: 0;
  position: relative;
  padding: 0 5px;
  width: 200.8px !important;
  margin-right: 20px !important;
}

.order-contrast .ll .swiper-wrapper {
  padding: 20px 0;
}

.deleteLi {
  position: absolute;
  right: 0px;
  top: -5px;
  padding: 5px;
  background: #f00;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  text-align: center;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .order-contrast .ll li {
    width: 164.8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .order-contrast .ll li {
    width: 100% !important;
  }
}

.right-compar {
  display: none;
  position: fixed;
  right: 0;
  top: 50%;
  width: 48px;
  height: 116px;
  cursor: pointer;
  z-index: 2;
  background: #c22123;
}

.right-compar i {
  display: block;
  width: 100%;
  height: 48px;
  background: url(../images/dot_22.png) center center no-repeat #dc3a3b;
}

.right-compar span {
  display: block;
  width: 100%;
  height: 68px;
  text-align: center;
  padding-top: 35px;
  color: #fff;
  background: url(../images/dot_23.png) center 10px no-repeat;
}

.exceed-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.exceed-box {
  display: none;
  max-width: 480px;
  width: 80%;
  position: fixed;
  text-align: center;
  background: #fff;
  padding: 2%;
  border-radius: 10px;
  z-index: 1001;
}

.exceed-box .dot {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border: 3px solid #c22123;
  border-radius: 50%;
}

.exceed-box .dot:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 10px;
  width: 5px;
  height: 40px;
  border-radius: 2px;
  background: #c22123;
}

.exceed-box .dot:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -3px;
  bottom: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c22123;
}

.exceed-box h2 {
  margin: 0 0 40px;
}

.exceed-box a.btn_sure {
  display: block;
  margin: 0 auto;
  width: 90px;
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  background: #c22123;
}

.vid-box {
  width: 100%;
  position: relative;
}

.vid-box video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.vid-box i {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 26%;
  background: url(../images/dot_20.png) no-repeat;
  background-size: cover;
}

.vid-box .txt {
  padding: 0 10%;
  left: auto;
  right: 0;
  color: #fff;
  max-width: 70%;
}

.vid-box .txt h2 {
  margin: 0 0 20px;
}

.vid-box .txt .c {
  margin: 0 0 1.5em;
  height: 6em;
  overflow: hidden;
}

.vid-box .txt a.btn-join {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff !important;
  background: #313131;
}

.helper-list {
  margin: 50px 0 0;
  border-top: 1px solid #e6e6e6;
}

.helper-list li {
  float: left;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6;
}

.helper-list li span {
  float: left;
  width: 135px;
  margin-right: 20px;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
}

.helper-list li span img {
  max-width: 100%;
}

.helper-list li .txt {
  float: left;
  width: calc(100% - 510px);
}

.helper-list li .txt h2 {
  margin-bottom: 15px;
}

.helper-list li .txt h2 a {
  color: #363636;
}

.helper-list li a.more {
  float: right;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #dc3a3b;
  text-align: center;
  color: #dc3a3b;
  margin: 40px 0 0;
}

@media only screen and (min-width: 1025px) {
  .produ-list li:hover .in-product-cover {
    opacity: 1;
  }

  .produ-list li:hover .in-product-cover a:hover {
    color: #fff !important;
  }

  .download-box li .txt a.more:hover,
  .mating-list li dt a:hover {
    color: #fff !important;
    border: 1px solid #313131;
    background: url(../images/dot_06_on.png) 90% center no-repeat #313131;
  }

  .download-box li .txt dd:hover {
    border: 1px solid #313131;
    background: url(../images/dot_06_on.png) 98% center no-repeat #313131;
  }

  .download-box li .txt dd:hover span {
    color: #fff !important;
  }

  .mating-list li dd a:hover span {
    color: #dc3a3b;
  }

  .mating-list li dd a:hover img {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
  }

  .case-list li:hover a h3 {
    color: #dc3a3b;
  }

  .helper-list li:hover span {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
  }

  .helper-list li:hover h2 a {
    color: #dc3a3b;
  }

  .helper-list li:hover a.more,
  .helper-list li a.more:hover {
    background: #313131;
    border: 1px solid #313131;
    color: #fff !important;
  }
}

@media only screen and (max-width: 1279px) {
  .helper-list li .txt {
    width: calc(100% - 400px);
  }

  .download-box li .txt dd {
    margin: 0 0 10px;
  }

  .download-box li .txt a.more {
    margin: 0;
  }

  .mating-list li dd {
    width: 21.8%;
  }

  .mating-list li dt {
    float: right;
  }

  .mating-list li dt a {
    margin: 20px 0 0;
  }

  .case-list li .img .bg_layer {
    background-size: 20%;
  }

  .contrast-wrap .ll li {
    width: 24%;
    margin-right: 9%;
  }

  .right-compar {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .product-tab {
    margin: 0 auto 20px;
  }

 

  .produ-list {
    margin-bottom: 3%;
  }

  .produ-list li {
    width: 31.73%;
  }

  .produ-list li h3 {
    padding-top: 10px;
  }

  .produ-list li h3 a {
    margin-bottom: 10px;
  }

  .helper-list li .txt {
    width: calc(100% - 300px);
  }

  .helper-list li a.more {
    width: 120px;
  }

  .helper-list li span {
    width: 110px;
  }

  .vid-box i {
    width: 40px;
    height: 40px;
  }

  .pro-part1 .ll {
    float: none;
    width: 100%;
  }

  .pro-part1 .rr {
    float: none;
    width: 50%;
    margin: 0 auto;
  }

  .download-box li .txt dd {
    width: 100%;
  }

  .contrast-wrap .ll li {
    width: 30%;
    margin-right: 3%;
  }

  .model-box h2 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .comm-tit {
    font-size: 18px;
  }

  .train-part,
  .machine-part,
  .comm-con,
  .download-part,
  .service-part,
  .feedback-part,
  .notice-part,
  .product-part {
    margin-bottom: 8%;
  }

  .download-list,
  .faq-list {
    margin-bottom: 30px;
  }

  .product-tab li {
    width: calc(50% - 4px);
  }

  .produ-list {
    margin-bottom: 5%;
  }

  .produ-list li {
    width: 48.4%;
  }

  .vid-txt {
    position: static;
    margin: 20px 0 0;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }

  .vid-txt h2,
  .vid-txt .c {
    margin: 0 0 10px;
  }

  .vid-txt a.btn-join {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #dc3a3b;
  }

  .vid-box i {
    left: 50%;
    margin-left: -20px;
  }

  .helper-list {
    margin: 20px 0 0;
  }

  .helper-list li {
    padding: 20px 0;
  }

  .helper-list li .txt {
    width: calc(100% - 60px);
  }

  .helper-list li a.more {
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
  }

  .helper-list li span {
    width: 40px;
  }

  .pro-part1 .ll h1 {
    padding-bottom: 10px;
  }

  .pro-part1 .rr {
    width: 100%;
  }

  .product-tab li span {
    border-bottom-width: 3px;
    padding-bottom: 1px;
  }

  .product-tab li.on span {
    border-bottom-width: 4px;
    padding-bottom: 0;
  }

  .pro-part2-tab {
    margin-bottom: 20px;
  }

  .pro-part2-tab li {
    width: 25%;
  }

  .pro-part2-tab li span {
    margin-bottom: 1px;
  }

  .pro-part2-tab li.on span:after {
    display: none;
  }

  .ph_table2 td {
    padding-left: 8em;
  }

  .ph_table2 td:before {
    width: 8em;
  }

  .per-table tr th {
    width: 28%;
  }

  .download-box li .img {
    width: 100%;
    margin-bottom: 10px;
  }

  .download-box li .txt {
    width: 100%;
  }

  .mating-list li {
    padding: 20px 0;
  }

  .mating-list li .img {
    width: 100%;
  }

  .mating-list li .txt {
    width: 100%;
  }

  .mating-list li dd {
    width: 46.8%;
    margin-bottom: 20px;
  }

  .mating-list li dt a {
    height: 30px;
    line-height: 30px;
  }

  .mating-list li dd a span {
    margin: 10px 0 0;
  }

  .case-list li {
    width: 48.4%;
  }

  .case-list li h3 {
    padding: 10px 0;
  }

  .case-list .more_btn a {
    padding: 8px 20px;
  }

  .model-box h2 span {
    width: 100%;
  }

  .contrast-wrap .ll li {
    width: 100%;
    margin-right: 0;
  }

  .contrast-wrap .ll li img {
    width: 100%;
  }

  .order-contrast .ll li .deleteLi {
    width: 20px;
  }

  .order-contrast .ll .swiper-wrapper {
    padding: 5px 0;
  }

  .swiper-button-next,
  .swiper-button-prev {
    height: 27px;
  }

  .download-box li .txt dd {
    height: auto;
    line-height: 20px;
    padding: 10px;
  }

  .download-box li .txt dd span:first-child {
    width: 80%;
  }

  .download-box li .txt dd span + span {
    width: 60%;
  }

  .download-box li .txt dd span + span + span {
    width: 40%;
  }

  .exceed-box {
    padding: 5%;
  }

  .exceed-box h2 {
    margin-bottom: 20px;
  }

  .vid-box {
    height: 200px !important;
  }

  .vid-box .txt {
    display: none !important;
  }

  .ph_table-s1 {
    margin-bottom: 20px;
  }

  .ph_table-s1 td {
    padding-left: 11em;
  }

  .ph_table-s1 td:before {
    width: 11em;
  }

  .ph_table-s1 tr td a.compar-a {
    margin: 0;
  }

  .ph_tablet5-s1 td {
    padding-left: 13em;
  }

  .ph_tablet5-s1 td:before {
    width: 13em;
  }

  .contrast-wrap .rr {
    margin-right: 0;
  }
}

@media only screen and (max-width: 375px) {
  .contrast-wrap .rr,
  .contrast-wrap .rr a {
    width: 110px;
  }

  .contrast-wrap .ll {
    width: calc(100% - 130px);
  }
}

.development {
  margin: 0 0 5%;
}

.faq_details {
  margin-bottom: 6%;
}

.faqd_tit {
  position: relative;
  overflow: hidden;
}

.faqd_tit h2 {
  text-align: center;
  color: #363636;
  padding-bottom: 2%;
}

.faqd_tit_box {
  position: absolute;
  top: 5px;
  right: 0;
}

.faqd_tit_box em {
  float: left;
  font-size: 14px;
  line-height: 1.2;
}

.faqd_tit_box.bshare-custom a {
  height: 15px !important;
  padding-left: 0 !important;
  margin: 0 10px !important;
  width: 18px !important;
}

.faqd_tit_box.bshare-custom a.bshare-sinaminiblog {
  background: url(../images/news_dyn_xinlang.png) no-repeat !important;
}

.faqd_tit_box.bshare-custom a.bshare-qqmb {
  background: url(../images/news_dyn_weibo.png) no-repeat !important;
}

.faqd_tit_box.bshare-custom a.bshare-qqim {
  background: url(../images/news_dyn_QQ.png) no-repeat !important;
}

.faqd_tit_box.bshare-custom a.bshare-weixin {
  background: url(../images/news_dyn_weixin.png) no-repeat !important;
}

.faq_details .bon {
  text-align: center;
  font-size: 14px;
  margin: 0 0 1%;
  padding: 1.5% 0 1.5%;
  border-top: 1px solid #d0d0d0;
}

.bsBox {
  box-sizing: content-box !important;
}

.faq_details .bon span {
  color: #888888;
  display: inline-block;
  margin: 0 8px;
}

.faq_details .bon .posttime {
  padding-left: 23px;
  background: url(../images/news_dyn_time.png) no-repeat left center;
  background-size: 14px 14px;
}

.faq_details .bon em {
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #b4b5b4;
}

.faq_details .connbtn {
  float: right;
  margin: 4% 0 2%;
  text-align: center;
  width: 160px;
  height: 40px;
  line-height: 40px;
  background: #dc3738;
  color: #fff !important;
}

@media only screen and (max-width: 1023px) {
  .faqd_tit {
    padding: 0 0 2%;
  }

  .faqd_tit_box {
    position: static;
    float: right;
  }

  .video_tit .faqd_tit_box {
    position: absolute;
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .faq_details,
  .development {
    margin-bottom: 8%;
  }

  .faqd_tit_box.bshare-custom a {
    margin: 0 5px !important;
  }

  .faq_details .bon {
    font-size: 12px;
  }

  .faq_details .connbtn {
    width: 120px;
    height: 30px;
    line-height: 30px;
  }

  .function-table tr th {
    width: 40%;
  }
}

/*注册*/
.register {
  margin: 0 auto 8%;
  width: 73.4375%;
}

.register .comm-tit {
  text-align: center;
}

.register .comm-tit + h3 {
  margin: 0 0 20px;
}

.register .comm-tit + h3 a {
  color: #dc3a3b;
  text-decoration: underline !important;
}

.register li .inp-box {
  padding: 0 10px 0 44px;
}

.register li .inp-box > i,
.register li .sel-box > i {
  position: absolute;
  left: 12px;
  top: 0;
}

.register li .inp-box > i img,
.register li .sel-box > i img {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.register li .inp-box > i + em,
.register li .sel-box > i + em {
  left: 30px;
  top: 0;
}

.register li span.yesorno {
  margin-right: 20px;
  height: 44px;
  line-height: 44px;
}

.register li .sel-box dt a {
  padding: 0 40px 0 44px;
}

.register li .sel-box dd a {
  padding: 10px 40px 10px 44px;
}

.reg_btnbox {
  text-align: center;
  margin: 20px 0 0;
}

.reg_btnbox a {
  display: inline-block;
  width: 160px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin: 0 2px;
}

.reg_btnbox button {
  display: inline-block;
  width: 160px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin: 0 2px;
  border: none;
}

.reg_btnbox a.a1 {
  background: #adadad;
}

.reg_btnbox button.a1 {
  background: #adadad;
}

.reg_btnbox a.a2 {
  background: #313131;
  color: #fff !important;
}

.reg_btnbox button.a2 {
  background: #313131;
  color: #fff !important;
}

@media only screen and (max-width: 1023px) {
  .register {
    width: 100%;
  }
}

/*对比*/
.contrast-box {
  margin: 0;
}

.contrast-box .title {
  width: 100%;
  padding: 0 0 15px;
  position: relative;
  border-bottom: 1px solid #e6e5e5;
}

.contrast-box .show-set {
  position: absolute;
  top: 10px;
  right: 0;
  color: #4e4e4e;
  line-height: 16px;
}

.contrast-box .show-set a {
  padding-left: 22px;
  margin-left: 14px;
  color: #4e4e4e;
  display: inline-block;
  transition: background 0.3s, color 0.3s;
  position: relative;
}

.contrast-box .show-set a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #cccccc;
}

.contrast-box .show-set a.on {
  color: #dc3a3b;
}

.contrast-box .show-set a.on:before {
  border: 1px solid #dc3a3b;
}

.contrast-box .show-set a.on:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  background: #dc3a3b;
}

.contrast-box .mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 0 !important;
}

.contrast-box tr {
  width: 100%;
  border-bottom: 1px solid #e6e5e5;
}

.contrast-box tr.nosame-color {
  background: #faedee;
}

.contrast-box tr.hide-tr {
  display: none;
}

.contrast-box tr:last-child {
  border-bottom: none;
}

.contrast-box td p.can {
  line-height: 24px;
  width: 90%;
  padding: 15px 0;
}

.contrast-box td {
  width: 30%;
  color: #4e4e4e;
  padding-right: 5%;
}

.contrast-box td:first-child {
  width: 15%;
  padding-left: 3%;
  padding-right: 0;
}

.contrast-box td:last-child {
  padding-right: 0%;
  width: 25%;
}

.contrast-box td .info-link {
  width: 160px;
  color: #fff !important;
  background: #dc3a3b;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  margin-top: 40px;
  transition: background 0.3s;
}

.contrast-box tr:first-child td {
  padding: 35px 5% 35px 0;
}

.contrast-box tr:first-child td:last-child {
  padding-right: 0%;
}

.contrast-box tr:first-child a {
  width: 100%;
  display: block;
  border: 1px solid #eeeeee;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.3s;
}

.contrast-box tr:first-child h2 {
  color: #000;
  line-height: 30px;
  padding: 12px 0;
  border-top: 1px solid #e6e6e6;
  margin: 0 26px;
}

.contrast-box tr:first-child .pic {
  width: 100%;
  text-align: center;
}

.contrast-box tr:first-child .delete {
  width: 30px;
  height: 30px;
  background: url(../images/pro15.png) no-repeat center;
  background-size: 100% 100% !important;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: background 0.3s;
}

.add-product {
  color: #4e4e4e;
  cursor: pointer;
  text-align: center;
}

.add-product .en {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 20px;
}

.add-product .en:before {
  content: '';
  position: absolute;
  left: 0;
  top: 19px;
  width: 40px;
  height: 2px;
  background: #cccccc;
}

.add-product .en:after {
  content: '';
  position: absolute;
  left: 19px;
  top: 0;
  width: 2px;
  height: 40px;
  background: #cccccc;
}

.add-product em {
  position: relative;
  display: inline-block;
  top: -12px;
}

.recommend {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.recommend .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.recommend-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0.7% 2% 2.6%;
  width: 73%;
  height: 475px;
  z-index: 2;
  background: #fff;
}

.recommend-box .close {
  width: 5vh;
  height: 5vh;
  position: absolute;
  top: 0;
  right: -5.5vh;
  text-align: center;
  background: #fff;
  opacity: 1;
  transition: box-shadow 0.3s;
}

.recommend-box .close span {
  display: block;
  width: 2vh;
  height: 2vh;
  margin: 0 auto;
  margin-top: 1.5vh;
  background: url(../images/app13.png) no-repeat center;
  background-size: 100% 100%;
  transition: all 0.5s;
  transform: rotate(0deg);
}

.recommend-box .title {
  color: #c11a21;
  line-height: 65px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 3vh;
}

.recommend-list .slides li {
  float: left;
  width: 300px;
  margin-right: 26px;
  background: #fdfdfd;
  text-align: center;
}

.recommend-list .slides a {
  width: 100%;
  height: 100%;
  padding: 0 0 25px;
  display: block;
}

.recommend-list .slides .pic {
  width: 100%;
  text-align: center;
}

.recommend-list .slides h2 {
  color: #333333;
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  overflow: hidden;
}

.recommend-list .slides .btns {
  width: 103px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  color: #333333;
  margin: 20px auto 0;
  transition: background 0.3s, color 0.3s, border 0.3s;
}

.recommend-list .flex-direction-nav {
  width: 53px;
  height: 22px;
  background: url(../images/pro18.png) no-repeat center;
  position: absolute;
  top: 7.7%;
  right: 2.5%;
}

.recommend-list .flex-direction-nav a {
  width: 11px;
  height: 22px;
  font-size: 20px;
  color: #808080;
  font-family: '宋体';
  position: absolute;
  top: 0;
  line-height: 22px;
  transition: color 0.3s;
}

.recommend-list .flex-direction-nav a.flex-prev {
  left: 0;
  opacity: 1 !important;
  filter: alpha(opacity=100);
}

.recommend-list .flex-direction-nav a.flex-next {
  right: 0;
  opacity: 1 !important;
  filter: alpha(opacity=100);
}

.recommend-list .flex-direction-nav a:hover {
  color: #ca3a3f;
}

.recommend-list .flex-control-nav {
  display: none;
}
/* 2025-03-26新页面，读码器 */
.product-sec{

}
.select-content{
  overflow: hidden;
}
.select-content .right{
  position: relative;
  width: calc(100% - 485px);
  float: right;
}
.select-content .right .item{
  position: absolute;
}
.select-content .right .i1{
  top: 45.523%;
  left: 21.3367%;
}
.select-content .right .i2{
  top: 21.251%;
  left: 68.123%;
}
.select-content .right .i3{
  left: 38.56%;
  top: 73.139%;
}
.select-content .right .i4{
  left: 71.722%;
  top: 66.637%;
}
.select-content .right .item p{font-size: 16px;margin-bottom: 5px;}
.select-content .right .item input{
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  background: #fff;
  width: 123px;
}
.select-content .left{
  width: 410px;
  float: left;
}
.select-content .sec-tit{
  font-weight: bold;
  margin-bottom: 10px;
}
.select-content .sec-tit .seq img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.select-content .sec1 .select-tip li{
  display: flex;
  flex-wrap: nowrap;
}
.select-content .sec1 .select-tip li span{white-space: nowrap;display: inline-block;vertical-align: top;font-weight: bold;}
.select-content .sec1 .select-tip li p{
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.select-input{
  padding: 0;
  background: none;
  margin-top: 10px;
}
.select-input .t{margin-bottom: 5px;}
.select-input .t span{
  position: relative;
  font-size: 14px;
}
.select-input .t span.required::after{
  content: '*';
  position: absolute;
  top: 0;
  right: -10px;
  color: red;
  font-weight: bold;
}
.select-content .sec1 .sel-box dd{
  width: auto !important;
  display: flex;
  flex-wrap: nowrap;
  max-height: 250px;
  border-top: 1px solid #dfdfdf;
  top: 35px;
}
.select-content .sec1 .sel-box dd ul{
  overflow: hidden;
  width: 190px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-left: 1px solid #dfdfdf;
}
.select-content .sec1 .sel-box dd ul.level-2{width:350px;}
.select-content .sec1 .sel-box dd ul:first-child{border-left: none;}
.select-content .sec1 .sel-box li{
  float: none;
  margin-bottom: 0;
  width: 100%;
  white-space: nowrap;
}
.select-content .sec1 .sel-box dd ul a{
  padding: 5px 10px;
  font-size: 14px;
}
.select-content .sec1 .sel-box dd ul a:hover{color: #000 !important;}
.select-content .sec1 .sel-box dd ul{display: none;}
.select-content .sec1 .sel-box dd ul.open{display: block;}
.select-content .sec1 .sel-box li a.child,
.select-content .sec1 .sel-box li.child a{
  background-image: url(../image/child_arrow.png) !important;
  background-position: 90% center;
  background-repeat: no-repeat;
  color: #000 !important;
}
.select-content .sec1 .sel-box li a.on{background-color: #b7d9a4;}
.select-content .sec1 .sel-box.active dd{display: flex;}
.select-content .sec1 .level-2 li,
.select-content .sec1 .level-3 li{display: none;}
.select-content .sec1 .level-2 li.show,
.select-content .sec1 .level-3 li.show{display: block;}
#choose-text{font-size: 12px;}
#type.cur,
#choose-text.cur{color: #000;}
.select-content .sec2,
.select-content .sec3,
.select-content .sec4{margin-top: 10%;}
.select-content .sec2 .input-form,
.select-content .sec3 .input-form,
.select-content .sec4 .input-form{
  display: flex;
  justify-content: space-between;
}
.select-content .input-form .ipt{width: 200px;position: relative;}
.select-content .input-form .ipt input{width: 100%;border: 1px solid #dfdfdf;padding: 0 10px;height: 36px;line-height: 36px;font-size: 12px;}
.select-content .sec2 .sel-box dd{
  top: 36px;
  padding: 5px 0;
}
.select-content .sec2 .sel-box.active dd{display: block;}
.select-content .sec2 .sel-box dd li{
  float: none;
  width: 100%;
  margin-bottom: 0;
  padding: 5px 10px;
  cursor: pointer;
}
.select-content .sec2 i.help{
  border: 2px solid #000;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 15px;
  font-weight: bold;
  float: right;
  cursor: pointer;
  margin-top: 5px;
}
.select-content .sec2 .pop{
  display: none;
  position: absolute;
  bottom: 75px;
  left: -40px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  width: 480px;
  border-radius: 8px;
}
.select-content .sec2 .pop .pop-tit{
  border-bottom: 1px solid #e0e0e0;
  padding: 16px 26px 10px;
  font-size: 16px;
}
.select-content .sec2 .pop .pop-close{
  float: right;
  width: 19px;
  height: 19px;
  background: url(../image/pop-close.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  margin-top: 3px;
}
.select-content .sec2 .pop .pop-con{
  padding: 50px 32px 20px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.select-content .sec2 .pop .pop-btn{
  width: 87px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto 30px;
  border-radius: 4px;
  background-color: #f83839;
  color: #fff;
  cursor: pointer;
}

.select-content .sec2 .pop .tit{font-size: 18px;}
.select-content .sec2 .pop .subtit{font-size: 16px;}
.select-content .sec2 .pop .code{margin-top: 10px;}
.select-content .sec2 .pop .tip{color: #f76100;font-size: 14px;}
.select-content .sec2 .sel-box dd li:hover{background-color: #b7d9a4;}
.select-content .sec2 .sel-box dt a{font-size: 12px;}
.select-content .sec4 .text{
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.select-content .sec4 .form_btn{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.select-content .sec4 .form_btn .butn{
  width: 200px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #313131;
  text-align: center;
  cursor: pointer;
}
.select-content .sec4 .form_btn .butn.reset{
  background-color: #adadad;
}
.table_list{margin-top: 5%;}
.table_list .tit{margin-bottom: 10px;font-weight: bold;}
@media only screen and (max-width: 1440px) {
  .contrast-box .show-set {
    top: 5px;
  }

  .recommend-box {
    width: 90%;
  }

  .add-product .en {
    width: 30px;
    height: 30px;
  }

  .add-product .en:before {
    top: 14px;
    width: 30px;
  }

  .add-product .en:after {
    left: 14px;
    height: 30px;
  }

  .add-product em {
    top: -8px;
  }
}

@media only screen and (max-width: 1024px) {
  .contrast-box .show-set {
    top: auto;
    position: static;
    margin: 10px 0 0;
  }

  .content-trast {
    overflow: auto;
  }
  .select-content .left,
  .select-content .right{
    float: none;
    width: 100% !important;
  }
  .select-content .right .item input{width: 100px;}
  .select-content .input-form{justify-content: flex-start !important;}
  .select-content .input-form .ipt:nth-child(2){margin-left: 15px;}
  .select-content .sec1 .sel-box.active dd{width:100% !important;display:block;overflow-x:auto;white-space:nowrap;}
  .select-content .sec1 .sel-box dd ul.open{display:inline-block;vertical-align:top;margin-left:-4px;}
  .select-content .sec1 .sel-box dd ul{border-left:none;border-right:1px solid #dfdfdf;}
}

@media only screen and (max-width: 767px) {
  .select-content .input-form{display: block !important;}
  .select-content .input-form .ipt{
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 15px;
  }
  .select-content .sec2, .select-content .sec3, .select-content .sec4{margin-top: 4%;}
  .contrast-box .show-set a {
    margin-left: 5px;
    font-size: 12px;
  }

  .recommend-box .close {
    position: absolute;
    top: auto;
    bottom: -5.5vh;
    right: 50%;
    margin-right: -2.5vh;
  }
}

@media only screen and (min-width: 1025px) {
  .contrast-box .show-set a:hover {
    color: #c11a20;
  }

  .contrast-box tr:first-child a:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }

  .contrast-box tr:first-child a:hover .delete {
    background: url(../images/pro15_h.png) no-repeat center;
  }

  .recommend-list .slides .btns:hover {
    background: #c11a20;
    color: #fff;
    border-color: #c11a20;
  }
}

@media only screen and (min-width: 840px) {
  .specailSpan {
    line-height: 16px;
    text-align: center;
    padding-top: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .edit_con_original table.ke-zeroborder td {
    float: left;
    width: 100% !important;
  }
  /*.edit_con_original table.ke-zeroborder td img{width:100%!important;}*/
  .edit_con_original .WordSection1 table.ke-zeroborder td {
    float: none;
    width: auto !important; /*text-align: left!important;*/
  }
  .edit_con_original .WordSection1 table.MsoTableGrid {
    font-size: 12px;
  }
  .edit_con_original .WordSection2 table.MsoTableGrid2 td {
    float: none;
    width: 50px !important;
  }
  .edit_con_original .WordSection2 table.MsoTableGrid2 td:last-child {
    width: calc(100% - 70px) !important;
  }
}

@media only screen and (max-width: 1023px) {
  .download-box li .txt dl {
    height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .download-box li .txt dl {
    height: 144px;
  }
  .download-box li .txt dd span {
    text-align: left;
  }
}