html,
body {
  position: relative;
  height: 100%;
  scrollbar-color: #005bac #f1f1f1;
  scrollbar-width: thin;
}

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

body {
  background: #eee;
  font-family: sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Heiti SC', 'Hiragino Sans GB', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.fixed {
  position: fixed;

  overflow: hidden;

  width: 100%;
  height: 100%;
}

body.searchactive {
  position: fixed;

  overflow: hidden;

  width: 100%;
  height: 100%;
}

.f18 {
  font-size: 18px;
}

.f16 {
  font-size: 16px;
}

.f24 {
  font-size: 24px;
}

.f30 {
  font-size: 28px;
}

@media (min-width: 1350px) {
  .w-1600 {
    width: 1320px;
  }
  .title {
    transition-delay: 1s;
    z-index: 10;
    width: 1320px;
  }
}

@media (min-width: 1470px) {
  .w-1600 {
    width: 1440px;
  }
  .title {
    transition-delay: 1s;
    z-index: 10;
    width: 1440px;
  }
}

@media (min-width: 1660px) {
  .w-1600 {
    width: 1600px;
  }
  .title {
    transition-delay: 1s;
    z-index: 10;
    width: 1600px;
  }
}


.w-1200 {
  width: 1200px;
}

// .header {
//   height: 80px;
//   position: absolute;
//   z-index: 999;
//   display: flex;
//   justify-content: center;
//   background: #0000000f;
//   width: 100%;

//   .header-container {
//     display: flex;
//     align-items: center;
//     justify-content: space-between;
//     font-size: 20px;

//     .nav-list {
//       .nav-list-item {
//         display: inline-block;
//         position: relative;
//         font-weight: 400;



//         .pageLine {
//           border-radius: 0px;
//           height: 80px;
//           line-height: 80px;
//           margin: 0 20px;
//           position: relative;

//           .Header-drop {
//             margin-left: -140px;
//             width: 280px;
//             position: absolute;
//             top: 90px;
//             left: 50%;
//             padding-top: 30px;
//             opacity: 0;
//             visibility: hidden;
//             transform: translateY(-20px);

//             &.style1 a {
//               display: block;
//               width: 100%;
//               height: 76px;
//               line-height: 76px;
//               font-size: 18px;
//               color: #444;
//               text-align: center;
//               transition: all .4s ease;
//               position: relative;
//               z-index: 1;

//               &:hover {
//                 background: #005bac;
//                 color: #fff;
//               }
//             }

//             &:after {
//               content: "";
//               width: 0;
//               height: 0;
//               border-left: 16px solid transparent;
//               border-right: 16px solid transparent;
//               border-bottom: 16px solid #fff;
//               position: absolute;
//               top: 14px;
//               left: 50%;
//               transform: translateX(-50%);
//             }

//             .in {
//               background: #fff;
//               border-radius: 10px;
//               overflow: hidden;
//               box-shadow: 0 5px 40px rgba(17, 58, 93, .1);

//               .lft {
//                 width: 55%;
//                 display: flex;
//                 flex-direction: column;
//                 height: 304px;
//                 flex-wrap: wrap;
//                 align-content: space-between;
//                 // margin-top: -24px;
//                 margin-top: -20px;
//                 height: 272px;

//                 a {
//                   font-size: 18px;
//                   padding: 20px 0;
//                   border-bottom: 1px solid #e7e9ec;
//                   width: 44%;
//                   transition: border .4s ease, color .4s ease;
//                 }
//               }

//               .rgt {
//                 width: 38%;
//                 height: 252px;
//               }

//               .centered {
//                 display: flex;
//                 align-items: center;
//                 justify-content: center;
//               }
//             }
//           }

//           &.active:after {
//             content: '';
//             height: 6px;
//             width: 100%;
//             background: url("../image/nav_li.png") no-repeat center;
//             display: inline-block;
//             position: absolute;
//             // background: #fff;
//             bottom: -3px;
//             left: 0px;
//           }

//           >a {
//             color: #fff;
//           }
//         }

//         &:hover {
//           .Header-drop {
//             opacity: 1;
//             visibility: visible;
//             transform: translateY(0);
//             transition: transform .6s ease;
//           }
//         }
//       }

//     }

//     .nav {
//       flex: 1;
//       display: flex;
//       justify-content: flex-end;
//     }

//     .tel {
//       display: flex;
//       flex-direction: column;
//       font-size: 20px;
//       color: #fff;
//       margin: 0 25px;
//       background: url("../image/tel.png") no-repeat center;
//       width: 50px;
//       height: 50px;
//       position: relative;

//       .tel-drop {
//         margin-left: -100px;
//         width: 200px;
//         position: absolute;
//         top: 35px;
//         left: 50%;
//         padding-top: 30px;
//         opacity: 0;
//         visibility: hidden;
//         transform: translateY(-20px);

//         .in {
//           background: #fff;
//           border-radius: 10px;
//           overflow: hidden;
//           box-shadow: 0 5px 40px rgba(17, 58, 93, 0.1);

//           span {
//             display: block;
//             width: 100%;
//             height: 54px;
//             line-height: 54px;
//             font-size: 18px;
//             color: #444;
//             text-align: center;
//             transition: all 0.4s ease;
//             position: relative;
//             z-index: 1;
//           }
//         }
//       }

//       &:hover {
//         .tel-drop {
//           opacity: 1;
//           visibility: visible;
//           transform: translateY(0);
//           transition: transform .6s ease;
//         }
//       }
//     }

//     .search {
//       background: url("../image/search.png") no-repeat center;
//       width: 50px;
//       height: 50px;
//       margin: 0 25px;
//     }
//   }
// }
/* hlcss */
.header a,
.footer a {
  color: inherit;
}

.header ul,
.footer ul {
  margin: 0;
  padding: 0;
}

.header ul li,
.footer ul li {
  list-style: none;
}

.header button,
.footer button {
  border: none;
  outline: none;
}

.header {
  position: fixed;
  z-index: 10;
  top: 0;
  top: 0;
  left: 0;

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

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

  background-color: #0000004e;
}

@media (max-width: 1650px) {
  .header {
    padding: 0 15px;
  }
}

@media (max-width: 1199px) {
  .header {
    top: 0;
    left: 0;

    width: 100%;
    height: 60px;
  }
}

@media (max-width: 767px) {
  .header {
    padding: 0 10px;
  }
}

.header-index {
  top: 40px;
  left: 3%;

  width: 94%;
  padding: 0 2%;
}

@media (max-width: 1650px) {
  .header-index {
    top: 30px;
    left: 1%;

    width: 98%;
    padding: 0 15px;
  }
}

@media (max-width: 1199px) {
  .header-index {
    top: 10px;
  }
}

