/**
 * style.less
 * 层叠样式表
 */
.ff {
   font-family: 'iconfont' !important;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus,
a:link {
   outline: none !important;
}
@font-face {
   font-family: 'iconfont';

   src: url('../fonts/iconfont.eot?t=1481266234445');
   src: url('../fonts/iconfont.eot?t=1481266234445#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1481266234445') format('woff'), url('../fonts/iconfont.ttf?t=1481266234445') format('truetype'), url('../fonts/iconfont.svg?t=1481266234445#iconfont') format('svg');
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on October 19, 2017 3:41 AM */
@font-face {
   font-family: 'Estrangelo Edessa';
   font-weight: normal;
   font-style: normal;

   src: url('../fonts/EstrangeloEdessa.eot');
   src: url('../fonts/EstrangeloEdessa.eot?#iefix') format('embedded-opentype'), url('../fonts/EstrangeloEdessa.woff2') format('woff2'), url('../fonts/EstrangeloEdessa.woff') format('woff'), url('../fonts/EstrangeloEdessa.ttf') format('truetype'), url('../fonts/EstrangeloEdessa.svg#EstrangeloEdessa') format('svg');
}
body {
   font-family: Arial, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
   font-size: 14px;
   font-weight: normal;

   color: #333;

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
body.fixed {
   position: fixed;

   overflow: hidden;

   width: 100%;
   height: 100%;
}
body.searchactive {
   position: fixed;

   overflow: hidden;

   width: 100%;
   height: 100%;
}
@media (min-width: 1470px) {
   .container {
      width: 1440px;
   }
}
@media (max-width: 767px) {
   .col-xs-6:nth-child(2n+1) {
      padding-right: 7.5px;
   }
   .col-xs-6:nth-child(2n) {
      padding-left: 7.5px;
   }
}
li,
ol,
ul {
   list-style: none;
}
a {
   color: inherit;
}
a:hover,
a:link,
a:visited {
   text-decoration: none;

   color: inherit;
}
input[type=number] {
   -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   margin: 0;

   -webkit-appearance: none;
}
ul {
   margin: 0;
   padding: 0;
}
button,
input,
textarea {
   resize: none;

   border: none;
   outline: none;
}
a {
   text-decoration: none;

   color: inherit;
}
a:hover {
   text-decoration: none;

   color: inherit;
}
a:visited,
a:link {
   text-decoration: none;

   color: inherit;
}
.img-box {
   position: relative;

   display: block;
   overflow: hidden;

   height: 0;
   padding-bottom: 100%;
}
.img-box img {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;
}
.img-box img[src=''],
.img-box img:not([src]) {
   opacity: 0;
   border: 0;
}
.header {
   position: relative;
   z-index: 11;

   width: 100%;
}
@media (max-width: 1199px) {
   .header {
      height: 70px;
   }
}
.header .top {
   overflow: hidden;

   height: 35px;

   text-align: center;

   background-color: #056eff;
}
@media (max-width: 1199px) {
   .header .top {
      display: none;
   }
}
.header .top p {
   font-size: 14px;
   line-height: 35px;

   display: inline-block;
   float: left;

   margin: 0;

   color: #fff;
}
.header .top .cart {
   line-height: 35px;

   position: relative;

   display: inline-block;
   float: right;

   margin-top: 0px;

   color: #fff;
}
.header .top .cart a {
   display: block;
}
.header .top .cart a:before {
   font-family: 'iconfont' !important;
   font-size: 16px;

   display: inline-block;

   width: 35px;
   height: 35px;
   margin-right: 20px;

   content: '\e726';

   border: 1px solid #fff;
   border-radius: 50%;
}
.header .top .cart span {
   font-family: Arial, 'Montserrat', 'Helvetica Neue', Helvetica;
   font-size: 12px;
   line-height: 18px;

   position: absolute;
   top: 0;
   left: 26px;

   display: inline-block;

   width: 18px;
   height: 18px;

   border-radius: 50%;
   background-color: #e2574c;
}
.header .top-nav {
   /* 标准的语法 */
   height: 80px;

   background-color: rgba(0, 0, 0, .46);
}
@media (max-width: 1199px) {
   .header .top-nav {
      height: 70px;
   }
}
.header .logo {
   position: relative;

   float: left;

   height: 72px;
   margin-top: 4px;

   -webkit-transition: all .4s;
   transition: all .4s;
}
@media (max-width: 1199px) {
   .header .logo {
      float: none;

      height: 60px;
      margin-top: 5px;

      text-align: center;
   }
}
.header .logo a {
   display: block;

   height: 100%;
}
.header .logo img {
   display: inline-block;

   height: 100%;

   vertical-align: middle;
}
.header .logo p {
   line-height: 1;

   display: inline-block;

   margin: 0;

   vertical-align: middle;
   text-transform: uppercase;

   color: #fff;
}
@media (max-width: 1199px) {
   .header .logo p {
      text-align: left;
   }
}
.header .logo p b {
   font-size: 30px;

   display: block;
}
@media (max-width: 1199px) {
   .header .logo p b {
      font-size: 20px;
   }
}
.header .logo p span {
   font-size: 20px;
   font-weight: 300;

   display: block;
}
@media (max-width: 1199px) {
   .header .logo p span {
      font-size: 16px;
   }
}
.header .nav-collapse {
   position: relative;
   top: 0;
   right: 0;

   display: none;
   float: right;

   width: 40px;
   height: 40px;
   padding: 0;

   cursor: pointer;

   background: none;
}
@media (max-width: 1199px) {
   .header .nav-collapse {
      display: block;

      margin-top: -50px;
   }
   .header .nav-collapse.nav-collapse-1 {
      position: absolute;
      z-index: 9999;
      top: 0;
      right: 0;

      display: block;

      margin-top: 10px;

      border: none;
   }
   .header .nav-collapse.nav-collapse-1 .btn-line {
      background-color: #fff !important;
   }
}
@media (max-width: 767px) {
   .header .nav-collapse {
      position: absolute;
      margin-top: 14px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .header .nav-collapse.nav-collapse-xs:hover .btn-line {
      background-color: #000;
   }
}
.header .nav-collapse .btn-line {
   position: absolute;
   left: 50%;

   width: 20px;
   height: 2px;

   -webkit-transition: all .5s ease;
   transition: all .5s ease;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);

   background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1) {
   position: absolute;

   display: block;

   width: 20px;
   height: 2px;

   content: '';
   -webkit-transition: all .5s ease;
   transition: all .5s ease;

   background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(1) {
   top: 35%;
}
.header .nav-collapse .btn-line:nth-child(2) {
   top: 50%;
}
.header .nav-collapse .btn-line:nth-child(3) {
   top: 65%;
}
.header .nav-collapse.active {
   border-color: transparent;
}
.header .nav-collapse.active .btn-line {
   background-color: #fff;
}
.header .nav-collapse.active .btn-line:nth-child(2) {
   -webkit-transform: translateX(-50px);
   -ms-transform: translateX(-50px);
   transform: translateX(-50px);

   opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(1) {
   top: 50%;
   left: 50%;

   -webkit-transform: translateX(-50%) rotateZ(45deg);
   -ms-transform: translateX(-50%) rotate(45deg);
   transform: translateX(-50%) rotateZ(45deg);
}
.header .nav-collapse.active .btn-line:nth-child(3) {
   top: 50%;
   left: 50%;

   -webkit-transform: translateX(-50%) rotateZ(-45deg);
   -ms-transform: translateX(-50%) rotate(-45deg);
   transform: translateX(-50%) rotateZ(-45deg);
}
@media (min-width: 1200px) {
   .header .nav {
      float: right;
   }
}
@media (max-width: 1199px) {
   .header .nav {
      position: fixed;
      z-index: 9998;
      top: 0;
      left: 0;

      display: none;

      width: 100%;
      height: 100%;
      padding: 0 50px;

      -webkit-transition: left .3s;
      transition: left .3s;
      text-align: left;
      text-align: center;

      background: #fafafa;
      background-color: #056eff;
   }
   .header .nav .tbl {
      display: table;

      width: 100%;
      height: 100%;
   }
   .header .nav .tbl-cell {
      display: table-cell;

      height: 100%;

      vertical-align: middle;
   }
}
@media (max-width: 767px) {
   .header .nav {
      width: 100%;
      padding: 30px;
   }
}
.header .nav.left-100 {
   left: -100%;
}
.header .nav.left-200 {
   left: -200%;
}
@media (min-width: 1200px) {
   .header .nav .nav-list1>li {
      float: left;
   }
   .header .nav .nav-list1>li>a {
      font-family: Arial, 'Montserrat', 'Helvetica Neue', Helvetica;
      font-size: 12px;
      /*font-size: 14px;*/
      line-height: 80px;

      position: relative;

      display: inline-block;

      padding: 0 16px;

      -webkit-transition: all .4s;
      transition: all .4s;
      text-transform: uppercase;

      color: #fff;
   }
   .header .nav .nav-list1>li.more>a:after {
      display: inline-block;

      width: 0;
      height: 0;
      margin-top: -4px;
      margin-left: 4px;

      content: '';
      vertical-align: middle;

      border-width: 3px 3px 0 3px;
      border-style: solid;
      border-color: #d3d4d6 transparent transparent transparent;
   }
   .header .nav .nav-list1>li:hover>a,
   .header .nav .nav-list1>li.active>a {
      color: #8ab2e8;
   }
   .header .nav .nav-list1>li:hover>a:after,
   .header .nav .nav-list1>li.active>a:after {
      border-color: #8ab2e8 transparent transparent transparent;
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 {
      left: auto;

      width: 190px;
      height: auto !important;
      padding: 20px 0;

      background-color: rgba(0, 0, 0, .75);
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li {
      list-style: none;
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li>a {
      font-family: Arial, 'Montserrat', 'Helvetica Neue', Helvetica;
      line-height: 30px;

      position: relative;
      z-index: 1;

      display: block;

      padding: 0 30px;

      -webkit-transition: -webkit-transform .6s ease;
      transition: -webkit-transform .6s ease;
      transition: transform .6s ease;
      transition: transform .6s ease, -webkit-transform .6s ease;
      text-transform: uppercase;

      color: #fff;
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li>a:hover {
      text-decoration: underline;

      color: #8ab2e8;
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li .pic {
      max-width: 260px;
      margin-left: 40px;
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li .pic img {
      max-width: 100%;
   }
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li .pic .img-box {
      padding-bottom: 69.23076923%;
   }
   .header .nav .nav-list1 .nav-list2 {
      position: absolute;
      z-index: 50;
      top: 100%;
      left: 0;

      display: none;

      width: 100%;
   }
   .header .nav .nav-list1 .nav-list2 ul {
      overflow: hidden;

      padding: 5px;

      background-color: #fff;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
   }
   .header .nav .nav-list1 .nav-list2 ul li {
      float: left;

      width: 8.33333333%;
      padding: 5px;
   }
   .header .nav .nav-list1 .nav-list2 ul li .pic {
      position: relative;

      border: 1px solid #056eff;
      background-color: #000;
   }
   .header .nav .nav-list1 .nav-list2 ul li .pic .img-box {
      padding-bottom: 56.6666666%;
   }
   .header .nav .nav-list1 .nav-list2 ul li .pic .img-box img {
      -webkit-transition: all 1s;
      transition: all 1s;

      opacity: .6;
   }
   .header .nav .nav-list1 .nav-list2 ul li .pic p {
      font-size: 12px;
      line-height: 1.16666667;

      position: absolute;
      top: 50%;

      width: 100%;
      padding: 0 2px;

      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;

      color: #fff;
   }
   .header .nav .nav-list1 .nav-list2 ul li .pic:hover .img-box img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      opacity: .8;
   }
   .header .nav .nav-list1 .nav-list3 {
      position: absolute;
      left: 100%;

      display: none;

      margin-top: -44px;
      padding: 20px 0;

      background-color: rgba(255, 255, 255, .95);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
   }
   .header .nav .nav-list1 .nav-list3 li>a {
      font-size: 14px;
      line-height: 1.71428571;
   }
}
@media (min-width: 1200px) and (max-width: 1560px) {
   .header .nav .nav-list1>li>a {
      padding: 0 2px;
      /*padding: 0 10px;*/
   }
}
@media (min-width: 1200px) and (max-width: 1199px) {
   .header .nav .nav-list1>li:nth-child(5) .nav-list2 li .pic {
      display: none;
   }
}
@media (min-width: 1200px) and (max-width: 1560px) {
   .header .nav .nav-list1 .nav-list2 ul li {
      width: 10%;
   }
}
@media (max-width: 1199px) {
   .header .nav .nav-list1 {
      margin: 20px 0;

      opacity: 0;
   }
   .header .nav .nav-list1>li {
      -webkit-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
      transform: translateX(-25px);

      opacity: 0;
   }
   .header .nav .nav-list1>a {
      font-size: 20px;

      color: #fff;
   }
}
@media (max-width: 1199px) {
   .header .nav .nav-list2,
   .header .nav .nav-list3 {
      display: none;
   }
   .header .nav .nav-list2 a,
   .header .nav .nav-list3 a {
      font-size: 16px;
      line-height: 2;

      margin-top: 5px;

      color: #fff;
   }
}
.header .nav .nav-list2 a,
.header .nav .nav-list3 a {
   display: block;
}
@media (max-height: 580px) {
   .header .nav .nav-list2 a,
   .header .nav .nav-list3 a {
      margin-top: 0;
   }
}
.header .nav-2,
.header .nav-3 {
   display: none;
}
@media (max-width: 1199px) {
   .header .nav-2,
   .header .nav-3 {
      position: absolute;
      z-index: 9999;
      top: 0;

      display: block;
      overflow: hidden;

      width: 100%;
      height: 100%;
      padding: 5px 20px;

      -webkit-transition: left .3s;
      transition: left .3s;
      text-align: left;
      text-align: center;

      color: #fff;
      background: #fafafa;
      background-color: #056eff;
   }
}
.header .nav-2 .nav-top,
.header .nav-3 .nav-top {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before {
   font-family: 'iconfont';
   font-size: 26px;

   content: '\e9b5';
}
.header .nav-2 .nav-top h2,
.header .nav-3 .nav-top h2 {
   font-size: 30px;

   margin: 0;

   text-transform: uppercase;
}
@media (max-width: 767px) {
   .header .nav-2 .nav-top h2,
   .header .nav-3 .nav-top h2 {
      font-size: 20px;

      width: 100%;
   }
}
.header .nav-2 .nav-top .nav-collapse-2,
.header .nav-3 .nav-top .nav-collapse-2 {
   margin: 0;
}
.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line {
   background-color: #fff;
}
.header .nav-2 .content,
.header .nav-3 .content {
   overflow: auto;

   height: 80%;
   margin-top: 12%;
}
@media (max-width: 767px) {
   .header .nav-2 .content ul,
   .header .nav-3 .content ul {
      padding: 0 0;
   }
}
.header .nav-2 .content ul li,
.header .nav-3 .content ul li {
   font-size: 20px;
   line-height: 50px;

   text-align: left;
}
@media (max-width: 767px) {
   .header .nav-2 .content ul li,
   .header .nav-3 .content ul li {
      margin: 0;
   }
}
.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more {
   position: relative;
}
.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after {
   font-family: 'iconfont' !important;
   font-size: 16px;

   position: absolute;
   top: 50%;
   right: 0;

   content: '\e72f';
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   color: #fff;
}
.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a {
   display: block;

   text-transform: uppercase;
}
.header .nav-2 {
   left: 100%;
}
.header .nav-3 {
   left: 200%;
}
.header .nav-3 .content ul li {
   font-size: 19px;
}
.header .fade-out ul {
   text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
   .header .fade-out ul {
      padding: 0 5%;
   }
}
@media (max-width: 1199px) {
   .header .fade-out ul .img-box {
      display: none !important;
   }
}
@media (max-width: 1199px) {
   .header .fade-out ul.nav-list1 {
      opacity: 1;
   }
   .header .fade-out ul.nav-list1 a {
      color: #fff;
   }
   .header .fade-out ul.nav-list1>li {
      position: relative;

      margin: 20px 0;
   }
   .header .fade-out ul.nav-list1>li.act {
      -webkit-transition: all .4s;
      transition: all .4s;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);

      opacity: 1;
   }
   .header .fade-out ul.nav-list1>li.more:after {
      font-family: 'iconfont';
      font-size: 18px;

      position: absolute;
      top: 50%;
      right: 0;

      margin-top: -14px;

      content: '\e72f';

      color: #fff;
   }
   .header .fade-out ul.nav-list1>li>a {
      font-size: 22px;
      line-height: 2.5;

      display: block;

      text-transform: uppercase;
   }
   .header .fade-out ul.nav-list1 .nav-list2>li>a {
      font-size: 20px;
   }
}
@media (max-width: 1199px) and (max-width: 767px) {
   .header .fade-out ul.nav-list1>li {
      margin: 0;
   }
}
@media (max-width: 1199px) and (max-height: 768px) {
   .header .fade-out ul.nav-list1 .nav-list2>li>a {
      font-size: 18px;
   }
}
@media (max-width: 1199px) and (max-width: 480px) {
   .header .fade-out ul.nav-list1 .nav-list2>li>a {
      font-size: 14px;
   }
}
.header .fade-out ul.nav2-list2 h4 {
   font-size: 20px;
   line-height: 50px;
}
.header .xs-language {
   position: absolute;
   z-index: 9;
   bottom: 30px;
   left: 35px;
}
@media (min-width: 1200px) {
   .header .xs-language {
      display: none;
   }
}
.header .xs-language a {
   font-size: 16px;

   color: #fff;
}
.header .xs-language span {
   margin: 0 5px;

   color: #fff;
}
.header .search-box {
   position: fixed;
   z-index: 888;
   top: 100%;
   left: 0;

   display: none;
   overflow: hidden;

   width: 100%;
   height: 100%;
   margin-top: 20px;
   margin-top: 0;
   margin-right: 10px;
   padding: 0 3%;

   background-color: rgba(0, 0, 0, .96);
}
.header .search-box .search {
   line-height: 40px;

   overflow: hidden;
   zoom: 1;

   width: 240px;

   border: 1px solid #dbdbdb;
   border-radius: 40px;
}
.header .search-box .search:after {
   display: block;
   visibility: hidden;
   clear: both;

   height: 0;

   content: '';
}
.header .search-box .input-text {
   float: left;

   height: 38px;
   padding-left: 10%;

   background: none;
}
@media (min-width: 768px) {
   .header .search-box .input-text {
      width: 100%;
      padding: 0 50px 0 3%;
   }
}
.header .search-box .input-submit {
   line-height: 36px;

   float: right;

   width: 50px;

   -webkit-animation: fadeInLeft 1s 0s ease both;
   animation: fadeInLeft 1s 0s ease both;

   background: none;
}
.header .search-box .input-submit:before {
   font-family: 'iconfont' !important;
   font-size: 22px;

   content: '\e660';

   color: #343434;
}
@media (min-width: 768px) {
   .header .search-box .input-submit {
      position: absolute;
      right: 0;
      bottom: 20px;
   }
}
.header .search-box.search-xs {
   width: 100%;
   margin: 0;

   border-right: 30px solid transparent;
   border-left: 30px solid transparent;
   background: none;
}
@media (min-width: 1200px) {
   .header .search-box.search-xs {
      display: none;
   }
}
@media (max-width: 1199px) {
   .header .search-box.search-xs {
      position: absolute;
      z-index: 0;
      top: auto;
      right: 0;
      bottom: 0;
      bottom: 30px;

      display: inline-block;

      height: 34px;
   }
}
.header .search-box.search-xs.show {
   z-index: 66;
}
.header .search-box.search-xs.show .search {
   left: 0;
}
.header .search-box.search-xs .search {
   position: absolute;
   z-index: 888;
   top: 0;
   left: 120%;

   width: 100%;

   -webkit-transition: left .3s;
   transition: left .3s;

   border-color: #fff;
   background: #fff;
}
@media (max-width: 360px) {
   .header .search-box.search-xs form .input-text {
      width: 74%;
   }
}
@media (max-width: 767px) {
   .header .search-box.search-xs form .input-text {
      padding-left: 5%;
   }
}
.header .search-box.search-xs .input-submit {
   line-height: 34px;

   background: #fff;
}
.header .search-box.search-xs .input-submit:before {
   color: #104384;
}
.header .search-icon {
   position: absolute;
   z-index: 10;
   top: 18px;
   left: 15px;

   display: inline-block;

   cursor: pointer;
}
.header .search-icon:before {
   font-family: 'iconfont' !important;
   font-size: 18px;

   content: '\e660';

   color: #056eff;
}
.header .search-lg {
   top: 0;
}
.header .search-lg .logo {
   margin-top: 20px;
   margin-left: 0;
}
.header .search-lg .search {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;

   width: 100%;
   max-width: 90%;
   margin: auto;
   padding: 0 10px;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   border: none;
   border-bottom: 3px solid #1f1e1e;
   border-radius: 0;
}
.header .search-lg .search p {
   margin-bottom: 50px;

   -webkit-animation: zoomIn 1s 0s ease both;
   animation: zoomIn 1s 0s ease both;
   text-align: center;
   letter-spacing: 2px;

   color: #fff;
}
.header .search-lg .input-text {
   font-size: 20px;
   line-height: 30px;

   width: 80%;
   height: 60px;
   padding: 0;
   padding-bottom: 30px;

   -webkit-animation: zoomIn 1s 0s ease both;
   animation: zoomIn 1s 0s ease both;
   text-align: center;

   color: #fff;
}
.header .search-lg .close-btn {
   position: fixed;
   top: 34px;
   right: 18%;

   cursor: pointer;
}
@media (max-width: 1440px) {
   .header .search-lg .close-btn {
      right: 8%;
   }
}
.header .search-lg .close-btn:before {
   font-size: 20px;

   content: '\2716';

   color: #fff;
}
.header .top-center {
   display: inline-block;
}
@media (max-width: 1199px) {
   .header .top-center {
      position: absolute;
      top: 0;
      left: 10px;

      float: left;

      margin-left: 0;
   }
}
.header .top-center .search-pc {
   position: relative;

   display: inline-block;

   width: 210px;
   margin-top: 6px;

   -webkit-transition: all .4s;
   transition: all .4s;
}
@media (max-width: 1199px) {
   .header .top-center .search-pc {
      display: none;
   }
}
.header .top-center .search-pc input {
   font-family: Arial, 'Montserrat', 'Helvetica Neue', Helvetica;
   font-size: 12px;
   line-height: 22px;

   width: 100%;
   padding: 0 14px 0 50px;

   color: #fff;
   border: 1px solid #fff;
   background: none;
}
.header .top-center .search-pc input::-webkit-input-placeholder,
.header .top-center .search-pc textarea::-webkit-input-placeholder {
   color: #e3edf9;
}
.header .top-center .search-pc input:-o-placeholder,
.header .top-center .search-pc textarea:-o-placeholder {
   color: #e3edf9;
}
.header .top-center .search-pc input::-moz-placeholder,
.header .top-center .search-pc textarea::-moz-placeholder {
   color: #e3edf9;
}
.header .top-center .search-pc input:-ms-input-placeholder,
.header .top-center .search-pc textarea:-ms-input-placeholder {
   color: #e3edf9;
}
.header .top-center .search-pc input:focus::-webkit-input-placeholder,
.header .top-center .search-pc textarea:focus::-webkit-input-placeholder {
   color: #fff;
}
.header .top-center .search-pc input:focus::-o-placeholder,
.header .top-center .search-pc textarea:focus::-o-placeholder {
   color: #fff;
}
.header .top-center .search-pc input:focus::-moz-placeholder,
.header .top-center .search-pc textarea:focus::-moz-placeholder {
   color: #fff;
}
.header .top-center .search-pc input:focus::-ms-input-placeholder,
.header .top-center .search-pc textarea:focus::-ms-input-placeholder {
   color: #fff;
}
.header .top-center .search-pc .submit {
   line-height: 24px;

   position: absolute;
   top: 0;
   left: 0;

   width: 40px;
   height: 24px;
   padding: 0;

   border-radius: 0;
   outline: none;
   background: none;
   background-color: #fff;
}
.header .top-center .search-pc .submit:after {
   font-family: 'iconfont' !important;
   font-size: 18px;
   font-weight: normal;

   content: '\e660';

   color: #056eff;
}
.header .right {
   position: absolute;
   top: 0;
   left: 15px;
}
.header .find {
   line-height: 70px;

   display: none;
   float: left;

   cursor: pointer;
   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #fff;
}
.header .find::before {
   font-family: 'iconfont';
   font-size: 20px;

   float: left;

   content: '\e660';
}
@media (max-width: 1199px) {
   .header .find {
      display: block;
   }
}
.header-in {
   margin-top: 0;

   background-color: #61c9fa;
}
.header-in .nav .nav-list1 .nav-list2 {
   top: 100%;

   background-color: #61c9fa;
   box-shadow: none;
}
.header-in .nav .nav-list1 .nav-list3 {
   background-color: #61c9fa;
   box-shadow: none;
}
.header-in .nav .nav-list1 .nav-list2 li a {
   color: #fff;
}
.header-in .nav .nav-list1 .nav-list2 li a:hover {
   color: #fff;
}
.header-in .nav .nav-list1>li:hover>a:after,
.header-in .nav .nav-list1>li.active>a:after {
   bottom: 0;
}
.online {
   position: fixed;
   z-index: 9;
   top: 30%;
   left: 0;

   width: 50px;

   -webkit-transition: all .6s ease;
   transition: all .6s ease;
}
@media (max-width: 991px) {
   .online {
      right: -60px;
      left: auto;
   }
}
.online.active {
   right: 0;
}
.online a {
   line-height: 50px;

   position: relative;

   display: block;

   width: 50px;
   height: 50px;
   margin-top: 2px;

   cursor: pointer;
   text-align: center;
   text-decoration: none;

   border-radius: 0 10px 10px 0;
   background-color: rgba(0, 0, 0, .8);
}
@media (max-width: 991px) {
   .online a {
      border-radius: 10px 0 0 10px;
   }
}
@media (max-width: 1560px) {
   .online a {
      line-height: 40px;

      width: 40px;
      height: 40px;
   }
}
.online a:after {
   font-family: 'iconfont';
   font-size: 20px;

   content: '\e751';

   color: #fff;
}
.online a:hover {
   background-color: #056eff;
}
.online a.online-linkdin:after {
   content: '\e7eb';
}
.online a.online-facebook:after {
   content: '\eab7';
}
.online a.online-tel:after {
   font-size: 22px;

   content: '\e61c';
}
.online a.online-qq:after {
   content: '\e62d';
}
.online a.online-skype:after {
   content: '\e616';
}
.online a.online-email:after {
   font-size: 22px;

   content: '\e6a4';
}
.online a.online-weixin:after {
   font-size: 28px;

   content: '\e613';
}
.online a.online-wechat:after {
   font-size: 22px;

   content: '\e604';
}
.online a.online-top:after {
   font-size: 24px;

   content: '\e622';
}
.online a.online-tel p,
.online a.online-whatsapp p {
   line-height: 50px;

   position: absolute;
   top: 0;
   left: 54px;

   display: none;

   width: 160px;
   height: 50px;

   text-align: center;

   background-color: #fff;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
}
.online a.online-wechat .erweima,
.online a.online-weixin .erweima {
   position: absolute;
   z-index: 999;
   top: 0;
   left: 54px;

   display: block;
   display: none;

   width: 130px;
   height: 160px;
   padding: 5px;

   background-color: #fff;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
}
.online a.online-wechat .erweima img,
.online a.online-weixin .erweima img {
   width: 100%;
}
.online a.online-wechat .erweima p,
.online a.online-weixin .erweima p {
   font-size: 13px;
   line-height: 30px;

   height: auto;
   margin: 0;
   padding: 0;

   text-align: center;

   color: #888;
}
.icon-online {
   font-size: 30px;
   line-height: 46px;

   position: fixed;
   z-index: 9;
   right: 0;
   bottom: 20px;

   display: none;

   width: 46px;
   height: 46px;

   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   text-align: center;

   color: #fff;
   border-radius: 50%;
   background-color: #056eff;
}
@media (max-width: 991px) {
   .icon-online {
      display: block;
   }
}
.icon-online.icon {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
.banner {
   font-size: 0;

   position: relative;

   overflow: hidden;

   width: 100%;
   margin-top: -100px;
}
@media (max-width: 1199px) {
   .banner {
      margin-top: -70px;
   }
}
@media (max-width: 1199px) {
   .banner .slickbanner {
      width: 120%;
      max-width: 120%;
      margin-left: -10%;
   }
}
@media (max-width: 991px) {
   .banner .slickbanner {
      width: 140%;
      max-width: 140%;
      margin-left: -20%;
   }
}
@media (max-width: 767px) {
   .banner .slickbanner {
      width: 180%;
      max-width: 180%;
      margin-left: -40%;
   }
}
.banner .slick-dots {
   position: absolute;
   bottom: 38px;

   width: 100%;
   padding: 0 15px;

   text-align: center;
}
@media (max-width: 1199px) {
   .banner .slick-dots {
      text-align: center;
   }
}
@media (max-width: 767px) {
   .banner .slick-dots {
      bottom: 12px;

      display: none;
   }
}
.banner .slick-dots li {
   display: inline-block;

   width: 12px;
   height: 12px;
   margin: 0 8px;

   cursor: pointer;

   opacity: .65;
   border: 1px solid #056eff;
   border-radius: 50%;
}
.banner .slick-dots li.slick-active,
.banner .slick-dots li:hover {
   opacity: 1;
   background-color: #056eff;
}
.banner .slick-dots li button {
   display: none;
}
.banner img {
   display: block;

   width: 100%;
}
.banner .img-box {
   padding-bottom: 41.66666667%;
}
.banner-in {
   margin-top: -100px;
}
@media (max-width: 1199px) {
   .banner-in {
      margin-top: -70px;
   }
}
.banner-in .img-box {
   padding-bottom: 26.04166667%;
}
.box {
   overflow: hidden;

   padding: 80px 0;
}
@media (max-width: 991px) {
   .box {
      padding: 60px 0;
   }
}
.title {
   text-align: center;
}
.title h2 {
   font-size: 34px;
   font-weight: bold;

   margin: 0;

   text-transform: uppercase;

   color: #056eff;
}
@media (max-width: 991px) {
   .title h2 {
      font-size: 24px;
   }
}
.title p {
   font-weight: bold;
   line-height: 1.71428571;

   margin-top: 10px;

   color: #999;
}
.index-content {
   position: relative;
   z-index: 9;
}
.box-num {
   margin-top: -80px;
   /* margin-top: 60px; */
}
@media (max-width: 767px) {
   .box-num {
      margin-top: 60px;
   }
}
.box-num .num {
   overflow: hidden;

   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
@media (min-width: 1200px) {
   .box-num .num ul {
      width: 100%;
      padding: 20px 0 0 0;

      text-align: justify;
      text-justify: distribute-all-lines;
   }
   .box-num .num ul:after {
      display: inline-block;
      overflow: hidden;

      width: 100%;
      height: 0;
      margin: 0;

      content: '';
   }
}
@media (max-width: 1199px) {
   .box-num .num ul {
      font-size: 0;

      padding: 20px 0;
   }
}
@media (max-width: 767px) {
   .box-num .num ul {
      padding: 20px 10px;
   }
}
.box-num .num ul li {
   display: inline-block;

   padding: 20px 30px;
}
@media(max-width: 1560px) {
   .box-num .num ul li {
      padding: 0 18px;
   }
}
@media (min-width: 1200px) {
   .box-num .num ul li {
      list-style: none;

      text-align: left;
   }
}
@media (max-width: 1199px) {
   .box-num .num ul li {
      width: 50%;
      padding: 20px 15px;

      vertical-align: top;
   }
}
@media (max-width: 767px) {
   .box-num .num ul li {
      width: 50%;
      padding: 20px 6px;
   }
}
.box-num .num .item {
   position: relative;

   padding-left: 100px;
}
@media (max-width: 767px) {
   .box-num .num .item {
      padding-left: 0;

      text-align: center;
   }
}
.box-num .num .item:before {
   font-family: 'iconfont' !important;
   font-size: 36px;
   line-height: 80px;

   position: absolute;
   top: 0;
   left: 0;

   width: 80px;
   height: 80px;

   content: '\e62e';
   text-align: center;

   color: #056eff;
   border: 1px solid #056eff;
   border-radius: 50%;
}
@media (max-width: 767px) {
   .box-num .num .item:before {
      line-height: 60px;

      position: relative;

      display: block;

      width: 60px;
      height: 60px;
      margin: 0 auto;
   }
}
.box-num .num .item h3 {
   font-family: 'Estrangelo Edessa';
   font-size: 46px;
   font-weight: bold;
   line-height: 1;

   margin: 0;
   padding-top: 10px;
}
@media (max-width: 767px) {
   .box-num .num .item h3 {
      font-size: 30px;

      margin: 14px 0 0 0;
   }
}
.box-num .num .item p {
   font-size: 14px;
   line-height: 1.71428571;

   margin: 0;

   color: #aaa;
}
.box-num .num .item-2:before {
   content: '\e630';
   font-size: 42px;
}
.box-num .num .item-3:before {
   content: '\e612';
}
.box-num .num .item-4:before {
   content: '\e62f';
   line-height: 78px;
}
@media (max-width: 767px) {
   .box-num .num .item-4:before {
      line-height: 58px;
   }
}
.box-product {
   font-size: 0;
}
.box-product ul.sort {
   text-align: center;
}
.box-product ul.sort li {
   display: inline-block;

   margin-top: 30px;
}
@media (max-width: 991px) {
   .box-product ul.sort li {
      margin-top: 10px;
   }
}
.box-product ul.sort li a {
   font-size: 24px;
   font-weight: bold;
   line-height: 45px;

   display: inline-block;

   height: 45px;
   padding: 0 30px;

   text-transform: uppercase;
}
@media (max-width: 991px) {
   .box-product ul.sort li a {
      font-size: 16px;
      line-height: 35px;

      display: inline-block;

      height: 35px;
      padding: 0 6px;
   }
}
.box-product ul.sort li a:after {
   display: block;

   width: 0;
   height: 2px;
   margin: 0 auto;

   content: '';

   background-color: #056eff;
}
.box-product ul.sort li.active a {
   color: #056eff;
}
.box-product ul.sort li.active a:after {
   width: 40px;
}
.box-product .list {
   margin-top: 30px;
}
@media (max-width: 991px) {
   .box-product .list {
      margin-top: 0;
   }
}
.box-product .list .item {
   margin-top: 30px;
}
.box-product .list .item .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.box-product .list .item:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.box-product .list .item-2 .img-box {
   padding-bottom: 48.55072464%;
}
.box-product .list .item-1,
.box-product .list .item-2 {
   position: relative;
}
.box-product .list .item-1 p,
.box-product .list .item-2 p {
   font-size: 24px;
   font-weight: bold;
   line-height: 80px;

   position: absolute;
   top: 24px;
   left: 0;

   display: block;
   display: -webkit-box;
   overflow: hidden;

   width: 100%;
   max-width: 60%;
   height: 80px;
   margin: 0;
   padding: 0 60px;

   text-transform: uppercase;

   background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
   background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .box-product .list .item-1 p,
   .box-product .list .item-2 p {
      font-size: 18px;
      line-height: 50px;

      max-width: 80%;
      height: 50px;
      padding: 0 15px;
   }
}
.box-product .list .item-3 {
   padding: 0 15px;
}
.box-product .list .item-3 .pic {
   border: 1px solid #ececec;
}
.box-product .list .item-3 .img-box {
   padding-bottom: 65.02242152%;
}
.box-product .list .item-3 .text {
   padding: 0 20px 20px 20px;
}
.box-product .list .item-3 .text h3 {
   font-size: 14px;
   font-weight: bold;
   line-height: 1.71428571;

   height: 24px;

   -webkit-transition: all .2s;
   transition: all .2s;
   text-transform: uppercase;

   color: #666;
}
.box-product .list .item-3 .text p {
   font-size: 12px;
   line-height: 1.71428571;

   margin: 0;
}
.box-product .list .item-3 .text p a {
   font-size: 12px;
   line-height: 1.66666667;

   position: relative;

   display: -webkit-box;
   overflow: hidden;

   height: 40px;
   padding-right: 100px;

   color: #999;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
@media (max-width: 1199px) {
   .box-product .list .item-3 .text p a {
      padding-right: 60px;
   }
}
.box-product .list .item-3 .text p a span {
   font-size: 12px;
   line-height: 20px;

   position: absolute;
   top: 10px;
   right: 0;

   display: inline-block;

   width: 50px;
   height: 20px;

   text-align: center;

   color: #056eff;
   border: 1px solid #056eff;
   border-radius: 2px;
}
.box-product .list .item-3:hover .text h3 {
   color: #056eff;
}
.box-product .owl-pagination {
   display: none;
}
.box-product .owl-controls .owl-buttons .owl-prev,
.box-product .owl-controls .owl-buttons .owl-next {
   line-height: 36px;

   position: absolute;
   z-index: 9;
   top: 50%;
   left: 15px;

   width: 36px;
   height: 36px;
   margin: 0;
   padding: 0;

   -webkit-transition: all .5s;
   transition: all .5s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   opacity: 1;
   border-radius: 0;
   background-color: #056eff;
}
.box-product .owl-controls .owl-buttons .owl-prev:before,
.box-product .owl-controls .owl-buttons .owl-next:before {
   font-family: 'iconfont';
   font-size: 16px;

   content: '\e601';

   color: #fff;
}
.box-product .owl-controls .owl-buttons .owl-prev:hover,
.box-product .owl-controls .owl-buttons .owl-next:hover {
   background-color: #056eff;
}
.box-product .owl-controls .owl-buttons .owl-prev:hover:before,
.box-product .owl-controls .owl-buttons .owl-next:hover:before {
   color: #fff;
}
.box-product .owl-controls .owl-buttons .owl-next {
   right: 15px;
   left: auto;
}
.box-product .owl-controls .owl-buttons .owl-next:before {
   content: '\e827';
}
.box-choose {
   padding-bottom: 0;

   background-color: #f5f5f5;
}
.box-choose .choose .item {
   position: relative;

   margin-top: 30px;
   padding-left: 120px;
}
@media (max-width: 991px) {
   .box-choose .choose .item {
      padding-left: 90px;
   }
}
.box-choose .choose .item:before {
   font-family: 'iconfont' !important;
   font-size: 50px;
   line-height: 90px;

   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 90px;
   height: 90px;

   content: '\e61f';
   text-align: center;

   color: #056eff;
   border: 1px solid #056eff;
   border-radius: 50%;
}
@media (max-width: 991px) {
   .box-choose .choose .item:before {
      line-height: 70px;

      width: 70px;
      height: 70px;
   }
}
.box-choose .choose .item .note {
   padding-top: 10px;
   padding-bottom: 30px;
   padding-left: 10px;

   border-left: 1px solid #d7d7d7;
}
.box-choose .choose .item .note h3 {
   font-size: 14px;

   margin: 0 0 10px 0;

   text-transform: uppercase;
}
.box-choose .choose .item .note p {
   font-size: 14px;
   line-height: 2.14285714;

   position: relative;

   margin: 0;
   padding-left: 16px;

   color: #999;
}
.box-choose .choose .item .note p:before {
   position: absolute;
   top: 12px;
   left: 0;

   display: block;

   width: 6px;
   height: 6px;

   content: '';

   border-radius: 50%;
   background-color: #d7d7d7;
}
.box-choose .choose .item-2:before {
   content: '\e6e9';
}
.box-choose .choose .item-3:before {
   content: '\e62a';
}
.box-choose .choose .item:hover:before {
   -webkit-animation: swing 1s 0s ease both;
   animation: swing 1s 0s ease both;
}
.box-choose .video {
   position: relative;

   overflow: hidden;

   height: 450px;
   margin-top: 24px;

   background-color: #000;
}
@media (max-width: 991px) {
   .box-choose .video {
      height: 300px;
   }
}
.box-choose .video img {
   -webkit-transition: all .6s ease;
   transition: all .6s ease;
}
.box-choose .video .video-box {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;

   overflow: hidden;

   width: 100%;
   height: 100%;

   text-align: center;
}
.box-choose .video .iframe {
   display: none;

   width: 100% !important;
   height: 100% !important;
}
.box-choose .video .play {
   position: absolute;
   top: 50%;
   left: 0;

   display: inline-block;

   width: 100%;

   -webkit-transition: all .4s;
   transition: all .4s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;

   color: #fff;
}
.box-choose .video .play:before {
   font-family: 'iconfont';
   font-size: 60px;

   display: block;

   content: '\e67f';
}
.box-choose .video:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.box-case .item {
   margin-top: 30px;
}
@media (max-width: 767px) {
   .box-case .item {
      margin-top: 16px;
   }
}
.box-case .item .img-box {
   padding-bottom: 80%;
}
.box-case .item .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.box-case .item:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.box-customer {
   overflow: hidden;

   background: url(../images/customer_bg.jpg) no-repeat top center #f9f9fd;
}
@media (max-width: 991px) {
   .box-customer {
      overflow: hidden;

      background: url(../images/customer_bg.jpg) no-repeat top right #f9f9fd;
   }
}
.box-customer .customer {
   float: right;

   width: 50%;
   margin-top: 40px;

   border: 1px solid #e2e1e9;
}
@media (max-width: 991px) {
   .box-customer .customer {
      width: 100%;
   }
}
.box-customer .customer .title-customer {
   border-bottom: 1px solid #e2e1e9;
}
.box-customer .customer .title-customer h3 {
   font-size: 14px;
   font-weight: bold;
   line-height: 50px;

   margin: 0;
   padding: 0 30px;

   color: #056eff;
   background-color: #f8f7fa;
}
@media (max-width: 991px) {
   .box-customer .customer .title-customer h3 {
      padding: 0 15px;
   }
}
.box-customer .customer .title-customer h3:after {
   display: inline-block;

   width: 87px;
   height: 19px;
   margin-left: 18px;

   content: '';
   vertical-align: middle;

   background: url(../images/star.png) no-repeat;
}
.box-customer .customer .info {
   overflow: auto;

   height: 440px;
}
.box-customer .customer .info .date h3 {
   font-size: 14px;
   font-weight: bold;
   line-height: 40px;

   margin: 0;
   padding: 0 30px;

   border-bottom: 1px solid #e2e1e9;
   background-color: #f8f7fa;
}
@media (max-width: 991px) {
   .box-customer .customer .info .date h3 {
      padding: 0 15px;
   }
}
.box-customer .customer .info .list .item {
   padding: 30px;

   border-bottom: 1px solid #e2e1e9;
}
@media (max-width: 991px) {
   .box-customer .customer .info .list .item {
      padding: 15px;
   }
}
.box-customer .customer .info .list .item img {
   max-width: 100%;
}
.box-customer .customer .info .list .item:last-child {
   border-bottom: none;
}
.box-about {
   overflow: hidden;
}
.box-about .about {
   font-size: 0;

   margin: 0 -15px;
}
.box-about .about .pic,
.box-about .about .text {
   display: inline-block;

   width: 50%;
   margin-top: 30px;
   padding: 0 15px;

   vertical-align: middle;
}
@media (max-width: 991px) {
   .box-about .about .pic,
   .box-about .about .text {
      width: 100%;
   }
}
.box-about .about .pic img {
   width: 100%;
}
.box-about .about .text p {
   font-size: 14px;
   line-height: 2.14285714;

   margin: 0;
}
.box-about .about .text .more {
   margin-top: 30px;

   text-align: right;
}
.box-about .about .text .more a {
   font-size: 14px;
   line-height: 46px;

   display: inline-block;

   height: 50px;
   padding: 0 24px;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-transform: uppercase;

   color: #999;
   border: 2px solid #999;
}
.box-about .about .text .more a:hover {
   color: #fff;
   border-color: #056eff;
   background-color: #056eff;
}
/* .box-news
{
    background-color: #f0f0ed;
}
.box-news .news
{
    position: relative;

    height: 70px;
    padding: 0 90px;
}
@media (max-width: 767px)
{
    .box-news .news
    {
        padding: 0 30px 0 0;
    }
}
.box-news .news:before
{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 58px;
    height: 54px;
    margin: 0 auto;

    content: '';

    background: url(../images/news-icon.png);
}
@media (max-width: 767px)
{
    .box-news .news:before
    {
        display: none;
    }
}
.box-news .news .item
{
    position: relative;

    padding: 8px 70px 8px 70px;
}
.box-news .news .item .pic
{
    position: absolute;
    top: 8px;
    left: 0;

    overflow: hidden;

    width: 54px;
    height: 54px;

    border: 2px solid #fff;
    border-radius: 50%;
}
.box-news .news .item p
{
    font-weight: bold;
    line-height: 54px;

    display: -webkit-box;
    overflow: hidden;

    height: 54px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.box-news .news .item a
{
    display: block;
}
.box-news .news .item .date
{
    line-height: 54px;

    position: absolute;
    top: 8px;
    right: 0;

    color: #056eff;
}
.box-news .news .item:hover p
{
    color: #056eff;
}
.box-news .slick-arrow
{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0;

    display: none !important;

    margin: 0;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: none;
}
@media (max-width: 991px)
{
}
.box-news .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 24px;
    line-height: 50px;

    display: block;

    width: 90px;
    height: 50px;

    content: '\e601';
    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;

    color: #666;
}
@media (max-width: 991px)
{
    .box-news .slick-arrow:before
    {
        font-size: 20px;

        width: 20px;
    }
}
.box-news .slick-arrow.slick-next
{
    right: -90px;
    left: auto;

    display: block !important;
}
@media (max-width: 991px)
{
    .box-news .slick-arrow.slick-next
    {
        right: -30px;
    }
}
.box-news .slick-arrow.slick-next:before
{
    content: '\e827';
}
.box-news .slick-arrow:hover:before
{
    color: #056eff;
} */
.box-message {
   border-top: 1px solid #848282;
   background-color: #f0f0ed;
}
.box-message .message {
   position: relative;

   overflow: hidden;
}
.box-message .message p {
   font-weight: bold;
   line-height: 30px;

   float: left;

   width: 70%;
   margin: 0;
   padding: 20px 0;

   text-transform: uppercase;
}
@media (max-width: 991px) {
   .box-message .message p {
      width: 60%;
   }
}
@media (max-width: 767px) {
   .box-message .message p {
      width: 100%;
   }
}
.box-message .message form {
   position: relative;

   float: left;

   width: 30%;
   margin: 15px 0;
   padding-right: 60px;
}
@media (max-width: 991px) {
   .box-message .message form {
      width: 40%;
   }
}
@media (max-width: 767px) {
   .box-message .message form {
      width: 100%;
      margin-top: 0;
      margin-bottom: 30px;
   }
}
.box-message .message form .submit {
   position: absolute;
   top: 0;
   right: 0;

   width: 54px;
   height: 40px;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #fff;
   border-radius: 0;
   background-color: #056eff;
}
.box-message .message form .submit:hover {
   background-color: #004cb5;
}
.box-message .message form input {
   line-height: 24px;

   width: 100%;
   height: 40px;
   padding: 7px 14px;

   border: 1px solid #ccc;
}
.box-message .message form input::-webkit-input-placeholder,
.box-message .message form textarea::-webkit-input-placeholder {
   color: #757575;
}
.box-message .message form input:-o-placeholder,
.box-message .message form textarea:-o-placeholder {
   color: #757575;
}
.box-message .message form input::-moz-placeholder,
.box-message .message form textarea::-moz-placeholder {
   color: #757575;
}
.box-message .message form input:-ms-input-placeholder,
.box-message .message form textarea:-ms-input-placeholder {
   color: #757575;
}
.box-message .message form input:focus::-webkit-input-placeholder,
.box-message .message form textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.box-message .message form input:focus::-o-placeholder,
.box-message .message form textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.box-message .message form input:focus::-moz-placeholder,
.box-message .message form textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.box-message .message form input:focus::-ms-input-placeholder,
.box-message .message form textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.footer {
   overflow: hidden;

   background: url(../images/footer_bg.jpg) no-repeat center;
   background-size: cover;
}
.footer .foot {
   padding: 70px 0 50px;
}
@media (max-width: 1199px) {
   .footer .foot {
      padding: 20px 0 30px;
   }
}
.footer .foot>ul {
   padding: 0;

   text-align: justify;
   text-justify: distribute-all-lines;
}
.footer .foot>ul:after {
   display: inline-block;
   overflow: hidden;

   width: 100%;
   height: 0;
   margin: 0;

   content: '';
}
@media (max-width: 1199px) {
   .footer .foot>ul:after {
      display: none;
   }
}
@media (max-width: 1199px) {
   .footer .foot>ul {
      display: block;
      overflow: hidden;

      margin: 0 -15px;
   }
}
@media (min-width: 1200px) {
   .footer .foot>ul>li {
      display: inline-block;

      max-width: 30%;

      vertical-align: top;
      word-break: break-all;
   }
}
@media (max-width: 1199px) {
   .footer .foot>ul>li {
      display: inline-block;

      width: 33.33333333%;
      margin-right: -4px;
      padding: 0 15px;

      vertical-align: top;
   }
}
@media (max-width: 991px) {
   .footer .foot>ul>li {
      width: 100%;
   }
}
.footer .foot>ul>li h3 {
   font-size: 18px;
   font-weight: normal;
   line-height: 20px;

   height: 20px;
   margin: 0;

   text-transform: uppercase;

   color: #fff;
}
@media (max-width: 991px) {
   .footer .foot>ul>li h3:after {
      font-family: 'iconfont' !important;
      font-size: 14px;

      float: right;

      content: '\e628';
   }
}
.footer .foot>ul>li .item {
   text-align: left;
}
@media (max-width: 1199px) {
   .footer .foot>ul>li .item {
      margin-top: 20px;
   }
}
.footer .foot>ul>li .item-1 a {
   line-height: 2.14285714;

   display: block;

   -webkit-transition: all .4s;
   transition: all .4s;

   color: #d2d2d2;
}
.footer .foot>ul>li .item-1 a:hover {
   -webkit-transform: translateX(10px);
   -ms-transform: translateX(10px);
   transform: translateX(10px);
   text-decoration: underline;

   color: #fff;
}
.footer .foot>ul>li .item-2 p {
   line-height: 2.14285714;

   max-width: 380px;
   margin: 0;

   color: #d2d2d2;
}
.footer .foot>ul>li .item-2 p a {
   display: inline-block;
}
.footer .foot>ul>li .item-2 p a:hover {
   text-decoration: underline;

   color: #fff;
}
.footer .foot>ul>li .item-3 {
   max-width: 360px;
}
@media (max-width: 991px) {
   .footer .foot>ul>li .item-3 {
      max-width: 100%;
   }
}
.footer .foot>ul>li .item-3 input,
.footer .foot>ul>li .item-3 textarea {
   line-height: 42px;

   width: 100%;
   min-height: 42px;
   margin-top: 12px;
   padding: 0 12px;

   color: #fff;
   border: 1px solid #e5e5e5;
   background: none;
}
.footer .foot>ul>li .item-3 input::-webkit-input-placeholder,
.footer .foot>ul>li .item-3 textarea::-webkit-input-placeholder {
   color: #e5e5e5;
}
.footer .foot>ul>li .item-3 input:-o-placeholder,
.footer .foot>ul>li .item-3 textarea:-o-placeholder {
   color: #e5e5e5;
}
.footer .foot>ul>li .item-3 input::-moz-placeholder,
.footer .foot>ul>li .item-3 textarea::-moz-placeholder {
   color: #e5e5e5;
}
.footer .foot>ul>li .item-3 input:-ms-input-placeholder,
.footer .foot>ul>li .item-3 textarea:-ms-input-placeholder {
   color: #e5e5e5;
}
.footer .foot>ul>li .item-3 input:focus::-webkit-input-placeholder,
.footer .foot>ul>li .item-3 textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.footer .foot>ul>li .item-3 input:focus::-o-placeholder,
.footer .foot>ul>li .item-3 textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.footer .foot>ul>li .item-3 input:focus::-moz-placeholder,
.footer .foot>ul>li .item-3 textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.footer .foot>ul>li .item-3 input:focus::-ms-input-placeholder,
.footer .foot>ul>li .item-3 textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.footer .foot>ul>li .item-3 .submit {
   line-height: 28px;

   display: block;

   width: 76px;
   height: 28px;
   margin: 0 auto;
   margin-top: 26px;
   padding: 0;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 0;
   background: none;
}
.footer .foot>ul>li .item-3 .submit:hover {
   border-color: #056eff;
   background-color: #056eff;
}
.footer .foot>ul>li .info-down {
   margin-top: 30px;
}
@media (max-width: 991px) {
   .footer .foot>ul>li .info-down {
      display: none;

      padding-bottom: 10px;
   }
}
.footer .foot>ul>li.current .title-foot h3:after {
   content: '\e623';
}
.footer .copyright {
   line-height: 30px;

   overflow: hidden;

   padding: 30px 0;

   border-top: 1px solid #e5e5e5;
}
.footer .copyright p {
   line-height: 30px;

   display: inline-block;

   margin: 0;

   color: #e5e5e5;
}
.footer .copyright p a {
   -webkit-transition: all .4s;
   transition: all .4s;
}
@media (max-width: 767px) {
   .footer .copyright p a {
      display: block;

      margin: 0;
   }
}
.footer .copyright p a:hover {
   text-decoration: underline;

   color: #056eff;
}
.cart-icon {
   line-height: 30px;

   position: fixed;
   z-index: 9;
   right: 5px;
   bottom: 80px;

   display: none;
}
@media (max-width: 991px) {
   .cart-icon {
      display: block;
   }
}
.cart-icon a {
   display: block;

   width: 40px;
   height: 40px;

   text-align: center;

   border: 1px solid #e2e2e2;
   border-radius: 50%;
   background-color: #fff;
}
.cart-icon a::before {
   font-family: 'iconfont';
   font-size: 20px;
   line-height: 40px;

   content: '\e726';

   color: #056eff;
}
.cart-icon span {
   font-size: 12px;
   line-height: 20px;

   position: absolute;
   z-index: 10;
   top: -6px;
   right: -3px;

   display: inline-block;

   width: 20px;
   height: 20px;

   vertical-align: super;

   color: #fff;
   border-radius: 50%;
   background-color: #333;
}
.cartpc-icon {
   top: 50%;
   bottom: auto;
   display: block;
}
@media (max-width: 991px) {
   .cartpc-icon {
      display: none;
   }
}
.sub-box {
   overflow: hidden;
}
@media (max-width: 991px) {
   .sub-box {
      padding: 20px 0;
   }
}
.sub-box .category {
   position: relative;

   overflow: hidden;

   width: 100%;

   border-bottom: 1px solid #dcdcdc;
}
.sub-box .category>ul {
   display: inline-block;

   margin: 0 -10px;
}
@media (max-width: 991px) {
   .sub-box .category>ul {
      margin: 0 -5px;
   }
}
.sub-box .category>ul>li {
   position: relative;

   display: inline-block;
}
.sub-box .category>ul>li:after {
   display: inline-block;

   content: '/';
   vertical-align: middle;
}
.sub-box .category>ul>li:last-child:after {
   display: none;
}
.sub-box .category>ul>li a {
   font-size: 16px;
   line-height: 80px;

   display: inline-block;

   height: 80px;
   padding: 0 24px;

   color: #666;
}
@media (max-width: 991px) {
   .sub-box .category>ul>li a {
      line-height: 30px;

      height: 30px;
      padding: 0 15px;
   }
}
@media (max-width: 767px) {
   .sub-box .category>ul>li a {
      font-size: 14px;
   }
}
.sub-box .category>ul>li.active a,
.sub-box .category>ul>li:hover a {
   color: #056eff;
}
.sub-box .category .location {
   display: inline-block;
   float: right;
}
@media (max-width: 991px) {
   .sub-box .category .location {
      display: block;

      margin: 10px 0;

      text-align: right;
   }
}
.sub-box .category .location ul:before {
   font-family: 'iconfont' !important;
   font-size: 24px;
   line-height: 80px;

   float: left;

   margin-right: 6px;

   content: '\e77e';

   color: #056eff;
}
@media (max-width: 991px) {
   .sub-box .category .location ul:before {
      line-height: 30px;
   }
}
.sub-box .category .location ul li {
   display: inline-block;
}
.sub-box .category .location ul li:after {
   display: inline-block;

   margin: 0 4px;

   content: '>';
}
.sub-box .category .location ul li:last-child a {
   color: #056eff;
}
.sub-box .category .location ul li:last-child:after {
   display: none;
}
.sub-box .category .location ul li a {
   line-height: 80px;

   display: inline-block;

   color: #666;
}
@media (max-width: 991px) {
   .sub-box .category .location ul li a {
      line-height: 30px;
   }
}
.wrapper {
   overflow: hidden;
}
.wrapper .title {
   margin-top: 50px;
}
.wrap {
   padding: 60px 0 80px 0;
}
@media (max-width: 991px) {
   .wrap {
      padding: 40px 0 60px 0;
   }
}
.title-in {
   text-align: center;
}
.title-in h2 {
   font-size: 40px;

   margin: 0;

   text-transform: uppercase;
}
@media (max-width: 991px) {
   .title-in h2 {
      font-size: 24px;
   }
}
.title-in p {
   font-size: 16px;
   line-height: 1.5;

   max-width: 1270px;
   margin: 0 auto;
   margin-top: 14px;
   padding: 0 15px;

   color: #999;
}
.wrap-side {
   float: left;

   width: 25%;
}
@media (max-width: 1199px) {
   .wrap-side {
      display: none;
   }
}
.wrap-side .item {
   margin-bottom: 12px;
}
.wrap-side .item h3 {
   font-weight: bold;

   margin: 0;

   text-transform: uppercase;

   background-color: #2cb2f3;
}
.wrap-side .item h3 a {
   font-size: 20px;
   line-height: 25px;

   position: relative;

   display: block;

   padding: 10px 60px 10px 80px;

   color: #fff;
}
.wrap-side .item h3 a:before {
   font-family: 'iconfont' !important;
   font-size: 26px;
   font-weight: 300;
   line-height: 45px;

   position: absolute;
   top: 0;
   left: 40px;

   content: '\e618';
}
.wrap-side .item h3 a:after {
   position: absolute;
   top: 20px;
   right: 40px;

   display: inline-block;

   width: 0;
   height: 0;

   content: '';

   border-width: 5px 5px 0 5px;
   border-style: solid;
   border-color: #fff transparent transparent transparent;
}
.wrap-side .item .list {
   padding: 20px 60px;

   background-color: #e7f6fe;
}
@media (max-width: 1350px) {
   .wrap-side .item .list {
      padding: 20px 30px;
   }
}
.wrap-side .item .list a {
   font-size: 16px;
   line-height: 1.875;

   position: relative;

   display: block;

   padding: 0 10px 0 26px;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-transform: uppercase;

   color: #666;
}
.wrap-side .item .list a:before {
   position: absolute;
   left: 10px;

   content: '-';
}
.wrap-side .item .list a:hover {
   -webkit-transform: translateX(10px);
   -ms-transform: translateX(10px);
   transform: translateX(10px);
   text-decoration: underline;
}
.wrap-side .item-2 h3 {
   background-color: #2dbdba;
}
.wrap-side .item-2 h3 a:before {
   font-size: 30px;

   content: '\e629';
}
.wrap-side .item-2 .list {
   background-color: #eaf8f8;
}
.wrap-side .item-3 h3 {
   background-color: #99a2d1;
}
.wrap-side .item-3 h3 a:before {
   font-size: 30px;

   content: '\e628';
}
.wrap-side .item-3 .list {
   background-color: #f5f6fa;
}
.wrap-about .about .pic img {
   max-width: 100%;
}
.wrap-about .about .text {
   padding-top: 10px;
}
.wrap-about .about .text p {
   line-height: 1.85714286;

   margin: 0;

   color: #666;
}
.wrap-about .num {
   overflow: hidden;

   margin-top: 70px;

   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
@media (max-width: 991px) {
   .wrap-about .num {
      margin-top: 50px;
   }
}
@media (min-width: 1200px) {
   .wrap-about .num ul {
      width: 100%;
      padding: 20px 0 0 0;

      text-align: justify;
      text-justify: distribute-all-lines;
   }
   .wrap-about .num ul:after {
      display: inline-block;
      overflow: hidden;

      width: 100%;
      height: 0;
      margin: 0;

      content: '';
   }
}
@media (max-width: 1199px) {
   .wrap-about .num ul {
      font-size: 0;

      padding: 20px 0;
   }
}
@media (max-width: 767px) {
   .wrap-about .num ul {
      padding: 20px 10px;
   }
}
.wrap-about .num ul li {
   display: inline-block;

   padding: 20px 30px;
}
@media(max-width: 1560px) {
   .wrap-about .num ul li {
      padding: 0 18px;
   }
}
@media (min-width: 1200px) {
   .wrap-about .num ul li {
      list-style: none;

      text-align: left;
   }
}
@media (max-width: 1199px) {
   .wrap-about .num ul li {
      width: 50%;
      padding: 20px 15px;

      vertical-align: top;
   }
}
@media (max-width: 767px) {
   .wrap-about .num ul li {
      width: 50%;
      padding: 20px 6px;
   }
}
.wrap-about .num .item {
   position: relative;

   padding-left: 100px;
}
@media (max-width: 767px) {
   .wrap-about .num .item {
      padding-left: 0;

      text-align: center;
   }
}
.wrap-about .num .item:before {
   font-family: 'iconfont' !important;
   font-size: 36px;
   line-height: 80px;

   position: absolute;
   top: 0;
   left: 0;

   width: 80px;
   height: 80px;

   content: '\e62e';
   text-align: center;

   color: #056eff;
   border: 1px solid #056eff;
   border-radius: 50%;
}
@media (max-width: 767px) {
   .wrap-about .num .item:before {
      line-height: 60px;

      position: relative;

      display: block;

      width: 60px;
      height: 60px;
      margin: 0 auto;
   }
}
.wrap-about .num .item h3 {
   font-family: 'Estrangelo Edessa';
   font-size: 46px;
   font-weight: bold;
   line-height: 1;

   margin: 0;
   padding-top: 10px;
}
@media (max-width: 767px) {
   .wrap-about .num .item h3 {
      font-size: 30px;

      margin: 14px 0 0 0;
   }
}
.wrap-about .num .item p {
   font-size: 14px;
   line-height: 1.71428571;

   margin: 0;

   color: #aaa;
}
.wrap-about .num .item-2:before {
   content: '\e630';
   font-size: 42px;
}
.wrap-about .num .item-3:before {
   content: '\e612';
}
.wrap-about .num .item-4:before {
   content: '\e62f';
   line-height: 78px;
}
@media (max-width: 767px) {
   .wrap-about .num .item-4:before {
      line-height: 58px;
   }
}
.wrap-about .about-pic {
   margin-top: 70px;
}
@media (max-width: 991px) {
   .wrap-about .about-pic {
      margin-top: 50px;
   }
}
@media (max-width: 991px) {
   .wrap-about .about-pic .row {
      padding: 0 20px;
   }
}
@media (max-width: 767px) {
   .wrap-about .about-pic .row {
      margin: 0 -8px;
   }
}
.wrap-about .about-pic .item {
   padding: 0 15px;
}
@media (max-width: 767px) {
   .wrap-about .about-pic .item {
      padding: 0 8px;
   }
}
.wrap-about .about-pic .item .img-box {
   padding-bottom: 75.55555556%;
}
.wrap-about .about-pic .item .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-about .about-pic .item:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-about .about-pic .slick-arrow {
   font-weight: bold;

   position: absolute;
   z-index: 9;
   top: 50%;
   left: -40px;

   margin: 0;
   padding: 0;

   cursor: pointer;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   background: none;
}
@media (max-width: 991px) {
   .wrap-about .about-pic .slick-arrow {
      left: -30px;
   }
}
.wrap-about .about-pic .slick-arrow:before {
   font-family: 'iconfont' !important;
   font-size: 24px;
   line-height: 50px;

   display: block;

   width: 50px;
   height: 50px;

   content: '\e601';
   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #056eff;
}
@media (max-width: 991px) {
   .wrap-about .about-pic .slick-arrow:before {
      font-size: 20px;

      width: 30px;
   }
}
.wrap-about .about-pic .slick-arrow.slick-next {
   right: -40px;
   left: auto;

   display: block !important;
}
@media (max-width: 991px) {
   .wrap-about .about-pic .slick-arrow.slick-next {
      right: -30px;
   }
}
.wrap-about .about-pic .slick-arrow.slick-next:before {
   content: '\e827';
}
.wrap-about .about-pic .slick-arrow:hover:before {
   color: #056eff;
}
.wrap-quality .quality {
   margin-top: -70px;
}
@media (max-width: 991px) {
   .wrap-quality .quality {
      margin-top: -30px;
   }
}
.wrap-quality .quality .item {
   margin-top: 70px;
}
@media (max-width: 991px) {
   .wrap-quality .quality .item {
      margin-top: 30px;
   }
}
.wrap-quality .quality .item .pic {
   border: 1px solid #dcdcdc;
}
.wrap-quality .quality .item .pic .img-box {
   padding-bottom: 64.28571429%;
}
.wrap-quality .quality .item .pic .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-quality .quality .item p {
   font-size: 18px;
   line-height: 1.66666667;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 20px 0 0 0;

   text-align: center;

   color: #666;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .wrap-quality .quality .item p {
      font-size: 15px;
   }
}
.wrap-quality .quality .item:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-honor .honor {
   margin-top: -80px;
}
@media (max-width: 991px) {
   .wrap-honor .honor {
      margin-top: -30px;
   }
}
@media (max-width: 767px) {
   .wrap-honor .honor {
      margin-top: -16px;
   }
}
.wrap-honor .item {
   margin-top: 80px;
}
@media (max-width: 991px) {
   .wrap-honor .item {
      margin-top: 30px;
   }
}
@media (max-width: 767px) {
   .wrap-honor .item {
      margin-top: 16px;
   }
}
.wrap-honor .item .img-box {
   padding-bottom: 142.42424242%;
}
.wrap-honor .item .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-honor .item:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-storage .video {
   position: relative;

   overflow: hidden;

   background-color: #000;
}
.wrap-storage .video .img-box {
   z-index: 0;

   padding-bottom: 65.2173913%;
}
.wrap-storage .video .img-box img {
   -webkit-transition: all .6s ease;
   transition: all .6s ease;

   opacity: .8;
}
.wrap-storage .video .video-box {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;

   overflow: hidden;

   width: 100%;
   height: 100%;

   text-align: center;
}
.wrap-storage .video .iframe {
   display: none;

   width: 100% !important;
   height: 100% !important;
}
.wrap-storage .video .play {
   position: absolute;
   top: 50%;
   left: 0;

   display: inline-block;

   width: 100%;

   -webkit-transition: all .4s;
   transition: all .4s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;

   opacity: .6;
   color: #fff;
}
.wrap-storage .video .play:before {
   font-family: 'iconfont';
   font-size: 90px;

   display: block;

   content: '\e67f';
}
@media (max-width: 991px) {
   .wrap-storage .video .play:before {
      font-size: 50px;
   }
}
.wrap-storage .video:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
@media (max-width: 991px) {
   .wrap-storage .text {
      margin-top: 30px;
   }
}
.wrap-storage .text p {
   line-height: 2.14285714;

   margin: 0;
}
.wrap-storage .storage-pic {
   margin-top: 50px;
}
@media (max-width: 991px) {
   .wrap-storage .storage-pic {
      margin-top: 30px;
   }
}
.wrap-storage .storage-pic .img-box {
   margin-top: 30px;
   padding-bottom: 66.66666667%;
}
@media (max-width: 767px) {
   .wrap-storage .storage-pic .img-box {
      margin-top: 16px;
   }
}
.wrap-exhibition .exhibition ul {
   font-size: 0;
}
.wrap-exhibition .exhibition ul li {
   margin-top: 80px;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li {
      margin-top: 50px;
   }
}
.wrap-exhibition .exhibition ul li:first-child {
   margin-top: 0;
}
.wrap-exhibition .exhibition ul li .pic,
.wrap-exhibition .exhibition ul li .text {
   display: inline-block;

   width: 48%;

   vertical-align: middle;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li .pic,
   .wrap-exhibition .exhibition ul li .text {
      width: 100%;
   }
}
.wrap-exhibition .exhibition ul li .pic {
   padding: 10px;

   border: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li .pic {
      padding: 5px;
   }
}
.wrap-exhibition .exhibition ul li .pic .img-box {
   padding-bottom: 46.26865672%;
}
.wrap-exhibition .exhibition ul li .pic .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-exhibition .exhibition ul li .text {
   width: 52%;
   padding-left: 30px;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li .text {
      width: 100%;
      margin-top: 30px;
      padding-left: 0;
   }
}
.wrap-exhibition .exhibition ul li .text h3 {
   font-size: 18px;
   line-height: 30px;

   position: relative;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 0;
   padding-right: 110px;

   -webkit-transition: all .2s;
   transition: all .2s;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li .text h3 {
      font-size: 16px;
   }
}
.wrap-exhibition .exhibition ul li .text h3 span {
   line-height: 30px;

   position: absolute;
   top: 0;
   right: 0;

   display: block;

   color: #056eff;
}
.wrap-exhibition .exhibition ul li .text p {
   font-size: 14px;
   line-height: 2.14285714;

   display: -webkit-box;
   overflow: hidden;

   height: 90px;
   margin: 20px 0 0 0;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li .text p {
      margin-top: 14px;
   }
}
.wrap-exhibition .exhibition ul li .text a {
   display: block;
}
.wrap-exhibition .exhibition ul li .text a.more {
   font-size: 14px;
   line-height: 40px;

   display: inline-block;

   height: 40px;
   margin-top: 30px;
   padding: 0 34px;

   -webkit-transition: all .2s;
   transition: all .2s;

   color: #056eff;
   border: 1px solid #056eff;
}
@media (max-width: 991px) {
   .wrap-exhibition .exhibition ul li .text a.more {
      margin-top: 14px;
   }
}
.wrap-exhibition .exhibition ul li:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-exhibition .exhibition ul li:hover .text h3 {
   color: #056eff;
}
.wrap-exhibition .exhibition ul li:hover .text a.more {
   color: #fff;
   background-color: #056eff;
}
.wrap-exhibition-show .title-exhibition {
   text-align: center;
}
.wrap-exhibition-show .title-exhibition h1 {
   font-size: 34px;
   font-weight: bold;

   margin: 0;

   color: #056eff;
}
@media (max-width: 991px) {
   .wrap-exhibition-show .title-exhibition h1 {
      font-size: 24px;
   }
}
.wrap-exhibition-show .title-exhibition p {
   line-height: 1.71428571;

   margin: 10px 0 0 0;
}
.wrap-exhibition-show .text {
   margin-top: 60px;
}
@media (max-width: 991px) {
   .wrap-exhibition-show .text {
      margin-top: 40px;
   }
}
.wrap-exhibition-show .text p {
   line-height: 2.57142857;

   margin: 0;
}
.wrap-exhibition-show .text img {
   max-width: 100%;
}
.wrap-team .title-team h3 {
   font-size: 24px;

   margin: 0;

   color: #056eff;
}
.wrap-team .text {
   margin-top: 20px;
}
.wrap-team .text p {
   line-height: 2;
   /* max-width: 800px; */
   margin: 0;
}
.wrap-team .item {
   margin-top: 26px;
   text-align: center;
}
.wrap-team .item img {
   max-width: 100%;
}
.wrap-team .factory {
   /* margin-top: 70px; */
}
@media (max-width: 991px) {
   .wrap-team .factory {
      margin-top: 50px;
   }
}
.wrap-team .factory .slick-team {
   position: relative;

   margin: 0 -15px;
   margin-top: 30px;
}
@media (max-width: 991px) {
   .wrap-team .factory .slick-team {
      padding: 0 20px;
   }
}
@media (max-width: 767px) {
   .wrap-team .factory .slick-team {
      margin: 0 -8px;
      margin-top: 30px;
   }
}
.wrap-team .factory .item-1 {
   padding: 0 15px;
}
@media (max-width: 767px) {
   .wrap-team .factory .item-1 {
      padding: 0 8px;
   }
}
.wrap-team .factory .item-1 .pic {
   padding: 20px;

   border: 1px solid #ececec;
}
@media (max-width: 991px) {
   .wrap-team .factory .item-1 .pic {
      padding: 6px;
   }
}
.wrap-team .factory .item-1 .img-box {
   padding-bottom: 70.73170732%;
}
.wrap-team .factory .item-1 .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-team .factory .item-1:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-team .factory .slick-arrow {
   font-weight: bold;

   position: absolute;
   z-index: 9;
   top: 50%;
   left: -40px;

   margin: 0;
   padding: 0;

   cursor: pointer;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   background: none;
}
@media (max-width: 991px) {
   .wrap-team .factory .slick-arrow {
      left: -10px;
   }
}
.wrap-team .factory .slick-arrow:before {
   font-family: 'iconfont' !important;
   font-size: 24px;
   line-height: 50px;

   display: block;

   width: 50px;
   height: 50px;

   content: '\e601';
   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #056eff;
}
@media (max-width: 991px) {
   .wrap-team .factory .slick-arrow:before {
      font-size: 20px;

      width: 30px;
   }
}
.wrap-team .factory .slick-arrow.slick-next {
   right: -40px;
   left: auto;

   display: block !important;
}
@media (max-width: 991px) {
   .wrap-team .factory .slick-arrow.slick-next {
      right: -10px;
   }
}
.wrap-team .factory .slick-arrow.slick-next:before {
   content: '\e827';
}
.wrap-team .factory .slick-arrow:hover:before {
   color: #056eff;
}
.wrap-product {
   overflow: hidden;

   padding-top: 0;
}
.wrap-product .product .item {
   margin-top: 60px;
}
.wrap-product .product .item .pic {
   position: relative;
   z-index: 9;

   overflow: hidden;

   border: 1px solid #dcdcdc;
   border-radius: 10px;
}
.wrap-product .product .item .pic .img-box {
   padding-bottom: 65%;
}
.wrap-product .product .item .pic .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-product .product .item .pic p {
   line-height: 50px;

   position: absolute;
   top: 60%;

   width: 100%;
   height: 50px;

   -webkit-transition: all .4s;
   transition: all .4s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
   text-transform: uppercase;

   opacity: 0;
   color: #fff;
   background-color: rgba(5, 110, 255, .8);
}
.wrap-product .product .item .pic p a {
   display: block;
}
.wrap-product .product .item .note {
   position: relative;

   margin-top: 26px;
   /* padding: 0 120px; */
}
.wrap-product .product .item .note-btn .addcart {
   line-height: 32px;

   /*     position: absolute;
    top: 0;
    right: 0; */

   width: 140px;
   height: 32px;
   display: inline-block;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #fff;
   margin-left: 5px;
   border-radius: 50px;
   background-color: #056eff;
   /* display: none; */
}
.wrap-product .product .item .note-btn .addcart:before {
   font-family: 'iconfont' !important;

   margin-right: 8px;

   content: '\e726';
}
.wrap-product .product .item .note-btn .addcart:hover {
   color: #fff;
   background-color: #004cb5;
}
.wrap-product .product .item .note-btn {
   text-align: center;
   margin-top: 16px;
}
.wrap-product .product .item .note-btn .inquire {
   line-height: 32px;

   /* position: absolute; */
   /*  top: 0;
    left: 0; */
   /* display: none; */
   width: 140px;
   display: inline-block;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;
   margin-right: 5px;
   border-radius: 50px;
   background-color: #eee;
}
.wrap-product .product .item .note-btn .inquire:before {
   font-family: 'iconfont' !important;

   display: inline-block;

   margin-right: 8px;

   content: '\e62c';
   vertical-align: middle;

   color: #666;
}
.wrap-product .product .item .note-btn .inquire:hover {
   color: #fff;
   background-color: #004cb5;
}
.wrap-product .product .item .note-btn .inquire:hover:before {
   color: #fff;
}
.wrap-product .product .item .note p {
   line-height: 32px;
   display: block;
   margin: 0;

   text-align: center;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.wrap-product .product .item:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-product .product .item:hover .pic p {
   top: 50%;

   opacity: 1;
}
.wrap-product .product .item:hover .note p {
   color: #056eff;
}
.side-product {
   border: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
   .side-product {
      display: none;
   }
}
.side-product .title-side {
   padding: 25px 30px;

   border-bottom: 1px solid #dcdcdc;
}
.side-product .title-side h2 {
   font-size: 28px;
   line-height: 1;

   margin: 0;
}
.side-product .title-side h2:before {
   display: inline-block;
   float: left;

   width: 22px;
   height: 22px;
   margin-top: 2px;
   margin-right: 20px;

   content: '';

   background: url(../images/product-icon.png) no-repeat center;
}
.side-product .side-pronav {
   padding: 20px;
}
.side-product .side-pronav>ul>li {
   margin-top: 10px;
}
.side-product .side-pronav>ul>li:first-child {
   margin-top: 0;
}
.side-product .side-pronav>ul>li>a {
   line-height: 30px;

   display: block;

   padding: 10px 20px;

   -webkit-transition: all .4s;
   transition: all .4s;

   background-color: #f5f5f5;
}
.side-product .side-pronav>ul>li>a:before {
   display: inline-block;

   width: 5px;
   height: 5px;
   margin-right: 10px;

   content: '';
   vertical-align: middle;

   border-radius: 50%;
   background-color: #333;
}
.side-product .side-pronav>ul>li>ul {
   display: none;

   border: 1px solid #dcdcdc;
}
.side-product .side-pronav>ul>li>ul>li>a {
   font-size: 12px;
   line-height: 28px;

   display: block;

   padding: 5px 10px;

   color: #666;
   border-bottom: 1px solid #dcdcdc;
}
.side-product .side-pronav>ul>li>ul>li>a:before {
   margin-right: 10px;

   content: '>';
}
.side-product .side-pronav>ul>li>ul>li .pic {
   display: none;
}
.side-product .side-pronav>ul>li>ul>li .pic .img-box {
   padding-bottom: 56.66666667%;

   border-bottom: 1px solid #dcdcdc;
}
.side-product .side-pronav>ul>li>ul>li .pic .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.side-product .side-pronav>ul>li>ul>li .pic:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.side-product .side-pronav>ul>li>ul>li:last-child>a {
   border-bottom: none;
}
.side-product .side-pronav>ul>li>ul>li:last-child .pic .img-box {
   border-bottom: none;
}
.side-product .side-pronav>ul>li>ul>li.active>a,
.side-product .side-pronav>ul>li>ul>li:hover>a {
   color: #056eff;
}
.side-product .side-pronav>ul>li>ul>li.active .pic,
.side-product .side-pronav>ul>li>ul>li:hover .pic {
   display: block;
}
.side-product .side-pronav>ul>li.active>a {
   color: #fff;
   background-color: #056eff;
}
.side-product .side-pronav>ul>li.active>a:before {
   background-color: #fff;
}
.side-product .side-pronav>ul>li.active>ul {
   display: block;
}
.side-product .side-pronav>ul>li:hover>a {
   color: #fff;
   background-color: #056eff;
}
.side-product .side-pronav>ul>li:hover>a:before {
   background-color: #fff;
}
.search-location {
   overflow: hidden;

   padding: 24px 0;

   border-bottom: 1px solid #dcdcdc;
}
.search-location .product-search {
   position: relative;

   display: inline-block;

   width: 210px;

   -webkit-transition: all .4s;
   transition: all .4s;
}
@media (max-width: 1199px) {
   .search-location .product-search {
      display: block;
   }
}
.search-location .product-search input {
   font-family: Arial, 'Montserrat', 'Helvetica Neue', Helvetica;
   font-size: 12px;
   line-height: 30px;

   width: 100%;
   padding: 0 14px 0 50px;

   color: #666;
   border: 1px solid #056eff;
   background: none;
}
.search-location .product-search input::-webkit-input-placeholder,
.search-location .product-search textarea::-webkit-input-placeholder {
   color: #ebeaeb;
}
.search-location .product-search input:-o-placeholder,
.search-location .product-search textarea:-o-placeholder {
   color: #ebeaeb;
}
.search-location .product-search input::-moz-placeholder,
.search-location .product-search textarea::-moz-placeholder {
   color: #ebeaeb;
}
.search-location .product-search input:-ms-input-placeholder,
.search-location .product-search textarea:-ms-input-placeholder {
   color: #ebeaeb;
}
.search-location .product-search input:focus::-webkit-input-placeholder,
.search-location .product-search textarea:focus::-webkit-input-placeholder {
   color: #fff;
}
.search-location .product-search input:focus::-o-placeholder,
.search-location .product-search textarea:focus::-o-placeholder {
   color: #fff;
}
.search-location .product-search input:focus::-moz-placeholder,
.search-location .product-search textarea:focus::-moz-placeholder {
   color: #fff;
}
.search-location .product-search input:focus::-ms-input-placeholder,
.search-location .product-search textarea:focus::-ms-input-placeholder {
   color: #fff;
}
.search-location .product-search .submit {
   line-height: 32px;

   position: absolute;
   top: 0;
   left: 0;

   width: 40px;
   height: 32px;
   padding: 0;

   border-radius: 0;
   outline: none;
   background: none;
   background-color: #056eff;
}
.search-location .product-search .submit:after {
   font-family: 'iconfont' !important;
   font-size: 18px;
   font-weight: normal;

   content: '\e660';

   color: #fff;
}
.search-location .location {
   display: inline-block;
   float: right;
}
@media (max-width: 991px) {
   .search-location .location {
      display: block;

      margin: 10px 0 0 0;

      text-align: right;
   }
}
.search-location .location ul:before {
   font-family: 'iconfont' !important;
   font-size: 24px;
   line-height: 30px;

   float: left;

   margin-right: 6px;

   content: '\e77e';

   color: #056eff;
}
.search-location .location ul li {
   display: inline-block;
}
.search-location .location ul li:after {
   display: inline-block;

   margin: 0 4px;

   content: '>';
}
.search-location .location ul li:last-child a {
   color: #056eff;
}
.search-location .location ul li:last-child:after {
   display: none;
}
.search-location .location ul li a {
   line-height: 30px;

   display: inline-block;

   color: #666;
}
.inquire-sheet-box {
   position: fixed;
   z-index: 9;
   top: 30%;
   right: 0;

   width: 240px;

   background: url(../images/inquire_bg.jpg) no-repeat center;
   background-size: cover;
}
@media (max-width: 991px) {
   .inquire-sheet-box {
      display: none !important;
   }
}
.inquire-sheet-box .j-title {
   position: relative;

   background-color: #056eff;
}
.inquire-sheet-box .j-title h2 {
   font-size: 16px;
   line-height: 40px;

   margin: 0;
   padding: 0 10px;

   text-transform: uppercase;

   color: #fff;
}
.inquire-sheet-box .j-title .inquire-close {
   line-height: 42px;

   position: absolute;
   top: 0;
   right: 10px;

   display: inline-block;

   cursor: pointer;

   color: #fff;
}
.inquire-sheet-box .j-title .inquire-close:after {
   font-family: 'iconfont' !important;
   font-size: 22px;

   content: '\e61b';
}
.inquire-sheet-box .J-shoping-close {
   float: right;

   width: 26px;
   height: 26px;

   cursor: pointer;
   text-align: center;

   border-radius: 50%;
   background-color: #056eff;
}
.inquire-sheet-box .J-shoping-close::after {
   font-family: 'iconfont';
   font-size: 13px;
   line-height: 26px;

   content: '\e625';

   color: #fff;
}
.inquire-sheet-box .J-shoping-close:hover {
   background-color: #004cb5;
}
.inquire-sheet-box .J-inquiry {
   font-size: 12px;
   line-height: 40px;

   height: 40px;
   margin: 10px 0 0 0;

   text-align: center;

   color: #fff;
   background-color: #056eff;
}
.inquire-sheet-box .J-inquiry a {
   display: block;
}
.inquire-sheet-box .J-inquiry a::before {
   font-family: 'iconfont';
   font-size: 14px;

   position: relative;
   top: 3px;

   display: inline-block;

   margin-right: 14px;

   content: '\e62c';
}
.inquire-sheet-box .J-inquiry:hover a::before {
   -webkit-animation: fadeInLeft 1s 0s ease both;
   animation: fadeInLeft 1s 0s ease both;
}
.inquire-sheet-box .J-shoping-body {
   padding-top: 10px;
}
.inquire-sheet-box .list {
   overflow: hidden;

   padding: 7px 15px;
}
.inquire-sheet-box .list .pic {
   float: left;
   overflow: hidden;

   width: 50px;

   border: 1px solid #056eff;
   border-radius: 4px;
}
.inquire-sheet-box .list .img-box {
   padding-bottom: 65%;
}
.inquire-sheet-box .list p {
   line-height: 30px;

   display: -webkit-box;
   float: left;
   overflow: hidden;

   width: 120px;
   height: 30px;
   margin: 0;
   padding: 0 20px;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.wrap-product-show {
   padding-top: 0;
}
.wrap-product-show .product-show {
   overflow: hidden;

   margin-top: 20px;
}
.wrap-product-show .product-show .proleft {
   font-size: 0;

   float: left;

   width: 40%;
}
@media (max-width: 991px) {
   .wrap-product-show .product-show .proleft {
      width: 100%;
   }
}
.wrap-product-show .product-show .proleft .img-box {
   padding-bottom: 66.66666667%;
}
.wrap-product-show .product-show .proleft .img-box {
   padding-bottom: 65%;
}
.wrap-product-show .product-show .proleft .slider-for {
   position: relative;

   overflow: hidden;

   border: 2px solid #dcdcdc;
   border-radius: 10px;
}
.wrap-product-show .product-show .proleft .row {
   margin: 0 -7px;
}
.wrap-product-show .product-show .proleft .slick-track {
   margin-left: 0;
}
.wrap-product-show .product-show .proleft .slider-nav {
   margin-top: 10px;
}
.wrap-product-show .product-show .proleft .slider-nav .slick-slide {
   padding: 0 7px;
}
.wrap-product-show .product-show .proleft .slider-nav .item {
   overflow: hidden;

   border: 1px solid #dcdcdc;
   border-radius: 5px;
}
.wrap-product-show .product-show .proleft .slider-nav .slick-current .item {
   border-color: #056eff;
}
.wrap-product-show .product-show .proright {
   float: left;

   width: 60%;
   padding-top: 50px;
   padding-left: 30px;
}
@media (max-width: 991px) {
   .wrap-product-show .product-show .proright {
      width: 100%;
      padding-left: 0;
   }
}
.wrap-product-show .product-show .proright .title-pro h1 {
   font-size: 18px;
   font-weight: bold;
   line-height: 1;

   margin: 0;
}
.wrap-product-show .product-show .proright .note {
   margin-top: 20px;
}
.wrap-product-show .product-show .proright .note p {
   font-size: 14px;
   line-height: 2.14285714;

   margin: 0;

   color: #666;
}
.wrap-product-show .product-show .proright .btn-pro {
   margin-top: 40px;
}
.wrap-product-show .product-show .proright .btn-pro ul li {
   display: inline-block;

   margin-top: 20px;
}
.wrap-product-show .product-show .proright .btn-pro ul li a {
   line-height: 36px;

   display: block;

   height: 36px;
   margin-right: 30px;
   padding: 0 24px;

   -webkit-transition: all .4s;
   transition: all .4s;

   color: #fff;
   border-radius: 30px;
   background-color: #056eff;
}
@media (max-width: 991px) {
   .wrap-product-show .product-show .proright .btn-pro ul li a {
      margin-right: 10px;
      padding: 0 14px;
   }
}
.wrap-product-show .product-show .proright .btn-pro ul li a:before {
   font-family: 'iconfont' !important;
   font-size: 18px;

   float: left;

   margin-right: 10px;

   content: '\e62c';
}
.wrap-product-show .product-show .proright .btn-pro ul li a.addcart {
   margin-right: 0;

   background-color: #999;
}
@media (max-width: 991px) {
   .wrap-product-show .product-show .proright .btn-pro ul li a.addcart {
      margin-right: 0;
   }
}
.wrap-product-show .product-show .proright .btn-pro ul li a.addcart:before {
   font-family: 'iconfont' !important;
   font-size: 16px;

   content: '\e726';
}
.wrap-product-show .product-show .proright .btn-pro ul li a:hover {
   color: #fff;
   background-color: #004cb5;
}
.wrap-product-show .product-show .proright .prev-next {
   margin-top: 40px;

   text-align: right;
}
.wrap-product-show .product-show .proright .prev-next ul li {
   display: inline-block;
}
.wrap-product-show .product-show .proright .prev-next ul li a {
   line-height: 30px;

   color: #666;
}
.wrap-product-show .product-show .proright .prev-next ul li a:before {
   font-family: 'iconfont' !important;

   margin-right: 10px;

   content: '\eab8';

   color: #999;
}
.wrap-product-show .product-show .proright .prev-next ul li.prev {
   margin-right: 20px;
}
.wrap-product-show .product-show .proright .prev-next ul li.prev a:before {
   float: right;

   margin-right: 0;
   margin-left: 10px;

   content: '\e639';
}
.wrap-product-show .product-show .proright .prev-next ul li:hover a {
   color: #056eff;
}
.wrap-product-show .product-show .proright .prev-next ul li:hover a:before {
   color: #056eff;
}
.wrap-product-show .parameter {
   padding-top: 10px;
}
@media(max-width: 1560px) {
   .wrap-product-show .parameter {
      padding-top: 10px;
   }
}
.wrap-product-show .parameter .text {
   padding: 10px 0 0 0;
}
.wrap-product-show .parameter .text p {
   line-height: 2.14285714;

   margin: 0;

   color: #666;
}
.wrap-product-show .parameter .text img {
   max-width: 100%;
}
.wrap-product-show .title-inquiry {
   background-color: #056eff;
}
.wrap-product-show .title-inquiry h3 {
   font-size: 18px;
   line-height: 30px;

   margin: 0;
   padding: 0 40px;

   color: #fff;
}
.wrap-product-show .inquiry {
   padding-top: 40px;
}
.wrap-product-show .inquiry .row {
   margin: 0 -8px;
}
.wrap-product-show .inquiry .row .list {
   padding: 0 8px;
}
.wrap-product-show .inquiry .row .list:last-child {
   text-align: center;
}
.wrap-product-show .inquiry .info {
   padding: 30px 40px 40px 40px;

   border: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
   .wrap-product-show .inquiry .info {
      padding: 30px 15px;
   }
}
.wrap-product-show .inquiry .info p {
   line-height: 2.14285714;

   color: #666;
}
.wrap-product-show .inquiry .info input,
.wrap-product-show .inquiry .info textarea {
   line-height: 30px;

   width: 100%;
   min-height: 50px;
   margin-top: 20px;
   padding: 10px 30px;

   border: 1px solid #dcdcdc;
   background-color: #f6f6f6;
}
.wrap-product-show .inquiry .info input::-webkit-input-placeholder,
.wrap-product-show .inquiry .info textarea::-webkit-input-placeholder {
   color: #999;
}
.wrap-product-show .inquiry .info input:-o-placeholder,
.wrap-product-show .inquiry .info textarea:-o-placeholder {
   color: #999;
}
.wrap-product-show .inquiry .info input::-moz-placeholder,
.wrap-product-show .inquiry .info textarea::-moz-placeholder {
   color: #999;
}
.wrap-product-show .inquiry .info input:-ms-input-placeholder,
.wrap-product-show .inquiry .info textarea:-ms-input-placeholder {
   color: #999;
}
.wrap-product-show .inquiry .info input:focus::-webkit-input-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.wrap-product-show .inquiry .info input:focus::-o-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.wrap-product-show .inquiry .info input:focus::-moz-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.wrap-product-show .inquiry .info input:focus::-ms-input-placeholder,
.wrap-product-show .inquiry .info textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.wrap-product-show .inquiry .info .read input::-webkit-input-placeholder,
.wrap-product-show .inquiry .info .read textarea::-webkit-input-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input:-o-placeholder,
.wrap-product-show .inquiry .info .read textarea:-o-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input::-moz-placeholder,
.wrap-product-show .inquiry .info .read textarea::-moz-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input:-ms-input-placeholder,
.wrap-product-show .inquiry .info .read textarea:-ms-input-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input:focus::-webkit-input-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-webkit-input-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input:focus::-o-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-o-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input:focus::-moz-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-moz-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .read input:focus::-ms-input-placeholder,
.wrap-product-show .inquiry .info .read textarea:focus::-ms-input-placeholder {
   color: #333;
}
.wrap-product-show .inquiry .info .submit {
   font-size: 16px;
   line-height: 50px;

   display: inline-block;

   height: 50px;
   margin-top: 30px;
   padding: 0 56px;

   -webkit-transition: all .4s;
   transition: all .4s;

   color: #fff;
   border-radius: 0;
   background-color: #056eff;
}
.wrap-product-show .inquiry .info .submit:before {
   font-family: 'iconfont' !important;
   font-size: 20px;

   display: inline-block;

   margin-right: 20px;

   content: '\e75d';
   vertical-align: middle;
}
.wrap-product-show .inquiry .info .submit:hover {
   background-color: #004cb5;
}
.wrap-inquiry {
   padding-top: 0;
}
.wrap-inquiry .product .item {
   margin-top: 60px;
}
.wrap-inquiry .product .item .pic {
   position: relative;
   z-index: 9;

   overflow: hidden;

   border: 1px solid #dcdcdc;
   border-radius: 10px;
}
.wrap-inquiry .product .item .pic .img-box {
   padding-bottom: 65%;
}
.wrap-inquiry .product .item .pic .img-box img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.wrap-inquiry .product .item .pic p {
   line-height: 50px;

   position: absolute;
   top: 60%;

   width: 100%;
   height: 50px;

   -webkit-transition: all .4s;
   transition: all .4s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
   text-transform: uppercase;

   opacity: 0;
   color: #fff;
   background-color: rgba(5, 110, 255, .8);
}
.wrap-inquiry .product .item .pic p a {
   display: block;
}
.wrap-inquiry .product .item .note {
   position: relative;

   margin-top: 26px;
   padding: 0 120px 0 0;
}
.wrap-inquiry .product .item .note .J-shoping-close {
   line-height: 32px;

   position: absolute;
   top: 0;
   right: 0;

   width: 120px;
   height: 32px;

   -webkit-transition: all .4s;
   transition: all .4s;
   text-align: center;

   color: #898989;
   border-radius: 50px;
   background-color: #f3f3f3;
}
.wrap-inquiry .product .item .note .J-shoping-close:before {
   font-family: 'iconfont' !important;

   margin-right: 8px;

   content: '\e625';
}
.wrap-inquiry .product .item .note .J-shoping-close:hover {
   color: #fff;
   background-color: #056eff;
}
.wrap-inquiry .product .item .note p {
   line-height: 32px;

   display: block;
   display: -webkit-box;
   overflow: hidden;

   margin: 0;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.wrap-inquiry .product .item:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-inquiry .product .item:hover .pic p {
   top: 50%;

   opacity: 1;
}
.wrap-inquiry .product .item:hover .note p {
   color: #056eff;
}
.wrap-inquiry .title-inquiry {
   background-color: #056eff;
}
.wrap-inquiry .title-inquiry h3 {
   font-size: 18px;
   line-height: 50px;

   margin: 0;
   padding: 0 40px;

   color: #fff;
}
.wrap-inquiry .inquiry {
   padding-top: 90px;
}
.wrap-inquiry .inquiry .row .list:last-child {
   text-align: center;
}
.wrap-inquiry .inquiry .info {
   padding: 30px 40px 40px 40px;

   border: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
   .wrap-inquiry .inquiry .info {
      padding: 30px 15px;
   }
}
.wrap-inquiry .inquiry .info p {
   line-height: 2.14285714;

   color: #666;
}
.wrap-inquiry .inquiry .info input,
.wrap-inquiry .inquiry .info textarea {
   line-height: 30px;

   width: 100%;
   min-height: 50px;
   margin-top: 20px;
   padding: 10px 30px;

   border: 1px solid #dcdcdc;
   background-color: #f6f6f6;
}
.wrap-inquiry .inquiry .info input::-webkit-input-placeholder,
.wrap-inquiry .inquiry .info textarea::-webkit-input-placeholder {
   color: #999;
}
.wrap-inquiry .inquiry .info input:-o-placeholder,
.wrap-inquiry .inquiry .info textarea:-o-placeholder {
   color: #999;
}
.wrap-inquiry .inquiry .info input::-moz-placeholder,
.wrap-inquiry .inquiry .info textarea::-moz-placeholder {
   color: #999;
}
.wrap-inquiry .inquiry .info input:-ms-input-placeholder,
.wrap-inquiry .inquiry .info textarea:-ms-input-placeholder {
   color: #999;
}
.wrap-inquiry .inquiry .info input:focus::-webkit-input-placeholder,
.wrap-inquiry .inquiry .info textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.wrap-inquiry .inquiry .info input:focus::-o-placeholder,
.wrap-inquiry .inquiry .info textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.wrap-inquiry .inquiry .info input:focus::-moz-placeholder,
.wrap-inquiry .inquiry .info textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.wrap-inquiry .inquiry .info input:focus::-ms-input-placeholder,
.wrap-inquiry .inquiry .info textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.wrap-inquiry .inquiry .info .read input::-webkit-input-placeholder,
.wrap-inquiry .inquiry .info .read textarea::-webkit-input-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input:-o-placeholder,
.wrap-inquiry .inquiry .info .read textarea:-o-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input::-moz-placeholder,
.wrap-inquiry .inquiry .info .read textarea::-moz-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input:-ms-input-placeholder,
.wrap-inquiry .inquiry .info .read textarea:-ms-input-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input:focus::-webkit-input-placeholder,
.wrap-inquiry .inquiry .info .read textarea:focus::-webkit-input-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input:focus::-o-placeholder,
.wrap-inquiry .inquiry .info .read textarea:focus::-o-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input:focus::-moz-placeholder,
.wrap-inquiry .inquiry .info .read textarea:focus::-moz-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .read input:focus::-ms-input-placeholder,
.wrap-inquiry .inquiry .info .read textarea:focus::-ms-input-placeholder {
   color: #333;
}
.wrap-inquiry .inquiry .info .submit {
   font-size: 16px;
   line-height: 50px;

   display: inline-block;

   height: 50px;
   margin-top: 30px;
   padding: 0 56px;

   -webkit-transition: all .4s;
   transition: all .4s;

   color: #fff;
   border-radius: 0;
   background-color: #056eff;
}
.wrap-inquiry .inquiry .info .submit:before {
   font-family: 'iconfont' !important;
   font-size: 20px;

   display: inline-block;

   margin-right: 20px;

   content: '\e75d';
   vertical-align: middle;
}
.wrap-inquiry .inquiry .info .submit:hover {
   background-color: #004cb5;
}
.wrap-contact .contact {
   overflow: hidden;
}
.wrap-contact .contact .m-title h3 {
   font-size: 24px;

   margin: 0 0 30px 0;

   color: #056eff;
}
@media (max-width: 991px) {
   .wrap-contact .contact .m-title h3 {
      font-size: 20px;
   }
}
@media (max-width: 991px) {
   .wrap-contact .contact .message {
      margin-top: 30px;
   }
}
.wrap-contact .contact .message p {
   font-size: 16px;
   line-height: 1.5;

   margin: 0;

   color: #999;
}
.wrap-contact .contact .message form input,
.wrap-contact .contact .message form textarea {
   font-size: 14px;
   line-height: 26px;

   width: 100%;
   min-height: 46px;
   margin-top: 20px;
   padding: 10px 20px;

   border: none;
   border: 1px solid #e5e5e5;
}
.wrap-contact .contact .message form input::-webkit-input-placeholder,
.wrap-contact .contact .message form textarea::-webkit-input-placeholder {
   color: #999;
}
.wrap-contact .contact .message form input:-o-placeholder,
.wrap-contact .contact .message form textarea:-o-placeholder {
   color: #999;
}
.wrap-contact .contact .message form input::-moz-placeholder,
.wrap-contact .contact .message form textarea::-moz-placeholder {
   color: #999;
}
.wrap-contact .contact .message form input:-ms-input-placeholder,
.wrap-contact .contact .message form textarea:-ms-input-placeholder {
   color: #999;
}
.wrap-contact .contact .message form input:focus::-webkit-input-placeholder,
.wrap-contact .contact .message form textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form input:focus::-o-placeholder,
.wrap-contact .contact .message form textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form input:focus::-moz-placeholder,
.wrap-contact .contact .message form textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form input:focus::-ms-input-placeholder,
.wrap-contact .contact .message form textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form .submit {
   font-size: 16px;
   line-height: 50px;

   display: inline-block;

   height: 50px;
   margin-top: 20px;
   padding: 0 56px;

   -webkit-transition: all .4s;
   transition: all .4s;

   color: #fff;
   border-radius: 0;
   background-color: #056eff;
}
.wrap-contact .contact .message form .submit:before {
   font-family: 'iconfont' !important;
   font-size: 20px;

   display: inline-block;

   margin-right: 20px;

   content: '\e75d';
   vertical-align: middle;
}
.wrap-contact .contact .message form .submit:hover {
   background-color: #004cb5;
}
.wrap-contact .contact .info .note {
   margin-top: 40px;
}
.wrap-contact .contact .info .note p {
   font-size: 14px;
   line-height: 1.71428571;

   display: table;

   width: 100%;
   margin: 0 0 20px 0;

   color: #999;
}
.wrap-contact .contact .info .note p.tel:before,
.wrap-contact .contact .info .note p.factory:before,
.wrap-contact .contact .info .note p.address:before,
.wrap-contact .contact .info .note p.email:before,
.wrap-contact .contact .info .note p.whatsapp:before,
.wrap-contact .contact .info .note p.website:before,
.wrap-contact .contact .info .note p.fax:before {
   font-family: 'iconfont';
   font-size: 22px;
   line-height: 40px;

   display: table-cell;
   float: left;

   width: 20px;
   width: 40px;
   height: 40px;
   margin-right: 10px;

   content: '\e647';
   text-align: center;
   vertical-align: middle;

   color: #056eff;
   border: 1px solid #ddd;
   border-radius: 50%;
}
.wrap-contact .contact .info .note p span {
   display: table-cell;

   width: 91%;

   vertical-align: middle;
}
.wrap-contact .contact .info .note p.factory:before {
   content: '\e61f';
}
.wrap-contact .contact .info .note p.tel:before {
   font-size: 18px;

   content: '\e637';
}
.wrap-contact .contact .info .note p.email:before {
   font-size: 18px;

   content: '\e75d';
}
.wrap-contact .contact .info .note p.fax:before {
   font-size: 18px;

   content: '\e626';
}
.wrap-contact .contact .info .note p.website:before {
   content: '\e62b';
}
.wrap-contact .contact .info .note p a:hover {
   text-decoration: underline;
}
.wrap-contact .map {
   overflow: hidden;

   height: 500px;
   margin-top: 80px;
}
@media (max-width: 991px) {
   .wrap-contact .map {
      margin-top: 50px;
   }
}
.page {
   margin-top: 80px;

   text-align: center;
}
@media (max-width: 991px) {
   .page {
      margin-top: 50px;
   }
}
.page li {
   line-height: 50px;

   display: inline-block;

   width: 50px;
   height: 50px;
   margin: 0 4px;

   cursor: pointer;
   text-align: center;

   color: #666;
   border: 1px solid #d2d2d2;
   border-radius: 0;
   background: #fff;
}
@media (max-width: 767px) {
   .page li {
      line-height: 34px;

      width: 34px;
      height: 34px;
      margin: 0 1px;
   }
}
.page li.active,
.page li:hover {
   color: #fff;
   border-color: #056eff;
   background-color: #056eff;
}
.page li a {
   display: block;
}
.page li.prev a:before,
.page li.next a:before {
   font-family: 'iconfont' !important;

   content: '\e601';
}
.page li.prev:hover,
.page li.next:hover {
   border-color: #056eff;
   background-color: #056eff;
}
.page li.next a:before {
   font-family: 'iconfont' !important;

   content: '\e827';
}
.lazy {
   background: url(../js/slick/ajax-loader.gif) no-repeat center;
}
.stuck {
   position: fixed;
   z-index: 10;
   top: 0;

   width: 100%;
   height: 70px !important;

   background-color: #61c9fa;
}
.stuck .logo {
   height: 60px;
   margin-top: 5px;
}
.stuck .logo p b {
   font-size: 20px;
}
.stuck .logo p span {
   font-size: 16px;
}
.stuck .nav .nav-list1>li>a {
   line-height: 70px;
}
.stuck .nav .nav-list1>li:hover>a:after,
.stuck .nav .nav-list1>li.active>a:after {
   bottom: 0;
}
.stuck .nav .nav-list1 .nav-list3 {
   background-color: #61c9fa;
   box-shadow: none;
}
.stuck .nav .nav-list1 .nav-list2 li a {
   color: #fff;
}
.stuck .nav .nav-list1 .nav-list2 li a:hover {
   color: #fff;
}
.stuck .find {
   line-height: 70px;
}
.stuck .right .search-pc {
   margin-top: 14px;
}
.zoomDiv {
   z-index: 9;

   display: none;
   overflow: hidden;

   text-align: center;

   border: 1px solid #ccc;
   background: #fff;
}
@media (min-width: 768px) {
   .zoomDiv {
      position: absolute;
   }
}
.zoomMask {
   position: absolute;
   z-index: 1;

   cursor: move;

   background: url('../images/mask.png') repeat scroll 0 0 transparent;
}
@media (max-width: 767px) {
   .zoomMask {
      display: none;
   }
}
.table-box {
   overflow: auto;

   width: 100%;

}

table {
   width: 70% !important;
   max-width: 70%;
   margin: 0;
   padding: 0;

   border-spacing: 0;
   border-collapse: collapse;

   text-align: center;
}
@media(max-width:1199px) {
   table {
      width: 100% !important;
      max-width: 100%;
   }
}
table tr,
table td {
   width: auto !important;
   height: auto !important;
   white-space: nowrap;
   vertical-align: middle;
}
table tr:nth-child(odd) {
   background-color: #f2f2f2;
}
table td {
   padding: 0 8px !important;

   border: 1px solid #ccc !important;
}
table tr p,
table tr span {
   margin: 0 !important;
   padding: 0 !important;

   background: none !important;
}

/**
 * Date : 2019年1月8日15:07:57
 * @author HSM
 * @toDo logo
 */

@-webkit-keyframes skewlight {
   0 {
      -webkit-transform: translateX(-20px) skewX(-30deg);
      -webkit-transform: translate3d(-20px, 0, 0) skewX(-30deg);
      transform: translateX(-20px) skewX(-30deg);
      transform: translate3d(-20px, 0, 0) skewX(-30deg);

      opacity: 1;
   }
   45% {
      -webkit-transform: translateX(280px) skewX(-30deg);
      -webkit-transform: translate3d(280px, 0, 0) skewX(-30deg);
      transform: translateX(280px) skewX(-30deg);
      transform: translate3d(280px, 0, 0) skewX(-30deg);

      opacity: .8;
   }
   100% {
      -webkit-transform: translateX(280px) skewX(-30deg);
      -webkit-transform: translate3d(280px, 0, 0) skewX(-30deg);
      transform: translateX(280px) skewX(-30deg);
      transform: translate3d(280px, 0, 0) skewX(-30deg);

      opacity: .8;
   }
}
@keyframes skewlight {
   0 {
      -webkit-transform: translateX(-20px) skewX(-30deg);
      -webkit-transform: translate3d(-20px, 0, 0) skewX(-30deg);
      transform: translateX(-20px) skewX(-30deg);
      transform: translate3d(-20px, 0, 0) skewX(-30deg);

      opacity: 1;
   }
   45% {
      -webkit-transform: translateX(280px) skewX(-30deg);
      -webkit-transform: translate3d(280px, 0, 0) skewX(-30deg);
      transform: translateX(280px) skewX(-30deg);
      transform: translate3d(280px, 0, 0) skewX(-30deg);

      opacity: .8;
   }
   100% {
      -webkit-transform: translateX(280px) skewX(-30deg);
      -webkit-transform: translate3d(280px, 0, 0) skewX(-30deg);
      transform: translateX(280px) skewX(-30deg);
      transform: translate3d(280px, 0, 0) skewX(-30deg);

      opacity: .8;
   }
}
.header .logo a {
   position: relative;

   overflow: hidden;
}
.header .logo a:after {
   position: absolute;
   top: 0;
   left: -50px;

   overflow: hidden;

   width: 12px;
   height: 100%;

   content: '';
   -webkit-transition: .3s;
   transition: .3s;
   -webkit-transform: skewX(-30deg);
   -ms-transform: skewX(-30deg);
   transform: skewX(-30deg);
   -webkit-animation: skewlight 2.5s infinite;
   animation: skewlight 2.5s infinite;

   background: #fff;
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 100%);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.banner .slick-arrow {
   position: absolute;
   top: 50%;
   left: 6%;
   background: none;
   cursor: pointer;
   padding: 0;
   z-index: 9;
}

.banner .slick-arrow::before {
   font-family: "iconfont" !important;
   content: '\e601';
   font-size: 24px;
   color: #ffffff;
   width: 54px;
   height: 54px;
   display: block;
   line-height: 60px;
   border-radius: 50%;
   /* border: 1px dashed #999999; */
   background-color: rgba(0, 0, 0, .26);
}

.banner .slick-arrow.slick-next {
   left: auto;
   right: 6%;
}
@media(max-width: 991px) {
   .banner .slick-arrow {
      left: 26%;
   }
   .banner .slick-arrow.slick-next {
      right: 26%;
   }
   .banner .slick-arrow::before {
      width: 44px;
      height: 44px;
      line-height: 44px;
      font-size: 20px;
   }
}
.banner .slick-arrow.slick-next::before {
   font-family: "iconfont" !important;
   content: '\e827';
}
.banner .slick-arrow:hover::before {
   background-color: rgba(5, 110, 255, .6);
}

.wrap-honor .item p {
   line-height: 2;
   margin: 10px 0 0 0;
   height: 28px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   text-align: center;
}

.wrap-exhibition-show .relate {
   margin-top: 50px;
}
.wrap-exhibition-show .relate a {
   display: block;
   line-height: 30px;
   margin: 5px 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   height: 30px;
}
.wrap-exhibition-show .relate a:hover {
   color: #056eff;
}

.box-contact {
   overflow: hidden;
}
.box-contact ul {
   margin: 0 -10px;
   overflow: hidden;
}

.box-contact ul li {
   width: 20%;
   float: left;
   padding: 0 10px;
   margin-top: 20px;
}

.box-contact ul li .item {
   border: 1px solid #dcdcdc;
   padding: 20px 15px;
}
.box-contact ul li .item .pic {
   max-width: 140px;
   margin: 0 auto;
   border-radius: 50%;
   overflow: hidden;
}
.box-contact ul li .item h3 {
   text-align: center;
   font-weight: bold;
   font-size: 18px;
}
.box-contact ul li .item p {
   color: #666666;
   line-height: 24/14;
   margin: 0;
}
.box-contact ul li .item p a:hover {
   color: #056eff;
}
@media(max-width: 991px) {
   .box-contact ul li {
      width: 33.33%;
   }
   .box-contact ul li .item {
      padding: 20px 15px 10px 15px;
   }
}
@media(max-width: 767px) {
   .box-contact ul li {
      width: 100%;
   }
}

.box-news {
   padding-bottom: 60px;
}
.news-list {
   margin-top: 30px;
}

.news-list .img-box {
   padding-bottom: 46.26865672%;
}
.news-list li {
   margin-top: 10px;
}
.news-list .item {
   position: relative;

   display: block;
   overflow: hidden;

   padding: 19px 10px 19px 19px;

   border: 1px solid #ddd;
}
@media (min-width: 992px) {
   .news-list .item img {
      -webkit-transition: transform .7s;
      -webkit-transition: -webkit-transform .7s;
      transition: -webkit-transform .7s;
      transition: transform .7s;
      transition: transform .7s, -webkit-transform .7s;
   }
   .news-list .item:hover img {
      -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
      transform: scale(1.07);
   }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .news-list .item {
      padding: 30px;
   }
}
@media (min-width: 1200px) {
   .news-list .item:hover .more span {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);

      border-bottom-color: #389d3a;
   }
}
.news-list .item>b {
   font-size: 16px;

   display: block;
   overflow: hidden;

   margin: 40px 0 10px;

   white-space: nowrap;
   text-overflow: ellipsis;
}
@media (min-width: 1200px) and (max-width: 1440px) {
   .news-list .item>b {
      margin-top: 25px;
   }
}
@media (min-width: 1200px) and (max-width: 1339px) {
   .news-list .item>b {
      margin-top: 10px;
   }
}
@media (max-width: 1199px) {
   .news-list .item>b {
      margin: 25px 0 10px;
   }
}
.news-list .item p {
   line-height: 24px;

   margin: 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 48px;

   color: #666;
}
.news-list .item .more {
   margin-top: 20px;

   color: #056eff;
}
@media (max-width: 1199px) {
   .news-list .item .more {
      margin-top: 20px;
   }
}
@media (max-width: 767px) {
   .news-list .item .more {
      margin-top: 20px;
   }
}
.news-list .item .more span {
   line-height: 1;

   display: inline-block;

   -webkit-transition: .3s;
   transition: .3s;

   border-bottom: 1px solid transparent;
}
.news-list .item .more span:after {
   margin-left: 8px;

   content: '>';
}
.news-list .item .date {
   position: absolute;
   z-index: 20;
   top: 10px;
   left: 10px;

   padding: 10px 10px 15px;

   text-align: center;

   color: #fff;
   background-color: rgba(5, 110, 255, .9);
}
.news-list .item .date b {
   font-size: 30px;

   display: block;
}
@media (max-width: 767px) {
   .news-list .item .date b {
      font-size: 24px;
   }
}
.news-list .pic-box {
   width: 390px;
   max-width: 100%;
}
@media (min-width: 1200px) {
   .news-list .pic-box {
      float: left;

      margin-right: 25px;
   }
}
@media (min-width: 1200px) and (max-width: 1440px) {
   .news-list .pic-box {
      width: 350px;
   }
}
@media (min-width: 1200px) and (max-width: 1339px) {
   .news-list .pic-box {
      width: 300px;
   }
}
.index-news .title {
   margin-bottom: 40px;
}
@media (max-width: 991px) {
   .index-news .title {
      margin-bottom: 20px;
   }
}

.footer .foot>ul>li .item-2 .info-down .share {
   margin-top: 30px;
}
.footer .foot>ul>li .item-2 .info-down .share ul li {
   display: inline-block;
}
.footer .foot>ul>li .item-2 .info-down .share ul li a {
   display: block;

   margin-right: 10px;

   -webkit-transition: all .5s;
   transition: all .5s;

   color: #fff;
}
.footer .foot>ul>li .item-2 .info-down .share ul li a:before {
   font-family: 'iconfont';
   font-size: 14px;
   font-weight: normal;
   line-height: 32px;

   display: inline-block;

   width: 32px;
   height: 32px;

   content: '\e615';
   -webkit-transition: all .2s;
   transition: all .2s;
   text-align: center;
   vertical-align: top;

   border: 1px solid rgba(255, 255, 255, .42);
}
.footer .foot>ul>li .item-2 .info-down .share ul li.twitter a:before {
   content: '\e60b';
}
.footer .foot>ul>li .item-2 .info-down .share ul li.linkedin a:before {
   content: '\e7eb';
}
.footer .foot>ul>li .item-2 .info-down .share ul li.instagram a:before {
   content: '\e612';
}
.footer .foot>ul>li .item-2 .info-down .share ul li.youtube a:before {
   content: '\e6fa';
}
.footer .foot>ul>li .item-2 .info-down .share ul li.google a:before {
   content: '\e60c';
}
.footer .foot>ul>li .item-2 .info-down .share ul li.amazon a:before {
   content: '\e6c1';
}
.footer .foot>ul>li .item-2 .info-down .share ul li:hover a {
   -webkit-transform: translateY(-4px);
   -ms-transform: translateY(-4px);
   transform: translateY(-4px);

   color: #fff;
}
.footer .foot>ul>li .item-2 .info-down .share ul li:hover a:before {
   border-color: #fff;
}

.download-wrap .img-box {
   padding-bottom: 67.74193548%;
}
.download-wrap .list {
   font-size: 0;

   letter-spacing: -8px;
   margin-top: -30px;
}
.download-wrap .list li {
   font-size: 14px;

   display: inline-block;
   float: none;

   margin-top: 30px;

   vertical-align: top;
   letter-spacing: 0;
}
@media (max-width: 767px) {
   .download-wrap .list li {
      margin-top: 20px;
   }
}
.download-wrap .item {
   position: relative;

   overflow: hidden;
   zoom: 1;

   padding: 20px;

   -webkit-transition: .3s;
   transition: .3s;

   background-color: #fff;
   box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
}
.download-wrap .item:after {
   display: block;
   visibility: hidden;
   clear: both;

   height: 0;

   content: '';
}
@media (min-width: 1200px) {
   .download-wrap .item:hover {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px);

      box-shadow: 0 0 20px 1px rgba(0, 0, 0, .2);
   }
}
@media (max-width: 480px) {
   .download-wrap .item {
      padding: 15px;
   }
}
.download-wrap .item .pic-box {
   float: left;

   width: 310px;
   max-width: 100%;
   margin-right: 30px;
}
@media (max-width: 1349px) {
   .download-wrap .item .pic-box {
      width: 270px;
   }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .download-wrap .item .pic-box {
      float: none;

      width: 310px;
      margin: 0 auto;
   }
}
@media (max-width: 480px) {
   .download-wrap .item .pic-box {
      float: none;

      width: 100%;
      margin: 0 auto;
   }
}
.download-wrap .item h4 {
   font-size: 20px;
   font-weight: bold;

   display: block;

   margin: 15px 0 0;
}
@media (max-width: 991px) {
   .download-wrap .item h4 {
      font-size: 18px;
   }
}
@media (max-width: 480px) {
   .download-wrap .item h4 {
      font-size: 16px;
   }
}
.download-wrap .item .info p {
   display: inline-block;

   margin: 10px 50px 0 0;
}
.download-wrap .item .info p:last-child {
   margin-right: 0;
}
.download-wrap .item .info p span {
   color: #2085e4;
}
.download-wrap .item .download {
   font-size: 16px;
   line-height: 38px;
   padding: 0;

   display: inline-block;

   width: 165px;
   height: 40px;
   margin-top: 35px;

   text-align: center;

   color: #fff;
   background-color: #2085e4;
}
.download-wrap .item .download:before,
.download-wrap .item .download span {
   display: inline-block;

   vertical-align: middle;
}
.download-wrap .item .download:before {
   font-family: 'iconfont' !important;
   font-size: 1.5em;
   line-height: 1;

   margin-right: 5px;

   content: '\e641';
}
.download-wrap .item .download span {
   font-weight: bold;
}
@media (min-width: 1200px) {
   .download-wrap .item .download {
      -webkit-transition: .4s;
      transition: .4s;
   }
   .download-wrap .item .download:hover {
      box-shadow: inset 0 2px 10px rgba(0, 0, 0, .2);
   }
}
@media (max-width: 1199px) {
   .download-wrap .item .download:active {
      box-shadow: inset 0 2px 10px rgba(0, 0, 0, .2);
   }
}
@media (max-width: 767px) {
   .download-wrap .item .download {
      font-size: 14px;
   }
}
@media (max-width: 480px) {
   .download-wrap .item .download {
      margin-top: 25px;
   }
}
.download-wrap .item .num {
   font-size: 80px;
   font-weight: bold;
   font-style: italic;
   line-height: 1;

   position: absolute;
   z-index: 2;
   right: 20px;
   bottom: -10px;

   opacity: .1;
   color: #000;
}
@media (max-width: 1349px) {
   .download-wrap .item .num {
      font-size: 70px;
   }
}
@media (max-width: 767px) {
   .download-wrap .item .num {
      font-size: 55px;

      bottom: -6px;
   }
}
.download-wrap .page {
   padding-top: 25px;
}
@media (max-width: 991px) {
   .download-wrap .page {
      padding-top: 5px;
   }
}
@media(min-width:1470px) {
   .header .nav .nav-list1>li:nth-child(3) .nav-list2 ul li {
      width: 7.6923072923%;
   }
}

.wrap-user-evaluation {
   padding-top: 50px;
}
@media (max-width: 991px) {
   .wrap-user-evaluation {
      padding-top: 30px;
   }
}
.wrap-user-evaluation .evaluation>ul>li {
   padding: 30px 0;

   border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
   .wrap-user-evaluation .evaluation>ul>li {
      padding: 18px 0;
   }
}
.wrap-user-evaluation .evaluation .item .title-evaluation h3 {
   font-size: 20px;
   font-weight: bold;
   line-height: 1.4;

   margin: 0;
}
@media (max-width: 767px) {
   .wrap-user-evaluation .evaluation .item .title-evaluation h3 {
      font-size: 18px;
   }
}
.wrap-user-evaluation .evaluation .item .star {
   margin-top: 6px;

   color: #ff9000;
}
.wrap-user-evaluation .evaluation .item .star i {
   margin-right: 4px;
   font-style: normal;
   font-size: 20px;
}
.wrap-user-evaluation .evaluation .item .note {
   margin-top: 20px;
}
@media (max-width: 767px) {
   .wrap-user-evaluation .evaluation .item .note {
      margin-top: 10px;
   }
}
.wrap-user-evaluation .evaluation .item .note p {
   line-height: 24px;

   color: #666;
}

.product-show .slick-arrow {
   font-size: 0;
   line-height: 50px;

   position: absolute;
   z-index: 6;
   top: 50%;
   left: 5px;

   width: 24px;
   height: 50px;
   padding: 0;

   cursor: pointer;
   -webkit-transition: all .2s;
   transition: all .2s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;

   color: #fff;
   background: none;
   background-color: #056eff;
}
.product-show .slick-arrow:before {
   font-family: 'iconfont' !important;
   font-size: 26px;

   display: block;

   content: '\e9b5';
}
.product-show .slick-arrow.slick-next {
   right: 0;
   left: auto;
}
.product-show .slick-arrow.slick-next:before {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.product-show .slick-arrow:hover {
   background-color: #0060e6;
}