@charset "utf-8";

@font-face {

  font-family: 'Roboto Condensed';

  src: url('font/RobotoCondensed-Light.eot');

  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('font/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('font/RobotoCondensed-Light.woff2') format('woff2'), url('font/RobotoCondensed-Light.woff') format('woff'), url('font/RobotoCondensed-Light.ttf') format('truetype'), url('font/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'Roboto Condensed';

  src: url('font/RobotoCondensed-Regular.eot');

  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('font/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('font/RobotoCondensed-Regular.woff2') format('woff2'), url('font/RobotoCondensed-Regular.woff') format('woff'), url('font/RobotoCondensed-Regular.ttf') format('truetype'), url('font/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'Roboto Condensed';

  src: url('font/RobotoCondensed-Bold.eot');

  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('font/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('font/RobotoCondensed-Bold.woff2') format('woff2'), url('font/RobotoCondensed-Bold.woff') format('woff'), url('font/RobotoCondensed-Bold.ttf') format('truetype'), url('font/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}

body,

html {

  scroll-behavior: smooth;

  scroll-padding-top: 180px;

}

@media (max-width: 1199px) {

  body,

  html {

    scroll-padding-top: 30px;

  }

}

body {

  color: #222;

  font-weight: 300;

  font-family: 'Roboto Condensed', Arial, Helvetica, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;

}

body.fixed {

  overflow: hidden;

}

.ff {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.all {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.goog-te-menu-frame {

  z-index: 999999999 !important;

}

.txt p {

  margin: 0;

  font-size: 16px;

  line-height: 1.625;

  color: #666;

}

@media (max-width: 767px) {

  .txt p {

    font-size: 14px;

  }

}

.txt img {

  max-width: 100%;

  height: auto !important;

}

.scrollbar::-webkit-scrollbar {

  width: 5px;

  height: 5px;

  background-color: #f5f5f5;

}

.scrollbar::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 5px;

  background-color: #f5f5f5;

}

.scrollbar::-webkit-scrollbar-thumb {

  border-radius: 5px;

  background-color: #bdbdbd;

}

.scrollbar::-webkit-scrollbar-thumb:hover {

  border-radius: 5px;

  background: rgba(0, 0, 0, 0.4);

}

.clamp {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.t1 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.ts {

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

@-webkit-keyframes scaleShadow {

  0% {

    box-shadow: 0 0 0 0 #fff;

    opacity: 0.8;

  }

  100% {

    box-shadow: 0 0 0 20px #fff;

    opacity: 0;

  }

}

@keyframes scaleShadow {

  0% {

    box-shadow: 0 0 0 0 #fff;

    opacity: 0.8;

  }

  100% {

    box-shadow: 0 0 0 20px #fff;

    opacity: 0;

  }

}

@media (min-width: 1200px) {

  .video-box img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .video-box:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .video-box > a .v-btn,

  .video-box .img-box .v-btn {

    -webkit-transform: translateX(-50%) translateY(100%);

        -ms-transform: translateX(-50%) translateY(100%);

            transform: translateX(-50%) translateY(100%);

    opacity: 0;

    -webkit-transition: 1s;

    transition: 1s;

  }

  .video-box:hover > a:after,

  .video-box:hover .img-box:after {

    background-color: rgba(0, 0, 0, 0);

  }

  .video-box:hover .mask-btn:after {

    -webkit-animation: scaleShadow 2000ms linear infinite;

            animation: scaleShadow 2000ms linear infinite;

  }

  .video-box:hover .v-btn {

    opacity: 1;

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

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

            transform: translateX(-50%) translateY(-50%);

  }

}

.video-box > a,

.video-box .img-box {

  display: block;

  overflow: hidden;

}

.video-box > a[data-src]:not([data-src='']),

.video-box .img-box[data-src]:not([data-src='']) {

  cursor: pointer;

}

.video-box > a[data-src]:not([data-src='']) .v-btn,

.video-box .img-box[data-src]:not([data-src='']) .v-btn {

  display: -webkit-box;

  display: flex;

}

.video-box > a[data-src]:not([data-src='']) .v-btn:before,

.video-box .img-box[data-src]:not([data-src='']) .v-btn:before {

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.video-box > a[data-src]:not([data-src='']) .v-btn:active,

.video-box .img-box[data-src]:not([data-src='']) .v-btn:active {

  -webkit-transition: 0s;

  transition: 0s;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.98);

      -ms-transform: translateX(-50%) translateY(-50%) scale(0.98);

          transform: translateX(-50%) translateY(-50%) scale(0.98);

}

.video-box .v-btn {

  display: none;

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 3;

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

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

          transform: translateX(-50%) translateY(-50%);

  color: #08579e;

  text-align: center;

  font-style: normal;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  font-size: 23px;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: #fff;

}

.video-box .v-btn:before {

  position: relative;

  z-index: 2;

}

.video-box .v-btn.mask-btn:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  height: 100%;

  content: '';

  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

      -ms-transform: translateX(-50%) translateY(-50%) scale(1);

          transform: translateX(-50%) translateY(-50%) scale(1);

  border-radius: 50%;

}

@media (max-width: 767px) {

  .video-box .v-btn {

    font-size: 20px;

    width: 50px;

    height: 50px;

  }

}

.video-box > a:not(.img-box) {

  display: -webkit-box;

  display: flex;

  position: relative;

}

.table-box {

  width: 100%;

  max-width: 100%;

  overflow: auto;

}

.table-box col {

  width: auto !important;

}

.table-box table {

  width: 100% !important;

  height: auto !important;

  max-width: 100%;

  border-spacing: 0;

  border-collapse: collapse;

  color: #333;

  line-height: 1.2;

  font-size: 16px;

}

@media (max-width: 767px) {

  .table-box table {

    font-size: 14px;

  }

}

.table-box table colgroup {

  display: none !important;

}

.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: 14px 5px !important;

  border: 1px solid #a0a0a0 !important;

}
/**
@media (max-width: 1469px) {

  .table-box table td,

  .table-box table th {

    padding: 12px 25px !important;

  }

}

@media (max-width: 991px) {

  .table-box table td,

  .table-box table th {

    padding: 10px 20px !important;

  }

}

@media (max-width: 767px) {

  .table-box table td,

  .table-box table th {

    padding: 10px 15px !important;

  }

  .table-box table td,

  .table-box table th,

  .table-box table td *,

  .table-box table th * {

    font-size: 13px !important;

  }

}

@media (max-width: 575px) {

  .table-box table td,

  .table-box table th {

    padding: 8px 10px !important;

  }

}
**/

.table-box table tr p,

.table-box table tr span {

  background: none !important;

  margin: 0 !important;

  padding: 0 !important;

}

.table-box table th {

  text-align: center;

}

.table-box table img {

  height: auto !important;

  max-width: 100%;

}

@media (min-width: 1350px) and (max-width: 1469px) {

  .header .container,

  .footer .container {

    width: 1320px;

  }

}

@media only screen and (min-width: 1470px) {

  .container {

    width: 1440px;

  }
  .header .container{ padding:0;}

}

.pagination {

  display: block;

  text-align: center;

  margin: 40px 0 0;

  color: #666666;

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

  .pagination {

    margin-top: 30px;

  }

}

.pagination a,

.pagination span:not(.ellipsis) {

  width: 44px;

  height: 44px;

  text-align: center;

  cursor: pointer;

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  margin: 0 8px;

  font-size: 16px;

  vertical-align: middle;

  border: 1px solid #f5f5f5;

  background-color: #f5f5f5;

  border-radius: 50%;

  overflow: hidden;

}

@media (min-width: 1200px) {

  .pagination a,

  .pagination span:not(.ellipsis) {

    -webkit-transition: 0.2s;

    transition: 0.2s;

  }

  .pagination a:hover,

  .pagination span:not(.ellipsis):hover {

    background-color: #08579e !important;

    color: #fff;

    border-color: #08579e !important;

  }

}

@media (max-width: 1199px) {

  .pagination a,

  .pagination span:not(.ellipsis) {

    margin: 0 5px;

    width: 35px;

    height: 35px;

    line-height: 33px;

    font-size: 0.9em;

  }

  .pagination a:active,

  .pagination span:not(.ellipsis):active {

    background-color: #08579e !important;

    color: #fff;

    border-color: #08579e !important;

  }

}

@media (max-width: 575px) {

  .pagination a,

  .pagination span:not(.ellipsis) {

    width: 25px;

    height: 25px;

    line-height: 23px;

    margin: 0 3px;

    font-size: 0.8em;

  }

}

.pagination span.current {

  background: none !important;

  color: #08579e;

  border-color: #08579e !important;

}

.pagination span.current.prev,

.pagination span.current.next {

  display: none;

}

.pagination .next,

.pagination .prev {

  font-size: 1.26em;

}

.pagination .next:before,

.pagination .prev:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

@media (max-width: 575px) {

  .pagination .next,

  .pagination .prev {

    font-size: 0.9em;

  }

}

.pagination .prev:before {

  content: '\e9b5';

}

.pagination .next:before {

  content: '\e72f';

}

.clearfix {

  zoom: 1;

}

.clearfix:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

.header {

  font-weight: normal;

}

@media (min-width: 1200px) {

  .header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

  }

  .header.fixed .header-box {

    background-color:#fff;

    box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.1);

    -webkit-transition: 0.4s;

    transition: 0.4s;

  }

  .header.fixed ~ .product-wrap .public-banner .img-box {

    padding-bottom: 23.4375%;

  }

}

@media (max-width: 1199px) {

  .header {

    background-color: #08579e;

    height: auto !important;

  }

}

.header .container { width:100%; 
  padding:0 5%;
  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

          align-items: center;

}


@media only screen and (max-width: 1670px) {


  .header .container{ padding:0;}

}

.header .container:before,

.header .container:after {

  display: none;

}

.header .header-box {

  background-color: rgba(255, 255, 255, 0.8);
  position: relative;

}

.header .logo {

  z-index: 2;

  position: relative;

}

.header .logo img {

  max-width: 96%;

}

.header .logo .pic {

  padding: 12px 0;

  display: block;

}

@media (max-width: 767px) {

  .header .logo .pic {

    width: 200px;

  }

}

@media (max-width: 575px) {

  .header .logo .pic {

    width: 62vw;

    padding: 3vw 0;

  }

}

.header .header-r {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  font-size: 16px;

  justify-self: flex-end;

}

@media (max-width: 991px) {

  .header .header-r {

    font-size: 15px;

  }

}

.header .header-r > * {

  margin-left: 10px;

}

@media (max-width: 575px) {

  .header .header-r > * {

   

  }

}

.header .header-r > *:first-child {

  margin-left: 0;

}

.header .google-translate {

  min-width: 110px;

}

@media (min-width: 1200px) {

  .header .google-translate {

    display: block !important;

  }

}

@media (max-width: 1199px) {

  .header .google-translate {

    margin-left: 0 !important;

    display: none;

  }

}

.header .find,

.header .cart a {

  width: 40px;

  height: 40px;

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  font-size: 15px;

  border: 1px solid #000;

  border-radius: 50%;

  cursor: pointer;

  color: #000;

}

@media (min-width: 1200px) {

  .header .find,

  .header .cart a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .header .find:hover,

  .header .cart a:hover {

    background-color: #579eff;

    color: #fff;

    border-color: #579eff;

  }

}

@media (max-width: 1199px) {

  .header .find:active,

  .header .cart a:active {

    color: #08579e;

  }

}

@media (max-width: 575px) {

  .header .find,

  .header .cart a {

    width: auto;

    height: auto;

    border: none;

    font-size: 18px;

  }

}

.header .find:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e660';

  font-size: 1.2em;

}

.header .cart .iconfont:before {

  font-size: 1.2em;

}

.header .func {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

}

.header .func > div {

  margin-left: 15px;

}

.header .language-box {
position: relative;
    border-radius: 20px;
    font-size: 15px;
    color: #666;


}



@media (min-width: 768px) {

  .header .language-box {

        border: 1px solid #999999;

  }

}

@media (max-width: 991px) {

  .header .language-box {

    font-size: 14px;

  }

}

.header .language-box.pic a {

 padding: 2px 10px 2px 3px;

}

@media (min-width: 768px) {

  .header .language-box.pic a {

    padding: 2px 10px 2px 3px;

  }

}

.header .language-box.pic a:before,

.header .language-box.pic a span {

  display: inline-block;

  vertical-align: middle;

}

.header .language-box.pic a:before {

  content: '';

  width: 30px;

  height: 30px;

  overflow: hidden;

  background: url(../images/language.png) no-repeat 100% 100%;

  background-size: 500% auto;
  background-position: -90px 0;

}

@media (max-width: 575px) {

  .header .language-box.pic a:before {

    width: 25px;

    height: 25px;
     background-position: -75px 0;
  }

}

.header .language-box.pic a span {

  margin-left: 8px;

}

@media (max-width: 767px) {

  .header .language-box.pic a span {

    display: none;

  }

}

.header .language-box.pic a.cn:before {

  background-position: 25% 100%;

}

.header .language-box.pic a.es:before {

  background-position: 50% 100%;

}

.header .language-box.pic a.ru:before {

  background-position: 75% 100%;

}

.header .language-box a {

  margin: 0;

  display: inline-block;

  -webkit-transition: 0.2s;

  transition: 0.2s;

  position: relative;

}

.header .language-box a:hover span {

  text-decoration: underline;

}

.header .nav-collapse {

  position: relative;

  display: none;

  width: 28px;

  height: 28px;

  background: none;

  padding: 0;

  cursor: pointer;

}

@media (max-width: 1199px) {

  .header .nav-collapse {

    vertical-align: middle;

    display: inline-block;

  }

  .header .nav-collapse.nav-collapse-1 {

    border: none;

    display: block;

    position: absolute;

    right: 25px;

    top: 10px;

    z-index: 9999;

  }

}

.header .nav-collapse .btn-line {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  width: 28px;

  height: 3px;

  background-color: #fff;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.header .nav-collapse .btn-line:nth-child(3),

.header .nav-collapse .btn-line:nth-child(1) {

  content: '';

  display: block;

}

.header .nav-collapse .btn-line:nth-child(1) {

  top: 25%;

}

.header .nav-collapse .btn-line:nth-child(2) {

  top: 50%;

}

.header .nav-collapse .btn-line:nth-child(3) {

  top: 75%;

}

.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) {

  left: 50%;

  top: 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) {

  left: 50%;

  top: 50%;

  -webkit-transform: translateX(-50%) rotateZ(-45deg);

      -ms-transform: translateX(-50%) rotate(-45deg);

          transform: translateX(-50%) rotateZ(-45deg);

}

.header .nav-collapse-xs .btn-line {

  background-color: #fff;

}

@media (min-width: 1200px) {

  .header .nav {

    margin-left: 15px;

    display: block !important;

  }

}

@media (max-width: 1199px) {

  .header .nav {

    margin: 0;

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #08579e;

    text-align: left;

    padding: 60px 12%;

    z-index: 99999998;

    text-align: center;

    background-color: #08579e;

    -webkit-transition: -webkit-transform 0.3s;

    transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    transition: transform 0.3s, -webkit-transform 0.3s;

  }

  .header .nav .nav-box,

  .header .nav .container {

    height: 100%;

    width: 100%;

  }

  .header .nav .container {

    padding: 0;

  }

  .header .nav .tbl,

  .header .nav .tbl-cell {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

            align-items: center;

  }

  .header .nav .tbl {

    width: 100%;

    height: 100%;

  }

  .header .nav .tbl-cell {

    position: relative;

    height: 100%;

    width: 100%;

  }

}

@media (max-width: 767px) {

  .header .nav {

    padding: 60px 8%;

  }

}

.header .nav.left-100 {

  -webkit-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

          transform: translateX(-100%);

  -webkit-transform: translate3d(-100%, 0, 0);

          transform: translate3d(-100%, 0, 0);

}

.header .nav.left-200 {

  -webkit-transform: translateX(-200%);

      -ms-transform: translateX(-200%);

          transform: translateX(-200%);

  -webkit-transform: translate3d(-200%, 0, 0);

          transform: translate3d(-200%, 0, 0);

}

.header .nav.left-300 {

  -webkit-transform: translateX(-300%);

      -ms-transform: translateX(-300%);

          transform: translateX(-300%);

  -webkit-transform: translate3d(-300%, 0, 0);

          transform: translate3d(-300%, 0, 0);

}

.header .nav.left-400 {

  -webkit-transform: translateX(-400%);

      -ms-transform: translateX(-400%);

          transform: translateX(-400%);

  -webkit-transform: translate3d(-400%, 0, 0);

          transform: translate3d(-400%, 0, 0);

}

.header .nav.left-500 {

  -webkit-transform: translateX(-500%);

      -ms-transform: translateX(-500%);

          transform: translateX(-500%);

  -webkit-transform: translate3d(-500%, 0, 0);

          transform: translate3d(-500%, 0, 0);

}

@media (min-width: 1300px) {

  .header .nav .nav-list1 > li > a {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    text-align: center; font-family:Microsoft YaHei;

    padding: 0 10px;

    text-transform: uppercase;

  }

}


@media (min-width: 1200px) {

  .header .nav .nav-list1 li {

    text-transform: capitalize;

    -webkit-perspective: 500;

            perspective: 500;

  }

  .header .nav .nav-list1 li:hover > ul {

    opacity: 1;

    visibility: visible;

  }

  .header .nav .nav-list1 li:hover > a {

    text-decoration: underline;

  }

  .header .nav .nav-list1 > li {

    text-align: left;

    display: inline-block;

    vertical-align: middle;

    padding: 0 6px;

    font-size: 18px;

  }

  .header .nav .nav-list1 > li > a {

   

    padding: 0 6px;


  }

  .header .nav .nav-list1 > li > a > span {

    display: block;

    padding: 25px 0;

    position: relative;
	
	font-weight:bold;

  }

  .header .nav .nav-list1 > li.product {

    -webkit-perspective: none;

            perspective: none;

  }

  .header .nav .nav-list1 > li:hover > a,

  .header .nav .nav-list1 > li.active > a {

    color: #08579e;

  }

  .header .nav .nav-list1 > li:hover > ul {

    -webkit-transform: rotateX(0);

            transform: rotateX(0);

  }

  .header .nav .nav-list1 ul {

    font-size:17px;

    letter-spacing: 0;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    text-align: left;

    color: #222;

    background-color: rgba(255, 255, 255, 0.7);

    background-clip: padding-box;

    padding-top: 5px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);

  }

  .header .nav .nav-list1 ul li:hover > a {

 
	background: linear-gradient(#20a0e4, #1b6fce);
	color:#fff;

  }

  .header .nav .nav-list1 ul a {

    display: block;

    padding: 5px 15px;

    position: relative;

  }

  .header .nav .nav-list1 .nav-list2 {

    top: 100%;

    left: 0;

   

    min-width: 100%;

    z-index: 10;

    -webkit-transform-origin: center top;

        -ms-transform-origin: center top;

            transform-origin: center top;

    -webkit-transform: rotateX(-50deg);

            transform: rotateX(-50deg);

  }

  .header .nav .nav-list1 .nav-list2 > li {

    white-space: nowrap;

     position: relative;
     border-bottom: 1px solid #ccc; 
	 line-height:40px;

  }

  .header .nav .nav-list1 .nav-list2 > li > a {

    display: block;

    padding: 5px 25px; font-size:16px;

  }

  .header .nav .nav-list1 .nav-list2 ul {

    left: 100%;

    position: absolute;

    top: 0;

    padding: 10px 0;

    min-width: 120px;

    -webkit-transform-origin: left center;

        -ms-transform-origin: left center;

            transform-origin: left center;

    border-left: 1px solid transparent;

    -webkit-transform: rotateY(50deg);

            transform: rotateY(50deg);

    -webkit-transition: 0.4s;

    transition: 0.4s;

  }

  .header .nav .nav-list1 .nav-list2 li:hover > ul {

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

  }

  .header .nav .nav-list1 .pro-nav-list2 .active > a {

    text-decoration: underline;

  }

}

@media (min-width: 1200px) and (max-width: 1469px) {

  .header .nav .nav-list1 > li {

    font-size: 18px;

    padding: 0 2px;

  }

}

@media (min-width: 1200px) and (max-width: 1349px) {

  .header .nav .nav-list1 > li {

    padding: 0px;

  }

}

@media (max-width: 1199px) {

  .header .nav .nav-list1 {

    width: 100%;

  }

  .header .nav .nav-list1 ul {

    display: none !important;

  }

  .header .nav .nav-list1 > li {

    opacity: 0;

    -webkit-transform: translateX(-15px) rotateX(90deg);

            transform: translateX(-15px) rotateX(90deg);

  }

  .header .nav .nav-list1 > a {

    font-size: 20px;

    color: #fff;

  }

}

.header .nav .nav-pro-lg-list2 {

  display: none;

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

  position: absolute;

  padding: 20px;

  left: 0;

  top: 100%;

  width: 100%;

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro {

  font-size: 0;

  padding: 0 52px;

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .img-box {

  padding-bottom: 67.5%;

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .slick-arrow {

  background-color: #fff;

  width: 36px;

  color: #666;

  border-radius: 0;

  border: none;

  height: 100%;

}

@media (min-width: 1200px) {

  .header .nav .nav-pro-lg-list2 .slick-nav-pro .slick-arrow:hover {

    background-color: #08579e;

    color: #fff;

  }

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .slick-slide {

  padding: 0 8px;

}

@media (min-width: 1200px) {

  .header .nav .nav-pro-lg-list2 .slick-nav-pro .item img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .header .nav .nav-pro-lg-list2 .slick-nav-pro .item:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .header .nav .nav-pro-lg-list2 .slick-nav-pro .item:hover .name {

    bottom: 50%;

    -webkit-transform: translateY(50%);

        -ms-transform: translateY(50%);

            transform: translateY(50%);

  }

  .header .nav .nav-pro-lg-list2 .slick-nav-pro .item:hover .img-box:after {

    opacity: 1;

  }

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .img-box:before,

.header .nav .nav-pro-lg-list2 .slick-nav-pro .img-box:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .img-box:before {

  z-index: 2;

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .img-box:after {

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  z-index: 3;

  background-color: rgba(232, 34, 45, 0.8);

}

.header .nav .nav-pro-lg-list2 .slick-nav-pro .name {

  text-align: center;

  font-size: 16px;

  color: #fff;

  position: absolute;

  padding: 2%;

  left: 0;

  bottom: 0;

  -webkit-transform: translateY(0%);

      -ms-transform: translateY(0%);

          transform: translateY(0%);

  -webkit-transition: 0.6s;

  transition: 0.6s;

  z-index: 4;

  width: 100%;

}

.header .nav .nav-pro-lg-list3 {

  display: none;

  margin-top: 20px;

  padding-top: 10px;

  padding-right: 50px;

  border-top: 1px solid rgba(255, 255, 255, 0.5);

  font-size: 16px;

  color: #fff;

  position: relative;

}

.header .nav .nav-pro-lg-list3 .pro-checkbox:checked ~ .list-box .list:nth-child(8) ~ .list {

  display: block;

}

.header .nav .nav-pro-lg-list3 .pro-checkbox:checked ~ .check-btn {

  -webkit-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

          transform: rotate(180deg);

}

.header .nav .nav-pro-lg-list3 .check-btn {

  position: absolute;

  right: 20px;

  top: 15px;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  font-weight: normal;

  font-size: 20px;

  cursor: pointer;

  z-index: 5;

  margin: 0;

}

.header .nav .nav-pro-lg-list3 .list-box a {

  display: inline-block;

  padding: 9px 20px;

  border-radius: 25px;

}

@media (min-width: 1200px) {

  .header .nav .nav-pro-lg-list3 .list-box a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .header .nav .nav-pro-lg-list3 .list-box a:hover {

    background-color: #08579e;

    color: #fff;

  }

}

.header .nav .nav-pro-lg-list3 .list:nth-child(8) ~ .list {

  display: none;

}

@media (max-width: 1199px) {

  .header .nav-pro-lg-list2 {

    display: none !important;

  }

}

.header .mask-nav {

  display: none;

}

@media (max-width: 1199px) {

  .header .mask-nav {

    overflow: hidden;

    display: block;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background: #08579e;

    text-align: left;

    padding: 20px;

    z-index: 9999;

    text-align: center;


    color: #fff;

    -webkit-transition: left 0.3s;

    transition: left 0.3s;

  }

}

.header .mask-nav .nav-top {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

          justify-content: space-between;

}

.header .mask-nav .nav-top .back-btn:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e9b5';

  font-size: 26px;

}

.header .mask-nav .nav-top .nav-title {

  margin: 0;

  text-transform: uppercase;

  font-size: 30px;

}

@media (max-width: 767px) {

  .header .mask-nav .nav-top .nav-title {

    font-size: 20px;

    font-size: 5vmin;

  }

}

.header .mask-nav .content {

  margin-top: 4%;

  position: relative;

  height: 85%;

  overflow: auto;

  touch-action: pan-y;

  /*定义滚动条轨道 内阴影+圆角*/

  /*定义滑块 内阴影+圆角*/

  /*滑块效果*/

}

.header .mask-nav .content::-webkit-scrollbar {

  border-radius: 5px;

  width: 5px;

  height: 5px;

  background-color: #fff;

}

.header .mask-nav .content::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 5px;

  background-color: #fff;

}

.header .mask-nav .content::-webkit-scrollbar-thumb {

  border-radius: 5px;

  background-color: #666;

}

.header .mask-nav .content::-webkit-scrollbar-thumb:hover {

  border-radius: 5px;

  background: rgba(0, 0, 0, 0.4);

}

.header .mask-nav .content ul li {

  text-align: left;

  font-size: 20px;

  line-height: 2;

  margin: 10px 0;

}

@media (max-width: 767px) {

  .header .mask-nav .content ul li {

    margin: 0;

    font-size: 4.5vmin;

    line-height: 1.6;

    margin-bottom: 5px;

  }

}

.header .mask-nav .content ul li.more {

  position: relative;

}

.header .mask-nav .content ul li.more:after {

  position: absolute;

  right: 0;

  top: 50%;

  font-family: 'iconfont' !important;

  content: '\e72f';

  color: #fff;

  font-size: 16px;

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

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

          transform: translateY(-50%);

}

.header .mask-nav .content ul li a {

  display: inline-block;

  text-transform: capitalize;

}

.header .mask-nav .content ul ul {

  display: none;

}

.header .nav-2 {

  left: 100%;

}

.header .nav-3 {

  left: 200%;

}

.header .nav-4 {

  left: 300%;

}

.header .nav-5 {

  left: 400%;

}

.header .fade-out ul {

  text-align: left;

}

@media (max-width: 1199px) {

  .header .fade-out ul .pic {

    display: none !important;

  }

}

.header .fade-out ul .more {

  padding-right: 25px;

}

@media (max-width: 1199px) {

  .header .fade-out ul.nav-list1 {

    opacity: 1;

    margin: 0;

    max-height: 100%;

    overflow: auto;

    touch-action: pan-y;

    /*定义滚动条轨道 内阴影+圆角*/

    /*定义滑块 内阴影+圆角*/

    /*滑块效果*/

  }

  .header .fade-out ul.nav-list1::-webkit-scrollbar {

    border-radius: 5px;

    width: 5px;

    height: 5px;

    background-color: #fff;

  }

  .header .fade-out ul.nav-list1::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 5px;

    background-color: #fff;

  }

  .header .fade-out ul.nav-list1::-webkit-scrollbar-thumb {

    border-radius: 5px;

    background-color: #666;

  }

  .header .fade-out ul.nav-list1::-webkit-scrollbar-thumb:hover {

    border-radius: 5px;

    background: rgba(0, 0, 0, 0.4);

  }

  .header .fade-out ul.nav-list1 a {

    color: #fff;

    text-transform: uppercase;

  }

  .header .fade-out ul.nav-list1 > li {

    position: relative;

    margin: 10px 0;

  }

  .header .fade-out ul.nav-list1 > li.act {

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

            transform: translateX(0);

    opacity: 1;

  }

  .header .fade-out ul.nav-list1 > li.more:after {

    position: absolute;

    right: 0;

    top: 50%;

    font-family: 'iconfont';

    content: '\e72f';

    color: #fff;

    font-size: 18px;

    margin-top: -14px;

  }

  .header .fade-out ul.nav-list1 > li > a {

    font-size: 1.5em;

    line-height: 1.6;

  }

  .header .fade-out ul.nav-list1 .nav-list2 > li > a {

    font-size: 1em;

  }

}

@media (max-width: 1199px) and (max-width: 767px) {

  .header .fade-out ul.nav-list1 > li {

    margin: 1.5vmin 0;

  }

}

@media (max-width: 1199px) and (max-width: 767px) {

  .header .fade-out ul.nav-list1 > li > a {

    font-size: 4.8vmin;

  }

}

@media (max-width: 1199px) and (max-width: 768px) {

  .header .fade-out ul.nav-list1 .nav-list2 > li > a {

    font-size: 4.5vmin;

  }

}

.header .fade-out ul.nav2-list2 h4 {

  line-height: 50px;

  font-size: 1em;

}

@media (max-width: 1199px) {

  .header .fade-out ~ .google-translate {

    position: fixed;

    z-index: 99999998;

    left: 30px;

    top: 30px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    display: block !important;

  }

  .header .fade-out.left-100 ~ .google-translate {

    top: -30px;

    opacity: 0;

  }

}

.header .xs-language {

  position: absolute;

  bottom: 30px;

  left: 35px;

  z-index: 9;

}

@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 .bottom .container {

  -webkit-box-pack: center;

          justify-content: center;

}

.header .bottom .list {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

}

.header .bottom .list > li {

  font-size: 18px;

  font-weight: bold;

  padding: 0 15px;

  display: inline-block;

  vertical-align: middle;

  position: relative;

}

@media (min-width: 1200px) {

  .header .bottom .list > li:hover > a {

    color: #08579e;

  }

}

.header .bottom .list > li.active > a {

  color: #08579e;

}

.header .bottom .list > li > a {

  display: block;

  padding: 17px 15px;

  text-transform: capitalize;

  font-weight: bold;

  overflow: hidden;

  position: relative;

}

.header .bottom .list > li:hover > ul {

  opacity: 1;

  visibility: visible;

  -webkit-transform: rotateX(0);

          transform: rotateX(0);

}

.header .bottom .list ul {

  font-size: 14px;

  letter-spacing: 0;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  text-align: left;

  color: #222;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  background-color: #fff;

  background-clip: padding-box;

  padding-top: 5px;

  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);

}

.header .bottom .list ul li:hover > a {

  text-decoration: underline;

  color: #08579e;

}

.header .bottom .list ul a {

  display: block;

  padding: 5px 15px;

  position: relative;

}

.header .bottom .list .list2 {

  top: 100%;

  left: 0;

  padding: 15px 0;

  min-width: 100%;

  z-index: 10;

  -webkit-transform-origin: center top;

      -ms-transform-origin: center top;

          transform-origin: center top;

  -webkit-transform: rotateX(-50deg);

          transform: rotateX(-50deg);

}

.header .bottom .list .list2 > li {

  white-space: nowrap;

  position: relative;

}

.header .bottom .list .list2 > li > a {

  display: block;

  padding: 5px 25px;

}

.header .bottom .list .list2 li:hover > ul {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

  opacity: 1;

  visibility: visible;

}

.header .bottom .list .list2 ul {

  left: 100%;

  position: absolute;

  top: 0;

  padding: 10px 0;

  min-width: 120px;

  -webkit-transform-origin: left center;

      -ms-transform-origin: left center;

          transform-origin: left center;

  border-left: 1px solid transparent;

  -webkit-transform: rotateY(50deg);

          transform: rotateY(50deg);

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

@-webkit-keyframes avia_pop {

  0% {

    -webkit-transform: scale(0.8);

            transform: scale(0.8);

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

@keyframes avia_pop {

  0% {

    -webkit-transform: scale(0.8);

            transform: scale(0.8);

  }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

.search-wrap {

  max-width: 90%;

  top: 100%;

  position: absolute;

  right: 45px;

  z-index: 3;

  display: none;

  background-color: #fff;

  padding: 10px;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);

  -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);

          animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

@media (max-width: 767px) {

  .search-wrap {

    right: 15px;

  }

}

.search-box {

  position: relative;

  display: -webkit-box;

  display: flex;

  max-width: 100%;

  background-color: #f5f5f5;

  -webkit-box-align: center;

          align-items: center;

}

.search-box input::-webkit-input-placeholder,

.search-box textarea::-webkit-input-placeholder {

  color: #999999;

}

.search-box input:-o-placeholder,

.search-box textarea:-o-placeholder {

  color: #999999;

}

.search-box input::-moz-placeholder,

.search-box textarea::-moz-placeholder {

  color: #999999;

}

.search-box input:-ms-input-placeholder,

.search-box textarea:-ms-input-placeholder {

  color: #999999;

}

.search-box input:focus::-webkit-input-placeholder,

.search-box textarea:focus::-webkit-input-placeholder {

  color: #ccc;

}

.search-box input:focus::-o-placeholder,

.search-box textarea:focus::-o-placeholder {

  color: #ccc;

}

.search-box input:focus::-moz-placeholder,

.search-box textarea:focus::-moz-placeholder {

  color: #ccc;

}

.search-box input:focus::-ms-input-placeholder,

.search-box textarea:focus::-ms-input-placeholder {

  color: #ccc;

}

.search-box input {

  display: block;

  width: 100%;

  background: none;

  color: #666;

  font-size: 14px;

  padding: 10px 15px;

}

@media (max-width: 767px) {

  .search-box input {

    padding: 7px 15px;

  }

}

.search-box .submit {

  display: -webkit-box;

  display: flex;

  z-index: 2;

  padding: 9px 12px;

  font-size: 16px;

  background: none;

  background: #2d749e;

  color: #fff;

  font-weight: bold;

}

.search-box .submit:after {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e660';

}

@media (min-width: 1200px) {

  .search-box .submit:hover {

    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.4);

  }

}

.xs-language {

  position: absolute;

  bottom: 30px;

  left: 35px;

  z-index: 9;

}

@media (min-width: 1200px) {

  .xs-language {

    display: none;

  }

}

.xs-language a {

  font-size: 16px;

  color: #fff;

}

.xs-language span {

  margin: 0 5px;

  color: #fff;

}

.slick-dots {

  text-align: center;

  margin-top: 10px;

}

.slick-dots li {

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 8px;

  cursor: pointer;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  opacity: 0.4;

  background-color: #08579e;

  margin: 0 4px;

}

.slick-dots li.slick-active {

  opacity: 1;

}

.slick-dots li button {

  display: none;

}

.slick-arrow {

  position: absolute;

  top: 50%;

  z-index: 3;

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

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

          transform: translateY(-50%);

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  width: 56px;

  height: 56px;

  font-size: 22px;

  background: none;

  border-radius: 50%;

  color: #08579e;

  -webkit-transition: background-color 0.6s;

  transition: background-color 0.6s;

  border: 1px solid #08579e;

}

.slick-arrow:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

@media (min-width: 1200px) {

  .slick-arrow:hover {

    background-color: #08579e;

    color: #fff;

  }

}

@media (max-width: 575px) {

  .slick-arrow {

    font-size: 0.9em;

  }

}

.development-wrap .slick-prev {

  left: -10px;

}

.development-wrap .slick-next{

  right: -10px;

}


.slick-prev {

  left: -100px;

}

.slick-prev:before {

  content: '\e9b5';

}

.slick-next {

  right: -100px;

}

.slick-next:before {

  content: '\e72f';

}

@-webkit-keyframes jump {

  0% {

    bottom: 24px;

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

  50% {

    bottom: 15px;

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

  100% {

    bottom: 24px;

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

}

@keyframes jump {

  0% {

    bottom: 24px;

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

  50% {

    bottom: 15px;

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

  100% {

    bottom: 24px;

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

}

.banner {

  width: 100%;

  overflow: hidden;

  position: relative;

  -webkit-user-select: none;

          user-select: none;

  z-index: 2;

  font-size: 0;

}

.banner img {

  display: block;

  width: 100%;

}

.banner .swiper-slide {

  overflow: hidden;

  height: auto;

}

.banner .swiper-slide > .item {

  height: 100%;

}

.banner .swiper-slide > .item > a {

  height: 100%;

}

.banner .swiper-slide > .item > a > .banner-video-box {

  height: 100%;

}

.banner .swiper-pagination {

  position: absolute;

  z-index: 2;

  width: auto;

  bottom: 4%;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}

.banner .swiper-pagination-bullet {

  outline: none;

  width: 15px;

  height: 15px;

  opacity: 1;

  margin: 0 5px !important;

  border: 1px solid #fff;

  background: transparent;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  background-clip: content-box;

}

@media (max-width: 767px) {

  .banner .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

  }

}

.banner .swiper-pagination-bullet-active {

  background-color: #fff;

}

.banner .slick-arrow {

  outline: none;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  font-size: 30px;

  background-color: rgba(0, 0, 0, 0.5);

}

@media (max-width: 1199px) {

  .banner .slick-arrow {

    display: none !important;

  }

}

@media (min-width: 1200px) {

  .banner .slick-arrow:hover {

    background-color: #08579e;

  }

}

.banner .slick-prev {

  left: 5%;

}

.banner .slick-prev:before {

  content: '\e65a';

}

.banner .slick-next {

  right: 5%;

}

.banner .slick-next:before {

  content: '\eb96';

}

.banner .item {

  display: block;

  position: relative;

  overflow: hidden;

}

@media (max-width: 991px) {

  .banner .item {

    width: 110%;

    max-width: 110%;

    margin-left: -5%;

  }

}

@media (max-width: 767px) {

  .banner .item {

    width: 120%;

    max-width: 120%;

    margin-left: -10%;

  }

}

.banner .item > a {

  overflow: hidden;

  display: block;

}

.banner .item > a > img {

  position: relative;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  display: block;

  width: 100%;

  object-fit: cover;

}

@media (min-width: 1200px) {

  .banner .item > a > img {

    height: 100vh;



  }

}

.banner-video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.banner.hide-arrow .slick-arrow,

.banner.hide-arrow .swiper-pagination {

  display: none !important;

}

.banner.hide-video video {

  display: none !important;

}

.banner-video-box {

  display: block;

  height: 50vh;

  position: relative;

  -webkit-transform: translateZ(10px);

          transform: translateZ(10px);

}

.banner-video-box .fluid_video_wrapper {

  position: absolute;

  z-index: 10;

}

.banner-video-box .fluid_initial_play {

  background-color: #08579e !important;

}

.banner .mobile-video {

  display: block;

  position: relative;

}

.banner .mobile-video:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  content: '';

  background-color: rgba(0, 0, 0, 0.1);

}

.banner .mobile-video:before {

  position: absolute;

  left: 50%;

  top: 50%;

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

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

          transform: translateY(-50%) translateX(-50%);

  z-index: 3;

  font-size: 50px;

  color: #fff;

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e644';

  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

}

.more-box.has-bg a {

  color: #fff;

  background-color: #08579e;

  border-color: #08579e;

}

.more-box a {

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  padding: 3px 23px;

  font-size: 16px;

  border: 1px solid #fff;

  color: #fff;

}

.more-box a:after {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\eb94';

  margin-left: 5px;

  font-size: 1.4em;

}

@media (min-width: 1200px) {

  .more-box a {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .more-box a:after {

    -webkit-transition: -webkit-transform 0.6s;

    transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    transition: transform 0.6s, -webkit-transform 0.6s;

  }

  .more-box a:hover {

    color: #fff;

    background-color: #08579e;

    border-color: #08579e;

  }

  .more-box a:hover:after {

    -webkit-transform: translateX(5px);

        -ms-transform: translateX(5px);

            transform: translateX(5px);

  }

}

.more-box a:active {

  color: #fff;

  background-color: #08579e;

  border-color: #08579e;

}

.more-box a:active:after {

  -webkit-transform: translateX(5px);

      -ms-transform: translateX(5px);

          transform: translateX(5px);

}

.more-box a:active span {

  text-decoration: underline;

}

@media (max-width: 991px) {

  .more-box a {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .more-box a {

    font-size: 14px;

    padding: 1px 18px;

  }

}

@media (min-width: 1640px) {

  .arrow-cont {

    width: 1610px;

    padding: 0 100px;

  }

}

@media (min-width: 1200px) and (max-width: 1639px) {

  .arrow-cont {

    padding: 0 80px;

  }

}

.index-box {

  padding: 80px 0;

  position: relative;

  z-index: 2; background:url(../images/probg.jpg) top center no-repeat #fafafa;
}

@media (max-width: 1469px) {

  .index-box {

    padding: 70px 0;

  }

}

@media (max-width: 1199px) {

  .index-box {

    padding: 60px 0;

  }

}

@media (max-width: 991px) {

  .index-box {

    padding: 50px 0;

  }

}

@media (max-width: 767px) {

  .index-box {

    padding: 45px 0;

  }

}

.index-box .slick-list {

  margin: 0 -15px;

}

.index-box .slick-slide {

  padding: 0 15px;

}

.index-box .title {

  margin-bottom: 30px;

}

@media (max-width: 575px) {

  .index-box .title {

    margin-bottom: 25px;

  }

}

.index-box .title.text-center h2:after {

  margin-left: auto;

  margin-right: auto;

}

.index-box .title.white,

.index-box .title.white .top {

  color: #fff;

}

.index-box .title.white h2 b {

  opacity: 0.1;

}

.index-box .title.white h2:after {

  background-color: #fff;

}

.index-box .title .top {

  color: #08579e;

  font-size: 20px;

  font-weight: 300;

  line-height: 1;

  text-transform: uppercase;

}

@media (max-width: 991px) {

  .index-box .title .top {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .index-box .title .top {

    font-size: 16px;

  }

}

.index-box .title h2 {

  overflow: hidden;

  font-size: 42px;

  font-weight: normal;

  margin: 0 0 15px;

  text-transform: uppercase;

}

.index-box .title h2 b,

.index-box .title h2 span,

.index-box .title h2::after {

  display: block;

}

.index-box .title h2 b {

  color: #f0f0f0;

  font-size: 1.63636364em;

  line-height: 1;

  font-weight: bold;

  white-space: nowrap;

}

.index-box .title h2 span {

  position: relative;

  z-index: 2;

  margin-top: -50px; 

  font-weight:bold;

  color:#08579e;

  font-family: 微软雅黑;

}

.index-box .title h2:after {

  content: '';

  width: 64px;

  height: 2px;

  margin-top: 20px;

  background-color: #08579e;

}

@media (max-width: 1469px) {

  .index-box .title h2 {

    font-size: 40px;

  }

  .index-box .title h2 span {

    margin-top: -45px;

  }

}

@media (max-width: 1199px) {

  .index-box .title h2 {

    font-size: 36px;

  }

  .index-box .title h2 span {

    margin-top: -40px;

  }

}

@media (max-width: 991px) {

  .index-box .title h2 {

    font-size: 30px;

    margin-bottom: 10px;

  }

  .index-box .title h2 span {

    margin-top: -35px;

  }

}

@media (max-width: 767px) {

  .index-box .title h2 {

    font-size: 24px;

  }

  .index-box .title h2:after {

    width: 50px;

    margin-top: 15px;

  }

  .index-box .title h2 span {

    margin-top: -30px;

  }

}


.index-hot .products-sort
{
    position: relative;

    margin-top: 25px;

    text-align: center;
}
@media (max-width: 1470px)
{
    .index-hot .products-sort
    {
        margin-top: 20px;
    }
}
@media (max-width: 991px)
{
    .index-hot .products-sort
    {
        margin-top: 15px;
    }
}
@media (max-width: 767px)
{
    .index-hot .products-sort
    {
        margin: 0;
    }
}
.index-hot .products-sort > ul
{
    font-size: 0;

    margin: 0 -24px;
}
@media (max-width: 1470px)
{
    .index-hot .products-sort > ul
    {
        margin: 0 -8px;
    }
}
.index-hot .products-sort > ul > li
{
    font-size: 16px;

    position: relative;

    display: inline-block;

    padding: 6px 34px;
	color:#525252;
	background:#e6e4e4; border-radius:30px; margin-right:8px;
    
	position: relative;
}
@media (max-width: 1470px)
{
    .index-hot .products-sort > ul > li
    {
        padding: 4px 15px;
    }
}
@media (max-width: 767px)
{
    .index-hot .products-sort > ul > li
    {
        padding: 0px 8px;
    }
}

#bgli:after{
	display: none;
}
.index-hot .products-sort > ul > li.active
{ background:#08579e; 
}
.index-hot .products-sort > ul > li.active .subject h3
{
    color: #fff;
}
.index-hot .products-sort .subject
{
    display: block;

    padding: 0 10px;

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

  
}
.index-hot .products-sort .subject h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    color: #525252;
}
@media (max-width: 1470px)
{
    .index-hot .products-sort .subject h3
    {
        font-size: 15px;
    }
}
@media (max-width: 767px)
{
    .index-hot .products-sort .subject h3
    {
        font-size: 14px;

        margin: 4px 0 0 0;
    }
}
.index-hot .products-desc
{
    margin-top: 50px;
    padding-bottom: 60px;
}
@media (max-width: 991px)
{
    .index-hot .products-desc
    {
        margin-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width: 767px)
{
    .index-hot .products-desc
    {
        margin-top: 0;
    }
}
.index-hot .products-desc .subject
{
    display: block;

    text-align: center; overflow:hidden;
}
.index-hot .products-desc .subject .img
{
    padding:1px;     border: 1px solid #e5e5e5;
}
@media (max-width: 767px)
{
    .index-hot .products-desc .subject .img
    {
        padding: 20px 5%;
    }
}
.index-hot .products-desc .subject .img .ibox
{
    padding-bottom: 100%;

    -webkit-transition: all 1s;
            transition: all 1s;
}
.index-hot .products-desc .subject .desc
{
    padding:0 20px 20px;
}
@media (max-width: 991px)
{
    .index-hot .products-desc .subject .desc
    {
        padding: 10px;
    }
}
.index-hot .products-desc .subject .desc h3
{
    font-size: 18px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .index-hot .products-desc .subject .desc h3
    {
        font-size: 16px;
    }
}
.index-hot .products-desc .subject .desc h4
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    color: #ed1c24;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .index-hot .products-desc .subject .desc h4
    {
        font-size: 14px;
    }
}
.index-hot .products-desc .subject .desc .more
{
    display: block;

    margin: 0;
}
.index-hot .products-desc .subject .desc .more img
{
    width: 36px;
    margin: 0 auto;
}
.index-hot .products-desc .subject:hover .img .ibox
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.ibox {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
}

.ibox img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}


.index-hot .info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  position: relative;
  margin-top: 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.index-hot .info:before {
  content: '';
  position: absolute;
  top: 0;
  width: 2px;
  left: 0;
  height: 100%;
  background-color: #08579e;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.index-hot .item:hover .info:before {
    width: 100%;
  }
  
@media (max-width: 991px) {
  .index-hot .info {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .index-hot .info {
    font-size: 15px;
  }
}
.index-hot .info > * {
  position: relative;
  z-index: 2;
}
.index-hot .info h3 {
  -webkit-box-flex: 1;
          flex: 1 0 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 1em;
  padding: 0 12px;
  line-height: 50px;
}

.index-hot .item:hover .info h3{
color:#fff;
  }

@media (max-width: 1199px) {
  .index-hot .info h3 {
    padding: 0 10px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .index-hot .info h3 {
    line-height: 30px;
  }
}
.index-hot .info .add-btn {
  font-size: 1em;
  margin: 0 15px;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  cursor: pointer;
  color: #666666; border:1px solid #666; height:30px; width:30px; border-radius:50%; text-align:center; line-height:26px;
}


.index-hot .item:hover .info .add-btn{ color: #fff; border:1px solid #fff; }

@media (min-width: 1200px) {
  .index-hot .info .add-btn {
    -webkit-transition: color 0.6s, -webkit-transform 0.6s;
    transition: color 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, color 0.6s;
    transition: transform 0.6s, color 0.6s, -webkit-transform 0.6s;
  }
  .index-hot .info .add-btn:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (max-width: 1199px) {
  .index-hot .info .add-btn {
    margin-right: 0;
  }
}


.num-box {

  position: relative;

  z-index: 3;

  display: -webkit-box;

  display: flex;

  flex-wrap: wrap;

  margin: 0 -15px;

}

@media (min-width: 576px) {

  .num-box {

    -webkit-box-pack: justify;

            justify-content: space-between;

  }

}

@media (max-width: 575px) {

  .num-box {

    margin: 0 -5px;

  }

}

.num-box li {

  position: relative;

  padding: 0 15px;

  margin-top: 30px;

}

@media (max-width: 575px) {

  .num-box li {

    width: 33.3333%;

    padding: 0 5px;

  }

}

.num-box .item {

  position: relative;

  text-align: center;

}

.num-box .intro {

  position: relative;

  z-index: 2;

}

.num-box .number {

  white-space: nowrap;

  position: relative;

  font-weight: bold;

  margin-bottom: 10px;

}

.num-box .number * {

  line-height: 1;

  vertical-align: top;

}

.num-box .number span {

  position: relative;

  z-index: 10;

  font-size: 56px;

  font-weight: bold;

}

@media (max-width: 1469px) {

  .num-box .number span {

    font-size: 50px;

  }

}

@media (max-width: 1199px) {

  .num-box .number span {

    font-size: 44px;

  }

}

@media (max-width: 991px) {

  .num-box .number span {

    font-size: 38px;

  }

}

@media (max-width: 767px) {

  .num-box .number span {

    font-size: 32px;

  }

}

.num-box sub {

  font-size: 24px;

  bottom: 0em;

  line-height: 1;

}

.num-box sub.m2 {

  font-size: 18px;

}

.num-box sup {

  font-size: 22px;

  top: 0;

}

@media (max-width: 1199px) {

  .num-box sup {

    top: 0;

  }

}

.num-box p {

  margin: 0;

  font-size: 16px;

}

@media (max-width: 767px) {

  .num-box p {

    font-size: 14px;

  }

}

.index-about {

  position: relative;

  z-index: 3;

}





.adv-list{ float:left; width:100%;

    background:rgba(47,134,180,.25); 

     border:1px solid rgba(255,255,255,.3); 

     border-radius:18px;

	 padding:15px 30px;

}





.process{   float:left; width:100%;

    background:rgba(47,134,180,.25); 

     border:2px solid rgba(255,255,255,.3); 

     border-radius:18px;}

.hTitlew span{color:#fff;}

.processMain{position:relative; margin-top:35px;}



.process li{float:left;width:20%;padding:25px 28px; text-align:center; transition:all .5s;z-index:2;}

.process li span{ border:2px solid #fff; border-radius:50%; height:96px; width:98px; display: inline-block; text-align:center; padding-top:26px;}

.process li i{display:inline-block;width:42px;height:38px;background: url('../images/advIcon.png') no-repeat;transition:all .5s;position: relative;}

.process li p{margin:15px 0 0 0;font-size:18px; color:#fff; line-height:1.2;}

.process li p span{display: block;font-size:12px;font-family:Arial;opacity:.4;font-weight:400;margin-top:10px;}





.process li:nth-child i{background-position: -84px 0;}

.process li:nth-child(1) i{background-position: -126px 0;}

.process li:nth-child(4) i{background-position: -168px 0;}

.process li:nth-child(5) i{background-position: -252px 0;}

.process li:nth-child(2) i{background-position: -294px 0;}



/****

.process li span:hover{background:#fff; }

.process li:hover i{background-position: 0 -38px; }

.process li:nth-child:hover i{background-position: -84px -38px;}

.process li:nth-child(1):hover i{background-position: -126px -38px;}

.process li:nth-child(4):hover i{background-position: -168px -38px;}

.process li:nth-child(5):hover i{background-position: -252px -38px;}

.process li:nth-child(2):hover i{background-position: -294px -38px;}

**///



@media (min-width: 1200px) {

  .index-about .container {

    padding: 0 1.29166667%;

  }

}

.index-about .txt p {

  color: #fff;

}

@media (min-width: 992px) {

  .index-about .txt p {

    font-size: 16px; line-height:34px;

  }



}

@media (min-width: 992px) and (max-width: 1199px) {

  .index-about .txt p {

    font-size: 17px;

  }

}

.index-about .num-box {

  padding: 30px 0;

  color: #fff;

}

@media (max-width: 767px) {

  .index-about .num-box {

    padding: 15px 0;

  }

}

.index-about .about-scroll {

  position: absolute;

  left: 50%;

  bottom: 0;

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

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

          transform: translateX(-50%) translateY(50%);

  z-index: 2;

}

.index-about .about-scroll a {

  width: 64px;

  height: 64px;

  font-size: 24px;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  border-radius: 50%;

  background-color: #fff;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

  color: #08579e;

}

.index-about .about-scroll a:before {

  -webkit-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

          transform: rotate(90deg);

}

.index-about .about-scroll a:active {

  background-color: #08579e;

  color: #fff;

}

@media (min-width: 1200px) {

  .index-about .about-scroll a {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .index-about .about-scroll a:hover {

    background-color: #08579e;

    color: #fff;

  }

}





@media (max-width: 991px) {

  .index-about .about-scroll a {

    width: 50px;

    height: 50px;

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .index-about .about-scroll a {

    width: 40px;

    height: 40px;

    font-size: 16px;

  }

}

.index-equipment .list {

  margin-top: -30px;

}

.index-equipment .list > li {

  margin-top: 30px;

}

@media (max-width: 575px) {

  .index-equipment .list {

    margin-top: -20px;

  }

  .index-equipment .list > li {

    margin-top: 20px;

    width: 100%;

  }

}

.index-equipment .list .img-box {

  padding-bottom: 66.66666667%;

  margin-bottom: -13.33333333%;

}

@media (min-width: 1200px) {

  .index-equipment .list .item img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .index-equipment .list .item:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .index-equipment .list .item:hover h3,

  .index-equipment .list .item:hover .more a {

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #08579e;

  }

}

.index-equipment .list .info {

  background-color: #fff;

  margin: 0 10px;

  position: relative;

  z-index: 2;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

  padding: 8.13953488% 6.97674419%;

}

.index-equipment .list h3 {

  margin: 0 0 10px;

}

@media (max-width: 1199px) {

  .index-equipment .list h3 {

    font-size: 22px;

  }

}

@media (max-width: 767px) {

  .index-equipment .list h3 {

    font-size: 20px;

  }

}

.index-equipment .list p {

  font-size: 18px;

  line-height: 1.55555556;

  color: #666666;

  margin-bottom: 20px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  -webkit-line-clamp: 2;

  height: auto;

}

@media (max-width: 1199px) {

  .index-equipment .list p {

    font-size: 16px;

    margin-bottom: 10px;

  }

}

@media (max-width: 767px) {

  .index-equipment .list p {

    font-size: 15px;

  }

}

.index-equipment .list .more a {

  color: #666;

  font-size: 16px;

}

@media (max-width: 767px) {

  .index-equipment .list .more a {

    font-size: 14px;

  }

}

@media (max-width: 1199px) {

  .index-equipment .list .more a:active {

    text-decoration: underline;

  }

}

@media (min-width: 1200px) {

  .index-equipment .list .more a:hover {

    text-decoration: underline;

  }

}

.index-qualification .title h2 b {

  opacity: 0.4;

}

@media (min-width: 1200px) {

  .index-qualification .honor-wrap .slick-honor {

    margin-bottom: 45px;

  }

  .index-qualification .honor-wrap .slick-honor .slick-track {

    display: -webkit-box;

    display: flex;

  }

  .index-qualification .honor-wrap .slick-honor .slick-slide {

    -webkit-transform: scale(0.9);

        -ms-transform: scale(0.9);

            transform: scale(0.9);

    -webkit-transform-origin: center left;

        -ms-transform-origin: center left;

            transform-origin: center left;

    -webkit-transition: -webkit-transform 0.6s;

    transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    transition: transform 0.6s, -webkit-transform 0.6s;

    padding: 40px 10px;

  }

  .index-qualification .honor-wrap .slick-honor .slide-prev {

    -webkit-transform: scale(0.9) translateX(-6%);

        -ms-transform: scale(0.9) translateX(-6%);

            transform: scale(0.9) translateX(-6%);

    -webkit-transform-origin: center left;

        -ms-transform-origin: center left;

            transform-origin: center left;

  }

  .index-qualification .honor-wrap .slick-honor .slide-next {

    -webkit-transform: scale(0.9) translateX(6%);

        -ms-transform: scale(0.9) translateX(6%);

            transform: scale(0.9) translateX(6%);

    -webkit-transform-origin: center right;

        -ms-transform-origin: center right;

            transform-origin: center right;

  }

  .index-qualification .honor-wrap .slick-honor .slide-next + .slick-slide {

    -webkit-transform-origin: center right;

        -ms-transform-origin: center right;

            transform-origin: center right;

  }

  .index-qualification .honor-wrap .slick-honor .slick-center {

    -webkit-transform-origin: center center !important;

        -ms-transform-origin: center center !important;

            transform-origin: center center !important;

    z-index: 5;

    position: relative;

    -webkit-transform: scale(1.2) !important;

        -ms-transform: scale(1.2) !important;

            transform: scale(1.2) !important;

  }

}

@media (max-width: 1199px) {

  .index-qualification .honor-wrap .slick-honor .slick-list {

    margin: 0 -10px;

  }

  .index-qualification .honor-wrap .slick-honor .slick-slide {

    padding: 0 10px;

  }

}

.index-qualification .honor-wrap .slick-honor .pic {

  display: block;

  position: relative;

  border: 10px solid #fff;

}

@media (min-width: 1200px) {

  .index-qualification .honor-wrap .slick-honor .pic img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .index-qualification .honor-wrap .slick-honor .pic:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

.index-qualification .honor-wrap .slick-honor .img-box {

  padding-bottom: 141.81818182%;

}

.index-feedback .slick-feedback {

  margin-top: -10px;

}

@media (min-width: 1200px) {

  .index-feedback .slick-feedback {

    padding: 0 105px;

  }

}

.index-feedback .slick-slide {

  padding-top: 40px;

  padding-bottom: 10px;

}

@media (max-width: 575px) {

  .index-feedback .slick-slide {

    padding-top: 20px;

  }

}

.index-feedback .item {

  padding: 45px 30px 30px;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

  position: relative;

  border-radius: 8px;

}

@media (min-width: 1200px) {

  .index-feedback .item {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .index-feedback .item:hover {

    -webkit-transform: translateY(-10px);

        -ms-transform: translateY(-10px);

            transform: translateY(-10px);

  }

}

@media (max-width: 767px) {

  .index-feedback .item {

    padding: 35px 20px 20px;

  }

}

.index-feedback .item:before {

  content: '';

  position: absolute;

  left: 7.01754386%;

  top: 0;

  font-size: 54px;

  color: #08579e;

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e652';

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

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

          transform: translateY(-50%);

}

@media (max-width: 1199px) {

  .index-feedback .item:before {

    font-size: 50px;

  }

}

@media (max-width: 991px) {

  .index-feedback .item:before {

    font-size: 46px;

  }

}

@media (max-width: 767px) {

  .index-feedback .item:before {

    font-size: 42px;

  }

}

@media (max-width: 575px) {

  .index-feedback .item:before {

    font-size: 38px;

  }

}

@media (min-width: 576px) {

  .index-feedback .item .txt {

    min-height: 110px;

  }

}

@media (min-width: 992px) {

  .index-feedback .item .txt p {

    font-size: 18px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .index-feedback .item .txt p {

    font-size: 17px;

  }

}

.index-feedback .item .info {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  padding-top: 20px;

  margin-top: 20px;

  border-top: 1px solid #e6e6e6;

}

.index-feedback .item .pic {

  width: 100px;

  -webkit-box-flex: 0;

          flex: 0 0 auto;

}

.index-feedback .item .pic .img-box {

  border-radius: 50%;

}

@media (max-width: 991px) {

  .index-feedback .item .pic {

    width: 80px;

  }

}

@media (max-width: 767px) {

  .index-feedback .item .pic {

    width: 60px;

  }

}

.index-feedback .item .intro {

  -webkit-box-flex: 1;

          flex: 1 0 0%;

  padding-left: 15px;

}

.index-feedback .item .intro .name {

  font-size: 24px;

}

@media (max-width: 1199px) {

  .index-feedback .item .intro .name {

    font-size: 22px;

  }

}

@media (max-width: 991px) {

  .index-feedback .item .intro .name {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .index-feedback .item .intro .name {

    font-size: 18px;

  }

}

.index-feedback .item .intro p {

  font-size: 16px;

  color: #666;

}

@media (max-width: 991px) {

  .index-feedback .item .intro p {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .index-feedback .item .intro p {

    font-size: 14px;

  }

}

@media (min-width: 1200px) {

  .index-news .slick-dots {

    margin-top: 20px;

  }

}

.index-news .slick-dots li {

  width: 40px;

  height: 4px;

  border-radius: 0;

}

@media (min-width: 1200px) {

  .index-news .slick-dots li {

    margin: 0 8px;

  }

}

@media (max-width: 767px) {

  .index-news .slick-dots li {

    width: 20px;

    height: 3px;

  }

}

@media (min-width: 1200px) {

  .index-news .item img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .index-news .item:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .index-news .item:hover .intro {

    color: #08579e;

  }

}

.index-news .item .img-box {

  padding-bottom: 66.66666667%;

}

.index-news .item .pic {

  position: relative;

}

.index-news .item .date {

  position: absolute;

  left: 0;

  top: 15px;

  z-index: 3;

  font-size: 16px;

  color: #fff;

  background-color: #08579e;

  border-radius: 0 30px 30px 0;

  padding: 9px 15px;

}

@media (max-width: 767px) {

  .index-news .item .date {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .index-news .item .date {

    font-size: 12px;

    padding: 6px 20px 6px 10px;

  }

}

.index-news .item .intro {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

          justify-content: space-between;

  margin-top: 20px;

  border-top: 1px dashed #666;

  border-bottom: 1px dashed #666;

}

.index-news .item .intro h3 {

  -webkit-box-flex: 1;

          flex: 1 0 0%;

  font-size: 18px;

  margin: 20px 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 991px) {

  .index-news .item .intro h3 {

    font-size: 16px;

    margin: 15px 0;

  }

}

.index-news .item .intro .more {

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  margin-left: 5px;

}

.public-banner {

  width: 100%;

  overflow: hidden;

  position: relative;

}


.public-banner h2{
  position: absolute;
    
    z-index: 555;
     top: 47%;
    color: #fff;
    font-weight: bold;
    font-family: 微软雅黑;
	}

.public-banner img {

  position: relative;

  display: block;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}

@media (max-width: 1199px) {

  .public-banner img {

    width: 100%;

  }
.public-banner h2{ top: 30%;font-size:20px;}
}

@media (max-width: 575px) {

  .public-banner img {

    width: 160%;

  }

}

.public-banner .title {

  position: absolute;

  left: 0;

  top: 50%;

  z-index: 2;

  width: 100%;

  margin: 0;

  -webkit-transform: translateY(-80%);

      -ms-transform: translateY(-80%);

          transform: translateY(-80%);

}

@media (max-width: 1199px) {

  .public-banner .title {

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

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

            transform: translateY(-50%);

  }

}

.public-banner .title h2,

.public-banner .title p {

  width: 55%;

}

.public-banner .title h2 {

  font-size: 75px;

}

@media (max-width: 1469px) {

  .public-banner .title h2 {

    font-size: 50px;

  }

}

@media (max-width: 1199px) {

  .public-banner .title h2 {

    font-size: 36px;

  }

}

@media (max-width: 991px) {

  .public-banner .title h2 {

    font-size: 30px;

  }

}

@media (max-width: 575px) {

  .public-banner .title h2 {

    font-size: 26px;

  }

}

.public-banner .title p {

  font-size: 17px;

  line-height: 1.76470588;

  margin: 0;

}

@media (max-width: 1199px) {

  .public-banner .title p {

    font-size: 16px;

  }

}

@media (max-width: 991px) {

  .public-banner .title p {

    font-size: 15px;

  }

}

@media (max-width: 575px) {

  .public-banner .title p {

    display: none;

  }

}

.public-banner .learn-more {

  position: absolute;

  left: 50%;

  bottom: 5%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  z-index: 2;

}

@media (max-width: 1199px) {

  .public-banner .learn-more {

    display: none;

  }

}

.breadcrumb-box {

  background-color: #f5f5f5;

  padding: 16px 0;

}

@media (max-width: 991px) {

  .breadcrumb-box {

    padding: 12px 0;

  }

}

@media (max-width: 767px) {

  .breadcrumb-box {

    padding: 8px 0;

  }

}

.breadcrumb {

  margin: 0;

  padding: 0;

  position: relative;

  z-index: 2;

  text-transform: uppercase;

  background: none;

  font-size: 16px;

  color: #666666;

}

@media (max-width: 991px) {

  .breadcrumb {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .breadcrumb {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .breadcrumb {

    font-size: 13px;

  }

}

.breadcrumb li:first-child:before {

  display: inline-block;

  -webkit-transform: translateY(-2px);

      -ms-transform: translateY(-2px);

          transform: translateY(-2px);

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e633';

  font-size: 1.2em;

  margin-right: 10px;

  vertical-align: middle;

}

@media (max-width: 767px) {

  .breadcrumb li:first-child:before {

    margin-right: 5px;

  }

}

.breadcrumb li a,

.breadcrumb li span {

  color: inherit;

  display: inline-block;

  vertical-align: middle;

}

@media (min-width: 1200px) {

  .breadcrumb li a:hover {

    text-decoration: underline;

    color: #08579e;

  }

}

@media (max-width: 1199px) {

  .breadcrumb li a:active {

    text-decoration: underline;

    color: #08579e;

  }

}

.breadcrumb > li + li:before {

  padding: 0 4px 0 3px;

  content: '/';

  color: inherit;

  display: inline-block;

  vertical-align: middle;

}

@media (max-width: 767px) {

  .breadcrumb > li + li:before {

    padding: 0 3px 0 5px;

  }

}

.xs-product-nav {

  line-height: 1.8;

  margin: 0 -8px 20px;

  text-transform: capitalize;

}

@media (max-width: 575px) {

  .xs-product-nav {

    font-size: 1.1em;

    margin: 0 -6px 20px;

  }

}

.xs-product-nav li {

  display: inline-block;

  vertical-align: top;

  padding: 0 8px;

}

@media (max-width: 575px) {

  .xs-product-nav li {

    padding: 0 6px;

  }

}

.xs-product-nav .active {

  font-weight: bold;

  color: #08579e;

}

.inside-nav {

  background-color: #f5f5f5;

}

.inside-nav ul {

  display: -webkit-box;

  display: flex;

  flex-wrap: wrap;

  position: relative;

  font-size: 18px;

  color: #666666;

  margin: 0 -10px;

}

@media (max-width: 991px) {

  .inside-nav ul {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .inside-nav ul {

    font-size: 14px;

    margin: 0 -5px;

  }

}

@media (max-width: 575px) {

  .inside-nav ul {

    font-size: 3vmin;

  }

}

.inside-nav li {

  padding: 0 10px;

}

@media (min-width: 576px) {

  .inside-nav li {

    -webkit-box-flex: 1;

            flex: 1;

  }

}

@media (max-width: 767px) {

  .inside-nav li {

    padding: 0 5px;

  }

}

@media (max-width: 575px) {

  .inside-nav li {

    width: 50%;

  }

}

.inside-nav a {

  text-align: center;

  overflow: hidden;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  position: relative;

  height: 100%;

}

@media (min-width: 1200px) {

  .inside-nav a:hover {

    color: #08579e;

  }

}

@media (min-width: 768px) {

  .inside-nav a {

    min-height: 56px;

  }

}

@media (max-width: 767px) {

  .inside-nav a {

    padding: 10px 0;

  }

}

.inside-nav .active a {

  background-color: #08579e;

  color: #fff;

}

.product2-nav {

  border-top: 1px solid #d2d2d2;

  border-bottom: 1px solid #d2d2d2;

  padding: 10px 0;

  margin-bottom: 60px;

  text-align: center;

}

@media (max-width: 1199px) {

  .product2-nav {

    margin-bottom: 50px;

  }

}

@media (max-width: 991px) {

  .product2-nav {

    margin-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .product2-nav {

    margin-bottom: 30px;

  }

}

.product2-nav li {

  display: inline-block;

  vertical-align: middle;

  font-size: 16px;

  padding: 0 35px;

}

@media (max-width: 1469px) {

  .product2-nav li {

    padding: 0 30px;

  }

}

@media (max-width: 1349px) {

  .product2-nav li {

    padding: 0 25px;

  }

}

@media (max-width: 1199px) {

  .product2-nav li {

    padding: 0 20px;

  }

}

@media (max-width: 991px) {

  .product2-nav li {

    padding: 0 15px;

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .product2-nav li {

    font-size: 14px;

    padding: 0 10px;

  }

}

@media (max-width: 575px) {

  .product2-nav li {

    font-size: 3vmin;

    padding: 0 2vmin;

  }

}

.product2-nav li a {

  display: block;

  padding: 5px 0;

}

@media (min-width: 1200px) {

  .product2-nav li a:hover {

    color: #08579e;

  }

}

.product2-nav .active {

  color: #08579e;

}

.list-l {

  position: relative;

  z-index: 5;

}

.menu-wrap .fixed-slide .title {

  background-color: #08579e;

  color: #fff;

  margin: 0;

}

.menu-wrap .fixed-slide .title h2 {

  margin: 0;

  padding: 23px 25px; color:#fff;
  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

          justify-content: space-between;

}

.menu-wrap .fixed-slide .title h2:after {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\e64c";

}

.menu-wrap .menu1 {

  font-size: 18px;

  border: 1px solid #e6e6e6;

  border-top: none;

}

.menu-wrap .menu1 > li {

  position: relative;

  margin: 0 -1px;

  -webkit-perspective: 500;

          perspective: 500;

}

.menu-wrap .menu1 > li:first-child > a > span {

  border-top: none;

}

.menu-wrap .menu1 > li > a {

  display: block;

  padding: 0 25px;

}

.menu-wrap .menu1 > li > a > span {

  padding: 20px 0;

  border-top: 1px solid #e6e6e6;

  display: block;

}

@media (min-width: 1200px) {

  .menu-wrap .menu1 > li:hover > a {

    text-decoration: underline;

    color: #08579e;

  }

  .menu-wrap .menu1 > li:hover .menu2 {

    visibility: visible;

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

    opacity: 1;

  }

}

.menu-wrap .menu1 > li.active {

  background-color: #08579e;

}

.menu-wrap .menu1 > li.active > a {

  color: #fff;

  position: relative;

}

.menu-wrap .menu1 > li.active > a:before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

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

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

          transform: translateY(-50%);

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 7px 0 7px 8px;

  border-color: transparent transparent transparent #fff;

}

.menu-wrap .menu1 > li.active > a > span {

  border-color: transparent;

}

.menu-wrap .menu2 {

  position: absolute;

  left: 100%;

  top: 0;

  width: 445px;

  display: -webkit-box;

  display: flex;

  flex-wrap: wrap;

  background-color: #f5f5f5;

  padding: 10px 10px 20px;

  visibility: hidden;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  opacity: 0;

  -webkit-transform: rotateY(50deg);

          transform: rotateY(50deg);

  -webkit-transform-origin: left top;

      -ms-transform-origin: left top;

          transform-origin: left top;

}

.menu-wrap .menu2 > li {

  width: 50%;

  color: #666;

  padding: 0 10px;

  font-size: 15px;

  margin-top: 10px;

}

@media (min-width: 1200px) {

  .menu-wrap .menu2 > li > a:hover {

    text-decoration: underline;

    color: #08579e;

  }

}

.menu-wrap .menu2 > li.active > a {

  text-decoration: underline;

  color: #08579e;

}

.inside-page .content {

  padding: 75px 0;

}

@media (max-width: 1469px) {

  .inside-page .content {

    padding: 60px 0;

  }

}

@media (max-width: 1199px) {

  .inside-page .content {

    padding: 50px 0;

  }

}

@media (max-width: 991px) {

  .inside-page .content {

    padding: 40px 0;

  }

}

@media (max-width: 767px) {

  .inside-page .content {

    padding: 30px 0;

  }

}

.inside-page .title {

  margin-bottom: 25px;

}

@media (max-width: 767px) {

  .inside-page .title {

    margin-bottom: 20px;

  }

}

.inside-page .title h2 {

  font-size: 28px;

  margin: 0; color:#08579e;

  font-weight: normal;

}

@media (max-width: 1199px) {

  .inside-page .title h2 {

    font-size: 21px;

  }

}

@media (max-width: 991px) {

  .inside-page .title h2 {

    font-size: 21px;

  }

}

@media (max-width: 767px) {

  .inside-page .title h2 {

    font-size: 21px;

  }

}

@media (max-width: 1199px) {

  .download-list {

    margin-top: -30px;

  }

}

@media (max-width: 767px) {

  .download-list {

    margin-top: -20px;

  }

}

.download-list li {

  margin-top: 30px;

}

@media (max-width: 767px) {

  .download-list li {

    margin-top: 20px;

  }

}

.download-list .item {

  overflow: hidden;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  position: relative;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

}

@media (min-width: 1200px) {

  .download-list .item img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .download-list .item:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .download-list .item:hover .download-btn a {

    background-color: #08579e;

    color: #fff;

    border-color: #08579e;

  }

}

@media (max-width: 1199px) {

  .download-list .item {

    width: 750px;

    margin: 0 auto;

    max-width: 100%;

  }

}

@media (min-width: 576px) {

  .download-list .item {

    display: -webkit-box;

    display: flex;

  }

}

.download-list h3 {

  margin: 0 0 10px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  -webkit-line-clamp: 2;

  height: auto;

  font-size: 20px;

  font-weight: normal;

}

@media (max-width: 1199px) {

  .download-list h3 {

    font-size: 18px;

  }

}

.download-list .pic {

  overflow: hidden;

}

@media (min-width: 576px) {

  .download-list .pic {

    width: 47.82608696%;

  }

}

.download-list .pic .img-box {

  padding-bottom: 66.66666667%;

}

.download-list .intro {

  padding: 4.34782609% 3.62318841%;

}

@media (min-width: 576px) {

  .download-list .intro {

    width: 52.17391304%;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

  }

}

.download-list .intro > div {

  width: 100%;

}

.download-list .type span {

  font-size: 15px;

  color: #666;

  display: inline-block;

  margin-right: 10px;

  margin-top: 10px;

}

.download-list .num {

  font-size: 24px;

  font-weight: bold;

  opacity: 0.33;

  position: absolute;

  right: 6%;

  top: 15%;

  color: transparent;

  -webkit-text-stroke: 1px #08579e;

}

@media (max-width: 575px) {

  .download-list .num {

    right: 3%;

    top: 3%;

    font-size: 20px;

  }

}

.download-list .download-btn {

  margin-top: 5%;

}

.download-list .download-btn a {

  border: 1px solid #e5e5e5;

  font-size: 15px;

  display: -webkit-inline-box;

  display: inline-flex;

  color: #666;

  -webkit-box-align: center;

          align-items: center;

  padding: 8px 17px;

}

.download-list .download-btn a:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e647';

  margin-right: 10px;

  line-height: 1;

}

.download-list .download-btn a:active {

  -webkit-transform: scale(0.95);

      -ms-transform: scale(0.95);

          transform: scale(0.95);

  background-color: #08579e;

  color: #fff;

}

@media (min-width: 1200px) {

  .download-list .download-btn a {

    -webkit-transition: background-color 0.4s;

    transition: background-color 0.4s;

  }

  @-webkit-keyframes jump {

    0% {

      -webkit-transform: translateY(-2px);

              transform: translateY(-2px);

      -webkit-animation-timing-function: ease-in;

              animation-timing-function: ease-in;

    }

    50% {

      -webkit-transform: translateY(2px);

              transform: translateY(2px);

      -webkit-animation-timing-function: ease-out;

              animation-timing-function: ease-out;

    }

    100% {

      -webkit-transform: translateY(-2px);

              transform: translateY(-2px);

      -webkit-animation-timing-function: ease-in;

              animation-timing-function: ease-in;

    }

  }

  @keyframes jump {

    0% {

      -webkit-transform: translateY(-2px);

              transform: translateY(-2px);

      -webkit-animation-timing-function: ease-in;

              animation-timing-function: ease-in;

    }

    50% {

      -webkit-transform: translateY(2px);

              transform: translateY(2px);

      -webkit-animation-timing-function: ease-out;

              animation-timing-function: ease-out;

    }

    100% {

      -webkit-transform: translateY(-2px);

              transform: translateY(-2px);

      -webkit-animation-timing-function: ease-in;

              animation-timing-function: ease-in;

    }

  }

  .download-list .download-btn a:hover:before {

    -webkit-animation: jump 1s infinite;

            animation: jump 1s infinite;

  }

}

@media (max-width: 1469px) {

  .download-list .download-btn a {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .download-list .download-btn a {

    font-size: 12px;

    padding: 6px 16px;

  }

}

.download-wrap {

  overflow: hidden;

}

@media (max-width: 575px) {

  .news-wrap .inside-nav li,

  .faq-wrap .inside-nav li {

    width: 33.333%;

  }

}

.faq-list li {

  margin-top: 15px;

  padding: 0 30px;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

}

@media (max-width: 575px) {

  .faq-list li {

    padding: 0 15px;

  }

}

.faq-list li.active > .question h3 {

  color: #08579e;

}

.faq-list li.active > .question h3:after {

  -webkit-transform: rotate(0);

      -ms-transform: rotate(0);

          transform: rotate(0);

}

.faq-list li .question {

  display: block;

  position: relative;

  cursor: pointer;

  padding: 25px 0;

}

@media (min-width: 1200px) {

  .faq-list li .question:hover h3 {

    color: #08579e;

  }

}

@media (max-width: 575px) {

  .faq-list li .question {

    padding: 15px 0;

  }

}

.faq-list li .question h3 {

  -webkit-transition: 0.4s;

  transition: 0.4s;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: start;

          align-items: flex-start;

  margin: 0;

  font-size: 20px;

}

.faq-list li .question h3:before,

.faq-list li .question h3:after {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #666666;

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.faq-list li .question h3:before {

  content: '\e689';

  font-size: 1.25em;

  display: block;

  z-index: 2;

  margin-right: 15px;

}

@media (max-width: 767px) {

  .faq-list li .question h3:before {

    margin-right: 10px;

  }

}

.faq-list li .question h3:after {

  content: "\e602";

  font-size: 1.3em;

  line-height: 1;

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg);

}

.faq-list li .question h3 span {

  padding-top: 2px;

  -webkit-box-flex: 1;

          flex: 1 0 0%;

  padding-right: 15px;

}

@media (max-width: 767px) {

  .faq-list li .question h3 {

    font-size: 18px;

  }

}

@media (max-width: 575px) {

  .faq-list li .question h3 {

    font-size: 16px;

  }

}

.faq-list li .question .fold-btn {

  right: 0;

  top: 0;

  width: 70px;

  height: 100%;

  color: #333;

  font-weight: 900;

  position: absolute;

}

.faq-list li .question .fold-btn:before,

.faq-list li .question .fold-btn:after {

  position: absolute;

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  width: 100%;

  top: 50%;

  display: block;

  text-align: center;

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

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

          transform: translateY(-50%);

  font-size: 18px;

}

.faq-list li .question .fold-btn:before {

  content: '\e629';

}

.faq-list li .question .fold-btn:after {

  content: '\e628';

  display: none;

}

@media (max-width: 767px) {

  .faq-list li .question .fold-btn {

    width: 50px;

  }

  .faq-list li .question .fold-btn:before,

  .faq-list li .question .fold-btn:after {

    font-size: 16px;

  }

}

.faq-list li .txt {

  border-top: 1px solid #e6e6e6;

  padding: 25px 0;

  display: none;

  position: relative;

}

@media (max-width: 575px) {

  .faq-list li .txt {

    padding: 15px 0;

  }

}

.news-wrap .date,

.news-details-wrap .date {

  font-size: 15px;

  color: #666;

}

.news-list {

  margin-top: -35px;

}

.news-list > li {

  margin-top: 35px;

}

@media (max-width: 575px) {

  .news-list {

    margin-top: -25px;

  }

  .news-list > li {

    margin-top: 25px;

    width: 100%;

  }

}

.news-list .img-box {

  padding-bottom: 66.66666667%;

}

.news-list .item {

  padding: 30px;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

}

@media (min-width: 1200px) {

  .news-list .item img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .news-list .item:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .news-list .item:hover .more a {

    background-color: #08579e;

    color: #fff;

    border-color: #08579e;

  }

  .news-list .item:hover h3 {

    color: #08579e;

  }

}

@media (max-width: 991px) {

  .news-list .item {

    padding: 15px;

  }

}

.news-list .item p {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  -webkit-line-clamp: 2;

  height: auto;

}

.news-list .info-box {

  padding: 25px 0;

  border-bottom: 1px solid #e6e6e6;

  margin-bottom: 25px;

}

@media (min-width: 1200px) {

  .news-list .info-box {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

            align-items: center;

    -webkit-box-pack: center;

            justify-content: center;

  }

}

@media (max-width: 1199px) {

  .news-list .info-box {

    padding: 15px 0;

    margin-bottom: 15px;

  }

}

@media (min-width: 1200px) {

  .news-list .info {

    -webkit-box-flex: 1;

            flex: 1 0 0%;

    padding-right: 15px;

    width: -webkit-calc(100% - 120px);

    width: calc(100% - 120px);

  }

}

.news-list h3 {

  margin: 5px 0 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 20px;

}

@media (max-width: 1199px) {

  .news-list h3 {

    font-size: 18px;

  }

}

.news-list .more {

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  width: 120px;

}

.news-list .more a {

  display: block;

  color: #666;

  font-size: 16px;

  padding: 10px 25px;

  border: 1px solid #e5e5e5;

  border-radius: 22px;

}

@media (min-width: 1200px) {

  .news-list .more a {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .news-list .more a:hover {

    background-color: #08579e;

    color: #fff;

    border-color: #08579e;

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .news-list .more a:active {

    background-color: #08579e;

    color: #fff;

    border-color: #08579e;

  }

}

@media (min-width: 1200px) {

  .news-details-wrap .container {

    width: 1170px;

  }

}

.news-details-wrap .info {

  margin-bottom: 25px;

  padding-bottom: 25px;

  border-bottom: 1px solid #e3e3e3;

  position: relative;

}

@media (max-width: 767px) {

  .news-details-wrap .info {

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

}

.news-details-wrap h1 {

  margin: 0 0 20px;

  font-size: 2em;

}

@media (max-width: 1199px) {

  .news-details-wrap h1 {

    font-size: 1.8em;

  }

}

@media (max-width: 991px) {

  .news-details-wrap h1 {

    font-size: 1.6em;

  }

}

@media (max-width: 767px) {

  .news-details-wrap h1 {

    font-size: 1.4em;

  }

}

.news-details-wrap .news-page {

  overflow: hidden;

  margin-top: 40px;

}

@media (max-width: 991px) {

  .news-details-wrap .news-page {

    margin-top: 35px;

  }

}

@media (max-width: 767px) {

  .news-details-wrap .news-page {

    margin-top: 25px;

  }

}

@media only screen and (min-width: 1200px) {

  .news-details-wrap .news-page a:hover {

    color: #08579e;

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .news-details-wrap .news-page a:active {

    color: #08579e;

    text-decoration: underline;

  }

}

.news-details-wrap .news-page p {

  font-size: 16px;

  margin: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 991px) {

  .news-details-wrap .news-page p {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .news-details-wrap .news-page p {

    font-size: 14px;

  }

}

.news-details-wrap .news-page .next {

  margin-top: 15px;

}

@media (max-width: 767px) {

  .news-details-wrap .news-page .next {

    margin-top: 10px;

  }

}

.product-list .slick-list {

  margin: -15px -15px -15px;

}

@media (max-width: 1199px) {

  .product-list .slick-list {

    margin: -15px -15px 0;

  }

}

.product-list .slick-slide {

  padding: 15px 15px 0;

}

@media (max-width: 575px) {

  .product-list .slick-list {

    margin: -8px -8px 0;

  }

  .product-list .slick-slide {

    padding: 8px;

  }

}

@media (max-width: 1199px) {

  .product-list > li {

    margin-top: 25px;

  }

}

@media (max-width: 575px) {

  .product-list > li {

    width: 50%;

    padding: 0 8px;

  }

}

.product-list .item {

  position: relative;

  overflow: hidden;

  margin-bottom:40px;

}

@media (min-width: 1200px) {

  .product-list .item img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .product-list .item:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .product-list .item:hover .name {

    color: #08579e;

  }

  .product-list .item:hover .img-box .top {

    -webkit-transform: rotateY(180deg);

            transform: rotateY(180deg);

  }

  .product-list .item:hover .img-box .bottom {

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

    opacity: 1;

  }

}



.product-list .item .pic{border: 1px solid #e5e5e5;}



.product-list .img-box img {

  -webkit-transition: 0.8s;

  transition: 0.8s;

}

.product-list .img-box .top {

  z-index: 2;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}

.product-list .img-box .bottom {

  -webkit-transform: rotateY(-180deg);

          transform: rotateY(-180deg);

  opacity: 0;

}





.product-list .info{

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

          justify-content: space-between;

  font-size: 18px;

  position: relative;

  margin-top: 10px;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.product-list .info:before {

  content: '';

  position: absolute;

  top: 0;

  width: 2px;

  left: 0;

  height: 100%;

  background-color: #08579e;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

@media (max-width: 991px) {

.product-list .info {

    font-size: 16px;

  }

  .product-list .item{ margin-bottom:15px;} 

}

@media (max-width: 767px) {

 .product-list .info {

    font-size: 15px;

  }

}

.product-list.info > * {

  position: relative;

  z-index: 2;

}

.product-list .info h3 {

  -webkit-box-flex: 1;

          flex: 1 0 0%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 0;

  font-size: 1em;

   z-index:666;

  padding: 0 12px;

  line-height: 50px;

}

@media (max-width: 1199px) {

  .product-list .info h3 {

    padding: 0 10px;

    line-height: 40px;

  }

}

@media (max-width: 767px) {

  .product-list .info h3 {

    line-height: 30px;

  }

}

.product-list .info .add-btn {

  font-size: 1em;

  margin: 0 15px;

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  cursor: pointer;

  color: #666666; border:1px solid #666; height:30px; width:30px; border-radius:50%; text-align:center; line-height:26px;

}

@media (min-width: 1200px) {

.product-list .info .add-btn {

    -webkit-transition: color 0.6s, -webkit-transform 0.6s;

    transition: color 0.6s, -webkit-transform 0.6s;

    transition: transform 0.6s, color 0.6s;

    transition: transform 0.6s, color 0.6s, -webkit-transform 0.6s;

  }

  .product-list .info .add-btn:hover {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }

}

@media (max-width: 1199px) {

  .product-list .info .add-btn {

    margin-right: 0;

  }

}





@media (min-width: 1200px) {

  .product-list .item:hover .info,

  .product-list .item:hover .info .add-btn {

    color: #fff;

	border-color: #fff; z-index:666;

  }

}



.product-list .item .info a:hover{}

.product-list .item:hover .info:before {

    width: 100%;  color:#fff

}







.product-wrap .public-banner .img-box {

  padding-bottom: 50%;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.product-wrap .public-banner .img-box img {

  position: absolute;

  top: 50%;

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

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

          transform: translateX(-50%) translateY(-50%);

  height: auto;

}

.product-wrap .content {

  overflow: hidden;

}

@media (max-width: 1199px) {

  .product-wrap .product-list,

  .search-none-wrap .product-list {

    margin-top: -25px;

  }

}

@media (max-width: 575px) {

  .product-wrap .product-list,

  .search-none-wrap .product-list {

    margin: -25px -8px 0;

  }

}

.product-details-wrap .details-tit,

.inquiry-wrap .details-tit {

  font-size: 30px;

  text-transform: capitalize;

  font-weight: normal;

  margin: 40px 0 15px;

}

@media (max-width: 1469px) {

  .product-details-wrap .details-tit,

  .inquiry-wrap .details-tit {

    font-size: 28px;

  }

}

@media (max-width: 1199px) {

  .product-details-wrap .details-tit,

  .inquiry-wrap .details-tit {

    font-size: 26px;

  }

}

@media (max-width: 991px) {

  .product-details-wrap .details-tit,

  .inquiry-wrap .details-tit {

    font-size: 24px;

    margin: 40px 0 15px;

  }

}

@media (max-width: 767px) {

  .product-details-wrap .details-tit,

  .inquiry-wrap .details-tit {

    font-size: 22px;

    margin: 35px 0 10px;

  }

}

@media (min-width: 992px) {

  .product-details-wrap .carousel-wrap .row {

    display: -webkit-box;

    display: flex;

  }

}

.product-details-wrap .carousel-wrap .row > div {

  padding: 0 15px;

}

@media (max-width: 991px) {

  .product-details-wrap .carousel-wrap {

    width: 550px;

    margin: 0 auto;

    max-width: 100%;

  }

}

@media (max-width: 575px) {

  .product-details-wrap .carousel-wrap {

    margin-bottom: 25px;

  }

}

@media (min-width: 1200px) {

  .product-details-wrap .carousel-wrap .carousel-box:hover .slider-for .slick-arrow {

    opacity: 1;

  }

}

@media (min-width: 992px) {

  .product-details-wrap .carousel-wrap .carousel-box {

    width: 55.55555556%;

  }

}

@media (max-width: 991px) {

  .product-details-wrap .carousel-wrap .carousel-box {

    margin-bottom: 30px;

  }

}

@media (min-width: 576px) {

  .product-details-wrap .carousel-wrap .carousel-box {

    -webkit-box-align: center;

            align-items: center;

    display: -webkit-box;

    display: flex;

  }

}

.product-details-wrap .carousel-wrap .carousel {

  position: relative;

}

.product-details-wrap .carousel-wrap .slider-for {

  overflow: hidden;

  position: relative;

  z-index: 2;

  border:1px solid #d2d2d2;

}

@media (min-width: 576px) {

  .product-details-wrap .carousel-wrap .slider-for {

    width: 79%;

  }

}

.product-details-wrap .carousel-wrap .slider-for .slick-arrow {

  opacity: 0;

  width: 32px;

  height: 56px;

  background-color: #f2f2f2;

  color: #08579e;

  border-radius: 0;

  border: none;

}

@media (min-width: 1200px) {

  .product-details-wrap .carousel-wrap .slider-for .slick-arrow {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .product-details-wrap .carousel-wrap .slider-for .slick-arrow:hover {

    background-color: #08579e;

    color: #fff;

  }

}

.product-details-wrap .carousel-wrap .slider-for .slick-prev {

  left: 10px;

}

.product-details-wrap .carousel-wrap .slider-for .slick-next {

  right: 10px;

}

@media (min-width: 576px) {

  .product-details-wrap .carousel-wrap .slider-nav {

    width: 21%;

  }

}

@media (max-width: 575px) {

  .product-details-wrap .carousel-wrap .slider-nav {

    margin-top: 5px;

  }

}

.product-details-wrap .carousel-wrap .slider-nav .slick-slide {

  padding: 5px 1px 5px 20px;

  border: none;

}

@media (max-width: 575px) {

  .product-details-wrap .carousel-wrap .slider-nav .slick-slide {

    padding: 0 5px;

  }

}

.product-details-wrap .carousel-wrap .slider-nav .slick-current .item {

  border-color: #08579e;

}

.product-details-wrap .carousel-wrap .slider-nav .product-video {

  position: relative;

}

.product-details-wrap .carousel-wrap .slider-nav .product-video:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  content: '';

  background-color: rgba(0, 0, 0, 0.25);

}

.product-details-wrap .carousel-wrap .slider-nav .product-video:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e62a';

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 3;

  color: #08579e;

  font-size: 14px;

  width: 30px;

  height: 30px;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  background-color: #fff;

  border-radius: 50%;

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

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

          transform: translateX(-50%) translateY(-50%);

}

.product-details-wrap .carousel-wrap .slider-nav .item {

  border: 1px solid #d2d2d2;

}

@media (min-width: 992px) {

  .product-details-wrap .carousel-wrap .info-box {

    width: 44.44444444%;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    justify-content: space-around;

  }

}

.product-details-wrap .carousel-wrap .breadcrumb {

  border-bottom: 1px solid #d9d9d9;

  padding: 10px 0;

}

@media (max-width: 991px) {

  .product-details-wrap .carousel-wrap .breadcrumb {

    padding-top: 0;

  }

}

.product-details-wrap .carousel-wrap .breadcrumb li {

  margin-bottom: 5px;

}

.product-details-wrap .carousel-wrap h1 {

  font-size: 30px;

  margin: 0 0 15px;

}

@media (max-width: 1469px) {

  .product-details-wrap .carousel-wrap h1 {

    font-size: 28px;

  }

}

@media (max-width: 1199px) {

  .product-details-wrap .carousel-wrap h1 {

    font-size: 26px;

  }

}

@media (max-width: 991px) {

  .product-details-wrap .carousel-wrap h1 {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .product-details-wrap .carousel-wrap h1 {

    font-size: 22px;

  }

}

.product-details-wrap .func-btn {

  width: 330px;

  max-width: 100%;

}

.product-details-wrap .func-btn .row {

  margin: 0 -15px;

}

@media (max-width: 575px) {

  .product-details-wrap .func-btn .row {

    margin: 0 -8px;

  }

}

.product-details-wrap .func-btn li {

  margin-top: 20px;

  padding: 0 15px;

}

@media (max-width: 575px) {

  .product-details-wrap .func-btn li {

    padding: 0 8px;

  }

}

.product-details-wrap .func-btn a {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  overflow: hidden;

  line-height: 48px;

  height: 48px;

  text-align: center;

  color: #666666;

  font-size: 16px;

  background-color: #e6e6e6;

  position: relative;

}

.product-details-wrap .func-btn a:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin-right: 5px;

}

.product-details-wrap .func-btn a:active {

  -webkit-transform: scale(0.95);

      -ms-transform: scale(0.95);

          transform: scale(0.95);

}

@media (min-width: 1200px) {

  .product-details-wrap .func-btn a {

    -webkit-transition: background-color 0.6s;

    transition: background-color 0.6s;

  }

  .product-details-wrap .func-btn a:hover {

    background-color: #08579e;

    color: #fff;

  }

}

@media (max-width: 575px) {

  .product-details-wrap .func-btn a {

    font-size: 3.6vmin;

    height: 38px;

    line-height: 38px;

    padding: 0 10px;

  }

}

.product-details-wrap .func-btn .add-btn:before {

  content: '\e61c';

}

.product-details-wrap .func-btn .inquiry-btn:before {

  content: '\e7f1';

}

@media (min-width: 1200px) {

  .product-details-wrap .inquiry-form input,

  .product-details-wrap .inquiry-form textarea {

    font-size: 16px;

    padding: 13px 20px;

  }

}

.product-details-wrap .inquiry-form .submit {

  margin: 0 0 0 auto;

}

.product-details-wrap .inquiry-form .submit:before {

  content: "\e7f1";

}

.product-details-wrap .details-related .details-tit {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

          justify-content: space-between;

}

@media (min-width: 1200px) {

  .product-details-wrap .slick-related {

    padding: 0 80px;

  }

  .product-details-wrap .slick-related .slick-arrow {

    margin-top: -50px;

  }

}

@media (max-width: 1199px) {

  .inquiry-wrap .inquiry-tit {

    margin-top: 0;

  }

}

.inquiry-wrap .details-tit {

  margin-bottom: 20px;

}

@media (max-width: 767px) {

  .inquiry-wrap .details-tit {

    margin-bottom: 15px;

  }

}

.inquiry-wrap .iq-title,

.inquiry-wrap .list li {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

          justify-content: space-between;

  text-align: center;

  padding-left: 60px;

  padding-right: 45px;

}

@media (max-width: 991px) {

  .inquiry-wrap .iq-title,

  .inquiry-wrap .list li {

    padding-left: 30px;

    padding-right: 30px;

  }

}

@media (max-width: 767px) {

  .inquiry-wrap .iq-title,

  .inquiry-wrap .list li {

    padding: 0 2%;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .iq-title,

  .inquiry-wrap .list li {

    flex-wrap: wrap;

  }

}

.inquiry-wrap .iq-title {

  background-color: #08579e;

  padding-top: 14px;

  padding-bottom: 14px;

  overflow: hidden;

}

.inquiry-wrap .iq-title .th {

  border: none;

  font-weight: normal;

  text-align: center;

  color: #fff;

}

.inquiry-wrap .iq-title .th.qty-box {

  text-align: center;

}

.inquiry-wrap .iq-title .th.introduce-box {

  text-align: center;

}

.inquiry-wrap .iq-title .th span {

  display: inline-block;

  vertical-align: middle;

}

@media only screen and (min-width: 768px) {

  .inquiry-wrap .iq-title .th.check-box label.replace:after {

    display: block;

  }

}

.inquiry-wrap .iq-title .pic-box {

  text-align: center;

  padding: 11px 0;

}

@media (max-width: 767px) {

  .inquiry-wrap .iq-title .check-box {

    padding: 0;

  }

}

@media (max-width: 767px) {

  .inquiry-wrap .iq-title .del-box {

    opacity: 0;

    width: 30px;

  }

}

.inquiry-wrap .inquiry-box {

  width: 100%;

  border: none;

  font-size: 18px;

}

@media (max-width: 991px) {

  .inquiry-wrap .inquiry-box {

    font-size: 16px;

  }

}

.inquiry-wrap .inquiry-box label {

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

  margin-bottom: 0;

}

.inquiry-wrap .inquiry-box label:before {

  background-color: #e6e6e6;

  border: 1px solid #d5d5d5;

  border-radius: 4px;

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .introduce-title {

    padding-left: 0px !important;

    text-align: center;

  }

}

.inquiry-wrap .inquiry-box .check-box {

  width: 70px;

  text-align: left;

}

@media (max-width: 576px) {

  .inquiry-wrap .inquiry-box .check-box {

    width: 100px;

  }

}

@media (max-width: 576px) and (max-width: 767px) {

  .inquiry-wrap .inquiry-box .check-box {

    width: 30px;

  }

}

.inquiry-wrap .inquiry-box .check-box .check-all {

  margin: 0;

}

.inquiry-wrap .inquiry-box .check-box .check-all > label {

  margin-right: 10px;

}

.inquiry-wrap .inquiry-box .check-box .check-all span {

  font-weight: normal;

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .check-box .check-all span {

    display: none;

  }

}

.inquiry-wrap .inquiry-box .check-box label.replace {

  display: inline-block;

  background-color: #fff;

  width: 20px;

  height: 20px;

  line-height: 18px;

  overflow: hidden;

  text-align: center;

  vertical-align: middle;

  position: relative;

  border: 1px solid #e3e3e3;

}

.inquiry-wrap .inquiry-box .check-box label.replace:after {

  position: absolute;

  left: 50%;

  top: 50%;

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

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

          transform: translateX(-50%) translateY(-50%);

  font-family: 'iconfont' !important;

  content: '\e624';

  opacity: 0;

  color: #08579e;

  font-size: 24px;

  line-height: 1;

  text-align: center;

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .check-box label.replace {

    margin-left: 5px;

    width: 16px;

    height: 16px;

    line-height: 14px;

  }

  .inquiry-wrap .inquiry-box .check-box label.replace:after {

    font-size: 20px;

  }

}

.inquiry-wrap .inquiry-box .check-box label.replace input {

  display: none;

}

.inquiry-wrap .inquiry-box .check-box label.change:after {

  opacity: 1;

}

.inquiry-wrap .inquiry-box .count-box {

  width: 60px;

}

.inquiry-wrap .inquiry-box .introduce-box {

  text-align: left;

  width: 80px;

}

@media (min-width: 1200px) {

  .inquiry-wrap .inquiry-box .introduce-box img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .inquiry-wrap .inquiry-box .introduce-box:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .inquiry-wrap .inquiry-box .introduce-box {

    display: block;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .introduce-box {

    width: 60px;

  }

}

.inquiry-wrap .inquiry-box .introduce-box .name {

  margin: 0 0 5px 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  -webkit-line-clamp: 2;

  height: auto;

  font-size: 1em;

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .introduce-box .name {

    margin-bottom: 10px;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .introduce-box .name {

    font-size: 0.9em;

  }

}

.inquiry-wrap .inquiry-box .introduce-box .name:hover {

  color: #08579e;

}

.inquiry-wrap .inquiry-box .introduce-box .name ~ span {

  color: #999;

  margin-left: 15px;

}

.inquiry-wrap .inquiry-box .introduce-box .name ~ span:first-of-type {

  margin-left: 0;

}

.inquiry-wrap .inquiry-box .introduce-box p {

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (min-width: 768px) {

  .inquiry-wrap .inquiry-box .introduce-box .number-box {

    display: none;

  }

}

@media (min-width: 576px) {

  .inquiry-wrap .inquiry-box .name-box {

    width: 15%;

  }

}

@media (min-width: 576px) and (max-width: 991px) {

  .inquiry-wrap .inquiry-box .name-box {

    width: 22%;

  }

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .name-box .number-box {

    margin-top: 10px;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .name-box {

    width: -webkit-calc(100% - 90px);

    width: calc(100% - 90px);

    padding: 0 5px;

  }

}

.inquiry-wrap .inquiry-box .number-box {

  zoom: 1;

  display: inline-block;

  text-align: center;

  vertical-align: middle;

  min-width: 90px;

}

.inquiry-wrap .inquiry-box .number-box:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

.inquiry-wrap .inquiry-box .number-box a {

  float: left;

  width: 30px;

  height: 30px;

  line-height: 28px;

  border: 1px solid #999999;

}

.inquiry-wrap .inquiry-box .number-box a:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.inquiry-wrap .inquiry-box .number-box a.del1:before {

  content: '\e628';

}

.inquiry-wrap .inquiry-box .number-box a.add1:before {

  content: '\e629';

}

@media (min-width: 1200px) {

  .inquiry-wrap .inquiry-box .number-box a:active {

    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .number-box a {

    width: 25px;

    height: 25px;

    line-height: 23px;

    font-size: 12px;

  }

}

.inquiry-wrap .inquiry-box .number-box a.disable {

  cursor: not-allowed;

}

.inquiry-wrap .inquiry-box .number-box .ipt-num {

  float: left;

  width: 60px;

  min-width: 26px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  max-width: 60px;

  color: #333;

  font-size: 16px;

  background: none;

}

@media (max-width: 991px) {

  .inquiry-wrap .inquiry-box .number-box .ipt-num {

    width: 45px;

  }

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .number-box .ipt-num {

    height: 30px;

    line-height: 30px;

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .number-box .ipt-num {

    width: 35px;

    height: 25px;

    line-height: 23px;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .no-box,

  .inquiry-wrap .inquiry-box .rem-box {

    width: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

            align-items: center;

  }

  .inquiry-wrap .inquiry-box .no-box.th,

  .inquiry-wrap .inquiry-box .rem-box.th {

    display: none;

  }

}

.inquiry-wrap .inquiry-box .no-box .xs-show,

.inquiry-wrap .inquiry-box .rem-box .xs-show {

  display: none;

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .no-box .xs-show,

  .inquiry-wrap .inquiry-box .rem-box .xs-show {

    display: block;

    -webkit-box-flex: 0;

            flex: 0 0 auto;

    margin-right: 10px;

  }

}

.inquiry-wrap .inquiry-box .no-box {

  word-break: break-all;

}

@media (min-width: 576px) {

  .inquiry-wrap .inquiry-box .no-box {

    width: 100px;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .no-box {

    -webkit-box-ordinal-group: 3;

            order: 2;

    margin: 15px 0 10px;

  }

}

.inquiry-wrap .inquiry-box .qty-box {

  text-align: center;

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .qty-box {

    display: none;

  }

}

@media (min-width: 768px) {

  .inquiry-wrap .inquiry-box .qty-box {

    width: 150px;

    text-align: center;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .inquiry-wrap .inquiry-box .qty-box {

    width: 120px;

  }

}

@media (min-width: 576px) {

  .inquiry-wrap .inquiry-box .rem-box {

    width: 90px;

  }

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .rem-box {

    -webkit-box-ordinal-group: 4;

            order: 3;

  }

}

.inquiry-wrap .inquiry-box .rem-box input {

  display: block;

  width: 100%;

  border: 1px solid #999;

  padding: 0 5px;

}

@media (max-width: 575px) {

  .inquiry-wrap .inquiry-box .rem-box input {

    -webkit-box-flex: 1;

            flex: 1 0 0%;

  }

}

.inquiry-wrap .inquiry-box .del-box {

  text-align: center;

}

@media (min-width: 768px) {

  .inquiry-wrap .inquiry-box .del-box {

    width: 80px;

  }

}

.inquiry-wrap .inquiry-box .del-box .del:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e632';

  color: #787878;

  font-size: 20px;

}

.inquiry-wrap .inquiry-box .del-box .del:hover:before {

  color: #08579e;

}

@media (min-width: 768px) {

  .inquiry-wrap .inquiry-box .del-box .del {

    font-weight: bold;

  }

}

@media (max-width: 767px) {

  .inquiry-wrap .inquiry-box .del-box .del {

    margin-right: 10px;

  }

  .inquiry-wrap .inquiry-box .del-box .del:before {

    font-size: 18px;

  }

}

.inquiry-wrap .inquiry-box .list {

  border: 1px solid #08579e;

  border-top: none;

}

.inquiry-wrap .inquiry-box .list li {

  padding-top: 15px;

  padding-bottom: 15px;

  border-top: 1px solid #08579e;

}

.inquiry-wrap .inquiry-box .list li:nth-of-type(1) {

  border-top: none;

}

.inquiry-form input::-webkit-input-placeholder,

.inquiry-form textarea::-webkit-input-placeholder {

  color: #999999;

}

.inquiry-form input:-o-placeholder,

.inquiry-form textarea:-o-placeholder {

  color: #999999;

}

.inquiry-form input::-moz-placeholder,

.inquiry-form textarea::-moz-placeholder {

  color: #999999;

}

.inquiry-form input:-ms-input-placeholder,

.inquiry-form textarea:-ms-input-placeholder {

  color: #999999;

}

.inquiry-form input:focus::-webkit-input-placeholder,

.inquiry-form textarea:focus::-webkit-input-placeholder {

  color: #c3c3c3;

}

.inquiry-form input:focus::-o-placeholder,

.inquiry-form textarea:focus::-o-placeholder {

  color: #c3c3c3;

}

.inquiry-form input:focus::-moz-placeholder,

.inquiry-form textarea:focus::-moz-placeholder {

  color: #c3c3c3;

}

.inquiry-form input:focus::-ms-input-placeholder,

.inquiry-form textarea:focus::-ms-input-placeholder {

  color: #c3c3c3;

}

.inquiry-form p {

  color: #666666;

  font-size: 14px;

}

@media (min-width: 992px) {

  .inquiry-form p {

    margin-bottom: 15px;

  }

}

.inquiry-form form .row {

  margin: 0 -10px;

}

.inquiry-form form .row li {

  padding: 0 10px;

}

.inquiry-form form label {

  margin: 0 0 20px;

  position: relative;

  font-weight: normal;

  width: 100%;

}

@media (max-width: 767px) {

  .inquiry-form form label {

    margin-bottom: 15px;

  }

}

.inquiry-form form input,

.inquiry-form form textarea {

  display: block;

  padding: 15px 20px;

  width: 100%;

  color: #666;

  background: #f5f5f5;

}

@media (max-width: 1199px) {

}

@media (max-width: 767px) {

  .inquiry-form form input,

  .inquiry-form form textarea {

    padding: 10px 15px;

  }

}

.inquiry-form form textarea {

  height: 110px;

}

.inquiry-form form .pro-name {

  margin-bottom: 20px;

  font-weight: bold;

  font-size: 15px;

  background-color: #08579e;

  color: #fff;

}

@media (max-width: 767px) {

  .inquiry-form form .pro-name {

    margin-bottom: 15px;

  }

}

.inquiry-form form .placeholder {

  display: block;

  position: absolute;

  top: 0;

  left: 10px;

  padding: 0 3px;

  color: #08579e;

  opacity: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  -webkit-transform-origin: left top;

      -ms-transform-origin: left top;

          transform-origin: left top;

}

.inquiry-form form .input-box:placeholder-shown + .placeholder {

  visibility: hidden;

  z-index: -1;

}

.inquiry-form form .input-box:not(:placeholder-shown) + .placeholder,

.inquiry-form form .input-box:focus:not(:placeholder-shown) + .placeholder {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(-90%) scale(0.95);

      -ms-transform: translateY(-90%) scale(0.95);

          transform: translateY(-90%) scale(0.95);

}

.inquiry-form form .func {

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

          justify-content: space-between;

}

.inquiry-form form .func > * {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  height: 48px;

  line-height: 48px;

}

.inquiry-form form .func > *:after {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin-left: 10px;

  font-size: 18px;

}

@media (max-width: 575px) {

  .inquiry-form form .func > *:after {

    margin-left: 5px;

  }

}

@media (min-width: 1200px) {

  .inquiry-form form .func > * {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .inquiry-form form .func > *:hover {

    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.15);

  }

  .inquiry-form form .func > *:hover b {

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .inquiry-form form .func > *:active {

    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.15);

  }

  .inquiry-form form .func > *:active b {

    text-decoration: underline;

  }

}

@media (max-width: 767px) {

  .inquiry-form form .func > * {

    font-size: 0.9em;

    height: 40px;

    line-height: 40px;

  }

}

.inquiry-form form .upload-btn {

  color: #5e6266;

  width: 170px;

  border: 1px solid #e5e5e5;

}

.inquiry-form form .upload-btn:after {

  content: '\e64e';

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.inquiry-form form .upload-btn.active:after {

  -webkit-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

  content: '\e640';

}

@media (max-width: 767px) {

  .inquiry-form form .upload-btn {

    width: 120px;

  }

}

@media (max-width: 575px) {

  .inquiry-form form .upload-btn {

    width: 110px;

  }

}

.inquiry-form form .submit {

  color: #fff;

  padding: 13px 34px;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  font-size: 16px;

  background: #08579e;

  margin-top: 5px;

}

.inquiry-form form .submit:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e659';

  margin-right: 5px;

}

.inquiry-form form .submit:active {

  background-color: #08579e;

  -webkit-transform: scale(0.95);

      -ms-transform: scale(0.95);

          transform: scale(0.95);

}

@media (min-width: 1200px) {

  .inquiry-form form .submit {

    -webkit-transition: background-color 0.6s;

    transition: background-color 0.6s;

  }

  .inquiry-form form .submit:hover span {

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .inquiry-form form .submit {

    padding: 10px 30px;

    margin-top: 10px;

  }

}

@media (max-width: 991px) {

  .inquiry-form form .submit {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .inquiry-form form .submit {

    margin-top: 0;

  }

}

@media (max-width: 575px) {

  .inquiry-form form .submit {

    font-size: 14px;

    padding: 8px 25px;

  }

}

.share-box {

  margin-top: 20px;

  position: relative;

}

.share-box > * {

  display: inline-block;

  vertical-align: middle;

}

.share-box > span {

  font-size: 18px;

  font-weight: bold;

  margin-right: 10px;

}

@media (max-width: 1199px) {

  .share-box > span {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .share-box > span {

    font-size: 14px;

  }

}

.oem-odm-wrap .oem-list {

   width:80%; margin:0 auto; margin-top: 55px;

}

@media (max-width: 991px) {

  .oem-odm-wrap .oem-list {

    margin-top: 35px; width:100%;

  }

}

@media (max-width: 767px) {

  .oem-odm-wrap .oem-list {

    margin-top: 25px;

  }

}

.oem-odm-wrap h3 {

  font-size: 20px;

  font-weight: normal;

  margin: 0 0 20px;

}

@media (max-width: 991px) {

  .oem-odm-wrap h3 {

    margin-top: 35px;

  }

}

@media (max-width: 767px) {

  .oem-odm-wrap h3 {

    font-size: 18px;

    margin: 0 0 15px;

  }

}

@media (min-width: 992px) {

  .oem-odm-wrap .board {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

            align-items: center;

    -webkit-box-pack: center;

            justify-content: center;

  }

  .oem-odm-wrap .board .info {

    width: 40.42553191%;

    padding-right: 30px;

  }

}

.oem-odm-wrap .board .oem-nav {

  margin-top: -10px;

}

@media (min-width: 992px) {

  .oem-odm-wrap .board .oem-nav {

    display: inline-block;

    max-width: 100%;

  }

}

@media (max-width: 991px) {

  .oem-odm-wrap .board .oem-nav {

    display: -webkit-box;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

  }

  .oem-odm-wrap .board .oem-nav li {

    width: 33.333%;

    padding: 0 10px;

  }

}

@media (max-width: 575px) {

  .oem-odm-wrap .board .oem-nav {

    margin: 0 -5px;

  }

  .oem-odm-wrap .board .oem-nav li {

    width: 50%;

    padding: 0 5px;

  }

}

.oem-odm-wrap .board .oem-nav li {

  margin-top: 10px;

}

.oem-odm-wrap .board .oem-nav li a {

  font-size: 16px;

  color: #666;

  position: relative;

  padding-left: 15px;

  display: block;

}

.oem-odm-wrap .board .oem-nav li a:before {

  content: ">";

  position: absolute;

  left: 0;

  top: 0;

}

@media (max-width: 575px) {

  .oem-odm-wrap .board .oem-nav li a {

    font-size: 15px;

  }

}

.oem-odm-wrap .board .oem-nav .active a {

  color: #08579e;

}

@media (min-width: 992px) {

  .oem-odm-wrap .board .slick-oem {

    width: 59.57446809%;

  }

}

@media (max-width: 991px) {

  .oem-odm-wrap .board .slick-oem {

    margin-top: 25px;

  }

}

.oem-odm-wrap .board .slick-oem .slick-slide {

  padding: 0 15px;

}

@media (max-width: 767px) {

  .oem-odm-wrap .board .slick-oem .slick-slide {

    padding: 0 8px;

  }

}

.oem-odm-wrap .board .slick-oem .slick-list {

  margin: 0 -15px;

}

@media (max-width: 767px) {

  .oem-odm-wrap .board .slick-oem .slick-list {

    margin: 0 -8px;

  }

}

.oem-odm-wrap .board .slick-oem .slick-arrow {

  width: 32px;

  height: 56px;

  background-color: #fff;

  color: #666;

  border-radius: 0;

  border: none;

}

@media (min-width: 1200px) {

  .oem-odm-wrap .board .slick-oem .slick-arrow:hover {

    background-color: #08579e;

    color: #fff;

  }

}

.oem-odm-wrap .board .slick-oem .slick-prev {

  left: 10px;

}

.oem-odm-wrap .board .slick-oem .slick-next {

  right: 10px;

}

.oem-odm-wrap .board .slick-oem .img-box {

  padding-bottom: 66.66666667%;

}

.oem-odm-wrap .board .slick-oem .img-box:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  content: "";

  background-color: rgba(0, 0, 0, 0.3);

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

@media (min-width: 1200px) {

  .oem-odm-wrap .board .slick-oem .img-box img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .oem-odm-wrap .board .slick-oem .img-box:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .oem-odm-wrap .board .slick-oem .img-box:hover:before {

    background-color: rgba(0, 0, 0, 0);

  }

}

.oem-odm-wrap .chart .list {

  margin: -25px -10px 0;

}

@media (max-width: 767px) {

  .oem-odm-wrap .chart .list {

    margin-top: -15px;

  }

}

.oem-odm-wrap .chart .list li {

  padding: 0 10px;

}

@media (min-width: 1470px) {

  .oem-odm-wrap .chart .list li {

    width: 100%;

  }

}

@media (max-width: 575px) {

  .oem-odm-wrap .chart .list li {

    width: 100%;

  }

}

.oem-odm-wrap .chart .list h4 {

  background-color: #08579e;

  color: #fff;

  font-size: 16px;

  padding: 5px;

  border-radius: 25px 0 0 25px;

  position: relative;

  margin-top: 25px;

  margin-right: 40px;

}

@media (max-width: 767px) {

  .oem-odm-wrap .chart .list h4 {

    font-size: 15px;

    margin-top: 15px;

  }

}

.oem-odm-wrap .chart .list h4:after {

  content: "";

  position: absolute;

  top: 0;

  left: 100%;

  margin-left: -1px;

  width: 40px;

  height: 100%;

  background: url(../images/imgs/oem_chart_arrow.png) no-repeat center;

  background-size: 100% 100%;

}

.oem-odm-wrap .chart .list h4,

.oem-odm-wrap .chart .list h4 b {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

}

.oem-odm-wrap .chart .list h4 b {

  color: #08579e;

  background-color: #fff;

  border-radius: 50%;

  font-size: 20px;

  width: 40px;

  height: 40px;

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  -webkit-box-pack: center;

          justify-content: center;

  margin-right: 15px;

}

@media (max-width: 767px) {

  .oem-odm-wrap .chart .list h4 b {

    font-size: 18px;

    width: 30px;

    height: 30px;

    margin-right: 10px;

  }

}

.oem-odm-wrap .chart .list h4 span {

  -webkit-box-flex: 1;

          flex: 1 0 0%;

}

.oem-odm-wrap .chart .list .txt {

  padding: 0 10px;

}

.oem-odm-wrap .chart .list .txt p {

  position: relative;

  padding-left: 15px;

}

.oem-odm-wrap .chart .list .txt p:before {

  content: "";

  width: 6px;

  height: 6px;

  background-color: #666;

  border-radius: 50%;

  position: absolute;

  top: 10px;

  left: 0;

}

@media (max-width: 767px) {

  .oem-odm-wrap .chart .list .txt p:before {

    top: 8px;

  }

}

@media (max-width: 767px) {

  .oem-odm-wrap .capacity .list {

    margin: 0 -8px;

  }

}

.oem-odm-wrap .capacity .list li {

  margin-top: 30px;

}

@media (max-width: 767px) {

  .oem-odm-wrap .capacity .list li {

    margin-top: 15px;

    padding: 0 8px;

  }

}

@media (max-width: 575px) {

  .oem-odm-wrap .capacity .list li {

    width: 50%;

  }

}

.oem-odm-wrap .capacity .list .img-box {

  padding-bottom: 66.66666667%;

}

@media (min-width: 1200px) {

  .oem-odm-wrap .capacity .list .img-box img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .oem-odm-wrap .capacity .list .img-box:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}
/**fwlc**/

.svlist .list li{ width:100%; margin:0 auto; margin-bottom:30px;}

.sv_left{float:left; }
.sv_right{float:right; }

.svlist .list .pic-box { 
border-radius:20px;
overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .svlist .list .pic-box {
    width: 48.20588235%;
  }
}
.svlist .list .img-box {
  padding-bottom: 84.4569%;
}
.svlist .list .intro {
  padding: 25px 15px 45px;
  position: relative;
  margin-top: 66px;
}
@media only screen and (min-width: 992px) {
  .svlist .list .intro { 
    width: 46.11764706%;
  }
}
@media (min-width: 1200px) {
  .svlist .list .intro {
    min-height: 300px;
  }
}
@media (max-width: 1440px) {
  .svlist .list .intro {
    margin-top: 30px;
  }
}
@media (max-width: 1339px) {
  .svlist .list .intro {
    margin-top: 15px;
  }
}
@media (max-width: 1199px) {
  .svlist .list .intro {
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .svlist .list .intro {
    margin-top: 0px;
	padding-bottom: 0;
  }
  .svlist .list .intro .txt p{ padding:4px 0;}
  .sv_left ,.sv_right{ float:none;}
  
}

.svlist .list .intro h2{ font-family:微软雅黑; font-weight:bold; margin-bottom:30px;}

.svlist .list .intro .txt p{ font-size:18px; padding:8px 0;}
.svlist .list .intro .txt p img{ max-width:50px; margin-right:12px;}

.svlist .list .intro .num { color:#08579e;  
  width: 90px;
}
@media (max-width: 991px) {
  .svlist.list .intro .num {
    text-align: center;
    width: 74px;
  }
  .svlist .list .intro h2{ font-size:20px;}
  .svlist .list .intro .txt p{ font-size:15px;}
}
@media (max-width: 767px) {
  .svlist .list .intro .num {
    width: 60px;
  }
}
.svlist .list .intro .num span {
  display: inline-block;
  width: 66px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  background-color: #08579e;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
}
@media (max-width: 991px) {
  .svlist .list .intro .num span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .svlist .list .intro .num span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .svlist .list .pic-box{ width:92%; margin:0 auto;}
}

.lctwobg{ background:#f0f0f0; padding:30px 0;}
.svlisttwo ul{ background:url(../images/lc_45.jpg) right bottom no-repeat; padding-bottom:50px; background-size:268px;}
.svlisttwo li{ text-align:center; padding:16px 0;}
.svlisttwo h2{ font-family: 微软雅黑; text-align:center;
    font-weight: bold;
    margin-bottom: 30px;}

.svlisttwo .num {
    color: #08579e;
    width: 90px;
}

.svlisttwo li .txt p{ font-size:18px; line-height:1.8;}

@media (max-width: 767px) {
.svlisttwo li .txt p{ font-size:14px;}
.svlisttwo ul{ background:url(../images/lc_45.jpg) right bottom no-repeat; padding-bottom:50px; background-size:168px;}
}

.lcthr{ padding:50px 0 60px 0;}

.lcthr h2{font-family: 微软雅黑;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;}
.lcthr .num {
    color: #08579e;
    width: 90px;}

.lcthr .inline-list{ width:80%; margin:0 auto;}
.lcthr .inline-list li{ text-align:center;}
.lcthr .inline-list .txt p{ font-size:16px;}
.lcthr .inline-list .txt strong{ 
    font-size:22px; 
    color:#08579e; 
    font-weight: bold;
	font-family: 微软雅黑; 
}

.lcfour_cent{ text-align:center;}
.lcfour_cent img{ max-width:100%; margin:0 auto;}
.lcfour_cent p{ font-size:18px; display: -webkit-inline-box; padding-right:15px; }
.lcfour_cent i{ font-style:normal; color:#0059b2; font-weight:bold; font-size:22px;}

@media (max-width: 767px) {
.lcthr .inline-list{ width:100%;}
.lcfour_cent p{ font-size:13px;}
.lcfour_cent i{ font-size:14px;}
.lcfour_cent{ text-align:left;}

.svlisttwo h2 ,.lcthr h2{ font-size:22px;}
}


/***/
@media (min-width: 1200px) {

  .honor-wrap {

    padding-top: 50px;

  }

}

.honor-wrap .list {

  background: url(../images/imgs/honor-bg.jpg) no-repeat center bottom;

  background-size: contain;

  padding: 60px 55px 0;

  box-shadow: 0 0 16px 0 rgba(7, 17, 27, 0.1);

  margin-top: 140px;

}

@media (max-width: 1339px) {

  .honor-wrap .list {

    margin-top: 120px;

  }

}

@media (max-width: 1199px) {

  .honor-wrap .list {

    margin-top: 100px;

    padding-top: 40px;

  }

}

@media (max-width: 991px) {

  .honor-wrap .list {

    padding: 25px 30px 0;

  }

}

@media (max-width: 480px) {

  .honor-wrap .list {

    padding: 5% 5% 45px;

    margin-top: 35px;

    background-size: 190%;

    background-clip: padding-box;

    border: 10px solid transparent;

    background: none;

    padding-bottom: 5%;

    overflow: hidden;

  }

  .honor-wrap .list:first-child {

    margin-top: 0;

  }

}

@media (min-width: 481px) {

  .honor-wrap .list:first-child {

    margin-top: 80px;

  }

}

@media (min-width: 481px) and (max-width: 991px) {

  .honor-wrap .list:first-child {

    margin-top: 60px;

  }

}

.honor-wrap .list ul {

  position: relative;

  z-index: 2;

  top: -140px;

  zoom: 1;

}

.honor-wrap .list ul:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

@media (max-width: 1199px) {

  .honor-wrap .list ul {

    top: -100px;

  }

}

@media (max-width: 991px) {

  .honor-wrap .list ul {

    top: -75px;

  }

}

@media (max-width: 767px) {

  .honor-wrap .list ul {

    margin: 0 -8px;

    top: -60px;

  }

}

@media (max-width: 480px) {

  .honor-wrap .list ul {

    top: 0;

  }

}

.honor-wrap .list ul li {

  text-align: center;

}

@media (max-width: 767px) {

  .honor-wrap .list ul li {

    padding: 0 8px;

  }

}

@media (max-width: 480px) {

  .honor-wrap .list ul li {

    margin-bottom: 25px;

    width: 100%;

  }

  .honor-wrap .list ul li:last-child {

    margin-bottom: 0;

  }

}

.honor-wrap .list ul li > a {

  display: block;

}

@media (min-width: 1200px) {

  .honor-wrap .list ul li > a img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .honor-wrap .list ul li > a:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .honor-wrap .list ul li > a:hover p {

    color: #e11800;

  }

}

.honor-wrap .list ul li p {

  -webkit-transition: 0.3s;

  transition: 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 18px;

  margin: 15px 0 0;

}

@media (max-width: 991px) {

  .honor-wrap .list ul li p {

    font-size: 16px;

  }

}

.honor-wrap .page {

  margin-top: 90px;

}

@media (max-width: 1199px) {

  .honor-wrap .page {

    margin-top: 60px;

  }

}

@media (max-width: 991px) {

  .honor-wrap .page {

    margin-top: 60px;

  }

}

@media (max-width: 767px) {

  .honor-wrap .page {

    margin-top: 40px;

  }

}

.qualification-nav {

  margin-top: 40px;

}

@media (max-width: 991px) {

  .qualification-nav {

    margin-top: 30px;

  }

}

@media (max-width: 767px) {

  .qualification-nav {

    margin-top: 20px;

  }

}

.qualification-nav ul {

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  max-width: 100%;

  border: 1px solid #e5e5e5;

  padding: 5px;

}

.qualification-nav ul a {

  font-size: 18px;

  color: #666666;

  display: block;

  line-height: 48px;

  min-width: 140px;

}

@media (min-width: 1200px) {

  .qualification-nav ul a:hover {

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .qualification-nav ul a:active {

    text-decoration: underline;

  }

}

@media (max-width: 991px) {

  .qualification-nav ul a {

    font-size: 16px;

    line-height: 42px;

  }

}

@media (max-width: 767px) {

  .qualification-nav ul a {

    font-size: 14px;

    line-height: 38px;

    min-width: 120px;

  }

}

@media (max-width: 575px) {

  .qualification-nav ul a {

    font-size: 12px;

    line-height: 35px;

    min-width: 100px;

  }

}

.qualification-nav ul .active a {

  color: #fff;

  background-color: #08579e;

}

.qualification-wrap .list {

  border-top: 1px solid #eee;

  overflow: hidden;

  text-align: center;

  padding-top: 80px;

  margin-top: 50px;

}

@media (max-width: 767px) {

  .qualification-wrap .list {

    padding-top: 60px;

    margin-top: 40px;

  }

}

@media (max-width: 480px) {

  .qualification-wrap .list {

    padding-top: 20px;

    margin-top: 35px;

  }

}

.qualification-wrap .list:first-child {

  padding-top: 0;

  margin-top: 0;

  border-top: none;

}

.qualification-wrap .list h3 {

  display: inline-block;

  text-align: left;

  font-weight: 300;

  margin: 0;

  font-size: 36px;

  padding: 20px 0 42px;

}

@media (max-width: 1440px) {

  .qualification-wrap .list h3 {

    padding: 15px 0 25px;

  }

}

@media (max-width: 1339px) {

  .qualification-wrap .list h3 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .qualification-wrap .list h3 {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .qualification-wrap .list h3 {

    font-size: 20px;

    padding-bottom: 20px;

  }

}

.qualification-wrap .list h3 span {

  margin: 15px 0;

  display: block;

}

@media (max-width: 1339px) {

  .qualification-wrap .list h3 span {

    margin: 10px 0;

  }

}

@media (max-width: 991px) {

  .qualification-wrap .list h3 span {

    margin: 5px 0;

  }

}

@media (max-width: 767px) {

  .qualification-wrap .list h3 span {

    margin: 0;

  }

}

.qualification-wrap .list h3 span:last-child {

  margin-left: 30px;

}

.qualification-wrap .list h3 span:last-child:first-letter {

  font-size: 50px;

}

@media (max-width: 991px) {

  .qualification-wrap .list h3 span:last-child:first-letter {

    font-size: 36px;

  }

}

@media (max-width: 767px) {

  .qualification-wrap .list h3 span:last-child:first-letter {

    font-size: 28px;

  }

}

.qualification-wrap .list ul {

  margin-top: -25px;

}

@media (max-width: 767px) {

  .qualification-wrap .list ul {

    margin-top: 0;

  }

}

.qualification-wrap .list ul li {

  margin-top: 25px;

}

@media (max-width: 991px) {

  .qualification-wrap .list ul li {

    margin-top: 10px;

  }

  .qualification-wrap .list ul li .pic-box {

    margin-bottom: 18px;

  }

}

@media (max-width: 767px) {

  .qualification-wrap .list ul li {

    margin-top: 20px;

  }

}

.qualification-wrap .list .top {

  margin: 0 -25px;

  zoom: 1;

}

.qualification-wrap .list .top:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

@media only screen and (min-width: 576px) {

  .qualification-wrap .list .top .item-box.lg {

    float: left;

  }

  .qualification-wrap .list .top .item-box.xs {

    float: right;

  }

}

@media (max-width: 991px) {

  .qualification-wrap .list .top ul li {

    margin-top: 13px;

  }

}

@media (max-width: 767px) {

  .qualification-wrap .list .top .lg {

    margin-bottom: 10px;

  }

}

.qualification-wrap .list .bottom {

  margin: 0 -25px;

  zoom: 1;

}

.qualification-wrap .list .bottom:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

@media only screen and (min-width: 576px) {

  .qualification-wrap .list .bottom .item-box.lg {

    float: right;

  }

  .qualification-wrap .list .bottom .item-box.xs {

    float: left;

  }

}

.qualification-wrap .item-box {

  padding: 0 45px;

}

@media (max-width: 1199px) {

  .qualification-wrap .item-box {

    padding: 0 30px;

  }

}

@media (max-width: 991px) {

  .qualification-wrap .item-box {

    padding: 0 15px;

  }

}

@media (max-width: 575px) {

  .qualification-wrap .item-box {

    padding: 0 5px;

  }

}

@media only screen and (min-width: 576px) {

  .qualification-wrap .item-box.lg {

    width: 42.5%;

  }

  .qualification-wrap .item-box.xs {

    width: 57.5%;

  }

}

.qualification-wrap .item-box.xs ul {

  overflow: hidden;

  margin-left: -45px;

  margin-right: -45px;

}

@media (max-width: 1199px) {

  .qualification-wrap .item-box.xs ul {

    margin-left: -30px;

    margin-right: -30px;

  }

}

@media (max-width: 991px) {

  .qualification-wrap .item-box.xs ul {

    margin-left: -15px;

    margin-right: -15px;

  }

}

@media (max-width: 575px) {

  .qualification-wrap .item-box.xs ul {

    margin-left: -5px;

    margin-right: -5px;

  }

}

.qualification-wrap .item-box.xs ul li {

  float: left;

  width: 50%;

  padding: 0 45px;

}

@media (max-width: 1199px) {

  .qualification-wrap .item-box.xs ul li {

    padding: 0 30px;

  }

}

@media (max-width: 991px) {

  .qualification-wrap .item-box.xs ul li {

    padding: 0 15px;

  }

}

@media (max-width: 575px) {

  .qualification-wrap .item-box.xs ul li {

    padding: 0 5px;

  }

}

.qualification-wrap .item-box .item > a {

  display: block;

}

@media (min-width: 1200px) {

  .qualification-wrap .item-box .item > a img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .qualification-wrap .item-box .item > a:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (min-width: 1200px) {

  .qualification-wrap .item-box .item > a:hover p {

    color: #e11800;

  }

}

.qualification-wrap .item-box .item .pic-box {

  margin-bottom: 20px;

}

@media (max-width: 575px) {

  .qualification-wrap .item-box .item .pic-box {

    margin-bottom: 15px;

  }

}

.qualification-wrap .item-box .item p {

  font-size: 18px;

  margin: 0;

  padding: 0 20px;

  -webkit-transition: 0.2s;

  transition: 0.2s;

  line-height: 1.33333333;

}

@media (max-width: 991px) {

  .qualification-wrap .item-box .item p {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .qualification-wrap .item-box .item p {

    font-size: 15px;

  }

}

.factory-wrap .list li {

  margin-bottom: 70px;

  padding: 0 25px;

  zoom: 1;

}

@media (min-width: 1200px) {

  .factory-wrap .list li img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .factory-wrap .list li:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

@media (max-width: 767px) {

  .factory-wrap .list li {

    padding: 0;

    margin-bottom: 50px;

  }

}

.factory-wrap .list li:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

@media only screen and (min-width: 992px) {

  .factory-wrap .list li:nth-child(odd) .pic-box {

    float: left;

    -webkit-animation-duration: 1s;

            animation-duration: 1s;

  }

  .factory-wrap .list li:nth-child(odd) .intro {

    float: right;

    border-left: none;

  }

  .factory-wrap .list li:nth-child(odd) .intro h3 {

    left: -15px;

    padding-right: 50px;

  }

  .factory-wrap .list li:nth-child(odd) .intro .num {

    left: 0;

  }

}

@media only screen and (min-width: 992px) {

  .factory-wrap .list li:nth-child(even) .pic-box {

    float: right;

  }

  .factory-wrap .list li:nth-child(even) .intro {

    -webkit-animation-duration: 1s;

            animation-duration: 1s;

    text-align: right;

    float: left;

    border-right: none;

  }

  .factory-wrap .list li:nth-child(even) .intro h3 {

    right: -15px;

    padding-left: 50px;

  }

  .factory-wrap .list li:nth-child(even) .intro .num {

    right: 0;

  }

}

.factory-wrap .list .pic-box {

  border: 1px solid #e5e5e5;

  padding: 9px;

}

@media only screen and (min-width: 992px) {

  .factory-wrap .list .pic-box {

    width: 52.20588235%;

  }

}

.factory-wrap .list .img-box {

  padding-bottom: 57.97101449%;

}

.factory-wrap .list .intro {

  border: 1px solid #d2d2d2;

  padding: 25px 15px 45px;

  position: relative;

  margin-top: 66px;

}

@media only screen and (min-width: 992px) {

  .factory-wrap .list .intro {

    width: 44.11764706%;

  }

}

@media (min-width: 1200px) {

  .factory-wrap .list .intro {

    min-height: 300px;

  }

}

@media (max-width: 1440px) {

  .factory-wrap .list .intro {

    margin-top: 30px;

  }

}

@media (max-width: 1339px) {

  .factory-wrap .list .intro {

    margin-top: 15px;

  }

}

@media (max-width: 1199px) {

  .factory-wrap .list .intro {

    padding-top: 10px;

  }

}

@media (max-width: 991px) {

  .factory-wrap .list .intro {

    margin-top: 30px;

  }

}

.factory-wrap .list .intro h3 {

  display: inline-block;

  position: relative;

  top: -40px;

  z-index: 20;

  margin: 0;

  padding-left: 15px;

  max-width: 100%;

  background-color: #fff;

}

@media (max-width: 1199px) {

  .factory-wrap .list .intro h3 {

    top: -20px;

  }

}

@media (max-width: 991px) {

  .factory-wrap .list .intro h3 {

    padding: 0 15px;

    top: -25px;

  }

}

.factory-wrap .list .intro h3 span {

  display: inline-block;

  position: relative;

  max-width: 100%;

  padding: 0 60px;

  background-color: #fff;

  font-size: 26px;

  font-weight: normal;

}

.factory-wrap .list .intro h3 span:before,

.factory-wrap .list .intro h3 span:after {

  content: "";

  width: 9px;

  height: 100%;

  display: inline-block;

  background-size: contain;

  background-repeat: repeat-y;

  background-position: center top;

  vertical-align: middle;

  position: absolute;

  top: 2px;

}

@media (max-width: 1199px) {

  .factory-wrap .list .intro h3 span:before,

  .factory-wrap .list .intro h3 span:after {

    top: 0;

  }

}

.factory-wrap .list .intro h3 span:before {

  left: 0;

  background: url(../images/factory-l.png);

  margin-right: 45px;

}

.factory-wrap .list .intro h3 span:after {

  right: 0;

  background: url(../images/factory-r.png);

  margin-left: 45px;

}

@media (max-width: 1199px) {

  .factory-wrap .list .intro h3 span {

    font-size: 22px;

    padding: 0 25px;

  }

}

@media (max-width: 767px) {

  .factory-wrap .list .intro h3 span {

    font-size: 20px;

    padding: 0 20px;

  }

}

.factory-wrap .list .intro .num {

  position: absolute;

  bottom: -33px;

  z-index: 10;

  background-color: #fff;

  width: 90px;

}

@media (max-width: 991px) {

  .factory-wrap .list .intro .num {

    bottom: -23px;

    text-align: center;

    width: 74px;

  }

}

@media (max-width: 767px) {

  .factory-wrap .list .intro .num {

    bottom: -20px;

    width: 60px;

  }

}

.factory-wrap .list .intro .num span {

  display: inline-block;

  width: 66px;

  height: 66px;

  text-align: center;

  line-height: 66px;

  background-color: #08579e;

  border-radius: 50%;

  color: #fff;

  font-size: 30px;

}

@media (max-width: 991px) {

  .factory-wrap .list .intro .num span {

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 26px;

  }

}

@media (max-width: 767px) {

  .factory-wrap .list .intro .num span {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 22px;

  }

}

.factory-wrap .list .intro p {

  margin: 0;

  font-size: 18px;

  color: #666;

  line-height: 1.66666667;

}

@media (max-width: 1199px) {

  .factory-wrap .list .intro p {

    font-size: 16px;

  }

}

.video-list {

  margin-top: -30px;

}

@media (max-width: 575px) {

  .video-list {

    margin-top: -15px;

  }

}

.video-list > li {

  margin-top: 30px;

}

@media (max-width: 575px) {

  .video-list > li {

    width: 100%;

    margin-top: 20px;

  }

}

@media (min-width: 1200px) {

  .video-list .video-box:hover .name {

    background-color: #08579e;

    color: #fff;

  }

}

.video-list .img-box {

  padding-bottom: 67.44186047%;

}

.video-list .pic {

  padding: 10px;

  position: relative;

}

.video-list .line {

  width: 32px;

  height: 24px;

  position: absolute;

}

.video-list .line:nth-of-type(1) {

  left: 0;

  top: 0;

  border-top: 1px solid #999999;

  border-left: 1px solid #999999;

}

.video-list .line:nth-of-type(2) {

  right: 0;

  top: 0;

  border-top: 1px solid #999999;

  border-right: 1px solid #999999;

}

.video-list .line:nth-of-type(3) {

  left: 0;

  bottom: 0;

  border-bottom: 1px solid #999999;

  border-left: 1px solid #999999;

}

.video-list .line:nth-of-type(4) {

  right: 0;

  bottom: 0;

  border-bottom: 1px solid #999999;

  border-right: 1px solid #999999;

}

.video-list .name {

  background-color: #fff;

  font-size: 16px;

  padding: 17px;

  margin: -25px 35px 0;

  position: relative;

  text-align: center;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  z-index: 2;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

}

@media (max-width: 575px) {

  .video-list .name {

    font-size: 15px;

    padding: 10px;

  }

}

.about-wrap .intro {

  overflow: hidden;

}

@media (min-width: 576px) {

  .about-wrap .intro .pic {

    float: left;

    width: 37.58865248%;

    margin-right: 3.90070922%;


  }

.about-wrap .intro .txt{ float:right; width:57%;}

}

@media (min-width: 1200px) {

  .about-wrap .intro .title {

    margin-bottom: 30px;

  }

}

.about-wrap .intro .title > span {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  color: #08579e;

  margin: 25px 0 15px;

}

.about-wrap .intro .title > span:after {

  width: 1000px;

  height: 1px;

  background-color: #e6e6e6;

  content: '';

  margin-left: 30px;

}

.about-wrap .intro p {

  font-size: 16px; font-family: 微软雅黑, "Microsoft YaHei"; 
  font-weight:lighter;
  line-height: 2em;

}

@media (max-width: 991px) {

  .about-wrap .intro p {

    font-size: 15px;

  }

}

@media (max-width: 767px) {

  .about-wrap .intro p {

    font-size: 14px;

  }

}

.about-wrap .development-wrap .development {

  position: relative;

}

.about-wrap .development-wrap .slick-development {

  overflow: hidden;

}

.about-wrap .development-wrap .slick-list {

  margin: 0 -10px;

}

@media (min-width: 1200px) {

  .about-wrap .development-wrap .slick-slide:hover .img-box img {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }

  .about-wrap .development-wrap .slick-slide:hover .item {

    background-color: #08579e;

  }

  .about-wrap .development-wrap .slick-slide:hover .item .year,

  .about-wrap .development-wrap .slick-slide:hover .item .txt p {

    color: #fff;

  }

  .about-wrap .development-wrap .slick-slide:hover .date span {

    background-color: #08579e;

    color: #fff;

  }

}

.about-wrap .development-wrap .img-box {

  padding-bottom: 66.66666667%;

}

.about-wrap .development-wrap .img-box img {

  -webkit-transition: 0.8s;

  transition: 0.8s;

}

.about-wrap .development-wrap .item {

  -webkit-transition: background-color 0.6s;

  transition: background-color 0.6s;

  padding: 19px;

  background-color: #fff;

  margin: 0 10px;

}

@media (max-width: 575px) {

  .about-wrap .development-wrap .item {

    padding: 10px;

  }

}

.about-wrap .development-wrap .year {

  color: #08579e;

  font-size: 24px;

  margin: 20px 0 15px;

}

@media (max-width: 991px) {

  .about-wrap .development-wrap .year {

    font-size: 22px;

  }

}

@media (max-width: 767px) {

  .about-wrap .development-wrap .year {

    font-size: 20px;

    margin: 15px 0 10px;

  }

}

.about-wrap .development-wrap .txt {

  border-top: 1px solid #e6e6e6;

  padding-top: 15px;

}

.about-wrap .development-wrap .date {

  margin-top: 20px;

}

.about-wrap .development-wrap .date img {

  display: block;

  width: 100%;

  margin-bottom: 10px;

}

.about-wrap .development-wrap .date span {

  -webkit-transition: 0.6s;

  transition: 0.6s;

  display: inline-block;

  font-size: 18px;

  border-radius: 25px;

  padding: 9px 30px;

  margin-left: -20px;

}

.about-wrap .choose-list > li {

  margin-bottom: 30px;
 

}

@media (max-width: 575px) {

  .about-wrap .choose-list > li {

    margin-bottom: 15px;
	 padding-left:10px; padding-right:10px;

  }

}

.about-wrap .choose-list .item {

  border: 1px solid #e5e5e5;

  padding: 35px 30px;

  height: 100%;

  position: relative;

}

.about-wrap .choose-list .item:after {

  height: 4px;

  background-color: #08579e;

  width: 0;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  content: '';

  position: absolute;

  left: 0;

  bottom: -1px;

}

@media (min-width: 576px) {

  .about-wrap .choose-list .item {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: start;

            align-items: flex-start;

  }

}

@media (min-width: 1200px) {

  .about-wrap .choose-list .item {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .about-wrap .choose-list .item:hover {

    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

  }

  .about-wrap .choose-list .item:hover .iconfont {

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

            animation: swing 1s 0s ease both;

  }

  .about-wrap .choose-list .item:hover:after {

    width: 100%;

  }

}

@media (max-width: 767px) {

  .about-wrap .choose-list .item {

    padding: 20px 15px;

  }

}

.about-wrap .choose-list .iconfont {

  font-size: 65px;

  color: #08579e;

  line-height: 1;

}

@media (max-width: 767px) {

  .about-wrap .choose-list .iconfont {

    font-size: 45px;

  }

}

@media (max-width: 575px) {

  .about-wrap .choose-list .iconfont {

    font-size: 35px;

  }

}

.about-wrap .choose-list h3 {

  margin: 0 0 10px;

}

@media (max-width: 1199px) {

  .about-wrap .choose-list h3 {

    font-size: 22px;

  }

}

@media (max-width: 991px) {

  .about-wrap .choose-list h3 {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .about-wrap .choose-list h3 {

    font-size: 18px;

  }

}

@media (max-width: 575px) {

  .about-wrap .choose-list h3 {

    margin-top: 10px;

  }

}

@media (min-width: 576px) {

  .about-wrap .choose-list .txt {

    padding-left: 30px;

  }

}

.about-wrap .choose-pic {

  padding-top: 40px;

  margin: 0 -5px;

}

@media (max-width: 1469px) {

  .about-wrap .choose-pic {

    padding-top: 30px;

  }

}

@media (max-width: 1199px) {

  .about-wrap .choose-pic {

    padding-top: 20px;

  }

}

@media (max-width: 991px) {

  .about-wrap .choose-pic {

    padding-top: 10px;

  }

}

@media (max-width: 767px) {

  .about-wrap .choose-pic {

    padding-top: 0;

  }

}

.about-wrap .choose-pic li {

  margin-top: 10px;

  padding: 0 5px;

}

@media (max-width: 575px) {

  .about-wrap .choose-pic li {

    width: 50%;

  }

}

.about-wrap .choose-pic .img-box {

  padding-bottom: 66.66666667%;

}

@media (min-width: 1200px) {

  .about-wrap .choose-pic .img-box img {

    -webkit-transition: transform 1.2s;

    -webkit-transition: -webkit-transform 1.2s;

    transition: -webkit-transform 1.2s;

    transition: transform 1.2s;

    transition: transform 1.2s, -webkit-transform 1.2s;

  }

  .about-wrap .choose-pic .img-box:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

  }

}

.contact-list li .item {

  padding-left: 35px;

  position: relative;

}

@media (max-width: 767px) {

  .contact-list li .item {

    padding-left: 30px;

  }

}

.contact-list li .item:before {

  position: absolute;

  left: 0;

  top: -1px;

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 1.1em;

  text-align: center;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.contact-list li a:active {

  text-decoration: underline;

}

@media (min-width: 1200px) {

  .contact-list li a:hover {

    text-decoration: underline;

  }

}

.contact-list li .tit {

  font-size: 1.125em;

  font-weight: bold;

  margin-top: 15px;

  margin-bottom: 5px;

  text-transform: capitalize;

}

.contact-list li p {

  margin: 0;

}

.contact-list li p a {

  margin-right: 15px;

}

.contact-list li p a:last-of-type {

  margin-right: 0;

}

.contact-list li.company .item:before {

  content: '\e661';

}

.contact-list li.tel .item:before {

  content: '\e61c';

}

.contact-list li.mp .item:before {

  content: '\e625';

}

.contact-list li.fax .item:before {

  content: '\e64e';

}

.contact-list li.mail .item:before {

  content: '\e72e';

}

.contact-list li.url .item:before {

  content: '\e62a';

}

.contact-list li.address .item:before {

  content: '\e60d';

}

.contact-list li.phone .item:before {

  content: '\e61c';

}

.contact-list li.whatsapp .item:before {

  content: '\e8ec';

}

.contact-list li.skype .item:before {

  content: '\e616';

}

.contact-list li.qq .item:before {

  content: '\e62d';

}

.contact-wrap .info-list {

  margin-top: -30px;

}

@media (max-width: 575px) {

  .contact-wrap .info-list {

    margin-top: -15px;

  }

}

.contact-wrap .info-list li {

  position: relative;

  margin-top: 30px;

}

.contact-wrap .info-list li:first-child {

  -webkit-transform: translateZ(10px);

          transform: translateZ(10px);

}

@media (max-width: 575px) {

  .contact-wrap .info-list li {

    margin-top: 15px;

    width: 100%;

  }

}

.contact-wrap .info-list li .item-box {

  padding-top: 60px;

  height: 100%;

  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));

          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));

}

@media (max-width: 767px) {

  .contact-wrap .info-list li .item-box {

    padding-top: 40px;

  }

}

@media (max-width: 575px) {

  .contact-wrap .info-list li .item-box {

    padding-top: 30px;

  }

}

.contact-wrap .info-list li .item {

  text-align: center;

  background-color: #fff;

  height: 100%;

  padding: 65px 10.60606061% 9.09090909%;

  position: relative;

  z-index: 2;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

@media (max-width: 767px) {

  .contact-wrap .info-list li .item {

    padding-top: 45px;

  }

}

@media (max-width: 575px) {

  .contact-wrap .info-list li .item {

    padding-top: 35px;

  }

}

.contact-wrap .info-list li .item:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  left: 50%;

  top: 0;

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

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

          transform: translateX(-50%) translateY(-50%);

  margin: 0 auto;

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: flex;

  border: 10px solid #fff;

  font-size: 40px;

  -webkit-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

          justify-content: center;

  border-radius: 50%;

  background-color: #08579e;

  color: #fff;

  text-align: center;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

@media (max-width: 991px) {

  .contact-wrap .info-list li .item:before {

    width: 80px;

    height: 80px;

    border: 6px solid #fff;

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .contact-wrap .info-list li .item:before {

    width: 65px;

    height: 65px;

    border: 5px solid #fff;

    font-size: 24px;

  }

}

@media (max-width: 575px) {

  .contact-wrap .info-list li .item:before {

    width: 55px;

    height: 55px;

    border: 5px solid #fff;

    font-size: 22px;

  }

}

@-webkit-keyframes swing2 {

  20% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 15deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 15deg);

  }

  40% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -10deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -10deg);

  }

  60% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 5deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 5deg);

  }

  80% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -5deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -5deg);

  }

  to {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg);

  }

}

@keyframes swing2 {

  20% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 15deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 15deg);

  }

  40% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -10deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -10deg);

  }

  60% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 5deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 5deg);

  }

  80% {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -5deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -5deg);

  }

  to {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg);

            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg);

  }

}

@media (min-width: 1200px) {

  .contact-wrap .info-list li .item:hover:before {

    background-color: #08579e;

    color: #fff;

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

            animation: swing2 1s 0s ease both;

  }

}

.contact-wrap .info-list li .tit {

  font-size: 20px;

  margin: 0 0 5px;

  font-weight: normal;

}

@media (max-width: 991px) {

  .contact-wrap .info-list li .tit {

    font-size: 18px;

  }

}

.contact-wrap .info-list li p {

  margin: 0;

  color: #666666;

  font-size: 16px;

  line-height: 1.625;

}

@media (max-width: 767px) {

  .contact-wrap .info-list li p {

    font-size: 15px;

  }

}

@media (min-width: 1200px) {

  .contact-wrap .info-list li a:hover {

    color: #08579e;

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .contact-wrap .info-list li a:active {

    color: #08579e;

    text-decoration: underline;

  }

}

.contact-wrap .info-list li.tel .item:before {

  content: '\e61c';

}

.contact-wrap .info-list li.mp .item:before {

  content: '\e625';

}

.contact-wrap .info-list li.fax .item:before {

  content: '\e64e';

}

.contact-wrap .info-list li.mail .item:before {

  content: '\e634';

}

.contact-wrap .info-list li.url .item:before {

  content: '\e9ee';

}

.contact-wrap .info-list li.address .item:before {

  content: '\e657';

}

.contact-wrap .info-list li.phone .item:before {

  content: '\e658';

}

.contact-wrap .info-list li.whatsapp .item:before {

  content: '\e8ec';

}

.contact-wrap .info-list li.skype .item:before {

  content: '\e616';

}

.contact-wrap .func-box > div {

  margin-top: 80px;

}

@media (max-width: 1199px) {

  .contact-wrap .func-box > div {

    margin-top: 65px;

  }

}

@media (max-width: 991px) {

  .contact-wrap .func-box > div {

    margin-top: 50px;

  }

}

@media (max-width: 767px) {

  .contact-wrap .func-box > div {

    margin-top: 30px;

  }

}

.contact-wrap .func-box .share a {

  width: 44px;

  height: 44px;

  line-height: 44px;

  background-color: #e6e6e6;

  color: #666;

  border-radius: 50%;

}

@media (min-width: 1200px) {

  .contact-wrap .func-box .share a {

    -webkit-transition: 0.6s;

    transition: 0.6s;

  }

  .contact-wrap .func-box .share a:hover {

    background-color: #08579e;

    color: #fff;

  }

}

@media (max-width: 1199px) {

  .contact-wrap .func-box .share a:active {

    background-color: #08579e;

    color: #fff;

  }

}

@media (max-width: 767px) {

  .contact-wrap .func-box .share a {

    width: 36px;

    height: 36px;

    line-height: 36px;

  }

}

.contact-wrap .inquiry-form {

  margin-top: 35px;

}

@media (max-width: 767px) {

  .contact-wrap .inquiry-form {

    margin-top: 25px;

  }

}

.contact-wrap .inquiry-form textarea {

  height: 170px;

}

.contact-wrap .inquiry-form .submit {

  width: 100%;

  -webkit-box-pack: center;

          justify-content: center;

}

.contact-wrap .map {

  position: relative;

}

.contact-wrap .map .map-content {

  width: 100%;

  height: 520px;

  display: block;

}

@media (max-width: 991px) {

  .contact-wrap .map .map-content {

    height: 350px;

  }

}

@media (max-width: 767px) {

  .contact-wrap .map .map-content {

    height: 280px;

  }

}

.search-none {

  margin-bottom: 50px;

}

@media (max-width: 767px) {

  .search-none {

    margin-bottom: 35px;

  }

}

.search-none h3 {

  margin: 0 0 25px;

}

@media (max-width: 767px) {

  .search-none h3 {

    margin-bottom: 15px;

    font-size: 20px;

  }

}

.search-none p {

  background-color: #fcf8e3;

  border: 1px solid #faebcc;

  border-radius: 5px;

  margin: 0;

  color: #ab7640;

  padding: 10px;

}

.sitemap-wrap .title {

  text-align: left;

}

.sitemap-wrap .list1 {

  margin-top: -30px;

  overflow: hidden;

}

.sitemap-wrap .list1 > li {

  margin-top: 30px;

}

.sitemap-wrap .list1 > li > a {

  font-weight: 600;

  width: 330px;

  text-transform: uppercase;

  display: inline-block;

  background-color: #08579e;

  color: #fff;

  position: relative;

  font-size: 1.3em;

  padding: 16px 40px;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

@media (min-width: 1200px) {

  .sitemap-wrap .list1 > li > a:hover {

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .sitemap-wrap .list1 > li > a:active {

    text-decoration: underline;

  }

}

@media (max-width: 575px) {

  .sitemap-wrap .list1 > li > a {

    width: 100%;

    font-size: 1em;

    padding: 10px 20px;

  }

  .sitemap-wrap .list1 > li > a:before {

    margin: 0 15px;

  }

}

@media (max-width: 767px) {

  .sitemap-wrap .list1 {

    margin-top: -20px;

  }

  .sitemap-wrap .list1 > li {

    margin-top: 20px;

  }

}

.sitemap-wrap .list2 {

  text-transform: capitalize;

  padding-left: 40px;

  font-size: 1.2em;

}

@media (max-width: 767px) {

  .sitemap-wrap .list2 {

    padding-left: 20px;

    font-size: 0.9em;

  }

}

.sitemap-wrap .list2 > li {

  margin-top: 30px;

}

.sitemap-wrap .list2 > li > a {

  font-weight: 500;

}

@media (max-width: 767px) {

  .sitemap-wrap .list2 > li {

    margin-top: 15px;

  }

}

@media (min-width: 1200px) {

  .sitemap-wrap .list2 a:hover {

    color: #08579e;

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .sitemap-wrap .list2 a:active {

    color: #08579e;

    text-decoration: underline;

  }

}

.sitemap-wrap .list3 {

  font-size: 1em;

  margin-right: -20px;

  padding-left: 20px;

}

@media (max-width: 767px) {

  .sitemap-wrap .list3 {

    font-size: 0.8em;

  }

}

.sitemap-wrap .list3 > li {

  display: inline-block;

  vertical-align: top;

  padding-right: 20px;

  margin-top: 10px;

}

.privacy-item-wrap .intro p {

  margin: 0;

}

.privacy-item-wrap .intro ul li {

  margin-top: 45px;

  padding-left: 80px;

  position: relative;

}

.privacy-item-wrap .intro ul li:first-child .num {

  background-image: url(../images/num-bg-red.png);

}

@media (max-width: 767px) {

  .privacy-item-wrap .intro ul li {

    padding-left: 0;

    margin-top: 30px;

  }

}

.privacy-item-wrap .intro ul li .num {

  font-style: normal;

  font-size: 24px;

  color: #fff;

  display: block;

  width: 54px;

  height: 62px;

  text-align: center;

  line-height: 62px;

  background: url(../images/num-bg-green.png) no-repeat top center;

  background-size: contain;

}

@media only screen and (min-width: 768px) {

  .privacy-item-wrap .intro ul li .num {

    position: absolute;

    left: 0;

    top: -10px;

  }

}

@media (max-width: 767px) {

  .privacy-item-wrap .intro ul li .num {

    margin: 0 auto 10px;

    width: 40px;

    height: 46px;

    line-height: 46px;

    font-size: 20px;

  }

}

.privacy-item-wrap .intro ul li > p {

  font-size: 22px;

  font-weight: normal;

  line-height: 1.81818182;

  margin: 0;

  color: #333;

}

@media (max-width: 991px) {

  .privacy-item-wrap .intro ul li > p {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .privacy-item-wrap .intro ul li > p {

    font-size: 18px;

    line-height: 1.6;

  }

}

.privacy-item-wrap .intro ul li .intro {

  margin-top: 20px;

}

@media (max-width: 767px) {

  .privacy-item-wrap .intro ul li .intro {

    margin-top: 10px;

  }

}

.privacy-item-wrap .intro ul li .intro > p {

  color: #666;

  line-height: 2;

  font-size: 20px;

  padding-left: 22px;

  position: relative;

}

.privacy-item-wrap .intro ul li .intro > p:before {

  position: absolute;

  left: 0;

  top: 0;

  content: "•";

  font-size: 26px;

  line-height: 40px;

}

@media (max-width: 991px) {

  .privacy-item-wrap .intro ul li .intro > p {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .privacy-item-wrap .intro ul li .intro > p {

    font-size: 16px;

  }

  .privacy-item-wrap .intro ul li .intro > p:before {

    line-height: 32px;

  }

}

.law-explain-wrap .intro {

  zoom: 1;

}

.law-explain-wrap .intro:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

@media only screen and (min-width: 768px) {

  .law-explain-wrap .intro .pic-box {

    float: right;

    width: 50%;

    margin-left: 15px;

    padding-left: 15px;

  }

}

@media (max-width: 767px) {

  .law-explain-wrap .intro .pic-box {

    margin-bottom: 20px;

  }

}

.law-explain-wrap .intro .pic-box img {

  display: block;

  max-width: 100%;

}

.law-explain-wrap .intro p {

  line-height: 2;

  font-size: 18px;

  margin: 0;

}

@media (max-width: 767px) {

  .law-explain-wrap .intro p {

    font-size: 16px;

  }

}

.law-explain-wrap .list li {

  position: relative;

  padding-left: 75px;

  margin-top: 30px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .law-explain-wrap .list li {

    padding-left: 0;

  }

}

.law-explain-wrap .list li:last-child img {

  max-width: 100%;

}

@media only screen and (min-width: 992px) {

  .law-explain-wrap .list li:last-child img {

    float: right;

    margin-left: 15px;

  }

}

.law-explain-wrap .list li:nth-child(1) .num {

  background-color: #cce198;

}

.law-explain-wrap .list li:nth-child(1) .num:after {

  border-color: #cce198;

}

.law-explain-wrap .list li:nth-child(2) .num {

  background-color: #f29c9f;

}

.law-explain-wrap .list li:nth-child(2) .num:after {

  border-color: #f29c9f;

}

.law-explain-wrap .list li:nth-child(3) .num {

  background-color: #acd598;

}

.law-explain-wrap .list li:nth-child(3) .num:after {

  border-color: #acd598;

}

.law-explain-wrap .list li:nth-child(4) .num {

  background-color: #89c997;

}

.law-explain-wrap .list li:nth-child(4) .num:after {

  border-color: #89c997;

}

.law-explain-wrap .list li:nth-child(5) .num {

  background-color: #8c97cb;

}

.law-explain-wrap .list li:nth-child(5) .num:after {

  border-color: #8c97cb;

}

.law-explain-wrap .list li:nth-child(6) .num {

  background-color: #f29b76;

}

.law-explain-wrap .list li:nth-child(6) .num:after {

  border-color: #f29b76;

}

.law-explain-wrap .list li:nth-child(7) .num {

  background-color: #c490bf;

}

.law-explain-wrap .list li:nth-child(7) .num:after {

  border-color: #c490bf;

}

.law-explain-wrap .list li h3 {

  margin: 10px 0 15px;

  font-weight: 400;

  font-size: 26px;

  position: relative;

}

@media (max-width: 767px) {

  .law-explain-wrap .list li h3 {

    font-size: 22px;

    padding-left: 50px;

  }

}

.law-explain-wrap .list .num {

  position: absolute;

  left: -70px;

  top: 50%;

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

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

          transform: translateY(-50%);

  width: 42px;

  height: 42px;

  font-style: normal;

  text-align: center;

  font-size: 20px;

  color: #fff;

  line-height: 42px;

}

.law-explain-wrap .list .num,

.law-explain-wrap .list .num:after {

  border-radius: 50%;

}

.law-explain-wrap .list .num:after {

  content: "";

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

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

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

          transform: translateY(-50%) translateX(-50%);

  width: 48px;

  height: 48px;

  border: 1px solid;

}

@media (max-width: 767px) {

  .law-explain-wrap .list .num {

    width: 32px;

    height: 32px;

    font-size: 16px;

    left: 3px;

    line-height: 32px;

  }

  .law-explain-wrap .list .num:after {

    width: 38px;

    height: 38px;

  }

}

.law-explain-wrap .list p {

  font-size: 18px;

  color: #666;

  margin: 0;

  line-height: 2;

}

@media (max-width: 767px) {

  .law-explain-wrap .list p {

    font-size: 16px;

  }

}

.law-explain-wrap .list p b {

  color: #333;

  font-size: 28px;

  vertical-align: middle;

  line-height: 1;

}

.privacy-item-wrap,

.law-explain-wrap {

  border-top: 1px solid #eee;

}

@media (min-width: 1200px) {

  .privacy-item-wrap,

  .law-explain-wrap {

    margin-top: 80px;

  }

}

.online-wrap.right .code .mask {

  right: 100%;

  padding-right: 5px;

}

.online-wrap.right .btn {

  right: 10px;

}

.online-wrap.right .online {

  right: 10px;

}

@media (max-width: 767px) {

  .online-wrap.right .online {

    -webkit-transform: translateX(50px);

        -ms-transform: translateX(50px);

            transform: translateX(50px);

    -webkit-transform: translate3d(50px, 0, 0);

            transform: translate3d(50px, 0, 0);

  }

}

.online-wrap.right .online a {

  border-radius: 4px;

}

@media (min-width: 1200px) {

  .online-wrap.right .online a:not(.gotop):hover {

    border-radius: 0 4px 4px 0;

  }

  .online-wrap.right .online a:not(.gotop):hover .show-num {

    right: 100%;

  }

}

.online-wrap.right .code-pic {

  right: 45px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .online-wrap.right .code-pic {

    right: 65px;

  }

}

.online-wrap.right .show-num {

  right: -600px;

  border-radius: 4px 0 0 4px;

}

.online-wrap.left .code .mask {

  left: 100%;

  padding-left: 5px;

}

.online-wrap.left .btn {

  left: 10px;

}

.online-wrap.left .online {

  left: 10px;

}

@media (max-width: 767px) {

  .online-wrap.left .online {

    -webkit-transform: translateX(-50px);

        -ms-transform: translateX(-50px);

            transform: translateX(-50px);

    -webkit-transform: translate3d(-50px, 0, 0);

            transform: translate3d(-50px, 0, 0);

  }

}

.online-wrap.left .online a {

  border-radius: 4px;

}

@media (min-width: 1200px) {

  .online-wrap.left .online a:not(.gotop):hover {

    border-radius: 4px 0 0 4px;

  }

  .online-wrap.left .online a:not(.gotop):hover .show-num {

    left: 100%;

  }

}

.online-wrap.left .code-pic {

  left: 45px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .online-wrap.left .code-pic {

    left: 55px;

  }

}

.online-wrap.left .show-num {

  left: -600px;

  border-radius: 0 4px 4px 0;

}

.online-wrap .btn {

  position: fixed;

  z-index: 100;

  bottom: 60px;

  width: 40px;

  height: 40px;

  border: none;

  padding: 0;

  border-radius: 4px;

  line-height: 40px;

  background-color: rgba(51, 51, 51, 0.5);

  -webkit-transform-origin: center center;

      -ms-transform-origin: center center;

          transform-origin: center center;

  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);

  color: #fff;

  text-align: center;

}

@media (min-width: 768px) {

  .online-wrap .btn {

    display: none;

  }

}

.online-wrap .btn:before {

  display: inline-block;

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e6d2';

  font-size: 18px;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}

.online-wrap .btn.active:before {

  -webkit-transform: rotateZ(225deg);

      -ms-transform: rotate(225deg);

          transform: rotateZ(225deg);

}

.online-wrap .code-pic {

  display: none;

  position: fixed;

  z-index: 101;

  bottom: 150px;

  width: 120px;

  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .online-wrap .code-pic {

    bottom: 460px;

  }

}

.online-wrap .code-pic .pic-box {

  padding: 5px;

  background-color: #fff;

}

.online-wrap .code-pic img {

  display: block;

  width: 100%;

}

.online-wrap .online {

  position: fixed;

  z-index: 100;

  bottom: 23%;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}

@media (max-width: 767px) {

  .online-wrap .online {

    bottom: 100px;

  }

  .online-wrap .online.active {

    -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

            transform: translateX(0);

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}

.online-wrap .online a {

  position: relative;

  display: block;

  width: 48px;

  height: 48px;

  background-color: rgba(51, 51, 51, 0.5);

  text-align: center;

  margin: 5px 0;

  -webkit-transition: 0.6s;

  transition: 0.6s;

  line-height: 48px;

  font-size: 24px;

  color: #fff;

}

@media (min-width: 1200px) {

  .online-wrap .online a:hover {

    color: #fff;

    background-color: #08579e;

  }

  .online-wrap .online a:hover .show-num {

    opacity: 1;

  }

}

@media (max-width: 767px) {

  .online-wrap .online a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

  }

}

.online-wrap .online .show-num {

  white-space: nowrap;

  position: absolute;

  overflow: hidden;

  z-index: -1;

  top: 0;

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  transition: opacity 0.3s;

  font-size: 0.6em;

}

.online-wrap .online .show-num P {

  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);

  background-color: #08579e;

  color: #fff;

  margin: 0;

  padding: 0 10px;

}

.online-wrap .online .code .mask {

  display: none;

  position: absolute;

  right: 100%;

  top: 0;

  z-index: 10;

  width: 130px;

  height: 130px;

}

.online-wrap .online .code .mask .mask-box {

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);

  background-color: #fff;

  padding: 5px;

}

.online-wrap .online .code .mask img {

  width: 100%;

  display: block;

}

.online-wrap .online .code .mask p {

  font-size: 13px;

  color: #888;

  line-height: 16px;

  margin: 5px 0 8px 0;

}

.xs-online {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 998;

  box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);

  background-color: rgba(232, 34, 45, 0.8);

}

@media (max-width: 767px) {

  .xs-online ~ .copyright .info {

    padding-bottom: 70px;

  }

}

.xs-online ul {

  color: #fff;

  text-align: center;

  display: table;

  width: 100%;

  table-layout: fixed;

}

.xs-online ul li {

  display: table-cell;

  width: 20%;

  border-left: 1px solid rgba(255, 255, 255, 0.8);

}

.xs-online ul li > a {

  display: block;

  padding: 6px 0;

  font-size: 0.7em;

}

.xs-online ul li > a:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: block;

  font-size: 1.4em;

}

.xs-online ul li > a span {

  display: block;

  height: 17px;

  line-height: 17px;

}

.xs-online ul li:first-child {

  border-left: none;

}

.xs-online ul li.tel > a:before {

  content: '\e61c';

}

.xs-online ul li.mail > a:before {

  content: '\e6a4';

}

.xs-online ul li.home > a:before {

  content: '\e6c8';

}

.xs-online ul li.whatsapp > a:before {

  content: '\e621';

}

.xs-online ul li.facebook > a:before {

  content: '\e6d9';

}

.xs-online ul li.feedback > a:before {

  content: '\e65f';

}

.xs-online ul li.skype > a:before {

  content: '\e616';

}

.xs-online ul li.map > a:before {

  content: '\e63e';

}

.xs-online ul li.message > a:before {

  content: '\e65f';

}

.xs-online ul li.contact > a:before {

  content: '\e62c';

}

.xs-online ul li.wechat,

.xs-online ul li.weixin {

  position: relative;

}

.xs-online ul li.wechat label,

.xs-online ul li.weixin label {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  z-index: 2;

}

.xs-online ul li.wechat .xs-wechat:checked ~ .pic-box,

.xs-online ul li.weixin .xs-wechat:checked ~ .pic-box {

  display: block;

}

.xs-online ul li.wechat > a:before,

.xs-online ul li.weixin > a:before {

  content: '\e604';

}

.xs-online ul li.wechat .pic-box,

.xs-online ul li.weixin .pic-box {

  display: none;

  box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);

  position: absolute;

  bottom: 100%;

  background-color: #fff;

  padding: 5px;

  left: 50%;

  width: 100px;

  max-width: 100px;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}

.xs-online ul li.wechat .pic-box img,

.xs-online ul li.weixin .pic-box img {

  display: block;

  width: 100%;

}

.xs-online ul li.wechat .pic-box p,

.xs-online ul li.weixin .pic-box p {

  line-height: 30px;

  white-space: nowrap;

  color: #333;

  margin: 0;

}

.xs-online ul li.product > a:before {

  content: '\e7e9';

}

.xs-online ul li.gotop > a:before {

  content: '\e605';

}

.share {

  position: relative;

  z-index: 2;

}

.share.mask a {

  overflow: hidden;

  position: relative;

}

.share.mask a:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), to(rgba(204, 204, 204, 0.05)));

  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(204, 204, 204, 0.05));

  width: 2.22222222rem;

  height: 100%;

  -webkit-transform: translate3d(-150%, 0, 0) skewX(-25deg);

          transform: translate3d(-150%, 0, 0) skewX(-25deg);

  -webkit-transition: none;

  transition: none;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}

@media (min-width: 1200px) {

  .share.mask a:hover:after {

    left: 100%;

    -webkit-transform: translate3d(50%, 0, 0) skewX(-25deg);

            transform: translate3d(50%, 0, 0) skewX(-25deg);

    -webkit-transition: left 0.4s ease-out, -webkit-transform 0.4s ease-out;

    transition: left 0.4s ease-out, -webkit-transform 0.4s ease-out;

    transition: transform 0.4s ease-out, left 0.4s ease-out;

    transition: transform 0.4s ease-out, left 0.4s ease-out, -webkit-transform 0.4s ease-out;

  }

}

@media (max-width: 575px) {

  .share span {

    display: none;

  }

}

.share a {

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  margin-left: 5px;

  width: 34px;

  height: 34px;

  line-height: 34px;

  font-size: 18px;

  border-radius: 50%;

  -webkit-transition: -webkit-transform 0.4s;

  transition: -webkit-transform 0.4s;

  transition: transform 0.4s;

  transition: transform 0.4s, -webkit-transform 0.4s;

}

.share a:first-of-type {

  margin-left: 0 !important;

}

@media (min-width: 1200px) {

  .share a:hover {

    -webkit-transform: translateY(-3px);

        -ms-transform: translateY(-3px);

            transform: translateY(-3px);

    text-decoration: none !important;

  }

}

@media (max-width: 1199px) {

  .share a {

    font-size: 18px;

  }

}

@media (max-width: 991px) {

  .share a {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .share a {

    width: 28px;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

  }

}

.share.color {

  color: #fff;

}

.share.color .facebook {

  background-color: #3b5998;

}

.share.color .twitter {

  background-color: #55acee;

}

.share.color .linkedin {

  background-color: #006a9a;

}

.share.color .youtube {

  background-color: #c4302b;

}

.share.color .instagram {

  background-color: #6b3d2e;

}

.share.color .google {

  background-color: #dc4e41;

}

.newsletter {

  text-align: center;

  padding: 50px 0;

}

@media (max-width: 1199px) {

  .newsletter {

    padding: 40px 0;

  }

}

@media (max-width: 991px) {

  .newsletter {

    font-size: 35px 0;

  }

}

@media (max-width: 767px) {

  .newsletter {

    font-size: 30px 0;

  }

}

.newsletter h2,

.newsletter p {

  color: #fff;

}

.newsletter h2 {

  font-size: 36px;

  font-weight: 900;

  margin: 0 0 25px;

}

@media (max-width: 1199px) {

  .newsletter h2 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .newsletter h2 {

    font-size: 26px;

  }

}

@media (max-width: 767px) {

  .newsletter h2 {

    font-size: 22px;

  }

}

.newsletter form {

  position: relative;

  width: 720px;

  display: -webkit-box;

  display: flex;

  margin: 0 auto;

  max-width: 100%;

  padding: 5px;

  border-radius: 25px;

  background: #fff;

  overflow: hidden;

}

.newsletter form input::-webkit-input-placeholder,

.newsletter form textarea::-webkit-input-placeholder {

  color: #999999;

}

.newsletter form input:-o-placeholder,

.newsletter form textarea:-o-placeholder {

  color: #999999;

}

.newsletter form input::-moz-placeholder,

.newsletter form textarea::-moz-placeholder {

  color: #999999;

}

.newsletter form input:-ms-input-placeholder,

.newsletter form textarea:-ms-input-placeholder {

  color: #999999;

}

.newsletter form input:focus::-webkit-input-placeholder,

.newsletter form textarea:focus::-webkit-input-placeholder {

  color: #ccc;

}

.newsletter form input:focus::-o-placeholder,

.newsletter form textarea:focus::-o-placeholder {

  color: #ccc;

}

.newsletter form input:focus::-moz-placeholder,

.newsletter form textarea:focus::-moz-placeholder {

  color: #ccc;

}

.newsletter form input:focus::-ms-input-placeholder,

.newsletter form textarea:focus::-ms-input-placeholder {

  color: #ccc;

}

@media (max-width: 991px) {

  .newsletter form {

    width: 550px;

  }

}

.newsletter form input {

  width: 100%;

  color: #999999;

  padding: 5px 15px;

  -webkit-box-flex: 1;

          flex: 1 0 0%;

  border-radius: 25px;

}

.newsletter form .submit {

  white-space: nowrap;

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  padding: 5px 15px;

  text-align: center;

  background: #08579e;

  border-radius: 20px;

  color: #fff;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.newsletter form .submit span,

.newsletter form .submit:after {

  display: inline-block;

  vertical-align: middle;

}

.newsletter form .submit:after {

  margin-left: 8px;

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: '\e6cf';

  font-size: 1.5em;

  -webkit-transition: -webkit-transform 0.4s;

  transition: -webkit-transform 0.4s;

  transition: transform 0.4s;

  transition: transform 0.4s, -webkit-transform 0.4s;

}

@media (min-width: 1200px) {

  .newsletter form .submit:hover span {

    text-decoration: underline;

  }

  .newsletter form .submit:hover:after {

    -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@media (max-width: 1199px) {

  .newsletter form .submit:active span {

    text-decoration: underline;

  }

}

.footer {

  font-weight: 300;

  position: relative;

  z-index: 10;

  overflow: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s; background:url(../images/footbg.jpg) top center no-repeat #2f3030;

  color: #bfbfbf;

}

@media only screen and (min-width: 1200px) {

  .footer a:hover {

    text-decoration: underline;

  }

}

@media (max-width: 1199px) {

  .footer a:active {

    text-decoration: underline;

  }

}

.footer .footer-wrap {

  overflow: hidden;

}

.footer .footer-row {

  padding: 20px 0 55px;

  margin: 0 -15px;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

          justify-content: space-between;

}

@media (max-width: 1199px) {

  .footer .footer-row {

    flex-wrap: wrap;

    padding: 20px 0 50px;

  }

}

@media (max-width: 991px) {

  .footer .footer-row {

    padding: 15px 0 45px;

  }

}

@media (max-width: 767px) {

  .footer .footer-row {

    padding: 10px 0 40px;

  }

}

.footer .foot-list {

  text-align: left;

  display: inline-block;

  vertical-align: top;

  font-size: 18px;

  padding: 0 15px;

  margin-top: 35px;

}

@media (max-width: 1199px) {

  .footer .foot-list {

    width: 50%;

    font-size: 17px;

  }

}

@media (max-width: 767px) {

  .footer .foot-list {

    width: 100%;

    font-size: 16px;

    margin-top: 25px;

  }

  

  .footer .foot-list

}

.footer .foot-list li {

  position: relative;

  /*text-transform: capitalize;*/

}

.footer .foot-list li a {

  display: inline-block;

  position: relative;

  font-size:16px;

}

.footer .foot-list p,

.footer .foot-list li {

  line-height: 1.55555556;

}

.footer .foot-list h4 {

  font-size: 18px;

  text-transform: capitalize;

  margin: 0 0 15px;

  position: relative;

  color: #fff;

}

@media (max-width: 991px) {

  .footer .foot-list h4 {

    font-size: 22px;

  }

}

@media (max-width: 767px) {

  .footer .foot-list h4 {

    font-size: 20px;

    margin-bottom: 10px;

  }

}

.footer .contact-list {

  padding: 15px 0;

}

.footer .contact-list li {

  margin-bottom: 10px;

}

@media (min-width: 1200px) {

  .footer .foot-info {

    width: 350px;

  }

}

@media (min-width: 1200px) and (max-width: 1349px) {

  .footer .foot-info {

    width: 320px;

  }

}

.footer .foot-info .logo {

  width: 280px;

  max-width: 100%;

}

.footer .foot-info .txt {

  margin: 20px 0 30px;

}

@media (max-width: 767px) {

  .footer .foot-info .txt {

    margin: 15px 0;

  }

}

.footer .foot-info .txt p {

  font-size: 1em;

  color: inherit;

}

.footer .foot-about li,

.footer .foot-product li {

  margin-top: 5px;

}

.footer .foot-about li:first-child,

.footer .foot-product li:first-child {

  margin-top: 0;

}

@media (min-width: 1200px) {

  .footer .foot-contact {

    width: 390px;

  }

}

@media (min-width: 1200px) and (max-width: 1469px) {

  .footer .foot-contact {

    width: 350px;

  }

}


@media (max-width: 767px) {

  .footer .foot-about li,

.footer .foot-product li { float:left; margin:0; padding:5px 12px 8px 0; font-size:13px;

}

}

.footer .foot-contact .tit {

  margin-bottom: 0;

}

.footer .foot-contact .contact-list li {

  margin-top: 10px;

}

.footer .foot-contact .contact-list li:first-child {

  margin-top: 0;

}

.footer .foot-ship {

  width: 240px;

}

.footer .foot-ship .intro p {

  margin-bottom: 25px;

}

.footer .foot-message {

  overflow: hidden;

}

@media (min-width: 1200px) {

  .footer .foot-message {

    width: 330px;

  }

}

@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: #606060;

}

.footer .foot-message form input:-o-placeholder,

.footer .foot-message form textarea:-o-placeholder {

  color: #606060;

}

.footer .foot-message form input::-moz-placeholder,

.footer .foot-message form textarea::-moz-placeholder {

  color: #606060;

}

.footer .foot-message form input:-ms-input-placeholder,

.footer .foot-message form textarea:-ms-input-placeholder {

  color: #606060;

}

.footer .foot-message form input:focus::-webkit-input-placeholder,

.footer .foot-message form textarea:focus::-webkit-input-placeholder {

  color: #d8d8d8;

}

.footer .foot-message form input:focus::-o-placeholder,

.footer .foot-message form textarea:focus::-o-placeholder {

  color: #d8d8d8;

}

.footer .foot-message form input:focus::-moz-placeholder,

.footer .foot-message form textarea:focus::-moz-placeholder {

  color: #d8d8d8;

}

.footer .foot-message form input:focus::-ms-input-placeholder,

.footer .foot-message form textarea:focus::-ms-input-placeholder {

  color: #d8d8d8;

}

@media (max-width: 767px) {

  .footer .foot-message form {

    display: none;

  }

}

.footer .foot-message form .row {

  margin: 0 -5px;

}

.footer .foot-message form .row li {

  padding: 0 5px;

  line-height: 1;

}

.footer .foot-message form input,

.footer .foot-message form textarea {

  padding: 9px 20px;

  display: block;

  width: 100%;

  background: none;

  margin-top: 10px;

  font-size: 16px;

  font-weight: 300;

  background-color: #2a2a2a;

}

.footer .foot-message form textarea {

  height: 90px;

}

.footer .foot-message form .submit {

  margin-top: 2px;

  padding: 0;

  width: 120px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background-color: #08579e;

  color: #fff;

  margin-top: 20px;

  font-size: 16px;

}

.footer .foot-message form .submit:active {

  -webkit-transform: scale(0.95);

      -ms-transform: scale(0.95);

          transform: scale(0.95);

}

@media (min-width: 1200px) {

  .footer .foot-message form .submit:hover {

    text-decoration: underline;

  }

}

.copyright {

  position: relative;

  text-align: center;

  border-top: 1px solid #999999;

  overflow: hidden;

  line-height: 1.5;

  background-color: #333333;

  color: #cccccc;

  font-size: 15px;

  padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) - 15px);

  padding-bottom: calc(constant(safe-area-inset-bottom) - 15px);

  padding-bottom: -webkit-calc(env(safe-area-inset-bottom) - 15px);

  padding-bottom: calc(env(safe-area-inset-bottom) - 15px);

}

.copyright .info {

  padding: 14px;

}

@media (max-width: 991px) {

  .copyright .info {

    padding: 12px 0;

  }

}

@media (min-width: 768px) {

  .copyright {

    font-size: 14px;

  }

}

.copyright span {

  padding: 0 5px;

}

@media only screen and (min-width: 1200px) {

  .copyright span a:hover {

    text-decoration: underline;

    color: #fff;

  }

}

@media (max-width: 1199px) {

  .copyright span a:active {

    text-decoration: underline;

    color: #fff;

  }

}

.copyright .beian,

.copyright .jishu {

  display: inline-block;

}

.copyright .sitemap {

  text-decoration: underline;

}

@media (min-width: 768px) {

  .copyright .sitemap {

    margin-left: 10px;

  }

}

@media (max-width: 767px) {

  .copyright .sitemap {

    margin-top: 5px;

  }

}

.copyright .sitemap a {

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

}







/**

 * Date : 2023年2月8日16:41:14

 * @author HSM

 * @toDo 加产品权限

 */



.product-list .permission-item img {

  -webkit-filter: blur(10px);

          filter: blur(10px);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);

}

.ie .product-list .permission-item img {

  -webkit-transform: scale(7) !important;

  -ms-transform: scale(7) !important;

  transform: scale(7) !important;

}

.product-list .permission-item .img-box:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 20;

  background: url(../images/imgs/new.png) top left no-repeat;

  background-size: cover;

}

.permission-wrap .fancybox-close-small {

  top: 5px;

  right: 5px;

}

.permission-wrap .fancybox-close-small:after {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\e61b";

}

.permission {

  display: none;

  font-family: 'Roboto Condensed', "Microsoft YaHei", "PingFang SC", Arial, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

  padding: 0;

  text-align: center;

  width: 820px;

  max-width: 90%;

}

.permission .login-wrap {

  position: relative;

  padding-left: 300px;

  background-color: #fff;

}

@media (max-width: 991px) {

  .permission .login-wrap {

    padding-left: 200px;

  }

}

@media (max-width: 767px) {

  .permission .login-wrap {

    padding-left: 0;

  }

}

.permission .pic-box {

  position: absolute;

  left: 0;

  top: 0;

  width: 300px;

  height: 100%;

  overflow: hidden;

}

@media (max-width: 991px) {

  .permission .pic-box {

    width: 200px;

  }

}

@media (max-width: 767px) {

  .permission .pic-box {

    display: none;

  }

}

.permission .pic-box img {

  position: relative;

  display: block;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  top: 0;

}

.permission form {

  padding: 45px 60px;

}

@media (max-width: 991px) {

  .permission form {

    padding: 40px;

  }

}

@media (max-width: 480px) {

  .permission form {

    padding: 25px 5%;

  }

}

.permission form > b {

  display: block;

  font-size: 30px;

  font-weight: normal;

  margin-bottom: 10px;

}

@media (max-width: 480px) {

  .permission form > b {

    font-size: 26px;

    margin-bottom: 5px;

  }

}

.permission form p {

  font-size: 18px;

  line-height: 1.33333333;

  margin: 0;

}

@media (max-width: 991px) {

  .permission form p {

    font-size: 16px;

  }

}

@media (max-width: 480px) {

  .permission form p {

    font-size: 4vw;

  }

}

.permission form .input-box {

  margin-top: 25px;

}

@media (max-width: 480px) {

  .permission form .input-box {

    margin-top: 15px;

  }

}

.permission form input::-webkit-input-placeholder,

.permission form textarea::-webkit-input-placeholder {

  color: #999;

}

.permission form input:-o-placeholder,

.permission form textarea:-o-placeholder {

  color: #999;

}

.permission form input::-moz-placeholder,

.permission form textarea::-moz-placeholder {

  color: #999;

}

.permission form input:-ms-input-placeholder,

.permission form textarea:-ms-input-placeholder {

  color: #999;

}

.permission form input:focus::-webkit-input-placeholder,

.permission form textarea:focus::-webkit-input-placeholder {

  color: #c5c5c5;

}

.permission form input:focus::-o-placeholder,

.permission form textarea:focus::-o-placeholder {

  color: #c5c5c5;

}

.permission form input:focus::-moz-placeholder,

.permission form textarea:focus::-moz-placeholder {

  color: #c5c5c5;

}

.permission form input:focus::-ms-input-placeholder,

.permission form textarea:focus::-ms-input-placeholder {

  color: #c5c5c5;

}

.permission form label {

  position: relative;

  margin-bottom: 10px;

}

.permission form label:before {

  font-family: 'iconfont' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 22px;

  position: absolute;

  left: 25px;

  top: 50%;

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

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

          transform: translateY(-50%);

  display: block;

  font-weight: 300;

  color: #000;

}

@media (max-width: 480px) {

  .permission form label:before {

    font-size: 20px;

    left: 15px;

  }

}

.permission form label.name:before {

  content: "\e65a";

}

.permission form label.password:before {

  content: "\e65b";

}

.permission form label,

.permission form label input {

  display: block;

  width: 100%;

}

.permission form label input {

  border: 1px solid #e5e5e5;

  font-size: 18px;

  color: #666;

  font-weight: 300;

  padding: 11px 30px 11px 65px;

  border-radius: 50px;

}

@media (max-width: 480px) {

  .permission form label input {

    font-size: 15px;

    padding: 8px 20px 8px 45px;

  }

}

.permission form .mail {

  font-size: 18px;

  font-weight: normal;

  margin: 40px 0 35px;

}

@media (max-width: 991px) {

  .permission form .mail {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .permission form .mail {

    margin: 6% 0;

    font-size: 14px;

  }

}

.permission form .mail a {

  text-decoration: underline;

}

.permission form .mail a:hover {

  color: #e11800;

}

.permission form .submit {

  display: block;

  width: 180px;

  height: 45px;

  line-height: 45px;

  border-radius: 45px;

  background-color: #e11800;

  color: #fff;

  text-align: center;

  margin: 0 auto;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  font-size: 18px;

}

@media (max-width: 480px) {

  .permission form .submit {

    width: 150px;

    height: 40px;

    line-height: 40px;

    border-radius: 40px;

    font-size: 16px;

  }

}

.permission form .submit:hover {

  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.4);

}
.page_info{text-align:center;margin:10px auto;padding:50px 0;color:#999;clear:both; width:100%;}
.page_info span{padding:0 2px;font-weight:bold}
.page_list{height:24px;line-height:24px;text-align:center;clear:both;letter-spacing:0;font-size:10px;margin:50px auto;padding:50px 0;clear:both;width:100%}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2}
.table_a{overflow-x: auto;width: 100%;}
.table_a table{border-right:1px solid #08579e;border-bottom:1px solid #08579e;width:100%}
.table_a table td{border-left:1px solid #08579e;border-top:1px solid #08579e;text-align:left;font-size:16px;height:30px;line-height:30px;padding:0 0 0 5px;}
.table_a table tr:nth-child(odd){background:#08579e; color:#fff!important;}
.table_a table th{border-left:1px solid #08579e;border-top:1px solid #08579e;background:#08579e;color:#fff!important;font-weight:bold;text-align:left;font-size:16px;height:40px;line-height:40px;padding:5px;}
.table_a table th p{color: #fff!important;}
.biao2{background:#f1f1f1}
/*# sourceMappingURL=./style.css.map */