.header .logo {
  position: relative;

  float: left;

  height: 50px;
  margin-top: 25px;

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

@media (max-width: 1350px) {
  .header .logo {
    height: 40px;
    margin-top: 30px;
  }
}

@media (max-width: 1199px) {
  .header .logo {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .header .logo {
    height: 30px;
    margin-top: 15px;
  }
}

@media (max-width: 360px) {
  .header .logo {
    height: 24px;
    margin-top: 18px;
  }
}

.header .logo a {
  display: block;

  height: 100%;
}

.header .logo img {
  display: inline-block;

  height: 100%;

  vertical-align: middle;
}

.header .language {
  font-size: 16px;
  line-height: 100px;

  display: inline-block;
  float: right;

  margin-left: 20px;

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

  color: #fff;
}

@media (max-width: 1199px) {
  .header .language {
    line-height: 60px;
  }
}

@media (max-width: 767px) {
  .header .language {
    font-size: 13px;

    margin-left: 4px;
  }
}

.header .language:before {
  font-family: 'iconfont' !important;
  font-size: 20px;

  float: left;

  margin-right: 10px;

  content: '\e9be';
}

@media (max-width: 767px) {
  .header .language:before {
    display: none;
  }
}

.header .erweima {
  font-size: 24px;

  display: inline-block;
  float: right;
}

.header .erweima a {
  line-height: 100px;

  position: relative;

  display: inline-block;

  padding: 0 20px;

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

  color: #a4a4a4;
}

@media (max-width: 1199px) {
  .header .erweima a {
    line-height: 60px;
  }
}

@media (max-width: 767px) {
  .header .erweima a {
    padding: 0 10px;
  }
}

.header .erweima a:before {
  font-family: 'iconfont' !important;

  content: '\e604';
}

.header .erweima a:after {
  font-size: 20px;

  position: absolute;
  right: 0;

  content: '/';

  color: #c3c3c3;
}

@media (max-width: 767px) {
  .header .erweima a:after {
    font-size: 14px;
  }
}

.header .nav-collapse {
  position: relative;

  display: none;
  float: right;

  width: 20px;
  height: 40px;
  margin-left: 10px;
  padding: 0;

  cursor: pointer;

  background: none;
}

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

    margin-top: 8px;
  }

  .header .nav-collapse.nav-collapse-1 {
    position: absolute;
    z-index: 9999;
    top: 10px;
    right: 20px;

    display: block;

    margin-top: 8px;

    border: none;
  }

  .header .nav-collapse.nav-collapse-1 .btn-line {
    background-color: #fff !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .nav-collapse.nav-collapse-xs:hover .btn-line {
    background-color: #000;
  }
}

.header .nav-collapse .btn-line {
  position: absolute;
  left: 50%;

  width: 20px;
  height: 2px;

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

  background-color: #999;
}

.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1) {
  position: absolute;

  display: block;

  width: 20px;
  height: 2px;

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

  background-color: #999;
}

.header .nav-collapse .btn-line:nth-child(1) {
  top: 35%;
}

.header .nav-collapse .btn-line:nth-child(2) {
  top: 50%;
}

.header .nav-collapse .btn-line:nth-child(3) {
  top: 65%;
}

.header .nav-collapse.active {
  border-color: transparent;
}

.header .nav-collapse.active .btn-line {
  background-color: #fff;
}

.header .nav-collapse.active .btn-line:nth-child(2) {
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);

  opacity: 0;
}

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

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

