@charset "UTF-8";
@font-face {
  font-family: AnitaSSNGV3;
  src: url("https://en.nanlite.com/assets/fonts/AnitaSSNGV3.eot");
  src: url("https://en.nanlite.com/assets/fonts/AnitaSSNGV3.eot?#iefix") format("embedded-opentype"), url("https://en.nanlite.com/assets/fonts/AnitaSSNGV3.woff") format("woff"), url("https://en.nanlite.com/assets/fonts/AnitaSSNGV3.ttf") format("truetype"), url("https://en.nanlite.com/assets/fonts/AnitaSSNGV3.svg#msyh") format("svg")
}
body {
  min-height: calc(100vh - 113px);
  position: relative;
  display: flex;
  flex-direction: column;
}
body > .main {
  flex: 1;
}
.btn {
  height: 1.9375rem;
  font-size: 0.75rem;
  display: inline-block;
  border: none;
  line-height: 1.9375rem;
  text-align: center;
  color: #666;
  transition: all .25s;
  background-color: #eee;
  padding: 0 1rem;
}
/* ==================
          布局
 ==================== */
.text-italic {
  transform: skewX(-10deg);
  font-style: normal;
}
img[src=""],img:not([src]){
    opacity:0;
  }
#specifications .row {
    margin-left: 0 !important;
}

 .container-height-60 {
  height: 60rem;
}

.container-height-50 {
  height: 50rem;
}

.container-height-40 {
  height: 40rem;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
	position: sticky;
}

.response {
  width: 100%;
}

.full-height {
	height: 100%;
}

.cover {
  object-fit: cover;
  background-size: cover;
}

.bottom-5 {
  bottom: 5%;
}

.bottom-8 {
  bottom: 8%;
}

.bottom-10 {
  bottom: 10%;
}

.bottom-15 {
  bottom: 15%;
}

.bottom-25 {
  bottom: 25%;
}

