@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  *overflow: auto;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

ul,
li {
  list-style-type: none;
}

input[type=button],
input[type=submit],
input[type=file],
input[type=reset],
button {
  cursor: pointer;
  -webkit-appearance: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

header,
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

textarea {
  resize: none;
}

input,
select,
textarea {
  font-size: 100%;
  outline: 0;
  font-family: 'Microsoft YaHei', Helvetica;
}

body {
  font-family: 'Microsoft YaHei', Helvetica;
  margin: 0 auto;
  background-color: #fff;
  color: #040404;
}

html {
  font-size: 16px;
}

a {
  outline: none;
  border: 0;
  text-decoration: none;
  transition: all .3s;
}

a,
input,
button {
  outline: none;
}

.fix {
  zoom: 1;
}

.fix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

::-moz-focus-inner {
  border: 0px;
}

img {
  max-width: 100%;
}

a:active,
a:focus {
  outline: none;
}

a:active img {
  border: 0;
  outline: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.container {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
}

.pab {
  position: absolute;
}

.pre {
  position: relative;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.dn {
  display: none;
}

/* 不定高宽元素水平垂直居中 */
.centre1 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
}

.centre2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centre3 {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 横向flex */
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.fe {
  -webkit-flex: 1;
  flex: 1;
}

/* 纵向flex(圣杯) */
.grail {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.grail2 {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  -webkit-justify-content: center;
  justify-content: center;
}

.h100 {
  height: 100%;
}

.layui-form-select dl dd.layui-this,
.layui-laydate .layui-this {
  background-color: #e0e0e0 !important;
  color: #333 !important;
}

.layui-input {
  border: none !important;
  font-size: 14px !important;
  padding: 0 10px !important;
}

.layui-form-select dl {
  top: 44px !important;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  /* 如果浏览器支持安全区域底部距离，
     则可以为需要吸底的元素单独规定样式，
     如果该 class 还有其它样式，要将本段代码放在其它样式后面！
  */
  .ios {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
  }
}

.ios {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.t-shadow {
  text-shadow: 0.2em 0.2em 4px rgba(0, 0, 0, 0.32);
}

@font-face {
  font-family: 'NUMBOLD';
  src: url("../images/DINPro-Bold.ttf");
}

.pc {
  display: block;
}

.mobile {
  display: none;
}

.top-box {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 0 6% 0 4%;
  display: flex;
  align-items: center;
  z-index: 10;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.top-box .nav-wrap {
  flex: 1;
}

.top-box .tel {
  display: flex;
  align-items: center;
  color: #014fbb;
  font-size: 18px;
  font-weight: bold;
}

.top-box .tel .icon-tel {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: url("../images/img/icon-tel.png") no-repeat left center;
  background-size: 100% auto;
}

.top-box .icon-tel {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: url("../images/icon-tel.png") no-repeat left center;
  background-size: 100% auto;
}

.top-box .nav-btn {
  display: none;
}

.top-box .nav-btn .line {
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  overflow: hidden;
  background-image: linear-gradient(to right, #014fbb, #0a8aa5);
  transition: background .3s, transform .3s;
}

.top-box .nav-btn .line:nth-child(2) {
  margin: calc(10px - 3px) 0;
}

.top-nav {
  flex: 1;
}

.top-nav .nav .fir-ul {
  flex-shrink: 0;
  display: flex;
  justify-content: right;
}

.top-nav .nav .fir-li {
  position: relative;
  margin-right: 5%;
  transition: all .2s;
}

.top-nav .nav .fir-li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  min-height: 2px;
  overflow: hidden;
  background: #014fbb;
  transform: translateX(-50%);
  transition: width .2s;
}

.top-nav .nav .fir-li:hover .u-a,
.top-nav .nav .fir-li.current .u-a {
  color: #014fbb;
}

.top-nav .nav .fir-li:hover:before,
.top-nav .nav .fir-li.current:before,
.top-nav .nav .fir-li.hover:before {
  width: 100%;
}

.top-nav .nav .fir-li .u-a {
  display: block;
  height: 97px;
  line-height: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
}

.top-nav .nav .sec-box {
  display: none;
}

.home-swiper-container {
  height: calc(100vh - 97px);
}

.home-swiper-container .item {
  height: calc(100vh - 97px);
}

.home-swiper-container .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-swiper-container .home-swiper-page {
  bottom: 60px !important;
}

.p_pagenation .swiper-pagination-bullet {
  border-radius: 10px;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.36);
}

.p_pagenation .swiper-pagination-bullet-active {
  background-color: #fff !important;
  width: 30px;
}

.home-swiper-container .p_info {
  position: absolute;
  top: 52%;
  left: 10%;
  width: 65%;
  z-index: 22;
  transform: translateY(-50%);
}

.home-swiper-container .p_info_fivebox {
  width: 100%;
}

.home-swiper-container .p_btitle {
  color: #fff;
  font-size: 50px;
  line-height: 1.3;
  transition: all ease 2s .7s;
  opacity: 0;
  transform: translateY(40px);
  font-weight: bold;
  letter-spacing: 4px;
  display-radio: 1;
  text-shadow: 3px 0 6px rgba(22, 78, 145, 0.4);
}

.home-swiper-container .swiper-slide-active .p_btitle {
  opacity: 1;
  transform: translateY(0px);
}

.home-swiper-container .p_summary {
  color: #fff;
  font-family: arial;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
  transition: all ease 2s .1s;
  opacity: 0;
  transform: translateY(40px);
  letter-spacing: 0px;
}

.home-swiper-container .swiper-slide-active .p_summary {
  opacity: 1;
  transform: translateY(0px);
}

.home-swiper-container .p_cspan {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  transition: all ease 2s .8s;
  opacity: 0;
  transform: translateY(40px);
}

.home-swiper-container .p_button {
  display: inline-block;
  margin-top: 0px;
  border-radius: 30px;
  border: 1px solid #fff;
  width: 100%;
  max-width: 150px;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  transform: translateY(40px);
  transition: all ease .3s, transform ease .8s .9s, opacity ease .8s .9s;
}

.home-swiper-container .p_button:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #333;
}

.home-swiper-container .swiper-slide-active .p_button {
  opacity: 1;
  transform: translateY(0px);
}

.home-swiper-container .swiper-slide-active .p_cspan {
  opacity: 1;
  transform: translateY(0px);
}

.home-swiper-container .p_cspan::before {
  content: '';
  width: 60px;
  height: 2px;
  border-radius: 0;
  background: #fff;
  display: inline-block;
}

.home-swiper-container .p_cspan::before {
  background: #fff;
}

.home-swiper-container .p_btn_next {
  color: #fff;
  border-radius: 0;
  border: 2px solid rgba(255, 255, 255, 0.6);
  width: 50px;
  height: 50px;
  transition: all ease .3s;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNC0xM1QxNjo1NDoxMiswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MjhlZTU5Ny1jNGYwLTgxNDMtODY1Mi0yMDY3Njg5NGU5MWUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZGMwYzBhMy1jOTA0LTJmNDYtYWNjMC1iNzE4NGRiNzIzMDgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMjZhMTE3NS0xODIxLTc4NDYtYmJkZC05ZWU2YmQ2MTE0MDMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjZhMTE3NS0xODIxLTc4NDYtYmJkZC05ZWU2YmQ2MTE0MDMiIHN0RXZ0OndoZW49IjIwMjUtMDQtMTNUMTY6NTQ6MTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTI4ZWU1OTctYzRmMC04MTQzLTg2NTItMjA2NzY4OTRlOTFlIiBzdEV2dDp3aGVuPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+088wfwAAAHpJREFUKM+Vk9sNgDAIRfnWGfp13cUBnENH6U7O4iDHD2M0TR9A0gQaTghcMCABOzADNnoGZB47PZABAi4v9DqLF/oHLqj8GEK1sl2o1VwT6o2wCo2EKqHJHOqufLaNkhWpoEgPikxJER0UUVqRXVJ0W3P0HhJweC7uBm90ABcTZBlQAAAAAElFTkSuQmCC") center center no-repeat;
}

.home-swiper-container .p_btn_next:hover {
  border: 2px solid white;
}

.home-swiper-container .p_btn_prev {
  color: #fff;
  border-radius: 0;
  border: 2px solid rgba(255, 255, 255, 0.6);
  height: 50px;
  width: 50px;
  transition: all ease .3s;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNC0xM1QxNjo1NDoyOCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNmM2YTgyMy1hZGE3LWMzNDUtOWVkMy0wNDE5MGZhMDM0MGQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NjRmMjkyNC1lZWEzLWU4NGItYjgxOC1iZWFmMjAxOTZjYmEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyZTA1YjBiNy04MWNmLTk0NGEtYTIzYS0yNWM3ZGNmNzMzNjAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyZTA1YjBiNy04MWNmLTk0NGEtYTIzYS0yNWM3ZGNmNzMzNjAiIHN0RXZ0OndoZW49IjIwMjUtMDQtMTNUMTY6NTQ6MjgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTZjNmE4MjMtYWRhNy1jMzQ1LTllZDMtMDQxOTBmYTAzNDBkIiBzdEV2dDp3aGVuPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zAMsCwAAAH5JREFUKM+d0rENg0AMRuGXdAxwTJIFWJo2C1wHWzBA6F6KCAlZwJlYuu6zZN/vh0qjCjAC6zMB38AL6FDPXlFnfzWrJQ1V0vAIn8KIL+EeN+GG+wzccM1AlX0ozSjjGFNrjLjgdLVguuHvUG7HffuQjhpq/OdYCzAAFfgAfAFgPSD6y4DXQQAAAABJRU5ErkJggg==") no-repeat center center;
}

.home-swiper-container .p_btn_prev:hover {
  border: 2px solid white;
}

.intropd {
  background-color: #f4f8fb;
  padding: 120px 0;
}

.home-introduce-con {
  display: flex;
  align-items: center;
}

.home-introduce-con .left-box {
  flex: 1;
  margin-right: 5%;
}

.home-introduce-con .tit-box {
  display: flex;
  align-items: center;
}

.home-introduce-con .tit-box .line {
  width: 50px;
  height: 4px;
  background-color: #014fbb;
  display: block;
}

.home-introduce-con .tit-box .title {
  color: #014fbb;
  font-size: 40px;
  margin: 0px 0 8px 0;
}

.home-introduce-con .tit-box .text {
  color: #585858;
  font-size: 24px;
}

.home-introduce-con .dec {
  color: #333;
  font-size: 16px;
  line-height: 2.2;
  padding-top: 20px;
}

.nums {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.nums .item {
  margin-right: 90px;
}

.nums .item .num {
  margin-right: 20px;
  color: #323232;
  font-size: 48px;
  font-family: 'NUMBOLD';
  position: relative;
  z-index: 1;
  padding-right: 30px;
}

.nums .item .unit {
  color: #323232;
  font-size: 18px;
  font-style: normal;
  position: absolute;
  right: 0;
  bottom: 10px;
}

.nums .item .text {
  font-size: 16px;
  color: #817d81;
}

.home-nums {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.home-nums .item {
  flex: 1;
  text-align: center;
}

.home-nums .num {
  color: #323232;
  font-size: 40px;
  font-family: 'NUMBOLD';
  position: relative;
  z-index: 1;
}

.home-nums .text {
  font-size: 16px;
  color: #817d81;
}

.more {
  color: #585858;
  font-size: 14px;
  border: 1px solid #585858;
  height: 34px;
  line-height: 34px;
  width: 114px;
  text-align: center;
  transition: all .3s;
}

.more.white {
  color: #fff;
  border-color: #fff;
}

.more:hover {
  color: #014fbb;
  border-color: #014fbb;
}

.more-box {
  text-align: center;
  padding-top: 20px;
}

.more-box .more {
  display: block;
  margin: 0 auto;
}

.tit {
  text-align: center;
}

.tit.black .name {
  color: #121212;
}

.tit.black .line {
  background: #121212 !important;
}

.tit.black .tranfer {
  color: rgba(18, 18, 18, 0.1);
}

.tit .name {
  font-size: 36px;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-bottom: 24px;
  display: block;
  margin: 0 auto;
}

.tit .name .line {
  position: absolute;
  width: 60px;
  height: 2px;
  background: #fff;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: block;
}

.tit .tranfer {
  width: 100%;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.1);
  position: absolute;
  letter-spacing: 26px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-30%);
  z-index: -1;
  text-transform: uppercase;
}

.home-news-box {
  padding: 60px 0 80px 0;
}

.home-product {
  background: url("../images/img/home-probg.png") no-repeat center;
  background-size: cover;
  padding: 80px 0;
}

.home-case-box {
  background: url("../images/img/home-casebg.png") no-repeat center;
  background-size: cover;
  padding: 80px 0;
}

.home-case-box .more-box {
  padding-top: 20px;
}

.home-swiper-product .item {
  height: 100%;
  background-color: #fff;
  padding: 40px 40px 50px 40px;
  display: flex;
}

.home-swiper-product .name {
  color: #333333;
  font-size: 26px;
  margin-bottom: 20px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.home-swiper-product .text {
  color: #817d81;
  font-size: 16px;
  margin-bottom: 10px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.home-swiper-product .img-box {
  border: 1px solid #949494;
  display: block;
  align-items: center;
  margin-top: 30px;
}

.home-swiper-product-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.home-swiper-product-button .btn {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  margin: 0 20px;
  transition: all ease .3s;
}

.home-swiper-product-button .btn:hover {
  border-color: rgba(255, 255, 255, 0.36) !important;
}

.home-swiper-product-button .prev {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNC0xM1QxNjo1NDoyOCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNmM2YTgyMy1hZGE3LWMzNDUtOWVkMy0wNDE5MGZhMDM0MGQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NjRmMjkyNC1lZWEzLWU4NGItYjgxOC1iZWFmMjAxOTZjYmEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyZTA1YjBiNy04MWNmLTk0NGEtYTIzYS0yNWM3ZGNmNzMzNjAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyZTA1YjBiNy04MWNmLTk0NGEtYTIzYS0yNWM3ZGNmNzMzNjAiIHN0RXZ0OndoZW49IjIwMjUtMDQtMTNUMTY6NTQ6MjgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTZjNmE4MjMtYWRhNy1jMzQ1LTllZDMtMDQxOTBmYTAzNDBkIiBzdEV2dDp3aGVuPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zAMsCwAAAH5JREFUKM+d0rENg0AMRuGXdAxwTJIFWJo2C1wHWzBA6F6KCAlZwJlYuu6zZN/vh0qjCjAC6zMB38AL6FDPXlFnfzWrJQ1V0vAIn8KIL+EeN+GG+wzccM1AlX0ozSjjGFNrjLjgdLVguuHvUG7HffuQjhpq/OdYCzAAFfgAfAFgPSD6y4DXQQAAAABJRU5ErkJggg==") no-repeat center center;
}

.home-swiper-product-button .next {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNC0xM1QxNjo1NDoxMiswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MjhlZTU5Ny1jNGYwLTgxNDMtODY1Mi0yMDY3Njg5NGU5MWUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZGMwYzBhMy1jOTA0LTJmNDYtYWNjMC1iNzE4NGRiNzIzMDgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMjZhMTE3NS0xODIxLTc4NDYtYmJkZC05ZWU2YmQ2MTE0MDMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjZhMTE3NS0xODIxLTc4NDYtYmJkZC05ZWU2YmQ2MTE0MDMiIHN0RXZ0OndoZW49IjIwMjUtMDQtMTNUMTY6NTQ6MTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTI4ZWU1OTctYzRmMC04MTQzLTg2NTItMjA2NzY4OTRlOTFlIiBzdEV2dDp3aGVuPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+088wfwAAAHpJREFUKM+Vk9sNgDAIRfnWGfp13cUBnENH6U7O4iDHD2M0TR9A0gQaTghcMCABOzADNnoGZB47PZABAi4v9DqLF/oHLqj8GEK1sl2o1VwT6o2wCo2EKqHJHOqufLaNkhWpoEgPikxJER0UUVqRXVJ0W3P0HhJweC7uBm90ABcTZBlQAAAAAElFTkSuQmCC") center center no-repeat;
}

.home-product-con-box, .home-case-con-box {
  margin-top: 80px;
}

.home-news {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-news li {
  width: 48%;
  background-color: #f6f6f6;
  transition: all .3s;
  margin-bottom: 40px;
}

.home-news li:hover {
  background-color: #014fbb;
}

.home-news li:hover .line {
  background-color: #fff;
}

.home-news li:hover .dec, .home-news li:hover .title, .home-news li:hover .time {
  color: #fff;
}

.home-news .item {
  display: flex;
  align-items: center;
  padding: 30px;
}

.home-news .time {
  display: flex;
  flex-direction: column;
  margin-right: 50px;
  position: relative;
  z-index: 1;
  padding-bottom: 30px;
}

.home-news .line {
  width: 70px;
  height: 2px;
  background-color: #bcbcbc;
  position: absolute;
  left: 0;
  bottom: 0;
}

.home-news .day {
  font-size: 28px;
  font-family: 'NUMBOLD';
}

.home-news .year {
  font-size: 16px;
}

.home-news .text-box {
  flex: 1;
}

.home-news .title {
  font-size: 16px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
  font-weight: bold;
  margin-bottom: 10px;
}

.home-news .dec {
  margin-top: 20px;
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
}

.home-case-pd {
  margin: 0 80px;
  position: relative;
  z-index: 2;
}

.home-swiper-case {
  height: 628px;
}

.home-swiper-case .item {
  display: block;
  transition: all .3s;
  padding: 60px 0;
}

.home-swiper-case .item .item-con {
  background-color: #fff;
}

.home-swiper-case .item:hover {
  padding: 0;
}

.home-swiper-case .item:hover .img-box {
  height: 400px;
}

.home-swiper-case .item:hover .name {
  font-weight: bold;
}

.home-swiper-case .item:hover .text-box {
  color: #fff;
  background-color: #014fbb;
}

.home-swiper-case .item:hover .look-arrow {
  opacity: 0;
}

.home-swiper-case .item:hover .btm-box {
  height: 60px;
  opacity: 1;
  transition: height .3s;
}

.home-swiper-case .img-box {
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5;
}

.home-swiper-case .text-box {
  padding: 30px 20px;
  color: #3d3d3d;
  text-align: center;
}

.home-swiper-case .name {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}

.home-swiper-case .text {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}

.home-swiper-case .look-arrow {
  text-align: right;
  margin-top: 15px;
  opacity: 1;
}

.home-swiper-case .icon-case-more {
  width: 37px;
  height: 37px;
  background: url(../images/img/icon-case-more.png) no-repeat center;
  background-size: cover;
  display: inline-block;
}

.home-swiper-case .btm-box {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #073571;
  height: 0;
  opacity: 0;
}

.home-swiper-case .txt {
  text-transform: uppercase;
}

.home-swiper-case .icon-arrow {
  width: 9px;
  height: 13px;
  background: url(../images/img/icon-arrow.png) no-repeat center;
  background-size: auto 100%;
  margin-left: 10px;
}

.home-case-con-box {
  position: relative;
  z-index: 1;
}

.home-swiper-case-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: -1;
}

.home-swiper-case-button .btn {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  transition: all ease .3s;
}

.home-swiper-case-button .btn:hover {
  border-color: rgba(255, 255, 255, 0.36) !important;
}

.home-swiper-case-button .prev {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNC0xM1QxNjo1NDoyOCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNmM2YTgyMy1hZGE3LWMzNDUtOWVkMy0wNDE5MGZhMDM0MGQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NjRmMjkyNC1lZWEzLWU4NGItYjgxOC1iZWFmMjAxOTZjYmEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyZTA1YjBiNy04MWNmLTk0NGEtYTIzYS0yNWM3ZGNmNzMzNjAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyZTA1YjBiNy04MWNmLTk0NGEtYTIzYS0yNWM3ZGNmNzMzNjAiIHN0RXZ0OndoZW49IjIwMjUtMDQtMTNUMTY6NTQ6MjgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTZjNmE4MjMtYWRhNy1jMzQ1LTllZDMtMDQxOTBmYTAzNDBkIiBzdEV2dDp3aGVuPSIyMDI1LTA0LTEzVDE2OjU0OjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zAMsCwAAAH5JREFUKM+d0rENg0AMRuGXdAxwTJIFWJo2C1wHWzBA6F6KCAlZwJlYuu6zZN/vh0qjCjAC6zMB38AL6FDPXlFnfzWrJQ1V0vAIn8KIL+EeN+GG+wzccM1AlX0ozSjjGFNrjLjgdLVguuHvUG7HffuQjhpq/OdYCzAAFfgAfAFgPSD6y4DXQQAAAABJRU5ErkJggg==") no-repeat center center;
}

.home-swiper-case-button .next {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNC0xM1QxNjo1NDoxMiswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MjhlZTU5Ny1jNGYwLTgxNDMtODY1Mi0yMDY3Njg5NGU5MWUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZGMwYzBhMy1jOTA0LTJmNDYtYWNjMC1iNzE4NGRiNzIzMDgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMjZhMTE3NS0xODIxLTc4NDYtYmJkZC05ZWU2YmQ2MTE0MDMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjZhMTE3NS0xODIxLTc4NDYtYmJkZC05ZWU2YmQ2MTE0MDMiIHN0RXZ0OndoZW49IjIwMjUtMDQtMTNUMTY6NTQ6MTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTI4ZWU1OTctYzRmMC04MTQzLTg2NTItMjA2NzY4OTRlOTFlIiBzdEV2dDp3aGVuPSIyMDI1LTA0LTEzVDE2OjU0OjEyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+088wfwAAAHpJREFUKM+Vk9sNgDAIRfnWGfp13cUBnENH6U7O4iDHD2M0TR9A0gQaTghcMCABOzADNnoGZB47PZABAi4v9DqLF/oHLqj8GEK1sl2o1VwT6o2wCo2EKqHJHOqufLaNkhWpoEgPikxJER0UUVqRXVJ0W3P0HhJweC7uBm90ABcTZBlQAAAAAElFTkSuQmCC") center center no-repeat;
}

.home-qiye {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}

.home-qiye .item {
  flex: 1;
  margin-right: 15px;
  border: 1px solid #f1f6fa;
  box-sizing: border-box;
  transition: all .3s;
  background-color: #fff;
}

.home-qiye .item:hover {
  transform: translateY(-20px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.home-qiye .item.last {
  margin-right: 0;
}

.home-qiye .item.last .text {
  text-align: left;
}

.home-qiye .text-box {
  padding: 30px 20px;
  text-align: center;
}

.home-qiye .name {
  font-size: 24px;
  font-weight: bold;
}

.home-qiye .text {
  color: #2d2d2d;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 15px;
}

.home-qiye img {
  width: 100%;
}

.detail-action {
  padding: 20px 0 40px 0;
  text-align: center;
}

.detail-action .btn {
  display: inline-block;
  margin: 0 5px;
  font-size: 18px;
  background-color: #014fbb;
  color: #fff;
  border: 1px solid #014fbb;
  padding: 10px 30px;
  border-radius: 50px;
}

.detail-action .btn.border {
  background-color: #fff;
  color: #014fbb;
}

.bottom-online {
  background-color: #014fbb;
  padding: 45px 0 35px 0;
}

.bottom-online-box {
  display: flex;
  align-items: center;
}

.bottom-online-box .online-title {
  color: #fff;
}

.bottom-online-box .online-title .name {
  font-size: 24px;
}

.bottom-online-box .online-title .tranfer {
  font-size: 22px;
  margin-top: 5px;
  display: block;
}

.bottom-online-box .text-box {
  flex: 1;
  margin-left: 100px;
}

.bottom-online-box .btn-item {
  width: 185px;
  height: 50px;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  color: #014fbb;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.3);
}

.bottom-online-box .btn-item:hover {
  background-color: #ebebeb;
}

.form-online {
  display: flex;
  flex-wrap: wrap;
  width: 76%;
  justify-content: space-between;
}

.form-online .item {
  width: 48%;
  height: 46px;
  background-color: #fff;
  border-radius: 5px;
  margin-right: 4%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.form-online .item:nth-child(2n) {
  margin-right: 0;
}

.form-online .item:nth-child(3) {
  width: 100%;
  margin-right: 0;
}

.form-online .name {
  margin-left: 10px;
}

.form-online .input-box {
  padding-right: 10px;
  flex: 1;
}

.form-online input {
  line-height: 32px;
  height: 32px;
  width: 100%;
  border: none;
}

.pager-lists {
  text-align: center;
  margin-top: 30px;
}

.footer {
  background-color: #252525;
}

.copyright {
  color: #767676;
  font-size: 14px;
  padding: .625rem 0;
  text-align: center;
}

.copyright span {
  margin: 0 5px;
}

.copyright a {
  color: #767676;
  margin: 0 5px;
}

.copyright a:hover {
  color: #f1f6fa;
  text-decoration: underline;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 97px 0 0 0;
}

.footer-content .text-box {
  flex: 1;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  height: 9.375rem;
  padding: 20px 6%;
  margin: 0 5%;
}

.footer-content .text-box::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #3d3d3d;
  position: absolute;
  left: 0;
  top: 0;
}

.footer-content .text-box::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #3d3d3d;
  position: absolute;
  right: 0;
  top: 0;
}

.footer-content .footer-right {
  color: #767676;
  line-height: 36px;
}

.footer-nav {
  position: relative;
  z-index: 1;
  display: flex;
}

.footer-nav .footer-nav-flex {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
}

.footer-nav .item {
  color: #767676;
  font-size: 14px;
  padding: 7px 0;
}

.footer-nav .item:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-nav .item .text {
  color: rgba(241, 246, 250, 0.5);
}

.con-title {
  margin: 0 2.5rem;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}

.con-title .name {
  color: #0a0a0a;
  font-size: 1.25rem;
  font-weight: bold;
}

.con-title .time {
  color: #9b9b9b;
  font-size: 14px;
  margin-top: .5rem;
}

.con-text.detail {
  min-height: 25rem;
}

.detail-btn {
  border-top: 1px solid #eeeeee;
  margin: 0 2.5rem;
  padding: 1rem 0 0 0;
  position: relative;
  z-index: 1;
  min-height: 4rem;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}

.detail-btn .item {
  position: relative;
  z-index: 1;
  margin-top: .6rem;
  display: flex;
  font-size: 1rem;
  padding-left: 1.5rem;
  padding-right: 3.5rem;
}

.detail-btn .item:hover .name {
  color: #003ca6;
  font-weight: bold;
}

.detail-btn .item:hover .icon {
  display: none;
}

.detail-btn .item:hover .icon.active {
  display: block;
}

.detail-btn .item .icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-40%);
}

.detail-btn .item .icon.active {
  display: none;
}

.detail-btn .item .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  color: #000000;
  font-size: 1rem;
}

.detail-btn .back {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  background-color: #003ca6;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  margin-top: 0.875rem;
}

.detail-btn .back:hover {
  background-color: rgba(0, 60, 166, 0.8);
}

.nodata {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  min-height: 200px;
}

.layui-laypage a:hover {
  color: #074F98;
}

.layui-laypage a,
.layui-laypage span {
  height: 36px;
  line-height: 36px;
}

/*pages*/
.pager-lists {
  text-align: center;
}

.pager-lists .layui-laypage .layui-laypage-curr {
  color: #ffffff !important;
  background-color: #003ca6;
}

@media (max-width: 1800px) {
  .top-box {
    padding: 0 2%;
  }
  .top-nav .nav .fir-li {
    margin-right: 4%;
  }
}

@media (max-width: 1600px) {
  .top-box {
    padding: 0 1%;
  }
  .top-box .logo img {
    height: 36px;
  }
  .top-nav .nav .fir-li .u-a {
    font-size: 16px;
  }
  .top-box .tel {
    font-size: 16px;
  }
}

@media (max-width: 1440px) {
  .home-product-con-box, .home-case-con-box, .home-qiye {
    margin-top: 50px;
  }
  .home-swiper-case .item {
    padding: 30px 0;
  }
  .home-swiper-case .item:hover {
    padding: 0;
  }
  .home-swiper-case .item:hover .img-box {
    height: 260px;
  }
  .home-swiper-case .item:hover .name {
    font-weight: bold;
  }
  .home-swiper-case .item:hover .text-box {
    color: #fff;
    background-color: #014fbb;
  }
  .home-swiper-case .item:hover .look-arrow {
    opacity: 0;
  }
  .home-swiper-case .item:hover .btm-box {
    height: 60px;
    opacity: 1;
    transition: height .3s;
  }
  .home-swiper-case {
    height: 478px;
  }
  .home-swiper-case .img-box {
    height: 260px;
  }
  .home-swiper-container .p_btitle {
    font-size: 42px;
  }
  .home-introduce-con .tit-box .title {
    font-size: 38px;
  }
  .home-introduce-con .tit-box .text {
    font-size: 20px;
  }
  .home-swiper-product .name {
    font-size: 22px;
  }
  .home-swiper-product .text {
    font-size: 15px;
  }
  .form-online {
    width: 80%;
  }
}

@media (max-width: 1280px) {
  .bottom-online-box .online-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .bottom-online-box {
    flex-direction: column;
  }
  .home-news .dec {
    height: 38px;
  }
  .home-news li {
    width: 100%;
    margin-bottom: 20px;
  }
  .home-news .day {
    font-size: 24px;
  }
  .home-news .time {
    margin-right: 30px;
  }
  .nums .item:nth-child(2) {
    margin-right: 0;
  }
  .nums .item:nth-child(3) {
    display: none;
  }
  .home-introduce-con .tit-box .title {
    font-size: 30px;
  }
  .home-introduce-con {
    flex-direction: column;
  }
  .home-introduce-con .left-box {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .tit .tranfer {
    font-size: 26px;
  }
  .home-qiye .text {
    margin-top: 10px;
  }
  .tit .name {
    font-size: 32px;
  }
  .home-qiye .name {
    font-size: 22px;
  }
  .home-news-box, .home-case-box, .intropd, .home-product {
    padding: 30px 0;
  }
  .bottom-online {
    padding: 24px 0;
  }
  .footer-content {
    display: none;
  }
  .bottom-online-box .text-box {
    margin: 0;
    padding-bottom: 20px;
  }
  .form-online {
    width: 100%;
  }
  .top-box {
    padding: 10px;
    justify-content: space-between;
  }
  .top-box .nav-btn {
    display: block;
  }
  .top-box .tel {
    display: none;
  }
  #header[nav="show"] .top-nav {
    transform: translateX(-100%);
  }
  #header[nav="show"] .nav-btn .line:nth-child(1) {
    transform: translateY(calc(10px - 1px)) rotate(45deg);
  }
  #header[nav="show"] .nav-btn .line:nth-child(2) {
    transform: translateX(50%) scaleX(0);
  }
  #header[nav="show"] .nav-btn .line:nth-child(3) {
    transform: translateY(calc(-10px + 1px)) rotate(-45deg);
  }
  #header[nav="show"] .top-nav .nav .fir-li .u-a .ico {
    display: block;
  }
  .top-nav .nav .fir-ul {
    display: block;
    padding: 0 10px;
  }
  .top-nav .nav .fir-li {
    margin-right: 0;
    flex: 1;
    width: 100%;
  }
  .top-nav {
    position: fixed;
    z-index: 10;
    top: 56px;
    left: 100vw;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: calc(100vh - 57px);
    overflow: auto;
    background: #fff;
    transition: transform .3s;
  }
  .top-nav .nav {
    border-top: solid 1px #efefef;
  }
  .top-nav .nav .fir-li:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    border-bottom: solid 1px #efefef;
  }
  .top-nav .nav .fir-li .u-a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
  }
  .top-nav .nav .fir-li .u-a .ico {
    order: 99;
    flex-shrink: 0;
    display: none;
    margin-left: 3px;
    width: 27px;
    height: 24px;
  }
  .top-nav .nav .fir-li .u-a .ico:before,
  .top-nav .nav .fir-li .u-a .ico:after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    overflow: hidden;
    background: #014fbb;
    transition: transform .3s, background .3s, opacity .3s;
  }
  .top-nav .nav .fir-li .u-a .ico:before {
    margin-top: calc(15px - 1px);
  }
  .top-nav .nav .fir-li .u-a .ico:after {
    margin-top: -2px;
    transform: rotate(90deg);
  }
  .top-nav .nav .active .u-a .ico:before {
    background: #999;
    opacity: 0;
    transform: rotate(90deg);
  }
  .top-nav .nav .active .u-a .ico:after {
    background: #999;
    transform: rotate(180deg);
  }
  .top-nav .nav .fir-li:hover:before,
  .top-nav .nav .fir-li.current:before,
  .top-nav .nav .fir-li.hover:before {
    width: 0;
  }
  .nav .sec-ul {
    padding-bottom: 1rem;
    font-size: 14px;
  }
  .top-nav .nav .sec-ul a {
    display: block;
    padding: 10px 10px 10px 20px;
    color: #999;
  }
  .top-nav .nav .sec-ul li.active a {
    color: #014fbb;
  }
}