.header .nav-collapse.active .btn-line:nth-child(3) {
  top: 50%;
  left: 50%;

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

@media (min-width: 1200px) {
  .header .nav {
    display: inline-block;

    -webkit-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
  }

  .header .nav a:hover {
    color: #000;
  }
}

@media (max-width: 1199px) {
  .header .nav {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;

    display: none;

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

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

    background: #fafafa;
    background-color: rgba(19, 84, 148, .9);
  }

  .header .nav .tbl {
    display: table;

    width: 100%;
    height: 100%;
  }

  .header .nav .tbl-cell {
    display: table-cell;

    height: 100%;

    vertical-align: middle;
  }
}

@media (max-width: 767px) {
  .header .nav {
    width: 100%;
    padding: 30px;
  }
}

.header .nav.left-100 {
  left: -100%;
}

.header .nav.left-200 {
  left: -200%;
}

@media (min-width: 1200px) {
  .header .nav .nav-list1 {
    font-size: 0;
  }

  // .header .nav .nav-list1 .more:hover .nav-list2{
  //   display: block;
  // }
  .header .nav .nav-list1>li {
    float: left;
    position: relative;
  }

  .header .nav .nav-list1>li>a {
    font-size: 16px;
    line-height: 100px;

    position: relative;

    display: inline-block;
    overflow: hidden;
    color: #fff;
    padding: 0 50px;

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

  .header .nav .nav-list1>li>a:before {
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 4px;

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

    background-image: -webkit-gradient(linear, left top, right top, from(#135494), to(#135494));
    background-image: -webkit-linear-gradient(left, #135494, #135494);
    background-image: linear-gradient(to right, #135494, #135494);
  }

  .header .nav .nav-list1>li:hover>a,
  .header .nav .nav-list1>li.active>a {
    color: #fff;
  }

  .header .nav .nav-list1>li:hover>a:before,
  .header .nav .nav-list1>li.active>a:before {
    width: 100%;
  }

  .header .nav .nav-list1 .nav-list2 {
    position: absolute;
    z-index: 50;
    top: 100%;
    display: none;
    overflow: hidden;
    min-width: 220px;
    left: -34px;
    padding: 20px 0;
    text-align: center;
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  }

  .header .nav .nav-list1 .nav-list2>li {
    list-style: none;
  }

  .header .nav .nav-list1 .nav-list2>li>a {
    font-size: 15px;
    line-height: 24px;
    padding: 4px 20px;
  }

  .header .nav .nav-list1 .nav-list2>li:hover>a {
    // text-decoration: underline;
    // color: #000;
  }
}

@media (min-width: 1200px) and (max-width: 1700px) {
  .header .nav .nav-list1>li>a {
    padding: 0 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1560px) {
  .header .nav .nav-list1>li>a {
    padding: 0 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1470px) {
  .header .nav .nav-list1>li>a {
    font-size: 15px;

    padding: 0 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1350px) {
  .header .nav .nav-list1>li>a {
    font-size: 15px;

    padding: 0 8px;
  }
}

@media (max-width: 1199px) {
  .header .nav .nav-list1 {
    margin: 20px 0;

    opacity: 0;
  }

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

    opacity: 0;
  }

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

    color: #fff;
  }
}

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

  .header .nav .nav-list2 a {
    font-size: 15px;
    line-height: 2;

    margin-top: 5px;

    color: #fff;
  }
}

.header .nav .nav-list2 a {
  display: block;
}

@media (max-height: 580px) {
  .header .nav .nav-list2 a {
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  .header .nav .nav-list3 a {
    line-height: 30px;

    padding: 0 10px;
  }

  .header .nav .nav-list3 a:before {
    margin-right: 4px;

    content: '-';
  }

  .header .nav .nav-list3 .nav-list4 a {
    display: inline-block;

    padding: 0 4px;

    opacity: .6;
  }

  .header .nav .nav-list3 .nav-list4 a:before {
    content: '·';
  }
}

.header .nav-2,
.header .nav-3 {
  display: none;
}

@media (max-width: 1199px) {

  .header .nav-2,
  .header .nav-3 {
    position: absolute;
    z-index: 9999;
    top: 0;

    display: block;
    overflow: hidden;

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

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

    color: #fff;
    background: #fafafa;
    background-color: #000;
  }

  .header .nav-2 .img-box,
  .header .nav-3 .img-box {
    display: none;
  }

  .header .nav-2 .item,
  .header .nav-3 .item {
    display: block;
  }

  .header .nav-2 .item p,
  .header .nav-3 .item p {
    font-size: 14px;

    position: relative;
    top: 0;

    display: block;

    margin: 0;
    padding: 0;

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

    color: #fff;
  }
}

.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before {
  font-family: 'iconfont';
  font-size: 26px;

  content: '\e9b5';
}

.header .nav-2 .nav-top .nav-title,
.header .nav-3 .nav-top .nav-title {
  font-size: 24px;

  margin: 0;

  text-transform: uppercase;
}

@media (max-width: 767px) {

  .header .nav-2 .nav-top .nav-title,
  .header .nav-3 .nav-top .nav-title {
    font-size: 20px;

    width: 100%;
  }
}

.header .nav-2 .nav-top .nav-collapse-2,
.header .nav-3 .nav-top .nav-collapse-2 {
  margin: 0;
}

.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line {
  background-color: #fff;
}

.header .nav-2 .content,
.header .nav-3 .content {
  overflow: auto;

  height: 80%;
  margin-top: 12%;
}

.header .nav-2 .content ul,
.header .nav-3 .content ul {
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {}

.header .nav-2 .content ul li,
.header .nav-3 .content ul li {
  line-height: 30px;

  clear: both;

  margin: 25px 0;

  text-align: left;
}

@media (max-width: 767px) {

  .header .nav-2 .content ul li,
  .header .nav-3 .content ul li {
    margin: 0;
  }
}

.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more {
  position: relative;
}

.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after {
  font-family: 'iconfont' !important;
  font-size: 16px;

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

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

  color: #fff;
}

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

.header .nav-2 {
  left: 100%;
}

.header .nav-3 {
  left: 200%;
}

.header .nav-3 .content ul li {
  font-size: 15px;
}

.header .fade-out ul {
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .header .fade-out ul {
    padding: 0 5%;
  }
}

@media (max-width: 1199px) {
  .header .fade-out ul .pic {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .header .fade-out ul.nav-list1 {
    opacity: 1;
  }

  .header .fade-out ul.nav-list1 a {
    color: #fff;
  }

  .header .fade-out ul.nav-list1>li {
    position: relative;

    margin: 20px 0;
  }

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

    opacity: 1;
  }

  .header .fade-out ul.nav-list1>li>a {
    font-size: 18px;
    line-height: 2.5;

    display: block;

    text-transform: uppercase;
  }

  .header .fade-out ul.nav-list1 .nav-list2>li>a {
    font-size: 20px;
  }
}

@media (max-width: 1199px) and (max-width: 767px) {
  .header .fade-out ul.nav-list1>li {
    margin: 0;
  }
}

@media (max-width: 1199px) and (max-height: 768px) {
  .header .fade-out ul.nav-list1 .nav-list2>li>a {
    font-size: 18px;
  }
}

@media (max-width: 1199px) and (max-width: 480px) {
  .header .fade-out ul.nav-list1 .nav-list2>li>a {
    font-size: 14px;
  }
}

.header .fade-out ul.nav2-list2 h4 {
  font-size: 20px;
  line-height: 50px;
}

.header .find {
  line-height: 100px;

  position: relative;

  display: inline-block;
  float: right;

  height: 100px;
  padding: 0 20px;

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

  color: #fff;
}

@media (max-width: 1199px) {
  .header .find {
    line-height: 60px;

    height: 60px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .header .find {
    padding: 0 10px;
  }
}

.header .find1:before {
  font-family: 'iconfont';
  font-size: 24px;

  content: '\e64d';
}

.header .find2 {
  font-size: 24px;
  font-weight: 600;
}

.header .find:after {
  font-size: 20px;

  position: absolute;
  right: 0;

  // content: '/';

  color: #fff;
}

.header .find:hover .open-search {
  display: block;
}

@media (max-width: 767px) {
  .header .find:after {
    font-size: 14px;
  }
}

.header .find:hover {
  color: #fff;
}

.header .open-search {
  font-size: 16px;

  position: absolute;
  z-index: 2;
  top: 100px;
  right: 0;

  display: none;

  width: 200px;
  padding: 14px 0;

  background-color: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

@media (max-width: 1199px) {
  .header .open-search {
    top: 60px;
  }
}

.header .open-search form {
  position: relative;

  display: inline-block;

  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}

.header .open-search form input {
  line-height: 24px;

  width: 100%;
  padding: 4px 60px 4px 20px;

  border: 1px solid #dcdcdc;
  outline: none;
}

.header .open-search form input::-webkit-input-placeholder,
.header .open-search form textarea::-webkit-input-placeholder {
  color: #666;
}

.header .open-search form input:-o-placeholder,
.header .open-search form textarea:-o-placeholder {
  color: #666;
}

.header .open-search form input::-moz-placeholder,
.header .open-search form textarea::-moz-placeholder {
  color: #666;
}

.header .open-search form input:-ms-input-placeholder,
.header .open-search form textarea:-ms-input-placeholder {
  color: #666;
}

.header .open-search form input:focus::-webkit-input-placeholder,
.header .open-search form textarea:focus::-webkit-input-placeholder {
  color: #c5c5c5;
}

.header .open-search form input:focus::-o-placeholder,
.header .open-search form textarea:focus::-o-placeholder {
  color: #c5c5c5;
}

.header .open-search form input:focus::-moz-placeholder,
.header .open-search form textarea:focus::-moz-placeholder {
  color: #c5c5c5;
}

.header .open-search form input:focus::-ms-input-placeholder,
.header .open-search form textarea:focus::-ms-input-placeholder {
  color: #c5c5c5;
}

.header .open-search form .submit {
  line-height: 32px;

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

  width: 40px;
  padding: 0;

  text-align: center;

  background: none;
}

.header .open-search form .submit:before {
  font-family: 'iconfont';
  font-size: 20px;

  content: '\e660';
}

.header .open-search form .submit:hover {
  color: #fff;
}

.header .open-search .search-close {
  line-height: 30px;
  float: right;
  width: 100%;
  color: #000;
  text-align: center;
}

.header .open-search .search-close:hover {
  color: #000;
}

.header .back-btn {
  position: absolute;
  left: 15px;
}

.header.fixed-header {
  top: 0;
  left: 0;

  width: 100%;
  height: 80px;

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

@media (max-width: 1199px) {
  .header.fixed-header {
    height: 60px;
  }
}

.header.fixed-header .logo {
  margin-top: 15px;
}

@media (max-width: 1350px) {
  .header.fixed-header .logo {
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .header.fixed-header .logo {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .header.fixed-header .logo {
    margin-top: 15px;
  }
}

@media (max-width: 360px) {
  .header.fixed-header .logo {
    height: 24px;
    margin-top: 18px;
  }
}

.header.fixed-header .nav .nav-list1>li>a {
  line-height: 80px;
}

@media (max-width: 1199px) {
  .header.fixed-header .nav .nav-list1>li>a {
    line-height: 60px;
  }
}

.header.fixed-header .find {
  line-height: 80px;

  height: 80px;
}

@media (max-width: 1199px) {
  .header.fixed-header .find {
    line-height: 60px;

    height: 60px;
  }
}

.header.fixed-header .open-search {
  top: 80px;
}

@media (max-width: 1199px) {
  .header.fixed-header .open-search {
    top: 60px;
  }
}

.header.fixed-header .erweima a {
  line-height: 80px;
}

@media (max-width: 1199px) {
  .header.fixed-header .erweima a {
    line-height: 60px;
  }
}

.header.fixed-header .language {
  line-height: 80px;
}

@media (max-width: 1199px) {
  .header.fixed-header .language {
    line-height: 60px;
  }
}

.header.fixed-header .tel p {
  line-height: 80px;
}

@media (max-width: 1199px) {
  .header.fixed-header .tel p {
    line-height: 60px;
  }
}








.wrap-online {
  position: fixed;
  z-index: 9;
  top: 50%;
  right: 0;
  display: none;
  -webkit-transition: all .6s;
  transition: all .6s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
}

@media (max-width: 991px) {
  .wrap-online {
    display: none !important;
  }
}

.wrap-online .btn-online {
  font-size: 20px;
  position: absolute;
  top: 50%;
  right: 60px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.wrap-online .btn-online:after {
  font-family: 'iconfont' !important;
  content: '\e636';
  color: #005bac;
}

.wrap-online.active-online {
  right: -60px;
}

.wrap-online.active-online .btn-online {
  -webkit-animation: fadeInRightonline 1s infinite linear 0s;
  animation: fadeInRightonline 1s infinite linear 0s;
}

.wrap-online.active-online .btn-online:after {
  content: '\e9bd';
}

.wrap-online ul {
  overflow: hidden;
  width: 60px;
  height: auto;
  border: 1px solid #e7e7e7;
}

.wrap-online ul li {
  border-bottom: 1px solid #e7e7e7;
}

.wrap-online ul li:last-child {
  border-bottom: none;
}

.wrap-online ul li a {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.wrap-online ul li a img {
  width: 100%;
}

.wrap-online ul.open-online-ul {
  height: auto;
}

.gz-wx a::after {
  font-family: 'iconfont' !important;
  content: '\e604';
  font-size: 24px;
  color: #999;
}

.wrap-online .open-online {
  font-size: 30px;
  line-height: 60px;
  display: block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  color: #999;
  border: 1px solid #e7e7e7;
}




.banner-swiper-container {
  width: 100%;
  height: 100%;
  background-color: rgb(179, 189, 196);
  transition: 1s background-color 1.3s;
}

.banner-swiper-wrapper {
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}

.banner-swiper-slide {
  text-align: left;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}



.title {
  h3 {
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 10px;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 2px #fff;
    padding: 10px 0;
  }

  h4 {
    font-weight: 400;
    font-size: 38px;
    color: rgba(255, 255, 255, 1);
    line-height: 52px;
    padding: 10px 0;
  }

  h5 {
    font-weight: 400;
    font-size: 14px;
    color: #CCCED5;
    line-height: 30px;
    padding: 10px 0;
  }

  h6 {
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 400px;
    position: relative;
    padding: 10px 0;

    i {
      display: block;
      height: 1px;
      background: #fff;
      width: 100px;
    }

    span {
      display: block;
      height: 63px;
      width: 63px;
      background: #1550B6;
      border-radius: 50px;
      position: absolute;
      right: -30px;
      z-index: -1;
    }
  }
}

.img-box {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(0.6, 0.6);
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  opacity: 0.9;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2, 1.2) translateX(50%);
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  transition-property: transform;
}

.button-prev,
.button-next {
  transition: 0.5s;
  outline: none;
  position: absolute;
  width: 140px;
  z-index: 10;
  top: 65vh;
  transform: translateY(-34px);
  cursor: pointer;
}

.button-prev {
  left: 4vw;
}

.button-next {
  right: 4vw;
}

.button.disabled {
  opacity: 0.2;
  cursor: default;
}

#arrow-svg-home {
  transform: translateY(353px);
}

.button-next #arrow-svg-home {
  transform: translateY(353px) rotateY(180deg);
  transform-origin: 80px 0px 0px;
}

svg {
  transition: 0.5s;
}

.cls-1 {
  transition: 0.5s;
  opacity: 0.4;
  transform-origin: -20px 40px;
  opacity: 1;
}

.cls-4 {
  transition: 0.5s;
  stroke-width: 2px;
  stroke: #fff;
  fill: none;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0.4;
  transform-origin: 0px 0px 0px;
}

#arrow-trg {
  transition: 0.5s;
  fill: #fff;
  transform: rotateY(180deg) translate(-53px, 39px);
}

#line {
  transition: 0.5s;
  stroke: #fff;
  transform: translate(50px, 42px);
}

.button-prev:not(.disabled):hover svg {
  transform: translateX(-25px);
}

.button-next:not(.disabled):hover svg {
  transform: translateX(25px);
}

.button:not(.disabled):hover .cls-1 {
  transform: scale(1.1);
}

.button:not(.disabled):hover .cls-4 {
  stroke-dasharray: 2px;
  stroke-dashoffset: 2px;
  opacity: 1;
}

.button:not(.disabled):hover #arrow-trg {
  transform: rotateY(180deg) translate(-37px, 39px);
}

.button:not(.disabled):hover #line {
  transform: translate(35px, 42px) scaleX(0.33);
}

// 解决方案
.container-qx {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.title-container {
  .case-title h3 {
    font-size: 36px;
    color: #1550B6;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
  }

  .sub-title {
    font-size: 14px;
    color: #1550B6;
    font-weight: bold;
  }

  .discription-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 50px 0 40px 0;

    .discription {
      font-weight: bold;
      font-size: 16px;
      color: #515151;
      line-height: 30px;
    }

    .button {
      width: 170px;
      height: 45px;
      background: #1550B6;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      color: #fff;
      font-size: 18px;
      font-weight: bold;

      span {
        a {
          color: #fff;
        }
      }
    }
  }
}

.jjfa {
  margin-top: 125px;

  .container-show {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .ywDepNrInLeft {
      margin-right: 20px;

      .ywDepNrInNav {
        height: auto;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        white-space: nowrap;
        position: relative;

        li {
          &.active {
            .ywDepNrInNavIco {
              background-image: linear-gradient(0deg, #2b3e83 0%, #227dba 100%);
              box-shadow: 5px 5px 10px 0px rgba(66, 205, 221, .3);
              -webkit-box-shadow: 5px 5px 10px 0px rgba(66, 205, 221, .3);

              span {
                img:nth-child(1) {
                  display: none;
                }

                img:nth-child(2) {
                  display: inline-block;
                }
              }
            }

            .ywDepNrInNavTit {
              color: #2b3e83;
              font-weight: bolder;
            }
          }

          padding: 20px 0;
          cursor: pointer;

          .ywDepNrInNavIco {
            width: 68px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            height: 68px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            position: relative;
            z-index: 2;
            background: #ffffff;

            span {
              width: 60px;
              -webkit-background-size: 100% 100%;
              -moz-background-size: 100% 100%;
              background-size: 100% 100%;
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              margin: -30px 0 0 -30px;
              height: 60px;
              line-height: 60px;
              font-size: 0;
              text-align: center;

              img:nth-child(1) {
                display: inline-block;
              }

              img:nth-child(2) {
                display: none;
              }
            }
          }

          .ywDepNrInNavTit {
            color: #808080;
            display: inline-block;
            vertical-align: middle;
            margin-left: 17px;
            font-size: 18px;
          }
        }

      }

      .ywDepNrInNav::before {
        content: "";
        width: 1px;
        height: 100%;
        background: #cacacc;
        position: absolute;
        top: 0;
        left: 39px;
        z-index: 1;
      }
    }

    .ywDepNrInRight {
      width: calc(100% - 200px);

      .jjfa-swiper-container {
        // width: 1200px;
      }

      .gfYWNr {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;

        .gfYWNrLeft {
          h4 {
            display: none;
          }
        }
      }
    }
  }

}

.jjfa::after {
  position: absolute;
  content: '';
  height: 260px;
  background: url(../image/jjfa_bg.png) right no-repeat;
  width: 100%;
  top: 60px;
  z-index: -1;
}

.ppczl {
  margin-top: 125px;
  height: 576px;
  background: url(../image/ppczl_bg.png) center no-repeat;

  .title-container {
    margin: 0 0 40px 0;

    .ppczl-title h3 {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0;
    }

    .sub-title {
      font-size: 14px;
      color: #fff;
      font-weight: bold;
    }

    .discription-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 50px 0 40px 0;

      .discription {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        line-height: 30px;
      }

      .button {
        width: 170px;
        height: 45px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        color: #1550B6;
        font-size: 18px;
        font-weight: bold;

        span {
          a {
            color: #1550B6;
          }
        }
      }
    }
  }

  .container-show {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;

    .ppczl-about {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 20%;

      .big-num {
        font-weight: 800;
        font-size: 60px;
        color: #FFFFFF;
        line-height: 60px;
        margin-bottom: 17px;
      }

      .info-title {
        font-weight: bold;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 30px;
      }
    }
  }
}

.cxfw {
  background: url(../image/cxfw_bg.png) center no-repeat;
  height: 912px;

  .cpFwJs {
    display: flex;
    justify-content: space-between;

    li {
      width: 33.333%;
      padding: 100px 0 0;
      text-align: center;
      border-right: 1px solid #e3e3e3;
      position: relative;
      overflow: hidden;
      height: 680px;
      display: flex;
      flex-direction: column;
      justify-content: center;

      .cpFwJs_1 .cpFwJs_1Ico img {
        width: 70px;
        height: 70px;
      }

      &:before {
        background: #d7e1f2;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
      }

      &:hover .cpFwJs_1 .cpFwJs_1ImgWc {
        height: 100%;
      }

      &:hover .cpFwJs_1 .cpFwJs_1Ico {
        opacity: 0;
      }

      &:hover:before {
        top: 0;
      }

      .cpFwJs_1 {
        height: 224px;
        overflow: hidden;
        position: relative;
        z-index: 2;

        .cpFwJs_1ImgWc {
          height: 0;
          overflow: hidden;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          transition: .5s;
          -webkit-transition: .5s;
          -moz-transition: .5s;
          -ms-transition: .5s;
          -o-transition: .5s;
        }

        .cpFwJs_1Ico {
          position: absolute;
          top: 50%;
          width: 100%;
          left: 0;
          transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
        }
      }

      .cpFwJsBot {
        height: 220px;
        padding-top: 1px;
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;

        .cpFwJs_2 {
          margin: 17px 0;
        }

        .cpFwJs_3 {
          color: #515151;
        }

        .cpFwJs_4 {
          line-height: 2;
          width: 290px;

          span:nth-child(1) {
            font-weight: bold;
          }
        }
      }

    }
  }
}

.yyly {
  height: 782px;
  background: url(../image/yyly_bg.png) center no-repeat;

  .title-container {
    margin: 0 0 70px 0;

    .yyly-title h3 {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0;
    }

    .sub-title {
      font-size: 14px;
      color: #fff;
      font-weight: bold;
    }

    .discription-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 50px 0 40px 0;

      .discription {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        line-height: 30px;
      }

      .button {
        width: 170px;
        height: 45px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        color: #1550B6;
        font-size: 18px;
        font-weight: bold;

        span {
          a {
            color: #1550B6;
          }
        }
      }
    }
  }

  .container-show {
    display: flex;
    flex-direction: row;
    justify-content: space-around;

    .yylu-about {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      // width: 20%;
      top: 0;

      h6 {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
      }

      p {
        font-size: 16px;
        color: #fff;
        text-transform: capitalize;
        margin-top: 50px;
      }

      i {
        height: 2px;
        width: 0;
        background-color: #fff;
        position: absolute;
        top: 120%;
      }

      &:hover {
        top: -40px;
        position: relative;
        transition: all .5s;
        -webkit-transition: .5s;

        img {
          -webkit-transform: rotateY(180deg);
          -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
          transition: all .5s;
          -webkit-transition: .5s;
        }

        i {
          width: 100%;
          transition: all .5s;
          -webkit-transition: .5s;
        }
      }
    }
  }
}

.news {
  background: #fff;
  padding-bottom: 80px;
  margin-top: 0;

  .title-container {
    margin: 125px 0 60px 0;

    .news-title h3 {
      font-size: 36px;
      color: #1550B6;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0;
    }

    .sub-title {
      font-size: 14px;
      color: #1550B6;
      font-weight: bold;
    }

    .discription-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 50px 0 40px 0;

      .discription {
        font-weight: bold;
        font-size: 16px;
        color: #515151;
        line-height: 30px;
      }

      .button {
        width: 310px;
        height: 45px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 50px;
        color: #1550B6;
        font-size: 18px;
        font-weight: bold;
        border: 1px solid #1550B6;

        span {
          display: flex;
          width: 50%;
          justify-content: center;
          line-height: 45px;
          border-radius: 50px;

          a {
            color: #1550B6;
          }
        }

        span.active {
          background: #1550B6;

          a {
            color: #fff !important;
          }
        }
      }
    }
  }

  .container-show {
    display: flex;
    justify-content: space-between;

    .news-left {
      width: 50%;
      border-right: 2px dashed #ccc;

      .news-left-all {
        width: 90%;

        .news-top-img {
          img {
            width: 100%;
          }
        }

        .news-top-title {
          margin-top: 20px;
          padding: 20px 150px 20px 20px;

          h5 {
            margin: 0;
            font-weight: bold;
            color: #1550B6;
            line-height: 30px;
          }

          p {
            color: #000000;
            opacity: 0.7;
            line-height: 30px;
            font-weight: bold;
          }

        }

        &:hover .news-top-title {
          background: rgb(234, 242, 255);
        }
      }
    }

    .news-right {
      display: flex;
      justify-content: flex-end;
      width: 50%;

      .news-ul {
        display: flex;
        flex-direction: column;
        width: 90%;
        justify-content: space-between;

        .news-li {
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: relative;
          padding: 10px;

          .news-title {
            width: 70%;
            padding-right: 60px;
            border-right: 2px #ccc dashed;

            h5 {
              margin: 0;
              font-weight: bold;
              color: #1550B6;
              line-height: 30px;
            }

            p {
              color: #000000;
              line-height: 30px;
              font-weight: bold;
              opacity: 0.7;
            }
          }

          .news-date {
            margin: 0 auto;
          }

          &:after {
            content: "";
            border-bottom: 2px dashed #ccc;
            height: 1px;
            width: 100%;
            position: absolute;
            bottom: calc(-33.333% - -20px);
          }

          &:nth-child(3):after {
            width: 0;
          }

          &:hover {
            background: #eaf2ff;
            box-shadow: 16px 6px 17px 6px #dee6f4;
          }
        }
      }
    }
  }
}

.footer {
  // height: 730px;
  background: url(../image/footer_bg.png) center no-repeat;

  .footer-all {
    margin: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    .footer-top {
      display: flex;
      justify-content: space-between;

      .footer-left {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .footer-logo {
          margin-bottom: 20px;
        }

        .footer-contact {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;

          .footer-contact-left {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-right: 20px;
            justify-content: space-between;

            span {
              color: #fff;
              opacity: 0.5;
              margin-top: 10px;
            }
          }

          .footer-contact-right {
            display: flex;
            flex-direction: column;

            span:nth-child(3),
            span:nth-child(4) {
              color: #fff;
              text-align: center;
              font-weight: bold;
              padding: 5px 0px;
              text-align: left;
            }

            span:nth-child(1) {
              color: #fff;
              background: #1550B6;
              text-align: center;
              font-weight: bold;
              padding: 10px 20px;
            }

            p {
              color: #fff;
              opacity: 0.5;
              margin: 20px 0 10px 0;
            }


          }
        }
      }

      .footer-right {
        width: 65%;

        .nav-ul {
          display: flex;
          flex-direction: row;
          justify-content: space-between;

          .nav-li {
            display: flex;
            flex-direction: column;
            text-align: center;
            width: 16.5%;

            >span {
              font-weight: bold;
              color: #FFFFFF;
              line-height: 44px;
            }

            i {
              height: 7px;
              margin: 30px 0;
              background: url(../image/nav_bottom.png) center no-repeat;
            }

            .subnav-ul {
              display: flex;
              flex-direction: column;

              .subli a {
                // font-weight: bold;
                color: #fff;
                opacity: .3;
                line-height: 32px;
              }
            }
          }
        }
      }
    }

    .footer-bottom {
      margin-top: 50px;
      padding: 35px 0 20px 0;
      border: 2px #ffffff30 solid;
      border-left: 0;
      border-right: 0;

      span {
        font-weight: bold;
        color: #A9AAAB;
      }

      p {
        line-height: 24px;
        color: #FFFFFF;
        opacity: .3;
      }
    }

    .footer-copyright {
      text-align: center;
      margin: 20px 0;
      color: #fff;

      a {
        color: #fff;

      }
    }
  }
}

// @media screen and (min-width: 600px) and (max-width: 800px) {
//   html{
//     background: #000;
//   }
// }

// @media screen and (min-width: 801px) and (max-width: 1199px) {
//   html{
//     background: red;
//   }
// }

@media screen and (max-width: 1199px) {
  .w-1600 {
    max-width: 100%;
  }

  .w-1200 {
    max-width: 100%;
  }

  .banner-swiper-container {
    width: 100%;
    height: auto;
    background-color: rgb(179, 189, 196);
    transition: 1s background-color 1.3s;
  }

  .banner-swiper-wrapper {
    transition-delay: 1s;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  }

  .banner-swiper-slide {
    text-align: left;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .title {
    display: none;
    transition-delay: 1s;
    z-index: 10;
    width: 1600px;
  }

  .title {
    h3 {
      font-weight: 400;
      font-size: 48px;
      letter-spacing: -1px;
      color: rgba(255, 255, 255, 0);
      -webkit-text-stroke: 2px #fff;
    }

    h4 {
      font-weight: 400;
      font-size: 38px;
      color: rgba(255, 255, 255, 1);
      line-height: 52px;
    }

    h5 {
      font-weight: 400;
      font-size: 14px;
      color: #CCCED5;
      line-height: 30px;
    }

    h6 {
      font-weight: 400;
      font-size: 26px;
      color: #fff;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 400px;
      position: relative;

      i {
        display: block;
        height: 1px;
        background: #fff;
        width: 100px;
      }

      span {
        display: block;
        height: 63px;
        width: 63px;
        background: #1550B6;
        border-radius: 50px;
        position: absolute;
        right: -30px;
        z-index: -1;
      }
    }
  }

  .img-box {
    width: 100%;
    height: auto;
    position: relative;
    transform: scale(0.6, 0.6);
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    opacity: 0.9;
    overflow: hidden;
  }

  .img-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transform: scale(1.2, 1.2) translateX(50%);
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    transition-property: transform;
  }

  .button-prev,
  .button-next {
    transition: 0.5s;
    outline: none;
    position: absolute;
    width: 140px;
    z-index: 10;
    top: 50%;
    transform: translateY(-34px);
    cursor: pointer;
  }

  .button-prev {
    left: 4vw;
  }

  .button-next {
    right: 4vw;
  }

  .button.disabled {
    opacity: 0.2;
    cursor: default;
  }

  #arrow-svg-home {
    transform: translateY(353px);
  }

  .button-next #arrow-svg-home {
    transform: translateY(353px) rotateY(180deg);
    transform-origin: 80px 0px 0px;
  }

  svg {
    transition: 0.5s;
  }

  .cls-1 {
    transition: 0.5s;
    opacity: 0.4;
    transform-origin: -20px 40px;
    opacity: 1;
  }

  .cls-4 {
    transition: 0.5s;
    stroke-width: 2px;
    stroke: #fff;
    fill: none;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    opacity: 0.4;
    transform-origin: 0px 0px 0px;
  }

  #arrow-trg {
    transition: 0.5s;
    fill: #fff;
    transform: rotateY(180deg) translate(-53px, 39px);
  }

  #line {
    transition: 0.5s;
    stroke: #fff;
    transform: translate(50px, 42px);
  }

  .button-prev:not(.disabled):hover svg {
    transform: translateX(-25px);
  }

  .button-next:not(.disabled):hover svg {
    transform: translateX(25px);
  }

  .button:not(.disabled):hover .cls-1 {
    transform: scale(1.1);
  }

  .button:not(.disabled):hover .cls-4 {
    stroke-dasharray: 2px;
    stroke-dashoffset: 2px;
    opacity: 1;
  }

  .button:not(.disabled):hover #arrow-trg {
    transform: rotateY(180deg) translate(-37px, 39px);
  }

  .button:not(.disabled):hover #line {
    transform: translate(35px, 42px) scaleX(0.33);
  }

  // 解决方案
  .container-qx {
    padding: 0 20px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .title-container {
    .case-title h3 {
      font-size: 36px;
      color: #1550B6;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0;
    }

    .sub-title {
      font-size: 14px;
      color: #1550B6;
      font-weight: bold;
    }

    .discription-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 15px 0;

      .discription {
        font-weight: 400;
        font-size: 14px;
        color: #515151;
        line-height: 30px;
      }

      .button {
        width: 130px;
        height: 32px;
        background: #1550B6;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
      }
    }
  }

  .jjfa {
    margin-top: 40px;

    .container-show {
      display: flex;
      justify-content: space-between;
      flex-direction: column;

      .ywDepNrInLeft {
        margin-right: 20px;
        display: none;

        .ywDepNrInNav {
          height: auto;
          display: -webkit-flex;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          white-space: nowrap;
          position: relative;

          li {
            &.active {
              .ywDepNrInNavIco {
                background-image: linear-gradient(0deg, #2b3e83 0%, #227dba 100%);
                box-shadow: 5px 5px 10px 0px rgba(66, 205, 221, .3);
                -webkit-box-shadow: 5px 5px 10px 0px rgba(66, 205, 221, .3);

                span {
                  img:nth-child(1) {
                    display: none;
                  }

                  img:nth-child(2) {
                    display: inline-block;
                  }
                }
              }

              .ywDepNrInNavTit {
                color: #2b3e83;
                font-weight: bolder;
              }
            }

            padding: 20px 0;
            cursor: pointer;

            .ywDepNrInNavIco {
              width: 68px;
              position: relative;
              display: inline-block;
              vertical-align: middle;
              height: 68px;
              border-radius: 50%;
              -webkit-border-radius: 50%;
              position: relative;
              z-index: 2;
              background: #ffffff;

              span {
                width: 60px;
                -webkit-background-size: 100% 100%;
                -moz-background-size: 100% 100%;
                background-size: 100% 100%;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -30px 0 0 -30px;
                height: 60px;
                line-height: 60px;
                font-size: 0;
                text-align: center;

                img:nth-child(1) {
                  display: inline-block;
                }

                img:nth-child(2) {
                  display: none;
                }
              }
            }

            .ywDepNrInNavTit {
              color: #808080;
              display: inline-block;
              vertical-align: middle;
              margin-left: 17px;
              font-size: 18px;
            }
          }

        }

        .ywDepNrInNav::before {
          content: "";
          width: 1px;
          height: 100%;
          background: #cacacc;
          position: absolute;
          top: 0;
          left: 39px;
          z-index: 1;
        }
      }

      .ywDepNrInRight {
        width: 100%;

        .jjfa-swiper-container {
          // width: 1200px;
        }

        .gfYWNr {
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;

          .gfYWNrLeft {
            img {
              width: 100%;
            }

            h4 {
              font-size: 16px;
              text-align: center;
              color: #000;
            }
          }
        }
      }
    }

  }

  .jjfa::after {
    position: absolute;
    content: '';
    height: 260px;
    background: url(../image/jjfa_bg.png) right no-repeat;
    width: 100%;
    top: 60px;
    z-index: -1;
  }

  .ppczl {
    margin-top: 40px;
    height: 576px;
    background: url(../image/ppczl_bg.png) center no-repeat;

    .title-container {
      margin: 0 0 40px 0;

      .ppczl-title h3 {
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 0;
      }

      .sub-title {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
      }

      .discription-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 15px 0;

        .discription {
          font-weight: 400;
          font-size: 14px;
          color: #fff;
          line-height: 30px;
        }

        .button {
          width: 130px;
          height: 32px;
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50px;
          color: #1550B6 !important;
          font-size: 16px;
          font-weight: 400;

          span {
            a {
              color: #1550B6 !important;
            }
          }
        }
      }
    }

    .container-show {
      display: flex;
      flex-direction: row;
      justify-content: space-around;

      .ppczl-about {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;

        .big-num {
          font-weight: 800;
          font-size: 60px;
          color: #FFFFFF;
          line-height: 60px;
          margin-bottom: 17px;
        }

        .info-title {
          font-weight: 400;
          font-size: 14px;
          color: #FFFFFF;
          line-height: 30px;
        }
      }
    }
  }

  .cxfw {
    background: url(../image/cxfw_bg.png) center no-repeat;
    height: auto;

    .cpFwJs {
      display: flex;
      justify-content: space-between;
      flex-direction: column;

      li {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-right: 1px solid #e3e3e3;
        position: relative;
        overflow: hidden;
        height: 340px;
        display: flex;
        flex-direction: column;
        justify-content: center;

        .cpFwJs_1 .cpFwJs_1Ico img {
          width: 70px;
          height: 70px;
        }

        &:before {
          background: #d7e1f2;
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          top: 100%;
          left: 0;
          transition: .5s;
          -webkit-transition: .5s;
          -moz-transition: .5s;
          -ms-transition: .5s;
          -o-transition: .5s;
        }

        &:hover .cpFwJs_1 .cpFwJs_1ImgWc {
          height: 100%;
        }

        &:hover .cpFwJs_1 .cpFwJs_1Ico {
          opacity: 0;
        }

        &:hover:before {
          top: 0;
        }

        .cpFwJs_1 {
          height: 70px;
          overflow: hidden;
          position: relative;
          z-index: 2;

          .cpFwJs_1ImgWc {
            height: 0;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
          }

          .cpFwJs_1Ico {
            position: absolute;
            top: 50%;
            width: 100%;
            left: 0;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
          }
        }

        .cpFwJsBot {
          height: auto;
          padding-top: 1px;
          position: relative;
          z-index: 2;
          display: flex;
          flex-direction: column;
          align-items: center;

          .cpFwJs_2 {
            margin: 17px 0;
          }

          .cpFwJs_3 {
            color: #515151;
          }

          .cpFwJs_4 {
            line-height: 2;
            width: 290px;

            span:nth-child(1) {
              font-weight: bold;
            }
          }
        }

      }
    }
  }

  .yyly {
    height: auto;
    padding: 30px 20px;
    background: url(../image/yyly_bg.png) center no-repeat;

    .title-container {
      margin: 0 0 40px 0;

      .yyly-title h3 {
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 0;
      }

      .sub-title {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
      }

      .discription-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 15px 0;

        .discription {
          font-weight: 400;
          font-size: 14px;
          color: #fff;
          line-height: 30px;
        }

        .button {
          width: 130px;
          height: 32px;
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50px;
          color: #1550B6;
          font-size: 16px;
          font-weight: 400;
        }
      }
    }

    .container-show {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      flex-wrap: wrap;

      a {
        width: 50%;

        .yylu-about {
          display: flex;
          flex-direction: column;
          align-items: center;
          position: relative;
          top: 0;
          margin-bottom: 20px;

          h6 {
            font-size: 20px;
            color: #fff;
            font-weight: 400;
          }

          p {
            font-size: 16px;
            color: #fff;
            text-transform: capitalize;
            margin-top: 10px;
          }

          i {
            height: 2px;
            width: 0;
            background-color: #fff;
            position: absolute;
            top: 120%;
          }

          &:hover {
            top: -40px;
            position: relative;
            transition: all .5s;
            -webkit-transition: .5s;

            img {
              -webkit-transform: rotateY(180deg);
              -moz-transform: rotateY(180deg);
              transform: rotateY(180deg);
              transition: all .5s;
              -webkit-transition: .5s;
            }

            i {
              width: 100%;
              transition: all .5s;
              -webkit-transition: .5s;
            }
          }
        }
      }
    }
  }

  .news {
    background: #fff;
    padding-bottom: 80px;
    margin-top: 0;

    .title-container {
      margin: 30px 0;

      .news-title h3 {
        font-size: 36px;
        color: #1550B6;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 0;
      }

      .sub-title {
        font-size: 14px;
        color: #1550B6;
        font-weight: bold;
      }

      .discription-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 15px 0;

        .discription {
          font-weight: 400;
          font-size: 14px;
          color: #515151;
          line-height: 30px;
        }

        .button {
          width: 310px;
          height: 32px;
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-radius: 50px;
          color: #1550B6;
          font-size: 16px;
          font-weight: 400;
          border: 1px solid #1550B6;

          span {
            display: flex;
            width: 50%;
            justify-content: center;
            line-height: 32px;
            border-radius: 50px;
          }

          span.active {
            background: #1550B6;
            color: #fff;
          }
        }
      }
    }

    .container-show {
      display: flex;
      justify-content: space-between;
      flex-direction: column;

      .news-left {
        width: 100%;
        border-right: 0px dashed #ccc;

        .news-left-all {
          width: 100%;

          .news-top-img {
            img {
              width: 100%;
            }
          }

          .news-top-title {
            margin-top: 10px;
            padding: 10px;

            h5 {
              margin: 0;
              font-weight: bold;
              color: #1550B6;
              line-height: 30px;
            }

            p {
              color: #000000;
              opacity: 0.7;
              line-height: 30px;
              font-weight: bold;
            }

          }

          &:hover .news-top-title {
            background: rgb(234, 242, 255);
          }
        }
      }

      .news-right {
        display: flex;
        justify-content: flex-start;
        width: 100%;

        .news-ul {
          display: flex;
          flex-direction: column;
          width: 100%;
          justify-content: space-between;

          .news-li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
            position: relative;
            padding: 10px;

            .news-title {
              width: 100%;
              padding-right: 0px;
              border-right: 0px #ccc dashed;

              h5 {
                margin: 0;
                font-weight: bold;
                color: #1550B6;
                line-height: 30px;
              }

              p {
                color: #000000;
                line-height: 30px;
                font-weight: bold;
                opacity: 0.7;
              }
            }

            .news-date {
              margin: 0 auto;
              text-align: left;
              display: none;
            }

            &:after {
              content: "";
              border-bottom: 0px dashed #ccc;
              height: 1px;
              width: 100%;
              position: absolute;
              bottom: calc(-33.333% - -20px);
            }

            &:nth-child(3):after {
              width: 0;
            }

            &:hover {
              background: #eaf2ff;
              box-shadow: 16px 6px 17px 6px #dee6f4;
            }
          }
        }
      }
    }
  }

  .footer {
    // height: 730px;
    background: url(../image/footer_bg.png) top no-repeat;

    .footer-all {
      margin: 30px 0 0 0;
      display: flex;
      justify-content: space-between;
      flex-direction: column;

      .footer-top {
        display: flex;
        justify-content: space-between;
        flex-direction: column;

        .footer-left {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .footer-logo {
            margin: 0 auto;
            margin-bottom: 20px;
            width: 80%;

            img {
              width: 100%;
            }
          }

          .footer-contact {
            display: flex;
            flex-direction: row;
            justify-content: center;
            width: 100%;

            .footer-contact-left {
              display: flex;
              flex-direction: column;
              align-items: center;
              margin-right: 20px;
              justify-content: space-between;

              span {
                color: #fff;
                opacity: 0.5;
                margin-top: 10px;
              }
            }

            .footer-contact-right {
              display: flex;
              flex-direction: column;

              span:nth-child(3) {
                color: #fff;
                text-align: center;
                font-weight: bold;
                padding: 5px 0px;
              }

              span:nth-child(1) {
                color: #fff;
                background: #1550B6;
                text-align: center;
                font-weight: bold;
                padding: 10px 20px;
              }

              p {
                color: #fff;
                opacity: 0.5;
                margin: 20px 0 10px 0;
              }


            }
          }
        }

        .footer-right {
          width: 100%;
          display: none;

          .nav-ul {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;

            .nav-li {
              display: flex;
              flex-direction: column;
              text-align: center;
              width: 33.3333%;

              >span {
                font-weight: bold;
                color: #FFFFFF;
                line-height: 44px;
              }

              i {
                height: 7px;
                margin: 30px 0;
                background: url(../image/nav_bottom.png) center no-repeat;
                display: none;
              }

              .subnav-ul {
                display: flex;
                flex-direction: column;
                display: none;

                .subli a {
                  // font-weight: bold;
                  color: #fff;
                  opacity: .3;
                  line-height: 32px;
                }
              }
            }
          }
        }
      }

      .footer-bottom {
        margin-top: 50px;
        padding: 35px 0 20px 0;
        border: 2px #ffffff30 solid;
        border-left: 0;
        border-right: 0;
        display: none;

        span {
          font-weight: bold;
          color: #A9AAAB;
        }

        p {
          line-height: 24px;
          color: #FFFFFF;
          opacity: .3;
          display: none;
        }
      }

      .footer-copyright {
        text-align: center;
        margin: 20px 0;
        color: #fff;

        span:nth-child(1) {
          display: none;
        }

        a {
          color: #fff;

        }
      }
    }
  }
}