/**
 * style.less
 * 层叠样式表
 * txd
 */
@font-face {
  font-family: "miui";
  src: url("../fonts/miui/MiSans-Regular.ttf");
}
.ff {
  font-family: "iconfont" !important;
}
*[data-type="iframe"],
*[data-fancybox],
.slick-slide:focus {
  outline: none !important;
}
.slick-slide a {
  outline: none !important;
}
.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;
}
@-ms-viewport {
  width: auto !important;
}
body {
  font-family: "miui";
  font-size: 14px;
  /* font-weight: 300; */
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
body.searchactive {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media (min-width: 1350px) {
  .container {
    width: 1320px;
  }
}
@media (min-width: 1470px) {
  .container {
    width: 1440px;
  }
}
@media (min-width: 1560px) {
  .container {
    width: 1530px;
  }
}
@media (max-width: 767px) {
  .col-xs-6:nth-child(2n + 1) {
    padding-right: 7.5px;
  }
  .col-xs-6:nth-child(2n) {
    padding-left: 7.5px;
  }
}
ul {
  margin: 0;
  padding: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
a:active,
a:link,
a:visited {
  text-decoration: none;
}
.img-box {
  position: relative;
  display: block;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}
.img-box img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.img-box img[src=""],
.img-box img:not([src]) {
  opacity: 0;
  border: 0;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
.header {
  position: relative;
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  text-align: center;
  background-color: #fff;
}
.header .header-nav {
  overflow: hidden;
  height: 30px;
  height: 24px;
  padding: 0 2%;
  background-color: #f8f8f8;
}
@media (max-width: 1199px) {
  .header .header-nav {
    height: 30px;
  }
}
.header .header-nav p {
  font-size: 12px;
  line-height: 30px;
  line-height: 24px;
  display: inline-block;
  float: left;
  margin: 0;
  color: #666;
}
@media (max-width: 1199px) {
  .header .header-nav p {
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .header .header-nav p {
    display: none;
  }
}
.header .header-nav .link {
  display: inline-block;
  float: right;
}
.header .header-nav .link a {
  font-size: 14px;
  line-height: 30px;
  line-height: 24px;
  display: inline-block;
  margin-left: 40px;
  color: #333;
}
@media (max-width: 1199px) {
  .header .header-nav .link a {
    line-height: 30px;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .header .header-nav .link a {
    font-size: 12px;
    margin-left: 4px;
  }
}
.header .header-nav .link a:before {
  font-family: "iconfont" !important;
  font-size: 16px;
  float: left;
  margin-right: 8px;
  content: "\e618";
}
@media (max-width: 767px) {
  .header .header-nav .link a:before {
    font-size: 14px;
    margin-right: 4px;
  }
}
.header .header-nav .link a.covid:before {
  content: "\e780";
}
.header .header-nav .link a.zhapian {
  color: red;
}
.header .header-nav .link a.zhapian:before {
  content: "\e632";
}
.header .header-nav .link a.contact:before {
  content: "\e619";
}
.header .header-nav .link a:hover {
  color: #3366a6;
}
.header .logo {
  position: relative;
  float: left;
  height: 80px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .header .logo {
    height: 50px;
    margin-top: 10px;
  }
}
.header .logo .logopng {
  display: none;
  padding: 15px 0;
}
@media (max-width: 991px) {
  .header .logo .logopng {
    padding: 0;
  }
}

.header .logo a {
  display: block;
  height: 100%;
}
.header .logo img {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.header .logo p {
  font-size: 14px;
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
  margin: 0;
  margin-left: 16px;
  vertical-align: middle;
  color: #e70000;
}
@media (max-width: 1600px) {
  .header .logo p {
    font-size: 12px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .header .logo p {
    font-size: 12px;
    line-height: 18px;
    margin-left: 6px;
  }
}
.header .logo p .tt {
  color: #333;
}
.header .logo p span.code {
  color: #3366a6;
  color: #e70000;
}
@media (max-width: 1350px) {
}
.header .logo p i {
  font-style: normal;
  margin-right: 4px;
}
.header .logo p i.t4 span {
  display: none;
}
.header .logo p i b {
  font-weight: normal;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .header .logo p i.t5 {
    display: block;
  }
}
.header .logo p i.t5 img {
  float: right;
  height: 20px;
  margin-top: 4px;
}
.header .logo p i.t5 b {
  font-weight: normal;
}
.header .logo p i.t5 b i {
  font-style: normal;
  color: #999;
  color: #333;
}
.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: 14px;
  }
  .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 0.5s ease;
  transition: all 0.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 0.5s ease;
  transition: all 0.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);
}
.header .header-product-nav {
  height: 80px;
  padding: 0 2%;
  background-color: #fff;
}
@media (max-width: 1199px) {
  .header .header-product-nav {
    height: 70px;
  }
}
.header .language {
  position: relative;
  display: inline-block;
  float: right;
}
@media (max-width: 1199px) {
  .header .language {
    margin-right: 10px;
  }
}
.header .language p {
  font-size: 14px;
  line-height: 80px;
  margin: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  color: #3366a6;
}
@media (max-width: 1400px) {
  .header .language p {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .header .language p {
    line-height: 70px;
  }
}
@media (max-width: 767px) {
  .header .language p {
    font-size: 0;
  }
}
.header .language p:before {
  font-family: "iconfont" !important;
  font-size: 20px;
  font-size: 16px;
  float: left;
  margin-right: 10px;
  content: "\e625";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header .language > ul {
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 50%;
  display: none;
  min-width: 100%;
  padding: 20px 0;
  padding: 5px 10px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .header .language > ul {
    min-width: 100px;
    margin-left: -8px;
  }
}
.header .language > ul li a {
  line-height: 30px;
  display: block;
}

@media (min-width: 1200px) {
  .header .nav {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    vertical-align: middle;
  }
  .header .nav a:hover {
    color: #3366a6;
  }
}
@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 0.3s;
    transition: left 0.3s;
    text-align: left;
    text-align: center;
    background: #fafafa;
    background-color: #000;
  }
  .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 > li {
    float: left;
    padding: 0 24px;
  }
  .header .nav .nav-list1 > li:last-child {
    display: none;
  }
  .header .nav .nav-list1 > li > a {
    font-size: 17px;
    line-height: 100px;
    line-height: 80px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .header .nav .nav-list1 > li > a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 3px;
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #3366a6;
  }
  .header .nav .nav-list1 > li:hover > a,
  .header .nav .nav-list1 > li.active > a {
    color: #3366a6;
  }
  .header .nav .nav-list1 > li:hover > a:after,
  .header .nav .nav-list1 > li.active > a:after {
    width: 100%;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 {
    left: 0;
    width: 100%;
    margin: 0;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li {
    font-size: 0;
    max-width: 1300px;
    margin: 0 auto;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .pic,
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .note {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: inherit;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .pic:hover,
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .note:hover {
    text-decoration: none;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .pic {
    width: 40%;
    padding-right: 5%;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .pic img {
    max-width: 100%;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .note {
    font-size: 14px;
    width: 60%;
    padding-left: 30px;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .note b {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.53846154;
    display: block;
    margin-bottom: 20px;
    color: #333;
  }
  .header .nav .nav-list1 > li:nth-child(2) .nav-list2 li .note p {
    font-size: 16px;
    line-height: 2.11111111;
    margin: 0;
  }
  .header .nav .nav-list1 > li:nth-child(3) .product-close {
    position: absolute;
    right: 5%;
    bottom: 30px;
    display: none;
    cursor: pointer;
  }
  .header .nav .nav-list1 > li:nth-child(3) .product-close:after {
    font-family: "iconfont" !important;
    font-size: 30px;
    content: "\e61b";
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 {
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 60px 4% 100px !important;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li {
    display: inline-block;
    float: left;
    width: 16%;
    padding: 0 30px;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li:nth-child(4) ul li {
    width: 100%;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li:nth-child(5) {
    width: 36%;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li:nth-child(5) img {
    max-width: 100%;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li > a {
    font-size: 22px;
    line-height: 40px;
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li > a img {
    max-width: 30px;
    margin-right: 10px;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li:hover > a {
    text-decoration: none;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 .nav-list3 {
    /* padding-top: 20px; */
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 .nav-list3 > li {
    display: block;
    float: left;
    width: 50%;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li {
    width: 22%;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 .nav-list3 > li > a {
    font-size: 16px;
    /* font-weight: bold; */
    line-height: 30px;
    padding: 10px 0;
    color: #666;
  }
  .header
    .nav
    .nav-list1
    > li:nth-child(3)
    .nav-list2
    .nav-list3
    > li
    .nav-list4
    li
    a {
    font-size: 15px;
    line-height: 26px;
    color: #333;
  }
  .header
    .nav
    .nav-list1
    > li:nth-child(3)
    .nav-list2
    .nav-list3
    > li
    .nav-list4
    li:hover
    a {
    color: #3366a6;
  }
  .header
    .nav
    .nav-list1
    > li:nth-child(3)
    .nav-list2
    .nav-list3
    > li:hover
    > a {
    /* font-weight: bold; */
    color: #3366a6;
  }
  .header .nav .nav-list1 > li:nth-child(4) {
    display: none;
  }
  .header .nav .nav-list1 .nav-list2 {
    font-size: 14px;
    position: absolute;
    z-index: 50;
    top: 100%;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    text-align: center;
    text-align: left;
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  .header .nav .nav-list1 .nav-list2 .container > ul {
    float: left;
    width: 14%;
  }
  .header .nav .nav-list1 .nav-list2 .container > ul > li {
    list-style: none;
  }
  .header .nav .nav-list1 .nav-list2 .container > ul > li > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 20px;
  }
  .header .nav .nav-list1 .nav-list2 .container > ul > li:hover > a {
    font-weight: bold;
    color: #3366a6;
  }
  .header .nav .nav-list1 .nav-list2 .nav-right {
    float: left;
    overflow: hidden;
    width: 86%;
    border-left: 1px solid #dcdcdc;
  }
  .header .nav .nav-list1 .nav-list2 .nav-right .nav-text {
    float: left;
    width: 60%;
    padding: 0 4%;
  }
  .header .nav .nav-list1 .nav-list2 .nav-right .nav-text p {
    font-size: 16px;
    line-height: 2.125;
    margin: 0;
  }
  .header .nav .nav-list1 .nav-list2 .nav-right .nav-pic {
    float: left;
    width: 40%;
  }
  .header .nav .nav-list1 .nav-list2 .nav-right .nav-pic img {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .header .nav .nav-list1 > li {
    padding: 0 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .header .nav .nav-list1 > li {
    padding: 0 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .header .nav .nav-list1 > li {
    padding: 0 6px;
  }
}
@media (min-width: 1200px) and (max-width: 1199px) {
  .header .nav .nav-list1 > li:last-child {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .header .nav .nav-list1 > li > a {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 {
    padding: 60px 2% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li {
    width: 18%;
    width: 24%;
  }
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li > img {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li:nth-child(5) {
    width: 28%;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li > a {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1199px) {
  .header .nav .nav-list1 > li:nth-child(4) {
    display: block;
  }
}
@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: 0.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 0.3s;
    transition: left 0.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 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .header .fade-out ul.nav-list1 > li > 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 .search-box {
  position: fixed;
  z-index: 888;
  top: 100%;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-top: 0;
  margin-right: 10px;
  padding: 0 3%;
  background-color: rgba(51, 51, 51, 0.96);
}
.header .search-box .search {
  line-height: 40px;
  overflow: hidden;
  zoom: 1;
  width: 240px;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
}
.header .search-box .search:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}
.header .search-box .input-text {
  float: left;
  height: 38px;
  padding-left: 10%;
  background: none;
}
@media (min-width: 768px) {
  .header .search-box .input-text {
    width: 100%;
    padding: 0 50px 0 3%;
  }
}
.header .search-box .input-submit {
  line-height: 36px;
  float: right;
  width: 50px;
  -webkit-animation: fadeInLeft 1s 0s ease both;
  animation: fadeInLeft 1s 0s ease both;
  background: none;
}
.header .search-box .input-submit:before {
  font-family: "iconfont" !important;
  font-size: 22px;
  content: "\e660";
  color: #fff;
}
@media (min-width: 768px) {
  .header .search-box .input-submit {
    position: absolute;
    right: 0;
    bottom: 20px;
  }
}
.header .search-box.search-xs {
  width: 100%;
  margin: 0;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  background: none;
}
@media (min-width: 1200px) {
  .header .search-box.search-xs {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header .search-box.search-xs {
    position: absolute;
    z-index: 0;
    top: auto;
    right: 0;
    bottom: 0;
    bottom: 30px;
    display: inline-block;
    height: 34px;
  }
}
.header .search-box.search-xs.show {
  z-index: 66;
}
.header .search-box.search-xs.show .search {
  left: 0;
}
.header .search-box.search-xs .search {
  position: absolute;
  z-index: 888;
  top: 0;
  left: 120%;
  width: 100%;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  border-color: #fff;
  background: #fff;
}
@media (max-width: 360px) {
  .header .search-box.search-xs form .input-text {
    width: 74%;
  }
}
@media (max-width: 767px) {
  .header .search-box.search-xs form .input-text {
    padding-left: 5%;
  }
}
.header .search-box.search-xs .input-submit {
  line-height: 34px;
  background: #fff;
}
.header .search-box.search-xs .input-submit:before {
  color: #104384;
}
.header .search-icon {
  position: absolute;
  z-index: 10;
  top: 18px;
  left: 15px;
  display: inline-block;
  cursor: pointer;
}
.header .search-icon:before {
  font-family: "iconfont" !important;
  font-size: 18px;
  content: "\e660";
  color: #3366a6;
}
.header .search-lg {
  top: 0;
}
.header .search-lg .logo {
  margin-top: 20px;
  margin-left: 0;
}
.header .search-lg .search {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 90%;
  margin: auto;
  padding: 0 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}
.header .search-lg .search p {
  margin-bottom: 50px;
  -webkit-animation: zoomIn 1s 0s ease both;
  animation: zoomIn 1s 0s ease both;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
}
.header .search-lg .input-text {
  font-size: 20px;
  line-height: 30px;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  -webkit-animation: zoomIn 1s 0s ease both;
  animation: zoomIn 1s 0s ease both;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
}
.header .search-lg .close-btn {
  position: fixed;
  top: 34px;
  right: 18%;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .header .search-lg .close-btn {
    right: 8%;
  }
}
.header .search-lg .close-btn:before {
  font-size: 20px;
  content: "\2716";
  color: #fff;
}
.header .find {
  line-height: 100px;
  line-height: 80px;
  display: inline-block;
  float: right;
  height: 100px;
  height: 80px;
  margin-left: 20px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
  vertical-align: middle;
  color: #c62828;
}
@media (max-width: 1199px) {
  .header .find {
    line-height: 70px;
    height: 70px;
    margin: 0;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .header .find {
    margin-right: 4px;
  }
}
.header .find:before {
  font-family: "iconfont";
  font-size: 20px;
  content: "\e660";
}
.header .find:hover {
  color: #666;
}
.header .back-btn {
  position: absolute;
  left: 15px;
}
.header.header-jobs .nav .nav-list1 > li:nth-child(4) {
  display: inline-block;
}
.header.header-jobs .nav .nav-list1 > li {
  padding: 0 34px;
}
@media (max-width: 1199px) {
  .header.header-jobs .nav .nav-list1 > li {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .product-more {
    display: none;
  }
}
.online-wrap .btn {
  line-height: 36px;
  position: fixed;
  z-index: 9;
  right: 0;
  bottom: 70px;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  text-align: center;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 992px) {
  .online-wrap .btn {
    display: none;
  }
}
.online-wrap .btn:before {
  font-family: "iconfont" !important;
  font-size: 18px;
  display: inline-block;
  content: "\e6d2";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  color: #fff;
}
.online-wrap .btn.active:before {
  -webkit-transform: rotateZ(225deg);
  -ms-transform: rotate(225deg);
  transform: rotateZ(225deg);
}
.online-wrap .code-pic {
  position: fixed;
  z-index: 101;
  right: 45px;
  bottom: 180px;
  display: none;
  max-width: 120px;
}
.online-wrap .code-pic .pic-box {
  padding: 5px;
  background-color: #fff;
}
.online-wrap .code-pic img {
  display: block;
  max-width: 100%;
}
.online-wrap .online {
  position: fixed;
  z-index: 10;
  top: 50%;
  right: 0;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .online-wrap .online {
    right: -60px;
    bottom: 90px;
  }
  .online-wrap .online.active {
    right: 0;
  }
}
.online-wrap .online a {
  line-height: 48px;
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin-top: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.7);
}
.online-wrap .online a:hover {
  text-decoration: none;
}
.online-wrap .online a:before {
  font-size: 22px;
  font-weight: normal;
  color: #fff;
}
.online-wrap .online a:after {
  display: block;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  content: "";
  opacity: 0.5;
  background-color: #fff;
}
@media (min-width: 992px) {
  .online-wrap .online a:hover {
    background-color: #898989;
  }
  .online-wrap .online a:hover:before {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .online-wrap .online a {
    line-height: 50px;
    width: 40px;
    height: 50px;
  }
  .online-wrap .online a:before {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .online-wrap .online .icon-phone:hover .phone-num {
    left: 100%;
  }
}
.online-wrap .online .icon-phone .phone-num {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -300px;
  padding-right: 5px;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  white-space: nowrap;
}
.online-wrap .online .icon-phone .phone-num p {
  margin: 0;
  padding: 0 10px;
  color: #fff;
  background-color: #004a87;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
}
.online-wrap .online .cart {
  position: relative;
}
.online-wrap .online .cart:before {
  font-family: "iconfont" !important;
  content: "\e633";
}
.online-wrap .online .cart span {
  line-height: 20px;
  position: absolute;
  top: 4px;
  right: 0;
  width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 50%;
  background-color: #3366a6;
}
.online-wrap .online .icon-qq:before {
  font-family: "iconfont" !important;
  content: "\e62d";
}
.online-wrap .online .icon-weixin:before {
  font-family: "iconfont" !important;
  content: "\e604";
}
.online-wrap .online .icon-message:before {
  font-family: "iconfont" !important;
  content: "\e6a4";
}
.online-wrap .online .icon-skype:before {
  font-family: "iconfont" !important;
  content: "\e6b7";
}
.online-wrap .online .icon-line:before {
  font-family: "iconfont" !important;
  content: "\e640";
}
.online-wrap .online .icon-messenger:before {
  font-family: "iconfont" !important;
  content: "\e663";
}
.online-wrap .online .icon-whatsapp:before {
  font-family: "iconfont" !important;
  content: "\e751";
}
.online-wrap .online .icon-phone:before {
  font-family: "iconfont" !important;
  content: "\e61c";
}
.online-wrap .online .icon-arrow-top:before {
  font-family: "iconfont" !important;
  font-size: 26px !important;
  content: "\e614";
}
.online-wrap .online .icon-arrow-top:after {
  display: none !important;
}
.online-wrap .online .code:before {
  font-size: 24px;
}
@media (max-width: 767px) {
  .online-wrap .online .code:before {
    font-size: 22px;
  }
}
.online-wrap .online .code .mask {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 100%;
  display: none;
  width: 130px;
  height: 130px;
  padding-right: 5px;
}
.online-wrap .online .code .mask .mask-box {
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
.online-wrap .online .code .mask img {
  display: block;
  width: 100%;
}
.online-wrap .online .code .mask p {
  font-size: 13px;
  line-height: 16px;
  margin: 5px 0 8px 0;
  color: #888;
}
.xs-online {
  position: fixed;
  z-index: 9;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  background-color: #3366a6;
  box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .xs-online {
    display: block !important;
  }
}
.xs-online ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
}
.xs-online ul li {
  float: left;
  width: 20%;
  list-style: none;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.xs-online ul li > a {
  font-size: 10px;
  display: block;
  padding: 8px 0;
  text-transform: uppercase;
  color: inherit;
}
@media (max-width: 320px) {
  .xs-online ul li > a {
    font-size: 8px;
  }
}
.xs-online ul li > a:before {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xs-online ul li:first-child {
  border-left: none;
}
.xs-online ul li.tel > a:before {
  content: "\e61c";
}
.xs-online ul li.mail > a:before {
  font-weight: normal;
  content: "\e72e";
}
.xs-online ul li.whatsapp > a:before {
  font-weight: normal;
  content: "\e621";
}
.xs-online ul li.feedback > a:before {
  font-weight: normal;
  content: "\e826";
}
.xs-online ul li.top > a:before {
  font-weight: normal;
  content: "\e60f";
}
.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 80px;
  height: 800px;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 101, 185, 0.4);
}
.banner-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner-text1 {
  font-size: 60px;
  color: #fff;
  margin-bottom: 20px;
}
.banner-text2 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 750px) {
  .banner-text {
    width: 260px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .banner-text1 {
    font-size: 32px;
  }
  .banner-text2 {
    font-size: 18px;
  }
}
@-webkit-keyframes narrow {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes narrow {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
}
.zoomIn1 {
  -webkit-animation-name: narrow;
  animation-name: narrow;
}
.index {
  overflow: hidden;
  padding: 70px 0;
}
@media (max-width: 991px) {
  .index {
    padding: 50px 0;
  }
}
.title {
  text-align: center;
}
.title b {
  font-size: 40px;
  line-height: 1;
  display: block;
  text-transform: uppercase;
  color: #3366a6;
}
@media (max-width: 991px) {
  .title b {
    font-size: 24px;
  }
}
.title b:after {
  display: block;
  width: 60px;
  height: 3px;
  margin: 0 auto;
  margin-top: 16px;
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.title p {
  font-size: 20px;
  line-height: 1.4;
  margin: 10px 0 0 0;
}
.index-map-title {
  margin-top: 80px;
}
.indexcontent {
  position: relative;
  z-index: 2;
}
.index-about {
  font-size: 0;
  background: url(../images/about_bg.jpg) no-repeat center;
  background-size: cover;
}
.index-about .video,
.index-about .about {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .index-about .video,
  .index-about .about {
    width: 100%;
  }
}
.index-about .video {
  position: relative;
  overflow: hidden;
  width: 40%;
  background-color: #000;
}
@media (max-width: 991px) {
  .index-about .video {
    width: 100%;
  }
}
.index-about .video img {
  width: 100%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.index-about .video .video-box {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.index-about .video .iframe {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.index-about .video .play {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  opacity: 0.7;
  color: #fff;
}
.index-about .video .play:after {
  font-family: "iconfont" !important;
  content: "\e67f";
}
.index-about .video:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.index-about .video:hover .play {
  opacity: 0.8;
}
.index-about .about {
  position: relative;
  z-index: 2;
  width: 60%;
  padding-left: 4%;
}
@media (max-width: 991px) {
  .index-about .about {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 0;
  }
}
.index-about .about .title-about:after {
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 10px;
  content: "";
  background-color: #3366a6;
}
.index-about .about .title-about b {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.5;
  color: #3366a6;
}
@media (max-width: 991px) {
  .index-about .about .title-about b {
    font-size: 24px;
  }
}
.index-about .about .title-about p {
  font-size: 24px;
  line-height: 1.5;
  color: #d5d5d5;
  font-weight: 300;
}
@media (max-width: 991px) {
  .index-about .about .title-about p {
    font-size: 15px;
  }
}
.index-about .about .text {
  margin-top: 40px;
}
.index-about .about .text p {
  font-size: 16px;
  font-size: 17px;
  line-height: 2.25;
  margin: 0;
}
@media (max-width: 991px) {
  .index-about .about .text p {
    font-size: 15px;
  }
}
.index-about .about a.more {
  font-size: 16px;
  line-height: 30px;
  display: block;
  margin-top: 30px;
}
.index-about .about a.more:before {
  font-family: "iconfont" !important;
  font-size: 20px;
  float: left;
  margin-right: 10px;
  content: "\e707";
}
.index-about .about .number {
  margin-top: 30px;
}
.index-about .about .number > ul {
  font-size: 0;
}
@media (min-width: 1200px) {
  .index-about .about .number > ul {
    width: 100%;
    padding: 0;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .index-about .about .number > ul:after {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0;
    content: "";
  }
}
.index-about .about .number > ul > li {
  display: inline-block;
  max-width: 25%;
  margin-top: 30px;
  text-align: center;
  vertical-align: top;
}
@media (max-width: 1199px) {
  .index-about .about .number > ul > li {
    width: 25%;
    max-width: 25%;
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  .index-about .about .number > ul > li {
    width: 50%;
    max-width: 50%;
  }
}
.index-about .about .number > ul > li .item b {
  font-size: 60px;
  font-weight: normal;
  line-height: 1;
  color: #3366a6;
}
.index-about .about .number > ul > li .item b span {
  font-weight: 600;
}
@media (max-width: 1199px) {
  .index-about .about .number > ul > li .item b {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .index-about .about .number > ul > li .item b {
    font-size: 40px;
  }
}
.index-about .about .number > ul > li .item b sup {
  font-size: 20px;
  top: 0;
  vertical-align: top;
}
@media (max-width: 1199px) {
  .index-about .about .number > ul > li .item b sup {
    font-size: 16px;
  }
}
.index-about .about .number > ul > li .item p {
  font-size: 16px;
  font-size: 17px;
  line-height: 1.5;
  margin: 10px 0 0 0;
  color: #666;
}
@media (max-width: 1199px) {
  .index-about .about .number > ul > li .item p {
    font-size: 15px;
  }
}
.index-service .service-sort {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}
.index-service .service-sort ul {
  margin: 0 -70px;
  padding: 0;
}
@media (max-width: 991px) {
  .index-service .service-sort ul {
    margin: 0 -30px;
  }
}
@media (max-width: 767px) {
  .index-service .service-sort ul {
    margin: 0 -20px;
  }
}
.index-service .service-sort ul .slick-slide:last-child li {
  border-right: none;
}
.index-service .service-sort ul li {
  display: inline-block;
  margin-top: 20px;
  padding: 0 70px;
  list-style: none;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
  .index-service .service-sort ul li {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .index-service .service-sort ul li {
    padding: 0 4px;
  }
}
.index-service .service-sort ul li a {
  font-size: 24px;
  line-height: 38px;
  color: #666;
}
@media (max-width: 991px) {
  .index-service .service-sort ul li a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .index-service .service-sort ul li a {
    font-size: 14px;
  }
}
.index-service .service-sort ul li a span {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .index-service .service-sort ul li a span {
    width: 40px;
    height: 40px;
  }
}
.index-service .service-sort ul li a span img {
  max-width: 100%;
}
.index-service .service-sort ul li a span.service-icon-active {
  display: none;
}
.index-service .service-sort ul li a i {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
}
.index-service .service-sort ul .slick-current a {
  color: #3366a6;
}
.index-service .service-sort ul .slick-current a span.service-icon {
  display: none;
}
.index-service .service-sort ul .slick-current a span.service-icon-active {
  display: inline-block;
}
.index-service .service {
  overflow: hidden;
  margin-top: 30px;
}
.index-service .service .swiper-slide {
  text-align: center;
  background-color: #fff;
}
.index-service .service .swiper-slide .img-box {
  padding-bottom: 58.84195193%;
}
.index-service .service .swiper-slide .title-service {
  margin-top: 20px;
  position: relative;
  z-index: 9;
}
.index-service .service .swiper-slide .title-service b {
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .index-service .service .swiper-slide .title-service b {
    font-size: 24px;
  }
}
.index-service .service .swiper-slide .text {
  max-width: 920px;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  z-index: 9;
}
.index-service .service .swiper-slide .text p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
}
@media (max-width: 991px) {
  .index-service .service .swiper-slide .text p {
    font-size: 14px;
  }
}
.index-service .service .swiper-slide .more {
  margin-top: 30px;
}
.index-service .service .swiper-slide .more a {
  font-size: 16px;
  line-height: 30px;
  display: block;
  color: inherit;
}
.index-service .service .swiper-slide .more:hover a {
  text-decoration: underline;
  color: #3366a6;
}
.index-service .service .swiper-button-prev,
.index-service .service .swiper-button-next {
  font-size: 20px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: none;
  background-color: #aaa;
}
@media (max-width: 767px) {
  .index-service .service .swiper-button-prev,
  .index-service .service .swiper-button-next {
    line-height: 34px;
    top: 30%;
    width: 34px;
    height: 34px;
  }
}
.index-service .service .swiper-button-prev:before,
.index-service .service .swiper-button-next:before {
  font-family: "iconfont" !important;
  content: "\e601";
}
.index-service .service .swiper-button-next:before {
  content: "\e827";
}
.index-need {
  position: relative;
  overflow: hidden;
}
.index-need iframe {
  display: none;
  width: 100%;
  min-height: 256px;
  border: none;
}
@media (max-width: 767px) {
  .index-need iframe {
    display: block;
    min-height: 134px;
  }
}
.index-need .video {
  position: relative;
  overflow: hidden;
}
.index-need video {
  width: 100%;
  height: 700px;
  object-fit: fill;
}
@media (max-width: 1199px) {
  .index-need video {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .index-need video {
    display: none;
  }
}
.index-need .pic {
  display: none;
}
@media (max-width: 767px) {
  .index-need .pic {
    display: block;
  }
}
.index-need .pic img {
  max-width: 100%;
}
.index-need .text {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .index-need .text {
    display: none;
  }
}
.index-need .text p {
  font-size: 34px;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 767px) {
  .index-need .text p {
    font-size: 18px;
  }
}
.index-need .text p:after {
  display: block;
  width: 68px;
  height: 4px;
  margin: 20px auto;
  content: "";
  background-color: #3366a6;
}
@media (max-width: 767px) {
  .index-need .text p:after {
    margin: 10px auto;
  }
}
.index-need .text b {
  font-size: 36px;
  line-height: 1.5;
  display: block;
}
@media (max-width: 767px) {
  .index-need .text b {
    font-size: 24px;
  }
}
.index-xs-map {
  display: none;
  padding: 50px 0;
}
@media (max-width: 767px) {
  .index-xs-map {
    display: block;
  }
}
.index-xs-map img {
  max-width: 100%;
}
.index-map {
  position: relative;
  overflow: hidden;
  margin: 80px 0;
}
@media (max-width: 767px) {
  .index-map {
    display: none;
  }
}
.index-map img {
  max-width: 100%;
}
.index-map .map-logo {
  position: absolute;
  z-index: 2;
}
.index-map .map-logo.map-logo1 {
  top: 21%;
  left: 14%;
}
.index-map .map-logo.map-logo1 .map-logo-icon {
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
}
.index-map .map-logo.map-logo1 .map-logo-icon img {
  display: inline-block;
  margin-top: 3px;
}
.index-map .map-logo.map-logo2 {
  top: 37%;
  left: 18%;
}
.index-map .map-logo.map-logo3 {
  top: 29%;
  left: 49%;
}
.index-map .map-logo.map-logo4 {
  top: 37%;
  left: 79%;
}
.index-map .map-logo.map-logo5 {
  top: 51%;
  left: 75%;
}
.index-map .map-logo.map-logo6 {
  top: 39%;
  left: 85%;
}
.index-map .map-logo.map-logo7 {
  top: 62%;
  left: 76%;
}
/* .index-map .map-logo.map-logo7 {
	top: 47%;
	left: 59%;
} */
.index-map .map-logo.map-logo8 {
  top: 67%;
  left: 32%;
}
.index-map .map-logo .map-text {
  position: absolute;
  top: 0;
  left: 50px;
  display: none;
  padding-left: 50px;
}
.index-map .map-logo .map-text .text {
  width: 410px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.index-map .map-logo .map-text .text .title-text {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.index-map .map-logo .map-text .text .title-text b {
  font-size: 22px;
  line-height: 40px;
  display: block;
  color: #3366a6;
}
@media (max-width: 1470px) {
  .index-map .map-logo .map-text .text .title-text b {
    font-size: 20px;
  }
}
.index-map .map-logo .map-text .text .note {
  margin-top: 10px;
}
.index-map .map-logo .map-text .text .note p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
  color: #666;
}
@media (max-width: 1470px) {
  .index-map .map-logo .map-text .text .note p {
    font-size: 16px;
  }
}
.index-map .map-logo.map-logo4 .map-text,
.index-map .map-logo.map-logo5 .map-text,
.index-map .map-logo.map-logo6 .map-text,
.index-map .map-logo.map-logo7 .map-text {
  right: 50px;
  left: auto;
  padding-right: 50px;
  padding-left: 0;
}
.index-map .map-logo:hover {
  z-index: 3;
}
.index-map .map-logo:hover .map-text {
  display: block;
  -webkit-animation: fadeInLeft 1s 0s ease both;
  animation: fadeInLeft 1s 0s ease both;
}
@media (max-width: 1199px) {
  .index-map .map-logo:hover .map-text {
    display: none;
  }
}
.index-map .map-dot {
  position: absolute;
  z-index: 2;
}
.index-map .map-dot .map-dot-icon {
  width: 50px;
  text-align: center;
}
@media (max-width: 1199px) {
  .index-map .map-dot .map-dot-icon {
    width: 30px;
  }
}
.index-map .map-dot .map-dot-icon img {
  display: block;
}
.index-map .map-dot .map-dot-text {
  position: absolute;
  top: 0;
  left: 50px;
  display: none;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
.index-map .map-dot .map-dot-text .text {
  width: 140px;
}
.index-map .map-dot .map-dot-text .text:before {
  position: absolute;
  top: 40px;
  left: -20px;
  display: block;
  width: 50px;
  height: 1px;
  content: "";
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  background-color: #3366a6;
}
.index-map .map-dot .map-dot-text .text .title-text {
  margin-top: 13px;
  margin-left: -4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #3366a6;
}
.index-map .map-dot .map-dot-text .text .title-text b {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5;
  color: #3366a6;
}
.index-map .map-dot .map-dot-text .text .note {
  margin-top: 10px;
}
.index-map .map-dot .map-dot-text .text .note p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  color: #3366a6;
}
.index-map .map-dot.map-dot1 {
  top: 27%;
  left: 17%;
}
.index-map .map-dot.map-dot1 .map-dot-icon {
  -webkit-animation: big3 2s infinite linear 0.65s;
  animation: big3 2s infinite linear 0.65s;
}
.index-map .map-dot.map-dot2 {
  top: 63%;
  left: 27%;
}
.index-map .map-dot.map-dot2 .map-dot-icon {
  -webkit-animation: big1 3s infinite linear 0.65s;
  animation: big1 3s infinite linear 0.65s;
}
.index-map .map-dot.map-dot3 {
  top: 30%;
  left: 53%;
}
.index-map .map-dot.map-dot3 .map-dot-icon {
  -webkit-animation: big2 4s infinite linear 0.65s;
  animation: big2 4s infinite linear 0.65s;
}
.index-map .map-dot.map-dot4 {
  top: 38%;
  left: 66%;
}
.index-map .map-dot.map-dot4 .map-dot-icon {
  -webkit-animation: big1 2s infinite linear 0.65s;
  animation: big1 2s infinite linear 0.65s;
}
.index-map .map-dot.map-dot5 {
  top: 43%;
  left: 78%;
}
.index-map .map-dot.map-dot5 .map-dot-icon {
  -webkit-animation: big2 3s infinite linear 0.65s;
  animation: big2 3s infinite linear 0.65s;
}
.index-map .map-dot.map-dot6 {
  top: 57%;
  left: 48%;
}
.index-map .map-dot.map-dot6 .map-dot-icon {
  -webkit-animation: big1 4s infinite linear 0.65s;
  animation: big1 4s infinite linear 0.65s;
}
.index-map .map-dot.map-dot7 {
  top: 76%;
  left: 83%;
}
.index-map .map-dot.map-dot7 .map-dot-icon {
  -webkit-animation: big1 4s infinite linear 0.65s;
  animation: big1 4s infinite linear 0.65s;
}
.index-map .map-dot:hover {
  z-index: 3;
}
.index-map .map-dot:hover .map-dot-text {
  display: block;
  -webkit-animation: fadeInRight 1s 0s ease both;
  animation: fadeInRight 1s 0s ease both;
}
.index-map .map-dot.map-dot5 .map-dot-text,
.index-map .map-dot.map-dot7 .map-dot-text,
.index-map .map-dot.map-dot6 .map-dot-text,
.index-map .map-dot.map-dot2 .map-dot-text {
  right: 50px;
  left: auto;
  padding-right: 27px;
  padding-left: 30px;
}
.index-map .map-dot.map-dot5 .map-dot-text .text:before,
.index-map .map-dot.map-dot7 .map-dot-text .text:before,
.index-map .map-dot.map-dot6 .map-dot-text .text:before,
.index-map .map-dot.map-dot2 .map-dot-text .text:before {
  position: absolute;
  top: 40px;
  right: -20px;
  left: auto;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.index-map .map-dot.map-dot5:hover .map-dot-text,
.index-map .map-dot.map-dot7:hover .map-dot-text,
.index-map .map-dot.map-dot6:hover .map-dot-text,
.index-map .map-dot.map-dot2:hover .map-dot-text {
  display: block;
  -webkit-animation: fadeInLeft 1s 0s ease both;
  animation: fadeInLeft 1s 0s ease both;
}
@media (max-width: 1199px) {
  .index-map .map-dot.map-dot5:hover .map-dot-text,
  .index-map .map-dot.map-dot7:hover .map-dot-text,
  .index-map .map-dot.map-dot6:hover .map-dot-text,
  .index-map .map-dot.map-dot2:hover .map-dot-text {
    display: none;
  }
}
@media (max-width: 1199px) {
  .index-map .map-dot.map-dot5:hover .map-dot-text {
    display: block;
  }
}
@-webkit-keyframes big1 {
  0% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@keyframes big1 {
  0% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@-webkit-keyframes big2 {
  0% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@keyframes big2 {
  0% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@-webkit-keyframes big3 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2.8);
    -ms-transform: scale(2.8);
    transform: scale(2.8);
  }
  @media (max-width: 1199px) {
    50% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes big3 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(2.8);
    -ms-transform: scale(2.8);
    transform: scale(2.8);
  }
  @media (max-width: 1199px) {
    50% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.index-news {
  padding-right: 8%;
  padding-left: 8%;
  background: url(../images/news_bg.jpg) no-repeat center;
  background-size: cover;
}
.index-news-box {
  margin-top: 40px;
  display: flex;
}
.index-news-box-item {
  width: 33.33%;
  background-color: #f1f1f1;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.index-news-box-item:nth-child(2) {
  margin-left: 20px;
  margin-right: 20px;
}
.index-news-box-item a {
    color: #666;
}
.index-news-box-item:hover a {
    color: #3366a6;
}
.index-news-box-item:hover img {
  scale: 1.2;
}
.index-news-box-item-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.index-news-box-item-img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.index-news-box-item-text {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index-news-box-item-time {
  color: #666;
  text-align: right;
  padding-right: 24px;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .index-news {
    padding: 50px 15px;
  }
}
.index-news .slick-news {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .index-news .slick-news {
    margin-top: 30px;
  }
}
.index-news .slick-news .slick-slide {
  display: inline-block;
  float: none;
  padding: 10px 20px;
  vertical-align: bottom;
}
@media (max-width: 1470px) {
  .index-news .slick-news .slick-slide {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .index-news .slick-news .slick-slide {
    padding: 0;
  }
}
.index-news .slick-news .item {
  display: block;
  padding: 30px;
  color: inherit;
  background-color: #fff;
}
@media (max-width: 1470px) {
  .index-news .slick-news .item {
    padding: 14px;
  }
}
.index-news .slick-news .item .pic .img-box {
  padding-bottom: 60%;
}
.index-news .slick-news .item .note {
  margin-top: 20px;
}
.index-news .slick-news .item .note span.date {
  font-size: 16px;
  line-height: 24px;
}
.index-news .slick-news .item .note b {
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  height: 30px;
  margin: 10px 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1470px) {
  .index-news .slick-news .item .note b {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .index-news .slick-news .item .note b {
    font-size: 18px;
  }
}
.index-news .slick-news .item .note p {
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  height: 120px;
  margin: 14px 0 0 0;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
@media (max-width: 991px) {
  .index-news .slick-news .item .note p {
    font-size: 14px;
  }
}
.index-news .slick-news .item .note span.more {
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  margin-top: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 0;
  color: #3366a6;
  border-bottom: 2px solid #3366a6;
}
@media (max-width: 1199px) {
  .index-news .slick-news .item .note span.more {
    margin-top: 20px;
    opacity: 1;
  }
}
.index-news .slick-news .item .note span.more:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  float: right;
  margin-left: 14px;
  content: "\e626";
}
@media (min-width: 1200px) {
  .index-news .slick-news .slick-current .item {
    box-shadow: 0 0 10px rgba(0, 101, 185, 0.2);
  }
  .index-news .slick-news .slick-current .item .pic .img-box img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .index-news .slick-news .slick-current .item .note b {
    color: #3366a6;
  }
  .index-news .slick-news .slick-current .item .note span.more {
    margin-top: 40px;
    opacity: 1;
  }
  .index-news .slick-news .near1,
  .index-news .slick-news .near {
    opacity: 0.5;
  }
}
.index-news .slick-arrow {
  line-height: 50px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -3%;
  width: 50px;
  height: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 50%;
  outline: none;
  background: none;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .index-news .slick-arrow {
    line-height: 36px;
    left: -20px;
    width: 36px;
    height: 36px;
  }
}
.index-news .slick-arrow:after {
  font-family: "iconfont" !important;
  font-size: 20px;
  display: inline-block;
  content: "\e601";
}
@media (max-width: 991px) {
  .index-news .slick-arrow:after {
    font-size: 16px;
  }
}
.index-news .slick-arrow.slick-next {
  right: -3%;
  left: auto;
}
@media (max-width: 991px) {
  .index-news .slick-arrow.slick-next {
    right: -20px;
  }
}
.index-news .slick-arrow.slick-next:after {
  content: "\e827";
}
.index-news .slick-arrow:hover {
  color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.index-news .more {
  margin-top: 30px;
  text-align: center;
}
.index-news .more a {
  font-size: 20px;
  line-height: 30px;
  display: block;
  color: #666;
}
@media (max-width: 991px) {
  .index-news .more a {
    font-size: 16px;
  }
}
.index-news .more a:hover {
  color: #3366a6;
}
.index-base {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .index-base {
    padding: 50px 0;
    background: url(../images/img/base1.jpg) no-repeat center;
    background-size: cover;
  }
}
.index-base .base-sort {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 10%;
  width: 460px;
  height: 100%;
  padding-bottom: 50px;
}
@media (max-width: 1560px) {
  .index-base .base-sort {
    left: 2%;
  }
}
@media (max-width: 991px) {
  .index-base .base-sort {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .index-base .base-sort {
    position: relative;
    left: 0;
    width: auto;
    padding: 0 10px;
  }
}
.index-base .base-sort ul {
  height: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .index-base .base-sort ul {
    height: auto;
  }
}
.index-base .base-sort ul li {
  height: 25%;
  height: 16.6666666%;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199px) {
  .index-base .base-sort ul li {
    height: 33.33333333%;
  }
  .index-base .base-sort ul li:nth-child(4),
  .index-base .base-sort ul li:nth-child(5) {
    display: none;
  }
}
@media (max-width: 767px) {
  .index-base .base-sort ul li {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 6px 0;
    background-color: rgba(255, 255, 255, 0.6);
  }
}
.index-base .base-sort .item {
  position: relative;
  display: block;
  height: 100%;
  color: inherit;
}
.index-base .base-sort .item .note {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
@media (max-width: 991px) {
  .index-base .base-sort .item .note {
    padding: 20px 10px;
  }
}
@media (max-width: 767px) {
  .index-base .base-sort .item .note {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.index-base .base-sort .item .note b {
  font-size: 26px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  display: block;
}
@media (max-width: 1560px) {
  .index-base .base-sort .item .note b {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .index-base .base-sort .item .note b {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .index-base .base-sort .item .note b {
    color: #333;
  }
}
.index-base .base-sort .item .note b:after {
  font-family: "iconfont" !important;
  float: right;
  content: "\e62a";
}
@media (max-width: 767px) {
  .index-base .base-sort .item .note b:after {
    display: none;
  }
}
.index-base .base-sort .item .note p {
  font-size: 16px;
  line-height: 2.125;
  line-height: 28px;
  display: -webkit-box;
  display: none;
  overflow: hidden;
  max-height: 68px;
  max-height: 56px;
  margin: 0;
  margin: 10px 0 0 0;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .index-base .base-sort .item .note p {
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    margin: 4px 0 0 0;
  }
}
@media (max-width: 767px) {
  .index-base .base-sort .item .note p {
    display: block;
  }
}
.index-base .base-sort .active {
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
  .index-base .base-sort .active {
    background-color: rgba(255, 255, 255, 0.6);
  }
}
.index-base .base-sort .active .item .note b {
  color: #3366a6;
}
@media (max-width: 767px) {
  .index-base .base-sort .active .item .note b {
    color: #333;
  }
}
.index-base .base-sort .active .item .note b:after {
  display: none;
}
.index-base .base-sort .active .item .note p {
  display: block;
}
.index-base .base-sort .more {
  font-size: 18px;
  line-height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .index-base .base-sort .more {
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
  }
}
.index-base .base-sort .more a {
  display: block;
  color: #fff;
}
@media (max-width: 767px) {
  .index-base .base-sort .more a {
    color: #333;
  }
}
.index-base .base-sort .more:hover {
  background-color: rgba(0, 101, 185, 0.5);
}
.index-base .list {
  position: relative;
}
@media (max-width: 767px) {
  .index-base .list {
    display: none !important;
  }
}
.index-base .list .pic {
  overflow: hidden;
}
.index-base .list .pic img {
  position: relative;
  left: 50%;
  display: block;
  min-width: 1920px;
  margin-left: -50%;
}
@media (max-width: 1199px) {
  .index-base .list .pic img {
    min-width: auto;
    max-width: 100%;
  }
}
.index-base .list .text {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 10%;
  max-width: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: right;
  color: #fff;
}
@media (max-width: 1560px) {
  .index-base .list .text {
    right: 2%;
  }
}
.index-base .list .text b,
.index-base .list .text p {
  -webkit-animation: fadeInRight 1s 0s ease both;
  animation: fadeInRight 1s 0s ease both;
}
.index-base .list .text b {
  font-size: 40px;
  font-size: 50px;
  line-height: 1.5;
  display: block;
}
@media (max-width: 1560px) {
  .index-base .list .text b {
    font-size: 46px;
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .index-base .list .text b {
    font-size: 24px;
    font-size: 22px;
  }
}
.index-base .list .text p {
  font-size: 22px;
  font-size: 28px;
  line-height: 1.36363636;
  margin: 10px 0 0 0;
}
@media (max-width: 1560px) {
  .index-base .list .text p {
    font-size: 18px;
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .index-base .list .text p {
    font-size: 16px;
    font-size: 20px;
  }
}
.index-honor {
  font-size: 0;
}
.index-honor .honor {
  margin-top: 80px;
}
@media (max-width: 991px) {
  .index-honor .honor {
    margin-top: 50px;
  }
}
.index-honor .honor-left,
.index-honor .honor-right {
  font-size: 14px;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .index-honor .honor-left,
  .index-honor .honor-right {
    width: 100%;
  }
}
.index-honor .honor-left {
  padding: 50px 0;
  background: url(../images/honor_bg.jpg) no-repeat center;
  background-size: auto 100%;
}
.index-honor .honor-left #certify {
  position: relative;
}
.index-honor .honor-left #certify .swiper-slide {
  width: 300px;
}
@media (max-width: 767px) {
  .index-honor .honor-left #certify .swiper-slide {
    width: 200px;
  }
}
.index-honor .honor-left #certify .swiper-slide .img-box {
  padding-bottom: 145.71428571%;
}
.index-honor .honor-left .swiper-slide-active {
  border: 4px solid rgba(0, 101, 185, 0.8);
}
.index-honor .honor-left #certify .swiper-button-prev,
.index-honor .honor-left #certify .swiper-button-next {
  line-height: 50px;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.index-honor .honor-left #certify .swiper-button-prev:after,
.index-honor .honor-left #certify .swiper-button-next:after {
  font-family: "iconfont" !important;
  font-size: 20px;
  content: "\e601";
  color: #fff;
}
.index-honor .honor-left #certify .swiper-button-prev:hover,
.index-honor .honor-left #certify .swiper-button-next:hover {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.index-honor .honor-left #certify .swiper-button-next {
  right: 0;
  left: auto;
}
.index-honor .honor-left #certify .swiper-button-next:after {
  content: "\e827";
}
.index-honor .honor-right {
  padding-left: 5%;
}
@media (max-width: 991px) {
  .index-honor .honor-right {
    margin-top: 40px;
    padding: 0;
  }
}
.index-honor .honor-right .pic img {
  max-width: 100%;
}
.index-honor .honor-right .title-honor {
  margin-top: 30px;
}
.index-honor .honor-right .title-honor b {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.5;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .index-honor .honor-right .title-honor b {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .index-honor .honor-right .title-honor b {
    font-size: 20px;
  }
}
.index-honor .honor-right .note {
  margin-top: 30px;
}
.index-honor .honor-right .note p {
  font-size: 16px;
  line-height: 2.25;
  margin: 0;
}
@media (max-width: 767px) {
  .index-honor .honor-right .note p {
    font-size: 15px;
  }
}
.index-honor .honor-right .more {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .index-honor .honor-right .more {
    margin-top: 30px;
  }
}
.index-honor .honor-right .more a {
  font-size: 16px;
  line-height: 2;
  display: block;
  color: #999;
}
.index-honor .honor-right .more a:hover {
  color: #3366a6;
}
.wrap-statement {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.wrap-statement .statement {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wrap-statement .statement img {
  max-width: 100%;
}
.wrap-statement .statement .lg-pic {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .wrap-statement .statement .lg-pic {
    display: none;
  }
}
.wrap-statement .statement .xs-pic {
  position: relative;
  display: none;
  max-width: 100%;
}
@media (max-width: 991px) {
  .wrap-statement .statement .xs-pic {
    display: block;
  }
}
@media (max-width: 767px) {
  .wrap-statement .statement .xs-pic {
    display: none;
  }
}
.wrap-statement .statement .statement-close {
  line-height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
}
.wrap-statement .statement .statement-close:after {
  font-family: "iconfont" !important;
  content: "\e61b";
}
.footer {
  font-size: 0;
  position: relative;
  clear: both;
  overflow: hidden;
  color: #d1d1d1;
  background-color: #28282a;
}
.footer .foot {
  position: relative;
  z-index: 2;
  padding: 60px 2% 40px;
}
@media (max-width: 1199px) {
  .footer .foot {
    display: none;
  }
}
@media (min-width: 1200px) {
  .footer .foot ul {
    padding: 0;
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  .footer .foot ul:after {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0;
    content: "";
  }
}
@media (min-width: 1200px) and (max-width: 1199px) {
  .footer .foot ul:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .footer .foot ul {
    display: block;
    overflow: hidden;
    margin: 0 -15px;
  }
}
@media (min-width: 1200px) {
  .footer .foot ul > li {
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
  }
}
@media (max-width: 1199px) {
  .footer .foot ul > li {
    display: inline-block;
    width: 25%;
    margin-right: -4px;
    padding: 0 15px;
    vertical-align: top;
  }
}
@media (max-width: 991px) {
  .footer .foot ul > li {
    width: 100%;
  }
}
.footer .foot ul > li .item {
  text-align: left;
}
@media (max-width: 1199px) {
  .footer .foot ul > li .item {
    margin-top: 14px;
  }
}
.footer .foot ul > li .item-1 img {
  display: block;
  max-width: 131px;
}
.footer .foot ul > li .item-1 b {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  display: block;
  margin-top: 30px;
}
.footer .foot ul > li .item-1 p {
  font-size: 14px;
  line-height: 2.14285714;
  margin: 0;
}
.footer .foot ul > li .item-2 .title-foot:after {
  display: block;
  width: 36px;
  height: 2px;
  margin-left: -10px;
  content: "";
  background-color: #bfbfc0;
}
.footer .foot ul > li .item-2 .title-foot b {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.66666667;
  display: block;
  color: #fff;
}
.footer .foot ul > li .item-2 .foot-nav {
  margin-top: 20px;
}
.footer .foot ul > li .item-2 .foot-nav a {
  font-size: 14px;
  line-height: 2.14285714;
  position: relative;
  display: block;
}
.footer .foot ul > li .item-2 .foot-nav a:hover {
  text-decoration: underline;
  color: #fff;
}
.footer .foot ul > li .item-3 {
  text-align: center;
}
.footer .foot ul > li .item-3 img {
  display: block;
  max-width: 131px;
}
.footer .foot ul > li .item-3 p {
  font-size: 14px;
  line-height: 2.14285714;
  margin: 4px 0 0 0;
}
.footer .copyright {
  font-size: 14px;
  padding: 15px 2%;
  color: #959595;
  background-color: #343434;
}
@media (max-width: 1199px) {
  .footer .copyright {
    padding: 10px 15px;
    text-align: center;
  }
}
.footer .copyright p {
  line-height: 24px;
  display: inline-block;
  margin: 0;
}
@media (max-width: 1199px) {
  .footer .copyright p {
    line-height: 24px;
    display: block;
    float: none;
  }
}
.footer .copyright .link {
  display: inline-block;
  float: right;
}
@media (max-width: 1199px) {
  .footer .copyright .link {
    display: block;
    float: none;
  }
}
.footer .copyright .link a {
  line-height: 24px;
  display: inline-block;
}
.footer .copyright .link a:after {
  margin: 0 10px;
  content: "|";
}
.footer .copyright .link a:last-child:after {
  display: none;
}
.footer .copyright .link a:hover {
  text-decoration: underline;
  color: #fff;
}
.footer .copyright a.power {
  line-height: 24px;
  display: inline-block;
  float: right;
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .footer .copyright a.power {
    display: block;
    float: none;
  }
}
.footer .copyright a.power:hover {
  text-decoration: underline;
  color: #fff;
}
.footer-jobs {
  color: #666;
  background-color: #f5f5f5;
}
.footer-jobs .foot ul > li .item-1 b {
  font-size: 24px;
  margin-top: 20px;
  color: #3366a6;
}
.footer-jobs .foot ul > li .item-1 p {
  color: #999;
}
.footer-jobs .foot ul > li .item-2 .title-foot b {
  color: #333;
}
.footer-jobs .foot ul > li .item-2 .foot-nav a:hover {
  color: #3366a6;
}
.footer-jobs .foot ul > li .item-3 p {
  color: #666;
}
.footer-jobs .copyright {
  color: #fff;
  background-color: #424040;
}
.backtop {
  position: fixed;
  z-index: 10;
  right: -76px;
  bottom: 5%;
  width: 72px;
  height: 72px;
  cursor: pointer;
  -webkit-transition: 1s;
  transition: 1s;
  text-align: center;
  border-radius: 50%;
  background: #cbcbcb;
}
@media (max-width: 1199px) {
  .backtop {
    display: none !important;
  }
}
.backtop span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.backtop span:before {
  font-family: "iconfont" !important;
  display: block;
  content: "\e61a";
}
.backtop:hover {
  color: #fff;
  background-color: #3366a6;
}
.backtop.backtopactive {
  right: 30px;
}
.wrap {
  overflow: hidden;
  padding: 70px 0;
}
@media (max-width: 991px) {
  .wrap {
    padding: 60px 0;
  }
}
.text-top {
  max-width: 850px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.text-top p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 991px) {
  .text-top p {
    font-size: 14px;
  }
}
.title-in {
  text-align: center;
}
.title-in b {
  font-size: 38px;
  line-height: 1.5;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .title-in b {
    font-size: 24px;
  }
}
.title-in p {
  font-size: 24px;
  line-height: 1.25;
  margin: 0;
  text-transform: uppercase;
  color: #999;
}
@media (max-width: 991px) {
  .title-in p {
    font-size: 16px;
  }
}
.wrap-info {
  overflow: hidden;
}
.wrap-location {
  background-color: #f8f8f8;
  font-size: 15px;
  font-size: 14px;
}
.wrap-location .location > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #929292;
  color: #333;
}
.wrap-location .location > ul > li:after {
  margin: 0 4px;
  content: ">";
}
.wrap-location .location > ul > li > a {
  line-height: 26px;
  display: inline-block;
  padding: 10px 0;
  color: inherit;
  color: #929292;
  color: #333;
}
.wrap-location .location > ul > li:last-child > a {
  color: #3366a6;
}
.wrap-location .location > ul > li:last-child > a:after {
  display: inline-block;
  margin-left: 4px;
  content: "+";
}
.wrap-location .location > ul > li:last-child:after {
  display: none;
}
.wrap-location .location > ul > li:last-child.active ul.location-level2 {
  display: block;
}
.wrap-location .location > ul > li ul.location-level2 {
  display: none;
  width: 100%;
}
@media (max-width: 991px) {
  .wrap-location .location > ul > li ul.location-level2 {
    display: inline-block;
  }
}
.wrap-location .location > ul > li ul.location-level2 > li {
  display: inline-block;
  float: left;
}
.wrap-location .location > ul > li ul.location-level2 > li a {
  line-height: 26px;
  padding: 10px 10px 10px 0;
  font-size: 14px;
  box-sizing: border-box;
  color: #929292;
  color: #333;
}
@media (max-width: 991px) {
  .wrap-location .location > ul > li ul.location-level2 > li a {
    padding: 10px 4px 10px 0;
    font-size: 12px;
  }
}
.wrap-location .location > ul > li ul.location-level2 > li:hover,
.wrap-location .location > ul > li ul.location-level2 > li:active {
  color: #3366a6;
}
.wrap-location .location > ul > li ul.location-level2 > li:hover a,
.wrap-location .location > ul > li ul.location-level2 > li:active a {
  color: #3366a6;
}
.wrap-location .location > ul > li:hover > a {
  color: #3366a6;
}
.wrap-location .location > ul > li:hover ul.location-level2 {
  display: inline-block;
}
.wrap-location .location.location-product {
  max-width: 1110px;
  margin: 0 auto;
}
.wrap-left {
  position: relative;
  float: left;
  width: 20%;
  padding-top: 20px;
  will-change: min-height;
}
@media (max-width: 991px) {
  .wrap-left {
    width: 100%;
    margin: 0;
    margin-top: 0;
    background: none;
  }
}
.wrap-left .sidebar__inner {
  position: relative;
  -webkit-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
.wrap-left ul.sidenav-level1 {
  position: relative;
  z-index: 2;
  padding: 60px 0;
  text-align: right;
  background-color: #fff;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1 {
    padding: 0;
    text-align: center;
  }
}
.wrap-left ul.sidenav-level1:before,
.wrap-left ul.sidenav-level1:after {
  position: absolute;
  top: 0;
  right: 30px;
  width: 3px;
  height: 30px;
  content: "";
  background-color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1:before,
  .wrap-left ul.sidenav-level1:after {
    display: none;
  }
}
.wrap-left ul.sidenav-level1:after {
  top: auto;
  bottom: 0;
}
.wrap-left ul.sidenav-level1 > li {
  display: block;
  margin: 16px 0;
  list-style: none;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1 > li {
    display: inline-block;
    margin: 0;
    vertical-align: top;
  }
}
.wrap-left ul.sidenav-level1 > li > a {
  font-size: 18px;
  line-height: 28px;
  display: block;
  padding: 10px 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #333;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1 > li > a {
    font-size: 14px;
    padding-bottom: 0;
  }
}
.wrap-left ul.sidenav-level1 > li > a.active ul.sidenav-level2 {
  display: block;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1 > li.active,
  .wrap-left ul.sidenav-level1 > li:hover {
    display: inline-block;
  }
}
.wrap-left ul.sidenav-level1 > li.active > a,
.wrap-left ul.sidenav-level1 > li:hover > a {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1 > li.active > a,
  .wrap-left ul.sidenav-level1 > li:hover > a {
    font-size: 18px;
    color: #3366a6;
    background-color: #fff;
  }
}
.wrap-left ul.sidenav-level1 > li.active > a:before,
.wrap-left ul.sidenav-level1 > li:hover > a:before {
  background-color: #fff;
}
.wrap-left ul.sidenav-level1 > li.active ul.sidenav-level2 {
  display: block;
}
.wrap-left ul.sidenav-level1 > li ul.sidenav-level2 {
  display: none;
  border-bottom: 1px dashed #d5d5d5;
}
.wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li {
  list-style: none;
}
@media (max-width: 991px) {
  .wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li {
    display: inline-block;
    vertical-align: top;
  }
}
.wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li a {
  font-size: 17px;
  line-height: 30px;
  display: block;
  padding: 10px 14px;
  color: #666;
  color: #333;
}
.wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li.active a,
.wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li:hover a {
  font-weight: bold;
}
.wrap-right {
  float: left;
  width: 80%;
  min-height: 500px;
  padding-left: 5%;
}
@media (max-width: 991px) {
  .wrap-right {
    width: 100%;
    min-height: auto;
    margin-top: 40px;
    padding-left: 0;
  }
  .wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li a {
    padding-top: 0;
    padding-bottom: 2px;
  }
}
@media (max-width: 767px) {
  .wrap-left ul.sidenav-level1 > li > a {
    padding: 0px 5px 0 5px;
  }
  .wrap-left ul.sidenav-level1 > li.active > a,
  .wrap-left ul.sidenav-level1 > li:hover > a {
    font-size: 16px;
  }
  .wrap-left ul.sidenav-level1 > li ul.sidenav-level2 > li a {
    font-size: 14px;
    padding: 0px 5px 0 5px;
  }
}

.title-wrap-right {
  padding-bottom: 14px;
  border-bottom: 1px solid #dcdcdc;
}
.title-wrap-right b {
  font-size: 30px;
  line-height: 1;
  position: relative;
  display: inline-block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .title-wrap-right b {
    font-size: 20px;
  }
}
.title-wrap-right b:after {
  position: absolute;
  bottom: -17px;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.wrap-video-sort {
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
  .wrap-video-sort {
    padding: 10px 0;
  }
}
.wrap-video-sort ul li {
  display: inline-block;
}
.wrap-video-sort ul li a {
  font-size: 16px;
  line-height: 60px;
  display: block;
  padding: 0 36px;
  color: inherit;
}
@media (max-width: 767px) {
  .wrap-video-sort ul li a {
    line-height: 40px;
    padding: 0 20px;
  }
}
.wrap-video-sort ul li.active a,
.wrap-video-sort ul li:hover a {
  font-weight: bold;
  color: #3366a6;
}
.wrap-online {
  position: fixed;
  z-index: 9;
  top: 50%;
  left: 0;
  display: none;
  -webkit-transition: all 0.6s;
  transition: all 0.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%;
  left: 60px;
  display: block;
  width: 30px;
  height: 30px;
  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;
}
.wrap-online .btn-online:after {
  font-family: "iconfont" !important;
  content: "\e636";
  color: #3366a6;
}
.wrap-online.active-online {
  left: -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: 244px;
  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;
  text-align: center;
}
.wrap-online ul li a img {
  width: 30px;
  margin-top: 15px;
}
.wrap-online ul.open-online-ul {
  height: auto;
}
.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;
}
@-webkit-keyframes fadeInRightonline {
  from {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: none;
    transform: translate3d(0px, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRightonline {
  from {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: none;
    transform: translate3d(0px, 0, 0);
    opacity: 1;
  }
}
.fadeInRightonline {
  -webkit-animation-name: fadeInRightonline;
  animation-name: fadeInRightonline;
}
.inside-nav {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1199px) {
  .inside-nav {
    margin-top: 70px;
  }
}
.inside-nav .nav-wrap {
  position: relative;
  z-index: 2;
  overflow-x: auto;
  border-bottom: 1px solid #e6e6e6;
  -webkit-overflow-scrolling: touch;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
  /*滑块效果*/
}
@media (max-width: 991px) {
  .inside-nav .nav-wrap {
    margin: 0 -15px;
  }
}
.inside-nav .nav-wrap::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fefefe;
}
.inside-nav .nav-wrap::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.inside-nav .nav-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.inside-nav .nav-wrap::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
}
.inside-nav ul {
  font-size: 0;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.inside-nav ul li {
  display: inline-block;
  color: #999;
}
.inside-nav ul li a {
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
  display: inline-block;
  padding: 0 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: inherit;
}
.inside-nav ul li.active a,
.inside-nav ul li:hover a {
  color: #fff;
  background-color: #3366a6;
}
.wrap-about .about {
  overflow: hidden;
}
.wrap-about .about .title-about {
  float: left;
  width: 18%;
}
@media (max-width: 1470px) {
  .wrap-about .about .title-about {
    width: 22%;
  }
}
@media (max-width: 991px) {
  .wrap-about .about .title-about {
    width: 100%;
  }
}
.wrap-about .about .title-about b {
  font-size: 38px;
  line-height: 1.5;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-about .about .title-about b {
    font-size: 24px;
  }
}
.wrap-about .about .title-about p {
  font-size: 24px;
  line-height: 1.25;
  margin: 0;
  text-transform: uppercase;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-about .about .title-about p {
    font-size: 16px;
  }
}
.wrap-about .about .text {
  float: left;
  width: 82%;
  padding-left: 30px;
}
@media (max-width: 1470px) {
  .wrap-about .about .text {
    width: 78%;
  }
}
@media (max-width: 991px) {
  .wrap-about .about .text {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
}
.wrap-about .about .text p {
  font-size: 18px;
  line-height: 2.33333333;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-about .about .text p {
    font-size: 15px;
  }
}
.wrap-about .number {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .wrap-about .number {
    margin-top: 30px;
  }
}
.wrap-about .number > ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}
.wrap-about .number > ul > li {
  display: inline-block;
  width: 25%;
  margin-top: 30px;
  padding: 20px 0;
  vertical-align: top;
  background: url(../images/line-1.png) no-repeat right center;
}
@media (max-width: 991px) {
  .wrap-about .number > ul > li {
    width: 50%;
  }
  .wrap-about .number > ul > li:nth-child(2n) {
    background: none;
  }
}
.wrap-about .number > ul > li:last-child {
  background: none;
}
.wrap-about .number .item {
  font-size: 14px;
  text-align: center;
}
.wrap-about .number .item .pic {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.wrap-about .number .item .pic img {
  display: block;
  max-width: 60px;
}
@media (max-width: 991px) {
  .wrap-about .number .item .pic img {
    max-width: 60px;
  }
}
.wrap-about .number .item .pic img.about-icon {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.wrap-about .number .item .pic img.about-icon-active {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.wrap-about .number .item p {
  font-size: 24px;
  line-height: 1.25;
  margin: 14px 0 0 0;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-about .number .item p {
    font-size: 18px;
  }
}
.wrap-about .number .item:hover .pic img.about-icon {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.wrap-about .number .item:hover .pic img.about-icon-active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.wrap-about .number .item:hover p {
  color: #3366a6;
}
.wrap-history {
  background: url(../images/history_bg.jpg) no-repeat center;
  background-size: cover;
}
.wrap-history .slick-history-for {
  margin-top: 60px;
}
.wrap-history .slick-history-for .item {
  position: relative;
  padding-right: 280px;
  padding-right: 680px;
}
@media (max-width: 1600px) {
  .wrap-history .slick-history-for .item {
    padding-right: 480px;
  }
}
@media (max-width: 1440px) {
  .wrap-history .slick-history-for .item {
    padding-right: 380px;
  }
}

@media (max-width: 1199px) {
  .wrap-history .slick-history-for .item {
    padding-right: 210px;
    padding-right: 380px;
  }
}
@media (max-width: 991px) {
  .wrap-history .slick-history-for .item {
    padding: 0;
  }
}
.wrap-history .slick-history-for .item .list {
  font-size: 0;
  display: none;
  /* background-color: #fff; */
  text-align: center;
}
.wrap-history .slick-history-for .item .list:first-child {
  display: block;
}
.wrap-history .slick-history-for .item .list .pic,
.wrap-history .slick-history-for .item .list .text {
  display: inline-block;
  vertical-align: middle;
}
.wrap-history .slick-history-for .item .list .pic {
  width: 40%;
  width: 60%;
  /* width: 100%; */
}
@media (max-width: 767px) {
  .wrap-history .slick-history-for .item .list .pic {
    width: 100%;
  }
}
.wrap-history .slick-history-for .item .list .pic .img-box {
  padding-bottom: 73.33333333%;
  /* height: auto;
		padding-bottom: 0%!important; */
}

.wrap-history .slick-history-for .item .list .text {
  display: none !important;
  width: 60%;
  padding: 0 5%;
}
@media (max-width: 767px) {
  .wrap-history .slick-history-for .item .list .text {
    width: 100%;
    padding: 30px 15px;
  }
}
.wrap-history .slick-history-for .item .list .text b {
  font-size: 26px;
  line-height: 1.15384615;
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .wrap-history .slick-history-for .item .list .text b {
    font-size: 20px;
  }
}
.wrap-history .slick-history-for .item .list .text p {
  font-size: 18px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 1199px) {
  .wrap-history .slick-history-for .item .list .text p {
    font-size: 14px;
  }
}
.wrap-history .slick-history-for .item .history-sort {
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: auto;
  width: 240px;
  width: 640px;
  height: 100%;
}
.wrap-history .slick-history-for .item .history-sort::-webkit-scrollbar {
  position: absolute;
  left: 0;
  width: 4px;
}
.wrap-history .slick-history-for .item .history-sort::-webkit-scrollbar-track {
  background-color: #d2d2d2;
}
.wrap-history .slick-history-for .item .history-sort::-webkit-scrollbar-thumb {
  background-color: #3366a6;
}
@media (max-width: 1600px) {
  .wrap-history .slick-history-for .item .history-sort {
    width: 440px;
  }
}

@media (max-width: 991px) {
  .wrap-history .slick-history-for .item .history-sort {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wrap-history .slick-history-for .item .history-sort {
    max-height: 200px;
    margin-top: 30px;
  }
}
.wrap-history .slick-history-for .item .history-sort ul {
  overflow: hidden;
  padding-left: 20px;
  background-color: #fff;
}
.wrap-history .slick-history-for .item .history-sort ul li {
  margin: 10px 0;
  list-style: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .wrap-history .slick-history-for .item .history-sort ul li {
    float: left;
    width: 50%;
    margin: 4px 0;
  }
}
.wrap-history .slick-history-for .item .history-sort ul li b,
.wrap-history .slick-history-for .item .history-sort ul li p {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  margin: 0;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-history .slick-history-for .item .history-sort ul li b,
  .wrap-history .slick-history-for .item .history-sort ul li p {
    font-size: 14px;
  }
}
.wrap-history .slick-history-for .item .history-sort ul li p {
  display: -webkit-box;
  overflow: hidden;
  height: 30px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.wrap-history .slick-history-for .item .history-sort ul li.active b,
.wrap-history .slick-history-for .item .history-sort ul li.active p {
  font-size: 18px;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-history .slick-history-for .item .history-sort ul li.active b,
  .wrap-history .slick-history-for .item .history-sort ul li.active p {
    font-size: 16px;
  }
}
.wrap-history .slick-history-nav {
  position: relative;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .wrap-history .slick-history-nav {
    margin-top: 40px;
  }
}
.wrap-history .slick-history-nav:before,
.wrap-history .slick-history-nav:after {
  position: absolute;
  top: 56px;
  top: 86px;
  left: -200px;
  display: block;
  width: 200px;
  height: 1px;
  content: "";
  border-bottom: 1px dashed #959595;
}
.wrap-history .slick-history-nav:after {
  right: -200px;
  left: auto;
}
.wrap-history .slick-history-nav .item {
  cursor: pointer;
  text-align: center;
}
.wrap-history .slick-history-nav .item p {
  font-size: 24px;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  height: 30px;
  height: 60px;
  margin: 0;
  opacity: 0;
  color: #3366a6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .wrap-history .slick-history-nav .item p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .wrap-history .slick-history-nav .item p {
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 3;
  }
}
.wrap-history .slick-history-nav .item b {
  font-size: 32px;
  line-height: 44px;
  position: relative;
  display: block;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-history .slick-history-nav .item b {
    font-size: 20px;
  }
}
.wrap-history .slick-history-nav .item b:after {
  position: absolute;
  top: 12px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  content: "";
  opacity: 0;
  border-radius: 50%;
  background-color: #3366a6;
}
.wrap-history .slick-history-nav .item b:before {
  display: block;
  width: 100%;
  height: 17px;
  margin: 10px 0;
  content: "";
  background: url(../images/line-2.png) no-repeat center;
  background-size: 100% 100%;
}
.wrap-history .slick-history-nav .slick-current .item p {
  opacity: 1;
}
.wrap-history .slick-history-nav .slick-current .item b {
  font-size: 44px;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-history .slick-history-nav .slick-current .item b {
    font-size: 24px;
  }
}
.wrap-history .slick-history-nav .slick-current .item b:after {
  opacity: 1;
}
.wrap-culture .culture {
  margin-top: 30px;
}
.wrap-culture .culture > ul {
  overflow: hidden;
  margin: 0 -8px;
}
.wrap-culture .culture > ul > li {
  float: left;
  width: 20%;
  margin-top: 20px;
  padding: 0 8px;
}
@media (max-width: 991px) {
  .wrap-culture .culture > ul > li {
    width: 33.33333333%;
  }
}
@media (max-width: 767px) {
  .wrap-culture .culture > ul > li {
    width: 100%;
  }
}
.wrap-culture .culture .item {
  position: relative;
  background-color: #000;
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item {
    background-color: #3366a6;
  }
}
.wrap-culture .culture .item .img-box {
  padding-bottom: 148.27586207%;
}
.wrap-culture .culture .item .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  padding: 0 14px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask {
    padding: 30px 14px;
  }
}
.wrap-culture .culture .item .mask .title-culture img {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  padding: 4px;
  vertical-align: middle;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask .title-culture img {
    width: 30px;
    height: 30px;
  }
}
.wrap-culture .culture .item .mask .title-culture b {
  font-size: 24px;
  font-weight: normal;
  line-height: 100px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  color: #fff;
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask .title-culture b {
    font-size: 16px;
    line-height: 42px;
  }
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask .note {
    margin-top: 20px;
  }
}
.wrap-culture .culture .item .mask .note b {
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  margin-bottom: 20px;
  color: #fff;
  border-bottom: 2px solid #fff;
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask .note b {
    font-size: 16px;
  }
}
.wrap-culture .culture .item .mask .note p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
  color: #fff;
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask .note p {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .wrap-culture .culture .item .mask {
    position: relative;
    height: auto;
    margin-top: -80px;
  }
}
@media (min-width: 1200px) {
  .wrap-culture .culture .item:hover .img-box img {
    opacity: 0.3;
  }
  .wrap-culture .culture .item:hover .mask {
    top: 50%;
    bottom: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.wrap-need {
  position: relative;
  overflow: hidden;
}
.wrap-need .need-sort {
  position: absolute;
  z-index: 2;
  right: 10%;
  width: 240px;
  height: 100%;
}
@media (max-width: 1470px) {
  .wrap-need .need-sort {
    right: 4%;
  }
}
@media (max-width: 991px) {
  .wrap-need .need-sort {
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
  }
}
.wrap-need .need-sort ul {
  overflow: hidden;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.2);
}
.wrap-need .need-sort li {
  position: relative;
  height: 20%;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.wrap-need .need-sort li:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  .wrap-need .need-sort li {
    float: left;
    width: 50%;
    height: auto;
  }
  .wrap-need .need-sort li:last-child {
    width: 100%;
  }
}
.wrap-need .need-sort li a {
  font-size: 26px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-need .need-sort li a {
    font-size: 20px;
    line-height: 50px;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.wrap-need .need-sort li.active {
  background-color: rgba(255, 255, 255, 0.2);
}
.wrap-need .list {
  position: relative;
}
.wrap-need .list .text {
  position: absolute;
  top: 50%;
  width: 80%;
  padding: 0 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 991px) {
  .wrap-need .list .text {
    width: 100%;
  }
}
.wrap-need .list .text b {
  font-size: 38px;
  line-height: 1.31578947;
  display: block;
  margin: 0;
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-need .list .text b {
    font-size: 24px;
  }
}
.wrap-need .list .text b:after {
  display: block;
  width: 120px;
  height: 5px;
  margin: 0 auto;
  margin-top: 10px;
  content: "";
  background: url(../images/line-3.png) no-repeat;
}
.wrap-manufacturing {
  padding-bottom: 0;
}
.wrap-manufacturing .manufacturing {
  margin-top: 30px;
  padding: 50px 0;
  background-color: #fafafa;
}
.wrap-manufacturing .manufacturing .title-manufacturing {
  display: none;
}
.wrap-manufacturing .manufacturing .title-manufacturing:after {
  display: block;
  width: 34px;
  height: 3px;
  margin-top: 10px;
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.wrap-manufacturing .manufacturing .title-manufacturing b {
  font-size: 32px;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-manufacturing .manufacturing .title-manufacturing b {
    font-size: 24px;
  }
}
.wrap-manufacturing .manufacturing .manufacturing-sort {
  text-align: center;
}
@media (max-width: 1199px) {
}
.wrap-manufacturing .manufacturing .manufacturing-sort ul {
  margin: 0 -20px;
}
@media (max-width: 991px) {
  .wrap-manufacturing .manufacturing .manufacturing-sort ul {
    margin: 0 -10px;
  }
}
.wrap-manufacturing .manufacturing .manufacturing-sort ul li {
  display: inline-block;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .wrap-manufacturing .manufacturing .manufacturing-sort ul li {
    padding: 0 10px;
  }
}
.wrap-manufacturing .manufacturing .manufacturing-sort ul li a {
  font-size: 20px;
  line-height: 42px;
  display: block;
  padding: 0 34px;
  color: inherit;
  border-radius: 30px;
}
@media (max-width: 991px) {
  .wrap-manufacturing .manufacturing .manufacturing-sort ul li a {
    font-size: 18px;
    line-height: 36px;
    padding: 0 28px;
  }
}
.wrap-manufacturing .manufacturing .manufacturing-sort ul li.active a {
  font-weight: bold;
  color: #fff;
  background-color: #3366a6;
}
.wrap-manufacturing .manufacturing .list {
  margin-top: 40px;
}
.wrap-manufacturing .manufacturing .list .item {
  position: relative;
  display: block;
}
@media (max-width: 991px) {
  .wrap-manufacturing .manufacturing .list .item {
    margin-bottom: 20px;
  }
}
.wrap-manufacturing .manufacturing .list .item .img-box {
  padding-bottom: 50%;
}
.wrap-manufacturing .manufacturing .list .item .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-manufacturing .manufacturing .list .item p {
  font-size: 24px;
  line-height: 30px;
  position: absolute;
  bottom: 20px;
  display: -webkit-box;
  overflow: hidden;
  height: 30px;
  padding: 0 30px;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-manufacturing .manufacturing .list .item p {
    font-size: 14px;
    bottom: 0;
    padding: 0 8px;
  }
}
.wrap-manufacturing .manufacturing .list .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-manufacturing .manufacturing .list-1 .item .img-box {
  padding-bottom: 24.50331126%;
}
.wrap-manufacturing .manufacturing .list-3 .item .img-box {
  padding-bottom: 76.60455487%;
}
.wrap-certificate .certificate {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-certificate .certificate {
    padding: 0 10px;
  }
}
.wrap-certificate .certificate {
  font-size: 0;
  margin: 0 -20px;
}
.wrap-certificate .certificate .itembox {
  font-size: 14px;
  display: inline-block;
  float: none;
  padding: 0 20px;
  vertical-align: top;
}
.wrap-certificate .certificate .item {
  display: block;
  margin-top: 40px;
}
.wrap-certificate .certificate .item .img-box {
  padding-bottom: 66.66666667%;
  border: 1px solid #e4e4e4;
}
.wrap-certificate .certificate .item p {
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  height: 56px;
  margin: 10px 0 0 0;
  padding: 0 15px;
  text-align: center;
  color: #666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .wrap-certificate .certificate .item p {
    font-size: 15px;
  }
}
.wrap-certificate .certificate .showMorehandle {
  margin-top: 30px;
  text-align: center;
}
.wrap-certificate .certificate .showMorehandle a {
  font-size: 16px;
  line-height: 30px;
  color: #3366a6;
}
.wrap-certificate .certificate .showMorehandle a:after {
  font-family: "iconfont" !important;
  content: "\e62b";
}
.wrap-base-sort {
  overflow: hidden;
  text-align: center;
  background-color: #f9f9f9;
}
@media (max-width: 991px) {
  .wrap-base-sort {
    padding: 10px 0;
  }
}
.wrap-base-sort ul {
  margin: 0 -50px;
}
@media (max-width: 1350px) {
  .wrap-base-sort ul {
    margin: 0 -30px;
  }
}
.wrap-base-sort ul li {
  display: inline-block;
}
.wrap-base-sort ul li a {
  line-height: 30px;
  display: block;
  padding: 15px 50px;
  color: inherit;
}
@media (max-width: 1350px) {
  .wrap-base-sort ul li a {
    padding: 15px 30px;
  }
}
@media (max-width: 991px) {
  .wrap-base-sort ul li a {
    padding: 4px 30px;
  }
}
.wrap-base-sort ul li a img {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.wrap-base-sort ul li a .base-icon-active {
  display: none;
}
.wrap-base-sort ul li a i {
  font-size: 18px;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .wrap-base-sort ul li a i {
    font-size: 16px;
  }
}
.wrap-base-sort ul li a:hover {
  color: #3366a6;
}
.wrap-base-sort ul li a:hover .base-icon {
  display: none;
}
.wrap-base-sort ul li a:hover .base-icon-active {
  display: inline-block;
}
.wrap-base {
  overflow: hidden;
}
.wrap-base .base-list {
  padding: 80px 0;
}
@media (max-width: 991px) {
  .wrap-base .base-list {
    padding: 60px 0;
  }
}
.wrap-base .base-list .list {
  font-size: 0;
}
.wrap-base .base-list .list .itembox {
  font-size: 14px;
  display: inline-block;
  float: none;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .wrap-base .base-list .pic {
    margin-top: 30px;
  }
}
.wrap-base .base-list .pic img {
  max-width: 100%;
}
.wrap-base .base-list .title-base:after {
  display: block;
  width: 34px;
  height: 3px;
  margin-top: 10px;
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.wrap-base .base-list .title-base b {
  font-size: 30px;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 1350px) {
  .wrap-base .base-list .title-base b {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .wrap-base .base-list .title-base b {
    font-size: 20px;
  }
}
.wrap-base .base-list .text {
  margin-top: 30px;
}
@media (max-width: 1350px) {
  .wrap-base .base-list .text {
    margin-top: 20px;
  }
}
.wrap-base .base-list .text p {
  font-size: 16px;
  line-height: 2.25;
  margin: 0;
}
@media (max-width: 1470px) {
  .wrap-base .base-list .text p {
    line-height: 2;
  }
}
@media (max-width: 1350px) {
  .wrap-base .base-list .text p {
    font-size: 15px;
    line-height: 1.86666667;
  }
}
.wrap-base .base-list1 .list:nth-child(2) {
  margin-top: 40px;
}
.wrap-base .base-list2 {
  /*background: url(../images/base_bg.jpg) no-repeat center;*/
  background-size: cover;
}
@media (max-width: 991px) {
  .wrap-base .base-list2 .pic {
    margin-top: 0;
  }
}
.wrap-base .base-list2 .pic img {
  margin-top: 30px;
}
.wrap-chairman {
  position: relative;
  z-index: 4;
  margin-top: -380px;
  padding: 0;
}
@media (max-width: 1570px) {
  .wrap-chairman {
    margin-top: -200px;
  }
}
@media (max-width: 991px) {
  .wrap-chairman {
    margin-top: 0;
  }
}
.wrap-chairman .chairman {
  position: relative;
  padding: 50px 0 100px;
  border-left: 1px solid #d2d2d2;
  background-color: #fff;
}
@media (max-width: 991px) {
  .wrap-chairman .chairman {
    border-left: none;
  }
}
.wrap-chairman .chairman:before {
  position: absolute;
  top: 0;
  left: -301px;
  display: block;
  width: 300px;
  height: 100%;
  content: "";
  background-color: #fff;
}
.wrap-chairman .chairman:after {
  position: absolute;
  top: 50px;
  right: 0;
  display: block;
  width: 500px;
  height: 100px;
  content: "";
  background: url(../images/chairman_bg.jpg) no-repeat;
}
@media (max-width: 991px) {
  .wrap-chairman .chairman:after {
    display: none;
  }
}
.wrap-chairman .chairman .title-chairman {
  padding: 0 30px;
}
.wrap-chairman .chairman .title-chairman b {
  font-size: 40px;
  line-height: 1.25;
  display: block;
  text-transform: uppercase;
  color: #d9d9d9;
}
@media (max-width: 991px) {
  .wrap-chairman .chairman .title-chairman b {
    font-size: 24px;
  }
}
.wrap-chairman .chairman .info {
  font-size: 0;
  position: relative;
}
.wrap-chairman .chairman .info:after {
  position: absolute;
  bottom: -130px;
  left: -200px;
  display: block;
  width: 500px;
  height: 130px;
  content: "";
  background: url(../images/chairman_bg.jpg) no-repeat;
}
.wrap-chairman .chairman .info .pic,
.wrap-chairman .chairman .info .text {
  display: inline-block;
  margin-top: 30px;
  vertical-align: middle;
}
.wrap-chairman .chairman .info .pic {
  width: 40%;
}
@media (max-width: 991px) {
  .wrap-chairman .chairman .info .pic {
    width: 100%;
  }
}
.wrap-chairman .chairman .info .pic img {
  max-width: 100%;
}
.wrap-chairman .chairman .info .text {
  width: 60%;
  padding: 0 5% 0 15px;
}
@media (max-width: 991px) {
  .wrap-chairman .chairman .info .text {
    width: 100%;
    padding: 30px 15px;
  }
}
.wrap-chairman .chairman .info .text .title-text b {
  font-size: 38px;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 1570px) {
  .wrap-chairman .chairman .info .text .title-text b {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .wrap-chairman .chairman .info .text .title-text b {
    font-size: 24px;
  }
}
.wrap-chairman .chairman .info .text .note {
  margin-top: 30px;
}
.wrap-chairman .chairman .info .text p {
  font-size: 18px;
  line-height: 2.22222222;
  margin: 0;
}
@media (max-width: 1570px) {
  .wrap-chairman .chairman .info .text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .wrap-chairman .chairman .info .text p {
    font-size: 16px;
  }
}
.wrap-chairman .chairman-info {
  font-size: 0;
  position: relative;
  z-index: 2;
  padding: 80px 0;
  background: url(../images/chairman_info_bg.jpg) no-repeat center;
  background-size: cover;
}
.wrap-chairman .chairman-info .row {
  margin-top: -30px;
}
.wrap-chairman .chairman-info .itembox {
  display: inline-block;
  float: none;
  margin-top: 30px;
  vertical-align: top;
  /*border-bottom: 1px dashed #e5e5e5;*/
}
.wrap-chairman .chairman-info .item {
  font-size: 14px;
}
.wrap-chairman .chairman-info .item span.date {
  font-size: 16px;
  line-height: 2;
  display: block;
  color: #999;
}
.wrap-chairman .chairman-info .item p {
  font-size: 22px;
  line-height: 36px;
  display: -webkit-box;
  overflow: hidden;
  height: 72px;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .wrap-chairman .chairman-info .item p {
    font-size: 18px;
    line-height: 30px;
    height: auto;
    max-height: 30px;
  }
}
.wrap-chairman .chairman-info .item .img-box {
  padding-bottom: 61.70212766%;
}
/*.wrap-chairman .chairman-info .item p {
    font-size: 16px;
    line-height: 1.75;
    margin: 0;
    padding: 20px 0;
    color: #666;
}*/
@media (max-width: 991px) {
  .wrap-research {
    padding-top: 0;
  }
}
.wrap-research .research .slick-research {
  margin: 0 -24px;
  margin-top: 50px;
}
@media (max-width: 1470px) {
  .wrap-research .research .slick-research {
    margin-right: -12px;
    margin-left: -12px;
  }
}
.wrap-research .research .slick-slide {
  padding: 0 24px;
}
@media (max-width: 1470px) {
  .wrap-research .research .slick-slide {
    padding: 0 12px;
  }
}
.wrap-research .research .item {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 10px;
  background-color: #f6f6f6;
}
.wrap-research .research .item .pic {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
}
.wrap-research .research .item .pic .img-box {
  padding-bottom: 116.21621622%;
}
.wrap-research .research .item .mask {
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 30px;
}
@media (max-width: 1470px) {
  .wrap-research .research .item .mask {
    padding: 30px 15px;
  }
}
.wrap-research .research .item .mask::-webkit-scrollbar {
  position: absolute;
  left: 0;
  width: 4px;
}
.wrap-research .research .item .mask::-webkit-scrollbar-track {
  background-color: #dcdcdc;
}
.wrap-research .research .item .mask::-webkit-scrollbar-thumb {
  background-color: #9f9f9f;
}
.wrap-research .research .item .mask .title-research {
  text-align: center;
}
.wrap-research .research .item .mask .title-research b {
  font-size: 28px;
  line-height: 1.4;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 1470px) {
  .wrap-research .research .item .mask .title-research b {
    font-size: 24px;
  }
}
@media (max-width: 1350px) {
  .wrap-research .research .item .mask .title-research b {
    font-size: 20px;
  }
}
.wrap-research .research .item .mask .title-research:after {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
@media (max-width: 1350px) {
  .wrap-research .research .item .mask .title-research:after {
    margin-top: 10px;
  }
}
.wrap-research .research .item .mask .note {
  margin-top: 20px;
}
@media (max-width: 1350px) {
  .wrap-research .research .item .mask .note {
    margin-top: 10px;
  }
}
.wrap-research .research .item .mask .note p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #666;
}
@media (max-width: 1470px) {
  .wrap-research .research .item .mask .note p {
    font-size: 15px;
  }
}
.wrap-research .research .item:hover {
  background-color: #333;
}
.wrap-research .research .item:hover .pic {
  opacity: 0.5;
}
.wrap-research .research .item:hover .mask .title-research:after {
  background: #fff;
}
.wrap-research .research .item:hover .mask .title-research b {
  color: #fff;
}
.wrap-research .research .item:hover .mask .note p {
  color: #fff;
}
.wrap-research .research .slick-arrow {
  position: absolute;
  z-index: 9;
  top: -90px;
  right: 64px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
  color: #a6a6a6;
  border: none;
  outline: none;
  background: none;
}
.wrap-research .research .slick-arrow:before {
  font-family: "iconfont" !important;
  font-size: 26px;
  display: inline-block;
  content: "\e626";
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.wrap-research .research .slick-arrow.slick-next {
  right: 24px;
}
.wrap-research .research .slick-arrow.slick-next:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.wrap-research .research .slick-arrow:hover {
  color: #004a87;
}
.wrap-research .technical {
  padding-top: 70px;
}
.wrap-research .technical .slick-technical .item {
  font-size: 0;
  display: block;
  margin-top: 50px;
  color: inherit;
}
@media (max-width: 991px) {
  .wrap-research .technical .slick-technical .item {
    margin-top: 30px;
  }
}
.wrap-research .technical .slick-technical .item .pic,
.wrap-research .technical .slick-technical .item .note {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-research .technical .slick-technical .item .pic {
  width: 44%;
}
@media (max-width: 767px) {
  .wrap-research .technical .slick-technical .item .pic {
    width: 100%;
  }
}
.wrap-research .technical .slick-technical .item .pic .img-box {
  padding-bottom: 50%;
}
.wrap-research .technical .slick-technical .item .pic .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-research .technical .slick-technical .item .note {
  width: 56%;
  padding-left: 40px;
}
@media (max-width: 991px) {
  .wrap-research .technical .slick-technical .item .note {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .wrap-research .technical .slick-technical .item .note {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
}
.wrap-research .technical .slick-technical .item .note b {
  font-size: 24px;
  line-height: 34px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 34px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1350px) {
  .wrap-research .technical .slick-technical .item .note b {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .wrap-research .technical .slick-technical .item .note b {
    font-size: 18px;
  }
}
.wrap-research .technical .slick-technical .item .note p {
  font-size: 16px;
  line-height: 32px;
  display: -webkit-box;
  overflow: hidden;
  height: 96px;
  margin: 20px 0;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1350px) {
  .wrap-research .technical .slick-technical .item .note p {
    font-size: 15px;
    line-height: 28px;
    height: 84px;
  }
}
@media (max-width: 991px) {
  .wrap-research .technical .slick-technical .item .note p {
    margin: 10px 0;
  }
}
@media (max-width: 767px) {
  .wrap-research .technical .slick-technical .item .note p {
    font-size: 14px;
  }
}
.wrap-research .technical .slick-technical .item .note span.more {
  line-height: 30px;
  display: block;
}
.wrap-research .technical .slick-technical .item .note span.more:before {
  display: inline-block;
  width: 0;
  height: 2px;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  background-color: #3366a6;
}
.wrap-research .technical .slick-technical .item:hover .pic .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-research .technical .slick-technical .item:hover .note b {
  color: #3366a6;
}
.wrap-research .technical .slick-technical .item:hover .note span.more {
  color: #3366a6;
}
.wrap-research .technical .slick-technical .item:hover .note span.more:before {
  width: 20px;
  margin-right: 10px;
}
.wrap-research .technical .slick-technical .slick-dots {
  width: 100%;
  margin-top: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .wrap-research .technical .slick-technical .slick-dots {
    margin-top: 30px;
  }
}
.wrap-research .technical .slick-technical .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 50%;
  background-color: #dcdcdc;
}
.wrap-research .technical .slick-technical .slick-dots li.slick-active {
  background-color: #3366a6;
}
.wrap-research .technical .slick-technical .slick-dots li button {
  display: none;
}
.wrap-research .honor {
  padding-top: 70px;
}
.wrap-research .honor .showMoreNChildren3 {
  font-size: 0;
  margin: 0 -12px;
  margin-top: 20px;
}
.wrap-research .honor .itembox {
  font-size: 14px;
  display: inline-block;
  float: none;
  padding: 0 12px;
  vertical-align: top;
}
.wrap-research .honor .item {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 30px;
  border: 1px solid #e2e2e2;
}
.wrap-research .honor .item .img-box {
  padding-bottom: 58.92857143%;
}
.wrap-research .honor .item .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-research .honor .item p {
  line-height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  text-align: center;
  color: #fff;
  background-color: rgba(0, 101, 185, 0.7);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-research .honor .item p {
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.wrap-research .honor .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-research .honor .item:hover p {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.wrap-research .honor .showMorehandle {
  margin-top: 30px;
  text-align: center;
}
.wrap-research .honor .showMorehandle a {
  font-size: 16px;
  line-height: 30px;
  color: #3366a6;
}
.wrap-research .honor .showMorehandle a:after {
  font-family: "iconfont" !important;
  content: "\e62b";
}
@media (max-width: 991px) {
  .wrap-social {
    padding-top: 0;
  }
}
.wrap-social .social {
  font-size: 0;
  background-color: #f9f9f9;
}
.wrap-social .social .video,
.wrap-social .social .text {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-social .social .video {
  position: relative;
  overflow: hidden;
  width: 58%;
  background-color: #000;
}
@media (max-width: 991px) {
  .wrap-social .social .video {
    width: 100%;
  }
}
.wrap-social .social .video img {
  width: 100%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.wrap-social .social .video .video-box {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.wrap-social .social .video .iframe {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.wrap-social .social .video .play {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  opacity: 0.7;
  color: #fff;
}
.wrap-social .social .video .play:after {
  font-family: "iconfont" !important;
  content: "\e67f";
}
.wrap-social .social .video:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-social .social .video:hover .play {
  opacity: 0.8;
}
.wrap-social .social .text {
  width: 42%;
  padding: 30px;
}
@media (max-width: 991px) {
  .wrap-social .social .text {
    width: 100%;
    padding: 30px 15px;
  }
}
.wrap-social .social .text .title-social b {
  font-size: 30px;
  line-height: 1.5;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-social .social .text .title-social b {
    font-size: 20px;
  }
}
.wrap-social .social .text .title-social:after {
  display: block;
  width: 60px;
  height: 3px;
  margin-top: 6px;
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.wrap-social .social .text .note {
  margin-top: 30px;
}
.wrap-social .social .text .note p {
  font-size: 18px;
  line-height: 2.33333333;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-social .social .text .note p {
    font-size: 16px;
  }
}
.wrap-social .social-news {
  padding-top: 70px;
}
.wrap-social .social-news .list {
  overflow: hidden;
}
.wrap-social .social-news .row {
  font-size: 0;
  overflow: hidden;
  margin: 0 -24px;
}
.wrap-social .social-news .itembox {
  display: inline-block;
  float: none;
  padding: 40px 24px;
  vertical-align: top;
  border-bottom: 1px dashed #e5e5e5;
}
@media (max-width: 991px) {
  .wrap-social .social-news .itembox {
    padding: 30px 24px;
  }
}
.wrap-social .social-news .item {
  font-size: 14px;
  display: block;
}
.wrap-social .social-news .item span.date {
  font-size: 16px;
  line-height: 2;
  display: block;
  color: #999;
}
.wrap-social .social-news .item b {
  font-size: 22px;
  line-height: 36px;
  display: -webkit-box;
  overflow: hidden;
  height: 72px;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .wrap-social .social-news .item b {
    font-size: 18px;
    line-height: 30px;
    height: auto;
    max-height: 60px;
  }
}
.wrap-social .social-news .item b a {
  color: inherit;
}
.wrap-social .social-news .item .img-box {
  margin: 16px 0;
  padding-bottom: 59.45945946%;
}
@media (max-width: 991px) {
  .wrap-social .social-news .item .img-box {
    margin: 10px 0;
  }
}
.wrap-social .social-news .item .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-social .social-news .item p {
  font-size: 16px;
  line-height: 32px;
  height: 96px;
  margin: 0;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-social .social-news .item p {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
  }
}
.wrap-social .social-news .item:hover span.date,
.wrap-social .social-news .item:hover b,
.wrap-social .social-news .item:hover p {
  color: #3366a6;
}
.wrap-social .social-news .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 991px) {
  .wrap-qhse {
    padding-top: 0;
  }
}
.wrap-qhse .qhse .list {
  margin-top: 40px;
}
.wrap-qhse .qhse .list h4 {
  font-size: 30px;
  line-height: 2;
  margin: 0;
  text-align: center;
}
@media (max-width: 991px) {
  .wrap-qhse .qhse .list h4 {
    font-size: 20px;
  }
}
.wrap-qhse .qhse .list h4 span {
  display: inline-block;
  margin: 0 14px;
}
.wrap-qhse .qhse .list img {
  max-width: 100%;
}
.wrap-qhse .qhse .list h3 {
  font-size: 32px;
  text-transform: uppercase;
  color: #c0c0c0;
}
@media (max-width: 991px) {
  .wrap-qhse .qhse .list h3 {
    font-size: 18px;
  }
}
.wrap-qhse .qhse .list h3 b {
  font-size: 34px;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-qhse .qhse .list h3 b {
    font-size: 20px;
  }
}
.wrap-qhse .qhse .list p {
  font-size: 18px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-qhse .qhse .list p {
    font-size: 15px;
  }
}
.wrap-qhse .policy {
  padding-top: 60px;
}
.wrap-qhse .policy .info {
  position: relative;
  overflow: hidden;
  margin-top: 60px;
}
.wrap-qhse .policy .info .text {
  position: absolute;
  top: 50%;
  right: 6%;
  max-width: 400px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-qhse .policy .info .text {
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
}
.wrap-qhse .policy .info .text h3 {
  font-size: 34px;
  line-height: 1.76470588;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-qhse .policy .info .text h3 {
    font-size: 20px;
  }
}
.wrap-qhse .policy .info .text span {
  font-size: 26px;
  line-height: 30px;
  display: inline-block;
  margin-top: 20px;
  margin-right: 20px;
  padding: 10px 30px;
  vertical-align: top;
  border: 1px solid #fff;
  border-radius: 30px;
}
@media (max-width: 991px) {
  .wrap-qhse .policy .info .text span {
    font-size: 16px;
    padding: 4px 20px;
  }
}
.wrap-qhse .policy-paper {
  padding-top: 60px;
}
.wrap-qhse .policy-paper .title-paper {
  text-align: center;
}
.wrap-qhse .policy-paper .title-paper b {
  font-size: 30px;
  line-height: 1.4;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .title-paper b {
    font-size: 24px;
  }
}
.wrap-qhse .policy-paper .list .item {
  display: table;
  width: 100%;
  margin-top: 30px;
}
.wrap-qhse .policy-paper .list .item .pic,
.wrap-qhse .policy-paper .list .item .note {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  background-color: #f8f8f8;
}
.wrap-qhse .policy-paper .list .item .pic .img-box {
  padding-bottom: 70.37037037%;
}
.wrap-qhse .policy-paper .list .item .note {
  width: 60%;
  padding: 10px 30px;
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .list .item .note {
    padding: 4px 10px;
  }
}
.wrap-qhse .policy-paper .list .item .note h3 {
  font-size: 24px;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 1470px) {
  .wrap-qhse .policy-paper .list .item .note h3 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .list .item .note h3 {
    font-size: 16px;
    margin: 0;
  }
}
.wrap-qhse .policy-paper .list .item .note p {
  font-size: 18px;
  line-height: 1.66666667;
  margin: 10px 0 0 0;
}
@media (max-width: 1470px) {
  .wrap-qhse .policy-paper .list .item .note p {
    font-size: 15px;
  }
}
.wrap-qhse .policy-paper .info .info-sort {
  margin-top: 60px;
}
.wrap-qhse .policy-paper .info .info-sort > ul {
  overflow: hidden;
  padding-bottom: 60px;
}
.wrap-qhse .policy-paper .info .info-sort > ul > li {
  position: relative;
  float: left;
  width: 20%;
  margin-top: 30px;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .info .info-sort > ul > li {
    width: 33.33333333%;
  }
}
.wrap-qhse .policy-paper .info .info-sort > ul > li.active:after {
  position: absolute;
  bottom: -34px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -8px;
  content: "";
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #3366a6 transparent transparent transparent;
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .info .info-sort > ul > li.active:after {
    bottom: -20px;
  }
}
.wrap-qhse .policy-paper .info .info-sort > ul > li.active .pic {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  border: 2px solid #3366a6;
  background-color: #fff;
}
.wrap-qhse .policy-paper .info .info-sort > ul > li.active .pic .pic-icon {
  border-color: rgba(0, 101, 185, 0.2);
}
.wrap-qhse
  .policy-paper
  .info
  .info-sort
  > ul
  > li.active
  .pic
  .pic-icon
  .picon {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.wrap-qhse
  .policy-paper
  .info
  .info-sort
  > ul
  > li.active
  .pic
  .pic-icon
  .picon-active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.wrap-qhse .policy-paper .info .info-sort > ul > li .pic {
  overflow: hidden;
  max-width: 180px;
  margin: 0 auto;
  padding: 8px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  border-radius: 50%;
  background-color: #f2f2f2;
}
.wrap-qhse .policy-paper .info .info-sort > ul > li .pic .pic-icon {
  position: relative;
  overflow: hidden;
  padding: 10px;
  border: 1px solid rgba(181, 181, 181, 0.2);
  border-radius: 50%;
}
.wrap-qhse .policy-paper .info .info-sort > ul > li .pic .pic-icon img {
  width: 100%;
}
.wrap-qhse .policy-paper .info .info-sort > ul > li .pic .pic-icon .picon {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.wrap-qhse
  .policy-paper
  .info
  .info-sort
  > ul
  > li
  .pic
  .pic-icon
  .picon-active {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.wrap-qhse .policy-paper .info .text {
  overflow: hidden;
  padding: 40px 30px;
  border-radius: 8px;
  background-color: #f8fbff;
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .info .text {
    padding: 30px 14px;
  }
}
.wrap-qhse .policy-paper .info .text p {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-qhse .policy-paper .info .text p {
    font-size: 15px;
  }
}
.wrap-videos .row {
  margin-top: -40px;
}
@media (max-width: 991px) {
  .wrap-videos .row {
    margin-top: -30px;
  }
}
.wrap-videos .video {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .wrap-videos .video {
    margin-top: 30px;
  }
}
.wrap-videos .video .img-box {
  z-index: 0;
  padding-bottom: 60.75949367%;
  background-color: #000;
}
.wrap-videos .video .img-box img {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.9;
}
.wrap-videos .video .video-box {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.wrap-videos .video .iframe {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.wrap-videos .video .play {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.6;
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-videos .video .play {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
  }
}
.wrap-videos .video .play:before {
  font-family: "iconfont";
  font-size: 60px;
  font-weight: normal;
  display: block;
  content: "\e67f";
}
.wrap-videos .item p {
  font-size: 20px;
  line-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  height: 80px;
  margin: 10px 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .wrap-videos .item p {
    font-size: 16px;
    line-height: 30px;
    height: auto;
    max-height: 60px;
  }
}
.wrap-videos .item:hover a {
  text-decoration: none;
}
.wrap-videos .item:hover .video .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
.wrap-videos .item:hover p {
  color: #3366a6;
}
.wrap-jobs {
  padding: 0;
}
.wrap-jobs .jobs {
  padding: 80px 0;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs {
    padding: 60px 0;
  }
}
.wrap-jobs .jobs .row {
  margin: 0 -5px;
}
.wrap-jobs .jobs .itembox {
  padding: 0 5px;
}
.wrap-jobs .jobs .item {
  position: relative;
  display: block;
  margin-top: 10px;
  color: inherit;
}
.wrap-jobs .jobs .item .note {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs .item .note {
    bottom: 4px;
    padding: 0 14px;
  }
}
.wrap-jobs .jobs .item .note p {
  font-size: 30px;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs .item .note p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .wrap-jobs .jobs .item .note p {
    font-size: 16px;
  }
}
.wrap-jobs .jobs .item .note span.more {
  font-size: 18px;
  line-height: 30px;
  display: block;
  margin-top: 14px;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs .item .note span.more {
    font-size: 16px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .wrap-jobs .jobs .item .note span.more {
    font-size: 14px;
  }
}
.wrap-jobs .jobs .item .note span.more:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  display: inline-block;
  margin-left: 10px;
  content: "\e626";
  vertical-align: middle;
}
.wrap-jobs .jobs .video {
  position: relative;
  overflow: hidden;
  background-color: #000;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs .video {
    width: 100%;
  }
}
.wrap-jobs .jobs .video .img-box {
  padding-bottom: 68.91891892%;
}
.wrap-jobs .jobs .video img {
  width: 100%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.wrap-jobs .jobs .video .video-box {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.wrap-jobs .jobs .video .iframe {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.wrap-jobs .jobs .video .play {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 0;
  display: inline-block;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs .video .play {
    font-size: 40px;
    right: 0;
  }
}
.wrap-jobs .jobs .video .play:after {
  font-family: "iconfont" !important;
  content: "\e67f";
}
.wrap-jobs .jobs .video:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-jobs .jobs .video:hover .play {
  opacity: 0.8;
}
.wrap-jobs .jobs .item-2 .img-box,
.wrap-jobs .jobs .item-3 .img-box {
  padding-bottom: 33.78378378%;
}
.wrap-jobs .jobs .item-2 .img-box img,
.wrap-jobs .jobs .item-3 .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-jobs .jobs .item-2:hover .img-box img,
.wrap-jobs .jobs .item-3:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-jobs .jobs-info {
  padding: 80px 0;
  background: url(../images/jobs_bg.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs-info {
    padding: 60px 0;
  }
}
.wrap-jobs .jobs-info .item {
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
}
.wrap-jobs .jobs-info .item .pic {
  position: relative;
}
.wrap-jobs .jobs-info .item .pic .img-box {
  padding-bottom: 45.20547945%;
}
.wrap-jobs .jobs-info .item .pic p {
  font-size: 30px;
  position: absolute;
  top: 40px;
  left: 40px;
  margin: 0;
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs-info .item .pic p {
    font-size: 20px;
    top: 14px;
    left: 14px;
  }
}
.wrap-jobs .jobs-info .item .note {
  padding: 40px;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs-info .item .note {
    padding: 20px;
  }
}
.wrap-jobs .jobs-info .item .note b {
  font-size: 30px;
  font-weight: normal;
  display: block;
}
@media (max-width: 991px) {
  .wrap-jobs .jobs-info .item .note b {
    font-size: 20px;
  }
}
.wrap-jobs .jobs-info .item .note ul {
  overflow: hidden;
  margin: 0 -15px;
}
.wrap-jobs .jobs-info .item .note ul li {
  float: left;
  width: 40%;
  margin-top: 10px;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .wrap-jobs .jobs-info .item .note ul li {
    width: 100%;
  }
}
.wrap-jobs .jobs-info .item .note ul li:last-child {
  width: 20%;
}
@media (max-width: 767px) {
  .wrap-jobs .jobs-info .item .note ul li:last-child {
    width: 100%;
  }
}
.wrap-jobs .jobs-info .item .note ul li select {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  height: 50px;
  padding: 10px 0;
  color: #b4b4b4;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  outline: none;
}
.wrap-jobs .jobs-info .item .note ul li select option {
  line-height: 30px;
}
.wrap-jobs .jobs-info .item .note ul li .submit {
  font-size: 16px;
  line-height: 50px;
  width: 100%;
  padding: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  border-radius: 6px;
  background-color: #3366a6;
}
@media (max-width: 767px) {
  .wrap-jobs .jobs-info .item .note ul li .submit {
    font-size: 14px;
    line-height: 40px;
  }
}
.wrap-jobs .jobs-info .item .note ul li .submit:hover {
  background-color: #004a87;
}
.fixed-jobs-process {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.fixed-jobs-process .wrap-jobs-process {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fixed-jobs-process .wrap-jobs-process .jobs-process {
  position: relative;
  overflow-y: auto;
  max-width: 990px;
  max-height: 800px;
  margin: 0 auto;
  padding: 50px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1470px) {
  .fixed-jobs-process .wrap-jobs-process .jobs-process {
    max-height: 650px;
  }
}
@media (max-width: 1199px) {
  .fixed-jobs-process .wrap-jobs-process .jobs-process {
    max-height: 600px;
  }
}
@media (max-width: 991px) {
  .fixed-jobs-process .wrap-jobs-process .jobs-process {
    max-height: 400px;
    padding: 20px 10px;
  }
}
.fixed-jobs-process .wrap-jobs-process .jobs-process::-webkit-scrollbar {
  position: absolute;
  left: 0;
  width: 4px;
}
.fixed-jobs-process .wrap-jobs-process .jobs-process::-webkit-scrollbar-track {
  background-color: #dcdcdc;
}
.fixed-jobs-process .wrap-jobs-process .jobs-process::-webkit-scrollbar-thumb {
  background-color: #9f9f9f;
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .jobs-process-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .fixed-jobs-process .wrap-jobs-process .jobs-process .jobs-process-close {
    right: 10px;
  }
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .jobs-process-close:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  display: inline-block;
  content: "\e628";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .title-jobs-process {
  text-align: center;
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .title-jobs-process:after {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 20px;
  content: "";
  background: url(../images/line-5.png) no-repeat center;
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .title-jobs-process b {
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .fixed-jobs-process .wrap-jobs-process .jobs-process .title-jobs-process b {
    font-size: 20px;
  }
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .jobs-process-list {
  margin-top: 30px;
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .jobs-process-list ul li {
  margin-top: 10px;
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  ul
  li:first-child
  .text {
  display: block;
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  ul
  li.current
  .title-jobs-on {
  color: #3366a6;
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  .title-jobs-on {
  line-height: 30px;
  position: relative;
  padding: 15px 60px 15px 20px;
  cursor: pointer;
  background-color: #f9f9f9;
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  .title-jobs-on:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 20px;
  content: "\e62b";
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  .title-jobs-on
  b {
  font-size: 26px;
  line-height: 1;
  display: block;
}
@media (max-width: 991px) {
  .fixed-jobs-process
    .wrap-jobs-process
    .jobs-process
    .jobs-process-list
    .title-jobs-on
    b {
    font-size: 20px;
  }
}
.fixed-jobs-process .wrap-jobs-process .jobs-process .jobs-process-list .text {
  display: none;
  padding: 24px 0;
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  .text
  h4 {
  font-size: 18px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  color: #3366a6;
  border: 1px solid #3366a6;
  border-radius: 30px;
}
@media (max-width: 991px) {
  .fixed-jobs-process
    .wrap-jobs-process
    .jobs-process
    .jobs-process-list
    .text
    h4 {
    font-size: 16px;
    line-height: 34px;
  }
}
.fixed-jobs-process
  .wrap-jobs-process
  .jobs-process
  .jobs-process-list
  .text
  p {
  font-size: 18px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 991px) {
  .fixed-jobs-process
    .wrap-jobs-process
    .jobs-process
    .jobs-process-list
    .text
    p {
    font-size: 14px;
    line-height: 20px;
  }
}
.fixed-applay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.fixed-applay .wrap-applay {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fixed-applay .wrap-applay .applay {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
  padding: 70px;
  border-radius: 20px;
  background-color: #fff;
}
.fixed-applay .wrap-applay .applay .applay-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .fixed-applay .wrap-applay .applay .applay-close {
    right: 10px;
  }
}
.fixed-applay .wrap-applay .applay .applay-close:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  display: inline-block;
  content: "\e628";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fixed-applay .wrap-applay .applay .titlt-applay {
  text-align: center;
}
.fixed-applay .wrap-applay .applay .titlt-applay b {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.4;
  display: block;
}
.fixed-applay .wrap-applay .applay .titlt-applay b:after {
  display: block;
  width: 100%;
  height: 2px;
  margin: 20px 0;
  content: "";
  background: url(../images/line-6.png) no-repeat center;
}
.fixed-applay .wrap-applay .applay .titlt-applay p {
  font-size: 24px;
  line-height: 1.5;
  margin: 0;
  color: #666;
}
.fixed-applay .wrap-applay .applay .list {
  overflow: hidden;
}
.fixed-applay .wrap-applay .applay .list ul {
  overflow: hidden;
  margin: 0 -12px;
  margin-top: 30px;
}
.fixed-applay .wrap-applay .applay .list ul li {
  float: left;
  width: 50%;
  margin-top: 24px;
  padding: 0 12px;
}
.fixed-applay .wrap-applay .applay .list ul li .item {
  display: block;
  padding: 20px 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background-color: #157bcf;
}
.fixed-applay .wrap-applay .applay .list ul li .item:before {
  font-family: "iconfont" !important;
  font-size: 80px;
  line-height: 80px;
  display: inline-block;
  margin-right: 20px;
  content: "\e644";
  vertical-align: middle;
}
.fixed-applay .wrap-applay .applay .list ul li .item p {
  font-size: 28px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.fixed-applay .wrap-applay .applay .list ul li .item-resume {
  background-color: #f0914b;
}
.fixed-applay .wrap-applay .applay .list ul li .item-resume:before {
  font-size: 60px;
  content: "\e62f";
}
.fixed-applay .wrap-applay .applay .list ul li .item:hover {
  background-color: #3366a6;
}
.wrap-jobs-school .jobs .row {
  margin: 0 -10px;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .row {
    margin: 0 -5px;
  }
}
.wrap-jobs-school .jobs .itembox {
  padding: 10px;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .itembox {
    padding: 5px;
  }
}
.wrap-jobs-school .jobs .item {
  position: relative;
  display: block;
  color: inherit;
}
.wrap-jobs-school .jobs .item .note {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .item .note {
    bottom: 4px;
    padding: 0 14px;
  }
}
.wrap-jobs-school .jobs .item .note p {
  font-size: 22px;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .item .note p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .wrap-jobs-school .jobs .item .note p {
    font-size: 16px;
  }
}
.wrap-jobs-school .jobs .item .note span.more {
  font-size: 16px;
  line-height: 30px;
  display: block;
  margin-top: 14px;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .item .note span.more {
    font-size: 16px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .wrap-jobs-school .jobs .item .note span.more {
    font-size: 14px;
  }
}
.wrap-jobs-school .jobs .item .note span.more:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  display: inline-block;
  margin-left: 10px;
  content: "\e626";
  vertical-align: middle;
}
.wrap-jobs-school .jobs .item .img-box {
  padding-bottom: 124.17582418%;
}
.wrap-jobs-school .jobs .item .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-jobs-school .jobs .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-jobs-school .jobs .video {
  position: relative;
  overflow: hidden;
  background-color: #000;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .video {
    width: 100%;
  }
}
.wrap-jobs-school .jobs .video img {
  width: 100%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.wrap-jobs-school .jobs .video .video-box {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.wrap-jobs-school .jobs .video .iframe {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.wrap-jobs-school .jobs .video .play {
  font-size: 60px;
  line-height: 1;
  position: absolute;
  top: 40%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs .video .play {
    font-size: 40px;
    right: 0;
  }
}
.wrap-jobs-school .jobs .video .play:after {
  font-family: "iconfont" !important;
  content: "\e67f";
}
.wrap-jobs-school .jobs-school .jobs-school-sort {
  margin-top: 70px;
  text-align: center;
}
.wrap-jobs-school .jobs-school .jobs-school-sort.stuck {
  /* height: 50px !important;
    background-color: #f9f9f9; */
}
.wrap-jobs-school .jobs-school .jobs-school-sort ul {
  /* background-color: #f9f9f9; */
}
.wrap-jobs-school .jobs-school .jobs-school-sort ul li {
  display: inline-block;
  color: #fff;
  background-color: #3366a6;
  border-radius: 35px;
  overflow: hidden;
  padding: 10px 0;
  margin: 0 8px;
}
.wrap-jobs-school .jobs-school .jobs-school-sort ul li a {
  font-size: 18px;
  /* line-height: 30px; */
  display: inline-block;
  clear: both;
  padding: 0 40px;
  color: #666;
  color: #fff;
}
.wrap-jobs-school .jobs-school .jobs-school-sort ul li span {
  display: inline-block;
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  clear: both;
}

@media (max-width: 1199px) {
  .wrap-jobs-school .jobs-school .jobs-school-sort {
    text-align: left;
  }
  .wrap-jobs-school .jobs-school .jobs-school-sort ul li {
    text-align: center;
    margin: 3px 0;
  }
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs-school .jobs-school-sort ul li a {
    font-size: 15px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .wrap-jobs-school .jobs-school .jobs-school-sort ul li {
    padding: 5px 0;
    margin: 0 2px;
  }
  .wrap-jobs-school .jobs-school .jobs-school-sort ul li a {
    line-height: 20px;
    padding: 0 0px;
  }
  .wrap-jobs-school .jobs-school .jobs-school-sort ul li span {
    line-height: 20px;
    font-size: 12px;
  }
}
.wrap-jobs-school .jobs-school .jobs-school-sort ul li.active a {
  color: #fff;
  background-color: #3366a6;
}
.wrap-jobs-school .jobs-school .jobs-list {
  margin-top: 60px;
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  > ul
  > li.current
  .title-jobs-school
  .tjs-right
  span.tclose {
  color: #666;
  background-color: #dcdcdc;
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  > ul
  > li.current
  .title-jobs-school
  .tjs-right
  span.tclose:after {
  content: "关闭详情 -";
}
.wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school {
  overflow: hidden;
  padding: 30px 0;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school .tjs-left {
  float: left;
  width: 24%;
  padding: 0 30px;
  border-right: 1px solid #c8c8c8;
}
@media (max-width: 767px) {
  .wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school .tjs-left {
    width: 100%;
    padding: 0 15px;
    border: none;
  }
}
.wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school .tjs-left b {
  font-size: 26px;
  font-weight: normal;
  line-height: 1.53846154;
  display: block;
  color: #3366a6;
}
@media (max-width: 1470px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-left
    b {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-left
    b {
    font-size: 18px;
  }
}
.wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school .tjs-left p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-left
    p {
    font-size: 14px;
  }
}
.wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school .tjs-middle {
  font-size: 18px;
  line-height: 2;
  float: left;
  width: 56%;
  padding: 0 5%;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-middle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-middle {
    width: 100%;
    padding: 0 15px;
  }
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  .title-jobs-school
  .tjs-middle
  table {
  width: 100%;
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  .title-jobs-school
  .tjs-middle
  table
  td {
  width: 50%;
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  .title-jobs-school
  .tjs-middle
  table
  td
  p {
  margin: 0;
}
.wrap-jobs-school .jobs-school .jobs-list .list .title-jobs-school .tjs-right {
  float: left;
  width: 20%;
}
@media (max-width: 767px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-right {
    width: 100%;
    margin-top: 10px;
    padding: 0 15px;
  }
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  .title-jobs-school
  .tjs-right
  span.tclose {
  font-size: 16px;
  line-height: 46px;
  display: inline-block;
  height: 46px;
  padding: 0 40px;
  color: #fff;
  border-radius: 6px;
  background-color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-jobs-school
    .jobs-school
    .jobs-list
    .list
    .title-jobs-school
    .tjs-right
    span.tclose {
    font-size: 14px;
    padding: 0 20px;
  }
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  .title-jobs-school
  .tjs-right
  span.tclose:after {
  content: "查看详情 +";
}
.wrap-jobs-school .jobs-school .jobs-list .list .jobs-school-text {
  display: none;
  padding: 30px 0;
}
.wrap-jobs-school .jobs-school .jobs-list .list .jobs-school-text h4 {
  font-size: 22px;
  line-height: 1.36363636;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs-school .jobs-list .list .jobs-school-text h4 {
    font-size: 18px;
  }
}
.wrap-jobs-school .jobs-school .jobs-list .list .jobs-school-text p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-jobs-school .jobs-school .jobs-list .list .jobs-school-text p {
    font-size: 14px;
  }
}
.wrap-jobs-school .jobs-school .jobs-list .list .jobs-school-text .btn-applay {
  font-size: 16px;
  line-height: 46px;
  display: inline-block;
  margin-top: 30px;
  padding: 0 40px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-hyphens: 46px;
  -moz-hyphens: 46px;
  hyphens: 46px;
  color: #fff;
  border-radius: 6px;
  background-color: #3366a6;
  -ms-hyphens: 46px;
}
.wrap-jobs-school
  .jobs-school
  .jobs-list
  .list
  .jobs-school-text
  .btn-applay:hover {
  background-color: #004a87;
}
.tjs-middle table {
  border-collapse: collapse;
  border: none;
}
.tjs-middle table td,
.tjs-middle table tr {
  border: 1px solid #fff !important;
}
.wrap-news .news-top,
.wrap-search-result .news-top {
  font-size: 0;
}
.wrap-news .news-top .itembox,
.wrap-search-result .news-top .itembox {
  font-size: 14px;
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.wrap-news .news-top .slick-news-top .item,
.wrap-search-result .news-top .slick-news-top .item {
  display: block;
}
.wrap-news .news-top .slick-news-top .item .img-box,
.wrap-search-result .news-top .slick-news-top .item .img-box {
  padding-bottom: 60.75949367%;
}
.wrap-news .news-top .slick-news-top .slick-dots,
.wrap-search-result .news-top .slick-news-top .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 0 3%;
  text-align: center;
  text-align: left;
}
@media (max-width: 991px) {
  .wrap-news .news-top .slick-news-top .slick-dots,
  .wrap-search-result .news-top .slick-news-top .slick-dots {
    bottom: 10px;
  }
}
.wrap-news .news-top .slick-news-top .slick-dots li,
.wrap-search-result .news-top .slick-news-top .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0.5;
  border-radius: 50%;
  background-color: #dcdcdc;
}
.wrap-news .news-top .slick-news-top .slick-dots li.slick-active,
.wrap-search-result .news-top .slick-news-top .slick-dots li.slick-active {
  background-color: #3366a6;
}
.wrap-news .news-top .slick-news-top .slick-dots li button,
.wrap-search-result .news-top .slick-news-top .slick-dots li button {
  display: none;
}
.wrap-news .news-top .list ul li,
.wrap-search-result .news-top .list ul li {
  border-bottom: 1px dashed #c9c9c9;
}
.wrap-news .news-top .list ul li:last-child,
.wrap-search-result .news-top .list ul li:last-child {
  border-bottom: none;
}
.wrap-news .news-top .list .item,
.wrap-search-result .news-top .list .item {
  display: block;
  padding: 20px 0;
  color: inherit;
}
.wrap-news .news-top .list .item span.date,
.wrap-search-result .news-top .list .item span.date {
  line-height: 1;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #999;
}
.wrap-news .news-top .list .item b,
.wrap-search-result .news-top .list .item b {
  font-size: 24px;
  font-weight: normal;
  line-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-news .news-top .list .item b,
  .wrap-search-result .news-top .list .item b {
    font-size: 18px;
  }
}
.wrap-news .news-top .list .item p,
.wrap-search-result .news-top .list .item p {
  font-size: 16px;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  height: 52px;
  margin: 4px 0 0 0;
  color: #999;
  color: #666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .wrap-news .news-top .list .item p,
  .wrap-search-result .news-top .list .item p {
    font-size: 14px;
  }
}
.wrap-news .news-top .list .item:hover span.date,
.wrap-search-result .news-top .list .item:hover span.date,
.wrap-news .news-top .list .item:hover b,
.wrap-search-result .news-top .list .item:hover b {
  color: #3366a6;
}
.wrap-news .news,
.wrap-search-result .news {
  padding-top: 70px;
}
.wrap-news .news .news-sort,
.wrap-search-result .news .news-sort {
  overflow: hidden;
  padding: 10px 30px;
  background-color: #f8f8f8;
}
.wrap-news .news .news-sort b,
.wrap-search-result .news .news-sort b {
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-news .news .news-sort b,
  .wrap-search-result .news .news-sort b {
    display: block;
    margin-bottom: 6px;
  }
}
.wrap-news .news .news-sort b:after,
.wrap-search-result .news .news-sort b:after {
  font-family: "iconfont" !important;
  display: inline-block;
  margin: 0 14px;
  content: "\e62b";
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.wrap-news .news .news-sort ul,
.wrap-search-result .news .news-sort ul {
  display: inline-block;
  display: none;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .wrap-news .news .news-sort ul,
  .wrap-search-result .news .news-sort ul {
    margin: 0 -20px;
  }
}
.wrap-news .news .news-sort ul li,
.wrap-search-result .news .news-sort ul li {
  display: inline-block;
}
.wrap-news .news .news-sort ul li a,
.wrap-search-result .news .news-sort ul li a {
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-news .news .news-sort ul li a,
  .wrap-search-result .news .news-sort ul li a {
    line-height: 30px;
  }
}
.wrap-news .news .news-sort ul li.active a,
.wrap-search-result .news .news-sort ul li.active a,
.wrap-news .news .news-sort ul li:hover a,
.wrap-search-result .news .news-sort ul li:hover a {
  color: #3366a6;
}
.wrap-news .news .news-sort .news-hover,
.wrap-search-result .news .news-sort .news-hover {
  display: inline-block;
}
.wrap-news .news .news-sort .news-hover:hover ul,
.wrap-search-result .news .news-sort .news-hover:hover ul {
  display: inline-block;
}
.wrap-news .news .list ul li,
.wrap-search-result .news .list ul li {
  border-bottom: 1px dashed #c9c9c9;
}
.wrap-news .news .list .item,
.wrap-search-result .news .list .item {
  position: relative;
  display: block;
  padding: 34px 34px 34px 130px;
  color: inherit;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item,
  .wrap-search-result .news .list .item {
    padding: 30px 0 30px 100px;
  }
}
.wrap-news .news .list .item .date,
.wrap-search-result .news .list .item .date {
  position: absolute;
  top: 50%;
  left: 0;
  width: 130px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  border-right: 1px solid #d4d4d4;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item .date,
  .wrap-search-result .news .list .item .date {
    width: 90px;
  }
}
.wrap-news .news .list .item .date b,
.wrap-search-result .news .list .item .date b {
  font-size: 36px;
  line-height: 1.2;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item .date b,
  .wrap-search-result .news .list .item .date b {
    font-size: 30px;
  }
}
.wrap-news .news .list .item .date span,
.wrap-search-result .news .list .item .date span {
  font-size: 18px;
  line-height: 1.66666667;
  display: block;
  margin: 0;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item .date span,
  .wrap-search-result .news .list .item .date span {
    font-size: 16px;
  }
}
.wrap-news .news .list .item .note,
.wrap-search-result .news .list .item .note {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item .note,
  .wrap-search-result .news .list .item .note {
    padding: 0;
  }
}
.wrap-news .news .list .item .note b,
.wrap-search-result .news .list .item .note b {
  font-size: 22px;
  font-weight: normal;
  line-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item .note b,
  .wrap-search-result .news .list .item .note b {
    font-size: 18px;
  }
}
.wrap-news .news .list .item .note p,
.wrap-search-result .news .list .item .note p {
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  height: 48px;
  margin: 2px 0 0 0;
  color: #999;
  color: #666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.wrap-news .news .list .item .more,
.wrap-search-result .news .list .item .more {
  font-size: 60px;
  font-weight: normal;
  line-height: 90px;
  position: absolute;
  top: 34px;
  right: 0;
  display: none;
  width: 90px;
}
@media (max-width: 991px) {
  .wrap-news .news .list .item .more,
  .wrap-search-result .news .list .item .more {
    display: none;
  }
}
.wrap-news .news .list .item .more:after,
.wrap-search-result .news .list .item .more:after {
  font-family: "iconfont" !important;
  content: "\e628";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #cdcdcd;
}
.wrap-news .news .list .item:hover .date b,
.wrap-search-result .news .list .item:hover .date b {
  color: #3366a6;
}
.wrap-news .news .list .item:hover .note b,
.wrap-search-result .news .list .item:hover .note b {
  color: #3366a6;
}
.wrap-news .news .list .item:hover .more:after,
.wrap-search-result .news .list .item:hover .more:after {
  color: #3366a6;
}
.wrap-news-industry .news-industry-top .slick-news-industry .item {
  font-size: 0;
  display: block;
  color: inherit;
  background-color: #f8f8f8;
}
.wrap-news-industry .news-industry-top .slick-news-industry .item .pic {
  font-size: 14px;
  display: inline-block;
  width: 44%;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .item .pic {
    width: 100%;
  }
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .item
  .pic
  .img-box {
  padding-bottom: 60.75949367%;
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .item
  .pic
  .img-box
  img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-news-industry .news-industry-top .slick-news-industry .item .note {
  font-size: 14px;
  display: inline-block;
  width: 56%;
  padding: 10px 3%;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .item .note {
    width: 100%;
    padding: 30px 15px;
  }
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .item
  .note
  span.date {
  font-size: 18px;
  line-height: 2;
  display: block;
}
@media (max-width: 991px) {
  .wrap-news-industry
    .news-industry-top
    .slick-news-industry
    .item
    .note
    span.date {
    font-size: 16px;
  }
}
.wrap-news-industry .news-industry-top .slick-news-industry .item .note b {
  font-size: 26px;
  font-weight: normal;
  line-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  max-height: 80px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1470px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .item .note b {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .item .note b {
    font-size: 16px;
    line-height: 28px;
    height: 56px;
  }
}
.wrap-news-industry .news-industry-top .slick-news-industry .item .note p {
  font-size: 16px;
  line-height: 34px;
  display: -webkit-box;
  overflow: hidden;
  max-height: 102px;
  margin: 30px 0 0 0;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1470px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .item .note p {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .item .note p {
    font-size: 14px;
    line-height: 24px;
    max-height: 72px;
  }
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .item
  .note
  span.more {
  line-height: 2;
  display: block;
  margin-top: 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #333;
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .item:hover
  .pic
  .img-box
  img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-news-industry .news-industry-top .slick-news-industry .item:hover .note b,
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .item:hover
  .note
  span.more {
  color: #3366a6;
}
.wrap-news-industry .news-industry-top .slick-news-industry .slick-dots {
  width: 100%;
  margin-top: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry-top .slick-news-industry .slick-dots {
    margin-top: 30px;
  }
}
.wrap-news-industry .news-industry-top .slick-news-industry .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 50%;
  background-color: #dcdcdc;
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .slick-dots
  li.slick-active {
  background-color: #3366a6;
}
.wrap-news-industry
  .news-industry-top
  .slick-news-industry
  .slick-dots
  li
  button {
  display: none;
}
.wrap-news-industry .news-industry {
  margin-top: 30px;
}
.wrap-news-industry .news-industry .item {
  display: block;
  margin-top: 30px;
  color: inherit;
  background-color: #fafafa;
}
.wrap-news-industry .news-industry .item .img-box {
  padding-bottom: 60.75949367%;
}
.wrap-news-industry .news-industry .item .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-news-industry .news-industry .item .note {
  padding: 26px;
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry .item .note {
    padding: 24px 14px;
  }
}
.wrap-news-industry .news-industry .item .note span.date {
  font-size: 16px;
  line-height: 2;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #999;
}
.wrap-news-industry .news-industry .item .note p {
  font-size: 20px;
  line-height: 32px;
  display: -webkit-box;
  overflow: hidden;
  height: 64px;
  margin: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-news-industry .news-industry .item .note p {
    font-size: 16px;
  }
}
.wrap-news-industry .news-industry .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-news-industry .news-industry .item:hover .note span.date,
.wrap-news-industry .news-industry .item:hover .note p {
  color: #3366a6;
}
.wrap-news-location {
  text-align: right;
  background-color: #f8f8f8;
}
.wrap-news-location .location {
  color: #999;
}
.wrap-news-location .location span {
  display: inline-block;
  vertical-align: middle;
}
.wrap-news-location .location ul {
  display: inline-block;
  vertical-align: middle;
}
.wrap-news-location .location ul li {
  display: inline-block;
  vertical-align: middle;
}
.wrap-news-location .location ul li:after {
  content: "-";
}
.wrap-news-location .location ul li:last-child:after {
  display: none;
}
.wrap-news-location .location ul li a {
  line-height: 50px;
  display: inline-block;
  color: inherit;
}
.wrap-news-location .location ul li a:hover {
  color: #3366a6;
}
.wrap-news-show {
  padding-bottom: 0;
}
.wrap-news-show .title-news h1 {
  font-size: 26px;
  line-height: 1.53846154;
  display: block;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-news-show .title-news h1 {
    font-size: 20px;
  }
}
.wrap-news-show .news-info {
  overflow: hidden;
  margin-top: 20px;
  padding: 10px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.wrap-news-show .news-info span.mask,
.wrap-news-show .news-info span.date {
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-news-show .news-info span.mask {
  font-size: 16px;
  margin-right: 20px;
  color: #3366a6;
}
.wrap-news-show .news-info span.date {
  font-size: 16px;
  color: #999;
}
.wrap-news-show .news-info a.return {
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  float: right;
  color: #3366a6;
}
.wrap-news-show .news-info a.return:hover {
  text-decoration: underline;
}
.wrap-news-show .news-info a.share-btn {
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  float: right;
  padding: 0 30px;
  color: #767676;
}
.wrap-news-show .news-info a.share-btn:hover {
  color: #3366a6;
}
.wrap-news-show .news-info a.share-btn:after {
  font-family: "iconfont" !important;
  content: "\e6cc";
}
.wrap-news-show .news-info .font {
  display: inline-block;
  float: right;
}
.wrap-news-show .news-info .font a {
  line-height: 30px;
  position: relative;
  display: inline-block;
  height: 30px;
  margin-top: 2px;
  padding: 0 20px;
  vertical-align: middle;
}
.wrap-news-show .news-info .font a:before {
  font-family: "iconfont";
  font-size: 30px;
  content: "\e62e";
  color: #979797;
}
.wrap-news-show .news-info .font a.switcher-small:before {
  content: "\e642";
}
.wrap-news-show .news-info .font a:after {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 25px;
  margin-top: 2px;
  content: "";
  background-color: #e5e5e5;
}
.wrap-news-show .news-info .font a:hover:before {
  color: #3366a6;
}
.wrap-news-show .news-show {
  overflow: hidden;
  padding-top: 50px;
}
.wrap-news-show .news-show .news-left {
  font-size: 16px;
  line-height: 2;
  float: left;
  width: 74%;
  padding-right: 4%;
  padding-bottom: 80px;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
  .wrap-news-show .news-show .news-left {
    width: 100%;
    padding: 0;
    border: none;
  }
}
.wrap-news-show .news-show .news-left p {
  margin: 0;
}
.wrap-news-show .news-show .news-left img {
  max-width: 100%;
  height: auto !important;
}
.wrap-news-show .news-show .news-left .news-relate {
  margin-top: 50px;
}
.wrap-news-show .news-show .news-left .news-relate ul {
  overflow: hidden;
  margin: 0 -24px;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-left .news-relate ul {
    margin: 0 -10px;
  }
}
.wrap-news-show .news-show .news-left .news-relate ul li {
  float: left;
  width: 33.33333333%;
  margin-top: 10px;
  padding: 0 24px;
  text-align: center;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-left .news-relate ul li {
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .wrap-news-show .news-show .news-left .news-relate ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .wrap-news-show .news-show .news-left .news-relate ul li {
    width: 100%;
  }
}
.wrap-news-show .news-show .news-left .news-relate ul li a {
  line-height: 46px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 46px;
  padding: 0 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #808080;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-news-show .news-show .news-left .news-relate ul li a {
    font-size: 14px;
    padding: 0 10px;
  }
}
.wrap-news-show .news-show .news-left .news-relate ul li:hover a {
  color: #3366a6;
  border-color: #3366a6;
}
.wrap-news-show .news-show .news-right {
  position: relative;
  float: right;
  width: 22%;
  padding-top: 10px;
  will-change: min-height;
}
@media (max-width: 991px) {
  .wrap-news-show .news-show .news-right {
    width: 100%;
    padding: 30px 0 50px;
  }
}
.wrap-news-show .news-show .news-right .sidebar__inner {
  position: relative;
  -webkit-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
.wrap-news-show .news-show .news-right .title-news-right {
  margin-top: 30px;
}
.wrap-news-show .news-show .news-right .title-news-right:after {
  display: block;
  width: 48px;
  height: 4px;
  margin-top: 6px;
  content: "";
  background-color: #3366a6;
}
.wrap-news-show .news-show .news-right .title-news-right b {
  font-size: 24px;
  line-height: 30px;
  display: block;
}
.wrap-news-show .news-show .news-right .list {
  margin-top: 20px;
}
.wrap-news-show .news-show .news-right .list ul li {
  padding: 4px 0;
}
.wrap-news-show .news-show .news-right .list ul li a {
  font-size: 16px;
  line-height: 32px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 32px;
  color: #808080;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.wrap-news-show .news-show .news-right .relate {
  margin-top: 30px;
}
.wrap-news-show .news-show .news-right .relate ul li {
  margin-top: 20px;
}
.wrap-news-show .news-show .news-right .relate ul li a {
  line-height: 46px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 46px;
  padding: 0 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #808080;
  border: 1px solid #dcdcdc;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.wrap-news-show .news-show .news-right .relate ul li:hover a {
  color: #3366a6;
  border-color: #3366a6;
}
.wrap-news-show .news-show .news-right .info {
  padding: 30px 20px;
  color: #fff;
  background-color: #3366a6;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-right .info {
    padding: 30px 10px;
  }
}
.wrap-news-show .news-show .news-right .info .title-investor {
  padding-bottom: 20px;
  border-bottom: 1px solid #80b2dc;
}
.wrap-news-show .news-show .news-right .info .title-investor b {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-right .info .title-investor b {
    font-size: 24px;
  }
}
.wrap-news-show .news-show .news-right .info .title-investor b span {
  font-size: 28px;
  display: inline-block;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-right .info .title-investor b span {
    font-size: 18px;
  }
}
.wrap-news-show .news-show .news-right .info .title-investor p {
  font-size: 17px;
  line-height: 30px;
  margin: 10px 0 0 0;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-right .info .title-investor p {
    font-size: 15px;
  }
}
.wrap-news-show .news-show .news-right .info .t4 {
  font-size: 70px;
  font-weight: bold;
  line-height: 1;
  margin: 20px 0;
}
@media (max-width: 1470px) {
  .wrap-news-show .news-show .news-right .info .t4 {
    font-size: 50px;
  }
}
.wrap-news-show .news-show .news-right .info .t4 span {
  font-size: 24px;
  font-weight: normal;
}
.wrap-news-show .news-show .news-right .info .t7 {
  font-size: 16px;
  line-height: 24px;
}
.wrap-news-show .news-show .news-right .info .t7 img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.wrap-news-show .news-show .news-right .info .t7 b {
  font-weight: normal;
  display: block;
}
.wrap-news-show .news-show .news-right .info .t6 {
  margin-top: 20px;
}
.wrap-news-show .news-show .news-right .info ul {
  font-size: 0;
  clear: both;
  margin: 20px 0 0 0;
  padding: 0;
  border-top: 1px solid #80b2dc;
}
.wrap-news-show .news-show .news-right .info ul li {
  display: inline-block;
  width: 50%;
  margin-top: 20px;
  vertical-align: top;
}
.wrap-news-show .news-show .news-right .info ul li p {
  font-size: 18px;
  color: #fff;
}
.wrap-news-show .news-show .news-right .info ul li p span {
  display: block;
}
.wrap-share {
  position: fixed;
  z-index: 10;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.wrap-share .share-info {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wrap-share .share-info .info {
  max-width: 550px;
  margin: 0 auto;
  padding: 0 30px;
  border-radius: 10px;
  background-color: #fff;
}
.wrap-share .share-info .info .title-share {
  font-weight: normal;
  padding-top: 30px;
  text-align: center;
}
.wrap-share .share-info .info .title-share b {
  font-size: 18px;
  font-weight: normal;
  line-height: 2;
  display: block;
}
.wrap-share .share-info .info .list {
  margin: 0 -30px;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
}
.wrap-share .share-info .info .list ul {
  margin: 0 -30px;
  text-align: center;
}
.wrap-share .share-info .info .list ul li {
  display: inline-block;
  padding: 0 30px;
  vertical-align: middle;
}
.wrap-share .share-info .info .list ul li a {
  line-height: 32px;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: inherit;
  color: #666;
}
.wrap-share .share-info .info .list ul li a img {
  display: block;
  max-width: 30px;
  margin: 0 auto;
}
.wrap-share .share-info .info .list ul li a:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.wrap-share .share-info .info .list .social-share-icon {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 30px;
  color: #666;
  border: none;
}
.wrap-share .share-info .info .list .social-share-icon:before {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  content: "";
  background: url(../images/img/weibo.png) no-repeat center;
  background-size: cover;
}
.wrap-share .share-info .info .list .social-share-icon:after {
  content: "微 博";
}
.wrap-share .share-info .info .list .social-share-icon.icon-wechat:before {
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  background: url(../images/img/online-1.png) no-repeat center;
  background-size: cover;
}
.wrap-share .share-info .info .list .social-share-icon.icon-wechat:after {
  content: "微信";
}
.wrap-share .share-info .info .list .social-share-icon.icon-facebook:before {
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  background: url(../images/img/facebook.png) no-repeat center;
  background-size: cover;
}
.wrap-share .share-info .info .list .social-share-icon.icon-facebook:after {
  content: "Facebook";
}
.wrap-share .share-info .info .list .social-share-icon.icon-linkedin:before {
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  background: url(../images/img/linkedin.png) no-repeat center;
  background-size: cover;
}
.wrap-share .share-info .info .list .social-share-icon.icon-linkedin:after {
  content: "Linkedin";
}
.wrap-share .share-info .info .list .social-share-icon:hover {
  background: none;
}
.wrap-share .share-info .info .share-close {
  line-height: 30px;
  padding: 14px 0;
  cursor: pointer;
}
.wrap-share .share-info .info .share-close span {
  font-size: 16px;
  display: block;
  text-align: center;
  color: #666;
}
.wrap-share .share-info .info .share-close:hover span {
  color: #3366a6;
}
.wrap-product,
.wrap-search-result {
  overflow: hidden;
}
@media (max-width: 991px) {
  .wrap-product,
  .wrap-search-result {
    padding-top: 0;
  }
}
.wrap-product .product,
.wrap-search-result .product {
  margin-top: -40px;
  margin-bottom: 50px;
}
.wrap-product .product .title-product b,
.wrap-search-result .product .title-product b {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.36363636;
  display: block;
}
.wrap-product .product .list > ul > li,
.wrap-search-result .product .list > ul > li {
  margin-top: 40px;
  background-color: #f8f8f8;
}
.wrap-product .product .list .item,
.wrap-search-result .product .list .item {
  font-size: 0;
}
.wrap-product .product .list .item .pic,
.wrap-search-result .product .list .item .pic,
.wrap-product .product .list .item .text,
.wrap-search-result .product .list .item .text {
  display: inline-block;
  vertical-align: middle;
}
.wrap-product .product .list .item a,
.wrap-search-result .product .list .item a {
  color: inherit;
}
.wrap-product .product .list .item .pic,
.wrap-search-result .product .list .item .pic {
  overflow: hidden;
  width: 40%;
  border-radius: 20px 0 0 20px;
}
@media (max-width: 767px) {
  .wrap-product .product .list .item .pic,
  .wrap-search-result .product .list .item .pic {
    width: 100%;
  }
}
.wrap-product .product .list .item .pic .img-box,
.wrap-search-result .product .list .item .pic .img-box {
  padding-bottom: 58.90410959%;
}
.wrap-product .product .list .item .pic .img-box img,
.wrap-search-result .product .list .item .pic .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-product .product .list .item .text,
.wrap-search-result .product .list .item .text {
  font-size: 14px;
  width: 60%;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .wrap-product .product .list .item .text,
  .wrap-search-result .product .list .item .text {
    width: 100%;
    padding: 30px 10px;
  }
}
.wrap-product .product .list .item .text b,
.wrap-search-result .product .list .item .text b {
  font-size: 26px;
  line-height: 50px;
  position: relative;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 50px;
  margin: 0 0 14px 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1350px) {
  .wrap-product .product .list .item .text b,
  .wrap-search-result .product .list .item .text b {
    font-size: 20px;
  }
}
.wrap-product .product .list .item .text b:after,
.wrap-search-result .product .list .item .text b:after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 40px;
  height: 2px;
  content: "";
  background-color: #333;
}
.wrap-product .product .list .item .text p,
.wrap-search-result .product .list .item .text p {
  font-size: 16px;
  font-size: 17px;
  line-height: 30px;
  margin: 0;
  color: #999;
  color: #666;
}
@media (max-width: 1350px) {
  .wrap-product .product .list .item .text p,
  .wrap-search-result .product .list .item .text p {
    font-size: 14px;
    margin-top: 10px;
  }
}
.wrap-product .product .list .item .text .link,
.wrap-search-result .product .list .item .text .link {
  margin-top: 20px;
}
@media (max-width: 1600px) {
  .wrap-product .product .list .item .text .link,
  .wrap-search-result .product .list .item .text .link {
    margin-top: 10px;
  }
}
@media (max-width: 1350px) {
  .wrap-product .product .list .item .text .link,
  .wrap-search-result .product .list .item .text .link {
    margin-top: 10px;
  }
}
.wrap-product .product .list .item .text .link a,
.wrap-search-result .product .list .item .text .link a {
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  margin-top: 10px;
  margin-right: 20px;
  padding: 0 20px;
  color: #fff;
  border-radius: 4px;
  background-color: #b5b5b5;
}
@media (max-width: 1350px) {
  .wrap-product .product .list .item .text .link a,
  .wrap-search-result .product .list .item .text .link a {
    font-size: 14px;
    line-height: 34px;
    height: 34px;
  }
}
@media (max-width: 767px) {
  .wrap-product .product .list .item .text .link a,
  .wrap-search-result .product .list .item .text .link a {
    margin-right: 10px;
  }
}
.wrap-product .product .list .item .text .link a.down,
.wrap-search-result .product .list .item .text .link a.down {
  background-color: #3366a6;
}
.wrap-product .product .list .item .text .link a.inquiry,
.wrap-search-result .product .list .item .text .link a.inquiry {
  margin-right: 0;
  background-color: #122942;
}
.wrap-product .product .list .item .text .link a:hover,
.wrap-search-result .product .list .item .text .link a:hover {
  background-color: #faaf0e;
}
.wrap-product .product .list .item:hover .pic .img-box img,
.wrap-search-result .product .list .item:hover .pic .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-product .product .list .item:hover .text b,
.wrap-search-result .product .list .item:hover .text b {
  color: #3366a6;
}
.wrap-product .product .list .item:hover .text b:after,
.wrap-search-result .product .list .item:hover .text b:after {
  background-color: #3366a6;
}
.wrap-product .product .list .showMorehandle,
.wrap-search-result .product .list .showMorehandle {
  margin-top: 30px;
  text-align: center;
}
.wrap-product .product .list .showMorehandle a,
.wrap-search-result .product .list .showMorehandle a {
  font-size: 16px;
  line-height: 30px;
  color: #3366a6;
}
.wrap-product .product .list .showMorehandle a:after,
.wrap-search-result .product .list .showMorehandle a:after {
  font-family: "iconfont" !important;
  content: "\e62b";
}
.wrap-product-show .container {
  max-width: 1560px;
  width: 1530px;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .wrap-product-show .container {
    padding: 0 5%;
  }
}
@media (max-width: 1440px) {
  .wrap-product-show .container {
    padding: 0 8%;
  }
}

@media (max-width: 1560px) {
  .wrap-product-show .container {
    width: auto;
    max-width: none;
  }
}
.wrap-product-show.wrap-product-show-1 .container {
  max-width: 1760px;
  width: 1760px;
  margin: 0 auto;
}

@media (max-width: 1760px) {
  .wrap-product-show.wrap-product-show-1 .container {
    width: auto;
    max-width: none;
  }
}

.wrap-product-show .carousel-wrap .carousel {
  font-size: 0;
  position: relative;
}
.wrap-product-show .carousel-wrap .carousel .img-box {
  padding-bottom: 58.90410959%;
}
.wrap-product-show .carousel-wrap .carousel .slider-for {
  position: relative;
}
.wrap-product-show .carousel-wrap .carousel .slider-for .item {
  position: relative;
}
.wrap-product-show .carousel-wrap .carousel .slider-nav {
  margin-top: 16px;
  padding: 0 50px;
}
@media (max-width: 991px) {
  .wrap-product-show .carousel-wrap .carousel .slider-nav {
    padding: 0 30px;
  }
}
.wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide {
  padding: 0 12px;
  outline: none;
}
@media (max-width: 991px) {
  .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide {
    padding: 0 4px;
  }
}
.wrap-product-show .carousel-wrap .carousel .slider-nav .item {
  position: relative;
  border: 1px solid #eee;
}
.wrap-product-show .carousel-wrap .carousel .slider-nav .slick-current .item {
  border: 1px solid #3366a6;
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 0;
  width: 30px;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  border: none;
  outline: none;
  background: none;
  background-color: #e0e0e0;
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow:before {
  font-family: "iconfont" !important;
  font-size: 22px;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  content: "\e62c";
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
@media (max-width: 991px) {
  .wrap-product-show .carousel-wrap .carousel .slick-arrow:before {
    font-size: 16px;
  }
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow.slick-next {
  right: 0;
  left: auto;
  text-align: right;
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow.slick-next:before {
  content: "\e9bc";
}
.wrap-product-show .carousel-wrap .carousel .slick-arrow:hover {
  background-color: #3366a6;
}
.wrap-product-show .carousel-wrap .info-box {
  position: relative;
  margin-top: 50px;
  padding-left: 30px;
}
@media (max-width: 1350px) {
  .wrap-product-show .carousel-wrap .info-box {
    padding-left: 0;
  }
}
.wrap-product-show .carousel-wrap .info-box .title-info {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}
.wrap-product-show .carousel-wrap .info-box .title-info:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 100px;
  height: 3px;
  content: "";
  background-color: #3366a6;
}
.wrap-product-show .carousel-wrap .info-box .title-info h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.6;
  display: block;
  margin: 0;
  text-transform: uppercase;
  color: #3366a6;
}
@media (max-width: 1440px) {
  .wrap-product-show .carousel-wrap .info-box {
    margin-top: 30px;
  }
}

@media (max-width: 1350px) {
  .wrap-product-show .carousel-wrap .info-box .title-info h1 {
    font-size: 20px;
  }
}
.wrap-product-show .carousel-wrap .info-box .text {
  margin-top: 40px;
  margin-bottom: 20px;
  min-height: 220px;
  min-height: auto !important;
}
.wrap-product-show .carousel-wrap .info-box .text p {
  font-size: 18px;
  line-height: 1.66666667;
  position: relative;
  padding-left: 80px;
  color: #666;
}
@media (max-width: 1440px) {
  .wrap-product-show .carousel-wrap .info-box .text {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .wrap-product-show .carousel-wrap .info-box .text p {
    font-size: 15px;
  }
}
.wrap-product-show .carousel-wrap .info-box .text p b {
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
}
.wrap-product-show .carousel-wrap .info-box .btn-pinfo a {
  font-size: 16px;
  line-height: 46px;
  display: inline-block;
  height: 46px;
  margin-top: 50px;
  margin-top: 20px !important;
  margin-right: 20px;
  padding: 0 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #3366a6;
  border: 2px solid #3366a6;
  border-radius: 30px;
}
@media (max-width: 1440px) {
  .wrap-product-show .carousel-wrap .info-box .btn-pinfo a {
    margin-top: 24px;
  }
}
@media (max-width: 1366px) {
  .wrap-product-show .carousel-wrap .info-box .text {
    min-height: 190px;
  }
}
@media (max-width: 1199px) {
  .wrap-product-show .carousel-wrap .info-box .text {
    min-height: auto;
  }
}
@media (max-width: 991px) {
  .wrap-product-show .carousel-wrap .info-box .btn-pinfo a {
    margin-right: 10px;
  }
}
.wrap-product-show .carousel-wrap .info-box .btn-pinfo a:before {
  font-family: "iconfont" !important;
  font-size: 24px;
  float: left;
  margin-right: 10px;
  content: "\e63b";
}
.wrap-product-show .carousel-wrap .info-box .btn-pinfo a.btn-consulting {
  color: #666;
  border: 2px solid #666;
}
.wrap-product-show .carousel-wrap .info-box .btn-pinfo a.btn-consulting:before {
  content: "\e640";
}
.wrap-product-show .carousel-wrap .info-box .btn-pinfo a:hover {
  color: #fff;
  border-color: #3366a6;
  background-color: #3366a6;
}
.wrap-product-show .carousel-wrap .info-box .mask {
  margin-top: 44px;
  margin-top: 176px;
}
.wrap-product-show .carousel-wrap .info-box .mask img {
  max-width: 100%;
}
.wrap-product-show .title-product-show {
  overflow: hidden;
}
.wrap-product-show .title-product-show b {
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}
@media (max-width: 991px) {
  .wrap-product-show .title-product-show b {
    font-size: 20px;
  }
}
.wrap-product-show .title-product-show a.more {
  line-height: 30px;
  display: inline-block;
  float: right;
  color: #3366a6;
}
.wrap-product-show .parameter,
.wrap-product-show .relate-product {
  margin-top: 70px;
}
.wrap-product-show .parameter {
  overflow: hidden;
  padding: 30px 0 60px;
  background-color: #f9f9f9;
}
.wrap-product-show .parameter ul.parameter-sort {
  font-size: 0;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
}
.wrap-product-show .parameter ul.parameter-sort li {
  display: inline-block;
  margin-left: 40px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .wrap-product-show .parameter ul.parameter-sort li {
    margin-left: 10px;
  }
}
.wrap-product-show .parameter ul.parameter-sort li:first-child {
  margin-left: 0;
}
.wrap-product-show .parameter ul.parameter-sort li a {
  font-size: 18px;
  line-height: 30px;
  position: relative;
  display: block;
  padding: 10px;
  text-transform: uppercase;
  color: #666;
}
@media (max-width: 1440px) {
  .wrap-product-show .carousel-wrap .info-box .mask {
    margin-top: 74px;
  }
}
@media (max-width: 1366px) {
  .wrap-product-show .carousel-wrap .info-box .mask {
    margin-top: 30px;
  }
}

@media (max-width: 991px) {
  .wrap-product-show .parameter ul.parameter-sort li a {
    font-size: 15px;
  }
}
.wrap-product-show .parameter ul.parameter-sort li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 3px;
  content: "";
  background-color: #3366a6;
}
.wrap-product-show .parameter ul.parameter-sort li.active a {
  font-size: 24px;
  font-weight: bold;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-product-show .parameter ul.parameter-sort li.active a {
    font-size: 18px;
  }
}
.wrap-product-show .parameter ul.parameter-sort li.active a:after {
  width: 100%;
}
.wrap-product-show .parameter .parameter-list {
  padding: 40px 0;
}
@media (max-width: 991px) {
  .wrap-product-show .parameter .parameter-list {
    padding: 30px 0;
  }
}
.wrap-product-show .parameter .parameter-list p {
  font-size: 18px;
  line-height: 2;
}
@media (max-width: 991px) {
  .wrap-product-show .parameter .parameter-list p {
    font-size: 15px;
  }
}
.wrap-product-show .parameter .parameter-list h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 48px;
  display: inline-block;
  padding: 0 26px;
  color: #3366a6;
  border: 2px solid #3366a6;
  border-radius: 30px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .wrap-product-show .parameter .parameter-list h3 {
    font-size: 18px;
  }
}
.wrap-product-show .relate-product .slick-product-relate {
  margin: 0 -15px;
}
.wrap-product-show .relate-product .slick-slide {
  padding: 0 15px;
}
.wrap-product-show .relate-product .item {
  display: block;
  margin-top: 30px;
}
.wrap-product-show .relate-product .item .img-box {
  padding-bottom: 58.90410959%;
  border: 1px solid #eee;
}
.wrap-product-show .relate-product .item .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-product-show .relate-product .item p {
  line-height: 30px;
  margin: 14px 0 0 0;
  text-align: center;
  color: #999;
}
.wrap-product-show .relate-product .item:hover .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-product-show .relate-product .item:hover p {
  color: #3366a6;
}
.fixed-product-consulting {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.fixed-product-consulting .wrap-product-consulting {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fixed-product-consulting .wrap-product-consulting .product-consulting {
  position: relative;
  overflow-y: auto;
  max-width: 990px;
  max-height: 800px;
  margin: 0 auto;
  padding: 50px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1470px) {
  .fixed-product-consulting .wrap-product-consulting .product-consulting {
    max-height: 650px;
  }
}
@media (max-width: 1199px) {
  .fixed-product-consulting .wrap-product-consulting .product-consulting {
    max-height: 600px;
  }
}
@media (max-width: 991px) {
  .fixed-product-consulting .wrap-product-consulting .product-consulting {
    max-height: 400px;
    padding: 20px 10px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting::-webkit-scrollbar {
  position: absolute;
  left: 0;
  width: 4px;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting::-webkit-scrollbar-track {
  background-color: #dcdcdc;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting::-webkit-scrollbar-thumb {
  background-color: #9f9f9f;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .product-consulting-close {
    right: 10px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-close:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  display: inline-block;
  content: "\e628";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .title-product-consulting {
  text-align: center;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .title-product-consulting
  b {
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  display: block;
  color: #3366a6;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .title-product-consulting
  b:after {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 20px;
  content: "";
  background: url(../images/line-5.png) no-repeat center;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .title-product-consulting
    b {
    font-size: 20px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .title-product-consulting
  p {
  font-size: 18px;
  line-height: 1.66666667;
  margin: 14px 0 0 0;
  color: #666;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .title-product-consulting
    p {
    font-size: 16px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list {
  margin-top: 30px;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form {
  overflow: hidden;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  ul {
  overflow: hidden;
  margin: 0 -30px;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  ul
  li {
  float: left;
  width: 50%;
  margin-top: 20px;
  padding: 0 30px;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  ul
  li:nth-child(7) {
  width: 100%;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .product-consulting-list
    form
    ul
    li {
    width: 100%;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input[type="text"],
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  min-height: 52px;
  padding: 10px;
  resize: vertical;
  color: #999;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 4px;
  outline: none;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .product-consulting-list
    form
    input[type="text"],
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .product-consulting-list
    form
    textarea {
    font-size: 15px;
    min-height: 44px;
    padding: 6px 10px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input::-webkit-input-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea::-webkit-input-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input:-o-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea:-o-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input::-moz-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea::-moz-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input:-ms-input-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea:-ms-input-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input:focus::-webkit-input-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea:focus::-webkit-input-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input:focus::-o-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea:focus::-o-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input:focus::-moz-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea:focus::-moz-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  input:focus::-ms-input-placeholder,
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  textarea:focus::-ms-input-placeholder {
  color: #999;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  select {
  font-size: 16px;
  line-height: 52px;
  width: 100%;
  height: 52px;
  padding: 0 30px 0 10px;
  color: #999;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  outline: none;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .product-consulting-list
    form
    select {
    line-height: 42px;
    height: 42px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  .send {
  text-align: center;
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  .submit {
  font-size: 18px;
  line-height: 58px;
  height: 58px;
  margin-top: 30px;
  padding: 0 100px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  border-radius: 30px;
  background-color: #e5e5e5;
  background-color: #3366a6;
}
@media (max-width: 991px) {
  .fixed-product-consulting
    .wrap-product-consulting
    .product-consulting
    .product-consulting-list
    form
    .submit {
    font-size: 15px;
    line-height: 48px;
    height: 48px;
    margin-top: 20px;
    padding: 0 50px;
  }
}
.fixed-product-consulting
  .wrap-product-consulting
  .product-consulting
  .product-consulting-list
  form
  .submit:hover {
  color: #fff;
  background-color: #004a87;
}
.table-box {
  overflow: auto;
  width: 100%;
  max-width: 100%;
}
table {
  line-height: 30px;
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #ebebeb !important;
}
table tr,
table td {
  width: auto !important;
  height: auto !important;
  vertical-align: middle;
}
table td {
  border: 1px solid #ebebeb !important;
}
@media (max-width: 991px) {
}
.wrap-contact {
  padding-bottom: 0;
}
.wrap-contact .contact {
  font-size: 0;
  padding-bottom: 80px;
}
.wrap-contact .contact .contact-sort,
.wrap-contact .contact .contact-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-contact .contact .contact-sort {
  width: 20%;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-sort {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-sort ul {
    text-align: center;
  }
}
.wrap-contact .contact .contact-sort ul li {
  max-width: 120px;
  margin: 30px 0;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-sort ul li {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
  }
}
.wrap-contact .contact .contact-sort ul li .item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e7e7e7;
}
.wrap-contact .contact .contact-sort ul li .item .contact-icon-active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.wrap-contact .contact .contact-sort ul li .item img {
  width: 100%;
}
.wrap-contact .contact .contact-sort ul li.active .item {
  border-color: #3366a6;
}
.wrap-contact .contact .contact-sort ul li.active .item .contact-icon {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.wrap-contact .contact .contact-sort ul li.active .item .contact-icon-active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.wrap-contact .contact .contact-list {
  overflow: hidden;
  width: 80%;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list {
    width: 100%;
    margin-top: 40px;
  }
}
.wrap-contact .contact .contact-list .pic,
.wrap-contact .contact .contact-list .text {
  float: left;
  width: 50%;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list .pic,
  .wrap-contact .contact .contact-list .text {
    width: 100%;
  }
}
.wrap-contact .contact .contact-list .pic img {
  max-width: 100%;
}
.wrap-contact .contact .contact-list .text {
  padding-left: 5%;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list .text {
    margin-top: 30px;
    padding: 0;
  }
}
.wrap-contact .contact .contact-list .text .title-contact:after {
  display: block;
  width: 60px;
  height: 3px;
  margin-top: 16px;
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3366a6),
    to(#00919d)
  );
  background-image: -webkit-linear-gradient(left, #3366a6, #00919d);
  background-image: linear-gradient(to right, #3366a6, #00919d);
}
.wrap-contact .contact .contact-list .text .title-contact b {
  font-size: 30px;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list .text .title-contact b {
    font-size: 24px;
  }
}
.wrap-contact .contact .contact-list .text .text-sort {
  overflow: hidden;
  margin-top: 20px;
}
.wrap-contact .contact .contact-list .text .text-sort ul {
  margin: 0 -10px;
}
.wrap-contact .contact .contact-list .text .text-sort ul li {
  display: inline-block;
  margin-top: 20px;
  padding: 0 10px;
  vertical-align: top;
}
.wrap-contact .contact .contact-list .text .text-sort ul li a {
  font-size: 18px;
  line-height: 44px;
  display: inline-block;
  padding: 0 30px;
  color: #999;
  border: 1px solid #cbcbcb;
  border-radius: 30px;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list .text .text-sort ul li a {
    font-size: 16px;
    line-height: 40px;
    padding: 0 22px;
  }
}
.wrap-contact .contact .contact-list .text .text-sort ul li.active a {
  color: #3366a6;
  border-color: #3366a6;
}
.wrap-contact .contact .contact-list .text .text-list {
  display: none;
  margin-top: 40px;
}
.wrap-contact .contact .contact-list .text .text-list:nth-child(1) {
  display: block !important;
}
.wrap-contact .contact .contact-list .text .text-list b {
  font-size: 30px;
  line-height: 1.4;
  display: block;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list .text .text-list b {
    font-size: 20px;
  }
}
.wrap-contact .contact .contact-list .text .text-list p {
  font-size: 18px;
  line-height: 30px;
  position: relative;
  margin: 20px 0;
  padding-left: 36px;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-contact .contact .contact-list .text .text-list p {
    font-size: 16px;
  }
}
.wrap-contact .contact .contact-list .text .text-list p img {
  position: absolute;
  top: 4px;
  left: 0;
}
.wrap-contact .contact-table {
  overflow: hidden;
  padding: 80px 0;
  background: url(../images/contact_bg.jpg) no-repeat center;
  background-size: cover;
}
.wrap-contact .contact-table .ctable-sort {
  float: left;
  width: 20%;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-sort {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-sort ul {
    text-align: center;
  }
}
.wrap-contact .contact-table .ctable-sort ul li {
  position: relative;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-sort ul li {
    display: inline-block;
  }
}
.wrap-contact .contact-table .ctable-sort ul li:before,
.wrap-contact .contact-table .ctable-sort ul li:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 50%;
  content: "";
  background-color: #d3d3d3;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-sort ul li:before,
  .wrap-contact .contact-table .ctable-sort ul li:after {
    display: none;
  }
}
.wrap-contact .contact-table .ctable-sort ul li:after {
  top: auto;
  bottom: 0;
}
.wrap-contact .contact-table .ctable-sort ul li:first-child:before {
  display: none;
}
.wrap-contact .contact-table .ctable-sort ul li:last-child:after {
  display: none;
}
.wrap-contact .contact-table .ctable-sort ul li a {
  font-size: 18px;
  line-height: 50px;
  display: block;
  padding: 20px;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-sort ul li a {
    font-size: 16px;
    line-height: 30px;
    padding: 10px 20px;
  }
}
.wrap-contact .contact-table .ctable-sort ul li a:before {
  position: absolute;
  top: 50%;
  left: -5px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  content: "";
  border-radius: 50%;
  background-color: #bfbfbf;
}
.wrap-contact .contact-table .ctable-sort ul li.active a {
  font-size: 26px;
  font-weight: bold;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-sort ul li.active a {
    font-size: 20px;
  }
}
.wrap-contact .contact-table .ctable-list {
  float: left;
  width: 80%;
  margin-top: 80px;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-list {
    margin-top: 40px;
  }
}
.wrap-contact .contact-table .ctable-list p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-list p {
    font-size: 14px;
  }
}
.wrap-contact .contact-table .ctable-list b {
  font-size: 60px;
  font-weight: normal;
  line-height: 1;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-list b {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .wrap-contact .contact-table .ctable-list h3 {
    font-size: 18px;
  }
}
.wrap-contact .contact-message {
  padding: 80px 0;
  background: url(../images/message_bg.jpg) no-repeat center;
  background-size: cover;
}
.wrap-contact .contact-message .title-message {
  text-align: center;
  color: #fff;
}
.wrap-contact .contact-message .title-message b {
  font-size: 26px;
  line-height: 1.53846154;
  display: block;
}
@media (max-width: 991px) {
  .wrap-contact .contact-message .title-message b {
    font-size: 22px;
  }
}
.wrap-contact .contact-message .title-message b:after {
  display: block;
  width: 580px;
  height: 4px;
  margin: 10px auto;
  content: "";
  background: url(../images/line-4.png) no-repeat center;
}
@media (max-width: 991px) {
  .wrap-contact .contact-message .title-message b:after {
    width: 100%;
  }
}
.wrap-contact .contact-message .title-message p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-contact .contact-message .title-message p {
    font-size: 14px;
  }
}
.wrap-contact .contact-message .message input,
.wrap-contact .contact-message .message textarea,
.wrap-contact .contact-message .message select {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  min-height: 70px;
  margin-top: 20px;
  padding: 20px 0;
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: none;
}
@media (max-width: 991px) {
  .wrap-contact .contact-message .message input,
  .wrap-contact .contact-message .message textarea,
  .wrap-contact .contact-message .message select {
    font-size: 15px;
    min-height: 50px;
    padding: 10px 0;
  }
}
.wrap-contact .contact-message .message input::-webkit-input-placeholder,
.wrap-contact .contact-message .message textarea::-webkit-input-placeholder {
  color: #c1c1c1;
}
.wrap-contact .contact-message .message input:-o-placeholder,
.wrap-contact .contact-message .message textarea:-o-placeholder {
  color: #c1c1c1;
}
.wrap-contact .contact-message .message input::-moz-placeholder,
.wrap-contact .contact-message .message textarea::-moz-placeholder {
  color: #c1c1c1;
}
.wrap-contact .contact-message .message input:-ms-input-placeholder,
.wrap-contact .contact-message .message textarea:-ms-input-placeholder {
  color: #c1c1c1;
}
.wrap-contact .contact-message .message input:focus::-webkit-input-placeholder,
.wrap-contact
  .contact-message
  .message
  textarea:focus::-webkit-input-placeholder {
  color: #eee;
}
.wrap-contact .contact-message .message input:focus::-o-placeholder,
.wrap-contact .contact-message .message textarea:focus::-o-placeholder {
  color: #eee;
}
.wrap-contact .contact-message .message input:focus::-moz-placeholder,
.wrap-contact .contact-message .message textarea:focus::-moz-placeholder {
  color: #eee;
}
.wrap-contact .contact-message .message input:focus::-ms-input-placeholder,
.wrap-contact .contact-message .message textarea:focus::-ms-input-placeholder {
  color: #eee;
}
.wrap-contact .contact-message .message select {
  color: #c1c1c1;
}
.wrap-contact .contact-message .message select option {
  color: #666;
}
.wrap-contact .contact-message .message .submit {
  font-size: 18px;
  line-height: 60px;
  display: block;
  width: 300px;
  height: 60px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  border: none;
  border-radius: 30px;
  outline: none;
  background-color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-contact .contact-message .message .submit {
    font-size: 16px;
    line-height: 50px;
    width: 200px;
    height: 50px;
  }
}
.wrap-contact .contact-message .message .submit:hover {
  background-color: #004a87;
}
.wrap-resume .resume .title-wrap-right b {
  font-size: 22px;
}
@media (max-width: 767px) {
  .wrap-resume .resume .title-wrap-right b {
    font-size: 20px;
  }
}
.wrap-resume .resume .row {
  font-size: 0;
}
.wrap-resume .resume .itembox {
  font-size: 14px;
  position: relative;
  display: inline-block;
  float: none;
  margin-top: 30px;
  padding-left: 150px;
  vertical-align: top;
}
@media (max-width: 1470px) {
  .wrap-resume .resume .itembox {
    padding-left: 120px;
  }
}
@media (max-width: 991px) {
  .wrap-resume .resume .itembox {
    margin-top: 14px;
  }
}
.wrap-resume .resume .itembox.itembox-select:after {
  font-family: "iconfont" !important;
  font-size: 24px;
  line-height: 46px;
  position: absolute;
  top: 0;
  right: 24px;
  display: block;
  content: "\e634";
  color: #d2d2d2;
}
.wrap-resume .resume .itembox.itembox-select-date:after {
  font-size: 18px;
  content: "\e633";
}
.wrap-resume .resume .itembox.itembox-select-date1:after {
  display: none;
}
.wrap-resume .resume .itembox.itembox-select-date1 ul {
  overflow: hidden;
  margin: 0 -5px;
}
.wrap-resume .resume .itembox.itembox-select-date1 ul li {
  position: relative;
  float: left;
  width: 46%;
  padding: 0 5px;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox.itembox-select-date1 ul li {
    width: 100%;
  }
}
.wrap-resume .resume .itembox.itembox-select-date1 ul li:nth-child(2) {
  width: 8%;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox.itembox-select-date1 ul li:nth-child(2) {
    width: 100%;
  }
}
.wrap-resume .resume .itembox.itembox-select-date1 ul li:nth-child(2):after {
  display: none;
}
.wrap-resume .resume .itembox.itembox-select-date1 ul li:after {
  font-family: "iconfont" !important;
  font-size: 18px;
  line-height: 46px;
  position: absolute;
  top: 0;
  right: 24px;
  display: block;
  content: "\e633";
  color: #d2d2d2;
}
.wrap-resume .resume .itembox.itembox-select-city {
  overflow: hidden;
}
.wrap-resume .resume .itembox.itembox-select-city:after {
  display: none;
}
.wrap-resume .resume .itembox.itembox-select-city div > ul {
  overflow: hidden;
  margin: 0 -5px;
}
.wrap-resume .resume .itembox.itembox-select-city div > ul > li {
  position: relative;
  display: inline-block;
  float: left;
  width: 33.33333333%;
  padding: 0 5px;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox.itembox-select-city div > ul > li {
    width: 100%;
    margin-bottom: 10px;
  }
}
.wrap-resume .resume .itembox.itembox-select-city div > ul > li:after {
  font-family: "iconfont" !important;
  font-size: 20px;
  line-height: 46px;
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  content: "\e634";
  color: #d2d2d2;
}
.wrap-resume .resume .itembox.itembox-select-city div > ul > li select {
  padding: 0 10px;
}
.wrap-resume .resume .itembox span.mask {
  font-size: 18px;
  line-height: 46px;
  position: absolute;
  left: 15px;
  width: 120px;
  text-align: right;
}
@media (max-width: 1470px) {
  .wrap-resume .resume .itembox span.mask {
    font-size: 15px;
    width: 100px;
  }
}
.wrap-resume .resume .itembox span.mask i {
  font-style: normal;
  color: #cb0000;
}
.wrap-resume .resume .itembox input[type="text"],
.wrap-resume .resume .itembox textarea {
  line-height: 26px;
  width: 100%;
  padding: 10px;
  resize: vertical;
  color: #999;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  outline: none;
}
.wrap-resume .resume .itembox input::-webkit-input-placeholder,
.wrap-resume .resume .itembox textarea::-webkit-input-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input:-o-placeholder,
.wrap-resume .resume .itembox textarea:-o-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input::-moz-placeholder,
.wrap-resume .resume .itembox textarea::-moz-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input:-ms-input-placeholder,
.wrap-resume .resume .itembox textarea:-ms-input-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input:focus::-webkit-input-placeholder,
.wrap-resume .resume .itembox textarea:focus::-webkit-input-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input:focus::-o-placeholder,
.wrap-resume .resume .itembox textarea:focus::-o-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input:focus::-moz-placeholder,
.wrap-resume .resume .itembox textarea:focus::-moz-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox input:focus::-ms-input-placeholder,
.wrap-resume .resume .itembox textarea:focus::-ms-input-placeholder {
  color: #999;
}
.wrap-resume .resume .itembox select {
  line-height: 46px;
  width: 100%;
  height: 46px;
  padding: 0 30px 0 10px;
  color: #999;
  border: 1px solid #dcdcdc;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.wrap-resume .resume .J-datepicker-day {
  width: 100%;
}
.wrap-resume .resume .c-datepicker-data-input {
  line-height: 26px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #dcdcdc;
}
.wrap-resume .resume .c-datepicker-range-separator {
  line-height: 46px;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .wrap-resume .resume .c-datepicker-range-separator {
    line-height: 24px;
  }
}
.wrap-resume .resume span.add1,
.wrap-resume .resume span.del1 {
  font-size: 34px;
  line-height: 46px;
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
  color: #999;
}
.wrap-resume .resume span.add1:hover,
.wrap-resume .resume span.del1:hover {
  color: #3366a6;
}
.wrap-resume .resume span.add1 {
  right: 50px;
}
.wrap-resume .resume span.add1:after {
  display: inline-block;
  float: right;
  width: 1px;
  height: 30px;
  margin-top: 8px;
  margin-left: 14px;
  content: "";
  background: #dcdcdc;
}
.wrap-resume .resume #profession,
.wrap-resume .resume #devDirection,
.wrap-resume .resume #work,
.wrap-resume .resume #project,
.wrap-resume .resume #edu,
.wrap-resume .resume #lang,
.wrap-resume .resume #other-info,
.wrap-resume .resume #addtionalInfo,
.wrap-resume .resume #selfEvaluation,
.wrap-resume .resume #attachment {
  padding-top: 80px;
}
.wrap-resume .resume #other-info .itembox {
  padding-left: 220px;
}
@media (max-width: 767px) {
  .wrap-resume .resume #other-info .itembox {
    padding-left: 140px;
  }
}
.wrap-resume .resume #other-info .itembox span.mask {
  width: 190px;
}
@media (max-width: 767px) {
  .wrap-resume .resume #other-info .itembox span.mask {
    width: 120px;
  }
}
.wrap-resume .resume #other-info .radio {
  font-size: 16px;
  font-weight: normal;
  line-height: 46px;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  padding-left: 30px;
  cursor: pointer;
}
.wrap-resume .resume #other-info .radio input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.wrap-resume .resume #other-info .radio i {
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
  outline: 0;
  background: #fff;
}
.wrap-resume .resume #other-info .radio input[type="radio"]:checked + i {
  border-color: #3366a6;
}
.wrap-resume .resume #other-info .radio input[type="radio"] + i:after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  opacity: 0;
  color: #fff;
  border-radius: 50%;
  background-color: #3366a6;
}
.wrap-resume .resume #other-info .radio input[type="radio"]:checked + i:after {
  opacity: 1;
}
.wrap-resume .resume #addtionalInfo .itembox,
.wrap-resume .resume #selfEvaluation .itembox {
  padding: 0 5%;
}
.wrap-resume .resume .title-wrap-right {
  position: relative;
}
.wrap-resume .resume .addwork {
  font-size: 22px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  color: #3366a6;
}
@media (max-width: 767px) {
  .wrap-resume .resume .addwork {
    font-size: 18px;
    top: -10px;
  }
}
.wrap-resume .resume .addwork:before {
  font-family: "iconfont" !important;
  display: inline-block;
  margin-right: 10px;
  content: "\e63c";
  vertical-align: middle;
}
.wrap-resume .resume .title-work-list {
  font-size: 20px;
}
.wrap-resume .resume .work-info {
  clear: both;
  overflow: hidden;
}
.wrap-resume .resume .work-list .title-work-list {
  margin-top: 40px;
  padding: 0 30px;
}
.wrap-resume .resume .work-list .title-work-list h3 {
  font-size: 20px;
  line-height: 30px;
  display: block;
  display: inline-block;
  margin: 0;
}
@media (max-width: 767px) {
  .wrap-resume .resume .work-list .title-work-list h3 {
    font-size: 16px;
  }
}
.wrap-resume .resume .work-list .title-work-list h3 span:after {
  content: "一";
}
.wrap-resume .resume .work-list:nth-child(2) .title-work-list h3 span:after {
  content: "二";
}
.wrap-resume .resume .work-list:nth-child(3) .title-work-list h3 span:after {
  content: "三";
}
.wrap-resume .resume .work-list:nth-child(4) .title-work-list h3 span:after {
  content: "四";
}
.wrap-resume .resume .work-list:nth-child(5) .title-work-list h3 span:after {
  content: "五";
}
.wrap-resume .resume .work-list:nth-child(6) .title-work-list h3 span:after {
  content: "六";
}
.wrap-resume .resume .work-list:nth-child(7) .title-work-list h3 span:after {
  content: "七";
}
.wrap-resume .resume .work-list:nth-child(8) .title-work-list h3 span:after {
  content: "八";
}
.wrap-resume .resume .work-list:nth-child(9) .title-work-list h3 span:after {
  content: "九";
}
.wrap-resume .resume .addproject {
  font-size: 22px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  color: #3366a6;
}
@media (max-width: 767px) {
  .wrap-resume .resume .addproject {
    font-size: 18px;
    top: -10px;
  }
}
.wrap-resume .resume .addproject:before {
  font-family: "iconfont" !important;
  display: inline-block;
  margin-right: 10px;
  content: "\e63c";
  vertical-align: middle;
}
.wrap-resume .resume .title-project-list {
  font-size: 20px;
}
.wrap-resume .resume .project-info {
  clear: both;
  overflow: hidden;
}
.wrap-resume .resume .project-list .title-project-list {
  margin-top: 40px;
  padding: 0 30px;
}
.wrap-resume .resume .project-list .title-project-list h3 {
  font-size: 20px;
  line-height: 30px;
  display: block;
  display: inline-block;
  margin: 0;
}
@media (max-width: 767px) {
  .wrap-resume .resume .project-list .title-project-list h3 {
    font-size: 16px;
  }
}
.wrap-resume .resume .project-list .title-project-list h3 span:after {
  content: "一";
}
.wrap-resume
  .resume
  .project-list:nth-child(2)
  .title-project-list
  h3
  span:after {
  content: "二";
}
.wrap-resume
  .resume
  .project-list:nth-child(3)
  .title-project-list
  h3
  span:after {
  content: "三";
}
.wrap-resume
  .resume
  .project-list:nth-child(4)
  .title-project-list
  h3
  span:after {
  content: "四";
}
.wrap-resume
  .resume
  .project-list:nth-child(5)
  .title-project-list
  h3
  span:after {
  content: "五";
}
.wrap-resume
  .resume
  .project-list:nth-child(6)
  .title-project-list
  h3
  span:after {
  content: "六";
}
.wrap-resume
  .resume
  .project-list:nth-child(7)
  .title-project-list
  h3
  span:after {
  content: "七";
}
.wrap-resume
  .resume
  .project-list:nth-child(8)
  .title-project-list
  h3
  span:after {
  content: "八";
}
.wrap-resume
  .resume
  .project-list:nth-child(9)
  .title-project-list
  h3
  span:after {
  content: "九";
}
.wrap-resume .resume .addedu {
  font-size: 22px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  color: #3366a6;
}
@media (max-width: 767px) {
  .wrap-resume .resume .addedu {
    font-size: 18px;
    top: -10px;
  }
}
.wrap-resume .resume .addedu:before {
  font-family: "iconfont" !important;
  display: inline-block;
  margin-right: 10px;
  content: "\e63c";
  vertical-align: middle;
}
.wrap-resume .resume .title-edu-list {
  font-size: 20px;
}
.wrap-resume .resume .edu-info {
  clear: both;
  overflow: hidden;
}
.wrap-resume .resume .edu-list .title-edu-list {
  margin-top: 40px;
  padding: 0 30px;
}
.wrap-resume .resume .edu-list .title-edu-list h3 {
  font-size: 20px;
  line-height: 30px;
  display: block;
  display: inline-block;
  margin: 0;
}
@media (max-width: 767px) {
  .wrap-resume .resume .edu-list .title-edu-list h3 {
    font-size: 16px;
  }
}
.wrap-resume .resume .edu-list .title-edu-list h3 span:after {
  content: "一";
}
.wrap-resume .resume .edu-list:nth-child(2) .title-edu-list h3 span:after {
  content: "二";
}
.wrap-resume .resume .edu-list:nth-child(3) .title-edu-list h3 span:after {
  content: "三";
}
.wrap-resume .resume .edu-list:nth-child(4) .title-edu-list h3 span:after {
  content: "四";
}
.wrap-resume .resume .edu-list:nth-child(5) .title-edu-list h3 span:after {
  content: "五";
}
.wrap-resume .resume .edu-list:nth-child(6) .title-edu-list h3 span:after {
  content: "六";
}
.wrap-resume .resume .edu-list:nth-child(7) .title-edu-list h3 span:after {
  content: "七";
}
.wrap-resume .resume .edu-list:nth-child(8) .title-edu-list h3 span:after {
  content: "八";
}
.wrap-resume .resume .edu-list:nth-child(9) .title-edu-list h3 span:after {
  content: "九";
}
.wrap-resume .resume .itembox-upload {
  padding: 0 5%;
}
.wrap-resume .resume .itembox-upload .upload-list {
  position: relative;
  padding: 40px 10px;
  text-align: center;
  border: 1px solid #dcdcdc;
}
.wrap-resume .resume .itembox-upload .upload-list .text-upload {
  position: relative;
  display: inline-block;
  padding-left: 180px;
  text-align: left;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox-upload .upload-list .text-upload {
    padding-left: 100px;
  }
}
.wrap-resume .resume .itembox-upload .upload-list .text-upload:before {
  font-family: "iconfont" !important;
  font-size: 120px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
  content: "\e644";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #3366a6;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox-upload .upload-list .text-upload:before {
    font-size: 80px;
  }
}
.wrap-resume .resume .itembox-upload .upload-list .text-upload h3 {
  font-size: 22px;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox-upload .upload-list .text-upload h3 {
    font-size: 18px;
  }
}
.wrap-resume .resume .itembox-upload .upload-list .text-upload p {
  font-size: 16px;
  line-height: 2;
  margin: 0;
  color: #999;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox-upload .upload-list .text-upload p {
    font-size: 14px;
  }
}
.wrap-resume .resume .itembox-upload .upload-list .text-upload span {
  font-size: 16px;
  line-height: 30px;
  display: block;
  color: #3366a6;
}
@media (max-width: 767px) {
  .wrap-resume .resume .itembox-upload .upload-list .text-upload span {
    font-size: 14px;
  }
}
.wrap-resume .resume .itembox-upload .upload-list .form-group {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap-resume .resume .itembox-upload .upload-list .form-group .dropify-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  border: none;
  background: none;
}
.wrap-resume .resume .itembox-upload .upload-list .form-group .dropify-message,
.wrap-resume
  .resume
  .itembox-upload
  .upload-list
  .form-group
  .dropify-infos-inner {
  display: none;
}
.wrap-resume
  .resume
  .itembox-upload
  .upload-list
  .form-group
  .dropify-wrapper
  .dropify-preview
  .dropify-infos {
  background: rgba(0, 0, 0, 0.2);
}
.wrap-resume .resume .agreement {
  margin-top: 30px;
  padding: 0 5%;
}
.wrap-resume .resume .agreement .radio {
  font-size: 16px;
  font-weight: normal;
  line-height: 46px;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  padding-left: 30px;
  cursor: pointer;
}
.wrap-resume .resume .agreement .radio input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.wrap-resume .resume .agreement .radio i {
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
  outline: 0;
  background: #fff;
}
.wrap-resume .resume .agreement .radio input[type="radio"]:checked + i {
  border-color: #3366a6;
}
.wrap-resume .resume .agreement .radio input[type="radio"] + i:after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  opacity: 0;
  color: #fff;
  border-radius: 50%;
  background-color: #3366a6;
}
.wrap-resume .resume .agreement .radio input[type="radio"]:checked + i:after {
  opacity: 1;
}
.wrap-resume .resume .btn-form {
  margin-top: 30px;
  padding: 0 5%;
}
.wrap-resume .resume .btn-form .submit,
.wrap-resume .resume .btn-form .reset {
  font-size: 20px;
  line-height: 46px;
  height: 46px;
  margin-right: 16px;
  padding: 0 36px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #666;
  background-color: #e5e5e5;
}
.wrap-resume .resume .btn-form .submit:hover,
.wrap-resume .resume .btn-form .reset:hover {
  color: #fff;
  background-color: #004a87;
}
.wrap-resume .resume .btn-form .submit {
  color: #fff;
  background-color: #3366a6;
}
@media (max-width: 767px) {
  .c-datepicker-picker__sidebar {
    display: none;
  }
}
@media (max-width: 767px) {
  .c-datepicker-picker [slot="sidebar"] + .c-datepicker-picker__body,
  .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .c-datepicker-date-picker.has-sidebar {
    width: 100%;
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}
@media (max-width: 767px) {
  .c-datepicker-date-range-picker.has-sidebar {
    width: 100%;
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
  }
}
@media (max-width: 991px) {
  .wrap-investor {
    padding-top: 0;
  }
}
.wrap-investor .investor {
  padding: 50px;
  background: url(../images/investor_bg.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width: 991px) {
  .wrap-investor .investor {
    padding: 10px;
  }
}
.wrap-investor .investor .info {
  max-width: 750px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 991px) {
  .wrap-investor .investor .info {
    max-width: 100%;
    padding: 30px 10px;
  }
}
.wrap-investor .investor .info .title-investor {
  position: relative;
  padding-right: 230px;
  border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .title-investor {
    padding-right: 0;
  }
}
.wrap-investor .investor .info .title-investor b {
  font-size: 34px;
  line-height: 1.2;
  display: block;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .title-investor b {
    font-size: 20px;
  }
}
.wrap-investor .investor .info .title-investor p {
  font-size: 20px;
  line-height: 1.5;
  margin: 10px 0;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .title-investor p {
    font-size: 14px;
  }
}
.wrap-investor .investor .info .title-investor span.number {
  font-size: 64px;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 10px;
  display: block;
  color: #3366a6;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .title-investor span.number {
    font-size: 30px;
    position: relative;
  }
}
.wrap-investor .investor .info .xinvestor-asider {
  margin-top: 20px;
}
.wrap-investor .investor .info .xinvestor-asider .t4 {
  font-size: 110px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  color: #e70000;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .xinvestor-asider .t4 {
    font-size: 40px;
  }
}
.wrap-investor .investor .info .xinvestor-asider .t4 span {
  font-size: 44px;
  font-weight: normal;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .xinvestor-asider .t4 span {
    font-size: 20px;
  }
}
.wrap-investor .investor .info .xinvestor-asider .t5 {
  font-size: 20px;
  display: inline-block;
  float: right;
  overflow: hidden;
  margin-top: 40px;
  color: #e70000;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .xinvestor-asider .t5 {
    font-size: 18px;
    margin-top: 0;
  }
}
.wrap-investor .investor .info .xinvestor-asider .t5 img {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.wrap-investor .investor .info .xinvestor-asider .t5 span {
  display: inline-block;
  vertical-align: middle;
}
.wrap-investor .investor .info .xinvestor-asider .t5 span b {
  font-weight: normal;
  display: block;
}
.wrap-investor .investor .info .xinvestor-asider > ul {
  clear: both;
  overflow: hidden;
}
.wrap-investor .investor .info .xinvestor-asider > ul > li {
  float: left;
  width: 25%;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .wrap-investor .investor .info .xinvestor-asider > ul > li {
    width: 50%;
  }
}
.wrap-investor .investor .info .xinvestor-asider > ul > li p {
  font-size: 26px;
  line-height: 1.30769231;
  margin: 0;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .xinvestor-asider > ul > li p {
    font-size: 22px;
  }
}
.wrap-investor .investor .info .xinvestor-asider > ul > li span {
  font-size: 18px;
  line-height: 30px;
  display: block;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-investor .investor .info .xinvestor-asider > ul > li span {
    font-size: 16px;
  }
}
.wrap-investor .investor .info .xinvestor-asider .t6 {
  font-size: 16px;
  line-height: 30px;
  margin: 20px 0 0 0;
  color: #666;
}
.wrap-investor .news-notice {
  padding-top: 70px;
}
.wrap-investor .news-notice .list ul {
  padding-right: 10px;
}
.wrap-investor .news-notice .list ul li {
  margin-top: 30px;
  background-color: #f9f9f9;
}
.wrap-investor .news-notice .list .item {
  position: relative;
  display: block;
  padding: 34px 130px;
  color: inherit;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item {
    padding: 30px 0 30px 100px;
  }
}
.wrap-investor .news-notice .list .item .date {
  position: absolute;
  top: 50%;
  left: 0;
  width: 130px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  border-right: 1px solid #d4d4d4;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item .date {
    width: 90px;
  }
}
.wrap-investor .news-notice .list .item .date b {
  font-size: 50px;
  line-height: 1.2;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item .date b {
    font-size: 30px;
  }
}
.wrap-investor .news-notice .list .item .date span {
  font-size: 18px;
  line-height: 1.66666667;
  display: block;
  margin: 0;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item .date span {
    font-size: 16px;
  }
}
.wrap-investor .news-notice .list .item .note {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item .note {
    padding: 0;
  }
}
.wrap-investor .news-notice .list .item .note b {
  font-size: 24px;
  font-weight: normal;
  line-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item .note b {
    font-size: 18px;
  }
}
.wrap-investor .news-notice .list .item .note p {
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  height: 48px;
  margin: 2px 0 0 0;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.wrap-investor .news-notice .list .item .more {
  font-size: 60px;
  font-weight: normal;
  line-height: 90px;
  position: absolute;
  top: 34px;
  right: 0;
  width: 90px;
}
@media (max-width: 991px) {
  .wrap-investor .news-notice .list .item .more {
    display: none;
  }
}
.wrap-investor .news-notice .list .item .more:after {
  font-family: "iconfont" !important;
  content: "\e628";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #cdcdcd;
}
.wrap-investor .news-notice .list .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.wrap-investor .news-notice .list .item:hover .date b {
  color: #3366a6;
}
.wrap-investor .news-notice .list .item:hover .note b {
  color: #3366a6;
}
.wrap-investor .news-notice .list .item:hover .more:after {
  color: #3366a6;
}
.wrap-investor .governance {
  padding-top: 70px;
}
.wrap-investor .governance .slick-governance {
  margin: 0 -10px;
}
.wrap-investor .governance .slick-governance .slick-slide {
  padding: 20px;
}
.wrap-investor .governance .slick-governance .item {
  position: relative;
  display: block;
  padding: 24px 0 24px 130px;
  color: inherit;
}
@media (max-width: 991px) {
  .wrap-investor .governance .slick-governance .item {
    padding: 20px 0 20px 100px;
  }
}
.wrap-investor .governance .slick-governance .item .date {
  position: absolute;
  top: 50%;
  left: 0;
  width: 130px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  border-right: 1px solid #d4d4d4;
}
@media (max-width: 991px) {
  .wrap-investor .governance .slick-governance .item .date {
    width: 90px;
  }
}
.wrap-investor .governance .slick-governance .item .date b {
  font-size: 46px;
  line-height: 1.2;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 991px) {
  .wrap-investor .governance .slick-governance .item .date b {
    font-size: 30px;
  }
}
.wrap-investor .governance .slick-governance .item .date span {
  font-size: 18px;
  line-height: 1.66666667;
  display: block;
  margin: 0;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-investor .governance .slick-governance .item .date span {
    font-size: 16px;
  }
}
.wrap-investor .governance .slick-governance .item .note {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-investor .governance .slick-governance .item .note {
    padding: 0;
  }
}
.wrap-investor .governance .slick-governance .item .note b {
  font-size: 22px;
  font-weight: normal;
  line-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 991px) {
  .wrap-investor .governance .slick-governance .item .note b {
    font-size: 18px;
  }
}
.wrap-investor .governance .slick-governance .item .note p {
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  height: 48px;
  margin: 2px 0 0 0;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.wrap-investor .governance .slick-governance .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.wrap-investor .governance .slick-governance .item:hover .date b {
  color: #3366a6;
}
.wrap-investor .governance .slick-governance .item:hover .note b {
  color: #3366a6;
}
.wrap-investor .governance .slick-governance .item:hover .more:after {
  color: #3366a6;
}
.wrap-investor .governance .slick-governance .slick-dots {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.wrap-investor .governance .slick-governance .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 50%;
  background-color: #dcdcdc;
}
.wrap-investor .governance .slick-governance .slick-dots li.slick-active {
  background-color: #3366a6;
}
.wrap-investor .governance .slick-governance .slick-dots li button {
  display: none;
}
.wrap-investor .governance .showMorehandle {
  margin-top: 30px;
  text-align: center;
}
.wrap-investor .governance .showMorehandle a {
  font-size: 16px;
  line-height: 30px;
  color: #3366a6;
}
.wrap-investor .governance .showMorehandle a:after {
  font-family: "iconfont" !important;
  content: "\e62b";
}
.wrap-investor .protection {
  padding-top: 70px;
}
.wrap-investor .protection .list ul {
  overflow: hidden;
  padding: 10px;
}
.wrap-investor .protection .list ul li {
  float: left;
  width: 33.33333333%;
  margin-top: 50px;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
  .wrap-investor .protection .list ul li {
    width: 50%;
    margin-top: 0;
    border: none;
    border-bottom: 1px solid #dcdcdc;
  }
}
@media (max-width: 767px) {
  .wrap-investor .protection .list ul li {
    width: 100%;
  }
}
.wrap-investor .protection .list ul li:nth-child(3n) {
  border-right: none;
}
.wrap-investor .protection .list .item {
  display: block;
  padding: 24px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: inherit;
}
@media (max-width: 991px) {
  .wrap-investor .protection .list .item {
    padding: 10px;
  }
}
.wrap-investor .protection .list .item span.date {
  font-size: 18px;
  line-height: 2;
  display: block;
  color: #999;
}
@media (max-width: 991px) {
  .wrap-investor .protection .list .item span.date {
    font-size: 16px;
  }
}
.wrap-investor .protection .list .item b {
  font-size: 24px;
  font-weight: normal;
  line-height: 38px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 76px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .wrap-investor .protection .list .item b {
    font-size: 20px;
  }
}
.wrap-investor .protection .list .item p {
  font-size: 14px;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  min-height: 104px;
  margin: 20px 0 0 0;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.wrap-investor .protection .list .item span.more {
  line-height: 2;
  display: block;
  margin-top: 30px;
  text-decoration: underline;
  color: #999;
}
.wrap-investor .protection .list .item:hover {
  border-right-color: #fff;
  box-shadow: 0 0 10px rgba(0, 101, 185, 0.5);
}
.wrap-investor .protection .showMorehandle {
  margin-top: 30px;
  text-align: center;
}
.wrap-investor .protection .showMorehandle a {
  font-size: 16px;
  line-height: 30px;
  color: #3366a6;
}
.wrap-investor .protection .showMorehandle a:after {
  font-family: "iconfont" !important;
  content: "\e62b";
}
.wrap-investor .investor-contact {
  padding-top: 70px;
}
.wrap-investor .investor-contact .info {
  font-size: 0;
  margin-top: 50px;
  background-color: #f9f9f9;
}
.wrap-investor .investor-contact .info .pic,
.wrap-investor .investor-contact .info .text {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-investor .investor-contact .info .pic {
  overflow: hidden;
  width: 55%;
}
@media (max-width: 991px) {
  .wrap-investor .investor-contact .info .pic {
    width: 100%;
  }
}
.wrap-investor .investor-contact .info .text {
  width: 45%;
  padding: 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .wrap-investor .investor-contact .info .text {
    width: 100%;
    padding: 30px 10px;
  }
}
.wrap-investor .investor-contact .info .text .note {
  display: inline-block;
  text-align: left;
}
.wrap-investor .investor-contact .info .text .note p {
  font-size: 24px;
  line-height: 40px;
  position: relative;
  margin: 14px 0;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .wrap-investor .investor-contact .info .text .note p {
    font-size: 18px;
  }
}
.wrap-investor .investor-contact .info .text .note p:before {
  font-family: "iconfont" !important;
  font-size: 30px;
  position: absolute;
  top: 0;
  left: 0;
  content: "\e679";
  color: #777;
}
.wrap-investor .investor-contact .info .text .note p.email:before {
  content: "\e63d";
}
.wrap-investor .investor-contact .info .text .note p.tel:before {
  content: "\e6b6";
}
.wrap-investor .investor-contact .info .text .note p:hover {
  color: #3366a6;
}
.wrap-investor .investor-contact .info .text .note p:hover:before {
  color: #3366a6;
}
.wrap-download .title-download b {
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  display: block;
}
@media (max-width: 991px) {
  .wrap-download .title-download b {
    font-size: 22px;
  }
}
.wrap-download .download .list ul {
  overflow: hidden;
  margin: 0 -22px;
}
.wrap-download .download .list ul li {
  float: left;
  width: 50%;
  margin-top: 30px;
  padding: 0 22px;
}
@media (max-width: 1199px) {
  .wrap-download .download .list ul li {
    width: 100%;
  }
}
.wrap-download .download .list .item {
  line-height: 80px;
  position: relative;
  height: 80px;
  padding: 0 140px 0 120px;
  border: 1px solid #d9d9d9;
}
@media (max-width: 767px) {
  .wrap-download .download .list .item {
    line-height: 60px;
    height: 60px;
    padding: 0 100px 0 70px;
  }
}
.wrap-download .download .list .item:before {
  font-family: "iconfont" !important;
  font-size: 40px;
  line-height: 50px;
  position: absolute;
  top: 15px;
  left: 0;
  width: 90px;
  content: "\e641";
  text-align: center;
  color: #999;
  border-right: 1px solid #d9d9d9;
}
@media (max-width: 767px) {
  .wrap-download .download .list .item:before {
    font-size: 30px;
    line-height: 40px;
    top: 10px;
    width: 60px;
  }
}
.wrap-download .download .list .item a {
  color: inherit;
}
.wrap-download .download .list .item p {
  font-size: 18px;
  display: -webkit-box;
  overflow: hidden;
  height: 80px;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .wrap-download .download .list .item p {
    font-size: 14px;
  }
}
.wrap-download .download .list .item a.view,
.wrap-download .download .list .item a.down {
  position: absolute;
  top: 0;
  right: 70px;
  display: block;
  width: 40px;
  height: 80px;
  color: #999;
}
@media (max-width: 767px) {
  .wrap-download .download .list .item a.view,
  .wrap-download .download .list .item a.down {
    right: 50px;
    width: 30px;
  }
}
.wrap-download .download .list .item a.view:after,
.wrap-download .download .list .item a.down:after {
  font-family: "iconfont" !important;
  font-size: 30px;
  display: inline-block;
  content: "\e63f";
}
@media (max-width: 767px) {
  .wrap-download .download .list .item a.view:after,
  .wrap-download .download .list .item a.down:after {
    font-size: 22px;
  }
}
.wrap-download .download .list .item a.view:hover,
.wrap-download .download .list .item a.down:hover {
  color: #3366a6;
}
.wrap-download .download .list .item a.down {
  right: 20px;
}
@media (max-width: 767px) {
  .wrap-download .download .list .item a.down {
    right: 10px;
  }
}
.wrap-download .download .list .item a.down:after {
  content: "\e605";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wrap-download .download .list .item:hover:before {
  color: #3366a6;
}
.wrap-download .download .list .item:hover p {
  color: #3366a6;
}
.wrap-download .download .showMorehandle {
  margin-top: 30px;
  text-align: center;
}
.wrap-download .download .showMorehandle a {
  font-size: 16px;
  line-height: 30px;
  color: #3366a6;
}
.wrap-download .download .showMorehandle a:after {
  font-family: "iconfont" !important;
  content: "\e62b";
}
.wrap-career .benefits .info {
  margin-top: 20px;
}
.wrap-career .benefits .info > ul {
  overflow: hidden;
  margin: 0 -10px;
}
.wrap-career .benefits .info > ul > li {
  float: left;
  width: 33.33333333%;
  margin-top: 30px;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .wrap-career .benefits .info > ul > li {
    width: 50%;
  }
}
.wrap-career .benefits .info .item {
  position: relative;
  overflow: hidden;
  padding: 20px 30px 50px 30px;
  background-color: #f9f9f9;
}
@media (max-width: 991px) {
  .wrap-career .benefits .info .item {
    padding: 20px 14px 50px 14px;
  }
}
.wrap-career .benefits .info .item .title-item {
  position: relative;
  padding-left: 20px;
}
@media (max-width: 991px) {
  .wrap-career .benefits .info .item .title-item {
    padding-left: 10px;
  }
}
.wrap-career .benefits .info .item .title-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 26px;
  content: "";
  background-color: #3366a6;
}
.wrap-career .benefits .info .item .title-item b {
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  display: block;
}
@media (max-width: 991px) {
  .wrap-career .benefits .info .item .title-item b {
    font-size: 20px;
  }
}
.wrap-career .benefits .info .item .text {
  margin-top: 20px;
}
.wrap-career .benefits .info .item .text p {
  font-size: 16px;
  line-height: 1.875;
  margin: 0;
  color: #666;
}
@media (max-width: 991px) {
  .wrap-career .benefits .info .item .text p {
    font-size: 14px;
    line-height: 22px;
  }
}
.wrap-career .benefits .info .item span.num {
  font-size: 80px;
  line-height: 1;
  position: absolute;
  right: 10px;
  bottom: -10px;
  color: rgba(0, 101, 185, 0.1);
}
@media (max-width: 991px) {
  .wrap-career .benefits .info .item span.num {
    font-size: 50px;
  }
}
.wrap-career .team {
  padding-top: 70px;
}
.wrap-career .team .item {
  font-size: 0;
  display: block;
  margin-top: 50px;
  color: inherit;
  background-color: #f9f9f9;
}
@media (max-width: 991px) {
  .wrap-career .team .item {
    margin-top: 30px;
  }
}
.wrap-career .team .item .pic,
.wrap-career .team .item .note {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.wrap-career .team .item .pic {
  width: 40%;
}
@media (max-width: 767px) {
  .wrap-career .team .item .pic {
    width: 100%;
  }
}
.wrap-career .team .item .pic .img-box {
  padding-bottom: 50%;
}
.wrap-career .team .item .pic .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-career .team .item .note {
  width: 60%;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .wrap-career .team .item .note {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .wrap-career .team .item .note {
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
  }
}
.wrap-career .team .item .note b {
  font-size: 24px;
  font-weight: normal;
  line-height: 34px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 34px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1350px) {
  .wrap-career .team .item .note b {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .wrap-career .team .item .note b {
    font-size: 18px;
  }
}
.wrap-career .team .item .note span.date {
  font-size: 16px;
  line-height: 2;
  display: block;
  color: #999;
}
.wrap-career .team .item .note p {
  font-size: 14px;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  height: 78px;
  margin: 10px 0 0 0;
  color: #999;
  color: #666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1350px) {
  .wrap-career .team .item .note p {
    font-size: 15px;
    line-height: 28px;
    height: 84px;
  }
}
@media (max-width: 991px) {
  .wrap-career .team .item .note p {
    margin: 10px 0;
  }
}
@media (max-width: 767px) {
  .wrap-career .team .item .note p {
    font-size: 14px;
  }
}
.wrap-career .team .item:hover .pic .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-career .team .item:hover .note b {
  color: #3366a6;
}
.wrap-career .team .item:hover .note span.more {
  color: #3366a6;
}
.wrap-career .team .item:hover .note span.more:before {
  width: 20px;
  margin-right: 10px;
}
.wrap-career .training {
  padding-top: 70px;
}
.wrap-career .training .slick-training {
  margin: 0 -15px;
  margin-top: 50px;
}
@media (max-width: 1470px) {
  .wrap-career .training .slick-training {
    margin-right: -12px;
    margin-left: -12px;
  }
}
.wrap-career .training .slick-slide {
  padding: 0 15px;
}
@media (max-width: 1470px) {
  .wrap-career .training .slick-slide {
    padding: 0 12px;
  }
}
.wrap-career .training .item .pic .img-box {
  padding-bottom: 60.52631579%;
}
.wrap-career .training .item .pic .img-box img {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.wrap-career .training .item .note {
  padding: 20px 10px;
}
.wrap-career .training .item .note b {
  font-size: 22px;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 30px;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.wrap-career .training .item .note p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  color: #666;
}
.wrap-career .training .item:hover .pic .img-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-career .training .item:hover .note b {
  color: #3366a6;
}
.wrap-career .training .item:hover .note p {
  color: #3366a6;
}
.wrap-career .training .slick-arrow {
  position: absolute;
  z-index: 9;
  top: -90px;
  right: 64px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
  color: #a6a6a6;
  border: none;
  outline: none;
  background: none;
}
.wrap-career .training .slick-arrow:before {
  font-family: "iconfont" !important;
  font-size: 26px;
  display: inline-block;
  content: "\e626";
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.wrap-career .training .slick-arrow.slick-next {
  right: 24px;
}
.wrap-career .training .slick-arrow.slick-next:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.wrap-career .training .slick-arrow:hover {
  color: #004a87;
}
.page {
  padding-top: 50px;
  text-align: center;
}
@media (max-width: 991px) {
  .page {
    padding-top: 40px;
  }
}
.page a {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px;
  color: inherit;
}
@media (max-width: 991px) {
  .page a {
    margin: 0 4px;
  }
}
.page a:hover,
.page a.active {
  color: #3366a6;
  border-bottom: 3px solid #3366a6;
}
.lazy {
  background-image: url(../js/slick/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.zoomDiv {
  z-index: 8;
  display: none;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
}
@media (min-width: 768px) {
  .zoomDiv {
    position: absolute;
  }
}
.zoomMask {
  position: absolute;
  z-index: 1;
  cursor: move;
  background: url("../images/mask.png") repeat scroll 0 0 transparent;
}
@media (max-width: 767px) {
  .zoomMask {
    display: none;
  }
}
.fancybox-slide--iframe .fancybox-content {
  width: 733px !important;
  max-width: 80% !important;
  height: 500px !important;
  max-height: 50% !important;
  margin: 0;
}
.stuck {
  /* position: fixed;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 70px !important;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
}
@media (max-width: 1199px) {
  .stuck {
    /* height: 70px !important; */
  }
}
.stuck .logo {
  /* height: 60px;
    margin-top: 5px; */
}
@media (max-width: 1199px) {
  .stuck .logo {
    /* height: 50px;
        margin-top: 10px; */
  }
}
.stuck .nav .nav-list1 > li > a {
  /* line-height: 70px; */
}
.stuck .language p {
  /* line-height: 70px; */
}
@media (max-width: 1199px) {
  .stuck .language p {
    /* line-height: 70px; */
  }
}
.stuck .find {
  /* line-height: 70px;
    height: 70px; */
}
@media (max-width: 1199px) {
  .stuck .find {
    /* line-height: 70px;
        height: 70px; */
  }
}
#google_translate_element {
  float: right;
  margin-top: 48px;
  margin-left: 30px;
}
@media (max-width: 1199px) {
  #google_translate_element {
    display: none;
  }
}
.swiper-cube-shadow {
  display: none;
}
.wrap-result {
  padding-top: 80px;
  text-align: center;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
  .wrap-result {
    padding: 40px 0 30px;
  }
}
.wrap-result b {
  font-size: 40px;
  line-height: 1;
  display: block;
}
@media (max-width: 991px) {
  .wrap-result b {
    font-size: 24px;
  }
}
.wrap-result p {
  font-size: 18px;
  line-height: 1.5;
  margin: 10px 0 0 0;
}
@media (max-width: 991px) {
  .wrap-result p {
    font-size: 16px;
  }
}
.wrap-search-result .title {
  text-align: left;
}
.wrap-search-result .title b:after {
  margin: 0;
  margin-top: 10px;
}
.wrap-search-result .product {
  margin-top: 20px;
}
.wrap-search-result .news {
  padding-top: 20px;
}
.index-service .service .swiper-slide-active {
  position: relative;
  z-index: 9;
}
.product-sidenav {
  display: none;
}
/*@media(max-width: 1199px) {
    .product-sidenav {
        display: block;
    }
}*/
.product-sidenav ul {
  overflow: hidden;
}
.product-sidenav ul li {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .product-sidenav ul li {
    width: 50%;
  }
}
.product-sidenav ul li a {
  color: #666666;
}
.product-sidenav ul li img {
  display: block;
  width: 50px;
  margin: 0 auto;
}
.xs-nav-list2 {
  font-size: 0;
  display: none;
}
@media (max-width: 1199px) {
  .xs-nav-list2 {
    display: block;
  }
}
.xs-nav-list2 li {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.xs-nav-list2 li a {
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
}
.xs-nav-list2 li a:before {
  margin-right: 8px;
  content: "-";
}

.jobDe-title {
  font-size: 30px;
}
.jobDe-title img {
  vertical-align: middle;
  padding-bottom: 10px;
  margin-right: 15px;
}
.jobDe-pic {
  margin: 65px 0 75px 0;
}
.jobDe-pic img {
  max-width: 100%;
}
.color-0065b9 {
  color: #3366a6;
}
.color-eb862e {
  color: #eb862e;
}
.jobDe-list {
}
.jobDe-list .jobDe-li {
  margin-top: 44px;
}
.jobDe-list .jobDe-li .img-box {
  padding-bottom: 60.87866108786611%;
}
.jobDe-list .jobDe-li .img-box img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.jobDe-list .jobDe-li:hover .img-box img {
  -webkit-transform: scale(1.1);
  -mos-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.jobDe-list .jobDe-li .jobDe-p {
  padding: 20px;

  background: #eb862e;
  color: #fff;
}
.jobDe-p-con {
  font-size: 20px;
  line-height: 2;
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-align: center;
}
.jobDe-list .jobDe-li .jobDe-p p {
  margin-bottom: 0;
}
@media (max-width: 1440px) {
  .jobDe-title {
    font-size: 24px;
  }
  .jobDe-pic {
    margin: 35px 0 45px 0;
  }
  .jobDe-list .jobDe-li {
    margin-top: 30px;
  }
  .jobDe-list .jobDe-li .jobDe-p {
    padding: 20px;
  }
  .jobDe-p-con {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .jobDe-title {
    font-size: 20px;
  }
  .jobDe-list .jobDe-li .jobDe-p {
    padding: 20px 24px;
  }
  .jobDe-p-con {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .jobDe-p-con {
    height: auto;
  }
  .jobDe-title img {
    height: 30px;
    padding-bottom: 5px;
    margin-right: 5px;
  }
  .jobDe-title {
    font-size: 18px;
  }
  .jobDe-pic {
    margin: 20px 0 20px 0;
  }
  .jobDe-list .jobDe-li .jobDe-p {
    padding: 18px 18px;
  }
  .jobDe-list .jobDe-li {
    margin-top: 20px;
  }
}

.index-map img {
  width: 100%;
}
.index-base .list .pic img {
  width: 100%;
}