/**
 * style.less
 * 层叠样式表
 */
.ff {
   font-family: "iconfont" !important;
}
@font-face {
   font-family: "D-DIN Condensed";
   font-weight: normal;
   font-style: normal;

   src: url("../fonts/D-DINCondensed.eot");
   src: local("D-DIN Condensed"), local("D-DINCondensed"),
      url("../fonts/D-DINCondensed.eot?#iefix") format("embedded-opentype"),
      url("../fonts/D-DINCondensed.woff2") format("woff2"),
      url("../fonts/D-DINCondensed.woff") format("woff"),
      url("../fonts/D-DINCondensed.ttf") format("truetype"),
      url("../fonts/D-DINCondensed.svg#D-DINCondensed") format("svg");
   font-display: swap;
}
.textcolor {
   background-image: -webkit-linear-gradient(right, #18a7a3, #0f74e8);
   -webkit-background-clip: text;

   -webkit-text-fill-color: transparent;
}
.jianbian {
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f1f1f1),
         to(#fff));
   background: -webkit-linear-gradient(#f1f1f1, #fff);
   background: linear-gradient(#f1f1f1, #fff);
}
.jianbian-hover {
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
}
.shadow {
   box-shadow: 0 0 10px rgba(0, 100, 187, 0.1);
}
.bg {
   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
body {
   font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC",
      "PingFang SC", "Hiragino Sans GB", Arial, "Helvetica Neue", Helvetica,
      sans-serif;
   font-size: 14px;

   height: auto !important;

   color: #000;

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.slick-arrow {
   font-size: 20px;
   line-height: 1;
   line-height: 36px;

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

   overflow: hidden;

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

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

   color: #a5bad8;
   border: none;
   border: 1px solid #fff;
   border-radius: 50%;
   outline: none;
   background: none;
   background-color: #e1ecf7;
}
.slick-arrow:before {
   font-family: "iconfont" !important;

   display: inline-block;

   content: "\eb60";
}
.slick-arrow.slick-next {
   right: 0%;
   left: auto;
}
.slick-arrow.slick-next:before {
   content: "\e625";
}
.slick-arrow:hover {
   color: #fff;
   background-color: #0064bb;
}
.slick-dots {
   margin-top: 40px;

   text-align: center;
}
.slick-dots li {
   display: inline-block;

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

   vertical-align: top;

   border-radius: 50%;
   background-color: #d1d1d1;
}
@media (max-width: 991px) {
   .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0 6px;
   }
}
.slick-dots li button {
   display: none;
}
.slick-dots li.slick-active {
   background-color: #0064bb;
}
.tranform-0 {
   -webkit-transform: translate(0) !important;
   -ms-transform: translate(0) !important;
   transform: translate(0) !important;
}
.fp-auto-height {
   height: auto;
}
.fp-scrollable {
   height: auto;
}
.header {
   position: fixed;
   z-index: 10;
   top: 0;

   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 100%;
   height: 110px;
   padding: 0 2%;

   -webkit-transition: all 0.4s;
   transition: all 0.4s;

   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 1199px) {
   .header {
      position: fixed;

      height: 60px;
      padding: 0 15px;
   }
}
.header .logo {
   display: inline-block;
   float: left;

   height: 50px;

   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}
@media (max-width: 1199px) {
   .header .logo {
      height: 40px;
   }
}
.header .logo a {
   display: block;

   height: 100%;
}
.header .logo .white {
   display: none;
}
.header .logo img {
   display: block;

   height: 100%;
}
.header .pc-search {
   display: inline-block;

   vertical-align: middle;
}
@media (max-width: 767px) {
   .header .pc-search {
      margin: 0;
   }
}
.header .pc-search .search-button {
   font-size: 24px;
   line-height: 46px;

   display: inline-block;
   overflow: hidden;

   width: 46px;
   height: 46px;

   cursor: pointer;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   text-align: center;
   vertical-align: middle;

   color: #fff;
   border-radius: 50%;
   background-color: #0064bb;
}
.header .pc-search .search-button:before {
   font-family: "iconfont" !important;

   content: "\e660";
   text-align: center;
}
.header .pc-search form {
   position: absolute;
   z-index: 2;
   top: 100%;
   right: 0;

   display: block;
   display: none;
   overflow: hidden;

   width: 100%;
   height: 60px;
   padding: 15px 10%;

   background-color: rgba(75, 187, 0, 0.8);
}
@media (max-width: 1199px) {
   .header .pc-search form {
      padding: 15px 50px 15px 15px;
   }
}
.header .pc-search input {
   font-size: 16px;
   line-height: 30px;

   width: 100%;
   height: 30px;
   padding: 0 30px 0 10px;

   color: #fff;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   outline: none;
   background: none;
}
.header .pc-search input::-webkit-input-placeholder,
.header .pc-search textarea::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.5);
}
.header .pc-search input:-o-placeholder,
.header .pc-search textarea:-o-placeholder {
   color: rgba(255, 255, 255, 0.5);
}
.header .pc-search input::-moz-placeholder,
.header .pc-search textarea::-moz-placeholder {
   color: rgba(255, 255, 255, 0.5);
}
.header .pc-search input:-ms-input-placeholder,
.header .pc-search textarea:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.5);
}
.header .pc-search input:focus::-webkit-input-placeholder,
.header .pc-search textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.header .pc-search input:focus::-o-placeholder,
.header .pc-search textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.header .pc-search input:focus::-moz-placeholder,
.header .pc-search textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.header .pc-search input:focus::-ms-input-placeholder,
.header .pc-search textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.header .pc-search .close-search {
   line-height: 60px;

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

   cursor: pointer;

   color: #fff;
}
@media (max-width: 1199px) {
   .header .pc-search .close-search {
      right: 10px;
   }
}
.header .pc-search .close-search:before {
   font-family: "iconfont" !important;
   font-size: 30px;

   display: block;

   content: "\e629";
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
.header .pc-search .submit {
   font-size: 24px;
   line-height: 30px;

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

   width: 30px;
   padding: 0;

   text-align: center;

   color: #fff;
   outline: none;
   background: none;
   box-shadow: none;
}
@media (max-width: 1199px) {
   .header .pc-search .submit {
      right: 50px;
   }
}
.header .pc-search .submit:before {
   font-family: "iconfont" !important;

   content: "\e660";
}
.header .tel {
   display: inline-block;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: right;
   vertical-align: middle;

   color: #0064bb;
}
@media (max-width: 767px) {
   .header .tel {
      display: none;
   }
}
.header .tel span {
   font-size: 16px;
   line-height: 24px;

   display: block;
}
.header .tel p {
   font-size: 28px;
   font-weight: bold;
   line-height: 30px;

   margin: 0;

   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}
@media (max-width: 1470px) {
   .header .tel p {
      font-size: 22px;
   }
}
@media (max-width: 1199px) {
   .header .tel p {
      line-height: 30px;

      height: 30px;
   }
}
.header .tel p a:before {
   font-family: "iconfont" !important;
   font-size: 28px;
   font-weight: normal;
   line-height: 32px;

   display: inline-block;

   margin-right: 6px;

   content: "\e637";
   text-align: center;
   vertical-align: middle;
}
.header .header-menu {
   line-height: 36px;

   position: relative;

   display: none;

   width: 36px;
   height: 36px;
   margin-left: 12px;
   padding: 0;

   cursor: pointer;
   text-align: center;

   border-radius: 50%;
   background: none;
   background-color: #1f40a0;
}
@media (max-width: 1199px) {
   .header .header-menu {
      display: inline-block;

      vertical-align: middle;
   }
   .header .header-menu.header-menu-1 {
      position: absolute;
      z-index: 9999;
      top: 12px;
      right: 15px;

      display: block;

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

   width: 20px;
   height: 2px;

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

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

   display: block;

   width: 20px;
   height: 2px;

   content: "";
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;

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

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

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

   -webkit-transform: translateX(-50%) rotateZ(-45deg);
   -ms-transform: translateX(-50%) rotate(-45deg);
   transform: translateX(-50%) rotateZ(-45deg);
}
@media (min-width: 1200px) {
   .header .menu {
      display: inline-block;

      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      vertical-align: middle;
   }
   .header .menu .logo {
      display: none;
   }
}
@media (max-width: 1199px) {
   .header .menu {
      position: fixed;
      z-index: 9998;
      top: 0;
      left: 0;

      display: none;

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

      -webkit-transition: left 0.3s;
      transition: left 0.3s;
      text-align: left;
      text-align: center;

      color: #666;
      background: #fff;
   }
   .header .menu .logo {
      display: block;
      float: left;

      margin-top: 10px;
      padding-left: 0;
   }
   .header .menu .tbl {
      display: table;

      width: 100%;
      height: 90%;
      padding-top: 30%;
   }
   .header .menu .tbl-cell {
      display: table-cell;

      height: 100%;

      vertical-align: top;
   }
}
@media (min-width: 1200px) {
   .header .menu .menu-list1 {
      text-align: center;
   }
   .header .menu .menu-list1>li {
      display: inline-block;

      vertical-align: top;
   }
   .header .menu .menu-list1>li>a {
      font-size: 20px;
      line-height: 110px;

      position: relative;

      display: inline-block;

      padding: 0 24px;

      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      vertical-align: middle;

      color: #000;
   }
   .header .menu .menu-list1>li:hover>a,
   .header .menu .menu-list1>li.active>a {
      color: #0064bb;
   }
   .header .menu .menu-list1>li.more:hover>a:after {
      position: absolute;
      bottom: 0;
      left: 50%;

      display: block;

      width: 0;
      height: 0;

      content: "";
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);

      border-width: 0 5px 10px 5px;
      border-style: solid;
      border-color: transparent transparent #fff transparent;
   }
   .header .menu .menu-list1 .menu-list2 {
      font-size: 0;

      position: absolute;
      z-index: 50;
      top: 100%;
      left: 0;

      display: none;
      overflow: hidden;

      width: 100%;
      padding: 50px 0;

      background-color: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   }
   .header .menu .menu-list1 .menu-about-list2 ul,
   .header .menu .menu-list1 .menu-case-list2 ul {
      max-width: 1200px;
      margin: 0 auto;
   }
   .header .menu .menu-list1 .menu-about-list2 ul>li,
   .header .menu .menu-list1 .menu-case-list2 ul>li {
      font-size: 16px;

      display: inline-block;

      width: 16.66666667%;

      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      vertical-align: top;

      color: #666;
   }
   .header .menu .menu-list1 .menu-about-list2 ul>li img,
   .header .menu .menu-list1 .menu-case-list2 ul>li img {
      display: block;

      width: 50px;
      margin: 0 auto;
      margin-bottom: 20px;
   }
   .header .menu .menu-list1 .menu-about-list2 ul>li a,
   .header .menu .menu-list1 .menu-case-list2 ul>li a {
      display: block;
   }
   .header .menu .menu-list1 .menu-about-list2 ul>li:hover,
   .header .menu .menu-list1 .menu-case-list2 ul>li:hover {
      -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px);

      color: #0064bb;
   }
   .header .menu .menu-list1 .menu-case-list2 ul>li {
      color: #0064bb;
   }
   .header .menu .menu-list1 .menu-case-list2 ul>li .icon {
      display: inline-block;

      width: 50px;
      height: 50px;
      padding: 10px;

      vertical-align: middle;

      background-image: -webkit-gradient(linear,
            right top,
            left top,
            from(#0052d9),
            to(#006eff));
      background-image: -webkit-linear-gradient(right, #0052d9, #006eff);
      background-image: linear-gradient(right, #0052d9, #006eff);
   }
   .header .menu .menu-list1 .menu-case-list2 ul>li .icon img {
      width: 100%;

      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
   }
   .header .menu .menu-list1 .menu-case-list2 ul>li span {
      display: inline-block;

      vertical-align: middle;
   }
   .header .menu .menu-list1 .menu-new-list2 .news-nav {
      font-size: 0;

      max-width: 1200px;
      margin: 0 auto;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left,
   .header .menu .menu-list1 .menu-new-list2 .new-nav-right {
      font-size: 14px;

      display: inline-block;

      width: 50%;
      padding: 0 5%;

      vertical-align: top;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left {
      text-align: left;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left>ul {
      font-size: 0;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left>ul>li {
      font-size: 14px;

      display: inline-block;

      width: 50%;

      vertical-align: top;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left>ul>li a {
      font-size: 16px;
      line-height: 30px;

      position: relative;

      display: block;

      margin: 10px 0;
      padding-left: 20px;

      color: #666;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left>ul>li a:before {
      display: inline-block;

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

      content: "";
      vertical-align: middle;

      background-color: #0064bb;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-left>ul>li:hover a {
      color: #0064bb;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-right {
      padding: 0 4%;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-right .img {
      display: none;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-right .img:nth-child(1) {
      display: block;
   }
   .header .menu .menu-list1 .menu-new-list2 .new-nav-right .img img {
      width: 100%;
   }
   .header .menu .menu-list1 .menu-product-list2 {
      padding-right: 5%;
      padding-left: 5%;

      text-align: left;
   }
   .header .menu .menu-list1 .menu-product-list2>ul {
      font-size: 0;

      overflow: hidden;

      margin: 0 -30px;
   }
   .header .menu .menu-list1 .menu-product-list2>ul>li {
      font-size: 14px;

      display: inline-block;

      width: 60%;
      margin-bottom: -999px;
      padding: 30px;
      padding-bottom: 999px;

      vertical-align: top;

      border-right: 1px solid #e7e7e7;
   }
   .header .menu .menu-list1 .menu-product-list2>ul>li:nth-child(2) {
      width: 40%;
   }
   .header .menu .menu-list1 .menu-product-list2>ul>li:nth-child(3) {
      width: 25%;
   }
   .header .menu .menu-list1 .menu-product-list2>ul>li:last-child {
      border-right: none;
   }
   .header .menu .menu-list1 .menu-product-list2>ul>li:last-child .nav-list>ul>li {
      width: 100%;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .title-subject a {
      display: block;

      color: #0064bb;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .title-subject a img,
   .header .menu .menu-list1 .menu-product-list2 .subject .title-subject a h2 {
      display: inline-block;

      vertical-align: middle;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .title-subject a img {
      width: 70px;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .title-subject a h2 {
      font-size: 24px;
      line-height: 30px;

      margin: 0;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .nav-list>ul {
      font-size: 0;
      min-height: 200px;
      margin: 0 -10px;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .nav-list>ul>li {
      display: inline-block;

      width: 50%;
      padding: 10px 10px;

      vertical-align: top;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .nav-list>ul>li>a {
      font-size: 15px;
      line-height: 30px;

      display: -webkit-box;
      overflow: hidden;

      height: 30px;
      padding-left: 16px;

      color: #666;

      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .nav-list>ul>li>a:before {
      display: inline-block;

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

      content: "";
      vertical-align: middle;

      background-color: #0064bb;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .nav-list>ul>li>a:hover {
      color: #0064bb;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .mmore {
      margin-top: 30px;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .mmore a {
      line-height: 38px;

      display: inline-block;

      padding: 0 20px;

      -webkit-transition: all 0.2s;
      transition: all 0.2s;

      color: #aaa;
      border: 1px solid #e3e3e3;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .mmore a:hover {
      color: #fff;
      background-color: #0064bb;
   }
}
@media (min-width: 1200px) and (max-width: 1660px) {
   .header .menu .menu-list1>li>a {
      padding: 0 20px;
   }
}
@media (min-width: 1200px) and (max-width: 1470px) {
   .header .menu .menu-list1>li>a {
      font-size: 18px;
   }
}
@media (min-width: 1200px) and (max-width: 1350px) {
   .header .menu .menu-list1>li>a {
      padding: 0 12px;
   }
}
@media (max-width: 1199px) {
   .header .menu .menu-list1 {
      overflow-y: auto;

      height: 100%;

      text-align: left;
   }
   .header .menu .menu-list1>li {
      position: relative;

      margin: 10px 0;
   }
   .header .menu .menu-list1>li>a {
      font-size: 16px;
      line-height: 30px;

      display: block;

      padding: 4px 0;

      text-transform: uppercase;
   }
   .header .menu .menu-list1 .open-menu {
      font-size: 20px;
      line-height: 30px;

      position: absolute;
      top: 0;
      right: 0;
   }
   .header .menu .menu-list1 .open-menu:after {
      font-family: "iconfont" !important;

      content: "\e629";
   }
   .header .menu .menu-list1 .current .open-menu:after {
      font-family: "iconfont" !important;

      content: "\e628";
   }
   .header .menu .menu-list1 .menu-list2 {
      display: none;
   }
   .header .menu .menu-list1 .menu-list2 li .icon {
      display: none;
   }
   .header .menu .menu-list1 .menu-list2 li>a {
      font-size: 14px;
      line-height: 30px;

      display: block;

      text-transform: uppercase;

      color: #666;
   }
   .header .menu .menu-list1 .menu-list2 li>a:before {
      margin-right: 4px;

      content: "-";
   }
   .header .menu .menu-list1 .menu-list2 .menu-list3>li {
      display: inline-block;

      vertical-align: top;
   }
   .header .menu .menu-list1 .menu-list2 .menu-list3>li a {
      line-height: 24px;

      padding: 0 4px;

      color: #999;
   }
   .header .menu .menu-list1 .menu-list2 .menu-list3>li a:before {
      font-weight: bold;

      content: "·";
   }
}
@media (max-width: 1199px) and (max-width: 1199px) {
   .header .menu .menu-list1 img,
   .header .menu .menu-list1 .menu-icon {
      display: none;
   }
   .header .menu .menu-list1 p {
      display: inline-block;
   }
   .header .menu .menu-list1 .menu-list2 {
      overflow: hidden;
   }
   .header .menu .menu-list1 .nlist {
      margin: 0 -10px;
   }
   .header .menu .menu-list1 .nlist li {
      display: inline-block;

      width: auto;

      vertical-align: top;
   }
   .header .menu .menu-list1 .nlist li a {
      font-size: 15px;
      line-height: 30px;

      padding: 0 10px;

      color: #666;
   }
   .header .menu .menu-list1 .nlist li a:before {
      margin-right: 4px;

      content: "-";
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .title-subject h2 {
      font-size: 16px;
      font-weight: bold;
   }
   .header .menu .menu-list1 .menu-product-list2 .subject .mmore {
      display: none;
   }
   .header .menu .menu-list1 .menu-sort {
      overflow: hidden;
   }
   .header .menu .menu-list1 .menu-sort ul {
      margin: 0 -10px;
   }
   .header .menu .menu-list1 .menu-sort li {
      display: inline-block;

      width: auto;

      vertical-align: top;
   }
   .header .menu .menu-list1 .menu-sort li a {
      font-size: 15px;
      line-height: 30px;

      margin-right: 10px;
      padding: 0;

      text-transform: uppercase;

      color: #999;
   }
   .header .menu .menu-list1 .menu-sort li a:before {
      margin-right: 4px;

      content: "-";
   }
   .header .menu .menu-list1 .menu-product {
      display: none;
   }
}
.header .back-btn {
   position: absolute;
   left: 15px;
}
.bodywhite .logo .white {
   display: inline-block;
}
.bodywhite .logo .black {
   display: none;
}
.bodywhite .tel {
   color: #fff;
}
.bodywhite .header .menu .menu-list1>li>a {
   color: #fff;
}

.bodywhite .header .menu .menu-list1>li.active>a,
.bodywhite .header .menu .menu-list1>li:hover>a {
   color: #0064bb;
}
.bodywhite .banner .slick-arrow {
   color: #fff;
}
.bodywhite .banner .slick-dots li {
   background-color: #fff;
}
.bodywhite .banner .slick-dots li.slick-active {
   background-color: #fff;
}
.bodywhite .fixed-header,
.bodywhite .inner-header {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.bodywhite .fixed-header .logo .white,
.bodywhite .inner-header .logo .white {
   display: none;
}
.bodywhite .fixed-header .logo .black,
.bodywhite .inner-header .logo .black {
   display: inline-block;
}
.bodywhite .fixed-header .menu .menu-list1>li>a,
.bodywhite .inner-header .menu .menu-list1>li>a {
   color: #333;
}
.bodywhite .fixed-header .menu .menu-list1>li.active>a,
.bodywhite .inner-header .menu .menu-list1>li.active>a,
.bodywhite .fixed-header .menu .menu-list1>li:hover>a,
.bodywhite .inner-header .menu .menu-list1>li:hover>a {
   color: #0064bb;
}
.bodywhite .fixed-header .menu .menu-list1>li:hover>a,
.bodywhite .inner-header .menu .menu-list1>li:hover>a {
   background-color: #eee;
}
.bodywhite .fixed-header .tel,
.bodywhite .inner-header .tel {
   color: #0064bb;
}
.bodywhite .fixed-header {
   background-color: #fff;
}
.bodywhite .fixed-header:hover {
   background-color: #fff;
}
.bodywhite .banner-in .text-inner h2,
.bodywhite .banner-in .text-inner h3 {
   color: #fff;
}
.fixed-header,
.inner-header {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.fixed-header .logo .white,
.inner-header .logo .white {
   display: none;
}
.fixed-header .logo .black,
.inner-header .logo .black {
   display: inline-block;
}
.fixed-header .menu .menu-list1>li>a,
.inner-header .menu .menu-list1>li>a {
   color: #333;
}
.fixed-header .menu .menu-list1>li.active>a,
.inner-header .menu .menu-list1>li.active>a,
.fixed-header .menu .menu-list1>li:hover>a,
.inner-header .menu .menu-list1>li:hover>a {
   color: #0064bb;
}
.fixed-header .menu .menu-list1>li:hover>a,
.inner-header .menu .menu-list1>li:hover>a {
   background-color: #eee;
}
.fixed-header .tel,
.inner-header .tel {
   color: #0064bb;
}
.fixed-header {
   background-color: #fff;
}
.fixed-header:hover {
   background-color: #fff;
}
.customer-service {
   position: fixed;
   z-index: 9;
   bottom: 5%;
   right: 0;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.customer-service ul li {
   margin: 2px 0;
}
.customer-service a {
   position: relative;

   display: block;

   color: #fff;
}
.customer-service a .icon {
   font-size: 30px;
   line-height: 60px;

   position: relative;
   z-index: 3;

   display: block;

   width: 60px;
   height: 60px;

   text-align: center;

   border-radius: 6px;
   background-color: #0064bb;
}
@media (max-width: 1470px) {
   .customer-service a .icon {
      line-height: 50px;

      width: 50px;
      height: 50px;
   }
}
.customer-service a .icon img {
   width: 30px;
   margin: 0 auto;
}
.customer-service a p {
   font-size: 16px;
   line-height: 30px;

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

   margin: 0;
   padding: 10px;

   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   -webkit-transform: translateX(150%);
   -ms-transform: translateX(150%);
   transform: translateX(150%);
   white-space: nowrap;

   background-color: #0064bb;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.customer-service a p img {
   width: 100px;
}
.customer-service a:hover p {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
}
.customer-service .service-wechat p {
   background-color: #0064bb;
}
.xs-customer-service {
   position: fixed;
   z-index: 9;
   bottom: 0;

   width: 100%;

   text-align: center;

   background-color: #0064bb;
}
.xs-customer-service ul {
   font-size: 0;
}
.xs-customer-service ul li {
   display: inline-block;

   width: 33.33333333%;

   vertical-align: top;
}
.xs-customer-service a {
   display: block;

   padding: 4px;

   color: #fff;
}
.xs-customer-service a .icon {
   font-size: 30px;
   line-height: 1;

   display: block;
}
.xs-customer-service a span {
   font-size: 14px;
   line-height: 1.5;

   display: block;
}
.banner {
   font-size: 0;

   position: relative;

   clear: both;
   overflow: hidden;

   width: 100%;
}
@media (max-width: 767px) {
   .banner .slick-banner {
      width: 140%;
      max-width: 140%;
      margin-left: -20%;
   }
}
.banner .img img {
   width: 100%;
}
.banner img {
   display: block;
}
.banner .slick-dots {
   font-size: 0;

   position: absolute;
   z-index: 9;
   bottom: 30px;

   width: 100%;
   height: 10px;

   text-align: center;
}
@media (max-width: 1199px) {
   .banner .slick-dots {
      bottom: 10px;
   }
}
.banner .slick-dots>li {
   position: relative;

   display: inline-block;

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

   vertical-align: middle;

   opacity: 0.5;
   border-radius: 50%;
   background-color: #0064bb;
}
.banner .slick-dots .slick-active {
   opacity: 1;
}
.banner .slick-dots button {
   display: none;
}
.banner .slick-arrow {
   font-size: 18px;
   line-height: 50px;

   position: absolute;
   top: auto;
   bottom: 28px;
   left: 3%;

   width: 50px;
   height: 50px;

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

   opacity: 0.5;
   color: #fff;
   border-radius: 0;
   background: none;
}
@media (max-width: 1199px) {
   .banner .slick-arrow {
      bottom: 10px;
   }
}
@media (max-width: 991px) {
   .banner .slick-arrow {
      left: 15%;
   }
}
@media (max-width: 767px) {
   .banner .slick-arrow {
      font-size: 14px;
      line-height: 30px;

      display: none !important;

      height: 30px;
   }
}
.banner .slick-arrow:before {
   font-family: "iconfont" !important;
   font-size: 45px;

   content: "\e686";
}
@media (max-width: 991px) {
   .banner .slick-arrow:before {
      font-size: 30px;
   }
}
.banner .slick-arrow:hover {
   color: #fff;
}
.banner .slick-arrow.slick-next {
   left: -webkit-calc(3% + 80px);
   left: calc(3% + 80px);
}
@media (max-width: 991px) {
   .banner .slick-arrow.slick-next {
      left: -webkit-calc(14% + 80px);
      left: calc(14% + 80px);
   }
}
@media (max-width: 767px) {
   .banner .slick-arrow.slick-next {
      left: -webkit-calc(14% + 50px);
      left: calc(14% + 50px);
   }
}
.banner .slick-arrow.slick-next:before {
   content: "\e685";
}
.banner .subject {
   position: relative;

   display: block;
   overflow: hidden;
}
.banner .subject .banimg {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   -webkit-transition: all 1s;
   transition: all 1s;
   -webkit-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);

   opacity: 0;
}
.banner .subject .banimg img {
   width: 100%;
}
.banner .text {
   font-size: 0;

   position: absolute;
   top: 55%;

   width: 100%;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: left;
}
@media (max-width: 1470px) {
   .banner .text {
      top: 55%;
   }
}
@media (max-width: 767px) {
   .banner .text {
      padding-left: 15%;
   }
}
.banner .text-1 {
   color: #0064bb;
}
.banner .text-1 .desc {
   max-width: 50%;
}
.banner .text-1 h2 {
   font-size: 48px;
   font-weight: bold;
   line-height: 1;

   margin-top: 0;
}
@media (max-width: 1470px) {
   .banner .text-1 h2 {
      font-size: 40px;
   }
}
@media (max-width: 1199px) {
   .banner .text-1 h2 {
      font-size: 36px;
   }
}
@media (max-width: 991px) {
   .banner .text-1 h2 {
      font-size: 30px;
   }
}
@media (max-width: 767px) {
   .banner .text-1 h2 {
      font-size: 20px;
   }
}
.banner .text-1 h3 {
   font-family: "D-DIN Condensed";
   font-size: 36px;
   line-height: 1.2;

   margin: 0;

   text-transform: uppercase;
}
@media (max-width: 1470px) {
   .banner .text-1 h3 {
      font-size: 30px;
   }
}
@media (max-width: 1199px) {
   .banner .text-1 h3 {
      font-size: 24px;
   }
}
@media (max-width: 991px) {
   .banner .text-1 h3 {
      font-size: 20px;
   }
}
@media (max-width: 767px) {
   .banner .text-1 h3 {
      font-size: 16px;
   }
}
.banner .text-2 {
   z-index: 4;
}
.banner .text-2 .desc {
   max-width: 50%;
}
.banner .text-2 .desc h2 {
   font-size: 46px;
   font-weight: bold;
   line-height: 1.5;

   margin: 0;

   color: #fff;
}
@media (max-width: 1470px) {
   .banner .text-2 .desc h2 {
      font-size: 36px;
   }
}
@media (max-width: 1199px) {
   .banner .text-2 .desc h2 {
      font-size: 30px;
   }
}
@media (max-width: 991px) {
   .banner .text-2 .desc h2 {
      font-size: 24px;
   }
}
@media (max-width: 767px) {
   .banner .text-2 .desc h2 {
      font-size: 20px;
   }
}
.banner .text-2 .desc h3 {
   font-size: 36px;

   line-height: 1.5;

   margin: 0;

   color: #fff;
}
@media (max-width: 1470px) {
   .banner .text-2 .desc h3 {
      font-size: 30px;
   }
}
@media (max-width: 1199px) {
   .banner .text-2 .desc h3 {
      font-size: 24px;
   }
}
@media (max-width: 991px) {
   .banner .text-2 .desc h3 {
      font-size: 20px;
   }
}
@media (max-width: 767px) {
   .banner .text-2 .desc h3 {
      font-size: 14px;
   }
}
.banner .text-2 .desc .more {
   font-size: 16px;
   line-height: 30px;

   display: inline-block;

   margin-top: 30px;
   padding: 10px 20px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #fff;
   border: 1px solid #fff;
   border-radius: 5px;
}
@media (max-width: 767px) {
   .banner .text-2 .desc .more {
      font-size: 12px;
      line-height: 20px;

      margin-top: 10px;
      padding: 4px 10px;
   }
}
.banner .text-2 .desc .more:hover {
   color: #fff;
   border-color: #0064bb;
   background-color: #0064bb;
}
.banner .text-4 {
   z-index: 4;

   color: #0064bb;
}
.banner .text-4 .desc {
   max-width: 50%;
}
.banner .text-4 .desc h2 {
   font-size: 48px;
   font-weight: bold;
   line-height: 1.5;

   margin: 0;
}
@media (max-width: 1470px) {
   .banner .text-4 .desc h2 {
      font-size: 40px;
   }
}
@media (max-width: 1199px) {
   .banner .text-4 .desc h2 {
      font-size: 36px;
   }
}
@media (max-width: 991px) {
   .banner .text-4 .desc h2 {
      font-size: 30px;
   }
}
@media (max-width: 767px) {
   .banner .text-4 .desc h2 {
      font-size: 20px;
   }
}
.banner .text-4 .desc h3 {
   font-size: 30px;
   line-height: 1.2;

   margin: 0;
}
@media (max-width: 1470px) {
   .banner .text-4 .desc h3 {
      font-size: 24px;
   }
}
@media (max-width: 1199px) {
   .banner .text-4 .desc h3 {
      font-size: 20px;
   }
}
@media (max-width: 991px) {
   .banner .text-4 .desc h3 {
      font-size: 18px;
   }
}
@media (max-width: 767px) {
   .banner .text-4 .desc h3 {
      font-size: 16px;
   }
}
.banner .text-4 .desc .more {
   font-size: 16px;
   line-height: 30px;

   display: inline-block;

   margin-top: 30px;
   padding: 10px 20px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #0064bb;
   border: 1px solid #0064bb;
   border-radius: 5px;
}
@media (max-width: 767px) {
   .banner .text-4 .desc .more {
      font-size: 12px;
      line-height: 20px;

      margin-top: 10px;
      padding: 4px 10px;
   }
}
.banner .text-4 .desc .more:hover {
   color: #fff;
   border-color: #0064bb;
   background-color: #0064bb;
}
.banner .text-5 {
   z-index: 4;
   top: 40%;

   color: #fff;
}
@media (max-width: 767px) {
   .banner .text-5 {
      top: 55%;
   }
}
.banner .text-5 .desc {
   max-width: 100%;
}
@media (max-width: 767px) {
   .banner .text-5 .desc {
      max-width: 80%;
   }
}
.banner .text-5 .desc h2 {
   font-size: 48px;
   font-weight: bold;
   line-height: 1.5;

   margin: 0;
}
@media (max-width: 1470px) {
   .banner .text-5 .desc h2 {
      font-size: 40px;
   }
}
@media (max-width: 1199px) {
   .banner .text-5 .desc h2 {
      font-size: 36px;
   }
}
@media (max-width: 991px) {
   .banner .text-5 .desc h2 {
      font-size: 30px;
   }
}
@media (max-width: 767px) {
   .banner .text-5 .desc h2 {
      font-size: 18px;
   }
}
.banner .text-5 .desc h2 span {
   font-weight: normal;
}
.banner .text-5 .desc .more {
   font-size: 16px;
   line-height: 30px;

   display: inline-block;

   margin-top: 30px;
   padding: 10px 20px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #fff;
   border: 1px solid #fff;
   border-radius: 5px;
}
@media (max-width: 767px) {
   .banner .text-5 .desc .more {
      font-size: 12px;
      line-height: 20px;

      margin-top: 10px;
      padding: 4px 10px;
   }
}
.banner .text-5 .desc .more:hover {
   color: #fff;
   border-color: #0064bb;
   background-color: #0064bb;
}
.banner .slick-current .subject .banimg {
   -webkit-animation: fadeInUpb 1s 0s ease both;
   animation: fadeInUpb 1s 0s ease both;
}
.banner .slick-current .subject h2 {
   -webkit-animation: fadeInDown 1s 0s ease both;
   animation: fadeInDown 1s 0s ease both;
}
.banner .slick-current .subject h3,
.banner .slick-current .subject .more {
   -webkit-animation: fadeInUp 1s 0s ease both;
   animation: fadeInUp 1s 0s ease both;
}
.banner-in {
   position: relative;

   overflow: hidden;
}
.banner-in img {
   width: 100%;
}
@media (max-width: 767px) {
   .banner-in img {
      width: 180%;
      margin-left: -40%;
   }
}
.banner-in .text-inner {
   position: absolute;
   z-index: 2;
   top: -webkit-calc(50% + 60px);
   top: calc(50% + 60px);

   width: 100%;
   padding: 0 10%;

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

   color: #0064bb;
}
@media (max-width: 991px) {
   .banner-in .text-inner {
      top: 55%;

      padding: 0 5%;
   }
}
.banner-in .text-inner h2 {
   font-size: 48px;
}
@media (max-width: 1470px) {
   .banner-in .text-inner h2 {
      font-size: 40px;
   }
}
@media (max-width: 991px) {
   .banner-in .text-inner h2 {
      font-size: 30px;
   }
}
@media (max-width: 767px) {
   .banner-in .text-inner h2 {
      font-size: 24px;
   }
}
.banner-in .text-inner h3 {
   font-size: 36px;
   line-height: 1.4;

   margin: 0;

   text-transform: uppercase;
}
@media (max-width: 1199px) {
   .banner-in .text-inner h3 {
      font-size: 30px;
   }
}
@media (max-width: 991px) {
   .banner-in .text-inner h3 {
      font-size: 24px;
   }
}
@media (max-width: 767px) {
   .banner-in .text-inner h3 {
      font-size: 20px;
   }
}
.banner-in .text-inner h2 {
   font-weight: bold;
}
.banner-in .text-inner h3 {
   font-family: "D-DIN Condensed";
}
.banner-in .banner-menu>ul {
   margin: 0 -15px;
}
@media (max-width: 767px) {
   .banner-in .banner-menu>ul {
      margin: 0 -5px;
   }
}
.banner-in .banner-menu>ul>li {
   display: inline-block;

   margin-top: 10px;
   padding: 0 15px;

   vertical-align: top;
}
@media (max-width: 767px) {
   .banner-in .banner-menu>ul>li {
      padding: 0 5px;
   }
}
.banner-in .banner-menu>ul>li>a {
   line-height: 46px;

   display: block;

   padding: 0 30px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0);
}
@media (max-width: 767px) {
   .banner-in .banner-menu>ul>li>a {
      line-height: 36px;

      padding: 0 20px;
   }
}
.banner-in .banner-menu>ul>li.active>a,
.banner-in .banner-menu>ul>li:hover>a {
   border: 1px solid rgba(255, 255, 255, 0.43);
}
@-webkit-keyframes fadeInUpb {
   from {
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);

      opacity: 1;
   }
   to {
      -webkit-transform: none;
      transform: none;

      opacity: 1;
   }
}
@keyframes fadeInUpb {
   from {
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);

      opacity: 1;
   }
   to {
      -webkit-transform: none;
      transform: none;

      opacity: 1;
   }
}
.fadeInUpb {
   -webkit-animation-name: fadeInUpb;
   animation-name: fadeInUpb;
}
@-webkit-keyframes warn {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0);

      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);

      opacity: 0;
   }
}
@keyframes warn {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0);

      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);

      opacity: 0;
   }
}
@-webkit-keyframes bzoom {
   0% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);

      opacity: 1;
   }
}
@keyframes bzoom {
   0% {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);

      opacity: 1;
   }
}
.bzoom {
   -webkit-animation-name: bzoom;
   animation-name: bzoom;
}
@-webkit-keyframes bwidth {
   0% {
      width: 0;

      opacity: 1;

      -webkit-width: 0;
      -ms-width: 0;
   }
   100% {
      width: 100%;

      opacity: 1;

      -webkit-width: 100%;
   }
}
@keyframes bwidth {
   0% {
      width: 0;

      opacity: 1;

      -webkit-width: 0;
      -ms-width: 0;
   }
   100% {
      width: 100%;

      opacity: 1;

      -webkit-width: 100%;
   }
}
.bwidth {
   -webkit-animation-name: bwidth;
   animation-name: bwidth;
}
.spacing {
   overflow: hidden;

   padding: 80px 0;

   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;

   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 991px) {
   .spacing {
      padding: 50px 0;
   }
}
.spacing .more {
   margin-top: 40px;
}
@media (max-width: 991px) {
   .spacing .more {
      margin-top: 20px;
   }
}
.spacing .more a {
   font-size: 14px;
   line-height: 38px;

   position: relative;

   display: inline-block;
   overflow: hidden;

   padding: 0 30px;

   color: #aaa;
   border: 1px solid #e3e3e3;
}
@media (max-width: 991px) {
   .spacing .more a {
      line-height: 40px;

      padding: 0 40px;
   }
}
@media (max-width: 767px) {
   .spacing .more a {
      font-size: 14px;
   }
}
.spacing .more a span {
   position: relative;
   z-index: 5;

   display: block;
}
.spacing .more a:before {
   position: absolute;
   top: -110%;
   left: -10%;

   display: block;

   width: 120%;
   height: 0;
   padding-bottom: 120%;

   content: "";
   -webkit-transform: translateX(-68%) scale3d(0, 0, 0);
   transform: translateX(-68%) scale3d(0, 0, 0);

   border-radius: 50%;
   background: #1f40a0;
}
.spacing .more a:after {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;

   content: "";
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1),
      -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   -webkit-transform: translateX(102%);
   -ms-transform: translateX(102%);
   transform: translateX(102%);

   background: #1f40a0;
}
.spacing .more a:hover {
   color: #fff;
}
.spacing .more a:hover:before {
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1),
      -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   -webkit-transform: translate(0) scale(1);
   -ms-transform: translate(0) scale(1);
   transform: translate(0) scale(1);
}
.spacing .more a:hover:after {
   -webkit-transition-delay: 0.25s;
   transition-delay: 0.25s;
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 31.25ms;
   transition-duration: 31.25ms;
   -webkit-transform: translate(0);
   -ms-transform: translate(0);
   transform: translate(0);
}
.spacing .more a:hover span {
   -webkit-animation: MoveScaleUpInitial 0.1875s forwards,
      MoveScaleUpEnd 0.1875s forwards 0.1875s;
   animation: MoveScaleUpInitial 0.1875s forwards,
      MoveScaleUpEnd 0.1875s forwards 0.1875s;
}
.home-title {
   text-align: center;
}
.home-title h2 {
   font-size: 30px;
   line-height: 1.2;

   margin: 0;

   color: #0064bb;
}

.home-title h2 label {
   color: #fff;
}
@media (max-width: 1470px) {
   .home-title h2 {
      font-size: 24px;
   }
}
@media (max-width: 991px) {
   .home-title h2 {
      font-size: 20px;
   }
}
.home-title p {
   font-size: 16px;
   line-height: 30px;

   max-width: 1000px;
   margin: 0 auto;
   margin-top: 30px;

   color: #777;
}
@media (max-width: 767px) {
   .home-title p {
      font-size: 14px;
   }
}
.common-txt {
   margin-top: 20px;
}
@media (max-width: 991px) {
   .common-txt {
      margin-top: 10px;
   }
}
.common-txt p {
   font-size: 14px;
   line-height: 30px;

   margin: 0;

   color: #666;
}
@media (max-width: 991px) {
   .common-txt p {
      line-height: 24px;
   }
}
.home-service .subject {
   position: relative;

   margin: 8px 0;
   padding: 10px 10px 10px 28px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   border: 1px solid #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f1f1f1),
         to(#fff));
   background: -webkit-linear-gradient(#f1f1f1, #fff);
   background: linear-gradient(#f1f1f1, #fff);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
   .home-service .subject {
      margin: 8px 0;
      padding: 5px 10px 5px 20px;
   }
}
.home-service .subject:before {
   position: absolute;
   top: 22px;
   left: 14px;

   display: block;

   width: 5px;
   height: 5px;

   content: "";

   background-color: #0064bb;
}
@media (max-width: 767px) {
   .home-service .subject:before {
      top: 16px;
      left: 10px;
   }
}
.home-service .subject p {
   font-size: 15px;
   line-height: 26px;

   display: -webkit-box;
   overflow: hidden;

   height: 26px;
   margin: 0;

   color: #666;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 1470px) {
   .home-service .subject p {
      font-size: 14px;
   }
}
.home-service .subject:hover {
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
}
.home-service .subject:hover:before {
   background-color: #fff;
}
.home-service .subject:hover p {
   color: #fff;
}
.home-service .service {
   font-size: 0;

   padding: 40px 50px 40px 40px;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         right top,
         left top,
         color-stop(20%, #fff),
         to(#f5f7fa));
   background-image: -webkit-linear-gradient(right, #fff 20%, #f5f7fa);
   background-image: linear-gradient(right, #fff 20%, #f5f7fa);
   box-shadow: 0 0 10px rgba(0, 100, 187, 0.1);
}
@media (max-width: 1199px) {
   .home-service .service {
      padding: 20px 30px 20px 20px;
   }
}
@media (max-width: 767px) {
   .home-service .service {
      padding: 10px;
   }
}
/* .home-service .service .service-l,
.home-service .service .service-r {
  font-size: 14px;

  display: inline-block;

  vertical-align: top;
}
.home-service .service .service-l {
  width: -webkit-calc(100% - 320px);
  width: calc(100% - 320px);
}
@media (max-width: 767px) {
  .home-service .service .service-l {
    width: 100%;
  }
} */
.home-service .service .service-l .tit-service img {
   max-width: 100%;
   margin-right: 20px;
}
.home-service .service .service-l .tit-service h2 {
   font-size: 24px;
   line-height: 30px;

   margin: 0;

   color: #0064bb;
}
@media (max-width: 767px) {
   .home-service .service .service-l .tit-service h2 {
      font-size: 20px;
   }
}
.home-service .service .service-l .desc {
   display: -webkit-box;
   overflow: hidden;

   /*  max-width: 890px;
  max-height: 90px;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; */
}
/* .home-service .service .service-r {
  width: 320px;
}
@media (max-width: 1199px) {
  .home-service .service .service-r {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .home-service .service .service-r {
    width: 100%;
    padding-left: 0;
  }
} */
.home-service .wisdom {
   font-size: 0;

   padding-bottom: 10px;
}
.home-service .wisdom .wisdom-l,
.home-service .wisdom .wisdom-r {
   font-size: 14px;

   display: inline-block;

   margin-top: 50px;
   padding: 30px;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         right top,
         left top,
         color-stop(20%, #fff),
         to(#f5f7fa));
   background-image: -webkit-linear-gradient(right, #fff 20%, #f5f7fa);
   background-image: linear-gradient(right, #fff 20%, #f5f7fa);
   box-shadow: 0 0 10px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .home-service .wisdom .wisdom-l,
   .home-service .wisdom .wisdom-r {
      margin-top: 30px;
      padding: 10px;
   }
}
.home-service .wisdom .tit-wisfom img,
.home-service .wisdom .tit-wisfom h2 {
   display: inline-block;

   vertical-align: middle;
}
.home-service .wisdom .tit-wisfom h2 {
   font-size: 24px;

   margin: 0;

   color: #0064bb;
}
@media (max-width: 767px) {
   .home-service .wisdom .tit-wisfom h2 {
      font-size: 20px;
   }
}
.home-service .wisdom .wisdom-l {
   width: 70%;
   font-size: 0;

}
@media (max-width: 991px) {
   .home-service .wisdom .wisdom-l {
      width: 100%;
   }
}
.home-service .wisdom .wisdom-l .wisdom-l-top {
   width: 60%;
   font-size: 14px;
   display: inline-block;
   vertical-align: top;
   padding-right: 3%;
}
@media(max-width:767px) {
   .home-service .wisdom .wisdom-l .wisdom-l-top {
      width: 100%;
   }
}
/* .home-service .wisdom .wisdom-l .wisdom-l-top .tit-wisfom,
.home-service .wisdom .wisdom-l .wisdom-l-top .desc {
  font-size: 14px;

}
.home-service .wisdom .wisdom-l .wisdom-l-top .tit-wisfom {
  width: 220px;
}
@media (max-width: 767px) {
  .home-service .wisdom .wisdom-l .wisdom-l-top .tit-wisfom {
    width: 170px;
  }
}
.home-service .wisdom .wisdom-l .wisdom-l-top .desc {
  width: -webkit-calc(100% - 220px);
  width: calc(100% - 220px);
}
@media (max-width: 767px) {
  .home-service .wisdom .wisdom-l .wisdom-l-top .desc {
    width: -webkit-calc(100% - 170px);
    width: calc(100% - 170px);
  }
} */
.home-service .wisdom .wisdom-l .wisdom-l-top .desc p {
   line-height: 26px;

   /*  display: -webkit-box;
  overflow: hidden;

  max-height: 52px; */
   margin: 0;

   color: #666;
   /*
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; */
}
.home-service .wisdom .wisdom-l .wisdom-list {
   /* margin-top: 20px; */
   width: 40%;
   display: inline-block;
   vertical-align: top;

}
@media (max-width: 767px) {
   .home-service .wisdom .wisdom-l .wisdom-list {
      margin-top: 10px;
      width: 100%;
   }
}
.home-service .wisdom .wisdom-l .wisdom-list>ul {
   font-size: 0;
   text-align: center;
   margin: 0 -15px;
}
@media (max-width: 1470px) {
   .home-service .wisdom .wisdom-l .wisdom-list>ul {
      margin: 0 -5px;
   }
}
@media (max-width: 767px) {
   .home-service .wisdom .wisdom-l .wisdom-list>ul {
      text-align: left;
   }
}
.home-service .wisdom .wisdom-l .wisdom-list>ul>li {
   font-size: 14px;
   min-width: 300px;
   display: inline-block;
   text-align: left;
   /* width: 33.33333333%; */
   padding: 0 15px;
   margin-top: 13px;
   vertical-align: top;
}
@media (max-width: 1470px) {
   .home-service .wisdom .wisdom-l .wisdom-list>ul>li {
      padding: 0 5px;
      min-width: 240px;
   }
}
@media (max-width: 1199px) {
   .home-service .wisdom .wisdom-l .wisdom-list>ul>li {
      width: 50%;
   }
}
.home-service .wisdom .wisdom-l .wisdom-list>ul>li .subject {
   margin: 8px 0;
}
.home-service .wisdom .wisdom-r {
   float: right;

   width: 28%;
}
@media (max-width: 991px) {
   .home-service .wisdom .wisdom-r {
      width: 100%;
   }
}
.home-service .wisdom .wisdom-r .desc {
   margin-top: 30px;
}
@media (max-width: 767px) {
   .home-service .wisdom .wisdom-r .desc {
      margin-top: 10px;
   }
}
.home-service .wisdom .wisdom-r .desc p {
   line-height: 26px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 104px;
   margin: 0;

   color: #666;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
}
.home-service .wisdom .wisdom-r .wisdom-list>ul {
   font-size: 0;

   margin: 0 -15px;
}
@media (max-width: 1470px) {
   .home-service .wisdom .wisdom-r .wisdom-list>ul {
      margin: 0 -5px;
   }
}
.home-service .wisdom .wisdom-r .wisdom-list>ul>li {
   font-size: 14px;
   width: 48%;
   float: left;
   text-align: center;
   /*  display: inline-block;

  width: 33.33333333%; */
   padding: 0 15px;

   vertical-align: top;
}
@media (max-width: 1470px) {
   .home-service .wisdom .wisdom-r .wisdom-list>ul>li {
      padding: 0 5px;
   }
}
@media (max-width: 1199px) {
   .home-service .wisdom .wisdom-r .wisdom-list>ul>li {
      /* width: 50%; */
   }
}
.home-service .wisdom .subject {
   margin: 8px 0;
   display: block;

}
.home-service .wisdom .wisdom-r .subject {
   margin: 11px 0;
   padding: 5px;
}
@media (max-width: 1767px) {
   .home-service .wisdom .wisdom-r .subject {
      margin: 10px 0;
   }
}
.home-service .wisdom .wisdom-r .subject .icon {
   width: 40px;
   height: 40px;
   padding: 5px;
   display: inline-block;
   background: linear-gradient(#1f40a0, #0064bb);
   vertical-align: middle;
   margin-right: 10px;
}
.home-service .wisdom .wisdom-r ul li:nth-child(2) .subject .icon {
   background: linear-gradient(#2f9c09, #5dce20);
}
.home-service .wisdom .wisdom-r ul li:nth-child(2) .subject:hover {
   background: linear-gradient(#2f9c09, #5dce20);
}
.home-service .wisdom .wisdom-r .subject .icon img {
   width: 100%;
   filter: brightness(0) invert(1);
   display: block;
}
@media (max-width: 1470px) {
   .home-service .wisdom .subject p {
      font-size: 13px;
   }
}
.home-service .wisdom .wisdom-r .subject:before {
   display: none;
}
.home-service .wisdom .wisdom-r .subject p {
   height: 40px;
   line-height: 40px;
}
.home-advantage {
   padding-bottom: 120px;

   background: url(../images/advantage_bg.jpg) no-repeat center;
   background-size: cover;
}
@media (min-width: 1200px) {
   .home-advantage {
      background-attachment: fixed;
   }
}
@media (max-width: 991px) {
   .home-advantage {
      padding-bottom: 80px;
   }
}
.home-advantage .advantage {
   margin-top: 60px;
}
@media (max-width: 1199px) {
   .home-advantage .advantage {
      margin-top: 30px;
      text-align: center;
   }
}
.home-advantage .advantage ul {
   font-size: 0;
}
@media (max-width: 767px) {
   .home-advantage .advantage ul {
      margin: 0 -5px;
   }
}
.home-advantage .advantage ul li {
   font-size: 14px;

   display: inline-block;
   float: none;

   width: 20%;

   vertical-align: top;
}
@media (max-width: 991px) {
   .home-advantage .advantage ul li {
      width: 33.33333333%;
   }
}
@media (max-width: 767px) {
   .home-advantage .advantage ul li {
      padding: 0 5px;
   }
}
.home-advantage .advantage .subject {
   margin-top: 30px;

   text-align: center;

   color: #fff;
}
.home-advantage .advantage .subject .aicon {
   width: 120px;
   margin: 0 auto;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}
@media (max-width: 767px) {
   .home-advantage .advantage .subject .aicon {
      width: 80px;
   }
}
.home-advantage .advantage .subject .aicon img {
   width: 100%;
}
.home-advantage .advantage .subject h3 {
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
}
@media (max-width: 767px) {
   .home-advantage .advantage .subject h3 {
      font-size: 16px;

      margin: 10px 0 0 0;
   }
}
.home-advantage .advantage .subject p {
   font-size: 15px;
   line-height: 24px;

   margin: 0;
}
@media (max-width: 767px) {
   .home-advantage .advantage .subject p {
      font-size: 12px;
      line-height: 18px;
   }
}
.home-advantage .advantage .subject:hover .aicon {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.home-about,
.inner-about {
   padding-bottom: 0;
}
.home-about .about,
.inner-about .about {
   font-size: 0;
}
.home-about .about .about-l,
.inner-about .about .about-l,
.home-about .about .about-r,
.inner-about .about .about-r {
   font-size: 14px;

   display: inline-block;

   width: 50%;

   vertical-align: middle;
}
@media (max-width: 991px) {
   .home-about .about .about-l,
   .inner-about .about .about-l,
   .home-about .about .about-r,
   .inner-about .about .about-r {
      width: 100%;
   }
}
.home-about .about .about-l .home-title,
.inner-about .about .about-l .home-title {
   text-align: left;
}
.home-about .about .about-l .desc,
.inner-about .about .about-l .desc {
   margin-top: 30px;
}
@media (max-width: 767px) {
   .home-about .about .about-l .desc,
   .inner-about .about .about-l .desc {
      margin-top: 20px;
   }
}
.home-about .about .about-l .desc h3,
.inner-about .about .about-l .desc h3 {
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;

   margin: 0;

   color: #0064bb;
}
@media (max-width: 767px) {
   .home-about .about .about-l .desc h3,
   .inner-about .about .about-l .desc h3 {
      font-size: 20px;
   }
}
.home-about .about .about-l .about-link,
.inner-about .about .about-l .about-link {
   margin-top: 20px;
}
@media (max-width: 767px) {
   .home-about .about .about-l .about-link,
   .inner-about .about .about-l .about-link {
      margin: 0;
   }
}
.home-about .about .about-l .about-link .subject,
.inner-about .about .about-l .about-link .subject {
   display: block;

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

   text-align: center;

   border: 1px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 0 20px #e2ebfc;
}
.home-about .about .about-l .about-link .subject .aicon,
.inner-about .about .about-l .about-link .subject .aicon {
   width: 100px;
   margin: 0 auto;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}
@media (max-width: 1470px) {
   .home-about .about .about-l .about-link .subject .aicon,
   .inner-about .about .about-l .about-link .subject .aicon {
      width: 80px;
   }
}
.home-about .about .about-l .about-link .subject .aicon img,
.inner-about .about .about-l .about-link .subject .aicon img {
   width: 100%;
}
.home-about .about .about-l .about-link .subject p,
.inner-about .about .about-l .about-link .subject p {
   font-size: 16px;
   line-height: 30px;

   margin: 10px 0 0 0;

   color: #0064bb;
}
@media (max-width: 767px) {
   .home-about .about .about-l .about-link .subject p,
   .inner-about .about .about-l .about-link .subject p {
      font-size: 14px;
      line-height: 24px;
   }
}
.home-about .about .about-l .about-link .subject:hover .aicon,
.inner-about .about .about-l .about-link .subject:hover .aicon {
   -webkit-transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   transform: translateY(-5px);
}
.home-about .about .about-r,
.inner-about .about .about-r {
   padding-left: 10%;
}
@media (max-width: 991px) {
   .home-about .about .about-r,
   .inner-about .about .about-r {
      margin-top: 30px;
      padding-left: 0;
   }
}
.home-about .about .about-r .img-box,
.inner-about .about .about-r .img-box {
   position: relative;

   padding-bottom: 52%;

   border: 12px solid #fff;
   box-shadow: 0 0 10px rgba(189, 211, 230, 0.7);
}
.home-about .about .about-r .img-box video,
.inner-about .about .about-r .img-box video {
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
}
.home-about .number,
.inner-about .number {
   margin-top: 80px;
   padding: 40px 0;

   background: url(../images/number_bg.jpg) no-repeat center;
   background-size: cover;
}
@media (min-width: 1200px) {
   .home-about .number,
   .inner-about .number {
      background-attachment: fixed;
   }
}
@media (max-width: 1199px) {
   .home-about .number,
   .inner-about .number {
      margin-top: 40px;
      text-align: center;
   }
}
@media (min-width: 1200px) {
   .home-about .number ul,
   .inner-about .number ul {
      font-size: 0;
   }
   .home-about .number ul li,
   .inner-about .number ul li {
      font-size: 14px;

      display: inline-block;
      float: none;

      width: 20%;

      vertical-align: top;
   }
}
.home-about .number .subject,
.inner-about .number .subject {
   margin: 20px 0;

   text-align: center;

   color: #fff;
}
@media (max-width: 1470px) {
   .home-about .number .subject,
   .inner-about .number .subject {
      margin: 10px 0;
   }
}
.home-about .number .subject h3,
.inner-about .number .subject h3 {
   font-family: "D-DIN Condensed";
   font-size: 72px;

   color: #0064bb;
}
@media (max-width: 1470px) {
   .home-about .number .subject h3,
   .inner-about .number .subject h3 {
      font-size: 60px;
   }
}
@media (max-width: 991px) {
   .home-about .number .subject h3,
   .inner-about .number .subject h3 {
      font-size: 50px;
   }
}
@media (max-width: 767px) {
   .home-about .number .subject h3,
   .inner-about .number .subject h3 {
      font-size: 40px;
   }
}
.home-about .number .subject p,
.inner-about .number .subject p {
   font-size: 16px;
   line-height: 30px;

   margin: 10px 0 0 0;
}
@media (max-width: 767px) {
   .home-about .number .subject p,
   .inner-about .number .subject p {
      font-size: 14px;
      line-height: 24px;
   }
}
.home-case {
   position: relative;

   padding-bottom: 10px;

   background-color: #f5f7fa;
}
.home-case:before {
   position: absolute;
   bottom: 0;
   left: 0;

   width: 100%;
   height: 90px;

   content: "";

   background-color: #fff;
}
.home-case .case-sort {
   position: relative;
   z-index: 2;

   margin-top: 40px;

   text-align: center;
}
@media (max-width: 1470px) {
   .home-case .case-sort {
      margin-top: 30px;
   }
}
@media (max-width: 991px) {
   .home-case .case-sort {
      margin-top: 20px;
   }
}
.home-case .case-sort>ul {
   font-size: 0;

   margin: 0 -30px;
}
@media (max-width: 1199px) {
   .home-case .case-sort>ul {
      margin: 0 -10px;
   }
}
@media (max-width: 767px) {
   .home-case .case-sort>ul {
      margin: 0;
   }
}
.home-case .case-sort>ul>li {
   font-size: 14px;

   position: relative;

   display: inline-block;

   margin: 0 30px;
   padding-bottom: 10px;

   vertical-align: top;
}
@media (max-width: 1199px) {
   .home-case .case-sort>ul>li {
      margin: 0 10px;
   }
}
@media (max-width: 767px) {
   .home-case .case-sort>ul>li {
      margin: 0;
   }
}
.home-case .case-sort>ul>li.active .subject {
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 5px 10px rgba(0, 100, 187, 0.4);
}
.home-case .case-sort>ul>li.active .subject h3 {
   color: #fff;
}
.home-case .case-sort .subject {
   display: block;
   overflow: hidden;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   border-radius: 5px;
}
.home-case .case-sort .subject h3 {
   font-size: 16px;
   line-height: 36px;

   position: relative;
   z-index: 2;

   display: block;

   margin: 0;
   padding: 0 20px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #777;
}
@media (max-width: 767px) {
   .home-case .case-sort .subject h3 {
      font-size: 14px;
      line-height: 30px;

      padding: 0 15px;
   }
}
.home-case .case {
   position: relative;
   z-index: 2;

   padding-bottom: 50px;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 991px) {
   .home-case .case {
      padding-bottom: 30px;
   }
}
.home-case .case-brand {
   position: relative;
   z-index: 2;

   margin-top: 20px;
   padding-top: 100px;
}
@media (max-width: 767px) {
   .home-case .case-brand {
      padding-top: 0px;

   }
   .home-case .case-brand .brand {
      display: none;
   }

}
.home-case .case-brand .pic {
   max-width: 959px;
   margin: 0 auto;
}
.home-case .case-brand .pic .ibox {
   padding-bottom: 40%;
}
@media(max-width:767px) {
   .home-case .case-brand .pic .ibox {
      padding-bottom: 50%;
   }
}
.home-case .case-brand .pic .ibox img {
   height: auto;

   -webkit-animation: zhuan 40s linear infinite;
   animation: zhuan 40s linear infinite;
}
.home-case .case-brand .brand {
   position: absolute;

   overflow: hidden;

   border-radius: 5px;
   box-shadow: 0 5px 10px rgba(0, 100, 187, 0.1);
}
.home-case .case-brand .brand .ibox {
   padding-bottom: 37.5%;
}
.home-case .case-brand .brand-1 {
   top: 10%;
   left: 300px;

   -webkit-animation: ofade 8s 0s linear infinite;
   animation: ofade 8s 0s linear infinite;
}
.home-case .case-brand .brand-2 {
   z-index: 2;
   top: 42%;
   left: 220px;

   -webkit-animation: ofade 8s 0s linear infinite;
   animation: ofade 8s 0s linear infinite;
}
.home-case .case-brand .brand-3 {
   z-index: 2;
   top: 30%;
   left: 0;

   -webkit-animation: ofade 8s 0s linear infinite;
   animation: ofade 8s 0s linear infinite;
}
.home-case .case-brand .brand-4 {
   z-index: 2;
   top: 65%;
   left: 20px;

   -webkit-animation: ofade 8s 0s linear infinite;
   animation: ofade 8s 0s linear infinite;
}
.home-case .case-brand .brand-5 {
   top: 10%;
   left: 300px;

   -webkit-animation: ofade_last 8s 0s linear infinite;
   animation: ofade_last 8s 0s linear infinite;
}
.home-case .case-brand .brand-6 {
   z-index: 2;
   top: 42%;
   left: 220px;

   -webkit-animation: ofade_last 8s 0s linear infinite;
   animation: ofade_last 8s 0s linear infinite;
}
.home-case .case-brand .brand-7 {
   z-index: 2;
   top: 30%;
   left: 0;

   -webkit-animation: ofade_last 8s 0s linear infinite;
   animation: ofade_last 8s 0s linear infinite;
}
.home-case .case-brand .brand-8 {
   z-index: 2;
   top: 65%;
   left: 20px;

   -webkit-animation: ofade_last 8s 0s linear infinite;
   animation: ofade_last 8s 0s linear infinite;
}
.home-case .case-brand .brand-9 {
   top: 10%;
   right: 300px;

   -webkit-animation: ofade 9s 0s linear infinite;
   animation: ofade 9s 0s linear infinite;
}
.home-case .case-brand .brand-10 {
   z-index: 2;
   top: 42%;
   right: 220px;

   -webkit-animation: ofade 9s 0s linear infinite;
   animation: ofade 9s 0s linear infinite;
}
.home-case .case-brand .brand-11 {
   z-index: 2;
   top: 30%;
   right: 0;

   -webkit-animation: ofade 9s 0s linear infinite;
   animation: ofade 9s 0s linear infinite;
}
.home-case .case-brand .brand-12 {
   z-index: 2;
   top: 65%;
   right: 20px;

   -webkit-animation: ofade 9s 0s linear infinite;
   animation: ofade 9s 0s linear infinite;
}
.home-case .case-brand .brand-13 {
   top: 10%;
   right: 300px;

   -webkit-animation: ofade_last 9s 0s linear infinite;
   animation: ofade_last 9s 0s linear infinite;
}
.home-case .case-brand .brand-14 {
   z-index: 2;
   top: 42%;
   right: 220px;

   -webkit-animation: ofade_last 9s 0s linear infinite;
   animation: ofade_last 9s 0s linear infinite;
}
.home-case .case-brand .brand-15 {
   z-index: 2;
   top: 30%;
   right: 0;

   -webkit-animation: ofade_last 9s 0s linear infinite;
   animation: ofade_last 9s 0s linear infinite;
}
.home-case .case-brand .brand-16 {
   z-index: 2;
   top: 65%;
   right: 20px;

   -webkit-animation: ofade_last 9s 0s linear infinite;
   animation: ofade_last 9s 0s linear infinite;
}
.home-case .case-brand .brand-1,
.home-case .case-brand .brand-2,
.home-case .case-brand .brand-5,
.home-case .case-brand .brand-6,
.home-case .case-brand .brand-9,
.home-case .case-brand .brand-10,
.home-case .case-brand .brand-13,
.home-case .case-brand .brand-14 {
   width: 220px;
}
@media (max-width: 991px) {
   .home-case .case-brand .brand-1,
   .home-case .case-brand .brand-2,
   .home-case .case-brand .brand-5,
   .home-case .case-brand .brand-6,
   .home-case .case-brand .brand-9,
   .home-case .case-brand .brand-10,
   .home-case .case-brand .brand-13,
   .home-case .case-brand .brand-14 {
      width: 180px;
   }
}
@media (max-width: 767px) {
   .home-case .case-brand .brand-1,
   .home-case .case-brand .brand-2,
   .home-case .case-brand .brand-5,
   .home-case .case-brand .brand-6,
   .home-case .case-brand .brand-9,
   .home-case .case-brand .brand-10,
   .home-case .case-brand .brand-13,
   .home-case .case-brand .brand-14 {
      width: 140px;
   }
}
.home-case .case-brand .brand-3,
.home-case .case-brand .brand-7,
.home-case .case-brand .brand-11,
.home-case .case-brand .brand-15 {
   width: 200px;
}
@media (max-width: 991px) {
   .home-case .case-brand .brand-3,
   .home-case .case-brand .brand-7,
   .home-case .case-brand .brand-11,
   .home-case .case-brand .brand-15 {
      width: 160px;
   }
}
@media (max-width: 767px) {
   .home-case .case-brand .brand-3,
   .home-case .case-brand .brand-7,
   .home-case .case-brand .brand-11,
   .home-case .case-brand .brand-15 {
      width: 120px;
   }
}
.home-case .case-brand .brand-4,
.home-case .case-brand .brand-8,
.home-case .case-brand .brand-12,
.home-case .case-brand .brand-16 {
   width: 180px;
}
@media (max-width: 991px) {
   .home-case .case-brand .brand-4,
   .home-case .case-brand .brand-8,
   .home-case .case-brand .brand-12,
   .home-case .case-brand .brand-16 {
      width: 130px;
   }
}
@media (max-width: 767px) {
   .home-case .case-brand .brand-4,
   .home-case .case-brand .brand-8,
   .home-case .case-brand .brand-12,
   .home-case .case-brand .brand-16 {
      width: 90px;
   }
}
.home-case .case-desc {
   margin-top: 40px;
   padding: 0 5%;
}
@media (max-width: 991px) {
   .home-case .case-desc {
      margin-top: 30px;
   }
}
@media (max-width: 767px) {
   .home-case .case-desc {
      margin-top: 10px;
   }
}
.home-case .case-desc .case-scroll {
   margin: 0 -15px;
}
@media (max-width: 991px) {
   .home-case .case-desc .case-scroll {
      margin: 0 -5px;
   }
}
.home-case .case-desc .slick-slide {
   padding: 10px 15px;
}
@media (max-width: 991px) {
   .home-case .case-desc .slick-slide {
      padding: 10px 5px;
   }
}
.home-case .case-desc .subject {
   display: block;

   text-align: center;

   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.home-case .case-desc .subject .ibox {
   padding-bottom: 37.5%;

   -webkit-transition: all 1s;
   transition: all 1s;
}
.home-case .case-desc .subject:hover .img .ibox {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.home-case .case-desc .more {
   text-align: center;
}
@-webkit-keyframes zhuan {
   0% {
      -webkit-transform: rotate(0deg);
   }
   25% {
      -webkit-transform: rotate(90deg);
   }
   50% {
      -webkit-transform: rotate(180deg);
   }
   75% {
      -webkit-transform: rotate(270deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
   }
}
@keyframes zhuan {
   0% {
      -webkit-transform: rotate(0deg);
   }
   25% {
      -webkit-transform: rotate(90deg);
   }
   50% {
      -webkit-transform: rotate(180deg);
   }
   75% {
      -webkit-transform: rotate(270deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
   }
}
@-webkit-keyframes ofade {
   0% {

      opacity: 0;
   }
   25% {

      opacity: 1;
   }
   50% {

      opacity: 0;
   }
   75% {

      opacity: 0;
   }
   100% {

      opacity: 0;
   }
}
@keyframes ofade {
   0% {

      opacity: 0;
   }
   25% {

      opacity: 1;
   }
   50% {

      opacity: 0;
   }
   75% {

      opacity: 0;
   }
   100% {

      opacity: 0;
   }
}
@-webkit-keyframes ofade_last {
   0% {

      opacity: 0;
   }
   25% {

      opacity: 0;
   }
   50% {

      opacity: 0;
   }
   75% {

      opacity: 1;
   }
   100% {

      opacity: 0;
   }
}
@keyframes ofade_last {
   0% {

      opacity: 0;
   }
   25% {

      opacity: 0;
   }
   50% {

      opacity: 0;
   }
   75% {

      opacity: 1;
   }
   100% {

      opacity: 0;
   }
}
.home-news {
   font-size: 0;
}
.home-news .news-l,
.home-news .news-r {
   font-size: 14px;

   display: inline-block;

   vertical-align: top;
}
.home-news .news-l {
   width: 70%;
   padding-right: 8%;
}
@media (max-width: 991px) {
   .home-news .news-l {
      width: 100%;
      padding-right: 0;
   }
}
.home-news .news-l .news-l-sort>ul {
   margin: 0 -20px;
}
.home-news .news-l .news-l-sort>ul>li {
   display: inline-block;

   padding: 0 20px;

   vertical-align: top;
}
.home-news .news-l .news-l-sort>ul>li>a {
   font-size: 24px;
   line-height: 48px;

   display: block;

   padding: 0 16px;

   color: #777;
   border-radius: 8px;
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-sort>ul>li>a {
      font-size: 20px;
   }
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-sort>ul>li>a {
      font-size: 16px;
      line-height: 40px;

      padding: 0 8px;
   }
}
.home-news .news-l .news-l-sort>ul>li.active>a {
   color: #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 5px 10px rgba(0, 100, 187, 0.2);
}
.home-news .news-l .news-l-list .list-top {
   padding: 50px 0;
}
@media (max-width: 1199px) {
   .home-news .news-l .news-l-list .list-top {
      padding: 30px 0;
   }
}
.home-news .news-l .news-l-list .list-top .subject {
   font-size: 0;

   display: block;
}
.home-news .news-l .news-l-list .list-top .subject .img,
.home-news .news-l .news-l-list .list-top .subject .desc {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.home-news .news-l .news-l-list .list-top .subject .img {
   width: 400px;
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-list .list-top .subject .img {
      width: 300px;
   }
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .list-top .subject .img {
      width: 100%;
   }
}
.home-news .news-l .news-l-list .list-top .subject .img .ibox {
   padding-bottom: 75%;
}
.home-news .news-l .news-l-list .list-top .subject .img .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.home-news .news-l .news-l-list .list-top .subject .desc {
   width: -webkit-calc(100% - 400px);
   width: calc(100% - 400px);
   padding-left: 3%;
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-list .list-top .subject .desc {
      width: -webkit-calc(100% - 300px);
      width: calc(100% - 300px);
   }
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .list-top .subject .desc {
      width: 100%;
      padding-left: 0;
   }
}
.home-news .news-l .news-l-list .list-top .subject .desc h3 {
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.home-news .news-l .news-l-list .list-top .subject .desc p {
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 72px;
   margin: 20px 0 0 0;

   color: #777;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .list-top .subject .desc p {
      margin-top: 10px;
   }
}
.home-news .news-l .news-l-list .list-top .subject .desc .more {
   line-height: 38px;

   display: inline-block;

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

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #aaa;
   border: 1px solid #e3e3e3;
}
@media (max-width: 1470px) {
   .home-news .news-l .news-l-list .list-top .subject .desc .more {
      margin-top: 50px;
   }
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-list .list-top .subject .desc .more {
      margin-top: 30px;
   }
}
.home-news .news-l .news-l-list .list-top .subject:hover .img .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.home-news .news-l .news-l-list .list-top .subject:hover .desc h3 {
   color: #0064bb;
}
.home-news .news-l .news-l-list .list-top .subject:hover .desc span.more {
   color: #fff;
   background-color: #0064bb;
}
.home-news .news-l .news-l-list .news-info {
   padding-bottom: 10px;
}
.home-news .news-l .news-l-list .news-scroll .slick-slide {
   padding: 20px 0;
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .news-scroll .slick-slide {
      padding: 10px 0;
   }
}
.home-news .news-l .news-l-list .news-scroll .subject {
   font-size: 0;

   display: block;
}
.home-news .news-l .news-l-list .news-scroll .subject .date,
.home-news .news-l .news-l-list .news-scroll .subject .desc {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.home-news .news-l .news-l-list .news-scroll .subject .date {
   width: 110px;
   padding: 14px;

   text-align: center;

   color: #0064bb;
   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .news-scroll .subject .date {
      width: 100px;
      padding: 6px;
   }
}
.home-news .news-l .news-l-list .news-scroll .subject .date b {
   font-size: 36px;
   line-height: 1.4;

   display: block;
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .news-scroll .subject .date b {
      font-size: 30px;
   }
}
.home-news .news-l .news-l-list .news-scroll .subject .date span {
   line-height: 24px;

   display: block;
}
.home-news .news-l .news-l-list .news-scroll .subject .desc {
   width: -webkit-calc(100% - 110px);
   width: calc(100% - 110px);
   padding-left: 30px;
}
@media (max-width: 767px) {
   .home-news .news-l .news-l-list .news-scroll .subject .desc {
      width: -webkit-calc(100% - 100px);
      width: calc(100% - 100px);
      padding-left: 20px;
   }
}
.home-news .news-l .news-l-list .news-scroll .subject .desc h3 {
   font-size: 18px;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 0;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-list .news-scroll .subject .desc h3 {
      font-size: 16px;
   }
}
.home-news .news-l .news-l-list .news-scroll .subject .desc p {
   font-size: 14px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 14px 0 0 0;

   color: #777;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-list .news-scroll .subject .desc p {
      margin-top: 6px;
   }
}
.home-news .news-l .news-l-list .news-scroll .subject:hover .desc h3 {
   color: #0064bb;
}
.home-news .news-l .news-l-list .news-scroll .slick-dots {
   position: absolute;
   top: 50%;
   right: -40px;

   width: 12px;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
@media (max-width: 991px) {
   .home-news .news-l .news-l-list .news-scroll .slick-dots {
      right: -10px;
   }
}
.home-news .news-l .news-l-list .news-scroll .slick-dots li {
   display: block;

   margin: 20px 0;
}
.home-news .news-r {
   width: 30%;
}
@media (max-width: 991px) {
   .home-news .news-r {
      width: 100%;
      margin-top: 30px;
   }
}
@media (max-width: 767px) {
   .home-news .news-r {
      margin-top: 20px;
   }
}
.home-news .news-r .title-faq h2 {
   font-size: 24px;
   line-height: 30px;

   margin: 0;

   color: #0064bb;
}
@media (max-width: 767px) {
   .home-news .news-r .title-faq h2 {
      font-size: 20px;
   }
}
.home-news .news-r .subject {
   display: block;

   margin-top: 30px;
   padding: 30px;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 991px) {
   .home-news .news-r .subject {
      padding: 20px 10px;
   }
}
@media (max-width: 767px) {
   .home-news .news-r .subject {
      margin-top: 14px;
   }
}
.home-news .news-r .subject .title-subject {
   position: relative;

   padding-left: 46px;
}
.home-news .news-r .subject .title-subject:before {
   font-size: 16px;
   line-height: 30px;

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

   display: block;

   width: 30px;
   height: 30px;

   content: "Q";
   text-align: center;

   color: #fff;
   border-radius: 4px;
   background-color: #0064bb;
}
.home-news .news-r .subject .title-subject h3 {
   font-size: 16px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 0;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.home-news .news-r .subject .desc {
   position: relative;

   display: -webkit-box;
   overflow: hidden;

   height: 96px;
   margin-top: 30px;
   padding-left: 46px;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
}
@media (max-width: 991px) {
   .home-news .news-r .subject .desc {
      margin-top: 10px;
   }
}
.home-news .news-r .subject .desc:before {
   font-size: 16px;
   line-height: 30px;

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

   display: block;

   width: 30px;
   height: 30px;

   content: "A";
   text-align: center;

   color: #fff;
   border-radius: 4px;
   background-color: #8dcc60;
}
.home-news .news-r .subject .desc p {
   line-height: 24px;

   margin: 0;

   color: #777;
}
.home-news .news-r .subject:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.section-footer,
.section-footer .fp-slide,
.section-footer .fp-tableCell {
   height: auto !important;
}
.footer {
   position: relative;

   overflow: hidden;

   color: #777;
   background-color: #f5f7fa;
}
@media (max-width: 767px) {
   .footer {
      padding-bottom: 60px;
   }
}
.footer .foot-top {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   padding: 50px 0;

   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 991px) {
   .footer .foot-top {
      padding: 30px 0;
   }
}
@media (max-width: 767px) {
   .footer .foot-top {
      display: block;
      overflow: hidden;
   }
}
.footer .foot-top .foot-logo img {
   max-height: 50px;
}
@media (max-width: 767px) {
   .footer .foot-top .foot-logo img {
      max-height: 40px;
   }
}
.footer .foot-top .foot-txt p {
   font-size: 18px;
   line-height: 46px;

   position: relative;

   display: inline-block;

   margin: 0;

   vertical-align: middle;

   color: #0064bb;
}
@media (max-width: 1199px) {
   .footer .foot-top .foot-txt p {
      font-size: 16px;
   }
}
.footer .foot-top .foot-txt p.tel {
   margin-right: 20px;
}
@media (max-width: 1199px) {
   .footer .foot-top .foot-txt p.tel {
      margin: 20px 0;
      margin-right: 10px;
   }
}
.footer .foot-top .foot-txt p img {
   display: inline-block;

   width: 79px;
   margin-right: 10px;

   vertical-align: middle;
}
@media (max-width: 767px) {
   .footer .foot-top .foot-txt p img {
      width: 60px;
   }
}
.footer .foot-top .foot-txt p a {
   display: inline-block;

   vertical-align: middle;
}
.footer .foot-top .foot-txt p a:hover {
   text-decoration: underline;
}
.footer .foot {
   font-size: 0;

   padding: 30px 0;

   border-top: 1px solid #eaeff5;
}
@media (max-width: 991px) {
   .footer .foot {
      padding: 15px 0;
   }
}
.footer .foot .foot-nav,
.footer .foot .foot-erweima {
   font-size: 14px;

   display: inline-block;

   vertical-align: top;
}
.footer .foot .foot-nav {
   width: calc(100% - 110px);
}
@media (max-width: 1199px) {
   .footer .foot .foot-nav {
      width: 100%;
   }
}
.footer .foot .foot-nav>ul {
   font-size: 0;

   overflow: hidden;
}
.footer .foot .foot-nav>ul>li {
   font-size: 14px;

   display: inline-block;

   margin-bottom: -999px;
   padding: 0 80px;
   padding-bottom: 999px;

   vertical-align: top;

   border-right: 1px solid #eaeff5;
}
@media (max-width: 1600px) {
   .footer .foot .foot-nav>ul>li {
      padding-right: 60px;
      padding-left: 60px;
   }
}
@media (max-width: 1199px) {
   .footer .foot .foot-nav>ul>li {
      display: block;

      width: 100%;
      margin: 0;
      margin: 10px 0;
      padding: 0;

      border-right: none;
   }
}
.footer .foot .foot-nav>ul>li:last-child {
   border-right: none;
}
.footer .foot .foot-nav .subject {
   display: inline-block;

   text-align: left;
}
@media (max-width: 1199px) {
   .footer .foot .foot-nav .subject {
      min-width: 100%;
   }
}
.footer .foot .foot-nav .subject .title-foot h3 {
   font-size: 18px;
   line-height: 30px;

   margin: 0;

   color: #333;
}
@media (max-width: 767px) {
   .footer .foot .foot-nav .subject .title-foot h3 {
      font-size: 16px;
   }
}
.footer .foot .foot-nav .subject .text {
   margin-top: 20px;
}
@media (max-width: 1199px) {
   .footer .foot .foot-nav .subject .text {
      margin-top: 6px;
   }
}
.footer .foot .foot-nav .subject .text a {
   line-height: 30px;

   display: block;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #777;
}
@media (max-width: 1199px) {
   .footer .foot .foot-nav .subject .text a {
      display: inline-block;

      margin-right: 10px;

      vertical-align: top;
   }
}
@media (max-width: 767px) {
   .footer .foot .foot-nav .subject .text a {
      font-size: 13px;
      line-height: 24px;
   }
}
.footer .foot .foot-nav .subject .text a:hover {
   color: #0064bb;
}
.footer .foot .foot-erweima {
   width: 110px;

   text-align: right;
}
@media (max-width: 1199px) {
   .footer .foot .foot-erweima {
      width: 100%;
      margin-top: 20px;

      text-align: center;
   }
}
.footer .foot .foot-erweima .erweima {
   display: inline-block;

   width: 110px;

   text-align: center;
}
.footer .foot .foot-erweima .erweima img {
   width: 100%;
}
.footer .foot .foot-erweima p {
   font-size: 16px;
   line-height: 24px;

   margin: 6px 0 0 0;

   color: #939393;
}
.footer .copyright {
   padding: 30px 0;

   text-align: center;

   color: #939393;
   border-top: 1px solid #eaeff5;
}
@media (max-width: 767px) {
   .footer .copyright {
      padding: 10px 0;
   }
}
.footer .copyright p {
   font-size: 14px;
   line-height: 30px;

   margin: 0;
}
@media (max-width: 1199px) {
   .footer .copyright p {
      line-height: 24px;
   }
}
.footer .copyright p a:hover {
   text-decoration: underline;
}
.inner-wrap .container {
   max-width: 1630px;
   margin: 0 auto;
}
.inner {
   overflow: hidden;

   padding: 70px 0;
}
@media (max-width: 991px) {
   .inner {
      padding: 30px 0;
   }
}
.inner .more a,
.inner .more b {
   font-size: 14px;
   font-weight: normal;
   line-height: 38px;

   position: relative;

   display: inline-block;
   overflow: hidden;

   padding: 0 30px;

   color: #aaa;
   border: 1px solid #e3e3e3;
}
@media (max-width: 991px) {
   .inner .more a,
   .inner .more b {
      line-height: 40px;

      padding: 0 40px;
   }
}
@media (max-width: 767px) {
   .inner .more a,
   .inner .more b {
      font-size: 14px;
   }
}
.inner .more a span,
.inner .more b span {
   position: relative;
   z-index: 5;

   display: block;
}
.inner .more a:before,
.inner .more b:before {
   position: absolute;
   top: -110%;
   left: -10%;

   display: block;

   width: 120%;
   height: 0;
   padding-bottom: 120%;

   content: "";
   -webkit-transform: translateX(-68%) scale3d(0, 0, 0);
   transform: translateX(-68%) scale3d(0, 0, 0);

   border-radius: 50%;
   background: #1f40a0;
}
.inner .more a:after,
.inner .more b:after {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;

   content: "";
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1),
      -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   -webkit-transform: translateX(102%);
   -ms-transform: translateX(102%);
   transform: translateX(102%);

   background: #1f40a0;
}
.inner .more a:hover,
.inner .more b:hover {
   color: #fff;
}
.inner .more a:hover:before,
.inner .more b:hover:before {
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   transition: transform 0.25s cubic-bezier(0.1, 0, 0.3, 1),
      -webkit-transform 0.25s cubic-bezier(0.1, 0, 0.3, 1);
   -webkit-transform: translate(0) scale(1);
   -ms-transform: translate(0) scale(1);
   transform: translate(0) scale(1);
}
.inner .more a:hover:after,
.inner .more b:hover:after {
   -webkit-transition-delay: 0.25s;
   transition-delay: 0.25s;
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 31.25ms;
   transition-duration: 31.25ms;
   -webkit-transform: translate(0);
   -ms-transform: translate(0);
   transform: translate(0);
}
.inner .more a:hover span,
.inner .more b:hover span {
   -webkit-animation: MoveScaleUpInitial 0.1875s forwards,
      MoveScaleUpEnd 0.1875s forwards 0.1875s;
   animation: MoveScaleUpInitial 0.1875s forwards,
      MoveScaleUpEnd 0.1875s forwards 0.1875s;
}
.inner-menu {
   overflow: hidden;

   padding: 15px 0;

   background-color: #ececec;
}
@media (max-width: 767px) {
   .inner-menu {
      padding: 5px 0;
   }
}
.inner-menu .menu-nav>ul {
   margin: 0 -20px;
}
@media (max-width: 991px) {
   .inner-menu .menu-nav>ul {
      margin: 0 -10px;
   }
}
.inner-menu .menu-nav>ul>li {
   display: inline-block;

   padding: 0 20px;

   vertical-align: top;
}
@media (max-width: 991px) {
   .inner-menu .menu-nav>ul>li {
      padding: 0 10px;
   }
}
.inner-menu .menu-nav>ul>li>a {
   font-size: 16px;
   line-height: 30px;

   display: block;

   padding: 10px 30px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #666;
}
@media (max-width: 991px) {
   .inner-menu .menu-nav>ul>li>a {
      font-size: 16px;

      padding: 15px 20px;
   }
}
@media (max-width: 767px) {
   .inner-menu .menu-nav>ul>li>a {
      font-size: 14px;
      line-height: 20px;

      padding: 10px 10px;
   }
}
.inner-menu .menu-nav>ul>li.active>a,
.inner-menu .menu-nav>ul>li:hover>a {
   color: #fff;
   background-color: #0064bb;
   box-shadow: 0 5px 10px rgba(0, 100, 187, 0.5);
}
.inner-location {
   margin-top: 4px;
   padding: 25px 0;

   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#eaeaea),
         to(#f9f9f9));
   background-image: -webkit-linear-gradient(#eaeaea, #f9f9f9);
   background-image: linear-gradient(#eaeaea, #f9f9f9);
}
@media (max-width: 767px) {
   .inner-location {
      padding: 10px 0;
   }
}
.inner-location .title-inner {
   position: relative;

   display: inline-block;
}
@media (max-width: 767px) {
   .inner-location .title-inner {
      display: block;
   }
}
.inner-location .title-inner:after {
   position: absolute;
   bottom: -26px;
   left: 0;

   display: block;

   width: 54px;
   height: 10px;

   content: "";

   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 10px 20px rgba(0, 100, 187, 0.3);
}
@media (max-width: 767px) {
   .inner-location .title-inner:after {
      position: relative;
      bottom: 0;

      height: 5px;
      margin-top: 10px;
   }
}
.inner-location .title-inner h2 {
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;

   margin: 0;
}
@media (max-width: 767px) {
   .inner-location .title-inner h2 {
      font-size: 20px;
   }
}
.inner-location .location {
   display: inline-block;
   float: right;
}
@media (max-width: 767px) {
   .inner-location .location {
      display: block;
      float: none;
      margin-top: 10px;
      text-align: left;
   }
}
.inner-location .location .icon {
   font-size: 20px;

   color: #0064bb;
}
.inner-location .location .icon,
.inner-location .location span,
.inner-location .location ul {
   line-height: 30px;

   display: inline-block;

   vertical-align: top;
}
.inner-location .location ul {
   color: #666;
}
.inner-location .location ul li {
   display: inline-block;

   vertical-align: top;
}
.inner-location .location ul li:after {
   display: inline-block;

   content: ">";
   vertical-align: top;
}
.inner-location .location ul li:last-child:after {
   display: none;
}
.inner-location .location ul li a {
   display: inline-block;

   vertical-align: top;
}
.inner-location .location ul li a:hover {
   color: #0064bb;
}
@media (max-width: 1199px) {
   .catalog .menu ul.menunav-1 {
      margin: 0 -10px;
   }
}
.catalog .menu ul.menunav-1>li {
   position: relative;

   margin-bottom: 24px;
}
@media (max-width: 1199px) {
   .catalog .menu ul.menunav-1>li {
      display: inline-block;

      margin-bottom: 10px;
      padding: 0 10px;

      vertical-align: top;
   }
}
.catalog .menu ul.menunav-1>li .open-menu {
   font-size: 20px;
   line-height: 60px;

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

   width: 60px;
   height: 60px;

   text-align: center;

   color: #fff;
}
@media (max-width: 991px) {
   .catalog .menu ul.menunav-1>li .open-menu {
      font-size: 18px;
      line-height: 40px;

      width: 40px;
      height: 40px;
   }
}
.catalog .menu ul.menunav-1>li .open-menu:before {
   font-family: "iconfont" !important;

   display: inline-block;

   content: "\e689";
   cursor: pointer;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
}
.catalog .menu ul.menunav-1>li>a {
   font-size: 18px;
   line-height: 30px;

   display: block;

   padding: 25px 60px 25px 30px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   background-color: #f9f9f9;
}
@media (max-width: 1199px) {
   .catalog .menu ul.menunav-1>li>a {
      font-size: 15px;

      padding: 5px 20px;
   }
}
@media (max-width: 767px) {
   .catalog .menu ul.menunav-1>li>a {
      font-size: 14px;
   }
}
.catalog .menu ul.menunav-1>li ul.menunav-2 {
   display: none;
}
.catalog .menu ul.menunav-1>li ul.menunav-2>li {
   margin-top: 4px;
}
@media (max-width: 991px) {
   .catalog .menu ul.menunav-1>li ul.menunav-2>li {
      display: inline-block;

      vertical-align: top;
   }
}
.catalog .menu ul.menunav-1>li ul.menunav-2>li>a {
   font-size: 14px;
   line-height: 30px;

   display: block;

   padding: 10px 30px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #666;
   background-color: #ececec;
}
@media (max-width: 991px) {
   .catalog .menu ul.menunav-1>li ul.menunav-2>li>a {
      font-size: 14px;
      line-height: 24px;

      padding: 4px 14px;
   }
}
.catalog .menu ul.menunav-1>li.current .open-menu:before {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
.catalog .menu ul.menunav-1>li:hover>a,
.catalog .menu ul.menunav-1>li.active>a,
.catalog .menu ul.menunav-1>li.current>a {
   color: #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 10px 10px rgba(0, 100, 187, 0.3);
}
@media (min-width: 1200px) {
   .inner-left {
      float: left;

      width: 15%;
   }
   .inner-right {
      float: right;

      width: 85%;
      padding-left: 3%;
   }
}
.innersidebar {
   position: absolute;
   top: -webkit-calc(50% + 40px);
   top: calc(50% + 40px);

   width: 100%;

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

   color: #fff;
}
@media (max-width: 767px) {
   .innersidebar {
      position: relative;
      top: 0;

      margin-top: 30px;

      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);

      color: #666;
   }
}
.innersidebar .title-innersidebar h2 {
   font-size: 30px;
   font-weight: bold;
   line-height: 1;

   display: inline-block;

   margin: 0;

   background-image: -webkit-linear-gradient(right, #fff, #b4b4b4, #fff);
   -webkit-background-clip: text;

   -webkit-text-fill-color: transparent;
}
@media (max-width: 991px) {
   .innersidebar .title-innersidebar h2 {
      font-size: 24px;
   }
}
@media (max-width: 767px) {
   .innersidebar .title-innersidebar h2 {
      background-image: -webkit-linear-gradient(right, #666, #b4b4b4, #666);
   }
}
.innersidebar .sidebar {
   margin-top: 30px;
}
@media (max-width: 991px) {
   .innersidebar .sidebar {
      margin-top: 20px;
   }
}
.innersidebar .sidebar>ul {
   margin: 0 -34px;
}
@media (max-width: 991px) {
   .innersidebar .sidebar>ul {
      margin: 0 -10px;
   }
}
.innersidebar .sidebar>ul>li {
   display: inline-block;

   padding: 0 34px;

   vertical-align: top;
}
@media (max-width: 991px) {
   .innersidebar .sidebar>ul>li {
      padding: 0 10px;
   }
}
.innersidebar .sidebar>ul>li>a {
   font-size: 16px;
   line-height: 30px;

   position: relative;

   display: block;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   border-bottom: 2px solid rgba(255, 255, 255, 0);
}
@media (max-width: 767px) {
   .innersidebar .sidebar>ul>li>a {
      font-size: 14px;
   }
}
.innersidebar .sidebar>ul>li>a:after {
   position: absolute;
   bottom: -7px;
   left: 50%;

   display: block;

   width: 0;
   height: 0;

   content: "";
   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   opacity: 0;
   border-width: 5px 3px 0 3px;
   border-style: solid;
   border-color: #fff transparent transparent transparent;
}
.innersidebar .sidebar>ul>li.active>a,
.innersidebar .sidebar>ul>li:hover>a {
   border-bottom: 2px solid #fff;
}
@media (max-width: 767px) {
   .innersidebar .sidebar>ul>li.active>a,
   .innersidebar .sidebar>ul>li:hover>a {
      color: #0064bb;
   }
}
.innersidebar .sidebar>ul>li.active>a:after,
.innersidebar .sidebar>ul>li:hover>a:after {
   opacity: 1;
}
.inner-culture {
   padding: 90px 0 120px;

   background: url(../images/culture_bg.jpg) no-repeat center;
   background-size: cover;
}
@media (min-width: 1200px) {
   .inner-culture {
      background-attachment: fixed;
   }
}
@media (max-width: 1199px) {
   .inner-culture {
      padding: 40px 0 80px;
   }
}
.inner-culture .culture>ul {
   font-size: 0;
}
.inner-culture .culture>ul>li {
   font-size: 14px;

   display: inline-block;
   float: none;

   text-align: center;
   vertical-align: top;

   border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.inner-culture .culture>ul>li:last-child {
   border-right: none;
}
@media (min-width: 1200px) {
   .inner-culture .culture>ul>li {
      width: 20%;
   }
}
@media (max-width: 1199px) {
   .inner-culture .culture>ul>li {
      width: 33.33333333%;
      margin: 20px 0;

      border: none;
   }
}
@media (max-width: 767px) {
   .inner-culture .culture>ul>li {
      width: 50%;
   }
}
.inner-culture .culture .subject {
   display: inline-block;

   max-width: 200px;
   padding: 0 5%;

   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   text-align: left;

   color: #fff;
}
.inner-culture .culture .subject .iconimg {
   position: relative;

   display: block;

   width: 78px;
   height: 78px;
}
@media (max-width: 1350px) {
   .inner-culture .culture .subject .iconimg {
      width: 66px;
      height: 66px;
   }
}
@media (max-width: 767px) {
   .inner-culture .culture .subject .iconimg {
      width: 50px;
      height: 50px;
   }
}
.inner-culture .culture .subject .iconimg:before {
   position: absolute;
   top: -12px;
   left: 16px;

   display: block;

   width: 100%;
   height: 100%;

   content: "";

   border-radius: 10px;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(65, 86, 121, 0.1)),
         to(rgba(68, 162, 242, 0.1)));
   background-image: -webkit-linear-gradient(rgba(65, 86, 121, 0.1),
         rgba(68, 162, 242, 0.1));
   background-image: linear-gradient(rgba(65, 86, 121, 0.1),
         rgba(68, 162, 242, 0.1));
}
.inner-culture .culture .subject .iconimg .icon {
   position: relative;
   z-index: 2;

   display: block;

   padding: 14px;

   border-radius: 10px;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(65, 86, 121, 0.25)),
         to(rgba(68, 162, 242, 0.25)));
   background-image: -webkit-linear-gradient(rgba(65, 86, 121, 0.25),
         rgba(68, 162, 242, 0.25));
   background-image: linear-gradient(rgba(65, 86, 121, 0.25),
         rgba(68, 162, 242, 0.25));
}
.inner-culture .culture .subject .iconimg img {
   width: 100%;
}
.inner-culture .culture .subject .txt h3 {
   font-size: 22px;
   font-weight: bold;
   line-height: 24px;

   margin: 22px 0 14px;
}
@media (max-width: 1470px) {
   .inner-culture .culture .subject .txt h3 {
      font-size: 20px;
   }
}
@media (max-width: 767px) {
   .inner-culture .culture .subject .txt h3 {
      font-size: 18px;
   }
}
.inner-culture .culture .subject .txt h3:after {
   display: block;

   width: 60px;
   height: 1px;
   margin-top: 16px;

   content: "";

   background-color: #fff;
}
.inner-culture .culture .subject .txt p {
   font-size: 15px;
   line-height: 24px;

   margin: 0;

   color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1470px) {
   .inner-culture .culture .subject .txt p {
      font-size: 14px;
   }
}
@media (max-width: 767px) {
   .inner-culture .culture .subject .txt p {
      font-size: 13px;
      line-height: 20px;
   }
}
.inner-culture .culture .subject:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-culture .culture .subject:hover .iconimg {
   -webkit-animation: flipInY 1s 0s ease both;
   animation: flipInY 1s 0s ease both;
}
.inner-about-history {
   position: relative;
   z-index: 2;

   overflow: visible;

   padding-top: 0;

   background-color: #eef7fe;
}
.inner-about-history .about-history {
   margin-top: -50px;
   padding: 60px 5% 80px;

   border: 5px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#eff2fa),
         to(#fff));
   background-image: -webkit-linear-gradient(#eff2fa, #fff);
   background-image: linear-gradient(#eff2fa, #fff);
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
   .inner-about-history .about-history {
      padding: 30px 15px;
   }
}
.inner-about-history .about-history-scroll {
   margin-top: 80px;
}
@media (max-width: 991px) {
   .inner-about-history .about-history-scroll {
      margin-top: 30px;
   }
}
.inner-about-history .about-history-scroll .slick-arrow {
   font-size: 60px;
   line-height: 60px;

   top: 83px;
   left: -20px;

   width: 60px;
   height: 60px;

   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);

   color: #eaeaea;
   border: none;
   border-radius: 0;
   background: none;
}
@media (max-width: 767px) {
   .inner-about-history .about-history-scroll .slick-arrow {
      font-size: 50px;

      top: 78px;
   }
}
.inner-about-history .about-history-scroll .slick-arrow.slick-next {
   right: -20px;
   left: auto;
}
.inner-about-history .about-history-scroll .slick-arrow:hover {
   color: #0064bb;
}
.inner-about-history .subject {
   display: block;
}
.inner-about-history .subject .date {
   font-size: 18px;
   line-height: 60px;

   padding: 0 15%;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;

   color: #0064bb;
}
@media (max-width: 1470px) {
   .inner-about-history .subject .date {
      padding: 0 12%;
   }
}
@media (max-width: 991px) {
   .inner-about-history .subject .date {
      font-size: 16px;
   }
}
.inner-about-history .subject .date span {
   font-family: "D-DIN Condensed";
   font-size: 45px;

   display: inline-block;
}
@media (max-width: 991px) {
   .inner-about-history .subject .date span {
      font-size: 50px;
   }
}
@media (max-width: 767px) {
   .inner-about-history .subject .date span {
      font-size: 40px;
   }
}
.inner-about-history .subject .date:after {
   font-family: "iconfont" !important;
   font-size: 30px;
   line-height: 1;

   display: block;

   margin-top: 10px;

   content: "\e6a0";

   color: #0064bb;
}
.inner-about-history .subject .desc {
   padding: 0 15%;
   padding-top: 30px;

   border-top: 1px solid #e3e3e3;
}
@media (max-width: 1470px) {
   .inner-about-history .subject .desc {
      padding: 0 12%;
      padding-top: 30px;
   }
}
.inner-about-history .subject .desc p {
   font-size: 15px;
   line-height: 24px;

   margin: 0;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;

   color: #555;
}
.inner-about-history .subject:hover .date {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-about-history .subject:hover .desc p {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-honor-join {
   padding-bottom: 0;
}
.inner-honor-join .honor-join ul li:nth-child(2) .subject .desc {
   color: #4bbb00;
}
.inner-honor-join .honor-join ul li:nth-child(2) .subject .desc .more {
   background-color: #4bbb00;
   box-shadow: 0 10px 10px rgba(75, 187, 0, 0.4);
}
.inner-honor-join .honor-join .subject {
   position: relative;

   display: block;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}
.inner-honor-join .honor-join .subject .ibox {
   padding-bottom: 41.55844156%;
}
.inner-honor-join .honor-join .subject .desc {
   position: absolute;
   z-index: 2;
   top: 50%;

   width: 100%;
   padding: 0 5%;

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

   color: #0064bb;
}
.inner-honor-join .honor-join .subject .desc h2 {
   font-size: 30px;

   margin: 0;
}
@media (max-width: 1199px) {
   .inner-honor-join .honor-join .subject .desc h2 {
      font-size: 24px;
   }
}
@media (max-width: 991px) {
   .inner-honor-join .honor-join .subject .desc h2 {
      font-size: 20px;
   }
}
@media (max-width: 767px) {
   .inner-honor-join .honor-join .subject .desc h2 {
      font-size: 18px;

      margin-top: 10px;
   }
}
.inner-honor-join .honor-join .subject .desc h3 {
   font-family: "D-DIN Condensed";
   font-size: 24px;
   line-height: 30px;

   margin: 10px 0 0 0;
}
@media (max-width: 1199px) {
   .inner-honor-join .honor-join .subject .desc h3 {
      font-size: 20px;

      margin: 0;
   }
}
@media (max-width: 991px) {
   .inner-honor-join .honor-join .subject .desc h3 {
      font-size: 18px;
   }
}
@media (max-width: 767px) {
   .inner-honor-join .honor-join .subject .desc h3 {
      font-size: 16px;
   }
}
.inner-honor-join .honor-join .subject .desc .more {
   line-height: 34px;

   display: inline-block;

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

   color: #fff;
   border-radius: 30px;
   background-color: #0064bb;
   box-shadow: 0 10px 10px rgba(0, 100, 187, 0.4);
}
@media (max-width: 1199px) {
   .inner-honor-join .honor-join .subject .desc .more {
      margin-top: 10px;
   }
}
@media (max-width: 767px) {
   .inner-honor-join .honor-join .subject .desc .more {
      margin: 0;
   }
}
.inner-honor-join .honor-join .subject:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
#about-company,
#about-culture,
#about-history,
#about-honor,
#about-contact {
   position: relative;
   top: -80px;
}
.inner-news .news-info {
   padding-bottom: 50px;
}
.inner-news .news-info .home-title {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
.inner-news .news-info .news-top {
   margin-top: 30px;
}
.inner-news .news-info .news-top .subject {
   font-size: 0;

   display: block;

   background-color: #f7f7f7;
}
.inner-news .news-info .news-top .subject .img,
.inner-news .news-info .news-top .subject .txt {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.inner-news .news-info .news-top .subject .img {
   width: 35%;
}
@media (max-width: 767px) {
   .inner-news .news-info .news-top .subject .img {
      width: 100%;
   }
}
.inner-news .news-info .news-top .subject .img .ibox {
   padding-bottom: 75%;
}
.inner-news .news-info .news-top .subject .img .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-news .news-info .news-top .subject .txt {
   font-size: 0;

   width: 65%;
   padding: 30px 3%;
}
@media (max-width: 767px) {
   .inner-news .news-info .news-top .subject .txt {
      width: 100%;
      padding-left: 0;
   }
}
.inner-news .news-info .news-top .subject .txt .date,
.inner-news .news-info .news-top .subject .txt .desc {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.inner-news .news-info .news-top .subject .txt .date {
   width: 110px;
   padding: 14px;

   text-align: center;

   color: #0064bb;
   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .inner-news .news-info .news-top .subject .txt .date {
      width: 100px;
      padding: 6px;
   }
}
.inner-news .news-info .news-top .subject .txt .date b {
   font-size: 36px;
   line-height: 1.4;

   display: block;
}
@media (max-width: 767px) {
   .inner-news .news-info .news-top .subject .txt .date b {
      font-size: 30px;
   }
}
.inner-news .news-info .news-top .subject .txt .date span {
   line-height: 24px;

   display: block;
}
.inner-news .news-info .news-top .subject .txt .desc {
   width: -webkit-calc(100% - 110px);
   width: calc(100% - 110px);
   padding-left: 30px;
}
@media (max-width: 767px) {
   .inner-news .news-info .news-top .subject .txt .desc {
      width: -webkit-calc(100% - 100px);
      width: calc(100% - 100px);
      padding-left: 20px;
   }
}
.inner-news .news-info .news-top .subject .txt .desc h3 {
   font-size: 18px;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 0;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .inner-news .news-info .news-top .subject .txt .desc h3 {
      font-size: 16px;
   }
}
.inner-news .news-info .news-top .subject .txt .desc p {
   font-size: 14px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 14px 0 0 0;

   color: #777;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
   .inner-news .news-info .news-top .subject .txt .desc p {
      margin-top: 6px;
   }
}
.inner-news .news-info .news-top .subject .txt .more {
   font-size: 14px;
   line-height: 40px;

   display: inline-block;

   margin-top: 40px;
   padding: 0 26px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 10px 20px rgba(0, 100, 187, 0.3);
}
@media (max-width: 1470px) {
   .inner-news .news-info .news-top .subject .txt .more {
      margin-top: 50px;
   }
}
@media (max-width: 991px) {
   .inner-news .news-info .news-top .subject .txt .more {
      margin-top: 30px;
   }
}
.inner-news .news-info .news-top .subject:hover .img .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-news .news-info .news-top .subject:hover .desc h3 {
   color: #0064bb;
}
.inner-news .news-info .news-top .subject:hover .desc span.more {
   color: #fff;
   background-color: #0064bb;
}
.inner-news .news-info .news .subject {
   font-size: 0;

   display: block;

   margin-top: 50px;
}
@media (max-width: 991px) {
   .inner-news .news-info .news .subject {
      margin-top: 30px;
   }
}
.inner-news .news-info .news .subject .date,
.inner-news .news-info .news .subject .desc {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.inner-news .news-info .news .subject .date {
   width: 110px;
   padding: 14px;

   text-align: center;

   color: #0064bb;
   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .inner-news .news-info .news .subject .date {
      width: 100px;
      padding: 6px;
   }
}
.inner-news .news-info .news .subject .date b {
   font-size: 36px;
   line-height: 1.4;

   display: block;
}
@media (max-width: 767px) {
   .inner-news .news-info .news .subject .date b {
      font-size: 30px;
   }
}
.inner-news .news-info .news .subject .date span {
   line-height: 24px;

   display: block;
}
.inner-news .news-info .news .subject .desc {
   width: -webkit-calc(100% - 110px);
   width: calc(100% - 110px);
   padding-left: 30px;
}
@media (max-width: 767px) {
   .inner-news .news-info .news .subject .desc {
      width: -webkit-calc(100% - 100px);
      width: calc(100% - 100px);
      padding-left: 20px;
   }
}
.inner-news .news-info .news .subject .desc h3 {
   font-size: 18px;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 0;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .inner-news .news-info .news .subject .desc h3 {
      font-size: 16px;
   }
}
.inner-news .news-info .news .subject .desc p {
   font-size: 14px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 14px 0 0 0;

   color: #777;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
   .inner-news .news-info .news .subject .desc p {
      margin-top: 6px;
   }
}
.inner-news .news-info .news .subject:hover .desc h3 {
   color: #0064bb;
}
.inner-news .team-info {
   padding: 60px 0;

   background: url(../images/team_bg.jpg) no-repeat center;
   background-size: cover;
}
@media (min-width: 1200px) {
   .inner-news .team-info {
      background-attachment: fixed;
   }
}
.inner-news .team-info .home-title h2 {
   color: #fff;
}
.inner-news .team-info .team {
   position: relative;

   margin-top: 50px;
}
.inner-news .team-info .team .swiper-container .swiper-slide {
   width: 680px;

   -webkit-transition: all 1s;
   transition: all 1s;

   color: #fff;
}
@media (max-width: 1470px) {
   .inner-news .team-info .team .swiper-container .swiper-slide {
      width: 560px;
   }
}
@media (max-width: 1350px) {
   .inner-news .team-info .team .swiper-container .swiper-slide {
      width: 500px;
   }
}
@media (max-width: 1199px) {
   .inner-news .team-info .team .swiper-container .swiper-slide {
      width: 300px;
   }
}
@media (max-width: 991px) {
   .inner-news .team-info .team .swiper-container .swiper-slide {
      width: 240px;
   }
}
@media (max-width: 767px) {
   .inner-news .team-info .team .swiper-container .swiper-slide {
      width: 100%;
   }
}
.inner-news .team-info .team .swiper-container .swiper-slide .ibox {
   padding-bottom: 75%;

   opacity: 0.5;
   border: 3px solid #fff;
}
.inner-news .team-info .team .swiper-container .swiper-slide .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-news .team-info .team .swiper-container .swiper-slide .desc {
   position: relative;
   z-index: 2;

   display: none;

   width: 100%;
   margin-top: -30px;
   padding: 0 5%;

   text-align: center;

   opacity: 0.5;
}
.inner-news .team-info .team .swiper-container .swiper-slide .desc h3 {
   font-size: 16px;
   line-height: 60px;

   display: block;
   overflow: hidden;

   height: 60px;
   margin: 0;
   padding: 0 10px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 10px 10px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .inner-news .team-info .team .swiper-container .swiper-slide .desc h3 {
      font-size: 14px;
   }
}
.inner-news .team-info .team .swiper-container .swiper-slide:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-news .team-info .team .swiper-container .swiper-slide:hover .desc h3 {
   color: #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
}
.inner-news .team-info .team .swiper-container .swiper-slide-active .ibox,
.inner-news .team-info .team .swiper-container .swiper-slide-active .desc {
   opacity: 1;
}
.inner-news .team-info .team .swiper-container .swiper-slide-active .desc {
   display: block;
}
.inner-news .team-info .team .swiper-button-prev,
.inner-news .team-info .team .swiper-button-next {
   font-size: 50px;
   line-height: 80px;

   top: 50%;
   left: 10%;

   width: 80px;
   height: 80px;

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

   color: #fff;
   border-radius: 50%;
   background: none;
   background-color: rgba(0, 100, 187, 0.5);
}
@media (max-width: 1470px) {
   .inner-news .team-info .team .swiper-button-prev,
   .inner-news .team-info .team .swiper-button-next {
      line-height: 60px;

      left: 8%;

      width: 60px;
      height: 60px;
   }
}
@media (max-width: 767px) {
   .inner-news .team-info .team .swiper-button-prev,
   .inner-news .team-info .team .swiper-button-next {
      font-size: 30px;
      line-height: 40px;

      left: 0;

      width: 40px;
      height: 40px;
   }
}
.inner-news .team-info .team .swiper-button-prev:before,
.inner-news .team-info .team .swiper-button-next:before {
   font-family: "iconfont" !important;

   content: "\eb60";
}
.inner-news .team-info .team .swiper-button-prev:hover,
.inner-news .team-info .team .swiper-button-next:hover {
   background-color: #0064bb;
}
.inner-news .team-info .team .swiper-button-next {
   right: 10%;
   left: auto;
}
@media (max-width: 1470px) {
   .inner-news .team-info .team .swiper-button-next {
      right: 8%;
   }
}
@media (max-width: 767px) {
   .inner-news .team-info .team .swiper-button-next {
      right: 0;
   }
}
.inner-news .team-info .team .swiper-button-next:before {
   font-family: "iconfont" !important;

   content: "\e625";
}
.inner-news .team-info .more {
   margin-top: 40px;

   text-align: center;
}
.inner-news .faqs-info {
   margin-top: 50px;
}
.inner-news .faqs-info .home-title {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
.inner-news .faqs-info .list .faqs-scroll {
   margin: 0 -20px;
}
.inner-news .faqs-info .list .faqs-scroll .slick-slide {
   padding: 20px;
}
.inner-news .faqs-info .list .subject {
   display: block;

   margin-top: 30px;
   padding: 30px;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 991px) {
   .inner-news .faqs-info .list .subject {
      padding: 20px 10px;
   }
}
@media (max-width: 767px) {
   .inner-news .faqs-info .list .subject {
      margin-top: 14px;
   }
}
.inner-news .faqs-info .list .subject .title-subject {
   position: relative;

   padding-left: 46px;
}
.inner-news .faqs-info .list .subject .title-subject:before {
   font-size: 16px;
   line-height: 30px;

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

   display: block;

   width: 30px;
   height: 30px;

   content: "Q";
   text-align: center;

   color: #fff;
   border-radius: 4px;
   background-color: #0064bb;
}
.inner-news .faqs-info .list .subject .title-subject h3 {
   font-size: 16px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 0;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.inner-news .faqs-info .list .subject .desc {
   position: relative;

   display: -webkit-box;
   overflow: hidden;

   height: 96px;
   margin-top: 30px;
   padding-left: 46px;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
}
@media (max-width: 991px) {
   .inner-news .faqs-info .list .subject .desc {
      margin-top: 10px;
   }
}
.inner-news .faqs-info .list .subject .desc:before {
   font-size: 16px;
   line-height: 30px;

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

   display: block;

   width: 30px;
   height: 30px;

   content: "A";
   text-align: center;

   color: #fff;
   border-radius: 4px;
   background-color: #8dcc60;
}
.inner-news .faqs-info .list .subject .desc p {
   line-height: 24px;

   margin: 0;

   color: #777;
}
.inner-news .faqs-info .list .subject:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-news-list .news-list {
   margin-top: -60px;
}
@media (max-width: 1199px) {
   .inner-news-list .news-list {
      margin: 0;
   }
}
.inner-news-list .news-list .subject {
   font-size: 0;

   position: relative;

   display: block;

   margin-top: 60px;
   padding: 20px 0 0 20px;
}
@media (max-width: 1199px) {
   .inner-news-list .news-list .subject {
      margin-top: 30px;
      padding: 10px 0 0 10px;
   }
}
.inner-news-list .news-list .subject .img,
.inner-news-list .news-list .subject .desc {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.inner-news-list .news-list .subject .img {
   width: 35%;

   border: 5px solid #fff;
   box-shadow: 0 0 10px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .inner-news-list .news-list .subject .img {
      width: 100%;
   }
}
.inner-news-list .news-list .subject .img .date {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;

   width: 80px;
   padding: 10px;

   text-align: center;

   color: #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(31, 64, 160, 0.9)),
         to(rgba(47, 103, 217, 0.9)));
   background-image: -webkit-linear-gradient(rgba(31, 64, 160, 0.9),
         rgba(47, 103, 217, 0.9));
   background-image: linear-gradient(rgba(31, 64, 160, 0.9),
         rgba(47, 103, 217, 0.9));
   box-shadow: 0 10px 20px rgba(0, 100, 187, 0.3);
}
.inner-news-list .news-list .subject .img .date b {
   font-size: 30px;
   line-height: 1.4;

   display: block;
}
@media (max-width: 767px) {
   .inner-news-list .news-list .subject .img .date b {
      font-size: 30px;
   }
}
.inner-news-list .news-list .subject .img .date span {
   font-size: 12px;
   line-height: 24px;

   display: block;
}
.inner-news-list .news-list .subject .img .ibox {
   padding-bottom: 75%;
}
.inner-news-list .news-list .subject .img .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-news-list .news-list .subject .desc {
   font-size: 0;

   width: 65%;
   padding: 30px 3%;
}
@media (max-width: 767px) {
   .inner-news-list .news-list .subject .desc {
      width: 100%;
      padding: 20px 0 0 0;
   }
}
.inner-news-list .news-list .subject .desc h3 {
   font-size: 18px;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 0;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #0064bb;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .inner-news-list .news-list .subject .desc h3 {
      font-size: 16px;
   }
}
.inner-news-list .news-list .subject .desc p {
   font-size: 16px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 14px 0 0 0;

   color: #555;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
   .inner-news-list .news-list .subject .desc p {
      margin-top: 6px;
   }
}
@media (max-width: 767px) {
   .inner-news-list .news-list .subject .desc p {
      font-size: 14px;
   }
}
.inner-news-list .news-list .subject .desc .more {
   margin-top: 30px;
}
@media (max-width: 767px) {
   .inner-news-list .news-list .subject .desc .more {
      margin-top: 14px;
   }
}
.inner-news-list .news-list .subject:hover .img .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-news-list .news-list .subject:hover .desc h3 {
   color: #0064bb;
}
.inner-news-list .news-list .subject:hover .desc span.more {
   color: #fff;
   background-color: #0064bb;
}
.inner-team .team {
   margin-top: -50px;
}
@media (max-width: 1199px) {
   .inner-team .team {
      margin: 0;
   }
}
.inner-team .team .subject {
   position: relative;

   display: block;

   margin-top: 50px;
}
@media (max-width: 767px) {
   .inner-team .team .subject {
      margin-top: 30px;
   }
}
.inner-team .team .subject .ibox {
   padding-bottom: 75%;
}
.inner-team .team .subject .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-team .team .subject .desc {
   position: relative;
   z-index: 2;

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

   text-align: center;
}
.inner-team .team .subject .desc h3 {
   font-size: 16px;
   line-height: 60px;

   display: block;
   overflow: hidden;

   height: 60px;
   margin: 0;
   padding: 0 10px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   background-color: #fff;
   box-shadow: 0 10px 10px rgba(0, 100, 187, 0.1);
}
@media (max-width: 767px) {
   .inner-team .team .subject .desc h3 {
      font-size: 14px;
   }
}
.inner-team .team .subject:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-team .team .subject:hover .desc h3 {
   color: #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
}
.inner-faqs .faqs {
   margin-top: -30px;
}
@media (max-width: 1199px) {
   .inner-faqs .faqs {
      margin-top: 0;
   }
}
.inner-faqs .faqs .subject {
   display: block;

   margin-top: 30px;
   padding: 30px;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f7faff),
         to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
}
@media (max-width: 991px) {
   .inner-faqs .faqs .subject {
      padding: 20px 10px;
   }
}
@media (max-width: 767px) {
   .inner-faqs .faqs .subject {
      margin-top: 14px;
   }
}
.inner-faqs .faqs .subject .title-subject {
   position: relative;

   padding-right: 40px;
   padding-left: 46px;

   cursor: pointer;
}
.inner-faqs .faqs .subject .title-subject:before {
   font-size: 16px;
   line-height: 30px;

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

   display: block;

   width: 30px;
   height: 30px;

   content: "Q";
   text-align: center;

   color: #fff;
   border-radius: 4px;
   background-color: #0064bb;
}
.inner-faqs .faqs .subject .title-subject:after {
   font-family: "iconfont" !important;
   font-size: 24px;
   line-height: 30px;

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

   width: 40px;

   content: "\e689";
   -webkit-transition: all 0.4s;
   transition: all 0.4s;

   color: #0064bb;
}
@media (max-width: 767px) {
   .inner-faqs .faqs .subject .title-subject:after {
      font-size: 20px;
   }
}
.inner-faqs .faqs .subject .title-subject h3 {
   font-size: 16px;
   line-height: 24px;

   margin: 0;
}
.inner-faqs .faqs .subject .desc {
   position: relative;
   /*
  display: -webkit-box; */
   display: none;
   overflow: hidden;
   /*
  height: 96px; */
   margin-top: 30px;
   padding-left: 46px;
   /*
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; */
   min-height: 30px;
}
@media (max-width: 991px) {
   .inner-faqs .faqs .subject .desc {
      margin-top: 10px;
   }
}
.inner-faqs .faqs .subject .desc:before {
   font-size: 16px;
   line-height: 30px;

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

   display: block;

   width: 30px;
   height: 30px;

   content: "A";
   text-align: center;

   color: #fff;
   border-radius: 4px;
   background-color: #8dcc60;
}
.inner-faqs .faqs .subject .desc p {
   line-height: 24px;

   margin: 0;

   color: #777;
}
.inner-faqs .faqs .current .title-subject:after {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
@media (max-width: 1199px) {
   .inner-news-show .title-news-show {
      margin-top: 30px;
   }
}
.inner-news-show .title-news-show h1 {
   font-size: 24px;
   font-weight: bold;
   line-height: 1.5;

   margin: 0;
}
@media (max-width: 991px) {
   .inner-news-show .title-news-show h1 {
      font-size: 18px;
   }
}
.inner-news-show .title-news-show p {
   font-size: 14px;
   line-height: 24px;

   margin: 0;

   color: #999;
}
.inner-news-show .title-news-show p span {
   display: inline-block;

   margin-right: 20px;

   vertical-align: middle;
}
@media (max-width: 991px) {
   .inner-news-show .title-news-show p span {
      margin-right: 10px;
   }
}
.inner-news-show .title-news-show .txt-share {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

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

   border-top: 1px solid #e5e5e5;
   border-bottom: 1px solid #e5e5e5;

   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 767px) {
   .inner-news-show .title-news-show .txt-share {
      display: block;
   }
   .inner-news-show .title-news-show .txt-share .social-share {
      margin-top: 10px;
   }
}
.inner-news-show .wechat-qrcode {
   top: 40px;
}
.inner-news-show .wechat-qrcode:after {
   top: -13px;
   bottom: auto;

   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.inner-news-show .text-top {
   overflow: hidden;

   margin-top: 30px;
   padding: 10px 5%;

   color: #aaa;
   background-color: #f9f9f9;
}
.inner-news-show .text-top p {
   font-size: 16px;
   line-height: 30px;
}
@media (max-width: 767px) {
   .inner-news-show .text-top p {
      font-size: 14px;
   }
}
.inner-news-show .text {
   margin-top: 30px;
}
.inner-news-show .text p {
   font-size: 16px;
   line-height: 1.75;

   margin: 0;
}
@media (max-width: 767px) {
   .inner-news-show .text p {
      font-size: 14px;
   }
}
.inner-news-show .text img {
   max-width: 100%;
   height: auto !important;
}
.inner-news-show .button-news {
   margin-top: 50px;
}
.inner-news-show .button-news a {
   font-size: 16px;
   line-height: 60px;

   position: relative;

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

   height: 60px;
   margin-top: 10px;
   padding: 0 10px 0 50px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;

   color: #666;
   background-color: #f5f5f5;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.inner-news-show .button-news a:before {
   font-family: "iconfont" !important;
   font-size: 30px;
   line-height: 60px;

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

   width: 50px;

   content: "\eb60";
   text-align: center;
}
.inner-news-show .button-news a.next {
   padding: 0 50px 0 10px;

   text-align: right;
}
@media (max-width: 767px) {
   .inner-news-show .button-news a.next {
      padding: 0 10px 0 50px;

      text-align: left;
   }
}
.inner-news-show .button-news a.next:before {
   right: 0;
   left: auto;

   content: "\e625";
}
@media (max-width: 767px) {
   .inner-news-show .button-news a.next:before {
      right: auto;
      left: 0;
   }
}
.inner-news-show .button-news a:hover {
   color: #fff;
   background-color: #0064bb;
}
.inner-case .case {
   margin-bottom: 50px;
}
.inner-case .case .title-case h2 {
   font-size: 24px;
   line-height: 30px;

   margin: 0;
}
@media (max-width: 991px) {
   .inner-case .case .title-case h2 {
      font-size: 20px;
   }
}
.inner-case .case .title-case h2:after {
   display: block;

   width: 54px;
   height: 10px;
   margin-top: 20px;

   content: "";

   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#1f40a0),
         to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 10px 20px rgba(0, 100, 187, 0.3);
}
@media (max-width: 767px) {
   .inner-case .case .title-case h2:after {
      height: 5px;
      margin-top: 10px;
   }
}
.inner-case .case .list {
   margin-top: 30px;
   padding: 40px 3%;

   border: 1px solid #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#f1f1f1),
         to(#fff));
   background: -webkit-linear-gradient(#f1f1f1, #fff);
   background: linear-gradient(#f1f1f1, #fff);
   box-shadow: 10px 10px 10px rgba(0, 100, 187, 0.1);
}
@media (max-width: 1199px) {
   .inner-case .case .list {
      padding: 30px;
   }
}
@media (max-width: 767px) {
   .inner-case .case .list {
      padding: 20px 10px;
   }
}
@media (min-width: 1200px) {
   .inner-case .case .list ul {
      margin: 0 -20px;
   }
}
@media (min-width: 1200px) {
   .inner-case .case .list ul li {
      width: 20%;
      padding: 0 20px;
   }
}
.inner-case .case .list .subject {
   display: block;

   margin: 30px 0;

   text-align: center;
}
@media (max-width: 1199px) {
   .inner-case .case .list .subject {
      margin: 20px 0;
   }
}
@media (max-width: 767px) {
   .inner-case .case .list .subject {
      margin: 10px 0;
   }
}
.inner-case .case .list .subject .ibox {
   padding-bottom: 37.5%;

   -webkit-transition: all 0.6s;
   transition: all 0.6s;

   box-shadow: 5px 5px 10px rgba(0, 100, 187, 0.1);
}
.inner-case .case .list .subject .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-case .case .list .subject h3 {
   font-size: 16px;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 14px 0 0 0;

   color: #555;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
   .inner-case .case .list .subject h3 {
      font-size: 14px;
   }
}
.inner-case .case .list .subject:hover .ibox {
   box-shadow: 10px 10px 10px rgba(0, 100, 187, 0.1);
}
.inner-case .case .list .subject:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-case .case .list .subject:hover .desc h3 {
   color: #0064bb;
}
.inner-honor .honor {
   margin-top: -30px;
}
.inner-honor .honor .subject {
   display: block;

   margin-top: 30px;

   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: center;

   color: inherit;
   background-color: #f9f9f9;
}
.inner-honor .honor .subject .ibox {
   padding-bottom: 75%;
}
.inner-honor .honor .subject .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-honor .honor .subject h3 {
   font-size: 16px;
   line-height: 60px;

   display: -webkit-box;
   overflow: hidden;

   height: 60px;
   margin: 0;

   color: #555;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.inner-honor .honor .subject:hover {
   background-color: #0064bb;
}
.inner-honor .honor .subject:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-honor .honor .subject:hover h3 {
   color: #fff;
}
/* .inner-products {
  padding-right: 0;
  padding-left: 0;
}
.inner-products .products {
  margin-top: -40px;
}
.inner-products .products .subject {
  font-size: 0;

  display: block;

  margin-top: 40px;

  text-align: center;
}
.inner-products .products .subject .img {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.inner-products .products .subject .ibox {
  padding-bottom: 75%;
}
.inner-products .products .subject .ibox img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.inner-products .products .subject .desc {
  margin-top: 20px;
}
.inner-products .products .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) {
  .inner-products .products .subject .desc h3 {
    font-size: 16px;
  }
}
.inner-products .products .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: 991px) {
  .inner-products .products .subject .desc h4 {
    font-size: 14px;
  }
}
.inner-products .products .subject:hover .img .ibox img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.inner-products .products .subject:hover .text h3 {
  color: #0064bb;
}
.inner-product-show .product-show .products-show-scroll {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.inner-product-show .product-show .products-show-scroll .itempack {
  cursor: crosshair;
}
.inner-product-show .product-show .products-show-scroll .itempack .ibox {
  padding-bottom: 75%;
}
.inner-product-show .product-show .products-show-scroll .slick-arrow {
  font-size: 24px;
  line-height: 1;
  line-height: 70px;

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

  overflow: hidden;

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

  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  color: #e3e3e3;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  background-color: #f7f7f7;
}
@media (max-width: 767px) {
  .inner-product-show .product-show .products-show-scroll .slick-arrow {
    font-size: 20px;
    line-height: 50px;

    width: 30px;
    height: 50px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}
.inner-product-show .product-show .products-show-scroll .slick-arrow:before {
  font-family: "iconfont" !important;

  display: inline-block;

  content: "\e610";
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.inner-product-show
  .product-show
  .products-show-scroll
  .slick-arrow.slick-next {
  right: 0;
  left: auto;
}
.inner-product-show
  .product-show
  .products-show-scroll
  .slick-arrow.slick-next:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.inner-product-show .product-show .products-show-scroll .slick-arrow:hover {
  background-color: #0064bb;
}
.inner-product-show .product-show .title-product-show {
  padding: 20px 30px;

  background-color: #ececec;
}
@media (max-width: 991px) {
  .inner-product-show .product-show .title-product-show {
    margin-top: 20px;
  }
}
.inner-product-show .product-show .title-product-show h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;

  margin: 0;
}
.inner-product-show .product-show .desc {
  min-height: 280px;
  margin-top: 20px;
}
@media (max-width: 1660px) {
  .inner-product-show .product-show .desc {
    min-height: 230px;
  }
}
@media (max-width: 1470px) {
  .inner-product-show .product-show .desc {
    min-height: 190px;
  }
}
@media (max-width: 991px) {
  .inner-product-show .product-show .desc {
    min-height: auto;
  }
}
.inner-product-show .product-show .desc p {
  font-size: 16px;
  line-height: 30px;

  margin: 0;

  color: #777;
}
@media (max-width: 767px) {
  .inner-product-show .product-show .desc p {
    font-size: 14px;
    line-height: 24px;
  }
}
.inner-product-show .product-show .btn-contact {
  margin-top: 20px;
}
.inner-product-show .product-show .btn-contact a {
  font-size: 16px;
  line-height: 50px;

  display: inline-block;

  padding: 0 28px;

  -webkit-transition: all 0.2s;
  transition: all 0.2s;

  color: #777;
  border: 1px solid #e2e2e2;
}
.inner-product-show .product-show .btn-contact a:before {
  display: inline-block;

  width: 0;
  height: 0;
  margin-top: -2px;
  margin-right: 10px;

  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;

  border-width: 6px 0 6px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #e60000;
}
.inner-product-show .product-show .btn-contact a:hover {
  color: #fff;
  background-color: #e60000;
}
.inner-product-show .product-show .btn-contact a:hover:before {
  border-color: transparent transparent transparent #fff;
}
.inner-product-show .details {
  padding-top: 50px;
}
.inner-product-show .details .details-sort {
  padding: 14px 14px 0 14px;
}
@media (max-width: 767px) {
  .inner-product-show .details .details-sort {
    padding: 10px 10px 0 10px;
  }
}
.inner-product-show .details .details-sort ul {
  border-bottom: 1px solid #0064bb;
}
.inner-product-show .details .details-sort ul li {
  position: relative;

  display: inline-block;

  vertical-align: top;

  border-bottom: none;
}
.inner-product-show .details .details-sort ul li a {
  font-size: 18px;
  line-height: 30px;

  display: block;

  padding: 10px 30px;

  color: #777;
}
@media (max-width: 767px) {
  .inner-product-show .details .details-sort ul li a {
    font-size: 14px;
    line-height: 30px;

    padding: 4px 10px;
  }
}
.inner-product-show .details .details-sort ul li.active a {
  color: #fff;
  background-color: #0064bb;
}
.inner-product-show .details .details-list {
  overflow: hidden;

  padding: 30px 14px;
}
.inner-product-show .details .details-list p {
  font-size: 16px;
  line-height: 1.875;

  margin: 0;

  color: #666;
}
.inner-product-show .details .details-list img {
  max-width: 100%;
  height: auto !important;
}
.inner-product-show .details .details-list table {
  width: 100%;
}
.inner-product-show .details .details-list table td,
.inner-product-show .details .details-list table th {
  padding: 10px;

  border: 1px solid #dcdcdc;
}
.inner-product-show .details .specifications {
  font-size: 14px;
  line-height: 30px;

  color: #666;
}
.inner-product-show .details .video-list .item {
  margin-top: 30px;

  background-color: #fff;
}
.inner-product-show .details .video-list .item .pic {
  position: relative;

  background-color: #000;
}
.inner-product-show .details .video-list .item .pic:before {
  font-family: iconfont !important;
  font-size: 50px;

  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;

  content: "\e608";
  cursor: pointer;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);

  color: #fff;
}
.inner-product-show .details .video-list .item .ibox {
  padding-bottom: 75%;

  opacity: 0.8;
}
.inner-product-show .details .video-list .item .ibox img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.inner-product-show .details .video-list .item .note {
  margin-top: 14px;
  padding: 10px 20px 20px;
}
.inner-product-show .details .video-list .item .note h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;

  overflow: hidden;

  height: 40px;
  margin: 0;

  white-space: nowrap;
  text-overflow: ellipsis;

  color: #666;
  border-bottom: 1px solid #dcdcdc;
}
.inner-product-show .details .video-list .item .note p {
  line-height: 24px;

  display: -webkit-box;
  overflow: hidden;

  height: 48px;
  margin: 10px 0 0 0;

  word-break: break-all;

  color: #999;

  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inner-product-show .details .video-list .item:hover .ibox img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.inner-product-show .details .video-list .item:hover .note h3 {
  color: #2ac0c4;
}
@media (max-width: 767px) {
  .inner-product-show .details .video-list .item .note {
    padding: 0 10px 10px 10px;
  }
  .inner-product-show .details .video-list .item .note h3 {
    font-size: 18px;
  }
} */
.section {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
.fullpage-wrap {
   padding: 0;
}
@media (max-width: 1199px) {
   .part-solution {
      padding: 100px 0 60px;
   }
}
.part-solution .solution {
   max-width: 50%;
}
@media (max-width: 991px) {
   .part-solution .solution {
      max-width: 60%;
   }
}
@media (max-width: 767px) {
   .part-solution .solution {
      max-width: 100%;
   }
}
.part-solution .solution .title-solution h2 {
   font-size: 36px;
   font-weight: bold;
   line-height: 1.4;

   margin: 0;

   color: #fff;
}
@media (max-width: 1199px) {
   .part-solution .solution .title-solution h2 {
      font-size: 30px;
   }
}
@media (max-width: 991px) {
   .part-solution .solution .title-solution h2 {
      font-size: 24px;
   }
}
@media (max-width: 767px) {
   .part-solution .solution .title-solution h2 {
      font-size: 20px;
   }
}
.part-solution .solution .title-solution h2 img {
   width: 60px;

   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
   .part-solution .solution .title-solution h2 img {
      width: 40px;
   }
}
.part-solution .solution .desc {
   margin-top: 30px;

   color: rgba(255, 255, 255, 0.7);
}
.part-solution .solution .desc p {
   font-size: 16px;
   line-height: 29px;

   margin: 0;
}
@media (max-width: 1199px) {
   .part-solution .solution .desc p {
      font-size: 14px;
   }
}
.part-solution .solution .more {
   margin-top: 30px;
}
.part-solution .solution .more a {
   color: #fff;
}
.active .part-solution .solution .title-solution {
   -webkit-animation: fadeInDown 1.5s 0s ease both;
   animation: fadeInDown 1.5s 0s ease both;
}
.active .part-solution .solution .desc,
.active .part-solution .solution .more {
   -webkit-animation: fadeInUp 1.5s 0s ease both;
   animation: fadeInUp 1.5s 0s ease both;
}
.leave .part-solution .solution .title-solution {
   -webkit-animation: fadeOutUp 1.5s 0s ease both;
   animation: fadeOutUp 1.5s 0s ease both;
}
.leave .part-solution .solution .desc,
.leave .part-solution .solution .more {
   -webkit-animation: fadeOutDown 1.5s 0s ease both;
   animation: fadeOutDown 1.5s 0s ease both;
}
.inner-join .join .tile-join {
   color: #fff;
   background-color: #0064bb;
}
.inner-join .join .tile-join ul {
   font-size: 0;
}
.inner-join .join .tile-join ul li {
   font-size: 18px;
   line-height: 30px;

   display: inline-block;

   width: 18%;
   padding: 20px 10px;

   text-align: center;
   vertical-align: middle;
}
@media (max-width: 767px) {
   .inner-join .join .tile-join ul li {
      font-size: 12px;
      line-height: 22px;

      padding: 10px 5px;
   }
}
.inner-join .join .tile-join ul li p {
   margin: 0;
}
.inner-join .join .tile-join ul li:nth-child(5) {
   width: 28%;
}
.inner-join .join-list>ul>li:nth-child(2n) {
   background-color: #f3f8ff;
}
.inner-join .join-list>ul>li .title-join-list {
   font-size: 0;

   padding: 20px 10px;

   cursor: pointer;
   text-align: center;
}
@media (max-width: 767px) {
   .inner-join .join-list>ul>li .title-join-list {
      padding: 10px 5px;
   }
}
.inner-join .join-list>ul>li .title-join-list p {
   font-size: 14px;
   font-size: 16px;
   line-height: 30px;

   display: inline-block;

   width: 18%;
   margin: 0;

   vertical-align: middle;

   color: #666;
}
@media (max-width: 767px) {
   .inner-join .join-list>ul>li .title-join-list p {
      font-size: 13px;
      line-height: 22px;
   }
}
.inner-join .join-list>ul>li .title-join-list p:nth-child(1) {
   color: #0064bb;
}
.inner-join .join-list>ul>li .title-join-list p:nth-child(1):after {
   font-family: "iconfont" !important;

   margin-left: 10px;

   content: "\e660";
}
.inner-join .join-list>ul>li .title-join-list p:nth-child(5) {
   width: 28%;
}
.inner-join .join-list>ul>li .join-text {
   font-size: 15px;
   line-height: 30px;

   display: none;

   padding: 20px;
}
@media (max-width: 767px) {
   .inner-join .join-list>ul>li .join-text {
      font-size: 13px;
      line-height: 22px;

      padding: 10px 0;
   }
}
.inner-join .join-list>ul>li .join-text h3 {
   font-size: 15px;
   font-weight: bold;
}
.inner-join .join-list>ul>li .join-text p {
   margin: 0;

   color: #666;
}
.inner-contact .contact {
   margin-top: 50px;
}
@media (max-width: 767px) {
   .inner-contact .contact {
      margin-top: 30px;
   }
}
@media (min-width: 1200px) {
   .inner-contact .contact ul {
      margin: 0 -50px;
   }
   .inner-contact .contact ul li {
      padding: 0 50px;
   }
}
.inner-contact .contact .subject {
   margin: 20px 0;

   -webkit-transition: all 0.4s;
   transition: all 0.4s;
}
.inner-contact .contact .subject h3 {
   font-size: 22px;

   margin-top: 0;

   color: #0064bb;
}
@media (max-width: 991px) {
   .inner-contact .contact .subject h3 {
      font-size: 20px;
   }
}
@media (max-width: 767px) {
   .inner-contact .contact .subject h3 {
      font-size: 18px;
   }
}
.inner-contact .contact .subject .iconimg {
   width: 114px;
}
@media (max-width: 991px) {
   .inner-contact .contact .subject .iconimg {
      width: 90px;
   }
}
@media (max-width: 767px) {
   .inner-contact .contact .subject .iconimg {
      width: 70px;
   }
}
.inner-contact .contact .subject .iconimg img {
   width: 100%;
}
.inner-contact .contact .subject .desc {
   margin-top: 20px;
}
.inner-contact .contact .subject .desc p {
   font-size: 15px;
   line-height: 24px;

   margin: 0;

   color: #555;
}
.inner-contact .contact .subject .desc p a:hover {
   text-decoration: underline;

   color: #0064bb;
}
.inner-contact .contact .subject:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-contact .contact .erweima {
   margin-top: 30px;
}
.inner-contact .contact .erweima img {
   max-width: 150px;
}
.inner-map {
   position: relative;

   overflow: hidden;
}
@media (max-width: 1199px) {
   .inner-map {
      height: auto;
   }
}
.inner-map #map {
   width: 100%;
   height: 580px;
}
@media (max-width: 1199px) {
   .inner-map #map {
      height: 500px;
   }
}
@media (max-width: 767px) {
   .inner-map #map {
      height: 400px;
   }
}
.inner-map label {
   max-width: 200px;

   border: none !important;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
nav {
   text-align: center;
}
.pagination {
   margin: 50px 0 0 0;
   padding: 0;
}
@media (max-width: 991px) {
   .pagination {
      margin-top: 30px;
   }
}
.pagination li.prev a,
.pagination li.next a {
   border-radius: 50%;
}
.pagination li.prev a span:before,
.pagination li.next a span:before {
   font-family: "iconfont" !important;

   content: "\eb60";
}
.pagination li.next a span:before {
   content: "\e625";
}
.pagination li a {
   line-height: 36px;

   display: block;

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

   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   text-align: center;

   color: #666;
   border: none;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
   .pagination li a {
      line-height: 30px;

      width: 30px;
      height: 30px;
   }
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
   color: #fff;
   background-color: #0064bb;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
   color: #fff;
   background-color: #0064bb;
}
.zoom:after {
   position: absolute;
   top: 0;
   right: 0;

   display: block;

   width: 33px;
   height: 33px;

   content: "";

   background: url(../images/icon.png);
}
.zoom img {
   display: block;
}
.zoom img::-moz-selection {
   background-color: transparent;
}
.zoom img::selection {
   background-color: transparent;
}
.banner-in-product .text-inner {
   background-color: #0064bb;
   display: inline-block;
   padding: 40px 110px 40px 180px;
   color: #ffffff;
   left: 0;
   width: auto;
   top: 45%;
}
@media (max-width: 991px) {
   .banner-in-product .text-inner {
      padding: 20px 5% 20px 15%;
      top: 50%;
   }
}
.banner-in-product .text-inner h2 {
   font-size: 36px;
   margin: 0;
   line-height: 1.4;
}
@media (max-width: 1199px) {
   .banner-in-product .text-inner h2 {
      font-size: 30px;
   }
}
@media (max-width: 767px) {
   .banner-in-product .text-inner h2 {
      font-size: 24px;
   }
}
.banner-in-product .text-inner h2 img {
   width: 60px;
   filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
   .banner-in-product .text-inner h2 img {
      width: 40px;
   }
}
.banner-products-show {
   height: 110px;
}
@media (max-width: 1199px) {
   .banner-products-show {
      height: 60px;
   }
}
.banner-products-show img {
   width: 100%;
   height: 100%;
}
.pro-title {
   text-align: center;
}
.pro-title h2 {
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
}
@media (max-width: 991px) {
   .pro-title h2 {
      font-size: 24px;
   }
}
.pro-title.left {
   text-align: left;
}
.inner-products-industry {
   margin-top: -110px;
   position: relative;
   z-index: 2;
}
@media (max-width: 1199px) {
   .inner-products-industry {
      margin-top: 0;
   }
}
.inner-products-industry .pro-industry {
   padding: 70px 30px 60px;
   background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1199px) {
   .inner-products-industry .pro-industry {
      padding: 30px;
   }
}
@media (max-width: 767px) {
   .inner-products-industry .pro-industry {
      padding: 30px 15px;
   }
}
.inner-products-industry .pro-industry .industry {
   font-size: 0;
   margin-top: 40px;
}
@media (max-width: 767px) {
   .inner-products-industry .pro-industry .industry {
      margin-top: 20px;
   }
}
.inner-products-industry .pro-industry .desc,
.inner-products-industry .pro-industry .img {
   display: inline-block;
   vertical-align: bottom;
   font-size: 14px;
}
.inner-products-industry .pro-industry .img {
   width: 370px;
   overflow: hidden;
}
@media (max-width: 991px) {
   .inner-products-industry .pro-industry .img {
      width: 200px;
   }
}
@media (max-width: 767px) {
   .inner-products-industry .pro-industry .img {
      width: 100%;
   }
   .inner-products-industry .pro-industry .img img {
      width: 100%;
   }
}
.inner-products-industry .pro-industry .desc {
   width: calc(100% - 370px);
   padding-left: 60px;
}
@media (max-width: 1199px) {
   .inner-products-industry .pro-industry .desc {
      padding-left: 30px;
   }
}
@media (max-width: 991px) {
   .inner-products-industry .pro-industry .desc {
      width: calc(100% - 200px);
   }
}
@media (max-width: 767px) {
   .inner-products-industry .pro-industry .desc {
      width: 100%;
      margin-top: 50px;
      padding-left: 0;
   }
}
.inner-products-industry .pro-industry .desc:before {
   content: "“";
   display: block;
   font-size: 170px;
   line-height: 40px;
   color: #0064bb;
   font-family: "D-DIN Condensed";
}
@media (max-width: 767px) {
   .inner-products-industry .pro-industry .desc:before {
      font-size: 100px;
   }
}
.inner-products-industry .pro-industry .desc p {
   font-size: 16px;
   line-height: 2.25;
   color: #666666;
   margin: 0;
}
@media (max-width: 991px) {
   .inner-products-industry .pro-industry .desc p {
      line-height: 30px;
   }
}
@media (max-width: 767px) {
   .inner-products-industry .pro-industry .desc p {
      font-size: 14px;
      line-height: 24px;
   }
}
.inner-transaction {
   background: url(../images/transaction_bg.png) no-repeat bottom center;
   background-size: cover;
}
.inner-transaction .transaction>ul {
   font-size: 0;
   margin: 0 -60px;
}
@media (max-width: 1470px) {
   .inner-transaction .transaction>ul {
      margin: 0 -20px;
   }
}
.inner-transaction .transaction>ul>li {
   width: 25%;
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   margin-top: 80px;
   padding: 0 60px;
}
@media (max-width: 1470px) {
   .inner-transaction .transaction>ul>li {
      padding: 0 20px;
   }
}
@media (max-width: 767px) {
   .inner-transaction .transaction>ul>li {
      width: 100%;
      margin-top: 30px;
   }
}
.inner-transaction .transaction>ul>li:nth-child(2) {
   width: 50%;
}
@media (max-width: 767px) {
   .inner-transaction .transaction>ul>li:nth-child(2) {
      width: 100%;
   }
}
.inner-transaction .transaction>ul>li:nth-child(2) .img {
   margin-top: -40px;
   text-align: center;
}
.inner-transaction .transaction>ul>li:nth-child(2) .list {
   max-width: 100%;
   margin-top: -100px;
   position: relative;
   z-index: 2;
}
.inner-transaction .transaction>ul>li:nth-child(2) .list>ul {
   font-size: 0;
   margin-left: -6px;
   margin-right: -6px;
}
.inner-transaction .transaction>ul>li:nth-child(2) .list>ul>li {
   width: 33.33333333%;
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   padding: 0 6px;
}
@media (max-width: 991px) {
   .inner-transaction .transaction>ul>li:nth-child(2) .list>ul>li {
      width: 50%;
   }
}
.inner-transaction .transaction>ul>li:nth-child(2) .list>ul>li .subject {
   display: block;
}
.inner-transaction .transaction>ul>li:nth-child(1) .spart .img {
   position: relative;
}
.inner-transaction .transaction>ul>li:nth-child(1) .spart .img:after {
   content: "";
   display: block;
   width: 105px;
   height: 257px;
   background: url(../images/jiantou.png) no-repeat center;
   background-size: contain;
   position: absolute;
   left: 86%;
   top: -20px;
   opacity: 0.6;
}
@media (max-width: 1470px) {
   .inner-transaction .transaction>ul>li:nth-child(1) .spart .img:after {
      width: 80px;
      top: -40px;
   }
}
@media (max-width: 991px) {
   .inner-transaction .transaction>ul>li:nth-child(1) .spart .img:after {
      width: 50px;
      height: 160px;
      top: -30px;
   }
}
@media (max-width: 767px) {
   .inner-transaction .transaction>ul>li:nth-child(1) .spart .img:after {
      display: none;
   }
}
.inner-transaction .transaction>ul>li:nth-child(3) .spart .img {
   position: relative;
}
.inner-transaction .transaction>ul>li:nth-child(3) .spart .img:after {
   content: "";
   display: block;
   width: 105px;
   height: 257px;
   background: url(../images/jiantou.png) no-repeat center;
   background-size: contain;
   position: absolute;
   right: 86%;
   top: -20px;
   transform: rotateX(180deg);
   opacity: 0.6;
}
@media (max-width: 1470px) {
   .inner-transaction .transaction>ul>li:nth-child(3) .spart .img:after {
      width: 80px;
      top: -40px;
   }
}
@media (max-width: 991px) {
   .inner-transaction .transaction>ul>li:nth-child(3) .spart .img:after {
      width: 50px;
      height: 160px;
      top: -30px;
   }
}
@media (max-width: 767px) {
   .inner-transaction .transaction>ul>li:nth-child(3) .spart .img:after {
      display: none;
   }
}
.inner-transaction .transaction .spart .title-spart {
   text-align: center;
}
.inner-transaction .transaction .spart .title-spart h2 {
   font-size: 24px;
   margin: 0;
   color: #0064bb;
   line-height: 1.4;
}
.inner-transaction .transaction .spart .img {
   margin-top: 20px;
}
@media (max-width: 767px) {
   .inner-transaction .transaction .spart .img {
      text-align: center;
   }
}
.inner-transaction .transaction .spart .img img {
   max-width: 100%;
}
.inner-transaction .transaction .spart .list {
   text-align: center;
   max-width: 340px;
   margin-top: 20px;
}
@media (max-width: 767px) {
   .inner-transaction .transaction .spart .list {
      max-width: 100%;
   }
   .inner-transaction .transaction .spart .list>ul {
      font-size: 0;
      margin: 0 -6px;
   }
   .inner-transaction .transaction .spart .list>ul>li {
      width: 50%;
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      padding: 0 6px;
   }
}
.inner-transaction .transaction .spart .list .subject {
   display: inline-block;
   min-width: 190px;
   background: linear-gradient(#f1f1f1, #ffffff);
   padding: 10px;
   border: 1px solid #ffffff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   margin-top: 12px;
   position: relative;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
}
@media (max-width: 1470px) {
   .inner-transaction .transaction .spart .list .subject {
      min-width: 180px;
   }
}
@media (max-width: 991px) {
   .inner-transaction .transaction .spart .list .subject {
      min-width: 160px;
   }
}
@media (max-width: 767px) {
   .inner-transaction .transaction .spart .list .subject {
      margin: 8px 0;
      padding: 5px 10px 5px 20px;
      min-width: auto;
      display: block;
   }
}
.inner-transaction .transaction .spart .list .subject p {
   line-height: 26px;
   margin: 0;
   font-size: 15px;
   height: 26px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
   color: #666666;
}
@media (max-width: 1470px) {
   .inner-transaction .transaction .spart .list .subject p {
      font-size: 14px;
   }
}
/*.inner-transaction .transaction .spart .list .subject:hover {
  background: linear-gradient(#1f40a0, #0064bb);
}
.inner-transaction .transaction .spart .list .subject:hover:before {
  background-color: #ffffff;
}
.inner-transaction .transaction .spart .list .subject:hover p {
  color: #ffffff;
}**/
.inner-contribution .contribution .cpart {
   padding: 80px 8% 60px;
   background-image: linear-gradient(#e0ecfb, #f2f8ff);
   border: 3px solid #ffffff;
   text-align: center;
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
   margin-top: 30px;
   -webkit-transition: all 0.6s;
   -moz-transition: all 0.6s;
   -ms-transition: all 0.6s;
   -o-transition: all 0.6s;
   transition: all 0.6s;
}
@media (max-width: 1470px) {
   .inner-contribution .contribution .cpart {
      padding: 50px 5%;
   }
}
@media (max-width: 767px) {
   .inner-contribution .contribution .cpart {
      padding: 30px 15px;
   }
}
.inner-contribution .contribution .cpart .icon {
   width: 80px;
   margin: 0 auto;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   -o-transition: all 0.4s;
   transition: all 0.4s;
}
@media (max-width: 767px) {
   .inner-contribution .contribution .cpart .icon {
      width: 60px;
   }
}
.inner-contribution .contribution .cpart .icon img {
   width: 100%;
}
.inner-contribution .contribution .cpart p {
   font-size: 16px;
   line-height: 1.875;
   color: #666666;
   margin: 20px 0 0 0;
}
@media (max-width: 767px) {
   .inner-contribution .contribution .cpart p {
      font-size: 14px;
   }
}
.inner-contribution .contribution .cpart:hover {
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   -o-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-contribution .contribution .cpart:hover .icon {
   transform: rotateY(360deg);
}
.inner-pro-advantage {
   background: url(../images/advantage_bg.jpg) no-repeat center;
   background-size: cover;
   color: #ffffff;
}
@media (min-width: 1200px) {
   .inner-pro-advantage {
      background-attachment: fixed;
   }
}
.inner-pro-advantage .advantage {
   margin-top: 80px;
}
@media (max-width: 991px) {
   .inner-pro-advantage .advantage {
      margin-top: 50px;
   }
}
@media (max-width: 767px) {
   .inner-pro-advantage .advantage {
      margin-top: 30px;
   }
}
.inner-pro-advantage .advantage ul {
   margin: 0 -50px;
}
@media (max-width: 1199px) {
   .inner-pro-advantage .advantage ul {
      margin: 0 -30px;
   }
}
.inner-pro-advantage .advantage ul li {
   padding: 50px 100px;
}
@media (max-width: 1199px) {
   .inner-pro-advantage .advantage ul li {
      padding: 30px 50px;
   }
}
.inner-pro-advantage .advantage ul li:nth-child(1),
.inner-pro-advantage .advantage ul li:nth-child(2) {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.inner-pro-advantage .advantage ul li:nth-child(2n + 1) {
   /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
@media (max-width: 767px) {
   .inner-pro-advantage .advantage ul li:nth-child(2n + 1) {
      border-right: none;
   }
}
@media (max-width: 767px) {
   .inner-pro-advantage .advantage ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   }
   .inner-pro-advantage .advantage ul li:last-child {
      border-bottom: none;
   }
}
/* .inner-pro-advantage .advantage ul li:nth-child(1){
	text-align: center;
}
.inner-pro-advantage .advantage ul li:nth-child(1) .apart{
	display: inline-block;
	text-align: left;
	max-width: 60%;
} */
.inner-pro-advantage .advantage .apart {
   font-size: 0;
   -webkit-transition: all 0.6s;
   -moz-transition: all 0.6s;
   -ms-transition: all 0.6s;
   -o-transition: all 0.6s;
   transition: all 0.6s;
}
.inner-pro-advantage .advantage .apart .icon,
.inner-pro-advantage .advantage .apart .desc {
   display: inline-block;
   vertical-align: middle;
   font-size: 14px;
}
.inner-pro-advantage .advantage .apart .desc h3 {
   margin-top: 5px;
}
.inner-pro-advantage .advantage .apart .icon {
   position: relative;
   padding: 12px;
   width: 140px;
}
@media (max-width: 991px) {
   .inner-pro-advantage .advantage .apart .icon {
      width: 100px;
   }
}
.inner-pro-advantage .advantage .apart .icon:before {
   content: "";
   display: block;
   width: 73px;
   height: 73px;
   background-color: #005bdf;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
}
.inner-pro-advantage .advantage .apart .icon .img {
   width: 73px;
   height: 73px;
   background: url(../images/adicon.png) no-repeat center;
   background-size: cover;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   overflow: hidden;
   position: relative;
   z-index: 2;
   padding: 10px;
}
.inner-pro-advantage .advantage .apart .icon .img img {
   filter: brightness(0) invert(1);
   width: 100%;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   -o-transition: all 0.4s;
   transition: all 0.4s;
}
.inner-pro-advantage .advantage .apart .desc {
   width: calc(100% - 140px);
}
@media (max-width: 991px) {
   .inner-pro-advantage .advantage .apart .desc {
      width: calc(100% - 100px);
   }
}
.inner-pro-advantage .advantage .apart .desc p {
   font-size: 16px;
   line-height: 24px;
   margin: 0;
}
.inner-pro-advantage .advantage .apart:hover {
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   -o-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-pro-advantage .advantage .apart:hover .icon .img img {
   transform: rotateY(360deg);
}
.inner-pro-platform {
   background-color: #f2f8ff;
}
.inner-pro-platform .platform {
   font-size: 0;
}
.inner-pro-platform .platform .desc,
.inner-pro-platform .platform .img {
   display: inline-block;
   vertical-align: middle;
   font-size: 14px;
   margin-top: 50px;
}
@media (max-width: 767px) {
   .inner-pro-platform .platform .desc,
   .inner-pro-platform .platform .img {
      margin-top: 30px;
   }
}
.inner-pro-platform .platform .desc {
   width: 60%;
   padding-right: 8%;
}
@media (max-width: 767px) {
   .inner-pro-platform .platform .desc {
      width: 100%;
      padding-right: 0;
   }
}
.inner-pro-platform .platform .desc .title-desc:after {
   content: "";
   display: block;
   width: 56px;
   height: 4px;
   background-color: #0064bb;
}
.inner-pro-platform .platform .desc .title-desc h3 {
   font-size: 30px;
   color: #0064bb;
   font-weight: bold;
}
@media (max-width: 991px) {
   .inner-pro-platform .platform .desc .title-desc h3 {
      font-size: 24px;
   }
}
.inner-pro-platform .platform .desc .txt {
   margin-top: 20px;
   max-width: 680px;
}
.inner-pro-platform .platform .desc .txt p {
   font-size: 16px;
   line-height: 1.875;
   margin: 0;
   color: #666666;
}
@media (max-width: 767px) {
   .inner-pro-platform .platform .desc .txt p {
      font-size: 14px;
      line-height: 24px;
   }
}
.inner-pro-platform .platform .img {
   width: 40%;
}
@media (max-width: 767px) {
   .inner-pro-platform .platform .img {
      width: 100%;
   }
}
.inner-pro-platform .platform .img img {
   max-width: 100%;
}
.inner-product .product .product-scroll {
   margin: 0 -10px;
}
.inner-product .product .slick-slide {
   padding: 10px;
}
.inner-product .product .ppart {
   display: block;
   padding: 20px;
   background-image: linear-gradient(#e0ecfb, #f2f8ff);
   border: 3px solid #ffffff;
   box-shadow: 5px 5px 15px rgba(0, 100, 187, 0.1);
   margin-top: 30px;
}
@media (max-width: 991px) {
   .inner-product .product .ppart {
      padding: 20px 15px;
      margin-top: 10px;
   }
}
.inner-product .product .ppart .tit-ppart h3 {
   color: #0064bb;
   font-size: 18px;
   margin: 0;
   text-align: center;
   line-height: 40px;
   height: 40px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}
.inner-product .product .ppart .ibox {
   padding-bottom: 44%;
   margin-top: 20px;
}
@media (max-width: 767px) {
   .inner-product .product .ppart .ibox {
      margin-top: 10px;
   }
}
.inner-product .product .ppart .ibox img {
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -ms-transition: all 1s;
   -o-transition: all 1s;
   transition: all 1s;
}
.inner-product .product .ppart .desc {
   margin-top: 20px;
}
.inner-product .product .ppart .desc p {
   line-height: 24px;
   height: 72px;
   color: #666666;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   margin: 0;
}
.inner-product .product .ppart .icon {
   width: 36px;
   height: 36px;
   display: block;
   margin-top: 40px;
   border: 1px solid #0064bb;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   line-height: 36px;
   text-align: center;
   font-size: 20px;
   color: #0064bb;
}
@media (max-width: 767px) {
   .inner-product .product .ppart .icon {
      margin-top: 20px;
   }
}
.inner-product-show-top {
   background-color: #fff;
}
.inner-product-show-top .product-show-top {
   font-size: 0;
}
.inner-product-show-top .product-show-top .desc,
.inner-product-show-top .product-show-top .img {
   font-size: 14px;

   display: inline-block;

   margin-top: 50px;

   vertical-align: middle;
}
@media (max-width: 767px) {
   .inner-product-show-top .product-show-top .desc,
   .inner-product-show-top .product-show-top .img {
      margin-top: 30px;
   }
}
.inner-product-show-top .product-show-top .desc {
   width: 60%;
   padding-right: 8%;
   padding-left: 5%;
}
@media (max-width: 991px) {
   .inner-product-show-top .product-show-top .desc {
      padding-left: 0;
   }
}
@media (max-width: 767px) {
   .inner-product-show-top .product-show-top .desc {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
   }
}
.inner-product-show-top .product-show-top .desc .title-desc h3 {
   font-size: 30px;
   font-weight: bold;

   color: #0064bb;
}
@media (max-width: 991px) {
   .inner-product-show-top .product-show-top .desc .title-desc h3 {
      font-size: 24px;
   }
}
.inner-product-show-top .product-show-top .desc .txt {
   max-width: 720px;
   margin-top: 20px;
}
.inner-product-show-top .product-show-top .desc .txt p {
   font-size: 16px;
   line-height: 1.875;

   margin: 0;

   color: #666;
}
@media (max-width: 767px) {
   .inner-product-show-top .product-show-top .desc .txt p {
      font-size: 14px;
      line-height: 24px;
   }
}
.inner-product-show-top .product-show-top .img {
   width: 40%;
}
@media (max-width: 767px) {
   .inner-product-show-top .product-show-top .img {
      width: 100%;
   }
}
.inner-product-show-top .product-show-top .img img {
   max-width: 100%;
}
.inner-product-feature {
   background: url(../images/feature_bg.jpg) no-repeat center;
   background-size: cover;
}
.inner-product-feature .feature-txt {
   max-width: 1330px;
   margin: 0 auto;
   margin-top: 30px;
   font-size: 17px;
   text-align: center;
}
.inner-product-feature .feature-txt p {
   line-height: 28px;

   margin: 0;

   color: #777;
}
.inner-product-feature .feature .feature-slide {
   margin: 0 -15px;
   padding-bottom: 100px;
}
@media (max-width: 991px) {
   .inner-product-feature .feature .feature-slide {
      padding-bottom: 80px;
   }
}
.inner-product-feature .feature .slick-slide {
   padding: 0 15px;
}
.inner-product-feature .feature .fpart {
   display: block;

   margin-top: 40px;
   padding: 15px;

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

   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 1199px) {
   .inner-product-feature .feature .fpart {
      max-width: 100%;
   }
}
@media (max-width: 767px) {
   .inner-product-feature .feature .fpart {
      margin-top: 20px;
   }
}
.inner-product-feature .feature .fpart .ibox {
   display: block;

   margin-top: 16px;
   padding-bottom: 46.25%;

   /*background-color: #000;*/
}
.inner-product-feature .feature .fpart .ibox .icon {
   font-size: 60px;

   position: absolute;
   z-index: 3;
   top: 50%;

   width: 100%;

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

   opacity: 0;
   color: #fff;
}
.inner-product-feature .feature .fpart h3 {
   font-size: 18px;
   text-align: center;
   font-weight: bold;
}
@media (max-width: 991px) {
   .inner-product-feature .feature .fpart h3 {
      margin-top: 0;
   }
}
.inner-product-feature .feature .fpart .desc {
   overflow-y: auto;

   height: 144px;
   margin: 20px 0;
}
.inner-product-feature .feature .fpart .desc::-webkit-scrollbar {
   position: absolute;
   left: 0;

   width: 5px;
}
.inner-product-feature .feature .fpart .desc::-webkit-scrollbar-track {
   background-color: #eee;
}
.inner-product-feature .feature .fpart .desc::-webkit-scrollbar-thumb {
   background-color: #dcdcdc;
}
.inner-product-feature .feature .fpart p {
   font-size: 14px;
   line-height: 24px;

   margin: 0;

   color: #666;
}
@media (min-width: 1200px) {
   .inner-product-feature .feature .fpart:hover {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);

      color: #fff;
      background-color: #0064bb;
      box-shadow: 10px 10px 20px rgba(0, 100, 187, .2);
   }
   .inner-product-feature .feature .fpart:hover h3,
   .inner-product-feature .feature .fpart:hover p {
      color: #fff;
   }
   .inner-product-feature .feature .fpart:hover .ibox img {
      opacity: .5;
   }
   .inner-product-feature .feature .fpart:hover .ibox .icon {
      opacity: 1;
   }
}
.inner-product-feature .feature .slick-arrow {
   line-height: 50px;

   top: auto;
   bottom: 0;
   left: -webkit-calc(50% - 130px);
   left: calc(50% - 130px);

   width: 120px;
   height: 50px;

   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);

   border-radius: 0;
   background-color: #fff;
}
.inner-product-feature .feature .slick-arrow:before {
   font-size: 30px;

   content: '\eb94';
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.inner-product-feature .feature .slick-arrow.slick-next {
   right: -webkit-calc(50% - 130px);
   right: calc(50% - 130px);
   left: auto;
}
.inner-product-feature .feature .slick-arrow.slick-next:before {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}
.inner-product-feature .feature .slick-arrow:hover {
   color: #fff;
   border-color: #0064bb;
   background-color: #0064bb;
}
.inner-product-show>ul>li {
   padding: 60px 0;
}
.inner-product-show>ul>li:nth-child(2n) {
   background-color: #f1f6fc;
}
.inner-product-show>ul>li:nth-child(2n) .desc {
   left: 50%;

   padding-right: 0;
}
@media (max-width: 767px) {
   .inner-product-show>ul>li:nth-child(2n) .desc {
      left: 0;

      padding: 0;
   }
}
.inner-product-show>ul>li:nth-child(2n) .imgwrap {
   right: 50%;
}
@media (max-width: 767px) {
   .inner-product-show>ul>li:nth-child(2n) .imgwrap {
      right: 0;
   }
}
.inner-product-show .ppart {
   font-size: 0;
}
.inner-product-show .ppart .desc,
.inner-product-show .ppart .imgwrap {
   font-size: 14px;

   position: relative;

   display: inline-block;

   padding: 0 4%;

   vertical-align: middle;
}
@media (max-width: 991px) {
   .inner-product-show .ppart .desc,
   .inner-product-show .ppart .imgwrap {
      padding: 0 2%;
   }
}
.inner-product-show .ppart .desc {
   width: 50%;
}
@media (max-width: 767px) {
   .inner-product-show .ppart .desc {
      width: 100%;
      padding: 0;
   }
}
.inner-product-show .ppart .desc .tit-part h2 {
   font-size: 24px;
   font-weight: bold;
   line-height: 1.2;
}
@media (max-width: 991px) {
   .inner-product-show .ppart .desc .tit-part h2 {
      font-size: 24px;
   }
}
.inner-product-show .ppart .desc .tit-part h3 {
   font-size: 16px;
   /*font-weight: bold;*/
   line-height: 1.9;

   color: #0064bb;
}
@media (max-width: 991px) {
   .inner-product-show .ppart .desc .tit-part h3 {
      font-size: 20px;
   }
}
.inner-product-show .ppart .desc .txt {
   margin-top: 20px;
}
.inner-product-show .ppart .desc .txt p {
   font-size: 16px;
   line-height: 1.875;

   margin: 0;

   color: #666;
}
@media (max-width: 767px) {
   .inner-product-show .ppart .desc .txt p {
      font-size: 14px;
      line-height: 24px;
   }
}
.inner-product-show .ppart .desc .listp>ul {
   margin: 0 -15px;
}
@media (max-width: 1470px) {
   .inner-product-show .ppart .desc .listp>ul {
      margin: 0 -10px;
   }
}
.inner-product-show .ppart .desc .listp>ul>li {
   display: inline-block;

   padding: 0 15px;

   vertical-align: top;
}
@media (max-width: 1470px) {
   .inner-product-show .ppart .desc .listp>ul>li {
      padding: 10px;
   }
}
.inner-product-show .ppart .desc .listp .lpar {
   display: block;

   margin-top: 10px;
   padding: 20px;

   text-align: center;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#e0ecfb), to(#f2f8ff));
   background-image: -webkit-linear-gradient(#e0ecfb, #f2f8ff);
   background-image: linear-gradient(#e0ecfb, #f2f8ff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, .1);
}
@media (max-width: 991px) {
   .inner-product-show .ppart .desc .listp .lpar {
      margin-top: 10px;
      padding: 20px 15px;
   }
}
.inner-product-show .ppart .desc .listp .lpar h3 {
   font-size: 18px;
   line-height: 30px;

   margin: 0;

   color: #0064bb;
}
.inner-product-show .ppart .desc .listp .lpar p {
   font-size: 16px;
   line-height: 30px;

   margin: 0;

   color: #666;
}
.inner-product-show .ppart .imgwrap {
   width: 50%;

   text-align: center;
}
@media (max-width: 767px) {
   .inner-product-show .ppart .imgwrap {
      width: 100%;
      margin-top: 20px;
      padding: 0;
   }
}
.inner-product-show .ppart .imgwrap .img {
   padding: 15px;

   background-color: #fff;
   box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}
.inner-product-show .ppart .imgwrap .img img {
   width: 100%;
}
.inner-product-show .ppart .imgwrap h4 {
   font-size: 16px;
   line-height: 30px;

   margin-top: 20px;

   color: #0064bb;
}
.inner-product-show .ppart .imgwrap h4:before {
   font-family: 'iconfont' !important;
   font-weight: bold;

   margin-right: 8px;

   content: '\e660';
}
.inner-product-system {
   background: url(../images/system_bg.jpg) no-repeat center;
   background-size: cover;
}
.inner-product-system .pro-title h2 {
   color: #fff;
}
.inner-product-system .system {
   max-width: 1140px;
   margin: 0 auto;
   margin-top: 40px;
}
.inner-product-system .system .system-scroll {
   margin: 0 -20px;
}
@media (max-width: 767px) {
   .inner-product-system .system .system-scroll {
      margin: 0 -10px;
   }
}
.inner-product-system .system .system-scroll .slick-slide {
   padding: 10px 20px;
}
@media (max-width: 767px) {
   .inner-product-system .system .system-scroll .slick-slide {
      padding: 20px 10px;
   }
}
.inner-product-system .system .system-scroll .apart {
   display: block;

   text-align: center;
}
.inner-product-system .system .system-scroll .apart .ibox {
   padding-bottom: 75%;
}
.inner-product-system .system .system-scroll .apart .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.inner-product-system .system .system-scroll .apart h3 {
   font-size: 16px;
   line-height: 60px;

   display: -webkit-box;
   overflow: hidden;

   height: 60px;
   margin: 0;

   color: #fff;
   background-color: #0064bb;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.inner-product-system .system .system-scroll .apart:hover .box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.inner-product-system .system .system-scroll .slick-arrow {
   font-size: 40px;

   color: #0064bb;
   border: none;
   background: none;
}
.inner-product-benefit .benefit {
   margin-top: 10px;
}
.inner-product-benefit .benefit .benefit-scroll {
   margin: 0 -20px;
}
@media (max-width: 767px) {
   .inner-product-benefit .benefit .benefit-scroll {
      margin: 0 -10px;
   }
}
.inner-product-benefit .benefit .benefit-scroll .slick-slide {
   padding: 20px 20px;
}
@media (max-width: 767px) {
   .inner-product-benefit .benefit .benefit-scroll .slick-slide {
      padding: 20px 10px;
   }
}
.inner-product-benefit .benefit .apart {
   margin-top: 30px;
   padding: 24px;

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

   border: 1px solid #fff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
   background-image: -webkit-linear-gradient(#f1f1f1, #fff);
   background-image: linear-gradient(#f1f1f1, #fff);
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 767px) {
   .inner-product-benefit .benefit .apart {
      margin-top: 10px;
      padding: 20px 14px;
   }
}
.inner-product-benefit .benefit .apart h3 {
   font-family: 'D-DIN Condensed';
   font-size: 60px;
   font-weight: bold;
   line-height: 1;

   margin: 0;
   padding: 10px 0;

   color: #666;
   border-bottom: 1px solid #cbcbcb;
}
@media (max-width: 1470px) {
   .inner-product-benefit .benefit .apart h3 {
      font-size: 50px;
   }
}
@media (max-width: 991px) {
   .inner-product-benefit .benefit .apart h3 {
      font-size: 40px;
   }
}
.inner-product-benefit .benefit .apart .desc {
   overflow-y: auto;

   max-height: 240px;
   margin: 20px 0;
}
.inner-product-benefit .benefit .apart .desc::-webkit-scrollbar {
   position: absolute;
   left: 0;

   width: 5px;
}
.inner-product-benefit .benefit .apart .desc::-webkit-scrollbar-track {
   background-color: #eee;
}
.inner-product-benefit .benefit .apart .desc::-webkit-scrollbar-thumb {
   background-color: #dcdcdc;
}
.inner-product-benefit .benefit .apart p {
   font-size: 14px;
   line-height: 24px;

   margin: 0;

   color: #666;
}
.inner-product-benefit .benefit .apart:hover {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}
.inner-product-benefit .slick-arrow {
   font-size: 40px;

   color: #0064bb;
   border: none;
   background: none;
}
.inner-solution-show {
   position: relative;
   z-index: 2;

   margin-top: -50px;
   padding-top: 0;
}
@media (max-width: 767px) {
   .inner-solution-show {
      margin-top: -30px;
   }
}
.inner-solution-show .solution-desc {
   margin-bottom: 40px;
}
.inner-solution-show .solution-desc .title-desc h3 {
   font-size: 24px;
   line-height: 30px;

   margin: 0;
}
@media (max-width: 991px) {
   .inner-solution-show .solution-desc .title-desc h3 {
      font-size: 20px;
   }
}
.inner-solution-show .solution-desc .title-desc h3:after {
   display: block;

   width: 54px;
   height: 5px;
   margin-top: 10px;

   content: '';

   background: -webkit-gradient(linear, left top, left bottom, from(#1f40a0), to(#0064bb));
   background: -webkit-linear-gradient(#1f40a0, #0064bb);
   background: linear-gradient(#1f40a0, #0064bb);
   box-shadow: 0 5px 10px rgba(0, 100, 187, .5);
}
@media (max-width: 767px) {
   .inner-solution-show .solution-desc .title-desc h3:after {
      height: 5px;
      margin-top: 10px;
   }
}
.inner-solution-show .solution-desc .desc {
   margin-top: 20px;
}
.inner-solution-show .solution-desc .desc p {
   font-size: 16px;
   line-height: 1.875;

   color: #666;

   -webkit-shape-margin: 0;
   shape-margin: 0;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-desc .desc p {
      font-size: 14px;
   }
}
.inner-solution-show .solution-desc .desc img {
   max-width: 100%;
   height: auto !important;
}
.inner-solution-show .solution-case .case-menu {
   margin-top: 40px;

   border-bottom: 1px solid #93aef1;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-menu {
      border-bottom: 1px solid #ececec;
   }
}
.inner-solution-show .solution-case .case-menu>ul {
   font-size: 0;
}
.inner-solution-show .solution-case .case-menu>ul>li {
   position: relative;

   display: inline-block;

   vertical-align: top;

   border: 1px solid #ececec;
   border-bottom: none;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-menu>ul>li {
      display: block;
   }
}
.inner-solution-show .solution-case .case-menu>ul>li:after {
   position: absolute;
   z-index: 2;
   bottom: -1px;

   display: block;

   width: 100%;
   height: 1px;

   content: '';

   opacity: 0;
   background-color: #fff;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-menu>ul>li:after {
      display: none;
   }
}
.inner-solution-show .solution-case .case-menu>ul>li a {
   font-size: 16px;
   line-height: 30px;

   display: block;

   padding: 10px 35px;

   color: #999;
   background-color: #f8f8f8;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-menu>ul>li a {
      font-size: 14px;

      display: block;

      padding: 10px;
   }
}
.inner-solution-show .solution-case .case-menu>ul>li.active {
   border-color: #93aef1;
}
.inner-solution-show .solution-case .case-menu>ul>li.active:after {
   opacity: 1;
}
.inner-solution-show .solution-case .case-menu>ul>li.active a {
   background-color: #fff;
   font-weight: bold;
   color: #0064bb;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-menu>ul>li.active a {
      color: #fff;
      background-color: #0064bb;
   }
}
.inner-solution-show .solution-case .case-desc {
   font-size: 0;

   margin-top: 50px;
   padding: 40px;

   border: 3px solid #fff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f7faff), to(#fff));
   background-image: -webkit-linear-gradient(#f7faff, #fff);
   background-image: linear-gradient(#f7faff, #fff);
   box-shadow: 5px 5px 15px rgba(0, 100, 187, .1);
}
@media (max-width: 1470px) {
   .inner-solution-show .solution-case .case-desc {
      padding: 30px 20px;
   }
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-desc {
      margin-top: 30px;
   }
}
.inner-solution-show .solution-case .case-desc .img,
.inner-solution-show .solution-case .case-desc .txt {
   font-size: 14px;

   display: inline-block;

   vertical-align: top;
}
.inner-solution-show .solution-case .case-desc .img {
   width: 30%;
   padding-right: 3%;
}
@media (max-width: 1199px) {
   .inner-solution-show .solution-case .case-desc .img {
      width: 40%;
   }
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-desc .img {
      width: 100%;
      padding-right: 0;
   }
}
.inner-solution-show .solution-case .case-desc .img img {
   width: 100%;
}
.inner-solution-show .solution-case .case-desc .txt {
   width: 70%;
   padding-top: 20px;
}
@media (max-width: 1470px) {
   .inner-solution-show .solution-case .case-desc .txt {
      padding-top: 0;
   }
}
@media (max-width: 1199px) {
   .inner-solution-show .solution-case .case-desc .txt {
      width: 60%;
   }
}
@media (max-width: 767px) {
   .inner-solution-show .solution-case .case-desc .txt {
      width: 100%;
   }
}
.inner-solution-show .solution-case .case-desc .txt h3 {
   font-size: 18px;
   font-weight: bold;
   line-height: 24px;

   color: #0064bb;
}
@media (max-width: 991px) {
   .inner-solution-show .solution-case .case-desc .txt h3 {
      font-size: 16px;
   }
}
.inner-solution-show .solution-case .case-desc .txt p {
   font-size: 14px;
   line-height: 26px;

   margin: 0;

   color: #666;
}
.inner-solution-show .solution-hangyebeijing {
   padding: 30px 50px;

   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 1199px) {
   .inner-solution-show .solution-hangyebeijing {
      padding: 30px;
   }
}
@media (max-width: 767px) {
   .inner-solution-show .solution-hangyebeijing {
      padding: 30px 14px;
   }
}
.inner-solution-show .solution-hangyebeijing .desc {
   font-size: 0;
}
.inner-solution-show .solution-hangyebeijing .desc .img,
.inner-solution-show .solution-hangyebeijing .desc .txt {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.inner-solution-show .solution-hangyebeijing .desc .img {
   width: 30%;
   padding-right: 3%;
}
@media (max-width: 1199px) {
   .inner-solution-show .solution-hangyebeijing .desc .img {
      width: 40%;
   }
}
@media (max-width: 767px) {
   .inner-solution-show .solution-hangyebeijing .desc .img {
      width: 100%;
      padding-right: 0;
   }
}
.inner-solution-show .solution-hangyebeijing .desc .img img {
   width: 100%;
}
.inner-solution-show .solution-hangyebeijing .desc .txt {
   width: 70%;
   padding-top: 20px;
}
@media (max-width: 1470px) {
   .inner-solution-show .solution-hangyebeijing .desc .txt {
      padding-top: 0;
   }
}
@media (max-width: 1199px) {
   .inner-solution-show .solution-hangyebeijing .desc .txt {
      width: 60%;
   }
}
@media (max-width: 767px) {
   .inner-solution-show .solution-hangyebeijing .desc .txt {
      width: 100%;
      margin-top: 20px;
   }
}
.inner-solution-show .solution-hangyebeijing .desc .txt h3 {
   font-size: 18px;
   font-weight: bold;
   line-height: 24px;

   color: #0064bb;
}
@media (max-width: 991px) {
   .inner-solution-show .solution-hangyebeijing .desc .txt h3 {
      font-size: 16px;
   }
}
.inner-solution-show .solution-hangyebeijing .desc .txt p {
   font-size: 16px;
   line-height: 30px;

   margin: 0;

   color: #666;
}
@media (max-width: 767px) {
   .inner-solution-show .solution-hangyebeijing .desc .txt p {
      font-size: 14px;
      line-height: 24px;
   }
}
.inner-solution-show .solution-fanganjiazhi {
   position: relative;

   padding: 80px 0;
}
@media (max-width: 991px) {
   .inner-solution-show .solution-fanganjiazhi {
      padding: 50px 0;
   }
}
.inner-solution-show .solution-fanganjiazhi:before {
   position: absolute;
   top: 0;
   left: -100%;

   display: block;

   width: 300%;
   height: 100%;

   content: '';

   background-color: #f5f5f5;
}
.inner-solution-show .solution-fanganjiazhi .title-desc,
.inner-solution-show .solution-fanganjiazhi .desc {
   position: relative;
   z-index: 2;
}

/* .header .header-menu .btn-line {
  background-color: #0064bb !important;
} */
@media (max-width: 1199px) {
   .bodywhite .header .menu.fade-out .menu-list1>li>a {
      color: #333333;
   }
   /* .bodywhite .header .header-menu .btn-line {
    background-color: #ffffff !important;
  }
  .bodywhite .fixed-header .header-menu .btn-line {
    background-color: #0064bb !important;
  }
  .header .header-menu.active .btn-line {
    background-color: #0064bb !important;
  } */
}

.inner-about .about .about-l {
   width: 100%;
}
.inner-about .about .about-r {
   float: right;
   padding-left: 30px;
}

@media(max-width:991px) {
   .inner-about .about .about-r {
      float: none;

      padding-left: 0px;
   }
}
.inner-product .product ul {
   font-size: 0;
}
.inner-product .product ul>div {
   width: 25%;
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   padding: 0 15px;
}
@media(max-width:991px) {
   .inner-product .product ul>div {
      width: 33.33333%;
   }
}
@media(max-width:767px) {
   .inner-product .product ul>div {
      width: 50%;
   }
}
.inner-transaction .transaction .spart .title-spart {
   position: relative;
   z-index: 2;
}

.home-service .service .service-l .tit-service {
   font-size: 0;
}
.home-service .service .service-l .tit-service,
.home-service .service .service-l .desc {
   font-size: 14px;

   display: inline-block;

   vertical-align: middle;
}
.home-service .service .service-l .tit-service {
   width: 420px;
}
@media (max-width: 1199px) {
   .home-service .service .service-l .tit-service {
      width: 100%;
   }
}
.home-service .service .service-l .tit-service img,
.home-service .service .service-l .tit-service h2 {
   display: inline-block;
   vertical-align: middle;
}
.home-service .service .service-l .desc {
   width: -webkit-calc(100% - 420px);
   width: calc(100% - 420px);
   text-align: left;
}
@media (max-width: 1199px) {
   .home-service .service .service-l .desc {
      width: 100%;
   }
}
.home-service .service .service-r {
   margin-top: 20px;
}
.home-service .service .service-r ul {
   font-size: 0;
   margin: 0 -15px;
}
.home-service .service .service-r ul li {
   width: 25%;
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   padding: 0 15px;
}
@media(max-width:1199px) {
   .home-service .service .service-r ul li {
      width: 33.33333%;
   }
}
@media(max-width:767px) {
   .home-service .service .service-r ul {
      margin: 0 -5px;
   }
   .home-service .service .service-r ul li {
      width: 50%;
      padding: 0 5px;
   }
}

.inner-product-show-top .product-show-top .pro-link {
   margin-top: 20px;
}
.inner-product-show-top .product-show-top .pro-link a {
   font-size: 0;
   line-height: 66px;

   display: inline-block;

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

   color: #fff;
   background-color: #58bb00;
}
@media (max-width: 991px) {
   .inner-product-show-top .product-show-top .pro-link a {
      line-height: 46px;
   }
}
.inner-product-show-top .product-show-top .pro-link a span,
.inner-product-show-top .product-show-top .pro-link a i {
   font-size: 16px;

   display: inline-block;

   vertical-align: middle;
}
.inner-product-show-top .product-show-top .pro-link a span {
   padding: 0 26px;

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

   background-color: #0064bb;
}
.inner-product-show-top .product-show-top .pro-link a i {
   font-style: normal;

   padding: 0 12px;
}
.inner-product-show-top .product-show-top .pro-link a:hover {
   background-color: #0064bb;
}
.inner-product-show-top .product-show-top .pro-link a:hover span {
   background-color: #58bb00;
}
.box-down-open {
   display: none;

   width: 90%;
   max-width: 1340px;
   margin: 0 auto;
   padding: 40px 3%;
}
@media (max-width: 991px) {
   .box-down-open {
      padding: 30px 15px;
   }
}
.box-down-open .title-down h2 {
   font-size: 30px;
   line-height: 1.4;

   margin: 0;
}
@media (max-width: 991px) {
   .box-down-open .title-down h2 {
      font-size: 24px;
   }
}
@media (max-width: 767px) {
   .box-down-open .title-down h2 {
      font-size: 20px;
   }
}
.box-down-open .title-down p {
   font-size: 16px;
   line-height: 24px;

   margin: 10px 0 0 0;

   color: #666;
}
@media (max-width: 991px) {
   .box-down-open .title-down p {
      font-size: 14px;
   }
}
.box-down-open .info {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 30px;
   padding: 30px 5%;

   background-color: #f5fcff;

   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 991px) {
   .box-down-open .info {
      padding: 20px;
   }
}
@media (max-width: 767px) {
   .box-down-open .info {
      margin-top: 14px;
      padding: 20px 10px;
   }
}
.box-down-open .info h3 {
   font-size: 36px;
   font-weight: bold;
   line-height: 1.4;

   margin: 0;

   color: #0064bb;
}
@media (max-width: 1199px) {
   .box-down-open .info h3 {
      font-size: 30px;
   }
}
.box-down-open .info h3 span {
   font-size: 16px;
   font-weight: normal;

   display: block;
}
@media (max-width: 991px) {
   .box-down-open .info h3 span {
      font-size: 14px;
   }
}
.box-down-open .info .icon {
   width: 100px;
}
@media (max-width: 991px) {
   .box-down-open .info .icon {
      width: 80px;
   }
}
.box-down-open .info .icon img {
   width: 100%;
}
.box-down-open .down-feedback input,
.box-down-open .down-feedback textarea {
   font-size: 16px;
   line-height: 30px;

   width: 100%;
   margin-top: 30px;
   padding: 20px;

   border: 1px solid #e3e3e2;
   background-color: #f8f8f8;
}
@media (max-width: 767px) {
   .box-down-open .down-feedback input,
   .box-down-open .down-feedback textarea {
      line-height: 24px;

      margin-top: 14px;
      padding: 10px;
   }
}
.box-down-open .down-feedback .submit {
   font-size: 16px;
   line-height: 70px;

   margin-top: 50px;
   padding: 0 50px;

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

   color: #fff;
   border-radius: 0;
   background-color: #0064bb;
}
@media (max-width: 991px) {
   .box-down-open .down-feedback .submit {
      line-height: 50px;

      margin-top: 30px;
      padding: 0 30px;
   }
}
@media (max-width: 767px) {
   .box-down-open .down-feedback .submit {
      font-size: 14px;
      line-height: 40px;

      margin-top: 14px;
      padding: 0 20px;
   }
}
.box-down-open .down-feedback .submit:hover {
   background-color: #1f40a0;
}
.fancybox-close-small:after {
   font: 41px/41px Arial, 'Helvetica Neue', Helvetica, sans-serif;
   line-height: 40px;

   width: 40px;
   height: 40px;
}
@media(max-width:1199px) {
   .bodywhite .header .menu .menu-list1>li>a {
      color: #333 !important;
   }
}

.news-carousel {
   margin: 0 -20px;
}
@media (max-width: 1199px) {
   .news-carousel {
      margin: 0 -10px;
   }
}
.news-carousel .slick-slide {
   padding: 20px;
}
@media (max-width: 1199px) {
   .news-carousel .slick-slide {
      padding: 20px 10px;
   }
}
.news-carousel .subject {
   display: block;

   padding: 10px;

   background-color: #fff;
   box-shadow: 0 5px 10px rgba(0, 100, 187, .2);
}
.news-carousel .subject .ibox {
   padding-bottom: 75%;
}
.news-carousel .subject .ibox img {
   -webkit-transition: all 1s;
   transition: all 1s;
}
.news-carousel .subject .txt {
   position: relative;
   z-index: 2;
}
.news-carousel .subject .date {
   display: inline-block;

   margin-top: -40px;
   margin-left: 20px;
   padding: 14px;

   text-align: center;

   color: #fff;
   border-radius: 10px;
   background-color: #0064bb;
}
@media (max-width: 767px) {
   .news-carousel .subject .date {
      margin-left: 10px;
      padding: 10px;
   }
}
.news-carousel .subject .date b {
   font-size: 24px;
   line-height: 30px;

   display: block;
}
@media (max-width: 991px) {
   .news-carousel .subject .date b {
      font-size: 20px;
   }
}
.news-carousel .subject .date span {
   font-size: 16px;
}
@media (max-width: 991px) {
   .news-carousel .subject .date span {
      font-size: 14px;
   }
}
.news-carousel .subject .desc {
   padding: 10px;
}
.news-carousel .subject h3 {
   font-size: 18px;
   line-height: 30px;

   display: -webkit-box;
   overflow: hidden;

   height: 30px;
   margin: 0;

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

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
   .news-carousel .subject h3 {
      font-size: 16px;
   }
}
.news-carousel .subject p {
   font-size: 14px;
   line-height: 24px;

   display: -webkit-box;
   overflow: hidden;

   max-height: 48px;
   margin: 6px 0 0 0;

   color: #777;

   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
   .news-carousel .subject p {
      margin-top: 6px;
   }
}
.news-carousel .subject:hover .ibox img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.news-carousel .subject:hover h3 {
   color: #0064bb;
}
.solution-menu {
   background: #FFFFFF;
   padding: 20px 5%;
   box-shadow: 0px 12px 24px 0px rgba(4, 0, 0, 0.2);
   margin-bottom: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: row;
}
.solution-menu ul li {
   display: inline-block;
   vertical-align: middle;
   padding: 0 12px;
}
.solution-menu ul li a {
   display: block;
   padding: 20px 30px;
   line-height: 30px;
   font-size: 18px;
   transition: all .2s;
   background-color: #0064BB;
   color: #ffffff;
   border-radius: 10px;
}
.solution-menu ul li:nth-child(2n) a {
   background-color: #acc663;
}
.solution-menu ul li.active a,
.solution-menu ul li:hover a {
   text-decoration: underline
}
@media(max-width:767px) {
   .solution-menu {
      padding: 10px 0;
      margin-bottom: 30px;
   }

   .solution-menu ul li {
      padding: 0 3px;
      margin: 3px 0;
   }
   .solution-menu ul li a {
      padding: 4px 6px;
      font-size: 13px;
   }
}
.inner-solution-sub {
   margin-top: 0;
}
.inner-solution-sub .solution-desc {
   box-shadow: 0 20px 20px #dcdcdc;

}
.inner-solution-sub .solution-desc .desc-top {
   padding: 60px;
}
.inner-solution-sub .solution-desc .desc-bottom {
   background-color: #F9F9F9;
   padding: 60px;
   position: relative;
}
.inner-solution-sub .solution-desc .desc-bottom .return {
   position: absolute;
   bottom: -60px;
   z-index: 2;
   left: 50%;
   transform: translateX(-50%);
}
.inner-solution-sub .solution-desc .desc-bottom .return .icon {
   width: 50px;
   height: 50px;
   line-height: 50px;
   background-color: #fff;
   box-shadow: 0 0 10px #dcdcdc;
   border-radius: 50%;
   text-align: center;
   display: block;
   margin: 0 auto;
   transition: all;
   .2s;
   transform: rotate(180deg);
}
.inner-solution-sub .solution-desc .desc-bottom .return span {
   display: block;
   font-size: 16px;
   line-height: 30px;
   margin-top: 10px;
   transition: all;
   .2s;
}
.inner-solution-sub .solution-desc .desc-bottom .return:hover .icon {
   background-color: #0064bb;
   color: #fff;

}
.inner-solution-sub .solution-desc .desc-bottom .return:hover span {
   color: #0064bb;
}
@media(max-width:767px) {
   .inner-solution-sub .solution-desc .desc-top,
   .inner-solution-sub .solution-desc .desc-bottom {
      padding: 30px 14px;
   }
}

.inner-news-yuangong .yuangong-list .subject {
   display: block;
   padding: 18px;
   background-color: #fff;
   box-shadow: 0 5px 10px rgba(0, 100, 187, .2);
   transition: all .2s;

}
.inner-news-yuangong .yuangong-list .subject .ibox {
   padding-bottom: 133.33333333333333%;
}
.inner-news-yuangong .yuangong-list .subject .ibox img {
   transition: all 1s;
}
.inner-news-yuangong .yuangong-list .subject h3 {
   font-size: 20px;
}
.inner-news-yuangong .yuangong-list .subject h3:before {
   font-family: "iconfont" !important;
   content: '\e609';
}
.inner-news-yuangong .yuangong-list .subject p {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #666;
   margin: 0;
   line-height: 24px;

}
.inner-news-yuangong .yuangong-list .subject p span:last-child {
   background-color: #0064bb;
   color: #fff;
   padding: 0 14px;
   border-radius: 4px;
}
.inner-news-yuangong .yuangong-list .subject:hover {
   background-color: #0064bb;
   color: #fff;
}
.inner-news-yuangong .yuangong-list .subject:hover p span:last-child {
   background-color: #fff;
   color: #0064bb;
}
.inner-news-yuangong .yuangong-list .subject:hover p {
   color: #fff;
}
.inner-news-yuangong .yuangong-list .subject:hover .ibox img {
   transform: scale(1.1);
}
@media(max-width:767px) {
   .inner-news-yuangong .yuangong-list .subject h3 {
      font-size: 18px;
   }
   .inner-news-yuangong .yuangong-list .subject p {
      display: block;
   }
   .inner-news-yuangong .yuangong-list .subject p span {
      display: block;
   }
}

.inner-news-yuangong .yuangong-list ul li {
   width: 20%;
}
@media(max-width:1560px) {
   .inner-news-yuangong .yuangong-list ul li {
      width: 25%;
   }
}
@media(max-width:1199px) {
   .inner-news-yuangong .yuangong-list ul li {
      width: 33.3333%;
   }
}
@media(max-width:767px) {
   .inner-news-yuangong .yuangong-list ul li {
      width: 50%;
   }
}
.inner-news-yuangong .yuangong-list ul {
   display: flex;
   flex-wrap: wrap;
}
.inner-news-yuangong .yuangong-list ul li {
   margin-bottom: 30px;
}

.inner-news-yuangong .yuangong-list ul li .subject {
   height: 100%;
}
/*分页样式*/
.page_info {
   text-align: center;
   margin: 30px auto;
   color: #aaa;
   width: 100%;
   float: left;
}
.page_info span {
   padding: 0 2px;
   font-weight: bold;
}
.page_list {
   height: 40px;
   line-height: 40px;
   text-align: center;
   letter-spacing: 0;
   font-size: 15px;
   margin: 30px auto;
   clear: both;
   padding-top: 50px;
}
.page_list a {
   display: inline-block;
   color: #aaa;
   width: 40px;
   border-radius: 50%;
   background-image: linear-gradient(#fff, #ddd);
   text-align: center;
   padding: 0 8px;
   margin: 0 3px;
   transition: all .3s ease;
}
.page_list a:hover {
   color: #fff;
   background-image: linear-gradient(#0a50a1, #0a50a1);
}
.page_list a.on {
   color: #fff;
   background-image: linear-gradient(#0a50a1, #0a50a1);
   font-weight: bold;
}

.table_a table {
   border-right: 1px solid #2d9e00;
   border-bottom: 1px solid #2d9e00;
   width: 100%;
}
.table_a table td {
   border-left: 1px solid #2d9e00;
   border-top: 1px solid #2d9e00;
   text-align: left;
   font-size: 16px;
   height: 30px;
   line-height: 30px;
   padding: 0 0 0 5px;
   font-family: "Microsoft YaHei";
}
.table_a table tr:nth-child(odd) {
   background: #f5f5f5;
}
.table_a table th {
   border-left: 1px solid #2d9e00;
   border-top: 1px solid #2d9e00;
   background: #f7fff4;
   color: #004fa3;
   font-weight: bold;
   text-align: left;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   padding: 5px;
   font-family: "Microsoft YaHei";
}
.biao2 {
   background: #f1f1f1;
}