@media (max-width: 1024px) {
  .home-case-pd {
    margin: 0;
  }
  .container {
    width: auto !important;
    margin: 0 10px;
  }
  .home-swiper-container .p_button {
    max-width: 120px;
  }
  .home-swiper-container .p_btitle {
    font-size: 28px;
  }
  .home-swiper-container {
    height: 240px;
  }
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
}

@media (max-width: 450px) {
  .form-online .item {
    width: 100%;
    margin-right: 0;
  }
  .home-nums .num {
    font-size: 26px;
  }
  .home-nums .text {
    font-size: 14px;
  }
  .detail-action .btn {
    padding: 8px 20px;
    font-size: 16px;
  }
  .bottom-online-box .online-title .tranfer {
    font-size: 18px;
  }
  .bottom-online-box .online-title .name {
    font-size: 22px;
  }
  .home-qiye .text {
    font-size: 15px;
    line-height: 1.8;
  }
  .home-qiye .text-box {
    padding: 15px 10px;
  }
  .home-qiye .item {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .home-qiye {
    flex-direction: column;
  }
  .home-swiper-case-button {
    position: relative;
    margin-top: 30px;
    justify-content: center;
  }
  .home-swiper-case-button .btn {
    width: 40px;
    height: 40px;
    margin: 0 20px;
  }
  .home-swiper-case .item:hover {
    padding: 0;
  }
  .home-swiper-case .item:hover .img-box {
    height: 200px;
  }
  .home-swiper-case .item:hover .name {
    font-weight: bold;
  }
  .home-swiper-case .item:hover .text-box {
    color: #fff;
    background-color: #014fbb;
  }
  .home-swiper-case .item:hover .look-arrow {
    opacity: 0;
  }
  .home-swiper-case .item:hover .btm-box {
    height: 0;
    opacity: 0;
    transition: height .3s;
  }
  .home-swiper-case {
    height: auto !important;
  }
  .home-swiper-case .item {
    padding: 0;
  }
  .home-swiper-case .text {
    font-size: 13px;
  }
  .home-swiper-case .name {
    font-size: 16px;
  }
  .home-swiper-case .text-box {
    padding: 10px;
  }
  .home-swiper-case .img-box {
    height: 200px;
  }
  .more-box {
    margin-top: 0;
  }
  .home-news .time {
    padding-bottom: 20px;
  }
  .home-news .dec {
    margin-top: 0;
  }
  .home-news .item {
    padding: 10px;
  }
  .home-product-con-box, .home-case-con-box, .home-qiye {
    margin-top: 30px;
  }
  .home-swiper-product-button .btn {
    width: 40px;
    height: 40px;
  }
  .home-swiper-product .img-box {
    margin-top: 20px;
  }
  .home-swiper-product .text {
    font-size: 14px;
  }
  .home-swiper-product .name {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .home-swiper-product .item {
    padding: 10px;
  }
  .tit .tranfer {
    font-size: 16px;
    letter-spacing: 14px;
  }
  .tit .name {
    font-size: 26px;
  }
  .nums .item .num {
    font-size: 40px;
  }
  .nums {
    margin-top: 20px;
  }
  .nums .item {
    margin-right: 0;
    flex: 1;
  }
  .home-introduce-con .dec {
    font-size: 15px;
  }
  .home-introduce-con .tit-box .text {
    font-size: 18px;
  }
  .more {
    width: 100px;
  }
  .home-introduce-con .tit-box .title {
    font-size: 26px;
  }
  .p_arr {
    display: none;
  }
  .home-swiper-container .p_button {
    max-width: 60px;
    font-size: 12px;
    padding: 5px 10px;
  }
  .home-swiper-container .p_cspan {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .home-swiper-container .p_summary {
    font-size: 14px;
  }
  .home-swiper-container .p_info {
    width: 80%;
  }
  .home-swiper-container .p_btitle {
    font-size: 16px;
  }
  .top-box .logo img {
    height: 25px;
  }
  .top-nav {
    top: 45px;
    height: calc(100vh - 45px);
  }
}