.inbanner {
  position: relative;
  color: #fff;
}

.inbanner .wrap.l-m-c {
  z-index: 10;
}

.inbanner .txt {
  text-shadow: 2px 2px 1px #444;
  padding-left: 2.2%;
}

.inbanner h2 {
  margin-bottom: 0.5em;
  line-height: 1.3
}

.inbanner h3 {
  font-size: 16px;
  line-height: 1.8;
}

.inbanner img {
  width: 100%;
}

.inbanner .swiper-pagination {
  bottom: 50px;
}

.inbanner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px !important;
  background: #fff;
  box-shadow: 1px 1px 3px 0px #333;
  opacity: 1;
  filter: alpha(opacity=100);
}

.inbanner .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.inbanner .txt h4 {
  margin-bottom: 3%;
}

.inbanner .txt dl dd {
  margin-bottom: 0.5em;
}

.site {
  text-align: right;
  color: #B3B3B3;
  padding: 30px 0;
  z-index: 10;
  width: 100%;
}

.site a {
  color: #B3B3B3;
}

.site span {
  color: #FFFFFF;
}

.site_b span {
  color: #000;
}
.phone_inbanner{
  display: none;
}
.cont_map .network{
  background: none;
}
.address-select li a {
  color: #fff;
}
.address-select li:hover a {
  color: #000;
}
@media only screen and (max-width:1279px) {
  .inbanner .swiper-pagination {
    bottom: 20px;
  }
  .inbanner .txt {
    padding-left: 0;
  }
  .inbanner h2 {
    font-size: 24px;
  }
  .inbanner h3 {
    font-size: 14px;
  }
}

@media only screen and (max-width:767px) {
  .product-detspart{padding-top: 5%}
  .inbanner, .inbanner .swiper-container, .inbanner .swiper-slide {
    /*height: 260px;*/
    height: 133px;
  }
  .inbanner img, .inbanner .swiper-slide img {
    /*display: none;*/
  }
  .inbanner .swiper-pagination {
    bottom: 5px;
  }
  .inbanner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px !important;
  }
  .inbanner .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
  }
  .inbanner h2 {
    font-size: 18px;
  }
  .inbanner h3 {
    font-size: 14px;
  }
  .inbanner h2 br, .inbanner h3 br {
    display: none;
  }
  .inbanner .txt h4 {
    margin-top: -10px;
  }
  .inbanner .txt dl dd {
    line-height: 1.3;
    margin-bottom: 0;
  }
  .activity-part ul {
    margin: 0;
  }
  .activity-part li {
    width: 100%;
    margin: 0 0 10px;
  }
  .pc_inbanner{
    display: none;
  }
  .phone_inbanner{
    display: block;
  }
  .about-inbanner{
    height: auto;
  }
}

/*技术支持*/

.technical-part {
  padding: 0 0 7%;
}

.technical-part .box {
  max-width: 1110px;
  padding-top: 5.5%;
  color: #fff;
  width: 100%;
}

.technical-part .ll {
  float: left;
  width: 55%;
}

.technical-part dl {
  text-shadow: 2px 2px 1px #444;
  margin: 0 0 8%;
}

.technical-part dl dt {
  margin-bottom: 8%;
}

.technical-part dl dt h2 {
  margin-bottom: 5%;
}

.technical-part dl dt h3 {
  padding-left: 42px;
  background: url(../images/dot13.png) left center no-repeat;
}

.technical-part dl dd {
  margin: 0 0 3%;
  font-size: 16px;
}

.technical-part dl dd a {
  color: #fff !important;
  cursor: default;
}

.technical-part .bon {
  font-size: 16px;
}

.technical-part .bon a {
  float: left;
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
  background: #494949;
  border-radius: 7px;
}

.technical-part .bon a.a2 {
  margin-left: 10px;
  color: #494949;
  background: #fff;
}

.technical-part .rr {
  float: right;
  width: 42%;
}

.technical-part .rr ul {
  margin-top: 10px;
}

.technical-part .rr li {
  margin-bottom: 12px;
}

.technical-part .rr .inp {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background: rgba(73, 73, 73, 0.5);
  border-radius: 7px;
}

.technical-part .rr .inp input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  font-size: 16px;
  color: #fff;
}

.technical-part .rr .inp input::placeholder, .technical-part .rr .inp.inp-text textarea::placeholder {
  color: #fff;
}

.technical-part .rr .inp input:-ms-input-placeholder, .technical-part .rr .inp textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}

.technical-part .rr .inp input.placeholder, .technical-part .rr .inp textarea.placeholder {
  color: #efefef;
}

.technical-part .rr .inp.inp-text {
  height: 122px;
  padding: 10px 20px;
}

.technical-part .rr .inp.inp-text textarea {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  font-size: 16px;
  color: #fff;
}

.technical-part .rr .btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #F9BD27;
  border-radius: 7px;
}

.technical-part .rr .btn button {
  width: 100%;
  height: 100%;
  color: #000;
  border: none;
  background: none;
  font-size: 16px;
}
@media only screen and (max-width:1200px) {
	.technical-part .bon a{
		width:100px;
	}
}
@media only screen and (max-width:1024px) {
	.technical-part .bon a{
		width:80px;
	}
}
@media only screen and (max-width:767px) {
  .site {
    padding: 15px 0;
    display: none;
  }
  .technical-part .ll, .technical-part .rr {
    width: 100%;
  }
  .technical-part .bon a, .technical-part .rr .inp input, .technical-part .rr .inp.inp-text textarea, .technical-part .rr .btn button {
    font-size: 14px;
  }
  .technical-part .bon a {
    width: 49%;
	margin-top: 2%;
  }
  .technical-part .bon a.a1 {
    float: left;
  }
  .technical-part .bon a.a2 {
    float: left;
	margin-left:2%;
  }
  .technical-part .bon a.a3 {
	  margin-left:0;
  }
}

/*市场活动*/

.activity-part {
  padding: 5% 0 7%;
  background: #F3F3F3;
}

.activity-part ul {
  margin: 0 -0.7%;
}

.activity-part li {
  float: left;
  width: 31.93%;
  margin: 0 0.7%;
  position: relative;
  overflow: hidden;
}