.ng-video {
  width: 100%;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bg-position-20 {
  background-position: 20% 0 !important;
}

.bg-position-30 {
  background-position: 30% 0 !important;
}

.bg-position-40 {
  background-position: 40% 0 !important;
}

/*  -- flex弹性布局 -- */

.flex {
display: flex;
}

.basis-xs {
flex-basis: 20%;
}

.basis-sm {
flex-basis: 40%;
}

.basis-df {
flex-basis: 50%;
}

.basis-lg {
flex-basis: 60%;
}

.basis-xl {
flex-basis: 80%;
}

.flex-sub {
flex: 1;
}

.flex-twice {
flex: 2;
}

.flex-treble {
flex: 3;
}

.flex-direction {
flex-direction: column;
}

.flex-wrap {
flex-wrap: wrap;
}

.align-start {
align-items: flex-start;
}

.align-end {
align-items: flex-end;
}

.align-center {
align-items: center;
}

.align-stretch {
align-items: stretch;
}

.self-start {
align-self: flex-start;
}

.self-center {
align-self: flex-center;
}

.self-end {
align-self: flex-end;
}

.self-stretch {
align-self: stretch;
}

.align-stretch {
align-items: stretch;
}

.justify-start {
justify-content: flex-start;
}

.justify-end {
justify-content: flex-end;
}

.justify-center {
justify-content: center;
}

.justify-between {
justify-content: space-between;
}

.justify-around {
justify-content: space-around;
}

/* grid布局 */

.grid {
display: flex;
flex-wrap: wrap;
}

.grid.grid-square {
overflow: hidden;
}

.grid.grid-square .cu-tag {
position: absolute;
right: 0;
top: 0;
border-bottom-left-radius: 6px;
padding: 6px 12px;
height: auto;
background-color: rgba(0, 0, 0, 0.5);
}

.grid.grid-square>view>text[class*="cuIcon-"] {
font-size: 52px;
position: absolute;
color: var(--grey);
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.grid.grid-square>view {
margin-right: 20px;
margin-bottom: 20px;
border-radius: 6px;
position: relative;
overflow: hidden;
}

.grid.grid-square>view.bg-img image {
width: 100%;
height: 100%;
position: absolute;
}

.grid.col-1.grid-square>view {
padding-bottom: 100%;
height: 0;
margin-right: 0;
}

.grid.col-2.grid-square>view {
padding-bottom: calc((100% - 20px)/2);
height: 0;
width: calc((100% - 20px)/2);
}

.grid.col-3.grid-square>view {
padding-bottom: calc((100% - 40px)/3);
height: 0;
width: calc((100% - 40px)/3);
}

.grid.col-4.grid-square>view {
padding-bottom: calc((100% - 60px)/4);
height: 0;
width: calc((100% - 60px)/4);
}

.grid.col-5.grid-square>view {
padding-bottom: calc((100% - 80px)/5);
height: 0;
width: calc((100% - 80px)/5);
}

.grid.col-2.grid-square>view:nth-child(2n),
.grid.col-3.grid-square>view:nth-child(3n),
.grid.col-4.grid-square>view:nth-child(4n),
.grid.col-5.grid-square>view:nth-child(5n){
margin-right: 0;
}

.grid.col-1>view {
width: 100%;
}

.grid.col-2>view {
width: 50%;
}

.grid.col-3>view {
width: 33.33%;
}

.grid.col-4>view {
width: 25%;
}

.grid.col-5>view {
width: 20%;
}

/* ==================
        文本
==================== */

.radius-10 {
  border-radius: 10px;
}

.radius-15 {
  border-radius: 15px;
}

.spacing-1 {
  letter-spacing: 1px;
}

.spacing-2 {
  letter-spacing: 2px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-bold {
  font-weight: 700;
}

.text-italic {
	font-style: italic;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.text-yellow {
  color: #FFDA62;
}

.text-red {
  color: #dd0236;
}

.text-blue {
  color: #00b0ec;
}

.text-ink {
  color: #333;
}

.text-gray {
  color: #aaa;
}

.text-gray-dark {
  color: #666666;
}

.text-gray-light {
  color: #979797;
}

.bg-gray {
  background: #F4F4F4;
}

.bg-white {
  background: #FFFFFF;
}

.bg-black {
  background: #000000;
}

@media (min-width: 768px) {
  .btn {
    background-color: #eee;
    padding: 0 1.2rem;
    height: 2.1875rem;
    font-size: 0.875rem;
    line-height: 2.3rem;
  }
}

.btn:hover {
  background-color: #dfdfdf;
  color: #333;
}

.btn-white {
  border: 1px #fff solid;
  color: #fff;
}

.btn-white:hover {
  background-color: #fff;
  color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #00afec;
  border: none;
}

.btn-primary:hover {
  background-color: #0098cd;
  color: #fff;
  border-color: #000;
}

.btn-black {
  border-color: #333;
  color: #333;
}

.btn-black:hover {
  background-color: #333;
  color: #fff;
}

.btn-block {
  width: 100%;
  display: block;
}

body {
  line-height: 1.8;
}

.container {
  margin: 0 auto;
}

@media (min-width: 1601px) {
  .container {
    width: 1180px;
  }
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-control {
  width: 100%;
  margin-bottom: .3rem;
  box-sizing: border-box;
  padding: 1rem 1.2rem;
  background: #f7f7f7;
  border: none;
  font-size: 0.875rem;
  box-sizing: border-box;
}

.form-control:focus {
  box-shadow: 0 0 10px rgba(0, 175, 236, 0.3);
  background-color: #fff;
}

textarea {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-center {
  text-align: center;
}

.title-section {
  margin-bottom: 1rem;
  padding-bottom: .8rem;
}

@media (min-width: 768px) {
  .title-section {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 992px) {
  .title-section {
    margin-bottom: 2rem;
  }
}

.title-section h2 {
  font-size: 1.125rem;
  font-weight: bold;
}

@media (min-width: 768px) {
  .title-section h2 {
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .title-section h2 {
    font-size: 1.375rem;
  }
}

@media (min-width: 1200px) {
  .title-section h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1601px) {
  .title-section h2 {
    font-size: 1.625rem;
  }
}

.title-section h2 small {
  font-size: 12px;
}

.title-section.bb-1 {
  border-bottom: 1px #ddd solid;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page {
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
  background-color: #f6f7f8;
}

.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.breadcrumb li {
  margin-right: .4rem;
}

.breadcrumb li::after {
  content: " /";
}

.breadcrumb li:last-child::after {
  content: "";
}

.text-right {
  text-align: right;
}

/*  -- 内边距 -- */
.pt-media-12 {
    padding-top: 6rem
}

@media (min-width:768px) {
    .pt-media-12 {
        padding-top: 7rem
    }
}

@media (min-width:992px) {
    .pt-media-12 {
        padding-top: 8rem
    }
}

@media (min-width:1200px) {
    .pt-media-12 {
        padding-top: 9rem
    }
}

@media (min-width:1601px) {
    .pt-media-12 {
        padding-top: 10rem
    }
}

.pb-media-12 {
    padding-bottom: 6rem
}

@media (min-width:768px) {
    .pb-media-12 {
        padding-bottom: 7rem
    }
}

@media (min-width:992px) {
    .pb-media-12 {
        padding-bottom: 8rem
    }
}

@media (min-width:1200px) {
    .pb-media-12 {
        padding-bottom: 9rem
    }
}

@media (min-width:1601px) {
    .pb-media-12 {
        padding-bottom: 10rem
    }
}

.pr-media-12 {
    padding-right: 6rem
}

@media (min-width:768px) {
    .pr-media-12 {
        padding-right: 7rem
    }
}

@media (min-width:992px) {
    .pr-media-12 {
        padding-right: 8rem
    }
}

@media (min-width:1200px) {
    .pr-media-12 {
        padding-right: 9rem
    }
}

@media (min-width:1601px) {
    .pr-media-12 {
        padding-right: 10rem
    }
}

.pl-media-12 {
    padding-left: 6rem
}

@media (min-width:768px) {
    .pl-media-12 {
        padding-left: 7rem
    }
}

@media (min-width:992px) {
    .pl-media-12 {
        padding-left: 8rem
    }
}

@media (min-width:1200px) {
    .pl-media-12 {
        padding-left: 9rem
    }
}

@media (min-width:1601px) {
    .pl-media-12 {
        padding-left: 10rem
    }
}

.pt-media-10 {
    padding-top: 5rem
}

@media (min-width:768px) {
    .pt-media-10 {
        padding-top: 6rem
    }
}

@media (min-width:992px) {
    .pt-media-10 {
        padding-top: 7rem
    }
}

@media (min-width:1200px) {
    .pt-media-10 {
        padding-top: 8rem
    }
}

@media (min-width:1601px) {
    .pt-media-10 {
        padding-top: 9rem
    }
}

.pb-media-10 {
    padding-bottom: 5rem
}

@media (min-width:768px) {
    .pb-media-10 {
        padding-bottom: 6rem
    }
}

@media (min-width:992px) {
    .pb-media-10 {
        padding-bottom: 7rem
    }
}

@media (min-width:1200px) {
    .pb-media-10 {
        padding-bottom: 8rem
    }
}

@media (min-width:1601px) {
    .pb-media-10 {
        padding-bottom: 9rem
    }
}

.pr-media-10 {
    padding-right: 5rem
}

@media (min-width:768px) {
    .pr-media-10 {
        padding-right: 6rem
    }
}

@media (min-width:992px) {
    .pr-media-10 {
        padding-right: 7rem
    }
}

@media (min-width:1200px) {
    .pr-media-10 {
        padding-right: 8rem
    }
}

@media (min-width:1601px) {
    .pr-media-10 {
        padding-right: 9rem
    }
}

.pl-media-10 {
    padding-left: 5rem
}

@media (min-width:768px) {
    .pl-media-10 {
        padding-left: 6rem
    }
}

@media (min-width:992px) {
    .pl-media-10 {
        padding-left: 7rem
    }
}

@media (min-width:1200px) {
    .pl-media-10 {
        padding-left: 8rem
    }
}

@media (min-width:1601px) {
    .pl-media-10 {
        padding-left: 9rem
    }
}

.pt-media-8 {
    padding-top: 4rem
}

@media (min-width:768px) {
    .pt-media-8 {
        padding-top: 5rem
    }
}

@media (min-width:992px) {
    .pt-media-8 {
        padding-top: 6rem
    }
}

@media (min-width:1200px) {
    .pt-media-8 {
        padding-top: 7rem
    }
}

@media (min-width:1601px) {
    .pt-media-8 {
        padding-top: 8rem
    }
}

.pb-media-8 {
    padding-bottom: 4rem
}

@media (min-width:768px) {
    .pb-media-8 {
        padding-bottom: 5rem
    }
}

@media (min-width:992px) {
    .pb-media-8 {
        padding-bottom: 6rem
    }
}

@media (min-width:1200px) {
    .pb-media-8 {
        padding-bottom: 7rem
    }
}

@media (min-width:1601px) {
    .pb-media-8 {
        padding-bottom: 8rem
    }
}

.pr-media-8 {
    padding-right: 4rem
}

@media (min-width:768px) {
    .pr-media-8 {
        padding-right: 5rem
    }
}

@media (min-width:992px) {
    .pr-media-8 {
        padding-right: 6rem
    }
}

@media (min-width:1200px) {
    .pr-media-8 {
        padding-right: 7rem
    }
}

@media (min-width:1601px) {
    .pr-media-8 {
        padding-right: 8rem
    }
}

.pl-media-8 {
    padding-left: 4rem
}

@media (min-width:768px) {
    .pl-media-8 {
        padding-left: 5rem
    }
}

@media (min-width:992px) {
    .pl-media-8 {
        padding-left: 6rem
    }
}

@media (min-width:1200px) {
    .pl-media-8 {
        padding-left: 7rem
    }
}

@media (min-width:1601px) {
    .pl-media-8 {
        padding-left: 8rem
    }
}

.pt-media-5 {
    padding-top: 2rem
}

@media (min-width:768px) {
    .pt-media-5 {
        padding-top: 2rem
    }
}

@media (min-width:992px) {
    .pt-media-5 {
        padding-top: 3rem
    }
}

@media (min-width:1200px) {
    .pt-media-5 {
        padding-top: 4rem
    }
}

@media (min-width:1601px) {
    .pt-media-5 {
        padding-top: 5rem
    }
}

.pb-media-5 {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .pb-media-5 {
        padding-bottom: 2rem
    }
}

@media (min-width:992px) {
    .pb-media-5 {
        padding-bottom: 3rem
    }
}

@media (min-width:1200px) {
    .pb-media-5 {
        padding-bottom: 4rem
    }
}

@media (min-width:1601px) {
    .pb-media-5 {
        padding-bottom: 5rem
    }
}

.pr-media-5 {
    padding-right: 2rem
}

@media (min-width:768px) {
    .pr-media-5 {
        padding-right: 2rem
    }
}

@media (min-width:992px) {
    .pr-media-5 {
        padding-right: 3rem
    }
}

@media (min-width:1200px) {
    .pr-media-5 {
        padding-right: 4rem
    }
}

@media (min-width:1601px) {
    .pr-media-5 {
        padding-right: 5rem
    }
}

.pl-media-5 {
    padding-left: 2rem
}

@media (min-width:768px) {
    .pl-media-5 {
        padding-left: 2rem
    }
}

@media (min-width:992px) {
    .pl-media-5 {
        padding-left: 3rem
    }
}

@media (min-width:1200px) {
    .pl-media-5 {
        padding-left: 4rem
    }
}

@media (min-width:1601px) {
    .pl-media-5 {
        padding-left: 5rem
    }
}

.pt-media-3 {
    padding-top: 1rem
}

@media (min-width:768px) {
    .pt-media-3 {
        padding-top: 0.5rem
    }
}

@media (min-width:992px) {
    .pt-media-3 {
        padding-top: 1rem
    }
}

@media (min-width:1200px) {
    .pt-media-3 {
        padding-top: 2rem
    }
}

@media (min-width:1601px) {
    .pt-media-3 {
        padding-top: 3rem
    }
}

.pb-media-3 {
    padding-bottom: 1rem
}

@media (min-width:768px) {
    .pb-media-3 {
        padding-bottom: 0.5rem
    }
}

@media (min-width:992px) {
    .pb-media-3 {
        padding-bottom: 1rem
    }
}

@media (min-width:1200px) {
    .pb-media-3 {
        padding-bottom: 2rem
    }
}

@media (min-width:1601px) {
    .pb-media-3 {
        padding-bottom: 3rem
    }
}

.pr-media-3 {
    padding-right: 1rem
}

@media (min-width:768px) {
    .pr-media-3 {
        padding-right: 0.5rem
    }
}

@media (min-width:992px) {
    .pr-media-3 {
        padding-right: 1rem
    }
}

@media (min-width:1200px) {
    .pr-media-3 {
        padding-right: 2rem
    }
}

@media (min-width:1601px) {
    .pr-media-3 {
        padding-right: 3rem
    }
}

.pl-media-3 {
    padding-left: 1rem
}

@media (min-width:768px) {
    .pl-media-3 {
        padding-left: 0.5rem
    }
}

@media (min-width:992px) {
    .pl-media-3 {
        padding-left: 1rem
    }
}

@media (min-width:1200px) {
    .pl-media-3 {
        padding-left: 2rem
    }
}

@media (min-width:1601px) {
    .pl-media-3 {
        padding-left: 3rem
    }
}
.pt-media-1 {
    padding-top: 0.5rem
}

.pb-media-1 {
    padding-bottom: 0.5rem
}

.pl-media-1 {
    padding-left: 0.5rem
}
.pr-media-1 {
    padding-right: 0.5rem
}

/*  -- 外边距 -- */
.margin-auto {
    margin: 0 auto;
}
.mt-media-1 {
    margin-top: 0.5rem
}

@media (min-width:768px) {
    .mt-media-1 {
        margin-top: 0.5rem
    }
}

@media (min-width:992px) {
    .mt-media-1 {
        margin-top: 1rem
    }
}

@media (min-width:1200px) {
    .mt-media-1 {
        margin-top: 2rem
    }
}

@media (min-width:1601px) {
    .mt-media-1 {
        margin-top: 3rem
    }
}

.mb-media-1 {
    margin-bottom: 0.5rem
}

@media (min-width:768px) {
    .mb-media-1 {
        margin-bottom: 0.5rem
    }
}

@media (min-width:992px) {
    .mb-media-1 {
        margin-bottom: 1rem
    }
}

@media (min-width:1200px) {
    .mb-media-1 {
        margin-bottom: 2rem
    }
}

@media (min-width:1601px) {
    .mb-media-1 {
        margin-bottom: 2.5rem
    }
}

.mr-media-1 {
    margin-right: 0.5rem
}

@media (min-width:768px) {
    .mr-media-1 {
        margin-right: 0.5rem
    }
}

@media (min-width:992px) {
    .mr-media-1 {
        margin-right: 1rem
    }
}

@media (min-width:1200px) {
    .mr-media-1 {
        margin-right: 2rem
    }
}

@media (min-width:1601px) {
    .mr-media-1 {
        margin-right: 3rem
    }
}

.ml-media-1 {
    margin-left: 0.5rem
}

@media (min-width:768px) {
    .ml-media-1 {
        margin-left: 0.5rem
    }
}

@media (min-width:992px) {
    .ml-media-1 {
        margin-left: 1rem
    }
}

@media (min-width:1200px) {
    .ml-media-1 {
        margin-left: 2rem
    }
}

@media (min-width:1601px) {
    .ml-media-1 {
        margin-left: 3rem
    }
}

.mt-media-3 {
    margin-top: 1rem
}

@media (min-width:768px) {
    .mt-media-3 {
        margin-top: 0.5rem
    }
}

@media (min-width:992px) {
    .mt-media-3 {
        margin-top: 1rem
    }
}

@media (min-width:1200px) {
    .mt-media-3 {
        margin-top: 2rem
    }
}

@media (min-width:1601px) {
    .mt-media-3 {
        margin-top: 3rem
    }
}

.mb-media-3 {
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .mb-media-3 {
        margin-bottom: 0.5rem
    }
}

@media (min-width:992px) {
    .mb-media-3 {
        margin-bottom: 1rem
    }
}

@media (min-width:1200px) {
    .mb-media-3 {
        margin-bottom: 2rem
    }
}

@media (min-width:1601px) {
    .mb-media-3 {
        margin-bottom: 3rem
    }
}

.mr-media-3 {
    margin-right: 1rem
}

@media (min-width:768px) {
    .mr-media-3 {
        margin-right: 0.5rem
    }
}

@media (min-width:992px) {
    .mr-media-3 {
        margin-right: 1rem
    }
}

@media (min-width:1200px) {
    .mr-media-3 {
        margin-right: 2rem
    }
}

@media (min-width:1601px) {
    .mr-media-3 {
        margin-right: 3rem
    }
}

.ml-media-3 {
    margin-left: 1rem
}

@media (min-width:768px) {
    .ml-media-3 {
        margin-left: 0.5rem
    }
}

@media (min-width:992px) {
    .ml-media-3 {
        margin-left: 1rem
    }
}

@media (min-width:1200px) {
    .ml-media-3 {
        margin-left: 2rem
    }
}

@media (min-width:1601px) {
    .ml-media-3 {
        margin-left: 3rem
    }
}

.mt-media-5 {
    margin-top: 2rem
}

@media (min-width:768px) {
    .mt-media-5 {
        margin-top: 2rem
    }
}

@media (min-width:992px) {
    .mt-media-5 {
        margin-top: 3rem
    }
}

@media (min-width:1200px) {
    .mt-media-5 {
        margin-top: 4rem
    }
}

@media (min-width:1601px) {
    .mt-media-5 {
        margin-top: 5rem
    }
}

.mb-media-5 {
    margin-bottom: 2rem
}

@media (min-width:768px) {
    .mb-media-5 {
        margin-bottom: 2rem
    }
}

@media (min-width:992px) {
    .mb-media-5 {
        margin-bottom: 3rem
    }
}

@media (min-width:1200px) {
    .mb-media-5 {
        margin-bottom: 4rem
    }
}

@media (min-width:1601px) {
    .mb-media-5 {
        margin-bottom: 5rem
    }
}

.mr-media-5 {
    margin-right: 2rem
}

@media (min-width:768px) {
    .mr-media-5 {
        margin-right: 2rem
    }
}

@media (min-width:992px) {
    .mr-media-5 {
        margin-right: 3rem
    }
}

@media (min-width:1200px) {
    .mr-media-5 {
        margin-right: 4rem
    }
}

@media (min-width:1601px) {
    .mr-media-5 {
        margin-right: 5rem
    }
}

.ml-media-5 {
    margin-left: 2rem
}

@media (min-width:768px) {
    .ml-media-5 {
        margin-left: 2rem
    }
}

@media (min-width:992px) {
    .ml-media-5 {
        margin-left: 3rem
    }
}

@media (min-width:1200px) {
    .ml-media-5 {
        margin-left: 4rem
    }
}

@media (min-width:1601px) {
    .ml-media-5 {
        margin-left: 5rem
    }
}

.mt-media-6 {
    margin-top: 3rem
}

@media (min-width:768px) {
    .mt-media-6 {
        margin-top: 4rem
    }
}

@media (min-width:992px) {
    .mt-media-6 {
        margin-top: 5rem
    }
}

@media (min-width:1200px) {
    .mt-media-6 {
        margin-top: 6rem
    }
}

@media (min-width:1601px) {
    .mt-media-6 {
        margin-top: 7rem
    }
}

.mb-media-6 {
    margin-bottom: 3rem
}

@media (min-width:768px) {
    .mb-media-6 {
        margin-bottom: 4rem
    }
}

@media (min-width:992px) {
    .mb-media-6 {
        margin-bottom: 5rem
    }
}

@media (min-width:1200px) {
    .mb-media-6 {
        margin-bottom: 6rem
    }
}

@media (min-width:1601px) {
    .mb-media-6 {
        margin-bottom: 7rem
    }
}

.mt-media-8 {
    margin-top: 4rem
}

@media (min-width:768px) {
    .mt-media-8 {
        margin-top: 5rem
    }
}

@media (min-width:992px) {
    .mt-media-8 {
        margin-top: 6rem
    }
}

@media (min-width:1200px) {
    .mt-media-8 {
        margin-top: 7rem
    }
}

@media (min-width:1601px) {
    .mt-media-8 {
        margin-top: 8rem
    }
}

.mb-media-8 {
    margin-bottom: 4rem
}

@media (min-width:768px) {
    .mb-media-8 {
        margin-bottom: 5rem
    }
}

@media (min-width:992px) {
    .mb-media-8 {
        margin-bottom: 6rem
    }
}

@media (min-width:1200px) {
    .mb-media-8 {
        margin-bottom: 7rem
    }
}

@media (min-width:1601px) {
    .mb-media-8 {
        margin-bottom: 8rem
    }
}

.margin-lr-3 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.margin-tb-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.margin-lr-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.margin-tb-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.margin-lr-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.margin-tb-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.margin-lr-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.margin-tb-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.margin-lr-10 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.margin-tb-10 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.margin-lr-xl {
    margin-left: 6rem;
    margin-right: 6rem;
}

.margin-tb-xl {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.padding-lr-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.padding-tb-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.padding-lr-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.padding-tb-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.padding-lr-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.padding-tb-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.padding-lr-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.padding-tb-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.padding-lr-10 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.padding-tb-10 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
/* 圆角 */
.radius-10 {
    border-radius: 10px;
}

.radius-15 {
    border-radius: 15px;
}

/* ==================
          文本
 ==================== */

.spacing-1 {
    letter-spacing: 1px;
}

.spacing-2 {
    letter-spacing: 2px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right
}

.text-bold {
    font-weight: bold;
}

.line-1-2 {
	line-height: 1.2;
}

.line-1-5 {
	line-height: 1.5;
}
.rowspan-td {
    font-size: 1.25em;
}

.bold-5 {
    font-weight: 500;
}

.bold-4 {
    font-weight: 400;
}

.bold-3 {
    font-weight: 300;
}

.bold-2 {
    font-weight: 200;
}


.text20 {
    font-size: 0.8rem
}

@media (min-width:992px) {
    .text20 {
        font-size: 1rem
    }
}

@media (min-width:1200px) {
    .text20 {
        font-size: 1.125rem
    }
}

@media (min-width:1601px) {
    .text20 {
        font-size: 1.25rem
    }
}

.text22 {
    font-size: 0.95rem
}

@media (min-width:992px) {
    .text22 {
        font-size: 1.075rem
    }
}

@media (min-width:1200px) {
    .text22 {
        font-size: 1.175rem
    }
}

@media (min-width:1601px) {
    .text22 {
        font-size: 1.275rem
    }
}

.text24 {
    font-size: 1rem
}

@media (min-width:768px) {
    .text24 {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .text24 {
        font-size: 1.25rem
    }
}

@media (min-width:1200px) {
    .text24 {
        font-size: 1.375rem
    }
}

@media (min-width:1601px) {
    .text24 {
        font-size: 1.5rem
    }
}

.text28 {
    font-size: 1.15rem
}

@media (min-width:768px) {
    .text28 {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .text28 {
        font-size: 1.375rem
    }
}

@media (min-width:1200px) {
    .text28 {
        font-size: 1.5rem
    }
}

@media (min-width:1601px) {
    .text28 {
        font-size: 1.75rem
    }
}

.text30 {
    font-size: 1.5rem
}

@media (min-width:768px) {
    .text30 {
        font-size: 1.625rem
    }
}

@media (min-width:992px) {
    .text30 {
        font-size: 1.75rem
    }
}

@media (min-width:1200px) {
    .text30 {
        font-size: 1.875rem
    }
}

@media (min-width:1601px) {
    .text30 {
        font-size: 2rem
    }
}

.text36 {
    font-size: 1.25rem
}

@media (min-width:768px) {
    .text36 {
        font-size: 1.5rem
    }
}

@media (min-width:992px) {
    .text36 {
        font-size: 1.75rem
    }
}

@media (min-width:1200px) {
    .text36 {
        font-size: 2rem
    }
}

@media (min-width:1601px) {
    .text36 {
        font-size: 2.25rem
    }
}

.text40 {
    font-size: 1.5rem
}

@media (min-width:768px) {
    .text40 {
        font-size: 1.75rem
    }
}

@media (min-width:992px) {
    .text40 {
        font-size: 2rem
    }
}

@media (min-width:1200px) {
    .text40 {
        font-size: 2.25rem
    }
}

@media (min-width:1601px) {
    .text40 {
        font-size: 2.5rem
    }
}
.text45 {
    font-size:  1.575rem;
}
.text50 {
    font-size: 1.625rem
}

@media (min-width:768px) {
    .text50 {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    .text50 {
        font-size: 2.375rem
    }
}

@media (min-width:1200px) {
    .text50 {
        font-size: 2.75rem
    }
}

@media (min-width:1601px) {
    .text50 {
        font-size: 3.125rem
    }
}

.text56 {
    font-size: 1.5rem
}

@media (min-width:768px) {
    .text56 {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    .text56 {
        font-size: 2.5rem
    }
}

@media (min-width:1200px) {
    .text56 {
        font-size: 3rem
    }
}

@media (min-width:1601px) {
    .text56 {
        font-size: 3.5rem
    }
}

.text60 {
    font-size: 1.75rem
}

@media (min-width:640px) {
    .text60 {
        font-size: 1.35rem
    }
}

@media (min-width:750px) {
    .text60 {
        font-size: 1.65rem
    }
}

@media (min-width:768px) {
    .text60 {
        font-size: 2.25rem
    }
}

@media (min-width:992px) {
    .text60 {
        font-size: 2.75rem
    }
}

@media (min-width:1200px) {
    .text60 {
        font-size: 3rem
    }
}

@media (min-width:1601px) {
    .text60 {
        font-size: 3.25rem
    }
}

.text64 {
    font-size: 2.5rem
}

@media (min-width:640px) {
    .text64 {
        font-size: 1.5rem
    }
}

@media (min-width:750px) {
    .text64 {
        font-size: 1.8rem
    }
}

@media (min-width:768px) {
    .text64 {
        font-size: 2.5rem
    }
}

@media (min-width:992px) {
    .text64 {
        font-size: 3rem
    }
}

@media (min-width:1200px) {
    .text64 {
        font-size: 3.5rem
    }
}

@media (min-width:1601px) {
    .text64 {
        font-size: 4rem
    }
}

.text72 {
    font-size: 2.5rem
}

@media (min-width:640px) {
    .text72 {
        font-size: 2rem
    }
}

@media (min-width:768px) {
    .text72 {
        font-size: 3rem
    }
}

@media (min-width:992px) {
    .text72 {
        font-size: 3.5rem
    }
}

@media (min-width:1200px) {
    .text72 {
        font-size: 4rem
    }
}

@media (min-width:1601px) {
    .text72 {
        font-size: 4.5rem
    }
}
.text76 {
    font-size: 2.75rem
}

@media (min-width:640px) {
    .text76 {
        font-size: 2.5rem
    }
}

@media (min-width:768px) {
    .text76 {
        font-size: 3.5rem
    }
}

@media (min-width:992px) {
    .text76 {
        font-size: 4rem
    }
}

@media (min-width:1200px) {
    .text76 {
        font-size: 4.5rem
    }
}

@media (min-width:1601px) {
    .text76 {
        font-size: 5rem
    }
}

.text92 {
    font-size: 3.75rem
}

@media (min-width:640px) {
    .text92 {
        font-size: 5rem
    }
}

@media (min-width:768px) {
    .text92 {
        font-size: 6rem
    }
}

@media (min-width:992px) {
    .text92{
        font-size: 7rem
    }
}

@media (min-width:1200px) {
    .text92 {
        font-size: 7.5rem
    }
}

@media (min-width:1601px) {
    .text92 {
        font-size: 8rem
    }
}

/* ==================
          颜色
 ==================== */

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.text-yellow {
    color: #FFDA62;
}

.text-red {
    color: #dd0236;
}

.text-blue {
    color: #00b0ec;
}

.text-blue-light {
    color: #38daff;
}

.text-ink {
    color: #333;
}

.text-gray {
    color: #aaa;
}

.text-gray-dark {
    color: #666666;
}

.text-gray-light {
    color: #979797;
}

.bg-gray {
    background: #f4f4f4;
}

.bg-white {
    background: white;
}

.bg-black {
    background: black;
}

/* agent */

.agent {
  background: #f6f7f8;
  padding: 2em 0;
}

.agent .toolbar {
  padding: 1rem 0;
}

.agent .toolbar .form-control {
  border: 1px #ddd solid;
  padding: 0 .6rem;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  vertical-align: middle;
  min-width: 150px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .agent .toolbar .form-control {
    margin-bottom: 0;
  }
}

.agent .toolbar .btn {
  padding: 0 .8rem;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  border: 1px #ddd solid;
  background-color: #fff;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .agent .toolbar .btn {
    margin-bottom: 0;
  }
}

.agent .toolbar .btn:hover {
  background-color: #00b0ec;
  color: #fff;
}

.agent .resellers-list {
  max-height: 500px;
  overflow-y: auto;
}

.agent .resellers-list .box {
  border-bottom: 1px #ddd solid;
  padding: 1.3rem 0;
}

.agent .resellers-list .box dl dt {
  font-size: 16px;
  color: #333;
  margin-bottom: 1rem;
  font-weight: bold;
}

.agent .resellers-list .box dl dd {
  padding: .6rem 0;
  color: #999;
  position: relative;
  padding-left: 30px;
}

.agent .resellers-list .box dl dd .iconfont {
  position: absolute;
  left: 0;
  top: .6rem;
  z-index: 100;
}

.agent .resellers-list .box dl dd a {
  color: #00b0ec;
}

.agent .resellers-list .box dl dd a:hover {
  text-decoration: underline;
}

/* machine */

.machine_banner.banner {
  height: 27em;
}

.machine_banner.banner .banner_txt {
  padding-top: 6.5em;
}

.machine_banner.banner .banner_txt p {
  font-size: 1em;
}

.machine .serve_layout {
  background: #f6f6f6;
}

.machine .serve_layout .main_con {
  padding: 0;
  width: calc(100% - 11em);
}

@media (max-width: 768px) {
  .serve_down_in {
    flex-direction: column;
  }
  .machine .serve_layout .main_con {
    width: 100%;
  }
}

.machine .serve_layout .side_nav h3 {
  color: #3e3a39;
  font-weight: bold;
}

.machine_in li {
  width: 32.3%;
  margin: 0 0.5% 1em;
  background: #fff;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
}

.machine_in li:hover .pic img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.machine_in li a {
  display: block;
}

.machine_in .pic {
  height: 16em;
  line-height: 16em;
  overflow: hidden;
}

.machine_in .pic img {
  -webkit-transition: .8s;
  transition: .8s;
}

.machine_in .txt {
  color: #979797;
}

.machine_in .txt h3 {
  font-size: 1.25rem;
  color: #3c3c3c;
  font-family: "AnitaSSNGV3";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.machine_in .txt p {
  max-width: 234px;
  margin: 1em auto;
  line-height: 1.7em;
  height: 3.2em;
  overflow: hidden;
}

.machine_in span.btn {
  font-size: 0.95em;
  background: #c9caca;
  color: #ffffff;
  /* line-height: 1.8em; */
  padding: 0 0.8em;
  display: inline-block;
  margin: 1em auto;
  -webkit-transition: .3s;
  transition: .3s;
}

.machine_in li:hover span.btn {
  background: #00afec;
}

/* machine_detail */

.machine_detail_part1 .part1_pic {
  width: 50%;
}

.con_picture {
  position: relative;
}

.con_picture a.btn {
  width: 16px;
  height: 26px;
  background: url("../images/news_int_03.png") center no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: -2em;
}

.con_picture a.lr {
  left: inherit;
  right: -2em;
  background: url("../images/news_int_04.png") center no-repeat;
}

.con_picture .bigImg {
  position: relative;
  overflow: hidden;
}

.con_picture .bigImg li {
  display: block;
  text-align: center;
  height: 30em;
  line-height: 30em;
  width: 100%;
  margin-bottom: 3em;
}

.con_picture .bigImg li img {
  max-width: 95%;
  max-height: 100%;
  width: initial;
}

.con_picture .bigImg li h4 {
  width: 100%;
  padding-left: 5em;
  box-sizing: border-box;
  line-height: 2em;
  padding: 4em 0 3.5em 8em;
}

.con_picture .pageState {
  position: absolute;
  bottom: 4em;
  left: 0;
  letter-spacing: 1em;
  font-weight: bold;
  font-size: 16px;
}

.con_picture .pageState span {
  font-size: 40px;
  font-weight: normal;
}

.con_picture .smallImg {
  padding: 0.5em;
  position: relative;
}

.con_picture .smallImg li {
  width: 25%;
}

.con_picture .smallImg li.on .pic {
  border-color: #ffffff;
}

.con_picture .smallImg li .pic {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 10em;
  text-align: center;
  line-height: 10em;
}

.con_picture .smallImg li .pic img {
  max-width: 90%;
  max-height: 100%;
}

.machine_detail_part1 {
  padding: 2em 0;
}

.machine_detail_part1 .part1_con {
  width: 31%;
  padding-top: 7%;
}

.machine_detail_part1 .part1_con {
  color: #000;
}

.machine_detail_part1 .part1_con .title {
  font-size: 2.5em;
  color: #1f1f1f;
  font-weight: bold;
  line-height: 1.2em;
  padding-bottom: 0.5em;
}

.machine_detail_part1 .part1_con .txt {
  font-size: 1.25em;
  color: #000;
  line-height: 1.7em;
}

.machine_detail_part1 .part1_con .tips {
  padding-top: 3em;
  line-height: 2em;
}

.machine_detail_part1 .part1_con .tips h3 {
  font-size: 1.25em;
  padding: 0.7em 0;
}

.machine_detail_part1 .part1_con .tips p {
  font-size: 1.5em;
}

.machine_detail_part2 {
  background: #f9f9f9;
  padding: 3em 0;
  color: #000;
}

.machine_detail_part2 .tabs a {
  font-size: 1.4375em;
  color: #000;
  padding: 0 35px;
  line-height: 3.5em;
  border: 1px solid #ededed;
  margin-left: -1px;
  float: left;
  display: block;
}

.machine_detail_part2 .tabs a.active {
  background: #fff;
  color: #00afec;
}

.machine_detail_part2 .content {
  background: #fff;
}

.machine_detail_part2 .slide_con .tit_name {
  font-size: 1.875em;
  padding-left: 35px;
  line-height: 2em;
}

.machine_detail_part2 .slide_con p {
  font-size: 1.25em;
  line-height: 2.5em;
  box-sizing: border-box;
  position: relative;
  padding-left: 35px;
}

.machine_detail_part2 .slide_con p:after {
  content: '·';
  display: block;
  top: 0;
  left: 0.7em;
  position: absolute;
}

.machine_detail_part2 .slide_con {
  padding: 3em 0 5em;
}

.machine_detail_part3 {
  padding: 5em 0;
}

.machine_detail_part3 .title {
  text-align: center;
}

.machine_detail_part3 .content {
  padding: 0 10%;
}

.machine_detail_part3 li {
  width: 31.9%;
  border: 1px solid #f4f4f4;
  margin: 1em 0.7%;
  padding: 1em 0;
  background: #f4f4f4;
  box-sizing: border-box;
  -webkit-transition: .5s;
  transition: .5s;
}

.machine_detail_part3 li:hover {
  border: 1px solid #05b2ec;
}

.machine_detail_part3 .title {
  font-size: 2.375em;
  padding-bottom: 1em;
}

.machine_detail_part3 .content p {
  font-size: 1.5em;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  padding: 0.5em 1em;
  box-sizing: border-box;
}

.machine_detail_part3 .content a {
  display: block;
  color: #000;
  text-align: center;
}

.machine_detail_part3 .content .pic {
  height: 22em;
  line-height: 22em;
}

.machine_detail_part3 .content .pic img {
  max-height: 100%;
  max-width: 90%;
}

.page-influencers {
  padding-bottom: 3rem;
}

.page-influencers .myform {
  background-color: white;
  box-shadow: 0px 0px 38px 0px rgba(191, 190, 187, 0.26);
  margin-top: -40px;
  padding: 2rem 1rem 1rem;
}

@media (min-width: 768px) {
  .page-influencers .myform {
    padding: 2rem;
    margin-top: -60px;
  }
}

@media (min-width: 992px) {
  .page-influencers .myform {
    padding: 2rem;
    margin-top: -80px;
  }
}

@media (min-width: 1200px) {
  .page-influencers .myform {
    padding: 3rem;
    margin-top: -100px;
  }
}

@media (min-width: 1601px) {
  .page-influencers .myform {
    padding: 4rem;
    margin-top: -120px;
  }
}

@media (min-width: 992px) {
  .page-hot .box {
    width: 180px;
  }
}

@media (min-width: 1200px) {
  .page-hot .box {
    width: 220px;
  }
}

.page-hot .box .box-title {
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .page-hot .box .box-title {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .page-hot .box .box-title {
    font-size: 1.125rem;
  }
}

@media (min-width: 1200px) {
  .page-hot .box .box-title {
    font-size: 1.25rem;
  }
}

@media (min-width: 1601px) {
  .page-hot .box .box-title {
    font-size: 1.375rem;
  }
}

.page-hot .lefenav {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1.5rem;
}

.page-hot .lefenav li {
  display: inline-block;
  float: none;
  margin-right: .8rem;
}

@media (min-width: 992px) {
  .page-hot .lefenav li {
    font-size: 0.875rem;
    display: block;
  }
}

@media (min-width: 1200px) {
  .page-hot .lefenav li {
    font-size: 1rem;
  }
}

@media (min-width: 1601px) {
  .page-hot .lefenav li {
    font-size: 1.125rem;
  }
}

.page-hot .lefenav li a {
  color: #999;
  padding: .7rem 0;
  display: block;
  position: relative;
}

.page-hot .lefenav li a:hover {
  color: #333;
}

.page-hot .lefenav li a.active {
  color: #00afec;
  padding-right: 1.2rem;
}

.page-hot .lefenav li a.active .iconfont {
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

@media (min-width: 992px) {
  .page-hot .lefenav li a.active .iconfont {
    font-size: 0.875rem;
  }
}

@media (min-width: 1200px) {
  .page-hot .lefenav li a.active .iconfont {
    font-size: 1rem;
  }
}

@media (min-width: 1601px) {
  .page-hot .lefenav li a.active .iconfont {
    font-size: 1.125rem;
  }
}

.page-hot .main_con {
  background-color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  padding: 1rem;
}

@media (min-width: 768px) {
  .page-hot .main_con {
    padding: 1.5rem;
  }
}

@media (min-width: 992px) {
  .page-hot .main_con {
    padding: 2rem;
    padding-bottom: 5rem;
    margin-left: 0;
    margin-right: 0;
  }
}

.page-hot .main_con .applist .item {
  display: flex;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .page-hot .main_con .applist .item {
    margin-bottom: 3rem;
  }
}

.page-hot .main_con .applist .item .pic {
  flex: 120px;
}

.page-hot .main_con .applist .item .txt {
  flex: 100%;
}

.page-hot .main_con .applist .item .txt h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: .6rem;
}

.page-hot .main_con .applist .item .txt h3 .link {
  float: right;
  background-color: #00afec;
  color: #fff;
  font-size: 0.75rem;
  display: inline-block;
  padding: .3rem .6rem;
  border-radius: 15px;
  font-weight: normal;
}

.page-hot .main_con .applist .item .txt p {
  color: #666;
  margin-bottom: 1rem;
}

.page-hot .main_con .applist .item .txt .icon {
  display: block;
  position: relative;
  margin-bottom: .8rem;
}

@media (min-width: 992px) {
  .page-hot .main_con .applist .item .txt .icon img.btn-down {
    height: 38px;
  }
}

.page-hot .main_con .applist .item .txt .icon .qr {
  position: absolute;
  top: -110px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  padding: 5px;
  background-color: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  display: none;
}

.page-hot .main_con .applist .item .txt .icon .qr img {
  width: 100%;
  display: block;
}

.page-hot .main_con .applist .item .txt .icon:hover .qr {
  display: block;
}

.page-hot .main_con .applist .item .dlist {
  padding-left: 15px;
  padding-right: 15px;
}

.page-hot .main_con .applist .item .dlist .it .t1 {
  padding-left: 15px;
  line-height: 1.3;
}

.page-hot .main_con .applist .item .dlist .it .t1 h4 {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.page-hot .main_con .applist .item .dlist .it .t1 p {
  font-size: 0.75rem;
  color: #666;
}

@media (max-width: 991px) {
  .page-hot .main_con .applist .item .dlist .it .t1 {
    line-height: 1.5;
    padding-left: 0;
  }
}

.page-hot .list-manual {
  list-style: none;
}

.page-hot .list-manual li {
  float: none;
  padding: .6rem 1rem;
}

.page-hot .list-manual li:nth-child(2n+1) {
  background-color: #f7f9fa;
}

.page-hot .list-manual li a {
  padding-right: .6rem;
}

.page-hot .list-manual li a .iconfont {
  color: #d8d8d8;
  font-size: 1.125rem;
}

.page-hot .list-manual li a:hover .iconfont {
  color: #00afec;
}

.page-hot .list-manual li .new .iconfont {
  font-size: 1.875rem;
  color: #ffc663;
}

.page-hot .list-products .item {
  text-align: center;
  margin-bottom: 1rem;
}

.page-hot .list-products .item .pic {
  margin-bottom: .8rem;
}

.page-firmware .search-box select {
  padding: .5rem 1rem;
  width: 100%;
  border: 1px #999 solid;
  margin-bottom: .3rem;
}

.page-firmware .product-result .title-product {
  font-size: 1.75rem;
  font-family: AnitaSSNGV3;
  margin-bottom: 2rem;
}

.page-firmware .list-firmware .item .item-header {
  border-top: 1px #eee solid;
  cursor: pointer;
  padding: 1rem 1rem;
}

.page-firmware .list-firmware .item .item-header .icon-new {
  color: #ffc663;
  font-size: 22px;
  line-height: 1;
}

.page-firmware .list-firmware .item .item-header .icon-down {
  display: block;
  transform: rotate(-90deg);
  transition: all .2s;
  color: #999;
}

.page-firmware .list-firmware .item .item-body {
  padding: 1rem;
  overflow: hidden;
  display: none;
}

.page-firmware .list-firmware .item .item-body ol, .page-firmware .list-firmware .item .item-body ul {
  padding-left: 1rem;
}

.page-firmware .list-firmware .item .item-body .note {
  color: #999;
  padding: 0;
}

.page-firmware .list-firmware .item .item-body .note li {
  float: none;
}

.page-firmware .list-firmware .item .item-body li {
  float: none;
  list-style: unset;
}

.page-firmware .list-firmware .item .item-body .iconfont {
  font-size: 14px;
}

.page-firmware .list-firmware .item.open .item-header .icon-down {
  transform: rotate(0deg);
}

.page-firmware .list-firmware .item:nth-child(2n+1) .item-header {
  background-color: #f7f9fa;
}

.table-container {
  overflow-x: auto;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table thead {
	font-size: 1.25em;
}

.table tr th {
  border: 1px solid #e1e1e1;
  padding: 1rem .3rem;
  text-align: left;
}

.table tr th:first-child {
  border-left: none;
}

.table tr:first-child th {
  border-top: none;
}

.table tr th:last-child {
  border-right: none;
}


@media (min-width: 1200px) {
  .table tr th {
    padding: 1.3rem .3rem;
    border: 1px solid #e1e1e1;
  }
}

.table tr td {
  border: 1px #e1e1e1 solid;
  padding: 1rem .3rem;
  text-align: left;
}

.table tr td:first-child {
  border-left: none;
}

.table tr td:last-child {
  border-right: none !important;
}

/* .table tr:last-child td, .last-td {
    border-bottom: none !important;
} */

@media (min-width: 1024px) {
  .table tr td {
    padding: 1.3rem .3rem;
    border: 1px solid #e1e1e1;
    font-size: 1.1em;
  }
}

@media (min-width: 1200px) {
  .table tr td {
    padding: 1.3rem .3rem;
    border: 1px solid #e1e1e1;
    font-size: 1.25em;
  }
}

.page-product-detail-t1 .s1 {
  /* height: calc(100vh - 113px); */
  position: relative;
}

.page-product-detail-t1 .s1 .vid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-product-detail-t1 .s1 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}

.page-product-detail-t1 .s1 .txt-container .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  padding-bottom: 200px;
}

.page-product-detail-t1 .s1 .txt-container .container img {
  max-width: 40vw;
}

.page-product-detail-t1 .s2 {
  position: fixed;
  left: 0;
  top: 113px;
  z-index: -1;
  height: 100vh;
  width: 100%;
}

.page-product-detail-t1 .s2 .txt .num {
  padding-top: 2rem;
  color: #00afec;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .page-product-detail-t1 .s2 .txt .num {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .page-product-detail-t1 .s2 .txt .num {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .page-product-detail-t1 .s2 .txt .num {
    font-size: 4rem;
  }
}

@media (min-width: 1601px) {
  .page-product-detail-t1 .s2 .txt .num {
    font-size: 4.5rem;
  }
}

.page-product-detail-t1 .s2 .txt .num small {
  font-size: 1.75rem;
}

.page-product-detail-t1 .s3 {
  /* height: calc(100vh-113px); */
  position: relative;
  background-color: #fff;
}

.page-product-detail-t1 .s3 .vid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-product-detail-t1 .s3 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  z-index: 10;
}

.page-product-detail-t1 .s3 .txt-container .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  padding-bottom: 200px;
}

.page-product-detail-t1 .s3 .txt-container .container h1 {
  margin-bottom: .8rem;
}

.page-product-detail-t1 .s3 .txt-container .container h3 {
  font-weight: normal;
}

.page-product-detail-t1 .s3 .txt-container .container p {
  margin-bottom: 1.5rem;
}

.page-product-detail-t1 .s3 .txt-container .container .btn-watch {
  border-radius: 6px;
  background-color: #fff;
}

.page-product-detail-t1 .s3 .txt-container .container .btn-watch:hover {
  background-color: #00afec;
  color: #fff;
}

.page-product-detail-t1 .s4 {
  text-align: center;
  background-color: #fff;
}

.page-product-detail-t1 .s4 .txt {
  font-weight: bold;
}

.page-product-detail-t1 .s4 .txt .col-one {
  display: inline-block;
  margin: 0 1rem;
}

.page-product-detail-t1 .s4 .txt small {
  font-weight: normal;
}

.page-product-detail-t1 .s5 {
  position: relative;
  background-color: #ffc663;
  color: #fff;
  overflow: hidden;
}

.page-product-detail-t1 .s5 img.p1 {
  display: block;
  width: 50%;
}

.page-product-detail-t1 .s5 .text-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.page-product-detail-t1 .s5 .text-container .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-product-detail-t1 .s5 .text-container .container .txt {
  padding-left: 3vw;
}

.page-product-detail-t1 .s5 .text-container .container .txt h3 {
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.page-product-detail-t1 .s5.s5_1 {
  background-color: #7c8fd5;
}

.page-product-detail-t1 .s5.s5_1 img.p1 {
  display: block;
  margin: 0 0 0 auto;
}

.page-product-detail-t1 .s5.s5_1 .title {
  width: 50px;
}

.page-product-detail-t1 .s5.s5_1 img.pro {
  max-width: 200px;
}

.page-product-detail-t1 .s6 {
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.page-product-detail-t1 .s6 .txt {
  text-align: center;
  color: #fff;
}

.page-product-detail-t1 .s7 {
  height: 100vh;
  position: relative;
  background-color: #fff;
}

.page-product-detail-t1 .s7 .vid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-product-detail-t1 .s7 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
  padding-top: 3rem;
}

.page-product-detail-t1 .s7 .txt-container .container {
  color: #fff;
  text-align: center;
}

.page-product-detail-t1 .s7 .txt-container .container p {
  margin-bottom: 2rem;
}

.page-product-detail-t1 .s7 .txt-container .container img {
  max-width: 40vw;
}

.page-product-detail-t1 .s8 {
  text-align: center;
  background-color: #fff;
}

.page-product-detail-t1 .s9 {
  background-color: #7ecef4;
  color: #fff;
  position: relative;
}

.page-product-detail-t1 .s9 .pics {
  width: 42.6%;
  margin: 0 5% 0 auto;
  position: relative;
}

.page-product-detail-t1 .s9 .pics .p2 {
  position: absolute;
  left: 11%;
  top: 12%;
  z-index: 10;
  width: 76%;
}

.page-product-detail-t1 .s9 .pics .p3 {
  position: absolute;
  left: 4%;
  top: 2%;
  z-index: 10;
  width: 93%;
}

.page-product-detail-t1 .s9 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}

.page-product-detail-t1 .s9 .txt-container .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.page-product-detail-t1 .s9 .txt-container .container p {
  margin-bottom: 2rem;
}

.page-product-detail-t1 .s10 {
  background-color: #fff;
}

.page-product-detail-t1 .s10 .item {
  position: relative;
  border-radius: 12px;
  background-color: #8cccd5;
  text-align: center;
  height: 500px;
  padding: 1rem;
  overflow: hidden;
}

.page-product-detail-t1 .s10 .item .txt-container {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 1rem;
  bottom: 1rem;
  z-index: 100;
  background-color: #fff;
  transition: all .5s;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
}

.page-product-detail-t1 .s10 .item .txt {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-product-detail-t1 .s10 .item:hover .txt-container {
  opacity: 1;
}

.page-product-detail-t1 .s10 .item img {
  position: absolute;
  bottom: 6rem;
  left: 0;
  z-index: 20;
}

.page-product-detail-t1 .s10 .item.item1 {
  background-color: #7e91d3;
}

.page-product-detail-t1 .s10 .item.item2 {
  background-color: #ffc663;
}

.page-product-detail-t1 .s10 .item.item2 img {
  bottom: 0;
  left: auto;
  right: 0rem;
}

.page-product-detail-t1 .s11 {
  background-color: #fff;
}

.page-product-detail-t1 .s11 .txt {
  text-align: center;
}

.page-product-detail-t1 .s11 .row1 {
  padding-left: 10px;
  padding-right: 10px;
}

.page-product-detail-t1 .s11 .row1 .item {
  border-radius: 12px;
  height: 350px;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}

.page-product-detail-t1 .s11 .row1 .item p {
  position: absolute;
  left: 1.5rem;
  bottom: 1rem;
  z-index: 10;
  color: #fff;
}

.page-product-detail-t1 .s11 .row1 .item p small {
  font-size: 1rem;
  margin-left: .5rem;
}

.page-product-detail-t1 .s11 .row1 .item img {
  border-radius: 12px;
}

.page-product-detail-t1 .s11 .row2 .pic {
  border-radius: 12px;
}

.page-product-detail-t1 .s11 .row3 {
  padding-left: 10px;
  padding-right: 10px;
}

.page-product-detail-t1 .s11 .row3 .item {
  margin-left: -10px;
  margin-right: -10px;
}

.page-product-detail-t1 .s11 .row3 .item p {
  text-align: center;
}

.page-product-detail-t1 .s11 .row3 .item small {
  display: block;
  text-align: center;
  font-size: 1rem;
}

.page-product-detail-t1 .s11 .row3 .item img {
  border-radius: 12px;
  margin-bottom: .6rem;
}

.page-product-detail-t1 .s12 {
  background-color: #fff;
  position: relative;
}

.page-product-detail-t1 .s12 .vid {
  width: 100%;
  display: block;
}

.page-product-detail-t1 .s12 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}

.page-product-detail-t1 .s12 .txt-container .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.page-product-detail-t1 .s12 .txt-container .container .txt {
  padding-left: 55%;
}

.page-product-detail-t1 .s13 {
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #fff;
}

.page-product-detail-t1 .s13 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}

.page-product-detail-t1 .s13 .txt-container .container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}

.page-product-detail-t1 .s13 .txt-container .container .txt {
  padding-left: 55%;
}

.page-product-detail-t1 .s14 {
  height: 100vh;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.page-product-detail-t1 .s15 .title-section {
  border-bottom: 1px solid #eee;
  padding-bottom: 0;
}

.page-product-detail-t1 .s15 .pram dt {
  color: #999;
}

.page-product-detail-t1 .s15 .pram dd {
  color: #333;
  margin-bottom: 1rem;
}

.page-product-detail-t1 .s15 .table1 {
  width: 100%;
}

.page-product-detail-t1 .s15 .table1 tr th {
  text-align: left;
  font-weight: 700;
}

.page-product-detail-t1 .s15 .table1 tr.first-row {
  color: #999;
}

.page-product-detail-t1 .s15 .table1 tr td {
  padding-right: 1rem;
}

.page-product-detail-t1 .s14 .txt {
  text-align: center;
}

.page-product-detail-t1 .overly {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: none;
}

.page-product-detail-t1 .overly .video-container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  margin-top: -4rem;
  max-width: 720px;
  background-color: #fff;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
}

.page-product-detail-t1 .overly .video-container .video-header {
  position: relative;
}

.page-product-detail-t1 .overly .video-container .video-header .btnClose {
  position: absolute;
  right: 1rem;
  top: .4rem;
  z-index: 100;
}

.page-product-detail-t1 .overly .video-container .video-header .btnClose .iconfont {
  font-size: 1.5rem;
}

.page-product-detail-t1 .overly .video-container .video-title {
  padding: .6rem 1rem;
  font-size: 1.25rem;
}

.page-product-detail-t1 .overly .video-container .video_wrap {
  padding: 0 1rem 1rem;
}

.page-product-detail-t1 .overly .video-container .video_wrap video {
  width: 100%;
  display: block;
}

.page-product-detail-t2 .s1 {
  /* height: calc(100vh - 92px); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.page-product-detail-t2 .s1 .txt-container {
  text-align: center;
  padding-top: 5rem;
}

.page-product-detail-t2 .s1 .txt-container img {
  max-width: 70%;
}

.page-product-detail-t2 .s2{
  position: fixed;
  top: 0;
  padding-top: 113px;
  z-index: -1;
}

.page-product-detail-t2 .s2 .txt p {
  margin-bottom: 1rem;
}

.page-product-detail-t2 .s2 .txt .num {
  color: #00afec;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .page-product-detail-t2 .s2 .txt .num {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .page-product-detail-t2 .s2 .txt .num {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .page-product-detail-t2 .s2 .txt .num {
    font-size: 4rem;
  }
}

@media (min-width: 1601px) {
  .page-product-detail-t2 .s2 .txt .num {
    font-size: 4.5rem;
  }
}

.page-product-detail-t2 .s2 .txt .num small {
  font-size: 1.25rem;
}

.page-product-detail-t2 .s2 .pic {
  margin-bottom: 6px;
}

.page-product-detail-t2 .s3 {
  margin-bottom: 1.5rem;
}

.page-product-detail-t2 .s3 .vid {
  width: 100%;
  margin-top: 1rem;
}

.page-product-detail-t2 .s4 {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding-bottom: 2rem;
}

.page-product-detail-t2 .s4 .txt {
  font-weight: bold;
}

.page-product-detail-t2 .s4 .txt .col-one {
  display: inline-block;
  margin: 0 1rem;
  font-size: 2.25rem;
}

.page-product-detail-t2 .s4 .txt small {
  font-weight: normal;
}

.page-product-detail-t2 .s4 p {
  margin-bottom: 2rem;
  font-size: 20px;
}

.page-product-detail-t2 .s5 {
  position: relative;
  background-color: #ffc663;
  color: #fff;
}

.page-product-detail-t2 .s5 img {
  display: block;
}

.page-product-detail-t2 .s5 .text-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.page-product-detail-t2 .s5 .text-container .container {
  padding-top: 3rem;
}

.page-product-detail-t2 .s5 .text-container .container .txt {
  text-align: center;
}

.page-product-detail-t2 .s5 .text-container .container .txt p {
  font-size: 0.875rem;
}

.page-product-detail-t2 .s6 {
  position: relative;
}

.page-product-detail-t2 .s6 .container {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}

.page-product-detail-t2 .s6 .container .txt {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-product-detail-t2 .s6 .container .txt h3, .page-product-detail-t2 .s6 .container .txt p {
  color: #000;
}

.page-product-detail-t2 .s7 {
  position: relative;
}

.page-product-detail-t2 .s7 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  padding-top: 2rem;
}

.page-product-detail-t2 .s7 .txt-container .container {
  color: #fff;
}

.page-product-detail-t2 .s7 .txt-container .container p {
  margin-bottom: 2rem;
}

.page-product-detail-t2 .s8 {
  text-align: center;
}

.page-product-detail-t2 .s8 .pic {
  margin-bottom: 6px;
}

.page-product-detail-t2 .s9 {
  background-color: #7ecef4;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.page-product-detail-t2 .s9 .pics {
  width: 110%;
  margin: 0 5% 0 auto;
  position: relative;
}

.page-product-detail-t2 .s9 .pics .p2 {
  position: absolute;
  left: 3.5rem;
  top: 3.5rem;
  z-index: 10;
  width: 76%;
}

.page-product-detail-t2 .s9 .pics .p3 {
  position: absolute;
  left: 1.5rem;
  top: 1rem;
  z-index: 10;
  width: 93%;
}

.page-product-detail-t2 .s9 .txt-container {
  height: 100%;
}

.page-product-detail-t2 .s9 .txt-container .container {
  color: #fff;
}

.page-product-detail-t2 .s9 .txt-container .container p {
  margin-bottom: 2rem;
}

.page-product-detail-t2 .s10 .item {
  position: relative;
  border-radius: 12px;
  background-color: #8cccd5;
  color: #fff;
  height: 150px;
  padding: 1rem;
  overflow: hidden;
  margin-bottom: 6px;
}

.page-product-detail-t2 .s10 .item .txt {
  text-align: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100px;
  margin: 0 0 0 auto;
}

.page-product-detail-t2 .s10 .item .txt p {
  font-size: 12px;
}

.page-product-detail-t2 .s10 .item img {
  position: absolute;
  height: 132px;
  top: 0;
  left: 0;
  z-index: 20;
}

.page-product-detail-t2 .s10 .item.item1 {
  background-color: #7e91d3;
}

.page-product-detail-t2 .s10 .item.item1 img {
  height: 145px;
}

.page-product-detail-t2 .s10 .item.item2 {
  background-color: #ffc663;
}

.page-product-detail-t2 .s10 .item.item2 img {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0rem;
}

.page-product-detail-t2 .s10 .item.item2 .txt {
  margin: 0 auto 0 0;
  text-align: left;
}

.page-product-detail-t2 .s11 .txt {
  text-align: center;
}

.page-product-detail-t2 .s11 .row1 {
  padding-left: 12px;
  padding-right: 12px;
}

.page-product-detail-t2 .s11 .row1 .item {
  border-radius: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 175px;
  margin-left: -12px;
  margin-right: -12px;
  position: relative;
  background-color: #00afec;
}

.page-product-detail-t2 .s11 .row1 .item p {
  position: absolute;
  left: 1.5rem;
  bottom: 1rem;
  z-index: 10;
  color: #fff;
}

.page-product-detail-t2 .s11 .row1 .item p small {
  font-size: 1rem;
  margin-left: .5rem;
}

.page-product-detail-t2 .s11 .row1 .item img {
  border-radius: 8px;
}

.page-product-detail-t2 .s11 .row1 .item.item1 p {
  top: 1rem;
  bottom: auto;
}

.page-product-detail-t2 .s11 .row2 {
  margin-bottom: 1rem;
}

.page-product-detail-t2 .s11 .row3 {
  padding-left: 12px;
  padding-right: 12px;
}

.page-product-detail-t2 .s11 .row3 .item {
  margin-left: -12px;
  margin-right: -12px;
  border-radius: 8px;
}

.page-product-detail-t2 .s11 .row3 .item p {
  font-size: 0.75rem;
}

.page-product-detail-t2 .s11 .row3 .item img {
  border-radius: 12px;
  margin-bottom: .5rem;
  display: block;
}

.page-product-detail-t2 .s11 .pic {
  margin-bottom: 1rem;
}

.page-product-detail-t2 .s11 .pic img {
  border-radius: 12px;
}

.page-product-detail-t2 .s12 {
  position: relative;
}

.page-product-detail-t2 .s12 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}

.page-product-detail-t2 .s12 .txt-container .container {
  padding-top: 3rem;
  color: #fff;
}

.page-product-detail-t2 .s13 {
  position: relative;
}

.page-product-detail-t2 .s13 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}

.page-product-detail-t2 .s13 .txt-container .container {
  padding-top: 3rem;
  color: #fff;
}

.page-product-detail-t2 .s14 {
  position: relative;
}

.page-product-detail-t2 .s14 .txt-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

.page-product-detail-t2 .s14 .txt-container .container {
  text-align: center;
  padding-top: 2rem;
}

.page-product-detail-t2 .s15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-product-detail-t2 .s15 .title-section {
  border-bottom: 1px solid #eee;
  padding-bottom: 0;
}

.page-product-detail-t2 .s15 .pram dt {
  color: #999;
}

.page-product-detail-t2 .s15 .pram dd {
  color: #333;
  margin-bottom: 1rem;
}

.page-product-detail-t2 .s15 .table1 {
  width: 100%;
}

.page-product-detail-t2 .s15 .table1 tr.first-row {
  color: #999;
}

.page-product-detail-t2 .s15 .table1 tr td {
  white-space: nowrap;
  padding-right: 1rem;
}

.pagination {
  text-align: center;
  padding: 1rem 0;
  font-size: 0.875rem;
  color: #999;
}

.pagination .pager {
  list-style: none;
  margin: 0 1rem 0 0;
  padding: 0;
  display: inline-block;
}

.pagination .pager li {
  display: inline-block;
  margin: 0 .2rem;
}

.pagination .pager li a {
  display: block;
  border-width: 1px;
  border-color: #bfbfbf;
  border-style: solid;
  border-radius: 3px;
  height: 28px;
  line-height: 26px;
  padding: 0 .56rem;
  background-color: #fff;
  text-align: center;
  color: #999;
}

.pagination .pager li a:hover {
  color: #FFF;
  background-color: #00afec;
  border: 1px #00afec solid;
}

.pagination .pager li a.prev, .pagination .pager li a.next {
  padding: 0 1rem;
}

.pagination .pager li a.more {
  border: none;
}

.pagination .pager li a.more:hover {
  color: #00afec;
  background-color: #fff;
  border: none;
}

.pagination .pager li.active a {
  background-color: #00afec;
  color: #fff;
  border: 1px #00afec solid;
}

.pagination .pager li.disabled a {
  background-color: #eee;
  color: #999;
  cursor: no-drop;
}

.pagination input.pagenum {
  border: none;
  border-bottom: #00afec 1px solid;
  text-align: center;
  width: 50px;
  background-color: transparent;
  outline: none;
  color: #00afec;
}

.subscribe {
  background-color: #404040;
  color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.subscribe label {
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: .8rem;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .subscribe label {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1.625rem;
  }
}

.subscribe .input-group {
  height: 41px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
}

.subscribe .input-group .input-email {
  padding: .5rem .8rem;
  border: none;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .subscribe .input-group .input-email {
    width: 275px;
  }
}

.subscribe .input-group button.btn-subcribe {
  border: none;
  color: #fff;
  background-color: #00afec;
  width: 107px;
  height: 41px;
  font-size: 1.125rem;
  cursor: pointer;
}

.footer {
  font-size: 0.875rem;
}

.footer .row {
  text-align: center;
}

@media (min-width: 1200px) {
  .footer .row {
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
}

.footer .links a {
  display: inline-block;
  padding: 0.3rem 1rem;
  position: relative;
}

@media (min-width: 1200px) {
  .footer .links a {
    padding: 0 1rem;
  }
}

.footer .links a img {
  max-height: 16px;
}

.footer .links a::after {
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  bottom: .3rem;
  width: 1px;
  height: 50%;
  background-color: #fff;
  transform: rotate(9deg);
}

@media (min-width: 992px) {
  .footer .links a::after {
    bottom: 0;
    height: 70%;
  }
}

.footer .links a:last-child {
  padding-right: 0;
}

.footer .links a:last-child::after {
  display: none;
}

.footer .botcol {
  border-top: #404041 1px solid;
  padding-top: 1rem;
  margin-top: 2rem;
}

.subscribebox {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: fixed;
  display: none;
  left: 50%;
  width: 454px;
  margin-left: -227px;
  z-index: 8000;
  top: 200px;
  border-radius: 5px;
  padding-bottom: 1.5rem;
  overflow: hidden;
  background-color: #fff;
}

.subscribebox .sub-header {
  text-transform: uppercase;
  background: #09f url(../img/subscribe_bg.jpg) no-repeat center bottom;
  background-size: cover;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  padding: 1.5rem 1rem;
  font-weight: bold;
  position: relative;
}

.subscribebox .sub-header::after {
  content: " ";
  display: block;
  border: 6px transparent solid;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: 0;
}

.subscribebox .sub-header .icon {
  margin-bottom: .5rem;
}

.subscribebox .sub-header .icon .iconfont {
  font-size: 2.5rem;
  font-weight: normal;
}

.subscribebox .sub-header a {
  position: absolute;
  top: .5rem;
  right: 1rem;
  z-index: 100;
  color: #fff;
}

.subscribebox .sub-body {
  padding: 2rem;
  font-size: 1.25rem;
}

.subscribebox .sub-body p {
  line-height: 2;
  margin-bottom: 2rem;
}

.subscribebox .sub-body input {
  border-width: 1px;
  border-color: #bcbcbc;
  border-style: solid;
  border-radius: 3px;
  background-color: white;
  width: 100%;
  padding: .8rem 1rem;
  box-sizing: border-box;
  font-size: 1rem;
}

.subscribebox .sub-body input:focus {
  border-color: #05bdfd;
}

.subscribebox .sub-body .actions {
  text-align: center;
}

.subscribebox .sub-body button {
  color: #fff;
  border-radius: 3px;
  background-color: #05bdfd;
  border: none;
  width: 126px;
  height: 40px;
  font-size: 1.125rem;
  margin: 0 .8rem;
}

.subscribebox .sub-body button:hover {
  background-color: #02ace7;
}

/* css reset */

@font-face {
  font-family: 'Anita semi square';
  src: url("https://en.nanlite.com/font/AnitaSSNGV2-Regular.ttf") format("truetype");
}

*, body, html, div, p, h1, h2, h3, h4, h5, h6, span, i, strong, small, ul, li, dl, dt, dd, ol, table, tr, td, th, a, input, textarea, label, img, hr {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none;
  display: inline-block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #333;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

span {
  display: inline-block;
}

i {
  font-style: normal;
}

ul, li {
  list-style: none;
}

input, textarea, button {
  -webkit-appearance: none;
}

input:focus, textarea:focus, select:focus {
  outline: none;
}

html {
  font-size: 100%;
}

body {
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
  background: #FFF;
  /*max-width: 1920px;*/
  padding-top: 113px;
}

/*body.on{padding-top:114px;}*/

.clear {
  clear: both;
  zoom: 1;
}

.clear:after, .clear:before {
  content: "";
  display: table;
  height: 0;
  clear: both;
}

.wrap {
  width: 1180px;
  max-width: 94%;
  margin: 0 auto;
}

.fl, li {
  float: left;
}

.fr {
  float: right;
}

.zz {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: none;
}

.pc {
  display: block;
}

.phone {
  display: none;
}

.specifications-phone  {
	display: none;	
}

.pc img, .phone img {
  max-width: inherit !important;
  display: block;
  width: 100% !important;
  height: auto !important;
}

/*header*/

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  text-align: center;
}

/*.header.on{position:fixed;top:-37px;}*/

.header.fix {
  position: static;
}

.header_t {
  background: #333;
  line-height: 37px;
  height: 37px;
  overflow: hidden;
  box-sizing: border-box;
}

.header_t a {
  color: #FFF;
  font-size: 12px;
  line-height: 15px;
}

.header_t_logos li {
  padding-right: 16px;
  margin-right: 17px;
  position: relative;
}

.header_t_logos li:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 10px;
  top: 16px;
  right: -1px;
  background: #dadada;
}

.header_t_logos li:last-child:after {
  display: none;
}

.header_t_links li {
  margin: 0 0 0 30px;
}

.header_t li:hover a {
  opacity: 0.8;
}

.header_b {
  background: #FFF;
  position: relative;
}

/* .logo {
  line-height: 76px;
} */
.nav .logo-list{
  /* margin: 0;
  width: 100%;
  margin-left: 0px; */
}
.logo-list{
  display: none;
}
.logo-item:first-child{
  /* border-right: 1px solid #dddfde; */
}
.nav .logo-item{
  width: 50%;
  display: flex;
  /* margin: 26px 0; */
}
.logo-item:nth-child(even):before{
  content: "";
  top:50%;
  left: 45%;
  transform: translateY(-50%);
  height: 12px;
  position: absolute;
  border-right: 1px solid #dddfde;
}
.nav .logo-item-a{
  width: 80%;
  /* margin: auto; */
  /* margin: 15px 20px; */
  /* margin: 15px 0px; */
}
/*.nav .logo-list:last-child .logo-item-a{*/
/*  width: 40%;*/
/*}*/
.nav .logo-list:last-child > div:first-child .logo-item-a {
    width: 40%;
}

@media (min-width: 768px) {
  .nav .logo-list:last-child > div:first-child .logo-item-a {
      width: 25%;
  }
}
@media (min-width: 1024px) {
  .nav .logo-list:last-child > div:first-child .logo-item-a {
      width: 20%;
  }
}

.nav {
  -webkit-transition: .5s;
  transition: .5s;
}

.nav span.close {
  display: none;
}

.nav li {
  font-size: 15px;
  margin-left: 30px;
  line-height: 73px;
  padding-bottom: 3px;
  position: relative;
}

.nav li>a {
  color: #3f3f3f;
  position: relative;
  display: block;
}

.nav li>a:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #00b0ec;
  -webkit-transition: .3s;
  transition: .3s;
}

.nav li:hover>a:after, .nav li.active>a:after {
  width: 100%;
}

.nav li:hover>a, .nav li.active>a {
  color: #00b0ec;
}

.nav dl {
  position: absolute;
  width: 160px;
  text-align: center;
  margin-left: -80px;
  top: 76px;
  left: 50%;
  background: #FFF;
  z-index: 99999;
  display: none;
}

.nav dl a {
  display: block;
  font-size: 14px;
  color: #595757;
  line-height: 1.5;
  padding: 0.75em 0;
}

.nav dl a:hover {
  background: #f1f1f1;
}

.header_user {
  padding-left: 9px;
  margin-top: 25px;
  display: none;
}

.header_search {
  padding: 0 0 0 9px;
  margin-left: 30px;
  margin-top: 22px;
}

.header_search>a:hover, .header_user>a:hover {
  opacity: 0.8;
}

.menu {
  margin-left: 3%;
  width: 20px;
  height: 16px;
  position: absolute;
  left: 0;
  margin-top: 2.1em;
  cursor: pointer;
  display: none;
  -webkit-transition: .5s;
  transition: .5s;
}

.menu span {
  width: 20px;
  height: 2px;
  position: absolute;
  background: #FFF;
  left: 0;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: .3s;
  transition: .3s;
}

.menu .sp1 {
  top: 0;
}

.menu .sp2 {
  top: 7px;
}

.menu .sp3 {
  top: 14px;
}

.menu.on .sp1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu.on .sp2 {
  opacity: 0;
}

.menu.on .sp3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu:hover span {
  opacity: 0.8;
}

/*footer*/

.footer {
  background: #262626;
  color: #FFF;
  padding: 4.75em 0 3.75em;
}

.footer a {
  color: #FFF;
}

.footer_share {
  padding-top: 0.5em;
}

.footer_ewm {
  text-align: center;
}

.footer_ewm img {
  width: 60px;
}

.footer_ewm p {
  font-size: 10px;
  line-height: 1.3;
  padding-top: 0.6em;
  color: #999;
  margin-bottom: 30px;
  /*width:60px;*/
  text-align: center;
}

.footer_share_list {
  margin-left: 3.75em;
  width: 1.5em;
}

.footer_share_list li {
  float: none;
  margin-bottom: 2px;
  width: 26px;
}

.footer_share_list li a {
  display: block;
  width: 26px;
  height: 27px;
  background: url(../images/icon_share.png) no-repeat;
  background-size: 100%;
}

.footer_share_list li a.s_wx {
  background-position: 0 -28px;
}

.footer_share_list li a.s_dy {
  background-position: 0 -57px;
}

.footer_share_list li a.s_bi {
  background-position: 0 -85px;
}

.footer_share_list li a.s_wb {
  background-position: 0 -114px;
}

.footer_share_list li a.s_yo {
  background-position: 0 -143px;
}

.footer_share_list li a.s_fa {
  background-position: 0 -172px;
}

.footer_share_list li a.s_yu {
  background-position: 0 -200px;
}

.footer_share_list li a.s_tw {
  background-position: 0 -229px;
}

.footer_share_list li a.s_go {
  background-position: 0 -257px;
}

.footer_share_list li a:hover {
  opacity: 0.75;
}

.footer_nav {
  padding-right: 11em;
}

.footer_nav li {
  padding-right: 2em;
}
.footer_nav li dl.change_language {
  display: none;
}
.footer_nav li dt {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 1em;
}

.footer_nav li dd a {
  font-size: 13px;
  line-height: 2.75;
  opacity: 0.6;
  display: block;
}

.footer_nav li dd:hover a:hover {
  opacity: 1;
}

/*index*/

.index_banner {
  height: 49.375em;
  position: relative;
}

.index_banner .swiper-container {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.index_banner.index_banner_moblie {
  display: none;
}

.index_banner.index_banner_moblie img {
  width: 100%;
}

.index_banner .swiper-pagination .swiper-pagination-bullet {
  border-radius: 5px !important;
}

.index_banner .swiper-pagination span {
  width: 30px;
  height: 4px;
  opacity: 1;
  background: rgba(255, 255, 255, .2);
  -webkit-transition: .3s;
  transition: .3s;
  margin: 0 8px !important;
}

.index_banner .swiper-pagination span.swiper-pagination-bullet-active {
  background: #00afec;
}

.index_banner .swiper-controls>a {
  width: 50px;
  height: 50px;
  background-size: 21px;
  background-position: center;
  background-repeat: no-repeat;
}

.index_banner .swiper-controls>a.swiper-button-prev {
  background-image: url(../images/icon_prev.png);
  left: 4%;
}

.index_banner .swiper-controls>a.swiper-button-next {
  background-image: url(../images/icon_next.png);
  right: 4%;
}

.index_wrap {
  padding: 36px 0;
}

.index_case_pro {
  margin-bottom: 70px;
}

.index_case, .index_pro_t, .index_pro_b, .index_news, .index_about {
  position: relative;
}

.index_case .swiper-slide, .index_pro_t .img, .index_pro_b .img, .index_news .img, .index_about .img {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.index_case .swiper-slide a, .index_pro_t .img a, .index_pro_b .img a, .index_news .img a, .index_about .img a {
  display: block;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: .6s;
  transition: .6s;
}

.index_case:hover .swiper-slide a, .index_pro_t:hover .img a, .index_pro_b:hover .img a, .index_news:hover .img a, .index_about:hover .img a {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.index_case, .index_news {
  width: 56%;
}

.index_pro, .index_about {
  width: 42.3%;
}

.index_case {
  height: 44.375em;
}

.index_case .swiper-container {
  height: 100%;
}

.index_case_controls {
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.index_case .swiper-container:hover .index_case_controls {
  opacity: 1;
}

.index_case_controls .swiper-button-white {
  background-size: 70%;
  opacity: 0.5;
}

.index_case_controls .swiper-button-white:hover {
  opacity: 1;
}

.index_pro_t {
  height: 22.5em;
  margin-bottom: 2.5em;
}

.index_pro_b {
  height: 20.625em;
}

.index_news, .index_about {
  height: 26.6875em;
}

.index_wrap .txt {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

.index_wrap .txt p {
  font-size: 1.25em;
  -webkit-transition: .3s;
  transition: .3s;
}

.index_case .txt {
  width: 76%;
  background: #FFF;
  bottom: -2.8125em;
  right: 0;
  padding-left: 2.25em;
  -webkit-box-shadow: -5px 5px 15px 1px #ccc;
  box-shadow: -5px 5px 15px 1px #ccc;
}

.index_case .txt p {
  line-height: 4.5;
}

.index_pro .txt {
  width: 85%;
  background: #FFF;
  left: 0;
  padding-left: 1.5em;
  -webkit-box-shadow: 2px 2px 10px 1px #ccc;
  box-shadow: 2px 2px 10px 1px #ccc;
}

.index_pro_t .txt {
  bottom: -1.5em;
}

.index_pro_t .txt p {
  line-height: 2.7;
}

.index_pro_b .txt {
  bottom: -1.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.index_pro_b .txt p {
  line-height: 3;
}

.index_pro_b .txt span {
  font-size: 13px;
  line-height: 1.75;
  -webkit-transition: .3s;
  transition: .3s;
}

.index_case_pro .txt:hover {
  background: #3d3d3d;
}

.index_case_pro .txt:hover p, .index_case_pro .txt:hover span {
  color: #FFF;
}

.index_news_about .txt {
  color: #FFF;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 1.875em;
  -webkit-transition: .3s;
  transition: .3s;
}

.index_news_about .txt h2 {
  font-size: 1.75em;
  line-height: 1.75;
}

.index_news_about .txt p {
  font-size: 1.25em;
  line-height: 1.5;
}

.index_news:hover .txt, .index_about:hover .txt {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.index_b {
  padding: 50px 0;
  background: #f4f4f4;
}

.index_b h2 {
  font-size: 1.5em;
  line-height: 1.3;
}

.index_b_pro {
  padding-bottom: 4.625em;
}

.index_b_pro li {
  width: 25%;
  text-align: center;
  padding: 0 7px;
  box-sizing: border-box;
}

.index_b_pro li .img {
  height: 14.5em;
  line-height: 14.3em;
}

.index_b_pro li p {
  font-size: 1.25em;
  line-height: 2;
  -webkit-transition: .3s;
  transition: .3s;
}

.index_b_pro li p span {
  color: #00afec;
}

.index_b_pro li:hover p {
  color: #00afec;
}

.index_b_links {
  background: #FFF;
  padding: 2.5em 0 3em;
}

.index_b_links li {
  width: 33.3333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0 8px 8%;
  border-right: 1px solid #aaa;
}

.index_b_links li:last-child {
  border-right: 0;
}

.index_b_links li p {
  font-size: 1.375em;
  line-height: 1.5;
}

.index_b_links li span {
  font-size: 1em;
  line-height: 1.5;
}

.index_b_links li a:hover {
  color: #00afec;
}

/*inside*/

.banner {
  height: 30em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_banner {
  height: 48.75em;
}

.small_banner {
  height: 17.5em;
}

.about_contact_banner {
  height: 30em;
}

.about_join_banner {
  height: 30em;
}

.study_banner {
  height: 27.5em;
}

.banner_txt {
  text-align: center;
  padding-top: 12em;
}

.study_banner .banner_txt {
  padding-top: 11em;
}

.banner_txt h1 {
  font-size: 2.5em;
  line-height: 1.3;
}

.banner_txt p {
  font-size: 1.25em;
  line-height: 1.5;
  padding: 0.25em 0;
}

.banner .wrap {
  position: relative;
}

.banner_txt, .banner_txt a {
  color: #FFF;
}

.banner_txt.c333, .banner_txt.c333 a {
  color: #333;
}

.small_banner .banner_txt {
  padding: 6.2em 0 0 6em;
  text-align: left;
}

.small_banner .banner_txt h1 {
  font-size: 2em;
  line-height: 2;
}

.small_banner .banner_txt p {
  font-size: 1em;
  line-height: 1;
}

.title h2 {
  font-size: 1.875em;
  line-height: 3;
  text-align: center;
}

.big_title h2 {
  font-size: 2.25em;
}

.title.align_left h2 {
  text-align: left;
}

.pages {
  text-align: center;
  margin-top: 20px;
}

.pages ul {
  display: inline-block;
  vertical-align: top;
}

.pages ul li, .pages ul span {
  display: inline-block;
  float: none;
  font-size: 13px;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 3px;
  color: #999;
  border: 1px solid #ddd;
  margin: 0;
  background: #FFF;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  padding: 0 !important;
}

.pages ul li:hover, .pages ul li.active {
  color: #FFF;
  background: #00afec;
}

.pages ul li:hover a, .pages ul li.active a {
  color: #FFF;
}

/*about*/

.about p {
  font-size: 1em;
  line-height: 1.875;
  color: #777;
}

.about_desc {
  padding: 2em 0 5em;
  text-align: center;
}

.about_desc_txt {
  padding: 0 1em;
}

.about_desc_txt p {
  line-height: 2.25;
}

.about_value {
  background: #eaeaea;
  padding: 3.125em 0;
}

.about_value img {
  width: 100%;
}

.about_value .fl {
  width: 50.5%;
}

.about_value .fr {
  width: 48%;
}

.about_value .fr .img:first-child {
  margin-bottom: 3%;
}

.about_value .title {
  padding-top: 1em;
}

.about_value_txt {
  margin-bottom: 11%;
}

.about_value_txt p {
  font-size: 1em;
}

.about_video {
  padding: 3.75em 0 5em;
}

.about_video_txt {
  text-align: center;
}

.about_video_wrap {
  margin-top: 3.75em;
  position: relative;
}

.about_video_wrap img {
  width: 100%;
}

.about_video_wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  display: none;
}

.about_video_wrap a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.75em;
  height: 3.75em;
  margin: -1.875em 0 0 -1.875em;
  background: url(../images/about_play.png) no-repeat center;
  background-size: 100%;
  z-index: 2;
}

.about_voice {
  padding: 2em 0 3.75em;
  background: #f7f7f7;
}

.about_voice dl {
  padding-top: 0.5em;
}

.about_voice dd {
  background: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 20px 1px #b8c8cc;
  box-shadow: 1px 1px 20px 1px #b8c8cc;
  padding: 2em 2.75em 0.5em;
  margin: 0 1em 2em;
}

.about_voice dd p {
  padding-bottom: 1.25em;
  text-align: justify;
}

/*about_honor*/

.about_honor {
  padding: 5.75em 0;
}

.about_honor ul {
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
}

.about_honor ul li {
  width: 48%;
  margin: 0 1% 2.5em;
}

.about_honor ul li .img {
  overflow: hidden;
  margin-bottom: 1.5em;
  background: #bfc3c6;
}

.about_honor ul li .img img {
  width: 100%;
  -webkit-transition: .8s;
  transition: .8s;
}

.about_honor ul li h2 {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about_honor ul li p {
  font-size: 0.875em;
  line-height: 1.5;
  padding-bottom: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about_honor ul li a {
  display: block;
  width: 100%;
}

.about_honor ul li span.btn {
  font-size: 0.875em;
  line-height: 1.5;
  color: #00afec;
}

.about_honor ul li:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.about_honor ul li span.btn:hover {
  color: #007aff;
}

/* about_honor_in */

.honor_in .serve_layout .main_con .content {
  padding: 2em 0;
  color: #949495;
  font-size: 12px;
  line-height: 2.5em;
}

/*about_news*/

.about_news {
  background: #f7f7f7;
  padding: 24px 0 6.25em;
}

.about_news_list {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}

.about_news_list li {
  padding: 14px 3.75em 14px 14px;
  margin-bottom: 25px;
  background: #FFF;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 1px 1px 15px 1px #ddd;
  box-shadow: 1px 1px 15px 1px #ddd;
  float: none;
}

.about_news_list li:hover {
  -webkit-transform: translate(2px, -2px);
  transform: translate(2px, -2px);
}

.about_news_list li a {
  display: block;
}

.about_news_list li .img {
  float: left;
  width: 23.75em;
}

.about_news_list li .txt {
  padding-left: 28em;
}

.about_news_list li .txt h2 {
  font-size: 1.125em;
  line-height: 1.5;
  text-align: justify;
  padding: 1em 0 0;
  -webkit-transition: .3s;
  transition: .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.about_news_list li .txt p {
  font-size: 14px;
  line-height: 1.715;
  text-align: justify;
  color: #777;
  height: 3.2em;
  overflow: hidden;
}

.about_news_list li .txt .date {
  font-size: 14px;
  padding: 1em 0 2.5em;
  color: #777;
}

.about_news_list li .txt .date span {
  color: #00afec;
}

.about_news_list li:hover .txt h2 {
  color: #00afec;
}

/* about_news_in */

.about_news_in {
  padding: 4em 0;
  background: #f7f7f7;
}

.about_news_in .wrap {
  width: 922px;
}

.about_news_in .title {
  text-align: left;
}

.about_news_in .title h2 {
  font-size: 1.5em;
  color: #030303;
  text-align: left;
  line-height: 2em;
}

.about_news_in .title .tips {
  color: #727171;
  font-size: 12px;
}

.about_news_in .title .tips span {
  color: #00afec;
}

.about_news_in .content {
  font-size: 12px;
  color: #898989;
  line-height: 2.5em;
  padding: 3em 0;
}

.about_news_in .content img {
  display: block;
  margin: 0 auto;
}

.about_news_in .bottom_btn {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.about_news_in .bottom_btn a {
  color: #00afec;
  font-size: 12px;
  line-height: 1.7em;
  padding: 0.3em 0;
  display: block;
}

/*about_contact*/

.about_contact_message {
  padding: 0 0 4em;
}

.about_contact_message .wrap {
  margin-top: -130px;
  background: #FFF;
  padding: 2em 0 3.5em;
  -webkit-box-shadow: 0 0 8px 1px #ddd;
  box-shadow: 0 0 8px 1px #ddd;
}

.about_contact_message .title h2 {
  font-size: 1.625em;
}

.about_contact_message form {
  width: 1050px;
  max-width: 94%;
  margin: 1.5em auto 0;
}

.about_contact_message form input[type="text"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  font-size: 0.875em;
  height: 45px;
  margin-bottom: 25px;
  background: #f7f7f7;
  border: none;
  float: left;
}

.about_contact_message form input[type="text"].small_input {
  width: 30%;
  margin-right: 5%;
}

.about_contact_message form input[type="text"].input_tel {
  margin-right: 0;
}

.about_contact_message form textarea {
  font-family: "FZL", "fzlthk gbk1 0", Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875em;
  line-height: 45px;
  margin-bottom: 58px;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  background: #f7f7f7;
  border: none;
  width: 100%;
  height: 125px;
}

.about_contact_message form input[type="submit"] {
  font-size: 1.25em;
  width: 24em;
  height: 3em;
  line-height: 3;
  color: #FFF;
  background: #00afec;
  border: none;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.about_contact_message form input[type="submit"]:hover {
  background: #007aff;
}

.about_contact_desc {
  padding: 2em 0 3.75em;
}

.about_contact_desc1 {
  background: #f7f7f7;
}

.about_contact_desc ul {
  padding-bottom: 25px;
}

.about_contact_desc ul li {
  width: 33.3333%;
}

.about_contact_desc ul li:nth-child(2) {
  padding-left: 7.5%;
  width: 28%;
}

.about_contact_desc ul li:nth-child(3) {
  width: auto;
  float: right;
}

.about_contact_desc ul li p {
  font-size: 14px;
  line-height: 36px;
  color: #444;
}

.about_contact_follow {
  background: #f7f7f7;
  padding: 2em 0 6.25em;
}

.tblQrcode {
  margin: 0 auto;
  width: 50%;
}

.tblQrcode td {
  padding: 0 .5rem;
}

@media (min-width: 768px) {
  .tblQrcode td {
    padding: 0 2rem;
  }
}
@media (max-width: 560px) {
  .about_contact_desc ul li p {
    word-break: break-word;
  }
}


/* .tblQrcode td .img {
  border: 1px solid #ebebeb;
  border-bottom: 0;
} */

.tblQrcode td .img img {
  width: 100%;
}

.tblQrcode td p {
  font-size: 1em;
  line-height: 2;
  color: #FFF;
  background: #00afec;
  text-align: center;
}

@media (min-width: 768px) {
  .tblQrcode td p {
    font-size: 1.25em;
    line-height: 2.5;
  }
}

/*about_join*/

.about_join {
  background: #f7f7f7;
  padding: 2.5em 0 6.25em;
}

.about_join {
  background: #f7f7f7;
  padding: 2.5em 0 6.25em;
}

.about_join_t_class, .about_join_b {
  background: #fff;
  padding: 2.5em;
  box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
}

.about_join_t_class .row {
  position: relative;
  padding-left: 78px;
  line-height: 3em;
}

.about_join_t_class h3 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  color: #000;
}

.about_join_t_class dd {
  float: left;
  width: 5em;
  margin-right: 1em;
}

.about_join_t_class dd a.active, .about_join_t_class dd a:hover {
  color: #000;
}

.about_join_t_class dd a {
  color: #595757;
  line-height: 2em;
}

.about_join_t_class .sort_search {
  border-top: 1px solid #e8e8e8;
  margin-top: 1.7em;
  padding-top: 2.2em;
}

.about_join_t_class .sort_search input {
  width: 277px;
  padding: 0.5em 1em;
  border: 1px solid #cccccc;
  -webkit-transition: .3s;
  transition: .3s;
}

.about_join_t_class .sort_search input::-webkit-input-placeholder {
  color: #cbcbcb;
}

.about_join_t_class .sort_search input:focus {
  border-color: #18b7ee;
}

.about_join_t_class .sort_search .search_in {
  position: relative;
  display: inline-block;
}

.about_join_t_class .sort_search .search_in .btn, .about_join_t_class .sort_search .search_in button {
  position: absolute;
  display: block;
  width: 2em;
  height: 100%;
  background: url(../images/icon_search.jpg) center no-repeat;
  cursor: pointer;
  right: 0;
  top: 0;
  border: none;
}

.about_join_t_class .sort_search span {
  color: #595757;
  margin: 1em 2em 1em 0;
}

.about_join_b {
  margin: 2em auto;
  padding: 0 0 1.5em;
  min-height: 25em;
}

.about_join_b .cont {
  width: 100%;
}

.about_join_b li.head {
  font-size: 1.125em;
  color: #4c4948;
  background: #d9d9d9;
}

.about_join_b li.head td {
  padding-top: 0.6em;
  min-width: 3em;
}

.about_join_b li {
  width: 100%;
}

.about_join_b .list {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  line-height: 2em;
  border: none;
  padding: 1.5em 3% 0.6em;
  border-top: 1px solid #e8e8e8;
  color: #595757;
}

.about_join_b .list p {
  width: 18%;
  float: left;
}

.about_join_b .list p.sc {
  width: 10%;
}

.about_join_b .list p.l1 {
  text-align: left;
}

.about_join_b .list p a {
  color: #595757;
}

.about_join_b .list p a:after {
  content: '';
  display: inline-block;
  -webkit-transition: .3s;
  transition: .3s;
  background: url(../images/down_4_03.png) center no-repeat;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-left: 1rem;
}

.about_join_b .list.active p a:after {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.about_join_b .list p .btn_sc {
  background: url(../images/xx_03.png) center no-repeat;
  width: 2em;
  height: 2em;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.about_join_b .list p .btn_sc.on {
  background-image: url(../images/xx_1_03.png);
}

.about_join_b .cont {
  font-size: 14px;
  color: #888888;
  line-height: 2.8em;
  padding: 2em 3%;
  display: none;
}

.about_join_b .cont span {
  color: #00afec;
}

.about_join_b .cont .cont_title {
  padding: 0.4em 0;
}

/* study_tech */

.study_nav {
  padding: 3em 0 1em;
  font-size: 1.125em;
}

.study_nav .sort a {
  padding: 0 1.3em;
  border-left: 1px solid #b9b9b9;
  color: #898989;
}

.study_nav .sort a.active {
  font-size: 1.5em;
  color: #262626;
  position: relative;
}

.study_nav .sort a.active:after {
  content: '>';
  display: block;
  position: absolute;
  right: 0;
  top: 40%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

.study_nav .sort a:first-child {
  border-left: 0;
  padding-left: 0;
}

.study_nav .search {
  position: relative;
}

.study_nav .search input {
  font-size: 1.05em;
  color: #bfbfbf;
  text-align: center;
  border: 1px solid #b1b1b1;
  max-width: 15.75em;
  line-height: 1.7em;
}

.study_nav .search input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.study_tech_in_con {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}

.study_tech_in_con li {
  margin-bottom: 3.5em;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.study_tech_in_con li a {
  display: block;
}

.study_tech_in_con li.last {
  margin-right: 0;
}

.study_tech_in_con li .pic {
  border-radius: 8px;
  overflow: hidden;
  /*height:14em;*/
  position: relative;
}

.study_tech_in_con li .pic:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.study_tech_in_con li .pic:before {
  content: '';
  display: block;
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
  opacity: 0;
  background: url(../images/pro_in_71.png) center no-repeat;
  background-size: cover;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .5s;
  transition: .5s;
}

.study_tech_in_con li .pic:hover:after {
  opacity: 1;
}

.study_tech_in_con li .pic:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.study_tech_in_con li .pic img {
  display: block;
  width: 100%;
}

.study_tech_in_con p {
  font-size: 0.9em;
  color: #595757;
  padding: 1em 10px;
  overflow: hidden;
  line-height: 1.7em;
  height: 3.4em;
}

.study_tech_in_con .tips {
  padding: 0 10px;
}

.study_tech_in_con .tips span {
  /* padding-left: 2em; */
  line-height: 1.5em;
  color: #999999;
  font-size: 0.9em;
}
.study_tech_in_con .tips span > i {
  font-size: 1.7em;
  margin-right: 0.3em;
}
.study_tech_in_con .tips span.lr > i {
  font-size: 1.5em;
}

.study_tech_in_con .tips span.lt {
  /* background: url(../images/study_tech_05.png) left center no-repeat; */
}

.study_tech_in_con .tips span.lr {
  /* background: url(../images/study_tech_07.png) left center no-repeat; */
}

/* bottom_page */

.bottom_page {
  text-align: center;
  margin: 2em 0;
}

.bottom_page a {
  font-size: 0.8em;
  color: #b9b9b9;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  line-height: 2.3em;
  width: 2.3em;
  margin: 0 1px;
  display: inline-block;
}

.bottom_page a.active, .bottom_page a:hover {
  background-color: #00afec;
  border-color: #00afec;
  color: #fff;
}

/* study_detail_in */

.study_detail_in .wrap {
  width: 750px;
}

.study_detail_in .txt h3 {
  font-size: 1.375em;
  line-height: 2em;
}

.study_detail_in .txt p {
  font-size: 0.96em;
  line-height: 2.2em;
}

.study_detail_in .part1 {
  margin: 0 auto;
}

.study_detail_in .part1 .txt {
  padding: 2.8em 3em;
  color: #767676;
}

.study_detail_in .part1 h3 {
  color: #000000;
}

.vide {
  position: relative;
}

.vide video {
  width: 100%;
}

.vide em {
  position: absolute;
  width: 3em;
  left: 50%;
  top: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  cursor: pointer;
}

.study_detail_in .part2 {
  position: relative;
}

.study_detail_in .part2 .txt {
  position: absolute;
  bottom: 8%;
  left: 0;
  color: #fff;
  width: 100%;
  line-height: 2em;
}

.study_detail_in .part2 .txt_in {
  margin: 0 auto;
  display: block;
  padding-left: 3em;
}

.study_detail_in .part2 .txt h3 {
  font-size: 1.375em;
  line-height: 2.3em;
}

.study_detail_in .part2 .txt p {
  font-size: 0.96em;
  max-width: 590px;
}

.study_detail_in .part3 {
  padding: 2.2em 0;
}

.study_detail_in .part3 .pic {
  width: 49%;
}

.study_detail_in .part3 .pic img {
  width: 100%;
}

.study_detail_in .part3 .txt {
  color: #000000;
  padding-top: 1em;
}

.study_detail_in .part3 .txt p {
  color: #767676;
}

/* study_active */

.study_active .study_nav .sort {
  text-align: center;
}

/*.study_active .wrap{width: 780px;}*/

.study_active_in_con {
  padding: 0.5em 0 2em;
}

.study_active_in_con li {
  width: 32%;
  margin: 1em 2% 1em 0;
}

.study_active_in_con li:nth-child(3n) {
  margin-right: 0;
}

.study_active_in_con a {
  display: block;
  width: 100%;
}

.study_active_in_con .pic {
  /*height:17.4em;*/
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

.study_active_in_con .pic img {
  width: 100%;
}

.study_active_in_con .txt {
  line-height: 1.7em;
  color: #030303;
  padding-top: 0.7em;
}

.study_active_in_con .txt h4 {
  font-size: 14px;
  overflow: hidden;
  height: 3.4em;
}

.study_active_in_con .txt p {
  font-size: 12px;
}

.study_active_in_con .txt span:first-child {
  font-size: 10px;
  color: #00afec;
  padding-top: 0.7em;
}

.study_active_in_con .txt span:hover {
  text-decoration: underline;
}

.study_active_in_con .txt span > i {
  font-size: 1.3em;
  margin-right: .3em;
}

.study_active_in_con li:hover .pic {
  box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.2);
}

/* serve_problem */

.banner_short .banner_txt {
  text-align: left;
  padding-left: 3em;
}

.banner_short.banner_search .banner_txt {
  padding-left: 0;
}

.banner_short .banner_txt h1 {
  font-size: 2em;
}

.banner_short .banner_txt p {
  font-size: 1em;
}

.banner.banner_short {
  height: 17.5em;
}

.banner_short .banner_txt {
  padding-top: 6em;
}

.serve_problem {
  background-color: #f6f7f8;
  padding: 2em 0;
  min-height: 40em;
}

.serve_problem_con {
  width: 70.5%;
  background-color: #fff;
  padding: 3em 3% 5em;
  box-sizing: border-box;
  min-height: 25em;
}

.serve_problem_con .tab {
  padding-bottom: 1em;
}

.serve_problem_con .tab a {
  font-size: 1.125em;
  color: #898989;
  line-height: 1em;
}

.serve_problem_con .tab a.active {
  font-size: 1.5em;
}

.serve_problem_con .tab a.last {
  margin-left: 1.5em;
}

.serve_problem_con .tab a.last:before {
  content: '|';
  display: inline;
  font-size: 18px;
  margin-right: 1.8em;
  color: #b9b9b9;
  width: 1px;
  height: 1em;
}

.serve_problem_con .tab .search {
  font-size: 0.9em;
  position: relative;
}

.serve_problem_con .tab .search input {
  border: 1px solid #d8d8d8;
  color: #999;
  line-height: 1.8em;
  padding: 0 2em;
  text-align: center;
  width: 12.5em;
  box-sizing: border-box;
}

.serve_problem_con .tab .search input::-webkit-input-placeholder {
  color: #d9d9d9;
}

.serve_problem_con .tab .search button, .study_nav .search button {
  position: absolute;
  width: 26px;
  height: 100%;
  background: url(../images/serve_z_03.jpg) center no-repeat;
  right: 0;
  top: 0;
  cursor: pointer;
  border: none;
}

.serve_problem_con .list li {
  position: relative;
  width: 100%;
  padding: 1.5em 0;
  border-top: 1px solid #f6f4f4;
  line-height: 2em;
}

.serve_problem_con .list li .title {
  font-size: 14px;
  background-color: #f7f9fa;
  position: relative;
  padding: 0.5em 1.5em;
  color: #262626;
}

.serve_problem_con .list li .txt {
  font-size: 14px;
  color: #898989;
  position: relative;
  padding: 0.7em 3.2em;
}

.serve_problem_con .list.list2 li .txt {
  padding: 0.7em 2em .7em 3em;
}

.serve_problem_con .list li span {
  position: absolute;
  top: 0.4em;
  left: 1.6em;
}

.serve_problem_con .list li .txt span {
  top: 0.7em;
}

.serve_problem_con .list.active {
  display: block;
}

.serve_problem_con .list.list2 li .title {
  color: #727171;
  position: relative;
}

.serve_problem_con .list.list2 .title:after {
  content: '';
  display: block;
  width: 1.5em;
  height: 1.5em;
  -webkit-transition: .3s;
  transition: .3s;
  background: url(../images/down_4_03.png) center no-repeat;
  position: absolute;
  top: 50%;
  cursor: pointer;
  margin-top: -0.75em;
  right: 1.5em;
}

.serve_problem_con .list.list2 .title.on:after {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.serve_problem_con .list.list2 li .txt {
  display: none;
}

.serve_problem_side {
  width: 28%;
  background-color: #fff;
  padding: 3em 2em;
  box-sizing: border-box;
}

.serve_problem_side h2 {
  color: #9fa0a0;
  text-align: center;
  margin-bottom: 1.3em;
}

.serve_problem_side input, .serve_problem_side textarea {
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  padding: 0 1em;
  line-height: 2.2em;
  font-size: 13px;
}

.serve_problem_side input::-webkit-input-placeholder, .serve_problem_side textarea::-webkit-input-placeholder {
  color: #d8d8d8;
}

.serve_problem_side textarea {
  height: 6.6em;
}

.serve_problem_side .row {
  margin: 0.5em 0;
}

.serve_problem_side .cheh {
  position: relative;
}

.serve_problem_side .cheh button {
  background-color: #c8c8c8;
  box-sizing: border-box;
  border: none;
  width: 110px;
  position: absolute;
  height: 2.2em;
  top: 0;
  right: 0;
}

.serve_problem_side input.submit_btn {
  -webkit-transition: .3s all;
  transition: .3s all;
  background-color: #00afec;
  margin-top: 1.2em;
  color: #fff;
  border: none;
  cursor: pointer;
}

.serve_problem_side input:focus, .serve_problem_side textarea:focus, .serve_problem_con .tab .search input:focus {
  border-color: #00afec;
}

/* serve */

.serve_after {
  background-color: #f6f7f8;
  padding: 2em 0;
}

.banner.serve_after {
  padding: 0;
}

.serve_after_in {
  color: #fff;
  display: flex;
}

@media (max-width: 768px) {
  .serve_after_in {
    flex-direction: column;
  }
}

.serve_layout {
  position: relative;
  /* padding-left: 10em;修改 */
  background-color: #fff;
}

.serve_down_in {
  display: flex;
}

.serve_layout .side_nav {
  width: 11em;
  /* position: absolute;
  top: 0;
  left: 0; 修改*/
  padding: 0 1em;
  box-sizing: border-box;
}

.serve_layout .side_nav h3 {
  font-size: 16px;
  color: #3e3a39;
  line-height: 2.7em;
  border-bottom: 1px solid #f6f4f4;
}

.serve_layout .side_nav a {
  font-size: 14px;
  display: block;
  color: #898989;
  line-height: 2.5em;
  position: relative;
}

.serve_layout .side_nav a.active:after, .serve_layout .side_nav a:hover:after {
  content: '>';
  display: block;
  position: absolute;
  right: 0.4em;
  top: 0;
}

.serve_layout .side_nav a:hover {
  background-color: #f6f4f4;
  color: #00afec;
}

.serve_layout .main_con {
  min-height: 30em;
  box-sizing: border-box;
  border-left: 0.8em solid #f6f7f8;
  padding: 3em;
}

.serve_layout .main_con h2 {
  font-size: 1.5em;
  color: #262626;
  padding-bottom: 0.5em;
}

.serve_layout .main_con h2 span {
  font-size: 0.75em;
  color: #9fa0a0;
}

.serve_layout .main_con h2 span:before {
  content: '';
  display: inline;
  border-left: 1px solid #9fa0a0;
  height: 1em;
  font-size: 1em;
  padding-right: 1.5em;
  margin-left: 1.5em;
}

.serve_layout .main_con .tit {
  border-bottom: 1px solid #f6f4f4;
}

.serve_layout .main_con .txt {
  color: #525252;
  padding-top: 0.7em;
  line-height: 2.5em;
}

.serve_down_in .main_con .slide1 .txt {
  width: 40%;
}

.serve_down_in .main_con .slide1 .txt p {
  line-height: 2em;
  color: #595757;
  font-size: 12px;
}

.serve_down_in .main_con .slide1 .txt .down_btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  margin-bottom: 0.7em;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}

.serve_down_in .main_con .slide1 .txt .down_btn:hover {
  box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.3);
}

.serve_down_in .main_con .slide1 .pic {
  width: 55%;
}

.serve_down_in .main_con .tit .search, .product_in .search {
  position: relative;
}

.product_in .search {
  margin-bottom: 1em;
}

.serve_down_in .main_con .tit input, .product_in .search input {
  -webkit-transition: .3s;
  transition: .3s;
  width: 16em;
  font-size: 13.5px;
  color: #acacac;
  border: 1px solid #acacac;
  line-height: 2em;
  text-align: center;
  padding: 0 2em;
  box-sizing: border-box;
}

.serve_down_in .main_con .tit input::-webkit-input-placeholder, .product_in .search input::-webkit-input-placeholder {
  color: #d9d9d9;
}

.serve_down_in .main_con .tit input:hover, .product_in .search input:hover {
  border-color: #333;
}

.serve_down_in .main_con .tit .search button, .product_in .search button {
  position: absolute;
  width: 26px;
  height: 100%;
  background: url(../images/serve_z_03.jpg) center no-repeat;
  right: 0;
  top: 0;
  cursor: pointer;
  border: none;
  margin: 0;
}

/*.serve_down_in .main_con .tit .search:after{content: '';display: block;position: absolute;right: .6em;top: 50%;margin-top: -3px;width: 11px;height: 6px;background: url(../images/down_4_03.png) center no-repeat;}*/

.serve_down_in.down_in_cpc .main_con .txt {
  padding-top: 1.5em;
  position: relative;
}

.serve_down_in.down_in_cpc .main_con li {
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  position: relative;
  clear: both;
  padding: 0.7em 0;
}

.serve_down_in.down_in_cpc .main_con li a {
  display: block;
}

.serve_down_in.down_in_cpc .main_con li.odd {
  background: #f7f9fa;
}

.serve_down_in.down_in_cpc .main_con li p {
  color: #262626;
  font-size: 13px;
  line-height: 2em;
  display: inline-block;
  vertical-align: middle;
}

.serve_down_in.down_in_cpc .main_con li p.p1 {
  width: 40%;
  padding-left: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.serve_down_in.down_in_cpc .main_con li p.p1 span {
  display: inline-block;
  position: relative;
}

.serve_down_in.down_in_cpc .main_con li p.p2 {
  max-width: 40%;
  padding-left: 2em;
}

.serve_down_in.down_in_cpc .main_con button {
  float: right;
  width: 10px;
  height: 13px;
  background: url(../images/down_2_06.png) center no-repeat;
  border: none;
  margin-top: 7px;
  margin-right: 1em;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

.serve_down_in.down_in_cpc .main_con li:hover button {
  background-image: url(../images/down_1_03.png);
}

.serve_down_in.down_in_cpc .main_con li.new p.p1 span:after {
  content: '最新';
  position: absolute;
  top: -1em;
  right: -4em;
  color: #fff;
  font-size: 12px;
  background: #fcaa2d;
  width: 3.3em;
  text-align: center;
  line-height: 1.8em;
  border-radius: 5px;
}

.down_in_sort .main_con .list {
  padding: 1em 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.down_in_sort .main_con li {
  width: 20%;
  box-sizing: border-box;
  border-left: 1px solid #ececec;
  padding: 0.5em 1em 1.5em;
  margin: 0.7em 0;
  margin-left: -1px;
}

.down_in_sort .main_con li strong {
  padding: 0 12px;
  font-size: 13px;
  height: 1em;
  line-height: 1em;
  text-overflow: hidden;
  white-space: nowrap;
}

.down_in_sort .main_con li a {
  font-size: 12px;
  display: block;
  text-overflow: hidden;
  word-spacing: nowrap;
  width: 100%;
  padding: 0 12px;
  line-height: 2.2em;
  box-sizing: border-box;
  height: 2.2em;
}

.down_in_sort .main_con li a:hover {
  background: #ededed;
}

.down_in_sort .main_con li.last {
  border-right: none;
}

.down_in_detail .main_con .txt {
  position: relative;
  padding-top: 1.5em;
}

.down_in_detail .main_con .pro_name {
  font-size: 1.5em;
  position: relative;
  display: inline-block;
  color: #262626;
  line-height: 2em;
  padding: 0.3em 0;
}

.down_in_detail .main_con .pro_name.new:after {
  content: "最新";
  position: absolute;
  top: -0.5em;
  font-size: 12px;
  right: -4em;
  color: white;
  display: inline-block;
  width: 3.3em;
  text-align: center;
  line-height: 1.8em;
  background: #fcaa2d;
  border-radius: 5px;
}

.down_in_detail .main_con .tips {
  font-size: 10px;
  color: #9fa0a0;
}

.down_in_detail .main_con .tips span {
  display: block;
}

.down_in_detail .main_con .info {
  font-size: 13px;
  color: #262626;
  margin-top: 2em;
}

.down_in_detail .main_con .btn {
  -webkit-transition: .3s;
  transition: .3s;
  background: #00afec url(../images/down_3_03.png) -3em center no-repeat;
  font-size: 1.25em;
  color: #fff;
  line-height: 2em;
  padding: 0 2.2em 0 2em;
  border: none;
  position: absolute;
  right: 0;
  top: 1.5em;
  cursor: pointer;
}

.down_in_detail .main_con .btn:hover {
  box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}

.banner.agent {
  padding: 0;
}

.agent_nav {
  padding: 1em 0 0.8em;
  border-bottom: 1px solid #dfdfdf;
}

.agent_nav a {
  font-size: 1.125em;
  color: #9fa0a0;
}

.agent_nav a:before {
  content: '';
  display: inline;
  font-size: 16px;
  border-left: 1px solid #9fa0a0;
  padding-left: 1.5em;
  margin-left: 1.5em;
}

.agent_nav a.active {
  font-size: 1.5em;
  color: #262626;
}

.agent_nav a.first:before {
  display: none;
}

.agent_in {
  background: #fff;
  padding: 2em;
}

/* agent_form */

.agent_form_con h2 {
  font-size: 1.57em;
  color: #000000;
  text-align: center;
  padding: 2em 0 1em;
}
.agent_form_con .form form { 
  display: flex;
  flex-wrap: wrap;
}
.agent_form_con .form .row {
  width: 100%;
  padding: 0 1.2em;
  box-sizing: border-box;
  /* float: left; */
  margin-bottom: 1.5em;
}

.agent_form_con .form .row.three {
  width: 33.33%;
}

.agent_form_con .form .row input, .agent_form_con .form .row textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875em;
  color: #999;
  background: #f7f7f7;
  border: none;
  border: 1px solid #f7f7f7;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0.8em 1em;
  box-sizing: border-box;
}

.agent_form_con .form .row input::-webkit-input-placeholder, .agent_form_con .form .row textarea::-webkit-input-placeholder {
  color: #888888;
}

.agent_form_con .form button.btn {
  font-size: 1.25em;
  max-width: 477px;
  margin: 0 auto;
  background: #00afec;
  line-height: 3em;
  border: none;
  display: block;
  width: 100%;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  line-height: 1;
}

/* agent_er */

.agent_er_con {
  padding: 4em 0;
  overflow: hidden;
}

.agent_er_con li {
  width: 20%;
  box-sizing: border-box;
  text-align: center;
  border-left: 1px solid #e5e5e5;
  overflow: hidden;
  margin-bottom: 3em;
  margin-left: -1px;
}

.agent_er_con li .pic {
  height: 4em;
  line-height: 4em;
  text-align: center;
}

.agent_er_con li img {
  max-height: 100%;
  max-width: 90%;
  display: inline-block;
}

.agent_er_con li p {
  font-size: .93em;
  color: #333333;
  text-align: center;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

.agent_er_con li.last {
  border-right: none;
}

.agent_er_con li a:hover p {
  color: #00afec;
}

/* agent_address */

.agent_address_con .search_all {
  padding: 1.3em 0;
}

.agent_address_con .search_all select {
  font-size: 1em;
  color: #000000;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  background: none;
  height: inherit;
  width: 13em;
  margin-right: 0.5em;
  float: left;
  line-height: 2em;
}

.agent_address_mp .mp {
  width: 66%;
  height: 25em;
  overflow: hidden;
}

.agent_address_mp .mp_add {
  width: 32%;
  height: 25em;
  overflow-y: auto;
}

.agent_address_mp .mp_add .search {
  position: relative;
}

.agent_address_mp .mp_add .search input {
  font-size: 1em;
  color: #000000;
  width: 100%;
  padding: 0.8em 1em;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.agent_address_mp .mp_add .search .btn, .agent_address_mp .mp_add .search button {
  width: 2em;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/icon_search.jpg) center no-repeat;
  border: none;
}

.agent_address_mp .mp_add .list {
  padding: 1.5em 0;
  margin-top: -1px;
  border-top: 1px solid #efefef;
}

.agent_address_mp .mp_add .list .tit {
  font-size: 0.95em;
  line-height: 1.5em;
  padding-bottom: 0.7em;
  color: #1e1e1e;
}

.agent_address_mp .mp_add .list p {
  font-size: 13px;
  color: #727171;
  line-height: 2.2em;
  padding-left: 2em;
}

.agent_address_mp .mp_add .list p.p1 {
  background: url(../images/address_03.png) 0 center no-repeat;
}

.agent_address_mp .mp_add .list p.p2 {
  background: url(../images/address_07.png) 0 center no-repeat;
}

.agent_address_mp .mp_add .list p.p3 {
  background: url(../images/address_11.png) 0 center no-repeat;
}

/* study */

.study .wrap {
  width: 920px;
}

.study_in_t {
  padding: 2.5em 0 2em;
}

.study_in_t .pic {
  width: 100%;
  position: relative;
  margin-bottom: 0.6em;
  height: 20em;
  overflow: hidden;
}

.study_in_t .pic img {
  height: 100%;
  max-width: initial;
  -webkit-transition: .8s;
  transition: .8s;
}

.study_in_t .pic.fl, .study_in_t .pic.fr {
  width: 49.5%;
}

.study_in_t .pic a {
  display: block;
}

.study_in_t .pic a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.study_in_t .pic .txt {
  position: absolute;
  bottom: 7%;
  padding: 0 2em;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  font-size: 1em;
}

.study_in_t .pic .txt strong {
  font-size: 20px;
  padding-right: 2em;
  font-weight: 400;
  margin-bottom: 0.5em;
  display: inline-block;
}

.study_in_t .pic.fl .txt, .study_in_t .pic.fr .txt {
  font-size: 0.875em;
}

.study_in_b {
  background: #f5f5f5;
  padding: 6em 0;
}

.study_in_b .main_title {
  font-size: 1.875em;
  text-align: center;
  color: #000;
  line-height: 1em;
  margin-bottom: 0.8em;
}

.study_in_b_sort {
  padding: 2em 0;
  text-align: center;
}

.study_in_b_sort a {
  font-size: 1em;
  color: #000000;
  padding: 0 1em;
}

.study_in_b_sort a:hover, .study_in_b_sort a.active {
  color: #00b0ec;
}

.study_in_b .search {
  position: relative;
  width: 180px;
  display: block;
  margin: 0 auto;
}

.study_in_b .search input {
  display: block;
  font-size: 1.1em;
  background: #dadada;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 0 1em;
  text-align: center;
  line-height: 2em;
  width: 100%;
  border: 1px solid #dadada;
  margin: 0 auto 2em;
  box-sizing: border-box;
}

.study_in_b .search input::-webkit-input-placeholder {
  color: #fff;
}

.study_in_b .search input:focus {
  border-color: #999;
}

.study_in_b .search .btn, .study_in_b .search button {
  position: absolute;
  width: 2em;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  background: url(../images/serve_w_btn_03.png) center no-repeat;
  border: none;
}

.study_in_b_list_con li {
  width: 32.2%;
  margin-right: 1.4%;
  margin-bottom: 0.8em;
}

.study_in_b_list_con li.last {
  margin-right: 0;
}

.study_in_b_list_con a {
  display: block;
  height: 23em;
  position: relative;
  color: #f2f2f2;
  overflow: hidden;
}

.study_in_b_list_con img {
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.study_in_b_list_con a:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.study_in_b_list_con .txt {
  position: absolute;
  bottom: 0;
  padding: 1.7em 1.3em;
  box-sizing: border-box;
  line-height: 1.625em;
}

.study_in_b_list_con .txt h3 {
  font-size: 1.125em;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.study_in_b_list_con .txt p {
  font-size: 12px;
  /*height:4.4em;*/
  overflow: hidden;
  line-height: 2.2em;
}

.study_in_b_list_con .txt p:last-child {
  opacity: .7;
}

.study_in_b_list_con .txt p > span > i {
  font-size: 14px;
  margin-right: .3em;
}

.study_in_b_list_con a:hover {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

.study_in_b_list .bottom_page a {
  background: #ffffff;
}

.study_in_b_list .bottom_page a.active, .study_in_b_list .bottom_page a:hover {
  background: #00afec;
}

/* product_detail */

.product_detail .part_1 .bg {
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 12%;
  background-size: cover;
}

.product_detail .part_1 .txt {
  width: 30%;
  color: #fff;
  padding-left: 5%;
}

.product_detail .part_1 .pic {
  width: 54%;
}

.product_detail .part_1 .txt {
  padding-top: 13%;
}

.product_detail .part_1 .txt p {
  font-size: 1.75em;
  padding-bottom: 1rem;
  line-height: 2.5rem;
}

.product_detail .part_1 .txt h3 {
  font-size: 3em;
}

.product_detail .part_1 .txt h3 span {
  font-size: 1.47em;
  padding-top: 0.3em;
}

.product_detail .part_2 {
  background-color: #efefef;
  padding-top: 10%;
}

.product_detail .part_2 .pic {
  max-width: 50%;
}
.product_detail .part_2 .txt h2 span{
  font-size: 30px;
}
@media (max-width:1440px) { 
  .product_detail .part_2 .txt h2 span{
      font-size: 23px;
  }
  .product_detail .part_2 .txt .clear h3{
      font-size: 20px;
  }
  .product_detail .part_2 .txt .clear p{
      font:16px;
  }
}
.product_detail .part_2 .txt h2 {
  font-size: 2.375em;
  padding-bottom: 1em;
}

.product_detail .part_2 .txt {
  color: #080506;
  padding-top: 8%;
}

.product_detail .part_2 .txt h3 {
  font-size: 2.375em;
  color: #00afec;
  padding-bottom: 0.3em;
}

.product_detail .part_2 .txt li {
  margin-right: 1.6em;
}

.product_detail p {
  line-height: 2.3em;
}

.product_detail h2 {
  line-height: 1.7em;
}

.product_detail .part_3 .bg {
  padding: 14% 0 7%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.product_detail .part_3 .txt {
  color: #fff;
}

.product_detail .part_3 .txt h2 {
  font-size: 3em;
  padding-bottom: 1.5em;
}

.product_detail .part_3 .txt p {
  font-size: 1.25em;
}

.product_detail .part_3 .txt .btn {
  margin-top: 3em;
  border: 1px solid #fff;
  padding: 0 2.5em 0 4em;
  line-height: 2.5em;
  border-radius: 2em;
  background: url(../images/pro_in_16.png) 2em center no-repeat;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  color: #fff;
}

.product_detail .part_3 .txt .btn:hover {
  box-shadow: 2px 0 10px 4px rgba(255, 255, 255, 0.3);
}

#alert {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  z-index: 9999;
}

#alert .alert_in {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 1180px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
}

#alert .alert .vide {
  width: 100%;
  position: relative;
}

#alert .alert .vide video {
  -webkit-box-shadow: 0 0 10px 1px #333;
  box-shadow: 0 0 10px 1px #333;
  background: #000;
}

#alert #close {
  content: 'x';
  display: block;
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  background: url(../images/close.png);
  background-size: cover;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -2.5em;
  right: -2.5em;
}

.product_detail .part_4 {
  text-align: center;
  padding: 5% 0 3%;
  color: #221815;
}

.product_detail .part_4 h2 {
  font-size: 2.375em;
}

.product_detail .part_4 .pic {
  padding: 4em 0 1em;
}

.product_detail .part_4 .txt h3 {
  font-size: 2em;
}

.product_detail .part_4 .txt p {
  font-size: 1.125em;
  color: #3f3e3e;
  padding-top: 5em;
}

.product_detail .part_5 {
  text-align: center;
  background: #000000;
  color: #fff;
}

.product_detail .part_5 h2 {
  font-size: 2.375em;
  padding: 1em 0 0.7em;
}

.product_detail .part_6 {
  color: #fff;
  text-align: center;
}

.product_detail .part_6 .bg {
  background-position: center;
  background-size: cover;
  padding: 17% 0 15%;
  background-repeat: no-repeat;
}

.product_detail .part_6 .wrap {
  width: 903px;
}

.product_detail .part_6 h2 {
  font-size: 3em;
  padding-bottom: 0.7em;
}

.product_detail .part_6 p {
  font-size: 1.25em;
}

.product_detail .part_7 {
  color: #fff;
}

.product_detail .part_7 .pic {
  position: relative;
  width: 50%;
}

.product_detail .part_7 .pic img {
  width: 100%;
}

.product_detail .part_7 p {
  position: absolute;
  max-width: 33%;
}

.product_detail .part_7 .fl p {
  top: 25%;
  left: 10%;
}

.product_detail .part_7 .fr p {
  text-align: right;
  right: 10%;
  /* bottom: 22%; */
  /* top: 40%; */
  bottom: 30%;
}

.product_detail .part_9 {
  color: #221815;
  padding: 8% 0;
}

.product_detail .part_9 .txt {
  width: 36%;
  padding-top: 2%;
}

.product_detail .part_9 .txt h2 {
  font-size: 2.375em;
}

.product_detail .part_9 .txt p {
  font-size: 0.95em;
  padding-bottom: 0.6em;
  padding-top: 1.8em;
}

.product_detail .part_9 li {
  width: 8em;
  text-align: center;
  margin-right: 4em;
  margin-top: 2em;
}

.product_detail .part_9 .icon {
  width: 4em;
  height: 4em;
  line-height: 4em;
  display: block;
  margin: 0 auto;
}

.product_detail .part_9 strong {
  font-size: 1.25em;
  line-height: 2em;
  display: block;
}

.product_detail .part_9 .pic {
  width: 59%;
}

.product_detail .part_10 {
  text-align: center;
  color: #221815;
  background: #efefef;
  padding: 3% 0 2%;
}

.product_detail .part_10 .wrap {
  width: 1025px;
}

.product_detail .part_10 h2 {
  font-size: 1.875em;
}

.product_detail .part_10 p {
  font-size: 1.25em;
  max-width: 715px;
  margin: 1em auto 0;
}

.product_detail .part_10 li {
  width: 5em;
  display: inline-block;
  margin: 1.5em 2.5em 2em;
  float: none;
}

.product_detail .part_10 .icon {
  line-height: 5em;
}

.product_detail .part_11 {
  color: #fff;
  background: #343434;
  padding-top: 2.3em;
}

.product_detail .part_11 .txt {
  width: 46%;
  padding-top: 8%;
}

.product_detail .part_11 .pic {
  width: 59%;
  margin-right: -5%;
}

.product_detail .part_11 h2 {
  font-size: 2.375em;
}

.product_detail .part_11 h2 span, .product_detail .part_11 h2 sup {
  font-size: 15px;
}

.product_detail .part_11 p {
  font-size: 1.25em;
  padding-top: 2.2em;
}

.product_detail .part_11 p.p2 {
  font-size: 0.95em;
  padding-top: 5em;
}

.product_detail .part_12 {
  color: #221815;
  padding-top: 4%;
}

.product_detail .part_12 h2 {
  font-size: 2.375em;
}

.product_detail .part_12 .pic {
  width: 43%;
}

.product_detail .part_12 .txt {
  text-align: right;
  width: 54%;
  padding-top: 10%;
}

.product_detail .part_12 p {
  font-size: 1.25em;
  padding: 1.3em 0 1.8em;
}

.product_detail .part_12 .txt span {
  font-size: 0.95em;
  padding-top: 3em;
}

.product_detail .part_13 .swiper-pagination {
  bottom: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.product_detail .part_13 .swiper-pagination span {
  width: 30px;
  height: 3px;
  opacity: 1;
  background: none;
  -webkit-transition: .3s;
  transition: .3s;
  margin: 0 8px !important;
  border-radius: 0;
  background: #868583;
}

.product_detail .part_13 .swiper-pagination span.swiper-pagination-bullet-active {
  background: #00afec;
  border-color: #00afec;
}

.product_detail .part_13 .lt {
  background-image: url(../images/pro_in_lt_04.png);
  left: 14%;
}

.product_detail .part_13 .lr {
  background-image: url(../images/pro_in_lr_06.png);
  right: 14%;
}

.product_detail .part_13 .swiper-slide {
  height: 50em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.product_detail .part_13 .swiper-slide img {
  width: 100%;
  display: none;
  max-width: 100%;
}

.product_detail .part_13 .swiper-slide h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  width: 1000px;
  max-width: 65%;
  font-size: 2.5em;
  line-height: 1.75;
}

.product_detail .part_14 {
  text-align: center;
  background: #efefef;
  padding: 2em 0 0;
}

.product_detail .part_14 h2 {
  font-size: 2.375em;
  color: #060402;
}

.product_detail .part_14 li {
  width: 31%;
  margin: 2em 1%;
  position: relative;
  display: block;
  float: left;
}

.product_detail .part_14 li .pic {
  position: relative;
  height: 14em;
  line-height: 14em;
  cursor: pointer;
}

.product_detail .part_14 li .pic:before {
  content: '';
  display: block;
  border-left: 1px solid #9ca1a5;
  height: 50%;
  top: 25%;
  left: 0;
  position: absolute;
}

.product_detail .part_14 li.first .pic:before {
  display: none;
}

.product_detail .part_14 li p {
  font-size: 1.75em;
  color: #898989;
}

.product_detail .part_14 li:hover p, .product_detail .part_14 li.active p {
  color: #00afec;
}

.product_detail .part_14 li .pic img {
  max-width: 90%;
}

.product_detail .part_15 {
  color: #221815;
  padding-bottom: 8%;
}

.product_detail .part_15 h2 {
  font-size: 2.375em;
  padding-bottom: 0.7em;
}

.product_detail .part_15 .txt {
  width: 57%;
  padding-top: 12%;
}

.product_detail .part_15 .pic {
  width: 42%;
  text-align: center;
  padding-top: 5%;
}

.product_detail .part_15 .pic p {
  padding-top: 3em;
}

.product_detail .part_15 .pic_in {
  padding-top: 5em;
}

.product_detail .part_15 .txt p {
  font-size: 1.25em;
}

.product_detail .part_15 .pic p {
  font-size: 0.95em;
}

.product_detail .part_16 {
  text-align: center;
  background: #efefef;
  padding: 3% 0;
}

.product_detail .part_16 h2 {
  font-size: 2.375em;
  color: #221815;
  padding-bottom: 0.8em;
}

.product_detail .part_17 .bg {
  color: #fff;
  background-position: center;
  background-size: cover;
  padding: 33% 0 8%;
  background-repeat: no-repeat;
}

.product_detail .part_17 .txt {
  max-width: 470px;
}

.product_detail .part_17 h2 {
  font-size: 2.375em;
}

.product_detail .part_17 p {
  font-size: 1.125em;
}

.product_detail .part_18 {
  color: #221815;
  padding: 3% 0 5%;
  text-align: center;
}

.product_detail .part_18 h2 {
  font-size: 2.375em;
}

.product_detail .part_18 p {
  padding: 0.5em 0 4em;
}

.product_detail .part_19 .vide {
  height: 55em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.product_detail .part_19 img {
  width: 100%;
  max-width: 100%;
}

.product_detail .part_19 .vide>img {
  display: none;
}

.product_detail .part_19 .vide video {
  display: block;
  width: 100%;
}

.product_detail .part_19 .vide em {
  width: 4em;
  margin-top: -2em;
  margin-left: -2em;
}

.product_detail .part_19 .pic a {
  display: block;
  float: left;
  width: 33.33%;
}

.product_detail .part_19 .pic a img {
  display: block;
  width: 100%;
}

.product_detail .part_19 .pic {
  /*padding-bottom: 8%;*/
  background-color: #000;
}

.product_detail .part_20 {
  /*background: #efefef;*/
  background: #ffffff;
  padding: 5% 0 9%;
  text-align: center;
}

.product_detail .part_20 .table1 .table_head {
  color: #fff;
  height: 66px;
  line-height: 66px;
}

.product_detail .part_20 .table1 .table_head .head_l {
  position: relative;
  font-size: 40px;
  width: 22%;
  background: #b5b5b6;
}

.product_detail .part_20 .table1 .table_head .head_l img {
  max-height: 60px;
  max-width: 90%;
}

.product_detail .part_20 .table1 .table_head .head_l:after {
  content: '';
  display: block;
  background: url("../images/pro_in_sj_03.png") left center no-repeat;
  height: 66px;
  width: 1em;
  right: 0;
  margin-right: -1em;
  top: 0;
  background-size: auto 100%;
  position: absolute;
}

@media (max-width: 560px) {
  .product_detail .part_20 .table1 .table_head {
    height: 46px;
    line-height: 46px;
  }
  .product_detail .part_20 .table1 .table_head .head_l:after {
    height: 46px;
  }
}

.product_detail .part_20 .table1 .table_head .head_r {
  width: 78%;
  font-size: 28px;
  background: #717071;
}

.product_detail .part_20 .table1 dd {
  border-bottom: 1px solid #e1e1e1;
}

.product_detail .part_20 .table1 dd:last-child {
  border-bottom: none;
}

.product_detail .part_20 .row {
  padding: 10px;
  line-height: 37px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.product_detail .part_20 .table1 .row_l {
  font-size: 1.35em;
  color: #221815;
  margin-right: -2px;
  /*border-right: 1px solid #f1f1f1;*/
  font-family: inherit;
  font-weight: bold;
  width: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.product_detail .part_20 .table1 .row_r {
  font-size: 1.25em;
  color: #414141;
  width: 80%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #e1e1e1;
  font-family: inherit;
  /* font-weight: bold; */
}

.product_detail .part_20 dd {
  display: flex;
}
.product_detail .part_20 dd > div {
  line-height: 1.8 !important;
}
@media (max-width: 560px) {
  .product_detail .part_20 dd > .row_l {
      line-height: 1.5 !important;
  }
}

@media (min-width:1024px) {
  .product_detail .part_20 .table1 .row_l {
    font-size: 1.12em;
  }
  .product_detail .part_20 .table1 .row_r {
    font-size: 1.1em;
  }
}
@media (min-width:1200px) {
  .product_detail .part_20 .table1 .row_l {
    font-size: 1.35em;
  }
  .product_detail .part_20 .table1 .row_r {
    font-size: 1.25em;
  }
}

.product_detail .part_20 .table1 .row_r em {
  font-size: 1.125em;
}

.product_detail .part_20 .table2 {
  text-align: center;
}

.product_detail .part_20 .table2 .table_head {
  font-style: italic;
  font-weight: bold;
  font-size: 1.75em;
  color: #221815;
  background: #efefef;
  height: 66px;
  line-height: 66px;
}

@media (max-width: 560px) {
  .product_detail .part_20 .table1 .table_head {
      height: 46px;
      line-height: 46px;
  }
  .product_detail .part_20 .table1 .table_head .head_l:after {
      height: 46px;
  }
  .product_detail .part_20 .table1 .table_head .head_l {
      width: 30%;
  }
  .product_detail .part_20 .table1 .table_head .head_r {
      width: 70%;
      font-size: 1.35em !important;
  }
  .product_detail .part_20 .table2 .table_head {
    height: 46px;
    line-height: 46px;
    font-size: 1.35em;
  }
}

.product_detail .part_20 .table2 dd {
  width: 22%;
  float: left;
  border-left: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.product_detail .part_20 .table2 .row {
  border-bottom: 1px solid #e1e1e1;
  color: #666464;
}

.product_detail .part_20 .table2 .row.row_fir {
  font-size: 1.125em;
  color: #221815;
  font-weight: bold;
  font-style: italic;
  font-family: "FZL";
}

.product_detail .part_20 .table2 dd.rel_fir {
  border-left: 0;
  width: 12%;
  color: #221815;
  font-weight: bold;
}

.product_detail .part_20 .table2 dd.rel_fir .row {
  font-style: normal;
}

.product_detail .part_21 {
  text-align: center;
  padding: 5% 0;
}

.product_detail .part_21 ul {
  padding: 2em 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.product_detail .part_21 li {
  width: 23%;
  margin: 2em 1%;
  background-color: #f4f4f4;
}

.product_detail .part_21 h2, .product_detail .part_22 h2 {
  font-size: 2.625em;
}

/*.product_detail .part_21 li.even{background:#fff;}*/

.product_detail .part_21 li a {
  display: block;
}

.product_detail .part_21 li a {
  padding: 3em 0;
}
.product_detail .part_21 .txt{
  box-sizing: border-box;
}
.product_detail .part_21 .txt p {
  font-size: 1em;
  line-height: 1.75em;
  height: 3.5em;
  overflow: hidden;
  color: #353535;
  padding: 1.8em 10px 0;
  margin-bottom: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
}

.product_detail .part_21 .txt h3 {
  font-size: 1.5em;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product_detail .part_21 .pic {
  height: 12em;
  line-height: 12em;
  overflow: hidden;
}

.product_detail .part_21 .pic img {
  max-width: 80%;
  -webkit-transition: .3s;
  transition: .3s;
}

.product_detail .part_21 li:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/* top_nav */

.top_nav_empty {
  width: 100%;
  height: 60px;
}

.top_nav {
  background: #202425;
  width: 100%;
  overflow: hidden;
  line-height: 60px;
  height: 60px;
  color: #fff;
}

.top_nav.on {
  position: fixed;
  top: 0;
  z-index: 980;
  top: 113px;
}

.top_nav .top_nav_sort {
  font-size: 1em;
  position: relative;
}

 .top_nav .top_nav_r a {
  color: #fff;
  font-size: 12.5px;
  position: relative;
  margin-left: 2.2em;
  -webkit-transition: .3s;
  transition: .3s;
}
.top_nav .top_nav_sort:hover{
  cursor: pointer;
}
.top_nav .top_nav_sort:after, .top_nav .top_nav_r a:after {
  content: '';
  display: block;
  height: 1px;
  background: #05b2ec;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 0;
  -webkit-transition: .5s;
  transition: .5s;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top_nav .top_nav_sort:hover:after, .top_nav .top_nav_r a.active:after, .top_nav .top_nav_r a:hover:after {
  width: 100%;
}

.top_nav .top_nav_r a.down_b span {
  display: block;
  height: 2em;
  text-align: center;
  font-size: 11px;
  background-color: #00b0ec;
  border: 1px solid #00b0ec;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 5px;
  line-height: 2em;
  padding: 1px 8px;
}

.top_nav .top_nav_r a.down_b:after {
  display: none;
}

.top_nav .top_nav_r a.down_b span:hover {
  background: none;
  color: #00b0ec;
}

.nav li.l1 {
  position: inherit;
}

.nav li.l1 dl {
  width: 100%;
  left: 0;
  margin-left: 0;
  padding-bottom: 4em;
}

.nav li.l1 dl dd {
  width: 25.3%;
  text-align: left;
  float: left;
}

.nav li.l1 dl dd.last {
  width: 24%;
}

.nav li.l1 dl dd.last .pic {
  padding-right: 0;
}

.nav li.l1 dl dd .pic {
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  padding-bottom: 5%;
  padding-right: 5.5%;
}

.nav li.l1 dl dd .pic a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}

.nav li.l1 dl dd .pic a:hover span {
  background: rgba(63, 63, 63, 0.7);
  padding-top: 1em;
  padding-bottom: 1em;
}

.nav li.l1 dl dd .pic span {
  -webkit-transition: .3s;
  transition: .3s;
  position: absolute;
  background: rgba(63, 63, 63, 0.48);
  font-size: 13px;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.7em 13px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 1em;
  color: #f2f2f2;
}

.nav li.l1 dl dd .img_in {
  position: relative;
  /*height:15em;*/
  overflow: hidden;
}

.nav li.l1 dl dd .img_in img {
  width: 100%;
  max-width: inherit;
}

.nav li.l1 dl dd.last .list {
  margin-right: 0;
}

.nav li.l1 dl dd .list {
  padding-top: 1em;
  margin-right: 13px;
}

.nav li.l1 dl dd .list a {
  font-size: 1.15em;
  padding: 13px;
  line-height: 1em;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
}

/* search */

.ban_search {
  width: 325px;
  max-width: 70%;
  margin: 15px auto 0;
  position: relative;
}

.ban_search input {
  width: 100%;
  line-height: 2.5em;
  font-size: 1.12em;
  color: #5c6061;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  border: none;
  background: #dbdbdb;
  -webkit-transition: .3s;
  transition: .3s;
}

.ban_search .search_btn {
  width: 3em;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/search_03.png) center no-repeat;
  border: none;
}

.ban_search input:focus {
  /*margin-top: -3px*/
  -webkit-box-shadow: 0 0 10px 1px #333;
  box-shadow: 0 0 10px 1px #333;
}

.search_wrap {
  background: #f6f7f8;
  padding: 1.7em 0 2em;
}

.search_wrap .wrap {
  background: #fff;
  padding: 1.8em 2.2em;
  box-sizing: border-box;
}

.search_wrap_list {
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  padding-bottom: .7em;
}

.search_wrap_list .tabs {
  margin-left: -1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.search_wrap_list a {
  color: #9fa0a0;
  font-size: 1.125em;
  position: relative;
  padding: 0 1em;
  float: left;
}

.search_wrap_list a:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 16px;
  background: #b9b9b9;
  top: 50%;
  margin-top: -8px;
  left: 0;
}

.search_wrap_list a.active {
  color: #262626;
  font-size: 1.5em;
}

.search_wrap_cont {
  padding-top: 1.7em;
}

.search_wrap_cont .swiper-slide li {
  /* width: 100%;
  clear: both;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 1.6em;
  -webkit-transition: .5s;
  transition: .5s; */
  width: 98%;
  clear: both;
  overflow: hidden;
  padding: 2% 1%;
  transition: .5s;
  border-bottom: 1px dashed #ddd;
}

.search_wrap_cont .swiper-slide li a {
  display: block;
  overflow: hidden;
  width: 99%;
  margin: 0 auto;
}

.search_wrap_cont .swiper-slide .pic img {
  max-width: inherit;
  width: calc(100% - 100px);
  margin: auto;
}

.search_wrap_cont .slide1 .pic {
  width: 25%;
  height: 14em;
  min-width: 270px;
  float: left;
  line-height: 14em;
  overflow: hidden;
  margin: 12px 0;
  text-align: center;
}

.search_wrap_cont .slide1 .text .tit {
  font-size: 1.56em;
  color: #3f3f3f;
  font-family: "AnitaSSNGV3" !important;
  line-height: 1em;
  overflow: hidden;
  height: 1em;
  margin-top: 1em;
}

.search_wrap_cont .slide1 .text {
  width: 60%;
  margin-left: 5%;
  float: left;
  color: #3f3f3f;
  margin-top: 2em;
  max-width: 390px;
}

.search_wrap_cont .slide1 .text p {
  font-size: 14px;
  line-height: 1.75;
  height: 3.5em;
  overflow: hidden;
  margin: 1em 0 1em;
}

.search_wrap_cont .slide1 .text .btn {
  color: #fff;
  background: #00afec;
  display: inline-block;
  padding: 0 0.8em;
  /* line-height: 1.8em; */
  font-size: 14px;
}

.search_wrap_cont .slide1.slide2 .pic {
  height: 17em;
  width: 18%;
  min-width: 230px;
  line-height: 17em;
  overflow: hidden;
}

.search_wrap_cont .slide1.slide2 .text {
  margin-left: 10%;
}

.search_wrap_cont .slide1.slide2 .text .tit, .search_wrap_cont .slide1.slide3 .text .tit {
  font-weight: bold;
}

.search_wrap_cont .slide1.slide2 .text {
  margin-top: 3.2em;
}

.search_wrap_cont .slide1.slide3 .pic {
  width: 34%;
  border-radius: 14px;
  overflow: hidden;
  min-width: 370px;
}

.search_wrap_cont .swiper-slide li:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.search_wrap_cont .slide4 .pic {
  width: 34%;
  height: 14em;
  line-height: 14em;
  overflow: hidden;
  float: left;
  min-width: 373px;
}

.search_wrap_cont .slide4 .text {
  width: 60%;
  float: left;
  max-width: 410px;
  margin-left: 6%;
  margin-top: 1em;
}

.search_wrap_cont .slide4 .text h2 {
  font-size: 1.125em;
  color: #030303;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}

.search_wrap_cont .slide4 .text .tips {
  color: #727171;
  font-size: 12px;
}

.search_wrap_cont .slide4 .text .tips span {
  color: #00afec;
}

.search_wrap_cont .slide4 .text .text_in {
  font-size: 12px;
  color: #898989;
  line-height: 2em;
  height: 3.8em;
  overflow: hidden;
  margin: 2.5em 0;
}

.search_wrap_cont .slide4 .text .btn {
  color: #fff;
  background: #00afec;
  display: inline-block;
  padding: 0 0.8em;
  /* line-height: 1.8em; */
  font-size: 14px;
}

.search_wrap_cont .more {
  color: #fff;
  background: #00afec;
  text-align: center;
  line-height: 2.5em;
  font-size: 16px;
  display: block;
  margin: 2em auto;
  width: 150px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  border-radius: 5px;
}

.search_wrap_cont .more:hover {
  background: #139bec;
}

@media (max-width: 1600px) {
  .product_detail .part_19 .vide {
    height: 45em;
  }
}

@media (max-width: 1367px) {
  .index_banner {
    height: 45em;
  }
}

@media (max-width: 1367px) {
  html {
    font-size: 14px;
  }
  .index_banner {
    height: 42em;
  }
  .study_in_t .pic .txt strong {
    font-size: 18px;
  }
  .study_in_b_list_con a {
    height: 26em;
  }
  /* about */
  .about_banner {
    height: 42em;
  }
}

@media (max-width: 1280px) {
  .index_banner {
    height: 40em;
  }
}

@media (max-width: 1100px) {
  /* index */
  .index_case {
    height: 38.375em;
  }
  .index_pro_t {
    height: 16.5em;
  }
  /* about */
  .about_banner {
    height: 34em;
  }
  /* product_detail */
  .product_detail .part_1 .txt {
    width: 37%;
  }
  .product_detail h2 img {
    max-width: 80%;
  }
  .product_detail .part_1 .txt h3 {
    font-size: 2.6em;
  }
  .product_detail .part_3 .txt h2, .product_detail .part_2 .txt h2, .product_detail .part_2 .txt h3 {
    font-size: 2.3em;
  }
  .product_detail .part_13 .swiper-slide {
    height: 39em;
  }
  /* footer */
  .footer_nav li {
    /* padding-right: 1.2em; */
    padding-right: 2.9em;
  }
}

@media (max-width: 996px) {
  /* index */
  .index_banner {
    height: 34em;
  }
  .index_wrap .txt p {
    font-size: 1.1em;
  }
  .index_news_about .txt h2 {
    font-size: 1.5em;
  }
  .index_news_about .txt p {
    line-height: 1.1em;
  }
  /* about */
  .about_banner {
    height: 28em;
  }
  .about_join_banner {
    height: 24em;
  }
  .banner_txt {
    padding-top: 10em;
  }
  .about_contact_desc ul li:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
  .about_contact_desc ul li:nth-child(3) {
    float: left;
  }
  .about_contact_desc ul li {
    width: 100%;
  }
  /* new */
  .about_news_list li .img {
    width: 18em;
  }
  .about_news_list li .txt {
    padding-left: 21em;
  }
  /* agent */
  .agent_address_mp .mp {
    width: 100%;
    margin-bottom: 2em;
  }
  .agent_address_mp .mp_add {
    width: 100%;
  }
  .agent_er_con li {
    width: 25%;
  }
  /* product_detail */
  .product_detail .part_1 .txt h3 {
    font-size: 2em;
  }
  .product_detail .part_1 .txt p {
    font-size: 1.5em;
  }
  .product_detail .part_9 .txt {
    width: 100%;
    text-align: center;
  }
  .product_detail .part_9 li {
    float: none;
    vertical-align: top;
    display: inline-block;
  }
  .product_detail .part_9 .pic {
    width: 100%;
    text-align: center;
    margin-top: 2em;
  }
  .product_detail .part_9 .txt p {
    font-size: 1.2em;
  }
  .product_detail .part_11 .txt {
    width: 100%;
  }
  .product_detail .part_11 .pic {
    width: 100%;
    margin-right: 0;
  }
  .product_detail .part_13 .swiper-slide {
    height: 31em;
  }
  .product_detail .part_13 .lt {
    left: 3%;
  }
  .product_detail .part_13 .lr {
    right: 3%;
  }
  .product_detail .part_11 h2, .product_detail .part_12 h2, .product_detail .part_15 h2 {
    font-size: 2em;
  }
  .product_detail .part_12 .txt {
    padding-bottom: 3em;
  }
  .product_detail .part_14 li p {
    font-size: 1.5em;
  }
  .product_detail .part_21 h2, .product_detail .part_22 h2 {
    font-size: 2.2em;
  }
  .product_detail .part_21 ul {
    padding: 2em 0;
  }
  .product_detail .part_16 h2 {
    font-size: 2.2em;
  }
  /* machine */
  .machine_in li {
    width: 49%;
  }
  .machine_in .pic {
    height: 12em;
    line-height: 12em;
  }
  .machine_banner.banner {
    height: 24em;
  }
  .machine_banner.banner .banner_txt {
    padding-top: 5.5em;
  }
  /* machine_detail */
  .machine_detail_part1 .part1_con {
    width: 100%;
    padding-top: 2em;
  }
  .machine_detail_part1 .part1_pic {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
  .con_picture .bigImg li {
    height: 25em;
    line-height: 25em;
  }
  .machine_detail_part1 .part1_con .title {
    font-size: 2em;
  }
  .machine_detail_part3 .title {
    font-size: 2em;
  }
  .machine_detail_part3 .content {
    padding: 0;
  }
  .machine_detail_part3 .content p {
    font-size: 1.3em;
  }
  /* serve */
  .serve_down_in.down_in_cpc .main_con li p.p1 {
    width: 65%;
  }
  .down_in_sort .main_con li {
    width: 33.33%;
  }
  .down_in_sort .main_con .list .clear {
    display: none;
  }
  /* study */
  .study_banner {
    height: 24em;
  }
  .study_banner .banner_txt {
    padding-top: 9em;
  }
  .study_in_t .pic {
    height: 16em;
  }
  .study_in_b_list_con a {
    height: 22em;
  }
  .banner {
    height: 24em;
  }
  /* footer */
  .footer_share, .footer_ewm, .footer_share_list {
    width: 100%;
  }
  .footer_share_list {
    margin-left: 0;
    text-align: center;
    margin-top: 1em;
  }
  .footer_share_list li {
    float: none;
    display: inline-block;
  }
  .footer_ewm p {
    display: inline-block;
    margin: 0 1em;
  }
  .footer_nav {
    padding-right: 0;
  }
  .footer_nav li {
    width: 100%;
    padding-right: 0;
  }
  .footer_nav li dl {
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .footer_nav li dl.change_language {
    display: block;
}
  .footer_nav li dl dd {
    display: none;
  }
  .footer_nav li dt {
    position: relative;
    margin-bottom: 0;
    padding: 1em 0;
    border-bottom: 1px solid rgba(73, 75, 77, 0.5);
  }
  .footer_nav li dt:after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 0;
    margin-top: -0.5px;
  }
  .footer_nav li dt:before {
    content: '';
    display: block;
    position: absolute;
    height: 9px;
    width: 1px;
    background: #fff;
    right: 0;
    margin-right: 4.5px;
    top: 50%;
    margin-top: -4.5px;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .footer_nav li dt.active:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .footer_nav li dl.change_language dt:after,
  .footer_nav li dl.change_language dt:before{
      display: none;
  }
  /* header */
  .header_search {
    margin-left: 20px;
  }
  .nav li {
    margin-left: 20px;
  }
  /*    .nav li.l1 dl dd .img_in{height:10em;}*/
  .nav li.l1 dl dd .img_in img {
    height: initial;
    max-height: initial;
    width: 100%;
  }
  .nav li.l1 dl dd .list a {
    font-size: 1em;
  }
  /* .logo {
    max-width: 140px;
  } */
  .search_wrap_cont .slide4 .text {
    width: 43%;
    margin-left: 2%;
  }
  .search_wrap_cont .slide1 .text {
    width: 45%;
  }
  .about_value .fl {
    width: 100%;
  }
  .about_value .fr {
    width: 100%;
    margin-top: 3%;
  }
}

@media (max-width: 768px) {
  /* body {
    padding-top: 92px;
  } */
  .footer_share {
    padding-top: 2em;
  }
  .index_pro_b .txt span {
    font-size: 10px;
  }
  .index_case_pro {
    margin-bottom: 50px;
  }
  .study_in_t .pic .txt strong {
    font-size: 16px;
  }
  .machine_banner.banner .banner_txt p {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 5px;
  }
  /* index */
  .index_case {
    width: 100%;
  }
  .index_case, .index_pro_t, .index_pro_b {
    height: 28em;
  }
  .index_case {
    margin-bottom: 4em;
  }
  .index_pro {
    width: 100%;
  }
  .index_pro .index_pro_t, .index_pro .index_pro_b {
    width: 100%;
    height: 28em;
  }
  .index_pro .index_pro_t {
    float: left;
  }
  .index_pro .index_pro_b {
    float: right;
  }
  .index_news {
    margin-bottom: 2em;
  }
  .index_news_about .txt h2, .index_b_links li p {
    font-size: 1.2em;
  }
  .index_wrap .txt p {
    font-size: 1em;
  }
  .index_news, .index_about {
    width: 49%;
  }
  .index_b_pro li {
    width: 50%;
    margin: 1em 0;
  }
  /* about */
  .about_banner {
    height: 20em;
  }
  .about_value .fl {
    width: 100%;
  }
  .about_value .fr {
    width: 100%;
    margin-top: 3%;
  }
  .small_banner {
    height: 13em;
  }
  .small_banner .banner_txt {
    padding: 4em 0 0 1em;
  }
  .about_join_b li.head .list {
    font-size: 13px;
  }
  .about_join_b .list {
    font-size: 12px;
  }
  .about_join_b .cont {
    font-size: 13px;
  }
  .about_join_banner {
    height: 15em;
  }
  .banner_txt h1 {
    font-size: 1.3em;
  }
  .banner_txt {
    padding-top: 6em;
  }
  /* new */
  .about_news_list li .txt .date {
    padding: 1em 0 1.5em;
  }
  /* agent */
  .agent_nav a {
    font-size: 1em;
  }
  .agent_nav a.active {
    font-size: 1.3em;
  }
  .agent_form_con .form .row.three {
    width: 100%;
  }
  .agent_form_con .form .row {
    padding: 0;
  }
  .agent_er_con li {
    width: 33.33%;
  }
  /* machine */
  .serve_layout {
    padding-left: 0;
  }
  .serve_layout .main_con {
    border-left: 0;
  }
  .serve_layout .side_nav a {
    width: auto;
    margin-right: 3%;
    padding-right: 18px;
    float: left;
  }
  .serve_layout .side_nav {
    position: static;
    width: 100%;
    margin-bottom: 2em;
    overflow: hidden;
    padding: 0 7px;
  }
  .machine_banner.banner {
    height: 20em;
  }
  .machine_banner.banner .banner_txt {
    padding-top: 4.5em;
  }
  /* machine_detail */
  .con_picture .bigImg li {
    height: 20em;
    line-height: 20em;
  }
  .machine_detail_part1 .part1_con .title {
    font-size: 1.5em;
  }
  .machine_detail_part1 .part1_con .txt {
    font-size: 1.2em;
  }
  .machine_detail_part1 .part1_con .tips p {
    font-size: 1.2em;
  }
  .machine_detail_part2 .tabs a {
    font-size: 1.2em;
  }
  .machine_detail_part2 .slide_con .tit_name {
    font-size: 1.5em;
  }
  .machine_detail_part2 .slide_con p {
    font-size: 1.1em;
    padding-left: 17px;
  }
  .machine_detail_part2 .slide_con p:after {
    left: 0;
  }
  .machine_detail_part2 .slide_con .tit_name {
    padding-left: 17px;
  }
  .machine_detail_part3 .content .pic {
    height: 18em;
    line-height: 18em;
  }
  /* serve */
  .serve_down_in .main_con .slide1 .txt {
    width: 100%;
  }
  .serve_down_in .main_con .slide1 .pic {
    width: 100%;
    margin-top: 2em;
  }
  .serve_down_in .main_con .slide1 .txt .down_btn {
    display: block;
  }
  .down_in_detail .main_con .btn {
    position: static;
    margin-top: 1em;
  }
  .down_in_detail .main_con .pro_name.new:after {
    right: -2em;
  }
  .serve_problem_con, .serve_problem_side {
    width: 100%;
  }
  .serve_problem_side {
    padding-top: 0;
  }
  .serve_problem_con .tab a.active {
    font-size: 1.3em;
  }
  /* study */
  .study_in_t .pic img {
    height: initial;
    max-height: initial;
  }
  .study_in_t .pic a {
    height: 100%;
  }
  .study_in_b_list_con a {
    height: 18em;
  }
  .study_in_b_list_con .txt {
    padding: 0.5em;
  }
  .study_banner {
    height: 18em;
  }
  .banner {
    height: 19em;
  }
  .study_detail_in .part3 .pic {
    width: 100%;
    margin-bottom: 2em;
  }
  .study_detail_in .part2 .pic {
    position: absolute;
    z-index: -1;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
  }
  .study_detail_in .part2 .pic img {
    height: 100%;
    width: initial;
    max-width: initial;
  }
  .study_detail_in .part2 .txt_in {
    padding-left: 0;
  }
  .study_detail_in .part2 .txt {
    position: static;
    padding: 13% 0 5%;
  }
  .study_detail_in .part2 {
    overflow: hidden;
  }
  /*.study_tech_in_con li .pic{height: 10em;}*/
  /*.study_active_in_con .pic{height:15em;}*/
  /* product_detail */
  .product_detail .part_1 .txt {
    width: 100%;
    padding-top: 0;
  }
  .product_detail .part_1 .pic {
    width: 100%;
  }
  .product_detail img {
    max-width: 90%;
  }
  .product_detail .part_3 .txt h2, .product_detail .part_2 .txt h2, .product_detail .part_2 .txt h3 {
    font-size: 1.7em;
  }
  .product_detail .part_4 h2, .product_detail .part_5 h2, .product_detail .part_6 h2, .product_detail .part_16 h2, .product_detail .part_17 h2, .product_detail .part_18 h2 {
    font-size: 2em;
  }
  .product_detail .part_3 .txt p, .product_detail .part_6 p {
    font-size: 1.15em;
  }
  .product_detail .part_4 .txt h3 {
    font-size: 1.5em;
  }
  .product_detail .part_12 .pic {
    width: 100%;
  }
  .product_detail .part_12 .txt {
    width: 100%;
  }
  .product_detail .part_13 .swiper-slide {
    height: 23em;
  }
  .product_detail .part_13 .swiper-slide h2 {
    font-size: 2em;
  }
  .product_detail .part_14 h2 {
    font-size: 2em;
  }
  .product_detail .part_14 li p {
    font-size: 1.2em;
  }
  .product_detail .part_15 .txt, .product_detail .part_15 .pic {
    width: 100%;
  }
  .product_detail .part_20 .table2 .row.row_fir {
    font-size: 1em;
  }
  .product_detail .part_20 .table2 .row.row_fir {
    line-height: 1.5em;
    height: 4em;
  }
  .product_detail .part_20 .table1 .row_l {
    font-size: 1em;
  }
  .product_detail .part_20 .table1 .table_head .head_r {
    font-size: 23px;
  }
  #alert .alert_in {
    width: 95%;
  }
  #alert .alert .vide span {
    right: 0;
    width: 2em;
    height: 2em;
  }
  #alert #close {
    right: 0;
  }
  .footer {
    padding: 1.5em 0;
  }
  /* header*/
  .serve_layout .side_nav a.active {
    color: #00b0ec;
  }
  .header.on {
    margin-top: 0;
  }
  .footer_nav li dt:before {
    margin-right: 3.5px;
  }
  .search_wrap_list .tabs {
    margin-left: -0.5em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .search_wrap_list a {
    margin-bottom: 10px;
  }
  .search_wrap_list a.active {
    font-size: 1.35em;
  }
}

@media (max-width: 560px) {
  .pc {
    display: none;
  }
  .phone {
    display: block;
  }
  .specifications-pc {
    display: none;
  }
  .specifications-phone {
    display: block;
  }
  .banner_txt {
    padding-top: 3.8em;
    padding-left: 1em !important;
  }
  /* index */
  .index_case, .index_pro_t, .index_pro_b, .index_news, .index_about {
    height: 19em;
  }
  .fl.index_case {
    height: 30em;
  }
  .index_b_pro li {
    padding: 0 5px;
    box-sizing: border-box;
  }
  .index_b_links li {
    margin: 1em 0;
    width: 100%;
    border-right: none;
  }
  .index_b_pro li p {
    font-size: 14px;
    height: 3.7em;
    overflow: hidden;
  }
  .index_banner .swiper-controls>a {
    display: none;
  }
  .index_pro .index_pro_t, .index_pro .index_pro_b {
    height: 19em;
  }
  .index_news_about .txt h2, .index_b_links li p {
    font-size: 14px;
  }
  .index_news_about .txt {
    padding: 10px;
  }
  .index_pro_b .txt {
    padding-bottom: 0.5em;
  }
  .index_b_pro li .img {
    max-width: 75%;
    margin: 0 auto;
    height: 13em;
    line-height: 13em;
  }
  .index_b_pro {
    padding-bottom: 3.5em;
  }
  .index_pro .txt {
    padding-left: .5em;
  }
  .index_pro_t .txt p {
    height: 2.7em;
    overflow: hidden;
  }
  /* about */
  .big_title h2 {
    font-size: 1.7em;
  }
  .title h2 {
    font-size: 1.3em;
  }
  .about_honor ul li {
    width: 98%;
  }
  .about_honor {
    padding: 3em 0;
  }
  .small_banner {
    height: 11em;
  }
  .small_banner .banner_txt h1 {
    font-size: 1.5em;
  }
  .serve_layout .main_con {
    padding: 0em 1em 3em 1em;
  }
  .about_join_b .list p a:after {
    display: none;
  }
  .about_join_t_class, .about_join_b {
    padding: 1.5em 1em;
  }
  /* new */
  .about_news_list li .img {
    width: 100%;
    clear: both;
    overflow: hidden;
  }
  .about_news_list li {
    padding: 14px;
  }
  .about_news_list li .txt {
    padding-left: 0;
  }
  .about_news_list li .img {
    margin-bottom: 1.5em;
  }
  .about_contact_message form input[type="text"].small_input {
    width: 100%;
    margin-right: 0;
  }
  /* agent */
  .agent_address_con .search_all select {
    width: 47%;
  }
  .agent_in {
    padding: 2em 1em;
  }
  .agent_nav a {
    display: block;
    clear: both;
    padding: 0.5em 0;
  }
  .agent_nav a:before {
    display: none;
  }
  .banner.banner_short {
    height: 13em;
  }
  .banner_short .banner_txt {
    padding-top: 4em;
  }
  .agent_er_con li {
    width: 50%;
  }
  /* machine */
  /*.serve_layout .side_nav a{width: 29%;}*/
  .machine_in .pic {
    height: 10em;
    line-height: 10em;
  }
  .machine_banner.banner {
    height: 17em !important;
  }
  .banner_txt h1 {
    font-size: 1.5em;
  }
  .machine_banner.banner .banner_txt {
    padding-top: 2em;
  }
  .machine_banner.banner .banner_txt p {
    font-size: 12px;
  }
  .ban_search input {
    font-size: 14px;
    line-height: 2.2;
  }
  /* machine_detail */
  .machine_detail_part3 li {
    width: 100%;
    margin: 1em 0;
  }
  .con_picture .smallImg li .pic {
    height: 6em;
    line-height: 6em;
  }
  .con_picture .bigImg li {
    height: 16em;
    line-height: 16em;
  }
  .machine_detail_part2 .tabs a {
    padding: 0 17px;
  }
  .machine_detail_part1 .part1_pic {
    width: 88%;
  }
  .machine_detail_part3 .content .pic {
    height: 14em;
    line-height: 14em;
  }
  /* serve */
  .serve_down_in.down_in_cpc .main_con li p.p1 {
    width: 50%;
    overflow: hidden;
  }
  .down_in_sort .main_con li {
    width: 50%;
  }
  .serve_problem_con .tab .fl {
    float: none;
    text-align: center;
  }
  .serve_problem_con .tab .search input {
    width: 100%;
  }
  .serve_problem_con .tab .search {
    width: 100%;
    margin-top: 1em;
  }
  .serve_problem_con .list li .txt {
    padding-right: 1em;
  }
  .serve_problem_side {
    padding: 2em 1em;
  }
  .serve_problem_con .tab a.last {
    margin-left: 1em;
  }
  .serve_problem_con .tab a.last:before {
    margin-right: 1.5em;
  }
  .serve_problem_con .list li .title {
    padding: 0.5em;
  }
  .serve_problem_con .list li .txt {
    padding: 0.7em 2.2em;
  }
  .serve_problem_con .list li span {
    left: 0.6em;
  }
  .serve_problem_con {
    padding-bottom: 3em;
  }
  /*.serve_problem_con .tab a.active{font-size: 1em;}*/
  .serve_problem_con .tab a.last {
    margin-left: 5px;
  }
  .serve_problem_con .tab a.last:before {
    margin-right: 15px;
  }
  .serve_problem_con .list.list2 li .txt {
    padding: 0.7em 0.6em;
  }
  .serve_problem_con .tab .fr {
    float: none;
    margin: 0 auto;
    width: 200px;
  }
  .serve_problem_con .tab .search input {
    width: 100%;
  }
  /* study */
  .study_banner .banner_txt {
    padding-top: 4em;
  }
  .study_in_b_list_con li {
    width: 49%;
    margin: 0 0.5% 0.8em 0.5%;
  }
  .study_in_t .pic.fl, .study_in_t .pic.fr {
    width: 100%;
  }
  .study_in_t .pic .txt strong {
    display: block;
  }
  .study_in_t .pic .txt br {
    display: none;
  }
  .study_in_t .pic.fl img, .study_in_t .pic.fr img {
    width: 100%;
    max-height: initial;
    height: initial;
  }
  .study_in_b .main_title {
    font-size: 1.5em;
  }
  .banner {
    height: 13em;
  }
  .banner_txt p {
    font-size: 1em;
  }
  .study_tech_in_con li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: calc((100% - 10px) / 2);
    box-sizing: border-box;
    background: #f8f8f8;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .study_tech_in_con li.last {
    margin-right: 3%;
  }
  .study_tech_in_con li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .study_active_in_con li {
    width: 47%;
    margin: 0 1.5% 20px;
    background: #f8f8f8;
  }
  .study_active_in_con li:nth-child(3n) {
    margin-right: 1.5%;
  }
  .study_active_in_con .txt {
    padding: 0.7em 10px 10px;
  }
  /* .study_active_in_con .pic{height:12em;}*/
  .study_in_b_list_con .txt p {
    line-height: 1.5em;
    /*height:3em;*/
  }
  .study_nav .sort.fl {
    float: none;
    text-align: center;
  }
  /* product_detail */
  .product_detail .part_1 .txt p {
    font-size: 1.2em;
  }
  .product_detail .part_1 .txt {
    padding-left: 0;
    text-align: center;
  }
  .product_detail .part_1 .txt h2 img {
    width: 140px;
  }
  .product_detail .part_1 .txt h3 {
    font-size: 20px;
  }
  .product_detail .part_1 .pic {
    padding-top: 2em;
  }
  .top_nav .top_nav_r a {
    margin-left: 20px;
  }
  .top_nav .top_nav_r a.down_b span {
    width: auto;
    padding: 1px 8px;
    border-radius: 3px;
  }
  .product_detail .part_3 .txt h2, .product_detail .part_2 .txt h2, .product_detail .part_2 .txt h3 {
    font-size: 1.7em;
  }
  .product_detail .part_2 .txt h3 {
    font-size: 1.3em;
  }
  .product_detail .part_2 {
    padding-bottom: 10%;
  }
  .product_detail .part_4 h2, .product_detail .part_5 h2, .product_detail .part_14 h2, .product_detail .part_11 h2, .product_detail .part_12 h2, .product_detail .part_15 h2, .product_detail .part_10 h2, .product_detail .part_9 .txt h2, .product_detail .part_6 h2, .product_detail .part_16 h2, .product_detail .part_17 h2, .product_detail .part_18 h2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .product_detail .part_4 .txt h3 {
    font-size: 1.2em;
  }
  .product_detail .part_4 .txt p {
    font-size: 1em;
  }
  .product_detail .part_5 {
    padding-bottom: 10%;
  }
  /* .product_detail .part_7 p {
    max-width: 90%;
  } */
  .product_detail .part_9 li {
    margin-right: 2em;
  }
  .product_detail .part_10 p {
    font-size: 1.2em;
  }
  .product_detail .part_10 li {
    margin: 1.5em 0 2em;
  }
  .product_detail .part_11 p {
    font-size: 1.1em;
  }
  .product_detail .part_11 .txt {
    float: none;
  }
  .product_detail .part_11 .pic {
    padding-top: 2em;
    width: 65%;
    max-width: 250px;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  .product_detail .part_12 p {
    font-size: 1.3em;
  }
  .product_detail .part_12 .txt {
    text-align: left;
  }
  .product_detail .part_13 .swiper-slide {
    height: auto;
  }
  .product_detail .part_13 .swiper-slide img {
    display: block;
  }
  .product_detail .part_13 .swiper-slide h2 {
    font-size: 18px;
  }
  .product_detail .part_14 li p {
    font-size: 1em;
  }
  .product_detail .part_15 .txt {
    text-align: center;
    float: none;
  }
  .product_detail .part_15 .pic_in {
    padding-top: 30px;
  }
  .product_detail .part_15 .txt br, .product_detail .part_12 p br {
    display: none;
  }
  .product_detail .part_16 h2 {
    font-size: 1.5em;
  }
  .product_detail .part_16 {
    padding: 4em 0 5em;
  }
  .product_detail .part_18 {
    padding: 8% 0 11%;
  }
  .product_detail .part_19 .vide {
    height: auto;
    background: none !important;
  }
  .product_detail .part_19 .vide>img {
    display: block;
  }
  .product_detail .part_19 .vide em {
    width: 2.4em;
    margin: -1.2em 0 0 -1.2em;
  }
  .product_detail .part_20 .table1 .row_l, .product_detail .part_20 .table1 .row_r {
    font-size: 12px;
  }
  .product_detail .part_20 .row {
    padding: 4px 2px;
  }
  .product_detail .part_20 .table1 .row_l {
    width: 24%;
  }
  .product_detail .part_20 .table1 .row_r {
    width: 76%;
  }
  .product_detail .part_20 .row, .product_detail .part_20 .table2 .row.row_fir {
    font-size: 12px;
  }
  .product_detail .part_21 h2, .product_detail .part_22 h2 {
    font-size: 1.7em;
  }
  .product_detail .part_21 .txt h3 {
    font-size: 1.5em;
  }
  .product_detail .part_21 .txt p {
    font-size: 12px;
    line-height: 1.4;
    height: 2.8em;
  }
  .product_detail .part_21 .txt h3 {
    font-size: 16px;
  }
  .product_detail .part_21 li {
    width: 48%;
    margin: 0 1% 2%;
  }
  .product_detail .part_21 .pic {
    height: 10em;
    line-height: 10em;
  }
  .product_detail .part_21 .pic img {
    max-width: 70%;
  }
  .about_desc_txt p br, .about_value_txt p br {
    display: none;
  }
  .product_detail h2 img {
    max-width: 50%;
  }
  .product_detail .part_1 .pic {
    text-align: center;
  }
  .product_detail .part_1 .pic img {
    width: 60%;
    max-width: 240px;
    margin-top: 2em;
  }
  .product_detail .part_2 .pic {
    max-width: 95%;
  }
  .product_detail .part_4 .txt p {
    padding-top: 3em;
  }
  .product_detail h2 {
    font-weight: bold !important;
  }
  .product_detail .part_2, .product_detail .part_3 .bg, .product_detail .part_4, .product_detail .part_5, .product_detail .part_6 .bg, .product_detail .part_9 {
    padding: 6em 0;
  }
  .product_detail .part_6 .bg {
    padding: 10em 0;
  }
  .product_detail p {
    line-height: 1.75em;
    font-size: 14px !important;
    padding-top: 0.5em !important;
    margin-top: 0 !important;
  }
  .product_detail .part_10 {
    padding: 4em 0 6em;
  }
  .product_detail .part_11 h2 span, .product_detail .part_11 h2 sup {
    font-size: 12px;
  }
  .product_detail .part_11 h2 {
    font-size: 1.5em;
  }
  .product_detail .part_12 {
    padding: 6em 0 4em;
  }
  .product_detail .part_13 .swiper-pagination {
    bottom: 5%;
  }
  .product_detail .part_14 li .pic img {
    max-width: 50%;
  }
  .swiper-button-next, .swiper-button-prev, .product_detail .part_13 .lr {
    width: 15px;
    background-size: 100%;
  }
  .product_detail .part_13 .swiper-pagination {
    display: none;
  }
  .product_detail .part_11 p.p2 {
    padding-top: 1.5em;
  }
  .product_detail .part_12 .pic {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    float: none;
  }
  .product_detail .part_15 .pic {
    width: 65%;
    max-width: 250px;
    margin: 0 auto;
    float: none;
  }
  .product_detail .part_17 {
    padding: 17em 0 0;
    background: #000;
    position: relative;
  }
  .product_detail .part_17 .bg {
    padding: 0 0 20em;
  }
  .product_detail .part_17 .txt {
    position: absolute;
    top: 4em;
    left: 0;
    padding: 0 3%;
  }
  .product_detail .part_21 .pic {
    height: 7em;
    line-height: 7em;
  }
  .product_detail .part_21 li a {
    padding: 20px 0;
  }
  .product_detail .part_21 ul {
    padding-bottom: 0;
  }
  /* header */
  .nav li {
    width: 90%;
    line-height: 45px;
  }
  .nav li.l1 dl {
    padding-bottom: 1em;
  }
  .nav li.l1 dl dd {
    width: 49%;
  }
  .nav li.l1 dl dd .list a {
    padding: 8px 2px;
  }
  .about_contact_message .wrap {
    margin-top: -40px;
  }
  .about_contact_message form input[type="submit"] {
    width: 95%;
    font-size: 1.2em;
    line-height: 2.5em;
    height: 2.5em;
  }
  .header_t_links li {
    margin-left: 20px;
  }
  .machine_banner.banner .banner_txt p br {
    display: none;
  }
  /*search*/
  .search_wrap_cont .swiper-slide li {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 30px;
  }
  .search_wrap_cont .slide1 .pic, .search_wrap_cont .slide1.slide2 .pic, .search_wrap_cont .slide1.slide3 .pic, .search_wrap_cont .slide4 .pic {
    width: 100%;
    text-align: center;
    min-width: inherit;
  }
  .search_wrap_cont .slide3 .pic img, .search_wrap_cont .slide4 .pic img {
    width: 100%;
  }
}

@media (max-width: 430px) {
  /* index */
  .index_banner .swiper-pagination {
    bottom: 1.5%;
  }
  .index_case .txt, .index_pro .txt {
    width: 90%;
  }
  .index_case, .index_pro_t, .index_pro_b, .index_news, .index_about {
    height: 15em;
  }
  .index_b_links {
    padding: 1.5em;
  }
  .index_pro .index_pro_t, .index_pro .index_pro_b {
    height: 15em;
  }
  .index_wrap .txt p {
    font-size: 12px;
  }
  .index_banner {
    display: none;
  }
  .index_banner.index_banner_moblie {
    display: block;
    height: initial;
    /* max-height: 36em; */
    overflow: hidden;
  }
  .index_banner .swiper-pagination span {
    width: 20px;
    height: 4px;
  }
  .index_b_links li p {
    font-weight: bold;
  }
  .footer_nav li dt {
    font-size: 14px;
  }
  /* about */
  .about_banner {
    height: 14em;
  }
  .about_voice dd {
    padding: 1.5em;
  }
  /* agent */
  /*.banner.banner_short{height: 7em;}
  .banner_short .banner_txt{padding-top: 2.5em;}*/
  .banner_short .banner_txt h1 {
    font-size: 1.5em;
  }
  .banner_short .banner_txt {
    padding-left: 1em;
  }
  /* serve */
  .serve_down_in .main_con .tit input, .product_in .search input {
    width: 100%;
  }
  .serve_down_in .main_con .tit .search, .product_in .search {
    width: 100%;
  }
  .serve_down_in.down_in_cpc .main_con button, .product_in .search button {
    margin-top: 13px;
  }
  /* study */
  .study_in_t .pic {
    height: 13em;
  }
  .study_in_b_list_con a {
    height: 15em;
  }
  .study_in_b_sort a {
    padding: 0 8px;
    margin-bottom: 8px;
  }
  .study_banner {
    height: 12em !important;
  }
  .banner_txt p {
    font-size: 12px;
  }
  .study_banner .banner_txt {
    padding-top: 4em;
  }
  .study_in_t .pic img {
    height: 100%;
  }
  .study_in_t .pic .txt {
    padding: 0 1em;
  }
  .study_detail_in .part1 .txt {
    padding: 3em 1em;
  }
  .study_nav .sort a {
    font-size: 14px;
    border: none;
    padding: 0 .5rem;
  }
  .study_nav .sort a.active {
    font-size: 16px;
  }
  /*.study_tech_in_con li .pic{height: 7em;}*/
  .study_nav .search {
    float: none;
    margin: 1em auto 0.5em;
    width: 200px;
  }
  .study_nav .search input {
    font-size: 14px;
    width: 100%;
    max-width: 100%;
  }
  .banner.about_contact_banner {
    height: 32em !important;
  }
  .banner {
    height: 12em !important;
  }
  .banner_txt {
    padding-top: 3.8em !important;
  }
  .banner.study_active .banner_txt {
    padding-top: 4.8em !important;
  }
  .study_tech_in_con {
    margin-left: 0;
    margin-right: 0;
  }
  .study_tech_in_con .tips span {
    font-size: 12px;
  }
  .study_tech_in_con .tips span {
    line-height: 1em;
    /* padding-left: 1.5em; */
  }
  .study_tech_in_con li .pic {
    border-radius: 8px 8px 0 0;
  }
  .study_tech_in_con p {
    padding: 0 10px;
    margin: 0.5rem 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .study_tech_in_con .tips span.lr, .study_tech_in_con .tips span.lt {
    background-size: auto 100%;
  }
  /* .study_active_in_con .pic{height:8em;}*/
  /* product_detail */
  .header_t_links li {
    margin-left: 15px;
  }
  .header_t_logos li {
    padding-right: 10px;
    margin-right: 10px;
  }
  .search_wrap .wrap {
    padding: 1.5em 0.5em 3em;
  }
  .banner.banner_search {
    height: 10em;
  }
  .search_wrap_list a {
    font-size: 12px;
    padding: 0 9px;
  }
  .search_wrap_list a.active {
    font-size: 14px;
  }
  .search_wrap_cont .slide1 .text, .search_wrap_cont .slide1.slide2 .text, .search_wrap_cont .slide4 .text {
    width: 100%;
    margin-left: 0;
  }
  .search_wrap_cont .slide1 .text p {
    margin: 0.5em 0 1.7em;
  }
  .search_wrap_cont .more {
    margin-bottom: 0;
  }
  .search_wrap_cont .swiper-slide li {
    margin-top: 1em;
  }
}

.invalid-feedback {
  display: inline-block;
  color: #c00202;
  font-size: 14px;
  margin-top: .3rem;
}

div.error {
  margin-bottom: 2rem;
}

div.error label.error {
  color: #c00202;
  display: block;
  padding: 5px 1rem;
  text-align: center;
}

.subnav {
  display: none;
}

@media (min-width: 992px) {
  .subnav {
    position: absolute;
    left: 0;
    top: 76px;
    width: 100%;
    background-color: #fff;
    z-index: 9000;
  }
}

.nav li.l1 dl {
  display: block;
}

@media (min-width: 992px) {
  .nav li.l1 dl {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    top: auto;
  }
}

/* .logo img {
  max-width: 279px;
} */

@media screen and (max-width: 767px) {
  .logo img {
    max-width: 118px;
  }
}

@media (max-width: 1100px) {
  .fl-about-text .title h2 {
    font-size: 1.7rem;
  }
}

@media (max-width: 996px) {
  .fl-about-text .title h2 {
    font-size: 1.5rem;
  }
  .fl-about-text .about_value_txt p {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}

.logo {
  max-width: 279px;
  line-height: 76px;
  display: inline-block;
}

@media (max-width:1280px) {
  .nav li {
    margin-left: 18px;
  }
  .logo {
    max-width: 200px;
  }
}

@media (max-width:1024px) {
  body {
    padding-top: 55px;
  }
  .top_nav_empty {
    height: 40px;
  }
  .top_nav {
    line-height: 40px;
    height: 40px;
  }
  .top_nav.on {
    top: 55px;
  }
  /* header */
  .header .header_t{
    display: none;
  }
  /* .header .header_t .header_t_links .qnav {
    display: none;
  } */
  /* .header_t_links li{
    float: right;
  } */
  /* .header_t_logos li{
    display: none;
  } */
  .menu {
    display: block;
  }
  .menu span {
    background: #00b0ec;
  }
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    background: white;
    z-index: 88;
    margin-left: -100%;
    padding-top: 4em;
  }
  .nav.on {
    margin-left: 0;
  }
  .nav span.close {
    display: none;
    float: right;
    padding-top: 5px;
    padding-right: 5px;
    cursor: pointer;
  }
  .nav li {
    width: 95%;
    text-align: left;
    margin-left: 5%;
  }
  .nav .logo-list{
    display: flex;
}
  .nav li.l1 {
    position: static;
  }
  .nav dl {
    position: static;
  }
  .nav li>a:after, .nav li>a:hover:after {
    display: none;
  }
  .nav dl {
    margin-left: 0;
    text-align: left;
    background: none;
  }
  .nav li.l1 dl dd .pic {
    display: none;
  }
  .nav li.l1 dl dd .list a {
    padding: 13px 2px;
    font-size: 13px;
  }
  .header_search {
    margin-top: 20px;
  }
  .menu {
    margin-top: 19px;
    z-index: 99;
  }
  .nav li.l1 dl .wrap {
    max-width: 100%;
  }
  .nav dl a {
    font-size: 13px;
  }
  .header_b {
    height: 55px;
    line-height: 55px;
  }
  .header_search {
    margin-top: 0;
  }
  .logo {
    float: none;
    margin: 0 auto;
    margin-right: -15px;
    line-height: 55px;
    max-width: 145px;
  }
  .header_search {
    margin-left: 0;
    padding-left: 0;
  }
  /*产品详情*/
  .product_detail .part_2 .txt{
    padding-bottom: 8%;
    width: 100%;
    text-align: center;
  }
  .product_detail .part_2 .pic {
    max-width: 80%;
  }
  .product_detail .part_2 .txt li {
    float: none;
    display: inline-block;
  }
  .product_detail .part_7 .pic img {
    max-width: 100%;
  }
  .product_detail .part_7 p {
    font-size: 1.2em;
  }
  .product_detail .part_7 .pic {
    width: 100%;
  }
}
@media (max-width: 560px){
  .product_detail .part_2 .txt{
    padding-bottom: 0;
  }
}

.catalogue_list .catalogue_item {
  width: 32.2%;
  margin-right: 1.4%;
  margin-bottom: 1em;
}

.catalogue_list .catalogue_item:nth-child(3n) {
  margin-right: 0;
}

.catalogue_item .catalogue_img_box {
  width: 100%;
  background: #f7f9fa;
  padding: 5%
}

.catalogue_item .catalogue_title {
  /* font-size: 16px;  */
  line-height: 36px;
  padding: 0 5px;
}

.catalogue_title .new .icon-new {
  font-size: 1.875rem;
  color: #ffc663;
  line-height: 26px;
}

@media screen and (max-width: 766px) {
  .catalogue_list .catalogue_item {
    width: 49.3%;
  }
  .catalogue_list .catalogue_item:nth-child(2n) {
    margin-right: 0;
  }
  .catalogue_list .catalogue_item:nth-child(3n) {
    margin-right: 1.4%;
  }
  .catalogue_item .catalogue_title {
    font-size: 12px;
  }
  .catalogue_title .new .icon-new {
    font-size: 1.575rem;
  }
}

.product_detail .part_22 {
  padding: 5% 0 0 0;
}

.part_22 .part_22_wrap {
  width: 1280px;
  display: flex;
  flex-direction: column;
}

.product_detail .part_22 .case_list {
  padding: 4em 0;
}

.part_22 .case_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.part_22_wrap .case_list .case_item {
  width: 24.5%;
  margin-right: 0.66%;
  height: 23em;
}

.part_22_wrap .case_list .case_item:last-child {
  margin-right: 0;
}

.case_list a {
  display: block;
  height: 100%;
  position: relative;
  color: #f2f2f2;
  overflow: hidden;
}

.case_list img:not(:last-child) {
  max-width: inherit;
  width: 100%;
  height: 100%;
  transition: .8s;
  object-fit: cover;
}

.case_list .case_item:not(:last-child):hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

.case_list .txt {
  position: absolute;
  bottom: 0;
  padding: 1.5em 1.3em;
  box-sizing: border-box;
  line-height: 1.625em;
}

.part_22 .case_list .case_item:not(:last-child):hover {
  box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
}

.part_22 .case_list .txt h3 {
  font-size: 1.125em;
  margin-bottom: 5px;
}

.part_22 .case_list .txt p {
  font-size: 12px !important;
  overflow: hidden;
  line-height: 2.2em;
}

@media (max-width:1367px) {
  .part_22 .part_22_wrap {
    width: 1068px;
  }
  .part_22_wrap .case_list .case_item {
    height: 20em;
  }
}

@media (max-width:1100px) {
  .part_22 .part_22_wrap {
    width: 100vw;
  }
  .part_22_wrap .case_list .case_item {
    width: 35%;
    margin-right: 0;
    margin-bottom: .75%;
  }
  .part_22_wrap .case_list .case_item:nth-child(odd) {
    margin-right: .75%;
  }
}

@media (max-width:768px) {
  .part_22 .part_22_wrap {
      width: 100vw;
  }
  .part_22_wrap .case_list .case_item {
      width: 43%;
      margin-right: 0;
      margin-bottom: 1%;
      height: 20em;
  }
  .part_22_wrap .case_list .case_item:nth-child(odd) {
      margin-right: 1%;
  }
  .case_list .txt {
      padding: 1em;
  }
  .part_22 .case_list .txt p {
      line-height: 1.5em;
      padding: 0 !important;
  }
}

@media (max-width:560px) {
  .product_detail .part_22 {
    background: #f4f4f4;
  }
  .part_22 .part_22_wrap {
    width: 100vw;
  }
  .product_detail .part_22 .case_list {
    padding: 2em 0;
  }
  .part_22_wrap .case_list .case_item {
    width: 75%;
    margin-right: 0;
    margin-bottom: 1.5%;
    height: 15em;
  }
  .part_22_wrap .case_list .case_item:last-child {
    height: 18vh;
  }
  .part_22_wrap .case_list .case_item:last-child img {
    max-width: 40%;
  }
  .case_list .txt {
    padding: .8em;
  }
  .part_22 .case_list .txt p {
    line-height: 1.5em;
    padding: 0 !important;
  }
}

/* 5c */
.page-product-detail-t1 .s11 .col-lg-7 .item, .page-product-detail-t1 .s11 .col-lg-5 .item {
  background-position: 75%;
  background-size: cover;
}

@media (max-width: 767px) {
  .page-product-detail-t1 .s10 .item {
      height: 220px;
      margin-bottom: 15px;
  }
  .page-product-detail-t1 .s10 .item img {
      bottom: 0;
  }
  .page-product-detail-t1 .s10 .item .txt-container {
      background-color: hsla(0, 0%, 100%, 0);
      color: #fff;
      opacity: 1;
  }
  .page-product-detail-t1 .s10 .item .txt {
      text-align: right;
      margin: 0 20px;
  }
  .page-product-detail-t1 .s10 .col-lg-4:last-child .item {
      margin: 0;
  }
  .page-product-detail-t1 .s10 .col-lg-4:last-child .item .txt {
      text-align: left;
  }
  .page-product-detail-t1 .s11 .col-lg-7 {
      margin-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .page-product-detail-t1 .s10 .col-lg-4 {
      flex: 1;
  }
  .page-product-detail-t1 .s10 .container .row .col-lg-4:first-child {
      padding-right: 0;
  }
  .page-product-detail-t1 .s10 .container .row .col-lg-4:last-child {
      padding-left: 0;
  }
  .page-product-detail-t1 .s10 .item {
      height: 350px;
  }
  .page-product-detail-t1 .s10 .item img {
      bottom: 3rem;
  }
  .page-product-detail-t1 .s10 .item .txt-container {
      background-color: hsla(0, 0%, 100%, 0);
      color: #fff;
      opacity: 1;
  }
  .page-product-detail-t1 .s10 .item .txt {
      top: 3%;
      transform: translateY(0);
  }
  .page-product-detail-t1 .s10 .col-lg-4:last-child .item img {
      width: 78%;
  }
  .page-product-detail-t1 .s11 .col-lg-7 {
      flex: 3;
  }
  .page-product-detail-t1 .s11 .col-lg-5 {
      flex: 2;
  }
  .page-product-detail-t1 .s11 .col-lg-6 {
      flex: 1;
  }
  .page-product-detail-t1 .s11 .col-lg-7 .item {
      background-position: 75%;
      background-size: cover;
  }
  .page-product-detail-t1 .s11 .col-lg-5 .item {
      background-position: 65%;
      background-size: cover;
  }
}

@media (min-width: 992px) and (max-width: 1024px)  {
  .page-product-detail-t1 .s10 .col-lg-4 {
      flex: 1;
      padding: 0 15px !important;
      margin: 0;
  }
  .page-product-detail-t1 .s11 .col-lg-5 .item {
      background-position: 65%;
  }
  .page-product-detail-t1 .s10 .item .txt-container {
      background-color: hsla(0, 0%, 100%, 0);
      color: #fff;
      opacity: 1;
  }
  .page-product-detail-t1 .s10 .item {
      height: 500px;
  }
  .page-product-detail-t1 .s10 .item .txt {
      top: 7%;
      transform: translateY(0);
  }
  .page-product-detail-t1 .s10 .col-lg-4:last-child .item img {
      width: 82%;
  }
  .page-product-detail-t1 .s11 .col-lg-7 .item {
      background-position: 100%;
  }
}

.pages ul li a{
  display: block;
}

/*# sourceMappingURL=styles.css.map */