@charset 'utf-8';
@-ms-viewport {
   width: auto !important;
}
.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list,
.slick-slide img,
.slick-slider .slick-track img,
.slick-slider .slick-list img {
   -webkit-transform: translateZ(1px);
   -webkit-transform: translate3d(0, 0, 1px);
   transform: translateZ(1px);
   transform: translate3d(0, 0, 1px);
   -webkit-perspective: 1000;
   perspective: 1000;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
.ff {
   font-family: 'iconfont' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.all {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
body {
   font-family: 'Source Han Sans CN', 'Noto Sans TC', 'Microsoft YaHei', 'PingFang SC', Arial, Helvetica, 'Helvetica Neue', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
   overflow-x: hidden;
}
body.fixed {
   width: 100%;
}
body.fixed .header {
   z-index: 10000002;
}
body.inside-body .header {
   background: #5b86e5;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWI4NmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2ZDFkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -webkit-linear-gradient(-45deg, #5b86e5 0%, #36d1dc 100%);
   background: -webkit-linear-gradient(315deg, #5b86e5 0%, #36d1dc 100%);
   background: linear-gradient(135deg, #5b86e5 0%, #36d1dc 100%);
   box-shadow: 0 8px 16px rgba(92, 127, 204, .12);
   background: #000;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b86e5', endColorstr='#36d1dc', GradientType=1);
}
body.inside-body .header .find {
   color: #fff;
}
body.inside-body .nav-collapse .btn-line {
   background-color: #fff;
}
body.inside-body .header-r .language a {
   color: #fff;
   border-color: #fff;
}
@media only screen and (min-width: 1340px) {
   .container {
      width: 1320px;
   }
}
@media only screen and (min-width: 1470px) {
   .container {
      width: 1440px;
   }
}
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[data-fancybox] {
   outline: none;
}
a[data-fancybox] img {
   outline: none !important;
}
.slick-slide {
   outline: none;
}
.slick-slide a {
   outline: none !important;
}
.txt-over1 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
img {
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
}
.img-box {
   position: relative;
   z-index: 1;
   display: block;
   overflow: hidden;
   height: 0;
   padding-bottom: 100%;
}
.img-box img {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
}
.page {
   text-align: center;
}
.page li {
   line-height: 36px;
   display: inline-block;
   width: 38px;
   height: 38px;
   margin: 0 3px;
   cursor: pointer;
   -webkit-transition: .3s;
   transition: .3s;
   text-align: center;
   color: #848484;
   border: 1px solid #ccc;
   border-radius: 50%;
   background: #fff;
}
@media (max-width: 767px) {
   .page li {
      font-size: 12px;
      line-height: 28px;
      width: 30px;
      height: 30px;
      margin: 0 1px;
   }
}
.page li.active,
.page li:hover {
   color: #fff;
   border-color: #810e01;
   background-color: #810e01;
}
.page li.active {
   border-radius: 50%;
}
.page li a {
   display: block;
}
.page li.prev:before,
.page li.next:before {
   font-family: 'iconfont' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.page li.prev:before {
   content: '\e9b5';
}
.page li.next:before {
   content: '\e72f';
}
.table-box {
   overflow: auto;
   width: 100%;
   max-width: 100%;
}
.table-box table {
   width: 100%;
   max-width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   color: #666;
}
.table-box table tr,
.table-box table td,
.table-box table th {
   width: auto !important;
   height: auto !important;
}
.table-box table td,
.table-box table th {
   padding: 19px 30px !important;
   border: 1px solid #ddd !important;
}
@media (max-width: 991px) {
   .table-box table td,
   .table-box table th {
      padding: 15px 23px !important;
   }
}
@media (max-width: 767px) {
   .table-box table td,
   .table-box table th {
      padding: 8px 15px !important;
   }
}
.table-box table tr p,
.table-box table tr span {
   margin: 0 !important;
   padding: 0 !important;
   background: none !important;
}
.table-box table td:first-child {
   color: #333;
}
.clearfix {
   zoom: 1;
}
.clearfix:after {
   display: block;
   visibility: hidden;
   clear: both;
   height: 0;
   content: '';
}
img.lazy {
   min-width: 1px;
   min-height: 1px;
}
.lazy {
   background: url(../js/slick/ajax-loader.gif) no-repeat center;
}
.slick-slide {
   outline: none;
}
.slick-slide a {
   outline: none !important;
}
.fancybox-slide--iframe .fancybox-content {
   width: 800px;
   max-width: 80%;
   height: 600px;
   max-height: 50%;
   margin: 0;
}
.fancybox-slide--video video {
   max-width: 80%;
   padding: 0;
}
@media (max-width: 767px) {
   .fancybox-slide--video video {
      max-width: 95%;
   }
}
img {
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
}
.header {
   position: fixed;
   z-index: 999;
   top: 0;
   left: 0;
   width: 100%;
}
.header:after {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: '';
   -webkit-transition: .5s;
   transition: .5s;
   opacity: 0;
   background: #5b86e5;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWI4NmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2ZDFkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -webkit-linear-gradient(-45deg, #5b86e5 0%, #36d1dc 100%);
   background: -webkit-linear-gradient(315deg, #5b86e5 0%, #36d1dc 100%);
   background: linear-gradient(135deg, #5b86e5 0%, #36d1dc 100%);
   background: #000;
   box-shadow: 0 8px 16px rgba(92, 127, 204, .12);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b86e5', endColorstr='#36d1dc', GradientType=1);
}
@media (max-width: 767px) {
   .header:after {
      opacity: 1;
   }
}
.header.out:after {
   opacity: 1;
}
.header.out .logo>a {
   width: 68px;
   padding: 10px 0;
}
@media (max-width: 767px) {
   .header.out .logo>a {
      width: 50px;
      padding: 5px 0;
   }
}
.header.out .nav-list1>li>a {
   padding: 33px 0;
}
.header .logo {
   display: block;
   float: left;
}
.header .logo>a {
   display: inline-block;
   padding: 20px 0;
   -webkit-transition: .3s;
   transition: .3s;
   vertical-align: middle;
}
@media (max-width: 1199px) {
   .header .logo>a {
      width: 68px;
      padding: 10px 0;
   }
}
@media (max-width: 767px) {
   .header .logo>a {
      width: 50px;
      padding: 5px 0;
   }
}
.header .logo img {
   width: 100%;
}
.header .logo .logo-txt {
   display: inline-block;
   margin-left: 20px;
   vertical-align: middle;
}
@media (max-width: 1199px) {
   .header .logo .logo-txt {
      width: 380px;
      margin-left: 10px;
   }
}
@media (max-width: 991px) {
   .header .logo .logo-txt {
      display: none;
   }
}
.header .header-r {
   float: right;
   padding-right: 16%;
}
@media (max-width: 1199px) {
   .header .header-r {
      padding: 29px 0;
   }
}
@media (max-width: 991px) {
   .header .header-r {
      padding: 30px 0;
   }
}
@media (max-width: 767px) {
   .header .header-r {
      padding: 15px 0;
   }
}
.header .header-r>div {
   display: inline-block;
   vertical-align: middle;
}
@media (max-width: 1199px) {
   .header .header-r>div.nav {
      display: none;
   }
}
.header .header-r .language {
   display: inline-block;
}
.header .header-r .language a {
   line-height: 28px;
   display: block;
   width: 30px;
   height: 30px;
   -webkit-transition: .3s;
   transition: .3s;
   text-align: center;
   color: #fff;
   border: 1px solid #fff;
   border-radius: 50%;
}
@media (min-width: 1200px) {
   .header .header-r .language a:hover {
      color: #810e01;
      border-color: #fff;
      background-color: #fff;
   }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
   .header .header-r .language a {
      color: #810e01;
      border-color: #810e01;
   }
}
.header .header-r .find {
   font-size: 26px;
   display: inline-block;
   margin: 0 60px 0 50px;
   cursor: pointer;
   vertical-align: middle;
   color: #fff;
}
.header .header-r .find:after {
   font-family: 'iconfont' !important;
   font-style: normal;
   content: '\e64d';
   vertical-align: top;
}
@media (max-width: 1349px) {
   .header .header-r .find {
      margin: 0 50px 0 40px;
   }
}
@media (max-width: 1199px) {
   .header .header-r .find {
      margin: 0 20px 0 0;
      color: #810e01;
   }
}
@media (max-width: 767px) {
   .header .header-r .find {
      color: #fff;
   }
}
@media (min-width: 1200px) {
   .nav {
      position: relative;
      z-index: 30;
      text-align: center;
   }
   .nav.fixed .tbl {
      position: fixed;
      z-index: 888;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #f9f9f9;
      box-shadow: 0 0 16px 0 rgba(7, 17, 27, .2);
   }
}
@media (max-width: 1199px) {
   .nav {
      position: fixed;
      z-index: 9998;
      top: 0;
      left: 0;
      display: none;
      width: 100%;
      height: 100%;
      padding: 0 50px;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
      text-align: left;
      text-align: center;
      background: #fafafa;
      background: #000;
   }
   .nav .tbl {
      display: table;
      width: 100%;
      height: 100%;
   }
   .nav .tbl-cell {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
   }
}
@media (max-width: 1199px) and (max-width: 1199px) {
   .nav .container {
      overflow: auto;
      width: 100%;
   }
}
@media (max-width: 767px) {
   .nav {
      width: 100%;
      padding: 0 15px;
   }
}
.nav.left-100 {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
}
.nav.left-200 {
   -webkit-transform: translate3d(-200%, 0, 0);
   transform: translate3d(-200%, 0, 0);
}
.nav.left-300 {
   -webkit-transform: translate3d(-300%, 0, 0);
   transform: translate3d(-300%, 0, 0);
}
.nav.left-400 {
   -webkit-transform: translate3d(-400%, 0, 0);
   transform: translate3d(-400%, 0, 0);
}
.nav.left-500 {
   -webkit-transform: translate3d(-500%, 0, 0);
   transform: translate3d(-500%, 0, 0);
}
.nav .nav-list1>li>a {
   text-transform: uppercase;
}
@media (min-width: 1200px) {
   .nav .nav-list1 {
      zoom: 1;
   }
   .nav .nav-list1:after {
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      content: '';
   }
   .nav .nav-list1 li a {
      white-space: nowrap;
   }
   .nav .nav-list1>li {
      position: relative;
      float: left;
      padding: 0 40px;
   }
   .nav .nav-list1>li:first-child {
      margin-left: 0;
      padding-left: 0;
   }
   .nav .nav-list1>li:first-child>a {
      padding-left: 0;
   }
   .nav .nav-list1>li>a {
      font-size: 18px;
      position: relative;
      display: block;
      padding: 53px 0;
      -webkit-transition: .3s;
      transition: .3s;
      text-transform: uppercase;
      color: #fff;
   }
   .nav .nav-list1>li>a span {
      position: relative;
      display: block;
      padding: 5px 0;
   }
   .nav .nav-list1>li>a span:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 1px;
      content: '';
      -webkit-transition: .5s;
      transition: .5s;
      background-color: #fff;
   }
   .nav .nav-list1>li.active>a span:after,
   .nav .nav-list1>li:hover>a span:after {
      width: 100%;
   }
   .nav .nav-list1>li.active>a {
      font-weight: bold;
   }
   .nav .nav-list1 ul {
      display: none;
   }
   .nav .nav-list1 .nav-list2 {
      position: absolute;
      z-index: 10;
      top: 100%;
      left: 50%;
      min-width: 140px;
      padding: 10px 0;
      text-align: left;
      border-top: 1px solid transparent;
      background-color: #fff;
      box-shadow: 1px 4px 10px 2px rgba(0, 0, 0, .2);
   }
   .nav .nav-list1 .nav-list2>li {
      position: relative;
      padding: 0 5px;
      -webkit-transition: .2s;
      transition: .2s;
      white-space: nowrap;
      border-top: 1px solid rgba(255, 255, 255, .3);
   }
   .nav .nav-list1 .nav-list2>li:first-child {
      border-top: none;
   }
   .nav .nav-list1 .nav-list2>li>a {
      display: block;
      padding: 5px 10px;
      -webkit-transition: .3s;
      transition: .3s;
      color: #888;
   }
   .nav .nav-list1 .nav-list2>li>a:hover {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);
      color: #810e01;
   }
}
@media (min-width: 1200px) and (max-width: 1349px) {
   .nav .nav-list1>li {
      padding: 0 25px;
   }
}
@media (max-width: 1199px) {
   .nav .nav-list1 {
      margin: 20px 0;
      opacity: 0;
   }
   .nav .nav-list1>li {
      -webkit-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
      transform: translateX(-25px);
      opacity: 0;
   }
   .nav .nav-list1>a {
      font-size: 20px;
      color: #fff;
   }
}
@media (max-width: 1199px) {
   .nav .nav-list2,
   .nav .nav-list3,
   .nav .nav-list4,
   .nav .nav-list5 {
      display: none;
   }
   .nav .nav-list2 a,
   .nav .nav-list3 a,
   .nav .nav-list4 a,
   .nav .nav-list5 a {
      font-size: 16px;
      line-height: 2;
      margin-top: 5px;
      color: #fff;
   }
}
.nav .nav-list2 a,
.nav .nav-list3 a,
.nav .nav-list4 a,
.nav .nav-list5 a {
   display: block;
}
@media (max-height: 580px) {
   .nav .nav-list2 a,
   .nav .nav-list3 a,
   .nav .nav-list4 a,
   .nav .nav-list5 a {
      margin-top: 0;
   }
}
.nav .nav-2,
.nav .nav-3 {
   display: none;
}
@media (max-width: 1199px) {
   .nav .nav-2,
   .nav .nav-3 {
      position: absolute;
      z-index: 9999;
      top: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      padding: 20px;
      -webkit-transition: left .3s;
      transition: left .3s;
      text-align: left;
      text-align: center;
      color: #fff;
      background: #fafafa;
      background: #000;
   }
}
.nav .nav-2 .nav-top,
.nav .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;
}
.nav .nav-2 .nav-top .back-btn:before,
.nav .nav-3 .nav-top .back-btn:before {
   font-family: 'iconfont' !important;
   font-size: 26px;
   content: '\e9b5';
}
.nav .nav-2 .nav-top .nav-title,
.nav .nav-3 .nav-top .nav-title {
   font-size: 30px;
   margin: 0;
}
@media (max-width: 767px) {
   .nav .nav-2 .nav-top .nav-title,
   .nav .nav-3 .nav-top .nav-title {
      font-size: 20px;
   }
}
.nav .nav-2 .nav-top .nav-collapse-2,
.nav .nav-3 .nav-top .nav-collapse-2 {
   margin: 0;
}
.nav .nav-2 .nav-top .nav-collapse-2 .btn-line,
.nav .nav-3 .nav-top .nav-collapse-2 .btn-line {
   background-color: #fff;
}
.nav .nav-2 .content,
.nav .nav-3 .content {
   overflow: auto;
   max-height: 70vh;
   margin-top: 4%;
}
@media (max-width: 767px) {
   .nav .nav-2 .content ul,
   .nav .nav-3 .content ul {
      padding: 0 15px;
   }
}
.nav .nav-2 .content ul li,
.nav .nav-3 .content ul li {
   font-family: Arial, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
   font-size: 24px;
   line-height: 50px;
   margin: 20px 0;
   text-align: left;
}
@media (max-width: 991px) {
   .nav .nav-2 .content ul li,
   .nav .nav-3 .content ul li {
      margin: 10px 0;
   }
}
@media (max-width: 767px) {
   .nav .nav-2 .content ul li,
   .nav .nav-3 .content ul li {
      font-size: 5vmin;
      line-height: 1.6;
      margin: 0;
      margin-bottom: 5px;
   }
}
.nav .nav-2 .content ul li.more,
.nav .nav-3 .content ul li.more {
   position: relative;
}
.nav .nav-2 .content ul li.more:after,
.nav .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;
}
.nav .nav-2 .content ul li a,
.nav .nav-3 .content ul li a {
   display: block;
}
.nav .nav-2 {
   left: 100%;
}
.nav .nav-3 {
   left: 200%;
}
.nav .nav-3 .content ul li {
   font-size: 4.5vmin;
}
.nav.fade-out ul {
   text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
   .nav.fade-out ul {
      padding: 0 5%;
   }
}
@media (max-width: 1199px) {
   .nav.fade-out ul.nav-list1 {
      overflow: auto;
      max-height: 80vh;
      opacity: 1;
   }
   .nav.fade-out ul.nav-list1 a {
      color: #fff;
   }
   .nav.fade-out ul.nav-list1>li {
      zoom: 1;
      margin: 20px 0;
   }
   .nav.fade-out ul.nav-list1>li:after {
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      content: '';
   }
   .nav.fade-out ul.nav-list1>li.act {
      -webkit-transition: .6s;
      transition: .6s;
      -webkit-transform: translateX(0) rotateX(0deg);
      transform: translateX(0) rotateX(0deg);
      opacity: 1;
   }
   .nav.fade-out ul.nav-list1>li.more>a:before {
      font-family: 'iconfont' !important;
      font-size: 25px;
      position: absolute;
      top: 0;
      right: 0;
      content: '\e72f';
      color: #fff;
   }
   .nav.fade-out ul.nav-list1>li>a {
      font-size: 26px;
      line-height: 55px;
      position: relative;
      display: block;
      padding: 0;
   }
   .nav.fade-out ul.nav-list1 .nav-list2>li>a {
      font-size: 24px;
   }
}
@media (max-width: 1199px) and (min-width: 992px) {
   .nav.fade-out ul.nav-list1>li {
      height: 55px;
   }
}
@media (max-width: 1199px) and (max-width: 767px) {
   .nav.fade-out ul.nav-list1>li {
      margin: 0;
   }
}
@media (max-width: 1199px) and (min-width: 992px) {
   .nav.fade-out ul.nav-list1>li.more {
      padding-right: 10px;
   }
}
@media (max-width: 1199px) and (min-width: 992px) {
   .nav.fade-out ul.nav-list1>li.more.show {
      padding-right: 0;
   }
}
@media (max-width: 1199px) and (max-width: 767px) {
   .nav.fade-out ul.nav-list1>li>a {
      font-size: 6.5vmin;
      line-height: 1.7;
   }
}
@media (max-width: 1199px) and (max-height: 768px) {
   .nav.fade-out ul.nav-list1 .nav-list2>li>a {
      font-size: 18px;
   }
}
@media (max-width: 1199px) and (max-width: 480px) {
   .nav.fade-out ul.nav-list1 .nav-list2>li>a {
      font-size: 14px;
   }
}
.nav-collapse {
   position: relative;
   display: none;
   width: 40px;
   height: 40px;
   padding: 0;
   cursor: pointer;
   background: none;
}
@media (max-width: 1199px) {
   .nav-collapse {
      display: inline-block;
      margin-left: 15px;
      vertical-align: middle;
   }
   .nav-collapse.nav-collapse-1 {
      position: absolute;
      z-index: 9999;
      top: 10px;
      right: 30px;
      display: block;
      margin-top: 10px;
      border: none;
   }
   .nav-collapse.nav-collapse-1 .btn-line {
      background-color: #fff !important;
   }
}
@media (max-width: 767px) {
   .nav-collapse {
      margin-left: 10px;
      border: none;
   }
}
.nav-collapse .btn-line {
   position: absolute;
   left: 50%;
   width: 25px;
   height: 2px;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #810e01;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .nav-collapse .btn-line {
      width: 30px;
   }
}
@media (max-width: 767px) {
   .nav-collapse .btn-line {
      background-color: #fff;
   }
}
.nav-collapse .btn-line:nth-child(3),
.nav-collapse .btn-line:nth-child(1) {
   display: block;
   content: '';
}
.nav-collapse .btn-line:nth-child(1) {
   top: 32%;
}
.nav-collapse .btn-line:nth-child(2) {
   top: 50%;
}
.nav-collapse .btn-line:nth-child(3) {
   top: 68%;
}
.nav-collapse.active {
   border-color: transparent;
}
.nav-collapse.active .btn-line {
   background-color: #fff;
}
.nav-collapse.active .btn-line:nth-child(2) {
   -webkit-transform: translateX(-50px);
   -ms-transform: translateX(-50px);
   transform: translateX(-50px);
   opacity: 0;
}
.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);
}
.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);
}
.search-wrap {
   position: fixed;
   z-index: 9999;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: none;
   background-color: rgba(0, 0, 0, .97);
}
.search-wrap input::-webkit-input-placeholder,
.search-wrap textarea::-webkit-input-placeholder {
   color: #666;
}
.search-wrap input:-o-placeholder,
.search-wrap textarea:-o-placeholder {
   color: #666;
}
.search-wrap input::-moz-placeholder,
.search-wrap textarea::-moz-placeholder {
   color: #666;
}
.search-wrap input:-ms-input-placeholder,
.search-wrap textarea:-ms-input-placeholder {
   color: #666;
}
.search-wrap input:focus::-webkit-input-placeholder,
.search-wrap textarea:focus::-webkit-input-placeholder {
   color: #999;
}
.search-wrap input:focus::-o-placeholder,
.search-wrap textarea:focus::-o-placeholder {
   color: #999;
}
.search-wrap input:focus::-moz-placeholder,
.search-wrap textarea:focus::-moz-placeholder {
   color: #999;
}
.search-wrap input:focus::-ms-input-placeholder,
.search-wrap textarea:focus::-ms-input-placeholder {
   color: #999;
}
.search-wrap.active .search {
   -webkit-transform: translateY(-50%) scale(1);
   -ms-transform: translateY(-50%) scale(1);
   transform: translateY(-50%) scale(1);
}
.search-wrap .search {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   width: 800px;
   max-width: 100%;
   margin: auto;
   padding: 0 15px;
   -webkit-transition: 1s;
   transition: 1s;
   -webkit-transform: translateY(-50%) scale(.2);
   -ms-transform: translateY(-50%) scale(.2);
   transform: translateY(-50%) scale(.2);
   border: none;
   border-radius: 0;
}
.search-wrap .search p {
   font-size: 18px;
   margin-bottom: 50px;
   text-align: center;
   letter-spacing: 2px;
   color: #fff;
}
.search-wrap .search .input-text {
   font-size: 20px;
   line-height: 40px;
   width: 100%;
   padding: 0 35px 5px 20px;
   text-align: center;
   color: #fff;
   border-bottom: 2px solid rgba(255, 255, 255, .5);
   background: none;
}
@media (max-width: 767px) {
   .search-wrap .search .input-text {
      padding-left: 5px;
   }
}
.search-wrap .search .input-submit {
   line-height: 36px;
   position: absolute;
   right: 0;
   bottom: 10px;
   width: 50px;
   background: none;
}
.search-wrap .search .input-submit:before {
   font-family: 'iconfont' !important;
   font-size: 20px;
   content: '\e660';
   color: #ccc;
}
.search-wrap .search-close {
   position: absolute;
   top: 30px;
   right: 10%;
   cursor: pointer;
}
.search-wrap .search-close:before {
   font-family: 'iconfont' !important;
   font-size: 22px;
   content: '\e61b';
   color: #fff;
}
.slick-dots {
   text-align: center;
}
.slick-dots li {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin: 0 3px;
   cursor: pointer;
   -webkit-transition: .3s;
   transition: .3s;
   border-radius: 10px;
   background: #e5e5e5;
}
@media (max-width: 767px) {
   .slick-dots li {
      width: 8px;
      height: 8px;
      border-radius: 8px;
   }
}
.slick-dots li.slick-active,
.slick-dots li:hover {
   background-color: #810e01;
}
.slick-dots li button {
   display: none;
}
.banner {
   position: relative;
   overflow: hidden;
   width: 100%;
}
@media (max-width: 767px) {
   .banner {
      margin-top: 90px;
   }
}
@-webkit-keyframes jumpArrow {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: .5;
   }
   50% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
      opacity: 1;
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: .5;
   }
}
@keyframes jumpArrow {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: .5;
   }
   50% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
      opacity: 1;
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: .5;
   }
}
.banner .scroll-btn {
   position: absolute;
   z-index: 20;
   bottom: 10%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   color: #fff;
}
.banner .scroll-btn:after {
   font-family: 'iconfont' !important;
   display: block;
   margin: 0 auto;
   content: '\e61a';
   -webkit-animation: jumpArrow 1.5s infinite;
   animation: jumpArrow 1.5s infinite;
   text-align: center;
}
.banner .scroll-btn i {
   font-size: 26px;
}
.banner .item {
   position: relative;
   overflow: hidden;
}
.banner img {
   display: block;
   width: 100%;
}
.banner .slick {
   font-size: 0;
   position: relative;
   letter-spacing: -8px;
}
.banner .pic-box {
   position: relative;
   display: block;
}
.banner .slick-dots {
   position: absolute;
   bottom: 12%;
   left: 50%;
   padding: 0 15px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   text-align: left;
}
@media (min-width: 768px) {
   .banner .slick-dots {
      width: 750px;
   }
}
@media (min-width: 992px) {
   .banner .slick-dots {
      width: 970px;
   }
}
@media (min-width: 1200px) {
   .banner .slick-dots {
      width: 1200px;
   }
}
@media (min-width: 1200px) and (max-width: 1469px) {
   .banner .slick-dots {
      padding: 0 8%;
   }
}
@media (min-width: 1200px) and (max-width: 1349px) {
   .banner .slick-dots {
      padding: 0 12%;
   }
}
@media only screen and (min-width: 1340px) {
   .banner .slick-dots {
      width: 1320px;
   }
}
@media only screen and (min-width: 1470px) {
   .banner .slick-dots {
      width: 1440px;
   }
}
@media (max-width: 1199px) {
   .banner .slick-dots {
      text-align: center;
   }
}
@media (max-width: 767px) {
   .banner .slick-dots {
      width: 100%;
   }
}
.banner .slick-dots li {
   width: auto;
   height: auto;
   margin: 0 8px;
   opacity: .66;
   background: none;
}
@media (max-width: 480px) {
   .banner .slick-dots li {
      margin: 0 2px;
   }
}
.banner .slick-dots li:after,
.banner .slick-dots li button {
   display: inline-block;
   vertical-align: middle;
}
.banner .slick-dots li:after {
   width: 0;
   height: 1px;
   margin-left: 10px;
   content: '';
   -webkit-transition: .3s;
   transition: .3s;
   background-color: #fff;
}
@media (max-width: 480px) {
   .banner .slick-dots li:after {
      margin-left: 0;
   }
}
.banner .slick-dots li.slick-active {
   opacity: 1;
}
.banner .slick-dots li.slick-active:after {
   width: 20px;
}
@media (max-width: 480px) {
   .banner .slick-dots li.slick-active:after {
      width: 15px;
   }
}
.banner .slick-dots li button {
   font-size: 14px;
   letter-spacing: 0;
   color: #fff;
   background: none;
}
@media (max-width: 480px) {
   .banner .slick-dots li button {
      font-size: 12px;
   }
}
.index-box {
   overflow: hidden;
   max-width: 100%;
   padding: 90px 0 100px;
}
@media (max-width: 1199px) {
   .index-box {
      padding: 80px 0 90px;
   }
}
@media (max-width: 991px) {
   .index-box {
      padding: 60px 0;
   }
}
@media (max-width: 767px) {
   .index-box {
      padding: 50px 0;
   }
}
.index-box .title {
   margin-bottom: 25px;
}
@media (max-width: 767px) {
   .index-box .title {
      margin-bottom: 15px;
   }
}
.index-box .title.color h3 {
   color: #810e01;
}
.index-box .title.color h3:after {
   background-image: url(../images/title-line.png);
}
.index-box .title h3 {
   font-size: 30px;
   font-weight: bold;
   margin: 0;
}
.index-box .title h3:after {
   display: block;
   width: 55px;
   height: 6px;
   margin-top: 25px;
   content: '';
   background: url(../images/index-title-line.png) no-repeat;
   background-size: contain;
}
@media (max-width: 767px) {
   .index-box .title h3 {
      font-size: 24px;
   }
   .index-box .title h3:after {
      width: 40px;
      margin-top: 15px;
   }
}
.index-box .title p {
   font-weight: 300;
   line-height: 2.14285714;
   margin: 0;
   color: #8b8a8a;
}
@media (max-width: 767px) {
   .index-box .title p {
      font-size: 13px;
      line-height: 2;
   }
}
.index-product .title {
   text-align: center;
}
.index-product .title h3 {
   margin-bottom: 20px;
}
.index-product .title h3:after {
   margin-right: auto;
   margin-left: auto;
}
.index-product .list {
   font-size: 0;
   margin: 0 -10px;
   letter-spacing: -8px;
}
.index-product .list li {
   display: inline-block;
   width: 33.3333%;
   padding: 0 10px;
   vertical-align: top;
}
@media (max-width: 991px) {
   .index-product .list li {
      width: 50%;
   }
}
@media (max-width: 480px) {
   .index-product .list li {
      width: 100%;
   }
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
   .index-product .list li.list3 {
      width: -webkit-calc(100% + 20px);
      width: calc(100% + 20px);
      margin-left: -10px;
   }
   .index-product .list li.list3 .item-box {
      display: inline-block;
      width: 50%;
      padding: 0 10px;
      vertical-align: top;
   }
}
.index-product .list .item-box {
   margin-top: 20px;
}
.index-product .list .item {
   font-size: 14px;
   position: relative;
   z-index: 2;
   display: block;
   overflow: hidden;
   letter-spacing: 0;
   border: 1px solid #dbdbdb;
   border-radius: 6px;
}
.index-product .list .item p {
   position: absolute;
   z-index: 2;
   bottom: 6%;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0 5%;
   text-align: center;
   color: #444;
}
.index-product .list .item p span {
   position: relative;
   display: inline-block;
   -webkit-transition: .3s;
   transition: .3s;
}
.index-product .list .item p span:after {
   font-family: 'iconfont' !important;
   font-size: 20px;
   position: absolute;
   top: 50%;
   right: 0;
   content: '\e679';
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   opacity: 0;
}
@media (min-width: 1200px) {
   .index-product .list .item:hover .img-box:before {
      opacity: 1;
   }
   .index-product .list .item:hover p {
      color: #fff;
   }
   .index-product .list .item:hover p span {
      padding-right: 50px;
   }
   .index-product .list .item:hover p span:after {
      opacity: 1;
   }
}
.index-product .list .img-box {
   background-color: #f4f4f4;
}
.index-product .list .img-box:before {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   -webkit-transition: .5s;
   transition: .5s;
   opacity: 0;
   background: #5b86e5;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViODZlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Y2FiZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -webkit-linear-gradient(left, #5b86e5 0%, #4cabe3 100%);
   background: linear-gradient(to right, #5b86e5 0%, #4cabe3 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b86e5', endColorstr='#4cabe3', GradientType=1);
}
.index-product .list .img-box img {
   z-index: 2;
}
.index-product .list1 .item-box:first-child .img-box,
.index-product .list3 .item-box:first-child .img-box {
   padding-bottom: 75.82417582%;
}
.index-product .list1 .item-box:last-child .img-box,
.index-product .list3 .item-box:last-child .img-box {
   padding-bottom: 50.54945055%;
}
.index-product .list2 .item-box:first-child .img-box {
   padding-bottom: 50.54945055%;
}
.index-product .list2 .item-box:last-child .img-box {
   padding-bottom: 75.82417582%;
}
.index-about {
   position: relative;
   overflow: hidden;
   color: #fff;
}
@media (min-width: 1200px) {
   .index-about {
      padding: 130px 0;
   }
}
.index-about:after {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   background: url(../images/imgs/index-about-bg.png) no-repeat center top;
   background: #ededed;
   background-size: contain;
}
@media only screen and (min-width: 1470px) {
   .index-about:after {
      left: 50%;
      width: 1920px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
}
@media (max-width: 1199px) {
   .index-about:after {
      display: none;
   }
}
@media (min-width: 1200px) and (max-width: 1469px) {
   .index-about:after {
      left: -6.5%;
      width: 116%;
      background-size: 100% 80%;
   }
}
@media (max-width: 1199px) {
   .index-about {
      background: #5b86e5;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWI4NmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2ZDFkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -webkit-linear-gradient(-45deg, #5b86e5 0%, #36d1dc 100%);
      background: -webkit-linear-gradient(315deg, #5b86e5 0%, #36d1dc 100%);
      background: linear-gradient(135deg, #5b86e5 0%, #36d1dc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b86e5', endColorstr='#36d1dc', GradientType=1);
   }
}
.index-about .container {
   position: relative;
   z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .index-about .container {
      padding: 0 5%;
   }
}
.index-about .intro-wrap {
   padding: 0 180px 0 120px;
}
@media (max-width: 1199px) {
   .index-about .intro-wrap {
      padding: 0;
   }
}
.index-about .intro p {
   font-weight: 300;
   line-height: 2.14285714;
   margin: 0;
}
@media (max-width: 767px) {
   .index-about .intro p {
      font-size: 13px;
      line-height: 2;
   }
}
.index-about .about-show {
   margin: 0 -10px;
}
.index-about .about-show>div {
   margin-top: 40px;
   padding: 0 10px;
}
@media (min-width: 481px) {
   .index-about .about-show>div {
      float: left;
   }
}
@media (max-width: 1199px) {
   .index-about .about-show>div {
      margin-top: 30px;
   }
}
@media (min-width: 481px) {
   .index-about .pic-box {
      width: 60.44444444%;
   }
}
.index-about .pic-box .img-box {
   padding-bottom: 59.09090909%;
}
@media (min-width: 481px) {
   .index-about .video-box {
      width: 39.55555556%;
   }
}
.index-about .video-box .img-box {
   padding-bottom: 75.29411765%;
   cursor: pointer;
}
@media (min-width: 1200px) {
   .index-about .video-box .img-box img {
      -webkit-transition: transform .7s;
      -webkit-transition: -webkit-transform .7s;
      transition: -webkit-transform .7s;
      transition: transform .7s;
      transition: transform .7s, -webkit-transform .7s;
   }
   .index-about .video-box .img-box:hover img {
      -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
      transform: scale(1.07);
   }
}
.index-about .video-box .img-box:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   background-color: rgba(0, 0, 0, .2);
}
.index-about .video-box .img-box:after {
   font-family: 'iconfont' !important;
   font-size: 35px;
   position: absolute;
   z-index: 10;
   top: 50%;
   left: 50%;
   content: '\e6fc';
   -webkit-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}
.index-about .video-box .more {
   margin-top: 20px;
}
.index-about .video-box .more a {
   font-weight: 300;
   line-height: 48px;
   display: block;
   -webkit-transition: .5s;
   transition: .5s;
   text-align: center;
   border: 1px solid #810e01;
   border-radius: 6px;
   color: #810e01;
}
.index-about .video-box .more a:before,
.index-about .video-box .more a span {
   display: inline-block;
   vertical-align: middle;
}
.index-about .video-box .more a:before {
   font-family: 'iconfont' !important;
   font-size: 18px;
   margin-right: 15px;
   content: '\e619';
}
@media (min-width: 1200px) {
   .index-about .video-box .more a:hover {
      color: #ffffff;
      background-color: #810e01;
   }
}
.index-num {
   z-index: 5;
   overflow: hidden;
   width: 100%;
   margin-top: 40px;
   padding: 30px 0 20px;
}
@media (max-width: 767px) {
   .index-num {
      margin-top: 10px;
      padding: 15px 0;
   }
}
.index-num ul {
   font-size: 0;
   letter-spacing: -8px;
}
.index-num ul li {
   font-size: 14px;
   display: inline-block;
   float: none;
   margin-top: 20px;
   vertical-align: top;
   letter-spacing: 0;
}
@media (max-width: 480px) {
   .index-num ul li {
      width: 100%;
   }
}
.index-num ul li:nth-child(1) p:before {
   content: '\e625';
   background: #40bc9e;
   background: -webkit-linear-gradient(left, #40bc9e 0%, #5ece7b 100%);
   background: linear-gradient(to right, #40bc9e 0%, #5ece7b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40bc9e', endColorstr='#5ece7b', GradientType=1);
}
.index-num ul li:nth-child(2) p:before {
   content: '\e62a';
   background: #3883e7;
   background: -webkit-linear-gradient(left, #3883e7 0%, #5ac6eb 100%);
   background: linear-gradient(to right, #3883e7 0%, #5ac6eb 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3883e7', endColorstr='#5ac6eb', GradientType=1);
}
.index-num ul li:nth-child(3) p:before {
   content: '\e623';
   background: #ec7e5c;
   background: -webkit-linear-gradient(left, #ec7e5c 0%, #efa657 100%);
   background: linear-gradient(to right, #ec7e5c 0%, #efa657 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec7e5c', endColorstr='#efa657', GradientType=1);
}
.index-num ul li:nth-child(4) p:before {
   content: '\e626';
   background: #3883e7;
   background: -webkit-linear-gradient(left, #3883e7 0%, #5ac6eb 100%);
   background: linear-gradient(to right, #3883e7 0%, #5ac6eb 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3883e7', endColorstr='#5ac6eb', GradientType=1);
}
.index-num ul .item {
   padding: 30px 40px 40px;
   -webkit-transition: .5s;
   transition: .5s;
   border-radius: 12px;
   background-color: #fff;
   box-shadow: 0 8px 16px 0 rgba(121, 121, 121, .2);
}
@media (min-width: 1200px) {
   .index-num ul .item:hover {
      -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px);
   }
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {
   .index-num ul .item {
      padding: 30px 20px 40px;
   }
}
@media (max-width: 480px) {
   .index-num ul .item {
      padding: 25px 8% 30px;
   }
}
.index-num ul .number {
   margin-bottom: 5px;
   text-align: center;
}
.index-num ul .timer {
   font-family: 'arial black';
   font-size: 60px;
   font-weight: bold;
   font-style: italic;
   overflow: hidden;
   white-space: nowrap;
   color: #333;
}
.index-num ul .timer:after {
   font-family: 'iconfont' !important;
   font-size: 14px;
   font-weight: bold;
   display: inline-block;
   margin-top: 15px;
   margin-left: 20px;
   content: '\e6d2';
   vertical-align: text-top;
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {
   .index-num ul .timer {
      font-size: 45px;
   }
}
@media (max-width: 1199px) {
   .index-num ul .timer {
      font-size: 50px;
   }
}
@media (max-width: 991px) {
   .index-num ul .timer {
      font-size: 42px;
   }
}
@media (max-width: 480px) {
   .index-num ul .timer {
      font-size: 36px;
   }
   .index-num ul .timer:after {
      font-size: 12px;
      margin-top: 10px;
      margin-left: 15px;
   }
}
.index-num ul p {
   font-weight: 300;
   line-height: 1.71428571;
   position: relative;
   margin: 0;
   padding-left: 85px;
   color: #888;
}
.index-num ul p:before {
   font-family: 'iconfont' !important;
   font-size: 25px;
   font-style: normal;
   line-height: 55px;
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 55px;
   height: 55px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
   color: #fff;
   border-radius: 50%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {
   .index-num ul p {
      padding-left: 65px;
   }
}
@media (max-width: 991px) {
   .index-num ul p {
      padding-left: 70px;
   }
}
@media (max-width: 480px) {
   .index-num ul p {
      padding-left: 60px;
   }
   .index-num ul p:before {
      font-size: 20px;
      line-height: 45px;
      width: 45px;
      height: 45px;
   }
}
@media (min-width: 1200px) {
   .index-news {
      /* padding-top: 0; */
   }
}
@media only screen and (min-width: 992px) {
   .index-news .pic-box {
      float: left;
      width: 52.4822695%;
   }
}
@media (max-width: 991px) {
   .index-news .pic-box {
      margin-bottom: 30px;
   }
}
.index-news .pic-box .img-box {
   padding-bottom: 81.08108108%;
   border-radius: 70px;
}
@media (min-width: 1200px) {
   .index-news .pic-box .img-box img {
      -webkit-transition: transform .7s;
      -webkit-transition: -webkit-transform .7s;
      transition: -webkit-transform .7s;
      transition: transform .7s;
      transition: transform .7s, -webkit-transform .7s;
   }
   .index-news .pic-box .img-box:hover img {
      -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
      transform: scale(1.07);
   }
}
@media (max-width: 767px) {
   .index-news .pic-box .img-box {
      border-radius: 30px;
   }
}
@media only screen and (min-width: 992px) {
   .index-news .intro-wrap {
      float: left;
      width: 47.5177305%;
      padding-left: 90px;
   }
}
@media only screen and (min-width: 992px) and (max-width: 1469px) {
   .index-news .intro-wrap {
      padding-left: 50px;
   }
}
.index-news .title {
   margin-top: 15px;
}
@media (min-width: 1200px) {
   .index-news .title h3:after {
      margin-top: 20px;
   }
}
.index-news .intro {
   padding-top: 5px;
}
@media (min-width: 1200px) {
   .index-news .intro {
      min-height: 240px;
   }
}
.index-news .intro a {
   -webkit-transition: .3s;
   transition: .3s;
}
.index-news .intro a:hover {
   text-decoration: underline;
   color: #810e01;
}
.index-news .intro>b {
   font-size: 16px;
   display: block;
   margin-bottom: 15px;
   color: #4e4d4d;
}
.index-news .intro p {
   font-weight: 300;
   line-height: 2.14285714;
   margin: 0;
   color: #8b8a8a;
}
@media (max-width: 1199px) {
   .index-news .intro p {
      display: -webkit-box;
      overflow: hidden;
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
   }
}
.index-news .more {
   margin-top: 30px;
}
.index-news .more a {
   display: block;
   padding: 15px 0;
   -webkit-transition: .3s;
   transition: .3s;
   text-align: center;
   color: #fff;
   border-radius: 6px;
   background-color: #810e01;
}
.index-news .more a:hover {
   box-shadow: inset 0 2px 10px rgba(0, 0, 0, .2);
}
.index-news .news-page {
   overflow: hidden;
   margin-top: 50px;
}
@media (max-width: 767px) {
   .index-news .news-page {
      margin-top: 35px;
   }
}
.index-news .news-page a {
   position: relative;
   display: block;
   padding-left: 40px;
   -webkit-transition: .5s;
   transition: .5s;
}
.index-news .news-page a:before {
   font-family: 'iconfont' !important;
   font-size: 26px;
   font-style: normal;
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #bfbfbf;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1200px) {
   .index-news .news-page a:hover:before {
      color: #810e01;
   }
   .index-news .news-page a:hover p {
      text-decoration: underline;
      color: #810e01;
   }
}
.index-news .news-page p {
   overflow: hidden;
   margin: 0;
   padding: 5px 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #b2b2b2;
}
.index-news .news-page .prev>a:before {
   content: '\eb62';
}
.index-news .news-page .next {
   margin-top: 15px;
}
.index-news .news-page .next>a:before {
   content: '\eb61';
}
.index-factory {
   position: relative;
   background-color: #f1f2f4;
}
@media only screen and (min-width: 1200px) {
   .index-factory .container {
      width: 100%;
      padding: 0;
   }
}
.index-factory .factory-slick-wrap {
   position: relative;
}
@media only screen and (min-width: 1200px) {
   .index-factory .factory-slick-wrap {
      padding-left: 32.03125%;
   }
}
@media only screen and (min-width: 1200px) {
   .index-factory .info {
      position: absolute;
      z-index: 10;
      top: 0;
      left: 0;
      width: 32.03125%;
      padding-top: 30px;
      padding-right: 35px;
      padding-left: 13%;
   }
}
@media only screen and (min-width: 1200px) and (max-width: 1469px) {
   .index-factory .info {
      padding-left: 5%;
   }
}
.index-factory .info p {
   line-height: 2.14285714;
   margin: 0;
   color: #8b8a8a;
}
.index-factory .factory-btn {
   margin-top: 35px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
@media (max-width: 1469px) {
   .index-factory .factory-btn {
      margin-top: 20px;
   }
}
@media (max-width: 1199px) {
   .index-factory .factory-btn {
      margin-top: 10px;
      margin-bottom: 20px;
   }
}
.index-factory .factory-btn span {
   display: inline-block;
   cursor: pointer;
}
.index-factory .factory-btn span:before {
   font-family: 'iconfont' !important;
   font-size: 20px;
   font-style: normal;
   color: #858585;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.index-factory .factory-btn span:hover:before {
   color: #810e01;
}
.index-factory .factory-btn .prev:before {
   content: '\eb5e';
}
.index-factory .factory-btn .next {
   margin-left: 5px;
}
.index-factory .factory-btn .next:before {
   content: '\e6cb';
}
.index-factory .slick-factory {
   position: relative;
   z-index: 5;
}
.index-factory .slick-factory .img-box {
   padding-bottom: 65.2173913%;
}
@media (max-width: 1199px) {
   .index-factory .slick-factory .slick-list {
      margin: 0 -15px;
   }
}
@media (max-width: 480px) {
   .index-factory .slick-factory .slick-list {
      margin: 0 -5px;
   }
}
.index-factory .slick-factory .slick-slide {
   padding: 0 15px;
}
@media (max-width: 480px) {
   .index-factory .slick-factory .slick-slide {
      padding: 0 5px;
   }
}
.index-contact {
   background: #f1f2f4 url(../images/imgs/index-contact-bg.png) no-repeat center;
   background: #fff;
}
@media (min-width: 1200px) {
   .index-contact {
      padding: 140px 0 120px;
   }
}
@media (min-width: 1200px) and (max-width: 1469px) {
   .index-contact {
      background-size: 120% 100%;
   }
}
@media (min-width: 1200px) and (max-width: 1349px) {
   .index-contact {
      padding: 130px 0 100px;
      background-size: 130% 100%;
   }
}
@media (max-width: 1199px) {
   .index-contact {
      position: relative;
      background: #5b86e5;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNWI4NmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2ZDFkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -webkit-linear-gradient(-45deg, #5b86e5 0%, #36d1dc 100%);
      background: -webkit-linear-gradient(315deg, #5b86e5 0%, #36d1dc 100%);
      background: linear-gradient(135deg, #5b86e5 0%, #36d1dc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b86e5', endColorstr='#36d1dc', GradientType=1);
   }
   .index-contact:after {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      background: url(../images/imgs/map.png) no-repeat center;
      background-size: contain;
   }
}
@media only screen and (min-width: 767px) and (max-width: 1199px) {
   .index-contact:after {
      background-size: 80%;
   }
}
.index-contact .box {
   position: relative;
   z-index: 2;
}
@media only screen and (min-width: 1350px) {
   .index-contact .box {
      padding: 0 7.89473684%;
   }
}
.index-contact .title {
   text-align: center;
}
.index-contact .title h3 {
   color: #fff;
}
.index-contact .title h3:after {
   margin-right: auto;
   margin-left: auto;
}
.index-contact .list {
   font-size: 0;
   width: 100%;
   padding: 0;
   text-align: justify;
   text-justify: distribute-all-lines;
   letter-spacing: -8px;
}
.index-contact .list:after {
   display: inline-block;
   overflow: hidden;
   width: 100%;
   height: 0;
   margin: 0;
   content: '';
}
@media (max-width: 480px) {
   .index-contact .list {
      margin-top: -10px;
   }
}
.index-contact .list li {
   font-size: 14px;
   display: inline-block;
   margin: 50px 0 0;
   padding-left: 85px;
   text-align: left;
   vertical-align: top;
   letter-spacing: 0;
}
@media (max-width: 1349px) {
   .index-contact .list li {
      padding-left: 75px;
   }
}
@media (max-width: 991px) {
   .index-contact .list li {
      width: 50%;
   }
}
@media (max-width: 480px) {
   .index-contact .list li {
      width: 100%;
      margin-top: 35px;
      padding-left: 65px;
   }
}
.index-contact .list li:before {
   font-size: 22px;
   line-height: 58px;
   top: -17px;
   width: 60px;
   height: 60px;
   text-align: center;
   color: #810e01;
   border: 1px solid #810e01;
   border-radius: 50%;
}
@media (max-width: 480px) {
   .index-contact .list li:before {
      line-height: 48px;
      top: -12px;
      width: 50px;
      height: 50px;
   }
}
@media (max-width: 767px) {
   .index-contact .list .url p {
      word-break: break-all;
   }
}
.index-contact .list p {
   line-height: 1.85714286;
   /* color: #fff; */
}
.index-contact .list p a:hover {
   color: #810e01;
}
.index-contact .more {
   margin-top: 50px;
}
@media (max-width: 480px) {
   .index-contact .more {
      margin-top: 30px;
   }
}
.index-contact .more a {
   font-weight: 300;
   display: block;
   padding: 15px 0;
   -webkit-transition: .3s;
   transition: .3s;
   text-align: center;
   color: #ffffff;
   border-radius: 10px;
   background-color: #810e01;
}
.index-contact .more a:before {
   font-family: 'iconfont' !important;
   margin-right: 15px;
   content: '\e63b';
}
.index-contact .more a:hover {
   opacity: .9;
}
.public-banner {
   position: relative;
   overflow: hidden;
   width: 100%;
}
.public-banner img {
   width: 100%;
}
@media (max-width: 1199px) {
   .public-banner img {
      width: 140%;
      max-width: 140%;
      margin-left: -20%;
   }
}
@media (max-width: 991px) {
   .public-banner img {
      width: 180%;
      max-width: 180%;
      margin-left: -40%;
   }
}
@media (max-width: 767px) {
   .public-banner img {
      width: 220%;
      max-width: 220%;
      margin-left: -60%;
   }
}
.breadcrumb {
   font-weight: 300;
   line-height: 30px;
   margin: 0;
   margin-top: 8px;
   padding: 0;
   color: #999;
   background: none;
}
@media (min-width: 481px) {
   .breadcrumb {
      float: right;
   }
}
@media (max-width: 767px) {
   .breadcrumb {
      font-size: 13px;
   }
}
@media (max-width: 480px) {
   .breadcrumb {
      font-size: 3.8vmin;
      margin-top: 15px;
   }
}
.breadcrumb li a:hover {
   text-decoration: underline;
   color: #810e01;
}
.breadcrumb>li+li:before {
   margin: 0;
}
.inside-nav {
   margin-bottom: 40px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
@media (max-width: 767px) {
   .inside-nav {
      margin-bottom: 30px;
   }
}
@media (max-width: 480px) {
   .inside-nav {
      margin-bottom: 20px;
   }
}
.inside-nav .nav-wrap {
   overflow-x: auto;
   padding: 5px 0;
   -webkit-overflow-scrolling: touch;
   /*定义滚动条轨道 内阴影+圆角*/
   /*定义滑块 内阴影+圆角*/
   /*滑块效果*/
}
.inside-nav .nav-wrap::-webkit-scrollbar {
   width: 5px;
   height: 5px;
   background-color: #fefefe;
}
.inside-nav .nav-wrap::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: #fefefe;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.inside-nav .nav-wrap::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background-color: rgba(0, 0, 0, .1);
}
.inside-nav .nav-wrap::-webkit-scrollbar-thumb:hover {
   border-radius: 5px;
   background: rgba(0, 0, 0, .3);
}
.inside-nav ul {
   position: relative;
}
@media (min-width: 1200px) {
   .inside-nav ul {
      font-size: 0;
      width: 100%;
      letter-spacing: -8px;
   }
   .inside-nav ul:after {
      display: inline-block;
      overflow: hidden;
      width: 100%;
      height: 0;
      margin: 0;
      content: '';
   }
}
@media (max-width: 1199px) {
   .inside-nav ul {
      display: inline-block;
      white-space: nowrap;
   }
}
.inside-nav li {
   font-size: 16px;
   display: inline-block;
   letter-spacing: 0;
}
.inside-nav li:before {
   display: inline-block;
   width: 1px;
   height: 12px;
   margin: 0 30px;
   content: '';
   vertical-align: middle;
   background-color: #d0d0d0;
}
.inside-nav li:first-child:before {
   display: none;
}
@media (max-width: 1199px) {
   .inside-nav li:before {
      margin: 0 20px;
   }
}
@media (max-width: 991px) {
   .inside-nav li {
      font-size: 15px;
   }
   .inside-nav li:before {
      margin: 0 15px;
   }
}
@media (max-width: 767px) {
   .inside-nav li {
      font-size: 14px;
   }
   .inside-nav li:before {
      margin: 0 15px;
   }
}
@media (max-width: 480px) {
   .inside-nav li {
      font-size: 4vmin;
   }
   .inside-nav li:before {
      margin: 0 10px;
   }
}
.inside-nav li a {
   font-weight: 500;
   display: inline-block;
   padding: 10px 0;
   vertical-align: middle;
}
.inside-nav li a:hover {
   color: #810e01;
}
.inside-nav li.active a {
   text-decoration: underline;
   color: #810e01;
}
@media (min-width: 1200px) {
   .inside-nav li a:hover {
      text-decoration: underline;
      color: #810e01;
   }
}
.inside-page {
   padding-top: 100px;
}
@media (max-width: 767px) {
   .inside-page {
      padding-top: 70px;
   }
}
.inside-page .title-box {
   overflow: hidden;
   margin-bottom: 30px;
}
@media (max-width: 767px) {
   .inside-page .title-box {
      margin-bottom: 20px;
   }
}
@media (max-width: 480px) {
   .inside-page .title-box {
      margin-bottom: 10px;
   }
}
@media (min-width: 481px) {
   .inside-page .title {
      float: left;
      margin-right: 50px;
   }
}
.inside-page .title h3 {
   font-size: 30px;
   font-weight: bold;
   margin: 0;
   color: #810e01;
}
.inside-page .title h3:after {
   display: block;
   width: 55px;
   height: 6px;
   margin-top: 20px;
   content: '';
   background: url(../images/title-line.png) no-repeat center;
   background-size: contain;
}
@media (max-width: 991px) {
   .inside-page .title h3 {
      font-size: 24px;
   }
}
@media (max-width: 480px) {
   .inside-page .title h3 {
      font-size: 22px;
   }
   .inside-page .title h3:after {
      width: 40px;
      margin-top: 10px;
   }
}
.inside-page .content {
   position: relative;
   padding: 100px 0;
}
@media (max-width: 1199px) {
   .inside-page .content {
      padding: 80px 0;
   }
}
@media (max-width: 991px) {
   .inside-page .content {
      padding: 60px 0;
   }
}
@media (max-width: 767px) {
   .inside-page .content {
      padding: 50px 0;
   }
}
.inside-page .content p {
   font-weight: 300;
   line-height: 2.14285714;
   margin: 0;
   color: #333333;
}
/* .about-wrap .intro-wrap p {
   color: #888;
} */
.about-wrap .intro-wrap img {
   display: block;
   max-width: 100%;
   margin: 10px 0;
}
.product-wrap .list li {
   margin-bottom: 20px;
}
@media (max-width: 480px) {
   .product-wrap .list li {
      width: 100%;
   }
}
@media (min-width: 1200px) {
   .product-wrap .list .item:hover .img-box:before {
      opacity: 1;
   }
}
.product-wrap .list .pic-box {
   position: relative;
   z-index: 2;
   overflow: hidden;
   border: 1px solid #dbdbdb;
   border-radius: 6px;
}
.product-wrap .list .img-box {
   /* padding-bottom: 71.11111111%; */
   background: #f4f4f4;
}
.product-wrap .list .img-box:before {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: '';
   -webkit-transition: .4s;
   transition: .4s;
   opacity: 0;
   background: #5b86e5;
   background: -webkit-linear-gradient(left, #5b86e5 0%, #4cabe3 100%);
   background: linear-gradient(to right, #5b86e5 0%, #4cabe3 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b86e5', endColorstr='#4cabe3', GradientType=1);
}
.product-wrap .list .img-box img {
   z-index: 2;
}
.product-wrap .list p {
   line-height: 2.14285714;
   overflow: hidden;
   height: 30px;
   margin: 20px 0 0;
   text-align: center;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #444;
}
@media (max-width: 1199px) {
   .product-wrap .list p {
      margin-top: 15px;
   }
}
@media (max-width: 991px) {
   .product-wrap .list p {
      margin-top: 10px;
   }
}
.product-wrap .page {
   padding-top: 30px;
}
@media (max-width: 991px) {
   .product-wrap .page {
      padding-top: 20px;
   }
}
@media (max-width: 767px) {
   .product-wrap .page {
      padding-top: 10px;
   }
}
.product-details-wrap {
   overflow: hidden;
}
.product-details-wrap .carousel-wrap {
   zoom: 1;
   /* padding: 60px 0 70px; */
   border: 1px solid #dbdbdb;
   border-radius: 6px;
   background-color: #f4f4f4;
}
.product-details-wrap .carousel-wrap:after {
   display: block;
   visibility: hidden;
   clear: both;
   height: 0;
   content: '';
}
@media (max-width: 991px) {
   .product-details-wrap .carousel-wrap {
      padding: 60px 10%;
   }
}
@media (max-width: 480px) {
   .product-details-wrap .carousel-wrap {
      padding: 20px 15px 35px;
   }
}
.product-details-wrap .carousel-wrap .img-box {
   /* padding-bottom: 60.86956522%; */
}
@media (min-width: 992px) {
   .product-details-wrap .carousel-wrap .left {
      width: 43.97163121%;
   }
   .product-details-wrap .carousel-wrap .right {
      width: 56.02836879%;
   }
}
@media (max-width: 991px) {
   .product-details-wrap .carousel {
      margin-bottom: 25px;
   }
}
.product-details-wrap .details-btn {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   text-align: center;
}
.product-details-wrap .details-btn span {
   font-size: 20px;
   display: inline-block;
   margin: 0 10px;
   cursor: pointer;
   -webkit-transition: .3s;
   transition: .3s;
   color: #858585;
}
.product-details-wrap .details-btn span:before {
   font-family: 'iconfont' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.product-details-wrap .details-btn span:hover {
   color: #810e01;
}
.product-details-wrap .details-btn .prev:before {
   content: '\eb5e';
}
.product-details-wrap .details-btn .next:before {
   content: '\e6cb';
}
.product-details-wrap .info-box {
   position: relative;
   overflow: hidden;
}
@media (min-width: 992px) {
   .product-details-wrap .info-box {
      padding: 0 12.65822785%;
   }
   .product-details-wrap .info-box:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 100%;
      content: '';
      background: #d4d4d4;
      background: -webkit-linear-gradient(top, rgba(212, 212, 212, .2) 0%, #d4d4d4 30%, #d4d4d4 70%, rgba(212, 212, 212, .2) 100%);
      background: linear-gradient(to bottom, rgba(212, 212, 212, .2) 0%, #d4d4d4 30%, #d4d4d4 70%, rgba(212, 212, 212, .2) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#d4d4d4', GradientType=1);
   }
}
.product-details-wrap .info-box h1 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
   .product-details-wrap .info-box .intro {
      min-height: 230px;
   }
}
.product-details-wrap .info-box .intro p {
   font-weight: 300;
   line-height: 2.14285714;
   margin: 0;
   color: #888;
}
.product-details-wrap .info-box .inquiry-btn {
   margin-top: 30px;
}
.product-details-wrap .info-box .inquiry-btn a {
   display: block;
   padding: 15px 0;
   -webkit-transition: .3s;
   transition: .3s;
   text-align: center;
   color: #fff;
   border-radius: 6px;
   background-color: #810e01;
}
.product-details-wrap .info-box .inquiry-btn a:hover {
   box-shadow: inset 0 2px 10px rgba(0, 0, 0, .2);
}
.product-details-wrap .slider-for {
   padding-right: 1px;
}
.product-details-wrap .slider-nav {
   position: relative;
}
.product-details-wrap .slider-nav .slick-track {
   margin: 0;
}
.product-details-wrap .slider-nav .slick-list {
   margin: 0 -12px;
}
@media (max-width: 480px) {
   .product-details-wrap .slider-nav .slick-list {
      margin: 0 -5px;
   }
}
.product-details-wrap .slider-nav .slick-slide {
   padding: 0 12px;
}
@media (max-width: 480px) {
   .product-details-wrap .slider-nav .slick-slide {
      padding: 0 5px;
   }
}
.product-details-wrap .slider-nav .slick-slide .item {
   -webkit-transition: .3s;
   transition: .3s;
   border: 3px solid #383334;
}
@media (max-width: 480px) {
   .product-details-wrap .slider-nav .slick-slide .item {
      border-width: 2px;
   }
}
.product-details-wrap .slider-nav .slick-current .item {
   border-color: #810e01;
}
.product-details-wrap .slider-nav .slick-arrow {
   font-size: 20px;
   position: absolute;
   top: 50%;
   -webkit-transition: .3s;
   transition: .3s;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #c4c4c4;
   background: none;
}
.product-details-wrap .slider-nav .slick-arrow:before {
   font-family: 'iconfont' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.product-details-wrap .slider-nav .slick-arrow:hover {
   color: #810e01;
}
.product-details-wrap .slider-nav .slick-prev {
   left: -45px;
}
.product-details-wrap .slider-nav .slick-prev:before {
   content: '\eb5e';
}
.product-details-wrap .slider-nav .slick-next {
   right: -45px;
}
.product-details-wrap .slider-nav .slick-next:before {
   content: '\e738';
}
.product-details-wrap .details-list {
   margin-top: 90px;
}
@media (max-width: 991px) {
   .product-details-wrap .details-list {
      margin-top: 70px;
   }
}
@media (max-width: 767px) {
   .product-details-wrap .details-list {
      margin-top: 60px;
   }
}
@media (max-width: 480px) {
   .product-details-wrap .details-list {
      margin-top: 40px;
   }
}
.product-details-wrap .details-list h3 {
   font-size: 24px;
   font-weight: bold;
   margin: 0 0 20px;
}
@media (max-width: 767px) {
   .product-details-wrap .details-list h3 {
      font-size: 20px;
   }
}
@media (max-width: 480px) {
   .product-details-wrap .details-list h3 {
      font-size: 18px;
      margin-bottom: 15px;
   }
}
.product-details-wrap .table-wrap h3 {
   padding-bottom: 10px;
}
.product-details-wrap .table-wrap img {
   display: block;
   max-width: 100%;
}
.product-details-wrap .inquiry-form {
   width: 930px;
   max-width: 100%;
}
.product-details-wrap .inquiry-form p {
   font-weight: 300;
   margin: 0;
   color: #888;
}
.inquiry-form input::-webkit-input-placeholder,
.inquiry-form textarea::-webkit-input-placeholder {
   color: #888;
}
.inquiry-form input:-o-placeholder,
.inquiry-form textarea:-o-placeholder {
   color: #888;
}
.inquiry-form input::-moz-placeholder,
.inquiry-form textarea::-moz-placeholder {
   color: #888;
}
.inquiry-form input:-ms-input-placeholder,
.inquiry-form textarea:-ms-input-placeholder {
   color: #888;
}
.inquiry-form input:focus::-webkit-input-placeholder,
.inquiry-form textarea:focus::-webkit-input-placeholder {
   color: #adadad;
}
.inquiry-form input:focus::-o-placeholder,
.inquiry-form textarea:focus::-o-placeholder {
   color: #adadad;
}
.inquiry-form input:focus::-moz-placeholder,
.inquiry-form textarea:focus::-moz-placeholder {
   color: #adadad;
}
.inquiry-form input:focus::-ms-input-placeholder,
.inquiry-form textarea:focus::-ms-input-placeholder {
   color: #adadad;
}
.inquiry-form form {
   margin-top: 20px;
}
.inquiry-form form .pro-name {
   color: #333;
}
.inquiry-form form input,
.inquiry-form form textarea {
   font-size: 12px;
   display: block;
   width: 100%;
   margin-bottom: 15px;
   padding: 13px 20px;
   color: #666;
   border: 1px solid #dbdbdb;
   border-radius: 6px;
   background-color: #f4f4f4;
}
@media (max-width: 767px) {
   .inquiry-form form input,
   .inquiry-form form textarea {
      padding: 12px 15px;
   }
}
.inquiry-form form textarea {
   height: 180px;
}
.inquiry-form form .submit {
   font-weight: 500;
   line-height: 50px;
   display: block;
   width: 190px;
   height: 50px;
   margin-top: 45px;
   -webkit-transition: .4s;
   transition: .4s;
   text-align: center;
   color: #fff;
   border-radius: 6px;
   background-color: #810e01;
}
.inquiry-form form .submit:before {
   font-family: 'iconfont' !important;
   font-size: 18px;
   display: inline-block;
   margin-top: -2px;
   margin-right: 18px;
   content: '\e6cf';
   vertical-align: middle;
}
.inquiry-form form .submit:hover {
   box-shadow: inset 0 2px 10px rgba(0, 0, 0, .3);
}
@media (max-width: 480px) {
   .inquiry-form form .submit {
      line-height: 45px;
      width: 150px;
      height: 45px;
      margin-top: 30px;
   }
   .inquiry-form form .submit:before {
      margin-right: 10px;
   }
}
.date-box {
   text-align: center;
   color: #fff;
}
.date-box span {
   line-height: 40px;
   display: block;
   width: 80px;
}
@media (max-width: 480px) {
   .date-box span {
      line-height: 35px;
      width: 70px;
      opacity: .95;
   }
}
.date-box .date {
   background-color: #810e01;
}
@media (max-width: 480px) {
   .date-box .date {
      font-size: 2.8vmin;
   }
}
.date-box .year {
   font-size: 16px;
   font-weight: bold;
   background-color: #000000;
}
@media (max-width: 480px) {
   .date-box .year {
      font-size: 3.8vmin;
   }
}
.news-wrap .list {
   font-size: 0;
   padding-top: 15px;
   letter-spacing: -8px;
}
.news-wrap .list li {
   font-size: 14px;
   overflow: hidden;
   margin-bottom: 40px;
   letter-spacing: 0;
}
@media (max-width: 480px) {
   .news-wrap .list li {
      margin-bottom: 30px;
   }
}
.news-wrap .list .item {
   display: block;
   overflow: hidden;
}
@media (min-width: 1200px) {
   .news-wrap .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-wrap .list .item:hover img {
      -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
      transform: scale(1.07);
   }
}
.news-wrap .list .pic-box {
   position: relative;
}
@media only screen and (min-width: 481px) {
   .news-wrap .list .pic-box {
      float: left;
      width: 490px;
      margin-right: 40px;
      padding-left: 40px;
   }
}
@media only screen and (min-width: 481px) and (max-width: 1199px) {
   .news-wrap .list .pic-box {
      width: 400px;
   }
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
   .news-wrap .list .pic-box {
      width: 350px;
   }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
   .news-wrap .list .pic-box {
      margin-right: 20px;
   }
}
@media (max-width: 480px) {
   .news-wrap .list .pic-box {
      margin-bottom: 25px;
   }
}
.news-wrap .list .pic-box .img-box {
   padding-bottom: 57.77777778%;
}
.news-wrap .list .date-box {
   position: absolute;
   z-index: 2;
   top: 20px;
   left: 0;
}
@media (max-width: 480px) {
   .news-wrap .list .date-box {
      top: 10px;
   }
}
@media only screen and (min-width: 1350px) {
   .news-wrap .list .intro {
      padding-right: 20px;
   }
}
.news-wrap .list .intro h4 {
   font-size: 16px;
   font-weight: 500;
   overflow: hidden;
   margin: 40px 0 14px;
   white-space: nowrap;
   text-overflow: ellipsis;
}
@media (max-width: 1199px) {
   .news-wrap .list .intro h4 {
      margin-top: 25px;
   }
}
@media (max-width: 991px) {
   .news-wrap .list .intro h4 {
      margin-top: 10px;
   }
}
.news-wrap .list .intro p {
   line-height: 2.14285714;
   display: -webkit-box;
   overflow: hidden;
   height: auto;
   max-height: 90px;
   margin: 0;
   color: #666;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}
.news-wrap .list .intro .more {
   margin-top: 30px;
   color: #810e01;
}
.news-wrap .list .intro .more:after {
   font-family: 'iconfont' !important;
   font-size: 18px;
   display: inline-block;
   margin-left: 16px;
   content: '\e6cb';
   vertical-align: middle;
}
.news-wrap .list .intro .more span {
   display: inline-block;
   vertical-align: middle;
}
@media (max-width: 480px) {
   .news-wrap .list .intro .more {
      margin-top: 20px;
   }
}
.news-wrap .page {
   padding-top: 20px;
}
@media (max-width: 480px) {
   .news-wrap .page {
      padding-top: 0;
   }
}
.news-details-wrap .news-title {
   padding: 35px 0 25px;
}
@media only screen and (min-width: 992px) {
   .news-details-wrap .news-title {
      display: table;
      width: 100%;
      table-layout: fixed;
   }
}
@media (max-width: 991px) {
   .news-details-wrap .news-title {
      padding: 30px 0 20px;
   }
}
.news-details-wrap .news-title h1 {
   font-size: 24px;
   font-weight: bold;
   margin: 0;
}
@media (max-width: 991px) {
   .news-details-wrap .news-title h1 {
      font-size: 22px;
   }
}
@media (max-width: 767px) {
   .news-details-wrap .news-title h1 {
      font-size: 20px;
   }
}
@media only screen and (min-width: 992px) {
   .news-details-wrap .news-title .date-box,
   .news-details-wrap .news-title h1 {
      display: table-cell;
      vertical-align: middle;
   }
}
.news-details-wrap .news-title .date-box {
   width: 110px;
}
@media (max-width: 991px) {
   .news-details-wrap .news-title .date-box {
      display: none;
   }
}
.news-details-wrap .news-title .xs-date {
   display: none;
}
@media (max-width: 991px) {
   .news-details-wrap .news-title .xs-date {
      display: block;
      margin-top: 15px;
      color: #666;
   }
}
.news-details-wrap .intro img {
   display: block;
   max-width: 100%;
   margin-top: 10px;
}
.news-details-wrap .intro p {
   line-height: 2.14285714;
   margin: 0;
   color: #666;
}
.news-details-wrap .news-page {
   overflow: hidden;
   margin-top: 50px;
}
@media (max-width: 767px) {
   .news-details-wrap .news-page {
      margin-top: 35px;
   }
}
.news-details-wrap .news-page a {
   position: relative;
   display: block;
   -webkit-transition: .5s;
   transition: .5s;
}
.news-details-wrap .news-page a:before {
   font-family: 'iconfont' !important;
   font-size: 26px;
   font-style: normal;
   position: absolute;
   top: 50%;
   display: block;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #bfbfbf;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1200px) {
   .news-details-wrap .news-page a:hover:before {
      color: #810e01;
   }
   .news-details-wrap .news-page a:hover p {
      color: #810e01;
   }
}
.news-details-wrap .news-page p {
   overflow: hidden;
   margin: 0;
   padding: 5px 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #888;
}
.news-details-wrap .news-page .prev>a {
   padding-left: 40px;
}
.news-details-wrap .news-page .prev>a:before {
   left: 0;
   content: '\eb62';
}
@media (max-width: 767px) {
   .news-details-wrap .news-page .prev>a {
      padding-left: 30px;
   }
}
.news-details-wrap .news-page .next {
   text-align: right;
}
.news-details-wrap .news-page .next>a {
   padding-right: 40px;
}
.news-details-wrap .news-page .next>a:before {
   right: 0;
   content: '\eb61';
}
@media (max-width: 767px) {
   .news-details-wrap .news-page .next>a {
      padding-right: 0;
      padding-left: 30px;
   }
   .news-details-wrap .news-page .next>a:before {
      right: auto;
      left: 0;
   }
}
@media (max-width: 767px) {
   .news-details-wrap .news-page .next {
      margin-top: 20px;
   }
}
.contact-lists li {
   position: relative;
   margin-bottom: 15px;
   padding-left: 55px;
}
.contact-lists li:before {
   font-family: 'iconfont' !important;
   font-size: 20px;
   font-style: normal;
   position: absolute;
   top: 4px;
   left: 0;
   display: inline-block;
   vertical-align: middle;
   color: #810e01;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
   .contact-lists li {
      margin-bottom: 5px;
      padding-left: 35px;
   }
}
.contact-lists .tel:before {
   content: '\e71f';
}
.contact-lists .fax:before {
   content: '\e62c';
}
.contact-lists .skype:before {
   content: '\e648';
}
.contact-lists .weixin:before {
   content: '\e646';
}
.contact-lists .address:before {
   content: '\e60d';
}
.contact-lists .mail:before {
   content: '\e8c9';
}
.contact-lists .url:before {
   content: '\e897';
}
.contact-lists .url a {
   text-decoration: underline;
}
.contact-lists p {
   line-height: 2.57142857;
   color: #666;
}
@media (min-width: 1200px) {
   .contact-lists p a:hover {
      text-decoration: underline;
      color: #810e01;
   }
}
@media (max-width: 1199px) {
   .contact-lists p a:active {
      text-decoration: underline;
      color: #810e01;
   }
}
.contact-wrap {
   position: relative;
}
/* .contact-wrap .content {
   padding-bottom: 0;
} */
.contact-wrap .contact-list h3 {
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 30px;
}
.contact-wrap .contact-list h3+b {
   font-size: 16px;
   display: block;
   color: #810e01;
}
@media (max-width: 767px) {
   .contact-wrap .contact-list h3+b {
      font-size: 16px;
   }
}
@media (max-width: 767px) {
   .contact-wrap .contact-list h3 {
      margin-bottom: 20px;
   }
}
.contact-wrap .info-wrap {
   overflow: hidden;
}
.contact-wrap .info-wrap>div {
   padding-top: 30px;
}
.contact-wrap .info {
   overflow: hidden;
}
.contact-wrap .message {
   overflow: hidden;
}
.contact-wrap .message form .row {
   margin: 0 -10px;
}
.contact-wrap .message form .row li {
   padding: 0 10px;
}
.contact-wrap .message form textarea {
   height: 130px;
}
.contact-wrap .message form .submit {
   margin-top: 30px;
}
.contact-wrap .map {
   position: relative;
   overflow: hidden;
   margin-top: 100px;
}
@media only screen and (min-width: 992px) {
   .contact-wrap .map {
      top: 0;
      left: 0;
      height: 500px;
   }
   .contact-wrap .map .dituContent {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
   }
}
@media (max-width: 1199px) {
   .contact-wrap .map {
      margin-top: 70px;
   }
}
@media (max-width: 991px) {
   .contact-wrap .map {
      margin-top: 45px;
   }
   .contact-wrap .map .dituContent {
      height: 400px;
   }
}
@media (max-width: 767px) {
   .contact-wrap .map .dituContent {
      height: 280px;
   }
}
.online-wrap .btn {
   line-height: 38px;
   position: fixed;
   z-index: 100;
   right: 2px;
   bottom: 50px;
   width: 40px;
   height: 40px;
   padding: 0;
   -webkit-transform-origin: center center;
   -ms-transform-origin: center center;
   transform-origin: center center;
   text-align: center;
   border: 1px solid #e1e1e1;
   border-radius: 0;
   background-color: #fff;
}
@media (min-width: 768px) {
   .online-wrap .btn {
      display: none;
   }
}
.online-wrap .btn:before {
   font-family: 'iconfont' !important;
   font-size: 18px;
   display: inline-block;
   content: '\e6d2';
   -webkit-transition: -webkit-transform .3s;
   transition: -webkit-transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s;
   color: #333;
}
.online-wrap .btn.active:before {
   -webkit-transform: rotateZ(225deg);
   -ms-transform: rotate(225deg);
   transform: rotateZ(225deg);
}
.online-wrap .code-pic {
   position: fixed;
   z-index: 101;
   right: 45px;
   bottom: 120px;
   display: none;
   max-width: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .online-wrap .code-pic {
      right: 55px;
      bottom: 370px;
   }
}
.online-wrap .code-pic .pic-box {
   padding: 5px;
   background-color: #fff;
}
.online-wrap .code-pic img {
   display: block;
   max-width: 100%;
}
.online-wrap .online {
   position: fixed;
   z-index: 100;
   right: 2px;
   bottom: 23%;
   -webkit-transition: right .3s;
   transition: right .3s;
}
@media (max-width: 767px) {
   .online-wrap .online {
      right: -60px;
      bottom: 90px;
   }
   .online-wrap .online.active {
      right: 2px;
   }
}
.online-wrap .online a {
   line-height: 44px;
   position: relative;
   display: block;
   width: 46px;
   height: 46px;
   text-align: center;
   color: #9b9b9b;
   border: 1px solid #e1e1e1;
   background-color: #fff;
}
.online-wrap .online a:not(:first-child) {
   border-top: transparent;
}
.online-wrap .online a:before {
   font-size: 24px;
}
@media (min-width: 1200px) {
   .online-wrap .online a:hover {
      color: #fff;
      background-color: #9b9b9b;
   }
}
@media (max-width: 767px) {
   .online-wrap .online a {
      line-height: 38px;
      width: 40px;
      height: 40px;
   }
   .online-wrap .online a:before {
      font-size: 18px;
   }
}
@media (min-width: 992px) {
   .online-wrap .online .icon-phone:hover .phone-num {
      right: 100%;
   }
}
.online-wrap .online .icon-phone .phone-num {
   position: absolute;
   z-index: -1;
   top: 0;
   right: -300px;
   padding-right: 5px;
   -webkit-transition: right .3s;
   transition: right .3s;
   white-space: nowrap;
}
.online-wrap .online .icon-phone .phone-num p {
   margin: 0;
   padding: 0 15px;
   color: #666;
   border: 1px solid #e1e1e1;
   background-color: #fff;
}
.online-wrap .online .code .mask {
   position: absolute;
   z-index: 10;
   right: 100%;
   bottom: 0;
   display: none;
   width: 130px;
   height: 130px;
   padding-right: 5px;
}
.online-wrap .online .code .mask .mask-box {
   padding: 5px;
   background-color: #fff;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
}
.online-wrap .online .code .mask img {
   display: block;
   width: 100%;
}
.online-wrap .online .code .mask p {
   font-size: 13px;
   line-height: 16px;
   margin: 5px 0 8px 0;
   color: #888;
}
.share {
   font-weight: 500;
   color: #fff;
}
.share a {
   display: inline-block;
   margin-left: 7px;
   -webkit-transition: transform .3s;
   -webkit-transition: -webkit-transform .3s;
   transition: -webkit-transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s;
   text-align: center;
   vertical-align: middle;
}
.share a:first-child {
   margin-left: 0;
}
.share a:before {
   font-size: 14px;
   line-height: 30px;
   display: block;
   overflow: hidden;
   width: 30px;
   height: 30px;
   color: #fff;
   border-radius: 50%;
}
.share a:hover {
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
}
.share.color .icon-facebook:before {
   background-color: #ccc69a;
}
.share.color .icon-tuite:before {
   background-color: #d1b78b;
}
.share.color .icon-linkedin:before {
   background-color: #adb69a;
}
.share.color .icon-youtube:before,
.share.color .icon-youtube1:before {
   background-color: #6ca1bc;
}
.share.color .icon-instagram:before {
   background-color: #8db4c7;
}
.share.color .icon-google:before,
.share.color .icon-google1:before {
   background-color: #73a086;
}
.footer {
   color: #fff;
   background-color: #262e43;
}
.footer .footer-wrap {
   overflow: hidden;
}
.footer .footer-row {
   font-size: 0;
   margin: 0 -15px;
   padding: 55px 0 90px;
   text-align: justify;
   text-justify: distribute-all-lines;
   letter-spacing: -8px;
}
@media (max-width: 1199px) {
   .footer .footer-row {
      padding: 60px 0;
   }
}
@media (max-width: 991px) {
   .footer .footer-row {
      padding: 55px 0;
   }
}
@media (max-width: 767px) {
   .footer .footer-row {
      padding: 40px 0;
   }
}
.footer .footer-row:after {
   display: inline-block;
   overflow: hidden;
   width: 100%;
   height: 0;
   margin: 0;
   content: '';
}
.footer .foot-list {
   font-size: 14px;
   display: inline-block;
   margin-top: 35px;
   padding: 0 15px;
   text-align: left;
   vertical-align: top;
   letter-spacing: 0;
}
@media (max-width: 991px) {
   .footer .foot-list {
      width: 50%;
   }
}
@media (max-width: 767px) {
   .footer .foot-list {
      width: 100%;
   }
}
.footer .foot-list li {
   position: relative;
}
.footer .foot-list li a {
   font-weight: 300;
   position: relative;
   display: inline-block;
   padding-left: 20px;
   -webkit-transition: .3s;
   transition: .3s;
}
.footer .foot-list li a:after {
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 2px;
   height: 2px;
   margin-top: -1px;
   content: '';
   background-color: #cdcfd4;
}
@media only screen and (min-width: 1200px) {
   .footer .foot-list li a:hover {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);
      text-decoration: underline;
   }
}
.footer .foot-list p,
.footer .foot-list li {
   line-height: 1.5;
}
@media (max-width: 1199px) {
   .footer .foot-list p a:active,
   .footer .foot-list li a:active {
      color: #fff;
   }
}
.footer .foot-list h4 {
   font-size: 14px;
   font-weight: bold;
   margin: 0 0 20px;
}
.footer .foot-list h4:after {
   display: block;
   width: 24px;
   height: 3px;
   margin-top: 15px;
   content: '';
   background: url(../images/footer-line.png) no-repeat;
   background-size: contain;
}
.footer .foot-info {
   width: 260px;
}
@media (max-width: 991px) {
   .footer .foot-info {
      width: 50%;
   }
}
@media (max-width: 767px) {
   .footer .foot-info {
      width: 100%;
   }
}
.footer .foot-info .footer-logo {
   max-width: 100%;
   margin-bottom: 25px;
}
@media (max-width: 480px) {
   .footer .foot-info .footer-logo {
      width: 280px;
   }
}
.footer .foot-info .footer-logo img {
   display: block;
   max-width: 100%;
}
.footer .foot-info p {
   font-weight: 300;
   line-height: 2.14285714;
   margin: 0;
}
.footer .foot-info .share {
   margin-top: 35px;
}
.footer .foot-info .share a:before {
   font-size: 18px;
   line-height: 36px;
   width: 36px;
   height: 36px;
   color: #4c4848;
   background-color: #fff;
}
.footer .foot-info .share .icon-weixin {
   position: relative;
}
.footer .foot-info .share .icon-weixin:hover .pic-box {
   display: block;
}
.footer .foot-info .share .icon-weixin .pic-box {
   position: absolute;
   bottom: 100%;
   left: 50%;
   display: none;
   width: 120px;
   padding-bottom: 5px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}
.footer .foot-info .share .icon-weixin .pic-box img {
   display: block;
   width: 100%;
}
.footer .foot-product li {
   margin-top: 15px;
}
.footer .foot-contact .pic-box {
   width: 150px;
   padding: 15px;
   border: 1px solid #585e6e;
}
.footer .foot-contact .pic-box img {
   display: block;
   width: 100%;
}
.footer .foot-message {
   overflow: hidden;
}
@media (min-width: 1200px) {
   .footer .foot-message {
      width: 450px;
   }
}
@media (max-width: 1349px) {
   .footer .foot-message {
      width: 400px;
   }
}
@media (max-width: 1199px) {
   .footer .foot-message {
      width: 350px;
   }
}
@media (max-width: 991px) {
   .footer .foot-message {
      width: 50%;
   }
}
@media (max-width: 767px) {
   .footer .foot-message {
      width: 100%;
   }
}
.footer .foot-message form {
   overflow: hidden;
}
.footer .foot-message form input::-webkit-input-placeholder,
.footer .foot-message form textarea::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .34);
}
.footer .foot-message form input:-o-placeholder,
.footer .foot-message form textarea:-o-placeholder {
   color: rgba(255, 255, 255, .34);
}
.footer .foot-message form input::-moz-placeholder,
.footer .foot-message form textarea::-moz-placeholder {
   color: rgba(255, 255, 255, .34);
}
.footer .foot-message form input:-ms-input-placeholder,
.footer .foot-message form textarea:-ms-input-placeholder {
   color: rgba(255, 255, 255, .34);
}
.footer .foot-message form input:focus::-webkit-input-placeholder,
.footer .foot-message form textarea:focus::-webkit-input-placeholder {
   color: #fff;
}
.footer .foot-message form input:focus::-o-placeholder,
.footer .foot-message form textarea:focus::-o-placeholder {
   color: #fff;
}
.footer .foot-message form input:focus::-moz-placeholder,
.footer .foot-message form textarea:focus::-moz-placeholder {
   color: #fff;
}
.footer .foot-message form input:focus::-ms-input-placeholder,
.footer .foot-message form textarea:focus::-ms-input-placeholder {
   color: #fff;
}
.footer .foot-message form .row {
   margin: 0 -12px;
}
.footer .foot-message form .row li {
   line-height: 1;
   padding: 0 12px;
}
.footer .foot-message form input,
.footer .foot-message form textarea {
   font-size: 12px;
   display: block;
   width: 100%;
   margin-bottom: 13px;
   padding: 9px 20px;
   color: #fff;
   background: #384360;
}
@media (max-width: 767px) {
   .footer .foot-message form input,
   .footer .foot-message form textarea {
      padding: 10px 20px;
   }
}
.footer .foot-message form textarea {
   height: 120px;
}
.footer .foot-message form .submit {
   position: relative;
   margin-top: 5px;
   margin-left: 20px;
   padding: 0 0 5px;
   color: #fff;
   background: none;
}
.footer .foot-message form .submit:after {
   font-family: 'iconfont' !important;
   margin-left: 10px;
   content: '\e612';
}
.footer .foot-message form .submit:before {
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 0;
   height: 1px;
   content: '';
   -webkit-transition: .3s;
   transition: .3s;
   background-color: #fff;
}
.footer .foot-message form .submit:hover:before {
   width: 100%;
}
.footer .copyright {
   padding: 10px 0;
   text-align: center;
   background-color: #384360;
}
.footer .copyright p {
   line-height: 2.14285714;
   margin: 0;
   color: #fff;
}
.footer .copyright p a {
   margin-left: 5px;
}
.footer .copyright p a:hover {
   text-decoration: underline;
}
@media (max-width: 767px) {
   .footer .copyright p a {
      display: block;
      margin-left: 0;
   }
}