.activity-part li .txt {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.activity-part li .txt span {
  display: block;
  width: 92px;
  height: 92px;
  margin: 0 auto 8%;
  border: 1px solid #fff;
  border-radius: 50%;
  ;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.activity-part li .txt span img {
  width: 40px;
  height: 40px;
  margin-top: 26px;
}

.activity-part li .txt h2 {
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}

.activity-part li .txt h2::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -40px;
  bottom: 0px;
  width: 80px;
  height: 3px;
  background: #fff;
}

.activity-part li a {
  color: #fff;
}

@media only screen and (min-width:1025px) {
  .activity-part li:hover .txt span {
    transform: translateY(-10px);
  }
}

@media only screen and (max-width:767px) {
  .activity-part ul {
    margin: 0;
  }
  .activity-part li {
    width: 49%;
    margin: 0 2% 10px 0;
  }
  .activity-part li:nth-child(2n){
    margin-right: 0;
  }
}

.sale-part {
  padding: 5% 0 6%;
}

.sale-part ul {
  margin: 0 0 5.5%;
}

.sale-part li {
  width: 100%;
  float: left;
  padding: 40px 160px 30px;
  border-bottom: 1px solid #DADADA;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

.sale-part li .img {
  float: left;
  width: 31.6%;
}

.sale-part li .txt {
  float: right;
  width: 66%;
}


.sale-part li .new_img{
	width: 24%;
	max-width: 80px;
}

.sale-part li .new_img + .txt {
  width: calc(95.6% - 80px);
}

.sale-part li .new_img + .txt h2{
	margin-top: 0;
}

.sale-part li h2 {
  margin: 10px 0;
}

.sale-part li h2 a {
  color: #000;
}

.sale-part li .c {
  -webkit-line-clamp: 4;
  line-height: 1.8;
  max-height: 7.2em;
  color: #777777;
  transition: 0.3s all;
}

.sale-part li span {
  display: block;
  margin: 10px 0 0;
  font-family: Arial, Helvetica, sans-serif;
}

.sale-part li a.more {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  color: #000000;
  background: #F7B81A;
  border-radius: 5px;
}

@media only screen and (min-width:1025px) {
  .sale-part li:hover {
    background: #F7B81A;
    border-bottom: 1px solid #F7B81A;
  }
  .sale-part li:hover h2, .sale-part li:hover a, .sale-part li:hover .c {
    color: #000;
  }
  .sale-part li:hover a.more {
    color: #000 !important;
    background: #FECD5A;
  }
  .sale-part li a:hover {
    color: #000 !important;
  }
}

@media only screen and (max-width:1279px) {
  .sale-part li {
    padding: 20px 0px;
  }
  .sale-part li h2 {
    margin: 0 0 10px;
  }
  .sale-part li .c {
    -webkit-line-clamp: 4;
    line-height: 1.5;
    max-height: 4.5em;
    margin-bottom: 20px;
  }
  .sale-part li a.more {
    font-size: 14px;
  }
}

@media only screen and (max-width:1023px) {
  .sale-part li .c {
    -webkit-line-clamp: 2;
    max-height: 3em;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width:767px) {
  .sale-part li .txt h2{
    text-overflow: inherit;
    white-space: inherit;
  }
  .sale-part li .img, .sale-part li .txt {
    width: 100%;
  }
  .sale-part li .txt {
    margin: 20px 0 0;
  }
  .sale-part li .new_img + .txt{
	margin-top: 0;
}
}

.details-part {
  padding: 2% 0 5%;
}

.details-part h1 {
  text-align: center;
  line-height: 1.2;
  margin: 0 0 3%;
  font-weight: bold;
  color: #000000;
}

.details-part .btxt {
  padding: 0 0 3%;
  margin: 0 0 3%;
  text-align: center;
  color: #777777;
  border-bottom: 1px solid #DADADA;
}

.details-part .btxt span {
  margin: 0 10px;
}

.details-part .conts {
  padding: 0 6.5%;
}

.details-part .conts .edit_con_original {
  color: #777777;
}

.dets-bot {
  margin: 5% 6.5% 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #494949;
}

.dets-bot .share {
  float: left;
  line-height: 33px;
}

.dets-bot .view {
  float: right;
  color: #777777;
  padding-left: 22px;
  line-height: 33px;
  background: url(../images/dot17.png) left center no-repeat;
}

.share em {
  float: left;
  line-height: 33px;
  margin-right: 5px;
  color: #000000;
}

.share .bdshare-button-style1-24 {
  float: left;
  height: 33px;
  line-height: 33px;
}

.share .bdshare-button-style1-24 a {
  width: 35px;
  height: 33px;
  margin: 0 0 0 6px;
}

.share .bds_tsina {
  background: url(../images/share_03.png) no-repeat;
  background-position: 0 center !important;
}

.share .bds_weixin {
  background: url(../images/share_01.png) no-repeat;
  background-position: 0 center !important;
}

.share .bds_sqq {
  background: url(../images/share_02.png) no-repeat;
  background-position: 0 center !important;
}

.dets-page {
  margin: 30px 6.5% 0;
  position: relative;
}

.dets-page p {
  display: block;
  color: #777777;
  width: calc(100% - 140px);
  line-height: 26px;
  margin-bottom: 5px;
  overflow: hidden;
}

.dets-page p label {
  float: left;
  color: #000000;
}

.dets-page p a {
  color: #777777;
}

.dets-page a.close, .dets-page a.zan {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #000 !important;
  font-size: 16px;
  border-radius: 6px;
  background: #F9BD27;
}

@media only screen and (max-width: 767px) {
  .details-part h1 {
    text-align: left;
  }
  .dets-page {
    margin: 15px 0 0;
  }
  .dets-bot {
    margin: 5% 0 0;
  }
  .details-part .conts {
    padding: 0;
    font-size: 14px;
  }
  .dets-page a.close {
    display: none;
  }
  .dets-page p {
    width: 100%;
  }
}

.integral-part {
  padding: 4% 0 6%;
}

.integral-part .tit {
  color: #000000;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative;
}

.integral-part .tit::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 160px;
  height: 3px;
  background: #F7B81A;
}

.integral-part .tit_an {
/*  border-bottom: none;
  margin-bottom: 0;*/
}

.integral-part .tit_an::before {
  /*display: none;*/
}

.int-part01 {
  margin: 0 0 5%;
}

.int-part01 .txt h2 {
  margin-bottom: 20px;
}

.int-part01 .txt a.btn_cx, .sale-dets-part01 a.btn_down, a.btn_buy {
  display: block;
  margin: 3.5% 0 0;
  width: 300px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #000;
  border-radius: 6px;
  background: #F9BD27;
}

.int-part02 {
  /* margin: 0 0 5%; */
}

.fenyeBox .swiper-pagination-bullet-active {
  opacity: 1;
  background: #F9BD27;
}

.fenyeBox .swiper-pagination span {
  margin: 0 8px;
}

.int-part02 ul {
  margin: 0 -0.3%;
}

.int-part02 li {
  float: left;
  width: 32.7%;
  margin: 0 0.3%;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 1%
}
.int-part02 li>p{
  text-align: center;
  padding: 4px 0;
  min-height: 29px;
}
.int-part02 li span {
  /*position: absolute; right:5px; bottom:5px;*/
  display: inline-block;
  margin: 10px 0;
  min-width: 100px;
  height: 28px;
  line-height: 28px;
  color: #000;
  border-radius: 5px;
  padding-left: 40px;
  font-weight: bold;
  background: url(../images/dot18.png) 18px center no-repeat #F9BD27;
}

.int-part02 .add_txt {
  margin: 3% 0 0;
}

.int-part03 .rr {
  float: right;
  width: 28.62%;
}

.int-part03 .rr img {
  width: 100%;
}

.int-part03 .ll {
  float: left;
  width: 68%;
}

.int-part03 .add_txt {
  margin: 3% 0 0;
}

/*.int-part03 .ll .txt .edit_con_original a{color:#F7B81A; text-decoration: underline!important;}*/

@media only screen and (min-width:1025px) {
  .int-part01 .txt a.btn_cx:hover, .sale-dets-part01 a.btn_down:hover, a.btn_buy:hover {
    color: #F7B81A;
    background: #494949;
  }
}

@media only screen and (max-width:1365px) {
  .integral-part .tit {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .integral-part .tit_an {
    margin-bottom: 0;
  }
  .integral-part .tit::before {
    width: 120px;
  }
  .int-part01 .txt a.btn_cx, .sale-dets-part01 a.btn_down, a.btn_buy {
    width: 200px;
    height: 40px;
    line-height: 40px;
  }
}

@media only screen and (max-width:767px) {
  .int-part02 li {
    width: 49.4%;
    margin-bottom: 0.5%;
    /*border: none;*/
    padding: 0
  }
  .int-part03 .ll, .int-part03 .rr {
    width: 100%;
  }
  .int-part03 .rr {
    margin-top: 20px;
  }
}

@media only screen and (max-width:360px) {
  .int-part02 li {
    width: 100%;
  }
}

.sale-dets-part01 {
  padding: 4% 0;
}

.sale-dets-part01 a.btn_down {
  float: right;
}

.sale-dets-part02 .item {
  background: url(../images/sale-detsbg.jpg) no-repeat;
  background-size: cover;
}

.sale-dets-part02 .item:nth-child(2n) {
  background: #fff;
}

.item-tit {
  position: relative;
  padding: 3% 0;
  cursor: pointer;
}

.item-tit h2 {
  width: 100%;
  padding-right: 60px;
  color: #fff;
  position: relative;
}

.item-tit h2 span {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(45deg);
}

.item.on .item-tit h2 span {
  transform: rotate(135deg);
}

.item-con {
  display: none;
}

.item-cbox01 {
  padding: 1% 0 2%;
}

.item-cbox01>dl {
  margin: 0 0 2%;
}

.item-cbox01 dt {
  float: left;
  width: 46.5%;
}

.item-cbox01 dd {
  float: right;
  width: 50%;
  color: #fff;
  height: 22em;
}

.item-cbox01 dd .edit_con_original {
  color: #fff;
  line-height: 2;
}

.item-cbox01 .add_txt .edit_con_original {
  color: #fff;
  line-height: 2;
}

.item-cbox02 ul {
  margin: 0 -1%;
}

.item-cbox02 li {
  float: left;
  width: 23%;
  margin: 0 1%;
}

.item-cbox02 li h3 {
  color: #fff;
  margin: 10px 0 0;
  height: 1.5em;
  overflow: hidden;
}

.item-cbox03 {
  padding: 4.5% 0 6.5%;
}

.item-cbox03 h2 {
  color: #fff;
  padding-bottom: 2.5%;
  margin-bottom: 0.5%;
  border-bottom: 1px solid rgba(73, 73, 73, 0.2);
}

.item-cbox03 li {
  border-bottom: 1px solid #848F91;
}

.item-cbox03 li .li_tit {
  padding: 20px 0;
  cursor: pointer;
}

.item-cbox03 li .li_tit h3 {
  color: #fff;
  position: relative;
  padding: 0 40px 0 20px;
}

.item-cbox03 li .li_tit h3 span {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.item-cbox03 li .li_con {
  display: none;
}

.item-cbox03 li.on .li_tit h3 span {
  transform: rotate(135deg);
}

.item-cbox03 a.btn_buy {
  margin-top: 30px;
  margin-left: 20px;
}

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

.ph_table td {
  text-align: center;
  line-height: 20px;
  padding: 24px 0;
  color: #FFFFFF;
  border-bottom: 1px solid #868F92;
}

.ph_table thead td {
  background: #494949;
  height: 46px;
  line-height: 46px;
  padding: 0;
  color: #FFFFFF !important;
  border-bottom: none;
}

.ph_table .pt01-1 {
  width: 30%;
  text-align: left;
  padding-left: 4%;
}

.ph_table .pt01-2 {
  width: 12%;
}

.ph_table .pt01-3 {
  width: 12%;
}

.ph_table .pt01-4 {
  width: 12%;
}

.ph_table .pt01-5 {
  width: 12%;
}

.ph_table .pt01-6 {
  width: 22%;
  text-align: left;
  padding-right: 2%;
}

.ph_table .pt01-1 a {
  color: #fff;
}

.ph_table .pt01-4 a {
  display: block;
  margin: 0 auto;
  width: 116px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #000000 !important;
  background: #F7B81A;
}

.item-cbox03 li .ph_table tr:last-child td {
  /*border-bottom: none;*/
}

.item-cbox03 li.on {
  border-bottom: none;
}

.sale-dets-part02 .item:nth-child(2n) .item-tit h2 {
  color: #000000;
}

.sale-dets-part02 .item:nth-child(2n) .item-tit h2 span {
  border-top: 4px solid #777777;
  border-right: 4px solid #777777;
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox01 dd .edit_con_original, .sale-dets-part02 .item:nth-child(2n) .item-cbox02 li h3 {
  color: #777777;
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox01 .add_txt .edit_con_original {
  color: #777777;
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox03 h2 {
  color: #000;
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox03 li .li_tit h3 {
  color: #000000;
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox03 li {
  border-bottom: 1px solid rgba(73, 73, 73, 0.2);
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox03 li .li_tit h3 span {
  border-top: 2px solid #777777;
  border-right: 2px solid #777777;
}

.sale-dets-part02 .item:nth-child(2n) .ph_table td, .sale-dets-part02 .item:nth-child(2n) .ph_table .pt01-1 a {
  color: #000000;
}

.sale-dets-part02 .item:nth-child(2n) .ph_table td {
  border-bottom: 1px solid rgba(73, 73, 73, 0.2);
}

.sale-dets-part02 .item:nth-child(2n) .item-cbox03 li .ph_table tr:last-child td {
  border-bottom: none;
}

.sale-dets-part02 .item:nth-child(2n) .ph_table td.pt01-6 {
  color: #777777;
}

.sale-dets-part03 {
  padding: 0 0 5%;
}

.sale-dets-part03 .dets-bot {
  margin: 5% 0 0;
  padding: 0 20px 20px;
}

.sale-dets-part03 .dets-page {
  margin: 30px 20px 0;
}

@media only screen and (max-width:1366px) {
  .item-tit h2 span {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
}

@media only screen and (max-width:1279px) {
  .item-cbox01 dd {
    height: 18em;
  }
}

@media only screen and (max-width:1023px) {
  .item-cbox01 dd {
    height: 12em;
  }
  .item-cbox02 li {
    width: 48%;
    margin-bottom: 20px;
  }
  .item-cbox02 li h3.fnt_24 {
    font-size: 14px;
  }
}

@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: 16px;
  }
  .ph_table td {
    border: none;
    border-bottom: 1px solid #eee !important;
    position: relative;
    width: auto !important;
    padding: 5px 0;
    padding-left: 6em;
    white-space: normal;
    text-align: left;
  }
  .pro-dets01 .ph_table .pt01-1 a{font-weight: bold;}
  .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);
  }
  .ph_table .pt01-1 {
    padding-left: 6em;
  }
  .ph_table .pt01-4 a {
    height: 30px;
    line-height: 30px;
    margin: 0;
  }
  .item-tit h2.fnt_48 {
    font-size: 18px;
  }
  .item-tit h2 span {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
  .item-cbox03 li .li_tit h3 span {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
  .item-cbox01 dt, .item-cbox01 dd {
    width: 100%;
  }
  .item-cbox01 dd {
    margin-top: 10px;
  }
  .item-cbox03 a.btn_buy {
    margin-top: 20px;
  }
}

/*技术资料*/

.datum-part, .video-part {
  padding: 5% 0;
  background: #F3F3F3;
}

.datum-part ul, .video-part ul {
  margin: 0 -0.7%;
}

.datum-part li, .video-part li {
  float: left;
  position: relative;
  width: 31.9333%;
  margin: 0 0.7% 1.5%;
  height: 0;
  text-align: center;
  padding-bottom: 23.96%;
  /*background: #7B4B6A;*/
}

.datum-part li span {
  display: block;
  width: 92px;
  height: 92px;
  margin: 0 auto 4%;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.datum-part li span img {
  width: 36px;
  height: 36px;
  margin-top: 28px;
}

.datum-part li h2 {
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}

.datum-part li h2::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -40px;
  bottom: 0px;
  width: 80px;
  height: 3px;
  background: #fff;
}

.datum-part li>a {
  display: block;
  width: 100%;
  color: #fff;
  padding: 0 5%;
}

/*.datum-part li:nth-child(6n-4),.datum-part li:nth-child(6n){background: #9F4352;}
.datum-part li:nth-of-type(6n-3),.datum-part li:nth-of-type(6n-2){background: #3D5C77;}*/

@media only screen and (min-width:1025px) {
  .datum-part li:hover span, .video-part li:hover span {
    transform: translateY(-10px);
  }
}

@media only screen and (max-width:1023px) {
  .datum-part li span {
    width: 62px;
    height: 62px;
  }
  .datum-part li span img {
    width: 26px;
    height: 26px;
    margin-top: 18px;
  }
}

@media only screen and (max-width:767px) {
  .datum-part li {
    width: 48%;
    padding-bottom: 36%;
  }
  .datum-part li span {
    width: 42px;
    height: 42px;
  }
  .datum-part li span img {
    width: 20px;
    height: 20px;
    margin-top: 11px;
  }
  .datum-part li h2.fnt_30 {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .datum-part li h2::after {
    height: 1px;
  }
}

.video-part li {
  padding-bottom: 18.15%;
}

.video-part li span {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 4%;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.video-part li span img {
  width: 60px;
  height: 60px;
}

/*.video-part li:nth-child(6n+2),.video-part li:nth-child(6n){ background: #9F4352;}
.video-part li:nth-child(6n+3),.video-part li:nth-child(6n-2){background: #3D5C77;}*/

.video-part li h2 {
  color: #fff;
  margin-top: 20px;
}

.video-part li a {
  display: block;
  width: 100%;
  color: #fff;
}

@media only screen and (max-width:1023px) {
  .video-part li span, .video-part li span img {
    width: 40px;
    height: 40px;
  }
  .video-part li h2 {
    margin-top: 10px;
  }
}

@media only screen and (max-width:767px) {
  .video-part li span, .video-part li span img {
    width: 26px;
    height: 26px;
  }
  .video-part li {
    width: 48.6%;
    padding-bottom: 27.8%;
  }
  .video-part li h2 {
    margin-top: 0;
  }
}

.sele-wrap {
  margin: 4.5% 0;
  padding: 20px 0 10px;
  background: #F3F3F3;
}

.sele-wrap h2 {
  padding: 0 30px 20px 60px;
  color: #777777;
  background: url(../images/dot28.png) 30px 8px no-repeat;
  border-bottom: 1px solid #DADADA;
}

.sele-wrap ul {
  padding: 20px 30px 0;
}

.sele-wrap li {
  float: left;
  width: 18%;
  margin-right: 2%;
  margin-bottom: 15px;
  color: #000;
}

/*.sele-wrap li:nth-child(5n){width:20%; margin-right:0;}*/

.sele-wrap li em {
  display: inline-block;
  margin-right: 40px;
}

.label-checkbox {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding-left: 15px;
}

.label-checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #DDDDDD;
  background: #fff;
}

.label-checkbox.on:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 2px;
  top: 6px;
  background: #F7B81A;
}

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

.video-list {
  padding: 0 0 5%;
}

.video-list ul {
  margin: 0 -0.7% 4%;
}

.video-list li {
  float: left;
  width: 31.9333%;
  margin: 0 0.7% 1.5%;
  position: relative;
  border: 1px solid #ccc;
}

.video-list li .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.video-list li .img::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    opacity: 1;
    transition: opacity .3s;
}
.video-list li em {
  width: 26px;
  height: 26px;
  background: url(../images/dot29.png) no-repeat;
  top: 37%;
}

.video-list li h2 {
  /*position: absolute;
  left: 0;*/
  /*bottom: 25px;*/
  width: 100%;
  padding: 10px;
  color: #000;
  overflow: hidden;
  min-height:68px;
}
.video-list li a:hover h2{
    color: #F7B81B;
}
.video-list li a:hover .img::after{
    opacity: 1;
}
.video-list li h2 span {
  display: block;
}

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

.selbox-wrap .sort-by .select-box {
  float: left;
  width: 320px;
  margin-right: 10px;
  height: 40px
}

@media only screen and (max-width:1279px) {
  .video-list li h2 {
    padding: 10px;
    bottom: 10px;
  }
  .selbox-wrap .sort-by .select-box {
    width: 32.33%;
    margin-right: 1%;
  }
}

@media only screen and (max-width:1023px) {
  .sele-wrap li {
    width: 48%;
    margin-right: 0;
  }
  .sele-wrap li:nth-child(2n) {
    float: right;
  }
}

@media only screen and (max-width:767px) {
  .video-list ul {
    margin: 0 0 4%;
  }
  .video-list li {
    width: 100%;
    margin: 0 0 2%;
  }
  .sele-wrap li em {
    margin-right: 10px;
  }
  .selbox-wrap .sort-by .select-box {
    width: 100%;
    margin-bottom: 10px;
  }
  .video-list li h2 {
	min-height:10px;
	}
}

.video-details {
  padding: 2% 0;
}

.video-details h2 {
  text-align: center;
  color: #000000;
  margin-bottom: 2%;
}

.v-conts {
  padding: 3% 0;
  position: relative;
}

.v-dbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 678px;
  background: #F5F5F5;
}

.video-conts {
  position: relative;
  z-index: 2;
}

.video-box {
  position: relative;
  z-index: 2;
  margin: 0 0 4%;
}
.video-box .mejs-overlay-play::before{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.video-box video {
  width: 100%;
  height: 100%;
  /*object-fit: fill;*/
}

.video-box em {
  cursor: pointer;
  width: 96px;
  height: 96px;
  background: url(../images/dot30.png) no-repeat;
  background-size: cover;
}

.v-wrap {
  max-width: 1200px;
}

.v-conts .edit_con_original {
  color: #777777;
}

.v-conts .dets-bot, .v-conts .dets-page {
  margin-left: 0;
  margin-right: 0;
}

.dets-page a.zan {
  min-width: 120px;
}

.dets-page a.zan i {
  float: left;
  width: calc(100% - 60px);
  margin-left: 10px;
}

.dets-page a.zan em {
  float: right;
  width: 40px;
  margin-right: 10px;
  text-align: center;
}

@media only screen and (max-width:1279px) {
  .v-dbg {
    height: 540px;
  }
}

@media only screen and (max-width:1023px) {
  .v-dbg {
    height: 400px;
  }
  .video-box .mejs-overlay-button {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background-size: cover;
  }
  .video-box .mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -60px;
  }
}

@media only screen and (max-width:767px) {
  .v-dbg {
    height: 0px;
  }
  .dets-page a.zan {
    position: relative;
    margin-bottom: 20px;
  }
}

.explain-part {
  padding: 0 0 5%;
}

.explain-part ul {
  margin: 0 0 4%;
}

.explain-part li {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

.explain-part li .wrap {
  border-bottom: 1px solid #DADADA;
  padding: 30px;
  overflow: hidden;
  position: relative;
}

.explain-part li .l_ico {
  float: left;
 
  width: 189px;
  margin-right:50px;
 
}

.explain-part li .m_con {
  float: left;
  width: calc(100% - 250px);
}

.explain-part li .m_con h2 a {
  color: #000 !important;
}

.explain-part li .m_con h2 {
  min-height: 68px;
}

.explain-part li .m_con h3 {
  color: #777777;
  margin: 5px 0 15px;
 
}

.explain-part li .m_con p {
  color: #777777;
  
}

.explain-part li .m_con p span {
  display: inline-block;
}

.explain-part li .m_con p em {
  display: inline-block;
  margin: 0 20px;
  font-size: 12px;
  width: 1px;
  height: 16px;
  vertical-align: middle;
  background: #fff;
}

.explain-part li .r_btn {
  float: right;
  width: 120px;
  height: 38px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.explain-part li .r_btn a {
  display: block;
  width: 120px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #000;
  background: #F9BD27;
  border-radius: 5px;
}

@media only screen and (min-width:1025px) {
  .explain-part li:hover {
    background: #F7B81A;
  }
  .explain-part li:hover h3, .explain-part li:hover p {
    color: #000;
  }
  .explain-part li:hover .r_btn a {
    color: #F9BD27;
    background: #494949;
  }
}

@media only screen and (max-width:767px) {
  .explain-part li .wrap {
    padding: 20px 0;
  }
  .explain-part li .l_ico {
    width: 50px;
    
    margin-right: 10px;
  }
  .explain-part li .m_con {
    width: calc(100% - 60px);
  }
  .explain-part li .r_btn {
    position: static;
    margin-top: 20px;
  }
}

.tool-part {
  padding: 3.5% 0 5%;
  background: #F3F3F3;
}

.tool-part ul {
  margin: 0 -0.7% 3.5%;
}

.tool-part li {
  float: left;
  width: 31.9333%;
  margin: 0 0.7% 1.5%;
  height: 0;
  padding-bottom: 31.9%;
  position: relative;
  /*background: #7B4B6A;*/
}

/*.tool-part li:nth-child(6n-4), .tool-part li:nth-child(6n){ background: #9F4352;}
.tool-part li:nth-of-type(6n-3), .tool-part li:nth-of-type(6n-2){background:#3D5C77;}*/

.tool-part li a {
  padding: 0 7%;
  width: 100%;
}

.tool-part li span {
  display: block;
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 0 auto 4%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.tool-part li span img {
  width: 60px;
  height: 60px;
  margin-top: 45px;
}

.tool-part li h2 {
  text-align: center;
  color: #fff;
  margin: 0 0 4.5%;
}

.tool-part li p {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 2;
  max-height: 8em;
  overflow: hidden;
}

.toolin-part ul {
  margin: 0 0 3.5%;
}

@media only screen and (min-width:1025px) {
  .tool-part li:hover span {
    transform: translateY(-10px);
  }
}

@media only screen and (max-width:1279px) {
  .tool-part li span {
    width: 92px;
    height: 92px;
  }
  .tool-part li span img {
    width: 36px;
    height: 36px;
    margin-top: 28px;
  }
}

@media only screen and (max-width:1023px) {
  .tool-part li {
    width: 48.6%;
    padding-bottom: 48.6%;
  }
  .tool-part li span {
    width: 62px;
    height: 62px;
  }
  .tool-part li span img {
    width: 26px;
    height: 26px;
    margin-top: 18px;
  }
}

@media only screen and (max-width:767px) {
  .tool-part ul {
    margin: 0 0 3.5%;
  }
  .tool-part li {
    width: 100%;
    margin: 0 0 2%;
    height: auto;
    padding-bottom: 0;
  }
}

.database {
  padding: 5% 0;
}

.database ul {
  margin-bottom: 0;
}

.product-box {
  padding: 3.5% 0 5%;
}

.product-ll {
  float: left;
  width: 330px;
}

.product-rr {
  float: right;
  width: calc(100% - 370px);
}

.product-rr .sele-wrap {
  margin-top: 0;
}

.product-rr .sele-wrap li {
  width: 31.33%;
}

.product-rr .product-search {
  width: 60%;
  margin-top: 0;
  margin-bottom: 4%;
}

.pro-tit {
  margin-bottom: 11%;
  line-height: 1.2;
}

.pro-con li {
  margin-bottom: 7%;
}

.pro-con li h3 {
  margin-bottom: 4%;
  position: relative;
  cursor: pointer;
}

.pro-con li h3 span {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #A3A3A3;
  border-right: 2px solid #A3A3A3;
  transform: rotate(45deg);
}

.pro-con li.on h3 {
  color: #F7B81A;
}

.pro-con li.on h3 span {
  transform: rotate(135deg);
  border-top: 2px solid #525252;
  border-right: 2px solid #525252;
}

.item-cbox03 a.btn_buy {
  margin-top: 30px;
  margin-left: 20px;
}

.pro-con li dl {
  display: none;
}

.pro-con li dd {
  height: 32px;
  line-height: 32px;
  position: relative;
}

.pro-con li dd a {
  display: block;
  padding: 0 5%;
  color: #777777;
}

.pro-con li dd em {
  opacity: 0;
  position: absolute;
  right: 5%;
  top: 50%;
  cursor: pointer;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #494949;
  border-right: 2px solid #494949;
  transform: rotate(45deg);
}

.pro-con li dd.on {
  background: #F3F3F3;
}

.pro-con li dd.on a {
  color: #000;
}

.pro-con li dd.on em {
  opacity: 1;
}

.product-ll .pro-phone-con {
  display: none;
}

.faq-part {
  margin: 11% 0 0;
}

.faq-part li {
  margin-bottom: 20px;
}

.faq-part li .faq-t {
  cursor: pointer;
  line-height: 30px;
  padding: 15px 0;
  background: #F5F5F5;
  position: relative;
}

.faq-part li .faq-t span {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  text-align: center;
  line-height: 60px;
  color: #000000;
  background: #F7B81A;
}

.faq-part li .faq-t p {
  padding: 0 60px 0 80px;
}

.faq-part li .faq-t em {
  position: absolute;
  right: 28px;
  top: 50%;
  cursor: pointer;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-top: 2px solid #9F9F9F;
  border-right: 2px solid #9F9F9F;
  transform: rotate(45deg);
}

.faq-part li.on .faq-t em {
  transform: rotate(135deg);
  border-top: 2px solid #494949;
  border-right: 2px solid #494949;
}

.faq-part li .faq-c {
  display: none;
  padding: 4% 0 0.5%;
}

.faq-part li .faq-c .edit_con_original {
  color: #777777;
}

#product_type_two, #product_type_three {
  display: none;
}

@media only screen and (max-width:1279px) {
  .product-ll {
    width: 25%;
  }
  .product-rr {
    width: 73%;
  }
  .pro-con li h3 span {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}

@media only screen and (max-width:1023px) {
  .product-rr .sele-wrap li {
    width: 48%;
  }
}

@media only screen and (max-width:767px) {
  .product-rr .sele-wrap li {
    width: 100%;
  }
  .product-ll {
    width: 100%;
    margin-bottom: 5%;
  }
  .product-rr {
    width: 100%;
  }
  .pro-tit {
    margin-bottom: 5%;
  }
  .product-ll .pro-con {
    display: none;
  }
  .product-ll .pro-phone-con {
    display: block;
  }
  .product-rr .product-search {
    width: 100%;
  }
  .faq-part {
    margin-top: 5%;
  }
  .faq-part li {
    margin-bottom: 10px;
  }
  .faq-part li .faq-t {
    line-height: 1.2;
  }
  .faq-part li .faq-t span {
    width: 40px;
  }
  .faq-part li .faq-t em {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    right: 15px;
  }
  .faq-part li .faq-t p {
    padding: 0 40px 0 60px
  }
  .select_addApply .classify {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    height: 45px;
    line-height: 45px;
  }
}

.product-part {
  padding: 5% 0 3%;
}

.product-tab-t {
  text-align: center;
  border-bottom: 1px solid #DADADA;
}

.product-tab-t li {
  display: inline-block;
  padding: 10px 50px;
  border-radius:10px 10px 0 0;
}

.product-tab-t li a {
  color: #777777;
}

.product-tab-t li.on {
  /*border-bottom: 3px solid #F7B81A;*/
  background: #F7B81A;
}

.product-tab-t li.on a {
  color: #000;
}
.product-tab-t li:hover a{
  color: #000 !important;
}
.product-tab-c {
  margin: 2.5% 0 0;
  color: #777777;
  position: relative;
}

.product-search {
  width: 48%;
  margin: 7% auto 0;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
}

.pro_txt {
  float: left;
  width: calc(100% - 65px);
  padding: 0 20px;
  height: 100%;
  color: #fff;
  border: none;
  background: #494949;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.pro_ser {
  float: right;
  width: 65px;
  height: 100%;
  border: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: url(../images/dot36.png) center center no-repeat #F7B81A;
}

.pro_txt::placeholder {
  color: #D0D0D0;
}

.solution-part h3 {
  margin: 2% 0 5%;
  color: #000000;
}

.solution-part ul {
  margin: 0 -1.2% 3.5%;
}

.solution-part li {
  float: left;
  width: 30.9333%;
  margin: 0 1.2% 2.4%;
  height: 0;
  padding-bottom: 30.9333%;
  position: relative;
  background: #fff;
}

/*.solution-part li:nth-child(6n-4), .solution-part li:nth-child(6n){ background: #9F4352;}
.solution-part li:nth-of-type(6n-3), .solution-part li:nth-of-type(6n-2){background:#3D5C77;}*/

.solution-part li a {
  padding: 0 7%;
  width: 100%;
}

.solution-part li span {
  display: block;
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 0 auto 6%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.solution-part li span img {
  width: 95px;
  height: 95px;
  margin-top: 27px;
}

.solution-part li h2 {
  text-align: center;
  color: #fff;
}

@media only screen and (min-width:1025px) {
  .solution-part li:hover span {
    transform: translateY(-10px);
  }
}

@media only screen and (max-width:1450px) {
  .solution-part li span {
    width: 92px;
    height: 92px;
  }
  .solution-part li span img {
    width: 36px;
    height: 36px;
    margin-top: 28px;
  }
}

.newpro-part {
  margin: 3% 0;
}

.newpro-part h3 {
  color: #000000;
  margin: 0 0 3%;
}

.newpro-part ul {
  margin: 0 -1.2%;
}

.newpro-part li {
  float: left;
  width: 30.9333%;
  margin: 0 1.2% 2.4%;
  position: relative;
  height: 0;
  padding-bottom: 30%;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  overflow: hidden;
}

.newpro-part li h2 {
  width: 100%;
  padding: 8% 10%;
  color: #fff;
  background: #3F7D8B;
}

.newpro-part li h2 a {
  color: #fff;
}

.newpro-part li .txt {
  padding: 6% 10%;
}

.newpro-part li .txt p {
  line-height: 1.8;
  max-height: 5.4em;
  color: #777777;
}

.newpro-part li .txt span {
  position: absolute;
  left: 10%;
  bottom: 8%;
  color: #3F7D8B;
}

.newpro-part li .txt span::before {
  content: "";
  position: absolute;
  left: 0;
  top: -18px;
  width: 30px;
  height: 3px;
  background: #3F7D8B;
}

.pro-bot {
  padding: 8.35% 0;
  margin-bottom: 3%;
  text-align: center;
  position: relative;
}

.pro-bot h2 {
  padding: 0 5%;
}
.pro-bot h2 a{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width:1023px) {
  .newpro-part li {
    width: 47.6%;
  }
  .solution-part li span {
    width: 75px;
    height: 75px;

  }
  .solution-part li span img {
    width: 45px;
    height: 45px;
    margin-top: 15px;
  }
  .newpro-part li {
    padding-bottom: 46%;
  }
  .pro-bot h2 br {
    display: none;
  }
}
.m_show{display: none !important;}
@media only screen and (max-width:767px) {
  .m_show{display: block !important;}
  .pc_show{display: none !important;}
  .m_show.btn_buy{margin-top: 0 !important;}
  .pro-dets02 .item-cbox03 li .li_tit h3 p.des{
    /*left: 23% !important;
    width: 64%;
    top: 50% !important;
    transform: translate(0,-50%);*/
    margin-left: 0 !important;
    width: 95% !important;
    max-width: 95% !important;
  }
  .product-tab-t li {
    padding:10px;
    font-size: 16px;
  }
  .product-search {
    width: 100%;
  }
  .product-tab-c h3 {
    margin: 5% 0;
  }
  .newpro-part ul {
    margin: 0;
  }
  .newpro-part li {
    width: 100%;
    padding-bottom: 50%;
    margin: 0 0 2.4%;
  }
  .newpro-part li {
    padding-bottom: 70%;
  }
  .solution-part li {
    width: 47.6%;
    padding-bottom: 47.6%;
  }
  .int-part02 .swiper-button-prev{
    display: none;
    background: rgba(0,0,0,.5) url(../images/dot09.png) center center no-repeat;
  }
  .int-part02 .swiper-button-next{
    display: none;
    background: rgba(0,0,0,.5) url(../images/dot10.png) center center no-repeat;
  }
}
.col-80{
  float: left;
  width: 70%;
  clear: left;
}
.col-80 + .btn_cx{
  float: left;
}
.product-list {
  padding: 0.5% 0 3%;
}

.product-list ul {
  margin: 0 0 7%;
}

.product-list li a {
  display: block;
  padding: 30px 20px;
  border-bottom: 1px solid #DADADA;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.product-list li h2 {
  color: #000000;
}

.product-list li h2 a {
  color: #000 !important;
}

.product-list li h3 {
  color: #777777;
  margin: 10px 0 20px;
}

.product-list li h3 span {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #D6D6D6;
}

.product-list li p {
  color: #777777;
  word-wrap: break-word;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width:1025px) {
  .product-list li a:hover {
    background: #F7B81A;
  }
  .product-list li a:hover h3, .product-list li a:hover p {
    color: #000000;
  }
  .product-list li a:hover h3 span {
    border: 1px solid #AD8011;
  }
}

@media only screen and (max-width:767px) {
  .col-80{width: 100%;float: none;}
  .col-80 + .btn_cx{
    float: none;
  }
  .product-list li a {
    padding: 15px 0;
  }
}

.pro-dets01 {
  margin: 0 0 0;
}

.pro-dets01 h2 {
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}

.pro-dets01 h2+p span {
  margin-right: 20px;
}

.pro-dets01 dl {
  margin: 2.5% 0 2.5%;
  position: relative;
}

.pro-dets01 dt {
  float: left;
  width: 25.6%;
}

.pro-dets01 dd {
  float: right;
  width: 70%;
  color: #777777;
  padding-bottom: 30px;
}

.pro-dets01 dd h3 {
  margin-bottom: 2%;
}

.pro-dets01 dd .txt {
  line-height: 2;
}

.pro-dets01 dl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  width: 280px;
  height: 2px;
  background: #F7B81A;
}

.pro-dets01 .add_txt {
  margin: 0 0 4%;
  color: #777777;
}

.pro-dets01 .add_txt .edit_con_original {
  color: #777777;
}

.pro-dets01 .ph_table td, .pro-dets01 .ph_table .pt01-1 a {
  color: #000;
}

.pro-dets01 .ph_table td.pt01-6 {
  color: #777;
}

.pro-dets01 .ph_table td {
  border-bottom: 1px solid #DADADA;
}

.pro-dets01 a.btn_buy {
  margin: 40px 0 0;
  float: right;
}

.pro-dets02 .item-cbox03 {
  padding-bottom: 0;
  padding-top: 0;
}

.pro-dets02 .item-cbox03 h2 {
  color: #000;
}

.pro-dets02 .item-cbox03 li .li_tit h3 {
  color: #000;
}

.pro-dets02 .item-cbox03 li {
  border-bottom: 1px solid #DADADA;
}
.pro-dets02 .item-cbox03 li .li_tit h3 p.des{
  /*position: absolute;
  top: 0;
  left: 10%;*/
  display: inline-block;
  max-width: 85%;
  margin-left: 2%;
  vertical-align: middle;
}
.pro-dets02 .item-cbox03 li .li_tit h3 span {
  border-color: #A3A3A3;
}

.pro-dets02 .item-cbox03 li.on .li_tit h3 span {
  border-color: #525252;
}

.pro-dets02 .item-cbox03 .ph_table td {
  color: #333;
}

.pro-dets03 {
  margin: 4% 0;
}

.pro-dets03>h2 {
  color: #000;
  margin: 0 0 2%;
}

.pro-dets03 ul {
  margin: 0 -0.7%;
}

.pro-dets03 li {
  float: left;
  width: 48% !important;
  margin: 0 0.7% 1.5%;
  /* line-height: 40px; */
  padding: 28px 20px;
  text-align: left;
  background: #F3F3F3;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.pro-dets03 li img {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}

.pro-dets03 li span {
  margin-left: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  line-height: 1.2;
}

.pro-dets03 li a {
  display: block;
  color: #777777;
  /* height: 40px; */
  overflow: hidden;
}

.ser-bon {
  margin: 20px 0 0;
}

.ser-bon a {
  float: left;
  /*width: 320px;*/
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 5px;
}

.ser-bon a.a1 {
  color: #fff !important;
  background: #494949;
  margin-right: 20px;
}

.ser-bon a.a2 {
  color: #fff !important;
  background: #494949;
}
.ser-bon a:hover{
  color: #000 !important;;
  background-color: #F9BD27 !important;;
}
.pro-dets04 {
  margin: 0 0 4%;
}

.pro-dets04>h2 {
  color: #000;
  margin: 1% 0 0.5%;
}

.tab-tit ul {
  text-align: center;
  border-bottom: 1px solid #DADADA;
  margin: 0 0 3%;
}

.tab-tit li {
  cursor: pointer;
  display: inline-block;
  padding: 0 40px 20px;
  color: #777777;
}

.tab-tit li.on {
  border-bottom: 2px solid #F7B81A;
  color: #000;
}

.other-prolist {
  margin: 0 -0.4% 1.5%;
}

.other-prolist li {
  float: left;
  width: 24.2%;
  margin: 0 0.4% 1.5%;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  overflow: hidden;
}

.other-prolist li h2 {
  font-weight: bold;
  padding: 1.3em 7%;
  line-height: 1.3;
  height: 5.2em;
  color: #fff;
  overflow: hidden;
  background: #3F7D8B;
}

.other-prolist li h2 a {
  color: #fff;
}

.other-prolist li .txt {
  padding: 5% 7%;
  max-height: 260px;
  overflow: hidden;
}

.other-prolist li .txt p {
  height: 12.3em;
  margin-bottom: 2em;
  color: #777777;
  overflow: hidden;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.other-prolist li .txt span {
  color: #3F7D8B;
  height: 40px;
  display: block;
  word-break: break-all;
  overflow:hidden; 
  text-overflow:ellipsis; 
  display: inline-block; 
  max-width:100%;

  display:-webkit-box; 
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  line-height: 1.5; 
}

a.mmore {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #000;
  border-radius: 10px;
  background: #F3F3F3;
}

.pro-dets04 .video-list, .pro-dets04 .explain-part {
  padding: 0;
}

.pro-dets04 .video-list ul {
  margin: 0 -0.7% 1.5%;
}

.pro-dets04 .explain-part ul {
  margin-bottom: 3%;
}

.pro-dets04 .explain-part li {
  float: left;
  width: 100%;
  padding: 40px 30px 30px;
  border-bottom: 1px solid #DADADA;
  position: relative;
}

.other-newlist {
  margin: 0 0 3%;
}

.other-newlist li {
  padding: 15px 0;
  border-bottom: 1px solid #E5E5E5;
}

.other-newlist li h2 {
  color: #777777;
  margin: 3% 0 2%;
}

.other-newlist li:first-child h2 {
  margin-top: 0;
}

.other-newlist li h2 a {
  color: #777777;
}

.other-newlist li p {
  color: #777777;
  margin-bottom: 3%;
}
.other-newlist li .editdiv{
    overflow: hidden;
    height: 94px;
    margin-bottom: 5px;
    position: relative;
}
.other-newlist li .editdiv::after{
    content:"";
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#ffffff, GradientType=0);
    bottom: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
}
.other-newlist li a.view {
  color: #000000;
}

@media only screen and (min-width:1025px) {
  .pro-dets03 li:hover {
    background: #F7B81A;
  }
  .pro-dets03 li:hover a {
    color: #494949 !important;
  }
}

@media only screen and (max-width:1279px) {
  .ser-bon a, a.mmore {
    width: 200px;
    height: 40px;
    line-height: 40px;
  }
}

@media only screen and (max-width:1023px) {
  .pro-dets03 li {
    width: 48.6%;
  }
  .other-prolist li {
    width: 49.2%;
  }
}

@media only screen and (max-width:767px) {
.other-prolist li .txt span{height: auto;}
  .pro-dets01 dt {
    width: 100%;
    margin-bottom: 20px;
  }
  .pro-dets01 dd {
    width: 100%;
    padding-bottom: 15px;
  }
  .pro-dets01 dl::before {
    left: 0;
    width: 100%;
  }
  .pro-dets01 a.btn_buy {
    margin: 20px 0 0;
  }
  .pro-dets03 ul {
    margin: 0;
  }
  .pro-dets03 li {
    width: 100% !important;
    margin: 0 0 1%;
    padding: 10px;
    text-align: left;
  }
  .ser-bon a {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: 20px;
  }
  .ser-bon a.a1 {
    margin-right: 0;
  }
  .ser-bon a.a2 {
    float: right;
  }
  .tab-tit li {
    padding: 0 10px 10px;
  }
  .pro-dets04>h2 {
    margin: -1.5% 0 3%;
  }
  .other-prolist li {
    width: 100%;
    margin: 0 0 2%;
  }
  .other-prolist li h2, .other-prolist li .txt p {
    height: auto;
  }
  .pro-dets04 .explain-part li {
    padding: 15px 0;
  }
}

.specifi_details {
  padding: 5% 0 2%;
}

.specifi_details>h2 {
  color: #777777;
  margin: 0 0 10px;
}

.specifi_details h3 {
  margin: 0 0 10px;
}

.specifi_details h3 span {
  margin-right: 20px;
}

.spe_down {
  padding: 26px 0;
  width: 50%;
  margin: 3% 0 3%;
  background: #F7B81A;
}

.spe_down>a {
  display: block;
  text-align: center;
  color: #000 !important;
  line-height:40px;
}

.spe_down a:hover{color:#000!important;}

.spe_down img {
  width: 40px;
  height: 40px;
}

.spe_down span {
  margin-left: 20px;
  display: inline-block;
  text-align: left;
  line-height: 1.2;
  max-width: 80%;
}

.spe_down span em {
  display: block;
  color: #777777;
}
.send_toemail_btn{
	background-color:#494949;
	font-size: 24px;
	color:#f7ab30;
	padding:19px 70px;
	margin-bottom:10%;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
}
.send_toemail_btn img{
	vertical-align:middle;
}
.send_email_pop{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:1001;
	background:rgba(0,0,0,.6);
}
.send_email_pop .pop_cont{
	background:#fff;
	border-radius:8px;
	padding:50px 40px 70px;
	
}
.send_email_pop .pop_close{
	position:absolute;
	top: 9px;
	right: 18px;
	cursor:pointer;
	width:20px;
	height: 20px;
	background: url(../images/sech_close.png) no-repeat center center;
}
.send_email_pop h3{
	font-weight:bold;
}
.send_email_pop .ipt{
	width: 530px;
	background:#494949;
	border-radius:8px;
	padding: 15px 18px;
	margin-top:20px;
}
.send_email_pop .ipt input{
	display:block;
	width:100%;
	background: none;
    border: none;
    color: #fff;
	font-size: 16px;
}
.send_email_pop .submit{
	text-align:center;
	font-size: 24px;
	width: 264px;
	border-radius:8px;
	line-height:58px;
	background:#f7b81a;
	cursor:pointer;
	margin-top:20px;
}
@media only screen and (max-width:767px) {
  .spe_down {
    width: 100%;
  }
  .send_toemail_btn{
	 font-size:18px;
	 width:100%;
  }
  .send_email_pop .pop_cont{
	  width:90%;
	  padding:30px 15px;
	  
  }
  .send_email_pop .ipt{
	  width: 100%;
	  box-sizing:border-box;
  }
  .send_email_pop .submit{
	  width:100%;
	  font-size: 20px;
	  line-height:45px;
  }
}

.price-part {
  padding: 3% 0 5%;
}

.price-part>h2 {
  /*margin-bottom: 20px;*/
}

.price-part ul {
  margin: 0 0 3%;
}

.price-part li {
  padding: 30px 0;
  border-bottom: none;
}

.price-part li .img {
  width: 22.8%;
}

.price-part li .txt {
  width: 74.5%;
}

.price-part li .c {
  -webkit-line-clamp: 3;
  max-height: 5.4em;
}

.product-tab-c .btn_buy {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
}

.price-search {
  margin: 4% 0 7%;
}

.price-search .pro-dets01 {
  margin: 0 0 7%;
}

@media only screen and (min-width:1025px) {
  .price-part li:hover {
    border-bottom: none
  }
}

@media only screen and (max-width:1023px) {
  .price-part li {
    padding: 15px 0;
  }
  .price-part li .c {
    -webkit-line-clamp: 2;
    max-height: 3em;
  }
}

@media only screen and (max-width:767px) {
  .price-part li .img, .price-part li .txt {
    width: 100%;
  }
  .product-tab-c {
    /*padding-bottom: 35px;*/
  }
  .product-tab-c .btn_buy {
    /*top: 147px;*/
    top:auto;
    position: relative;
      
  }
}

.pro_dets_wrap {
  margin-top: 5%;
  margin-bottom: 2%;
}

.pro_dets_box {
  float: left;
  width: calc(100% - 415px);
}

.pro_rnav {
  float: right;
  width: 360px;
}

.pro_rnav a {
  display: block;
  color: #000;
  margin: 0 0 25px;
}

.pro_rnav a.on {
  color: #F7B81A;
}

.anchor_fixed .pro_rnav {
  position: fixed;
  top: 150px;
  right: calc(50% - 720px);
  z-index: 10;
}

.pdb {
  margin: 0 0 5%;
  border-bottom: 1px solid #CFCFCF;
}

.pro_dets_box .edit_con_original {
  color: #000000;
}

a.view_show, a.view_conn {
  display: block;
  margin: 5% auto;
  width: 300px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #000 !important;
  border-radius: 6px;
  background: #F9BD27;
}

.v_sbox {
  display: none;
}

.pro_dets_box .edit_con_original .evid-box {
  width: 100%;
  height: 460px;
}

.pro_dets_box .edit_con_original .evid-box video {
  width: 100%;
  height: 100%;
}

.pro_dets_box .mejs-overlay-button {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background-size: cover;
}

.pro_dets_box .mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -60px;
}

.ph_table02 {
  margin: 0 0 6%;
}

.ph_table02 td {
  color: #000;
  text-align: left;
  padding: 18px 20px;
  border-bottom: 1px solid #DADADA;
  /*word-wrap:break-word;*/
}

.ph_table02 thead td {
  padding: 18px 20px;
  line-height: 20px;
  height: 20px;
}

/*.ph_table02 td.pt02-1{ width: 20%;}
.ph_table02 td.pt02-2{ width: 30%;}
.ph_table02 td.pt02-3{ width: 20%;}
.ph_table02 td.pt02-4{ width: 30%;}*/

.pdb_ll {
  float: left;
  width: calc(100% - 370px);
}

.pdb_rr {
  float: right;
  width: 305px;
}

.pro_dets_box .sp01 {
  width: 55%;
  float: left;
}

.pro_dets_box .sp02 {
  width: 42%;
  float: left;
}

.pro_dets_box .sp03 {
  width: 50%;
  float: left;
}

.pro_dets_box .sp04 {
  width: 48%;
  float: left;
}

.pro_dets_box .sp05 {
  width: 47.55%;
  float: right;
}

.pro_dets_box .sp06 {
  width: 45.2%;
  float: left;
}

.pro_dets_box .sp07 {
  width: 47%;
  float: right;
}

.pro_dets_box .sp08 {
  width: 43%;
  float: left;
}

.pro_dets_box .sp09 {
  width: 52%;
  float: right;
}

.pro_dets_box .sp10 {
  width: 50%;
  float: left;
}

.pro_dets_box .sp11 {
  width: 40%;
  float: right;
}

@media only screen and (max-width:1440px) {
  .pro_dets_box {
    width: calc(100% - 260px);
  }
  .pro_rnav {
    width: 220px;
  }
  .anchor_fixed .pro_rnav {
    right: 3%;
  }
  a.view_show, a.view_conn {
    width: auto; max-width:300px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}

@media only screen and (max-width:1365px) {
  .pdb_rr {
    width: 200px;
  }
  .pdb_ll {
    width: calc(100% - 220px);
  }
}

@media only screen and (max-width:1023px) {
  .pro_rnav {
    width: 100%;
    padding: 0 3% 10px;
    background: #fff;
    border-bottom: 2px solid #efefef;
    margin-bottom: 2em;
  }
  .pro_rnav a {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
  }
  .anchor_fixed .pro_rnav {
    top: 50px;
    right: 0;
    padding: 10px 3%;
  }
  .pro_dets_box {
    width: 100%;
  }
}

@media only screen and (max-width:767px) {
  .pro_rnav a {
    width: 50%;
  }
  .pdb_ll {
    width: 100%;
  }
  .pdb_rr {
    width: 100%;
  }
  .ph_table02 td::before {
    width: 14em;
  }
  .ph_table02 td {
    padding: 5px 0;
    min-height: 30px;
    padding-left: 14em;
  }
  .pro_dets_box .sp01, .pro_dets_box .sp02, .pro_dets_box .sp03, .pro_dets_box .sp04, .pro_dets_box .sp05, .pro_dets_box .sp06, .pro_dets_box .sp07, .pro_dets_box .sp08, .pro_dets_box .sp09, .pro_dets_box .sp10, .pro_dets_box .sp11 {
    width: 100%;
  }
}

/*搜索结果*/

.search-part {
  padding: 0 0 5%;
}

.search_t {
  background: #f4f4f4;
  padding: 3% 10%;
  margin-bottom: 2%;
  overflow: hidden;
}

.search_t input, .search_t button {
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  border: none;
  outline: none;
}

.search_t input {
  padding: 0 10px;
  width: calc(100% - 140px);
  float: left;
}

.search_t button {
  background: #F7B81B;
  color: #fff;
  width: 140px;
  float: left;
}

.search_p {
  color: #4c4c4c;
  padding: 2%;
}

.search_p span, .search_p i {
  color: #F7B81B;
}

.search_list {
  padding: 0 0 5%;
}

.search_list li {
  overflow: hidden;
  padding: 0 2%;
  /*height: 50px;*/
  /*line-height: 50px;*/
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
}

.search_list p {
  float: left;
  width: 78%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search_list p i {
  color: #F7B81B;
}

.search_list span {
  float: right;
  width: 135px;
  text-align: center;
  font-family: arial;
}

.search_list p a {
  color: #4c4c4c;
}

.search_list span {
  color: #999999;
}
.search_list span.span_bq{
  float: none;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
@media only screen and (max-width:1024px) {
  .search_list p {
    width: calc(100% - 100px)
  }
  .search_list span {
    width: 90px;
  }
  .search_t input, .search_t button {
    font-size: 14px;
  }
}

@media only screen and (max-width:767px) {
  .search_t {
    padding: 5%;
  }
  .search_t button {
    width: 100px;
  }
  .search_t input {
    width: calc(100% - 100px);
  }
  .search_p {
    padding-bottom: 0;
  }
  .search_list li {
    height: 40px;
    line-height: 40px;
  }
}

.law-part {
  padding: 0 0 5%;
}

.law-part .edit_con_original, .mol-part .edit_con_original {
  color: #777;
}

.mol-part {
  padding: 5% 0;
}

.apparatus-part {
  padding: 5% 0;
}

.videolist_appbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none;
}

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

.videolist_appbox .video_t {
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  position: absolute;
  z-index: 2;
  left: 50%;
  width: 1440px;
  top: 15%;
  height: 70%;
}

.videolist_appbox .video_t video {
  width: 100%;
}

.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: -25px;
  right: 0px;
  cursor: pointer;
  z-index: 10;
}

@media only screen and (max-width:1659px) {
  .videolist_appbox .video_t {
    width: 94%;
  }
}

.process_figure {
  margin: 4% auto;
  height: 160px !important;
  position: relative;
  background: none !important;
}

.process_figure .swiper-container {
  height: 160px;
}

.process_figure .swiper-button-prev {
  z-index: 2;
  left: -50px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url(../images/dot_p.jpg) center no-repeat #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px 5px #C3C3C5;
}

.process_figure .swiper-button-next {
  z-index: 2;
  right: -50px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url(../images/dot_n.jpg) center no-repeat #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px 5px #C3C3C5;
}

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

.process_figure .swiper-button-prev.disabled, .process_figure .swiper-button-next.disabled {
  cursor: auto;
  opacity: 0.5;
}

.process_figure .line {
  position: absolute;
  z-index: 1;
  left: 10%;
  right: 10%;
  top: 50%;
  width: 80%;
  height: 2px;
  background: #F7B81A;
}

.process_figure li {
  position: relative;
}

.process_figure span {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3;
  top: 0;
  display: block;
  margin: 0 auto;
  line-height: 1;
  text-align: center;
  color: #F7B81A;
}

.process_figure span b {
  display: inline-block;
}

.process_figure em {
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  margin-top: -9px;
  height: 18px;
  display: block;
}

.process_figure em::before {
  position: absolute;
  content: "";
  background: #F7B81A;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 7px;
  left: 50%;
  margin-left: -3px;
  z-index: 1;
}

.process_figure em::after {
  position: absolute;
  content: "";
  background: #fff;
  border: 1px solid #F7B81A;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 0;
  left: 50%;
  margin-left: -10px;
}

.process_figure i {
  display: block;
  position: absolute;
  left: 50%;
  top: calc(50% - 23px);
  width: 1px;
  height: 46px;
  border-right: 1px solid #F7B81A;
}

.process_figure h3 {
  position: absolute;
  top: calc(50% + 35px);
  left: 0;
  width: 100%;
  color: #000;
}

.process_figure li:nth-child(2n) span {
  top: auto;
  bottom: 0;
}

.process_figure li:nth-child(2n) h3 {
  bottom: auto;
  top: 0;
}

.process_figure li.on h3 {
  color: #F7B81A;
}

@media only screen and (max-width:767px) {
  .process_figure {
    width: 100% !important;
    height: auto !important;
    margin-top: 10%;
  }
  .process_figure .swiper-wrapper {
    display: block;
    /*margin:0 5%; width:90%;*/
  }
  .process_figure .swiper-container {
    height: auto;
  }
  .process_figure .line {
    left: 10px;
    right: auto;
    top: -10px;
    width: 2px;
    height: 100%;
  }
  .process_figure .swiper-button-prev {
    left: -40px;
    display: none;
  }
  .process_figure .swiper-button-next {
    right: -40px;
    display: none;
  }
  .process_figure li {
    height: auto;
    margin-bottom: 20px;
  }
  .process_figure span, .process_figure h3 {
    position: static;
    text-align: left;
    padding-left: 30px;
  }
  .process_figure em {
    width: auto;
    left: 10px;
    top: 0;
    margin-top: 0;
  }
  .process_figure i {
    display: none;
  }
  .process_figure h3 {
    margin: 10px 0 20px;
  }
}

.sort-by {
  margin: 4.5% 0 4.5%;
}

.sort-by>h2 {
  margin: 0 0 20px;
}

.sort-by .select-box {
  width: 50%;
  border: 1px solid #ddd;
}

/*select-box*/

.select-box {
  text-align: left;
  position: relative;
}

.select-box dt {
  height: 46px;
  line-height: 46px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.select-box dt a {
  display: block;
  text-indent: 18px;
}

.select-box .ico {
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 14px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #A3A3A3;
  border-right: 2px solid #A3A3A3;
  transform: rotate(135deg);
}

.select-box.open .ico {
  top: 20px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.select-box dd {
  display: none;
  position: absolute;
  background: #CECECE;
  max-height: 200px;
  width: 100% !important;
  top: 48px;
  left: 0 !important;
  overflow: auto;
  z-index: 111;
}

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

.select-box dd a {
  display: block;
  padding: 13px 18px;
  line-height: 20px;
  color: #383838;
}

.select-box dd a.on {
  background: #0096E0;
  color: #fff !important;
}

@media only screen and (min-width: 1025px) {
  .select-box dd a:hover {
    background: #0096E0;
    color: #fff !important;
  }
}

@media only screen and (max-width: 1023px) {
  .sort-by .select-box {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .select-box dt {
    height: 36px;
    line-height: 36px;
  }
  .select-box .ico {
    top: 7px;
  }
  .select-box.open .ico {
    top: 14px;
  }
  .select-box dd {
    top: 36px;
  }
  .faq_details{
    margin-top: 5%;
  }
  .explain-part li .m_con h2{
    min-height: 68px;
  }
}

.faq_details>h2 {
  margin: 0 0 3%;
  position: relative;
}

.faq_details .faq-c {
  margin: 0 0 3%;
  overflow-x: auto;
}

.faq_details .faq-c .edit_con_original {
  color: #777777;
}



.faq_details .pro-dets04>h2 {
  margin: 0 0 3%;
}

@media only screen and (max-width: 1100px) {
  .explain-part li .m_con h2{
    min-height: 68px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .explain-part li .m_con h2{
    min-height: 40px;
    line-height: 20px;
  }
  .explain-part li .m_con h3{
    
  }
  .explain-part li .m_con p{
    
  }
}
.xmn_fen{
  width: 24%;
  height: 3px;
  background-color: #ffbd21;
  position: absolute;
  top: 110%;
  left: 0;
}

.pro-dets03 li a {
  position: relative;
  height: 40px;
}

.pro-dets03 li a img{
  position: absolute;
  left:0;
  top: 0;
}



.pro-dets03 li .xmn_sp{
  display: block;
  margin-left: 100px;
  margin-left: 50px;
  line-height:20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis; 
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}

.xmn_content{
  padding: 3.5% 0 0;
}

.xmn_content .xmn_ul{
  overflow: hidden;
}

.xmn_content .xmn_ul .xmn_ul_li{
  width: 100%;
  float: left;
  display: none;
  overflow: hidden;
}

.xmn_content .xmn_ul .xmn_on{
  display: block;
}

.xmn_xx .product-tab-t li{
  cursor: pointer;
}

@media only screen and (max-width:767px) {
  .explain-part li .m_con p em{
    display: none;
  }
  .explain-part li .m_con p span{
    display: block;
  }
}



/*20220808*/
.faq_details .faq-btn{overflow:hidden; margin:0 0 5%;}
.faq_details .faq-btn a{ float:left; color:#000; padding:0 30px; height:40px; line-height:40px; font-size:16px; border:1px solid #0C1B08; border-radius:5px;}
.faq_details .faq-btn a+a{padding:0 20px; background:#F7B91A;border:none; margin-left:10px;}
.faq_details .faq-btn a+a:hover{color:#000!important;opacity:0.8;}
.faq_details .faq-btn a+a span{margin-left:5px;}
.pro-dets02_add{margin-top:3%;}
.pro-dets02_add>h2{color:#000; margin:0 0 2%;}
.pro-dets02_add .txt{border:1px solid #E4E4E4; padding:3.5% 3%; line-height:1.8;}
@media only screen and (max-width:767px) {
	.faq_details .faq-btn a{font-size:14px; padding:0 20px;}
}




.maod{position: relative;top:-140px;}
@media only screen and (max-width:1024px) {
.maod{position: relative;top:-70px;}

}

.xz_tab{padding:15px 110px;line-height: 30px;background:#fdb813;display:inline-block;margin-bottom: 20px}
.xz_tab,.xz_tab a{color:#000;}
.xz_le,.xz_re{float: left;}
.xz_le span{margin-right: 40px;}
.xz_le{margin-right: 20px;font-weight:bold;}
.xz_re span{margin-right: 60px;}
.xz_re span:last-child{margin-right:0;}
@media only screen and (min-width:1025px) {
.xz_tab a:hover{color:#000 !important;opacity: 0.8}
}


@media only screen and (max-width:1024px) {
.xz_tab{padding:15px 50px;}

.xz_le span{margin-right: 20px;}
.xz_le{margin-right: 0px;}
.xz_re span{margin-right: 20px;}
        
}


@media only screen and (max-width:767px) {
.xz_tab{padding:10px 10px;display:block}
.xz_le,.xz_re{float:none;width:100%;}

.xz_le span{margin-right: 15px;}
.xz_re span{margin-right: 15px;}
        
}



/*20230606*/
.video-list li em{z-index:2; top:50%;}
.video-tit{ margin-bottom: 1%; line-height: 24px;}
.video-info{margin-bottom:2%; color:#777; font-size:16px;}
.video-tit h2{ float: left;}
.video-tit h2 span{ display: inline-block; margin-left: 10px; min-width: 40px; height: 22px; line-height: 22px; padding: 0 10px; color: #fff; border-radius:5px; background: #AEADB3;}
.video-tit a{ float: right;}
.video-list.nomar ul{margin-bottom: 0;}
.video-list li h2{height:68px; overflow: hidden;}
.video-list li p{color: #ADACB1;padding: 0 10px 10px;line-height: 1.5em; height: 4.5em; margin-bottom:8%; overflow: hidden;}
.video-list li h3{ color: #ADACB1; padding: 0 10px 10px;}
.video-list li h3 span{ float: left; padding-left: 20px; background: url(../images/v_dot01.jpg) 0 center no-repeat;}
.video-list li h3 i{float: right; padding-left: 20px; background: url(../images/v_dot02.jpg) 0 center no-repeat;}

.check-boxwrap{margin-bottom: 2%;}
.check-boxwrap span{ cursor: pointer; float: left; width: 16.66%;}
.check-boxwrap span em{position: relative; float: left;margin-right:8px; margin-bottom: 15px; width:24px; height:24px;border:2px solid #D7D7D7;}
.check-boxwrap span em::before{ opacity: 0; content: ""; position: absolute; left:4px; top:4px; width:12px; height:12px;background: #FFB400;}
.check-boxwrap span.on em::before{opacity: 1;}
.rr_sort{ text-align:right; margin:2% 0 0;}
.rr_sort span{cursor: pointer;color:#000000; border-bottom:4px solid translate; margin-left:20px;}
.rr_sort span.on{border-bottom:4px solid #FFB400;}
@media only screen and (max-width:1279px) {
	.check-boxwrap span{ width: auto; margin-right: 20px;}
	.video-info{font-size:14px;}
}   
@media only screen and (max-width:1024px) {
	.check-boxwrap span em{width: 20px; height: 20px;}
	.check-boxwrap span em::before{left:4px; top:4px; width:8px; height:8px;}
}
/*20230606end*/