.family {
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.family1 {
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.family2 {
  font-family: 'HelveticaBold', 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.margin {
  margin-left: 8.33333333%;
  margin-right: 8.33333333%;
}
.padding {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.transition {
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
main {
  margin-top: 100px;
  /*max-width: 1920px;*/
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  background:#f9fbfe;
}
/* .bar{
  display: block;
  z-index: 3000;
}
.bar images{
  display: block;
  width: 250px;
  height: auto;
} */
@media only screen and (max-width: 1024px) {
  main {
    margin-top: 60px;
  }
}
.banner {
  padding-top: 20.83333333%;
  position: relative;
}
.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.solutionPage .banner{
  padding-top: 0px;
}
.solutionPage .banner .picBox{
  position: relative;
  padding-top: 30.5209333333%;
}
.solutionPage .banner p{
  font-size: 16px;
  color: #999;
  line-height: 30px;
  width: 48%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.lazy,
.swiper-lazy-preloader {
  background: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=) no-repeat center center;
}
.common > h3{
  padding-top: 46px;
  text-align: center;
  font-size: 32px;
  color: #0066cc;
  letter-spacing: 2px;
  position: relative;
  z-index: 20;
}
.common > h4,.common > p{
  font-size: 14px;
  color: #999;
  text-align: center;
  margin-top: 58px;
  margin-bottom: 110px;
}
.common > h3 span {
  display: block;
  font-size: 72px;
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  opacity: 0.15;
  font-family: 'HelveticaBold', 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
@media only screen and (max-width: 1024px) {
  .common > h3 {
    font-size: 20px;
    padding-top: 18px;
  }
  .common > h3 span {
    font-size: 32px;
  }
  .common > p{
    padding-left: 20px;
    padding-right: 20px;
  }
  .solutionPage .banner p{
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
  }
}
.swiper .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 0px;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
}
.swiper .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}
.swiper .swiper-pagination-bullet-active {
  width: 60px;
}
.swiper .swiper-pagination-bullet-active:after {
  width: 100%;
  transition: all 4.2s linear;
  -webkit-transition: all 4.2s linear;
  -moz-transition: all 4.2s linear;
  -ms-transition: all 4.2s linear;
  -o-transition: all 4.2s linear;
}
.swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 11px;
}
.swiper .swiper-pagination-fraction,
.swiper .swiper-pagination-custom,
.swiper .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 45px;
}
@media only screen and (max-width: 1024px) {
  .swiper .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper .swiper-pagination-custom,
  .swiper .swiper-pagination-fraction {
    bottom: 0px;
  }
}
.btn_default {
  display: block;
  width: 140px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #fff;
  border: 2px solid #fff;
  position: absolute;
  left: 50%;
  z-index: 100;
  margin-left: -70px;
  bottom: 20.5%;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.btn_detail {
  position: relative;
}
.btn_detail:before,
.btn_default:before,
.btn_detail:after,
.btn_default:after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn_detail:before,
.btn_default:before {
  border-bottom: 2px solid #06c;
  border-left: 2px solid #06c;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.btn_detail:after,
.btn_default:after {
  border-top: 2px solid #06c;
  border-right: 2px solid #06c;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
}
.btn_detail:hover,
.btn_default:hover {
  color: #06c;
  border: 1px solid rgba(255, 102, 102, 0) !important;
}
.btn_detail:hover:before,
.btn_default:hover:before,
.btn_detail:hover:after,
.btn_default:hover:after {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  padding: 0 2%;
  /*background-color: #fff;*/
  z-index: 1000;
  height: 100px;
  background: hsla(0, 0%, 100%, 0.5);
  backdrop-filter: blur(30px);
  box-shadow: -3px -3px 6px #fff6,3px 3px 6px #356ccb33;
}
.header .logo {
  float: left;
}
.header .logo {
  background: url(../images/logo_02.png) no-repeat left top;
  background-size: 150px auto;
  padding-left:174px;
  height:56px;
  margin-top: 20px;
}
.header .logo .title {
  display:block;
  margin-top:2px;
  color:#333;
  font-size:22px;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.header .logo .subTitle {
  color:#ccc;
  font-size:14px;
}
.menu {
  float: right;
}
.menu .btnClose {
  display: none;
}
.btn_menu {
  display: none;
}
.telephone {
  float: right;
  display:flex;
  padding-left:50px;
  height:100%;
  align-items: center;
}
.telephone span {
  padding-left:10px;
  color:#999;
  font-family: 'HelveticaBold', 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
  letter-spacing: 1px;
  font-size:16px;
}
.mainNav > li {
  float: left;
  margin-right: 60px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  height: 100px;
  position: relative;
}
.mainNav > li:last-child {
  margin-right: 0;
}
.mainNav > li > a {
  display: block;
  font-size: 16px;
  color: #333;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  letter-spacing: 2px;
  position: relative;
  line-height: 100px;
  overflow: hidden;
}
.mainNav > li > a:after {
  content: '';
  position: absolute;
  bottom: 20px;
  width: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 5px;
  background-color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
@media only screen and (min-width: 1024px) {
  .mainNav > li:hover > a {
    color: #0066cc;
  }
  .mainNav > li:hover > a:after, .mainNav > li.active > a:after {
    width: 100%;
  }
  .mainNav > li:hover .subnav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

  }
}
@media only screen and (max-width: 1580px) and (min-width: 1340px) {
  .mainNav > li {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1340px) and (min-width: 1024px) {
  .mainNav > li {
    margin-right: 25px;
  }
  .header .logo {
    /*// height: 23.59px;*/
  }
}
@media only screen and (max-width: 1024px) {
  .mainNav > li {
    float: none;
    clear: both;
    margin-right: 0px;
    margin: 0 20px !important;
    height: auto;
    padding: 12px 0;
    border-top: 1px solid #fff;
  }
  .mainNav > li > a {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    position: relative;
  }
  .mainNav > li > a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 20px;
    left: auto;
    width: 15px;
    height: 1px;
    background-color: #fff;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
  }
  .mainNav > li > a:before {
    content: "";
    position: absolute;
    top: 3px;
    right: 27px;
    width: 1px;
    height: 15px;
    background-color: #fff;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
  }
  .mainNav > li > a.active:before {
    display: none;
  }
}
.subnav {
  position: absolute;
  top: 96px;
  left: 50%;
  /* width: 180px; */
  /* margin-left: -90px; */
  min-width: 160px;
  background-color: #fff;
  box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -webkit-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -moz-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -ms-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -o-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  padding-top: 23px;
  padding-bottom: 26px;
  visibility: hidden;
  -webkit-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
  opacity: 0;
}
.subnav > li {
  text-align: center;
  margin: 14px 0;
  padding: 0 20px;
}
.subnav > li a {
  font-size: 14px;
  color: #999;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  letter-spacing: 2px;
  white-space: nowrap;
}
.subnav > li:hover a {
  color: #0066cc;
}
.subnav:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -webkit-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -moz-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -ms-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
  -o-box-shadow: 3px 0px 7px rgba(71, 73, 47, 0.05);
}
@media only screen and (max-width: 1200px) {
  .header .logo {
    width: 180px;
  }
}

@media only screen and (max-width: 1024px) {
  .header {
    padding: 0 20px;
    height: 60px;
  }
  .header .logo {
    width: 100px;
    height: 34px;
    margin-top: 15px;
    background-size: 80px auto;
  }
  .btn_menu {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: 20px;
  }
  .btn_menu span {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
  }
  .btn_menu span:nth-child(1) {
    top: 0;
    left: 0;
  }
  .btn_menu span:nth-child(2) {
    top: 50%;
    left: 0;
    margin-top: -1px;
  }
  .btn_menu span:nth-child(3) {
    bottom: 0;
    left: 0;
    top: auto;
  }
  .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 2000;
    background-color: rgba(0, 102, 204, 0.8);
    display: none;
  }
  .menu .btnClose {
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENDdCRjJBNDUyMTFFOEE0NjhDMzYyMzVDM0U5MkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENDdCRjNBNDUyMTFFOEE0NjhDMzYyMzVDM0U5MkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ0N0JGMEE0NTIxMUU4QTQ2OEMzNjIzNUMzRTkyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ0N0JGMUE0NTIxMUU4QTQ2OEMzNjIzNUMzRTkyQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFWGogAAAEySURBVHjavNdLCsIwEIDh6MKjmK0XUlsfCK49TeklxCt4Ai/gyp0gbqVtnNgEQkjbzDRjYBZV6f81VkWhlBIwU5gSZmOOOWcOc7TH9sFCtathRuj4w7ROLiCHqZgRblyvi9559wUaUZsn68SIUHzm7gAnojMeAqRG9Ma7ACFEzhHvA4xFRMWHAMJsPxYRHY8BYBGoeCzAR1QdCHQcAxhCkOJYgEU0HoIcpwBCiBc1TgX4CHJcz1TQ1hXm7RzDpYgzzAd9pgTfcMp5OzLs+bBxGbjhDt49kXEBZM/dvvUQ69QAGfFRIyFSxcmIlHE7Ow+xogLkiG+4aARHHIXgikcjOON29h5i2QXgiA8i/hHvRdj/hTfmeAhRuDuwgHkyx11EaS5cTH6KdkmYO+kndcT6CjAAirqm0Oi9+IIAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 16px 16px;
    position: fixed;
    top: 21px;
    right: 21px;
  }
  .subnav {
    position: static;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin-left: 0;
    background-color: rgba(255, 255, 255, 0);
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }
  .subnav:after {
    display: none;
  }
  .subnav li {
    text-align: left;
  }
  .subnav li a {
    color: #fff;
    font-size: 12px;
  }
  .mainNav {
    margin-top: 68px;
  }
}
.footer {
  background-color: #081a2a;
  padding-top: 62px;
  padding-bottom: 32px;
  position: relative;
}
.footer address {
  float: left;
  margin-left: 8.33333333%;
}
.footer address p {
  font-size: 16px;
  color: #999;
  line-height: 2;
}
.footer .code{
  float: right;
  margin-right: 8.33333333%;
  margin-top: 30px;
}
.footer .code img{
  width: 100px;
  height: auto;
  margin-left: 10px;
}
.footer i {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #003366;
  margin-top: 78px;
  margin-bottom: 25px;
}
.footer .copyright {
  font-size: 14px;
  color: #999;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.footer .copyright a {
  font-size: 14px;
  color: #999;
  margin-left: 26px;
}
.footer .share {
  position: absolute;
  bottom: 30px;
  right: 8.33333333%;
}
@media only screen and (max-width: 1024px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer address {
    margin-left: 20px;
    margin-right: 20px;
    display: none;
  }
  .footer .code{
    display: none;
  }
  .footer i {
    margin-top: 29px;
    margin-bottom: 25px;
    display: none;
  }
  .footer .copyright {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
  }
  .footer .copyright a {
    display: block;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 4px;
  }
  .footer .share {
    position: static;
    text-align: center;
    margin-bottom: 30px;
    display: none;
  }
}
.share {
  font-size: 0px;
}
.share .btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 14px;
  position: relative;
}
.share .btn:after {
  content: '';
  position: absolute;
  top: 2px;
  right: -14px;
  width: 1px;
  height: 18px;
  background-color: #999;
}
.share .btn_sg {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUE0MEE3NjlBMTIyMTFFOEJBMDlCQjY2RjA2ODg5QTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUE0MEE3NkFBMTIyMTFFOEJBMDlCQjY2RjA2ODg5QTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTQwQTc2N0ExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTQwQTc2OEExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm4oI2YAAAHASURBVHjalNNLSNRRFMfxccrMV1oLQRdObjXwASKSuVHRhSgkQdAmlxmZihs3uhBxFYSMVrtEVFyoC1E0BDFBNwYhmmibGSozFRUF8VHo98Bv4jI+wD984M7933v+59x7JiIQCHiu+bSiEaf4Cr/P5+uzF17P9Z/P6EAXEtEbDAY7rwqWjg9YxjRSnHdTWMMK8vAGNQR8FhFWZhTaUIcbzvwLvNc4HsPIxB/kYwb7N50NdzGChxdkaoFfoRAJmMBTrKMUo3gdChajifxLyvaH/S7BIA4tI8TaZChYZ1igv1hAEMe4j2zc0vsTbCKJmzzgvIoYf7Izs8GkFm3r6j9iNyybO3iJZtzWniaCzYcWeNUz9nxHFt7qPBaV4Rc8wh7aUaX1xZglqxw3WIHGz/FDX3+HDB28LR7TBXk0XtA4Uh/+H8za4ci+orlq3dYTbGguDmlOyW4X/HKDjStgpuZ+Ywhz+Kc5y3hJ40o1tUcf63aD1Sp6L1LVsNakP5EMO+Ay3aodRb/2bqGcC9h107W/QK7a4xt60IIdBYhGBQbwQPusx+qV8bnarbTHWmxn1aBS7qnUbZU5pApWL+rsMwEGABgldQ49F9f4AAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 19px 15px;
}
.share .btn_sg:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZCRjgyRDVBNUY1MTFFODk2MTlBREMzMjNFNDM4RDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ZCRjgyRDRBNUY1MTFFODk2MTlBREMzMjNFNDM4RDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTQwQTc2OUExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTQwQTc2QUExMjIxMUU4QkEwOUJCNjZGMDY4ODlBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsV1680AAAG5SURBVHjalNJfKN1hHMfx3zmjmX9jF2oulFsUWUsn7AZtF6JIqd1wY40Yy40bLiRXSnI27ki2duG4WFs7UkJNypFkE26Uf/OnQ9uNv/F+6kNPZ6jzq1c9v+fP93m+z/N1OTVzTphfO5pxiQX0XvY/+2QG3E743xR68AEJGHa9CXjvC5aGfixjEsnW2AS2sYIcdKGWgK9dIWk+RAca8cDqf4s+teMwikzswoNp/IuwFiTiK3JvOakJXI8XeAw/KvEHL/EN766DRavDc0favSH/RRjBsTkRYuw784YEOse80vmCWZxa42fYRxIv6dfYmLmzAhrjmhTU0w/gKOQ08ahDK6K0poVgN5fuVs2Ybw1Z6NZ9LOmEAeTjLzpRrvmF+MkrZtvB8tSuwoZ2/4h0XbyZ/F0P5Ki9qHakNr4JZsrhxOyivmq9VgX21BeLVCtluwq27GA/FDBTfTvwYQYX6jMn/qV2qYra0WaDdrAGRR9GigrWFOkmnsJc8Cu9mLmKz1p7gGIe4Mg+7jqeqzx+YwhtOFSARyhRiWRonamxJp34v9xNamWabO7qvVJ5olSDStOnDFZvq+wrAQYAJUtw7JyhHycAAAAASUVORK5CYII=) no-repeat center center;
}
.share .btn_qq {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJFNzdGQ0FBMTIyMTFFOEEwOTRFQ0UwRTYzMENBRkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFNzdGQ0JBMTIyMTFFOEEwOTRFQ0UwRTYzMENBRkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkU3N0ZDOEExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkU3N0ZDOUExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkKedcAAAADtSURBVHjaYvz//z8DMnj48GEEkMoHYmOo0BkgniAvL78KWR0jskagpolAKo8BO+gHai7C0AjUZA+kDjDgB/ZAzYdADCYkwVgGwiAKxkDWqEOERj0UpwKdCRI4j2YQNvAPiHWBzr3GhGQSExE2gtSogW188OABB5A+ghT8hMBxIHYEmVBCgiYQsATiQpCNz4AMSQbSwBOQjeJAfI0ETddBFoE0JgGxFRA/JULTYyC2AOIUJmDQLoQK3idC4x1QgAL1LIBFQS4Q2xCh0RGIM5BTzjYgvgiN4O9AfBiI/YE4AMr+DpW7AMS7QRoAAgwAqRVA+FjRMj8AAAAASUVORK5CYII=) no-repeat center center;
  background-size: 14px 15px;
}
.share .btn_qq:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUNFRUE1RDRBNUY1MTFFODg2MTFGQTYwMUI0OTlCQzgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUNFRUE1RDNBNUY1MTFFODg2MTFGQTYwMUI0OTlCQzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkU3N0ZDQUExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkU3N0ZDQkExMjIxMUU4QTA5NEVDRTBFNjMwQ0FGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuOA3jQAAADpSURBVHjaYvz//z8DMmBMPxsBpPKB2BgqdAaIJ/yfabwKRR2yRqCmiUAqjwE76AdqLsLQCNRkD6QOMOAH9kDNh0AMJiTBWAbCIArGQNaoQ4RGPRSnAp0JEjiPZhA28A+IdYHOvcaEZBITETaC1KiBbWRIO8MBpI8gBT8hcByIHUEmlJCgCQQsgbgQpDGLgXSQDdIoDsTXSNB0HYglQRqTgNgKiJ8SoekxEFsAcQoTMGgXQgXvE6HxDjgKZxovgEVBLhDbEKHREYgzkFPONiC+CI3g70B8GIj9gTgAyv4OlbsAxLtBGgACDAAkyT65TIfFVgAAAABJRU5ErkJggg==) no-repeat center center;
}
.share .btn_wx {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ0NjlGQkVBMTIyMTFFOEE1OUFFMzAzRUM2QTBCQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ0NjlGQkZBMTIyMTFFOEE1OUFFMzAzRUM2QTBCQzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDQ2OUZCQ0ExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDQ2OUZCREExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi6/8PsAAAFhSURBVHjajNPPK0RRGMbxO2OQKLOwkNIYC1F+ZMVGLKQsrWyxYmchyh8giY21mg1J2ViQhSSJUmwUqVnMrEhoaMiv5PvquXW6zR3e+nTvmbk995zznhvJZDKeqhrjGEI7KpDDKdaxii8vUIlE4vca1bgPl5hHl0Ks4hhACmdo9ELKgpqxgzrcYjfwzDbuNMsD1IQFzTkzWMGws4R7jTc1rsdsoaAIe5TnWun89oGywPgBh3ruTbM+xpW/RxZkD5Z64bWl4MEC/+1hgrC0Le28SMg+2kJCrPpxks1mk1F1KqwenU6NYFn310jiU5u/FNE5msKCLdUJSeMFHRrn1JRyja3Dtbp/9c/RItYCs7HOfTvjuBPiOSFW7zHdlKABozhCk056Czq9v2vDD7Il9TozSOtapU+mtUjIBWaiIcvwK68XpAp9ZzqwPbT/OfaPaVvnxjCNbnXJDugNJrUFTz8CDACyu1LxtuYWzwAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: 18px 14px;
}
.share .btn_wx:after {
  display: none;
}
.share .btn_wx:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0RjY4N0FBNUY1MTFFODhENkNCRDU5MDNDRUZCMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0RjY4NzlBNUY1MTFFODhENkNCRDU5MDNDRUZCMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDQ2OUZCRUExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDQ2OUZCRkExMjIxMUU4QTU5QUUzMDNFQzZBMEJDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrBqK3gAAAFXSURBVHjajJLPK0RRFMffjMckioWFlMJClEgKC2JraWWlsBA7C1n4AySxsVOWJGVjQRaSpCFZsZCabEloCPnV8DnTd3J7vXl869O9573b99xzzo15o6eeVAZj0A/NUAxpOIE1WIEvL6DvpbbsGpNRL6xClZdfZ0pyFWYUhwbYlskN7AQMtuBWt9yHirAsZjSjMkzLMOCUcKd4Q3E1TIcZWWnPrCXOtw8oCsT3cKBzb7p1Ei7cHtnBwojebMq4L+TfLoxjljKjY4KOPCZ7UAN1EYms/Hbr0WzEoQfHZAgWtb+EWvhU8xdy45+EuWypv0rBC7QoTmsoCcU24UrtX+PazOsdubLJZZy43DHxHBPTu69NgXoxDIdQr5feCK3e31rPleYreyZwoBSOoCnC5By6fKeMMNkb61Hpg0oYnFg343/y/3Ftm9wITEGnpmQP9Bom1ILHHwEGAA4SU1LVOnh6AAAAAElFTkSuQmCC) no-repeat center center;
}
.bannerSwiper {
  padding-top: 0;
}
.bannerSwiper .swiper-slide {
  position: relative;
  padding-top: 44.27083333%;
}
.bannerSwiper .swiper-slide h3 {
  font-size: 64px;
  color: #fff;
  letter-spacing: 5px;
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.bannerSwiper .swiper-slide h3 span {
  display: block;
  font-size: 36px;
  color: #fff;
  letter-spacing: 45px;
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
}
.bannerSwiper .swiper-slide h4 {
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
}
.bannerSwiper .swiper-slide .desc {
  position: absolute;
  top: 50%;
  left: 8.33333333%;
  z-index: 100;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
@media only screen and (max-width: 1024px) {
  .bannerSwiper .swiper-slide .desc {
    display: none;
  }
}
.bjns_product {
  padding-top: 96px;
  /*padding-left: 8.33333333%;*/
  /*padding-right: 8.33333333%;*/
  overflow: hidden;
  background-color: #f9fbfe;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1024px) {
  .bjns_product {
    padding: 0 20px;
    padding-top: 40px;
  }
}
.news_list {
  margin: 0 -10px;
  margin-top: 65px;
}
.news_list > li {
  width: 25%;
  float: left;
  position: relative;
}
.news_list > li:hover .picBox img {
  transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
}
.news_list > li:hover a > p {
  color: #06c;
}
.news_list > li:hover a > time {
  color: #06c;
}
.news_list a {
  display: block;
  background-color: #fff;
  padding-left: 14.54545455%;
  margin: 0 10px;
  padding-top: 68px;
  position: relative;
}
.news_list a > h3 {
  font-size: 14px;
  color: #999;
}
.news_list a > p {
  font-size: 18px;
  color: #333;
  margin-top: 20px;
  line-height: 36px;
  height: 108px;
  overflow: hidden;
}
.news_list a > time {
  font-size: 14px;
  color: #999;
  font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.news_list a > i {
  display: block;
  margin-top: 23px;
  margin-bottom: 21px;
  height: 1px;
  width: 100%;
  background-color: #eee;
}
.news_list a .picBox {
  position: relative;
  padding-top: 72.25609756%;
  overflow: hidden;
  top: 18px;
}
.news_list a .picBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
@media only screen and (max-width: 1024px) {
  .news_list {
    margin-top: 32px;
  }
  .news_list > li {
    float: none;
    clear: both;
    width: auto;
    margin-bottom: 20px;
  }
  .news_list a {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 0px;
  }
  .news_list a h3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_list a > p {
    font-size: 16px;
    height: auto;
    padding-top: 10px;
    margin-top: 0px;
    line-height: 24px;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_list a > i {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .news_list a time {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_list a .picBox {
    top: 0;
    margin-top: 20px;
    margin-left: 15px;
    padding-top: 68.256098%;
  }
}
.solution {
  position: relative;
  height: 752px;
  overflow: hidden;
}
.solution .picImg {
  position: absolute;
  top: 50%;
  width: 1920px;
  height: 752px;
  left: 50%;
  margin-left: -960px;
  margin-top: -376px;
}
.solution .picArea {
  position: absolute;
  top: 72px;
  left: 50%;
  width: 786px;
  height: 619px;
  margin-left: -393px;
  background: none;
  z-index: 100;
}
.solutionNav{
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 125px;
}
.solutionNav .list{
  margin: 0 -2px;
  margin-top: 50px;
}
.solutionNav .list li{
  width: 33.333333333%;
  float: left;
  margin-bottom: 4px;
}
.solutionNav .list a{
  display: block;
  background-color: #f9fbfe;
  text-align: center;
  margin: 0 2px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  padding-top: 34px;
  padding-bottom: 26px;
}
.solutionNav .list h3{
  font-size: 14px;
  color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  text-transform: capitalize;
}
.solutionNav .list p{
  font-size: 18px;
  color: #333;
  margin-top: 8px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.solutionNav .list a:hover,.solutionNav .list a.current{
  background-color: #0066cc;
}
.solutionNav .list a:hover h3,
.solutionNav .list a:hover p,
.solutionNav .list a.current h3,
.solutionNav .list a.current p{
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .solution {
    height: 410px;
  }
  .solution .picArea {
    width: 80%;
    height: auto;
    margin-left: -40%;
  }
  .solutionNav{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .solutionNav .list{
    margin-top: 30px;
  }
  .solutionNav .list li{
    width: 100%;
  }
}
.sectionMore {
  display:flex;
  width: 100%;
  justify-content: center;
  padding: 30px 0;
}
.sectionMore .more {
  padding-left:8px;
  width: 150px;
  height:50px;
  text-align:center;
  line-height:48px;
  border:1px solid #01AAED;
  border-radius:6px;
  font-size:20px;
  color:#01AAED;
  transition:all .5s;
}
.sectionMore .more a {
  color:#01AAED;
}
.sectionMore .more:hover {
  cursor:pointer;
  color:#fff;
  background:#01AAED;
}
.sectionMore .more:hover a {
  color:#fff;
}
.bjns_news {
  margin-top: 80px;
  padding-bottom: 150px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  background-color:#f9fbfe;
  overflow: hidden;
}
.bjns_news .list {
  margin: 0 -18px;
  margin-top: 60px;
}
.bjns_news .list li {
  width: 50%;
  float: left;
}
.bjns_news .list a {
  display: block;
  margin: 0 18px;
  position: relative;
}
.bjns_news .list a:hover .desc {
  opacity: 0.8;
}
.bjns_news .list a:hover img {
  transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
}
.bjns_news .list .box {
  position: relative;
  padding-top: 53.57142857%;
  overflow: hidden;
}
.bjns_news .list img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.bjns_news .list .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
  background-color: #1f69f1;
  padding-top: 26px;
  padding-left: 40px;
  padding-right: 40px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.bjns_news .list h3 {
  font-size: 14px;
  color: #fff;
}
.bjns_news .list p {
  font-size: 18px;
  color: #fff;
  margin-top: 6px;
}
.anLi {
  background-color:#f9fbfe;
}
.anLi .anLiList {
  padding: 0 80px;
}
.anLi .anLiList .anLiSwiper {
  position:relative;
}
.anLi .anLiList .anLiSwiper .swiper-slide {
  width:100%;
}
.anLi .anLiList .anLiSwiper .swiper-slide img {
  width: 100%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.anLi .anLiList .anLiSwiper .swiper-slide .overlay {
  position:absolute;
  left:0;
  top:0;
  z-index:10;
  width:100%;
  height:100%;
  background:url("../images/anli-bg.png") no-repeat left center;
  background-size:contain;
}
.anLi .swiper-pagination {
  display:flex;
  margin-top:30px;
  width: 100%;
}
.anLi .swiper .swiper-pagination-bullet {
  display:flex;
  border:1px solid #9dc5ce;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin-right:1%;
  width: 24%;
  height:100px;
  position:relative;
  vertical-align: middle;
}
.anLi .swiper .swiper-pagination-bullet .tip {
  display:flex;
  align-items: center;
  padding: 0 20px;
  width:96px;
  height:98px;
  line-height:1.5;
  font-size:20px;
  color:#fff;
  background:#64b1bb;
}
.anLi .swiper .swiper-pagination-bullet .img {
  flex: 1;
  display:flex;
  justify-content: center;
  align-items: center;
}
.anLi .swiper .swiper-pagination-bullet img {
  max-width: 80%;
  max-height: 80%;
}

.anLi .swiper .swiper-pagination-bullet:after {
  background-color:transparent;
}
.anLi .swiper .swiper-pagination-bullet-active {
  border:1px solid #3187d6;
}
.anLi .swiper .swiper-pagination-bullet-active .tip {
  background-color:#3187d6;
}
.anLi .swiper .swiper-pagination-bullet-active:before {
  position:absolute;
  content: ' ';
  width:0;
  height:0;
  border-color: transparent transparent #3187d6 transparent;
  border-width: 10px;
  border-style: solid;
  left:50%;
  top: -20px;
}
.anLi .anLiContent {
  position:absolute;
  left:0;
  top:0;
  z-index:20;
  padding: 50px 0 0 50px;
  width:40%;
}
.anLi .anLiContent .anLiTitle {
  margin-bottom:100px;
  font-size: 32px;
  color:#fff;
}
.anLi .anLiContent .anLiName {
  margin-bottom:40px;
  font-size: 26px;
  color:#93e3ee;
}
.anLi .anLiContent .anLiSubName {
  margin-bottom:20px;
  font-size: 18px;
  color:#fff;
}
.anLi .anLiContent .anLiText {
  font-size: 16px;
  color:#fff;
  line-height:2;
}
.anLi .sectionMore {
  margin-top:160px;
}
@media only screen and (max-width: 1600px) {
  .anLi .anLiContent {
    padding: 30px 0 0 50px;
    width: 50%;
  }
  .anLi .anLiContent .anLiTitle {
    margin-bottom: 40px;
  }
  .anLi .anLiContent .anLiName {
    margin-bottom: 20px;
  }
  .anLi .anLiContent .anLiText {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .header .logo .title {
    display: none;
  }
  .header .logo .subTitle {
    display: none;
  }
  .hmc2Bom {
    margin-top: 5vh;
  }
  .bjns_news {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
  .bjns_news .list {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
  }
  .bjns_news .list li {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 30px;
  }
  .bjns_news .list a {
    margin: 0px;
  }
  .bjns_news .list .desc {
    position: static;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    padding-top: 13px;
    padding-bottom: 14px;
  }
  .bjns_news .list p {
    font-size: 14px;
    height: 30px;
    overflow: hidden;
  }
}
.development {
  padding-top: 150px;
  background-color: #f9fbfe;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
@media only screen and (max-width: 1024px) {
  .development {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.devel_swiper {
  margin-top: 80px;
}
.devel_swiper .swiper-slide {
  background-color: #fff;
}
.devel_swiper .swiper-slide:hover .picBox img {
  transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04, 1.04);
  -o-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
}
.devel_swiper .swiper-slide:hover .box time {
  color: #06c;
}
.devel_swiper .swiper-slide:hover .box p {
  color: #06c;
}
.devel_swiper .swiper-slide:hover .box .detail {
  color: #06c;
}
.devel_swiper .box {
  display: block;
  padding-bottom: 22px;
}
.devel_swiper .box time {
  display: block;
  margin-top: 14px;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  padding-right: 10px;
}
.devel_swiper .box P {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 10px;
  height: 50px;
  overflow: hidden;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.devel_swiper .box i {
  display: block;
  margin-top: 14px;
  margin-bottom: 14px;
  border-top: 1px solid #ccc;
  margin-left: 20px;
  margin-right: 10px;
}
.devel_swiper .box .detail {
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  padding-right: 10px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.devel_swiper .picBox {
  overflow: hidden;
  position: relative;
  padding-top: 59.30851064%;
}
.devel_swiper .picBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
@media only screen and (max-width: 1024px) {
  .devel_swiper {
    margin-top: 40px;
  }
}
.common_swiper {
  position: relative;
  padding-bottom: 156px;
}
.common_swiper .swiper-container {
  position: static;
}
.common_swiper .swiper-container-horizontal > .swiper-pagination-bullets,
.common_swiper .swiper-pagination-custom,
.common_swiper .swiper-pagination-fraction {
  bottom: 90px;
}
.common_swiper .swiper-pagination-bullet {
  background-color: rgba(184, 219, 252, 0.5);
}
.common_swiper .swiper-pagination-bullet-active:after {
  background-color: rgba(0, 102, 204, 0.8);
}
@media only screen and (max-width: 1024px) {
  .common_swiper {
    padding-bottom: 70px;
  }
  .common_swiper .swiper-container-horizontal > .swiper-pagination-bullets,
  .common_swiper .swiper-pagination-custom,
  .common_swiper .swiper-pagination-fraction {
    bottom: 30px;
  }
}
.activity {
  padding-top: 86px;
  padding-bottom: 0;
}
.activity .list {
  padding-bottom: 185px;
}
.activity .swiper-container-horizontal > .swiper-pagination-bullets,
.activity .swiper-pagination-custom,
.activity .swiper-pagination-fraction {
  bottom: 118px;
}
.activity .swiper-slide {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .activity {
    padding-top: 50px;
  }
  .activity .list {
    padding-bottom: 80px;
  }
  .activity .swiper-container-horizontal > .swiper-pagination-bullets,
  .activity .swiper-pagination-custom,
  .activity .swiper-pagination-fraction {
    bottom: 30px;
  }
}
.industry {
  padding-top: 70px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.industry .swiper-slide {
  padding-right: 32px;
}
.industry .swiper-slide .box {
  position: relative;
}
.industry .swiper-slide .box:after {
  content: "";
  background-color: #0066cc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.industry .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.industry .swiper-slide .desc {
  position: absolute;
  bottom: 37px;
  left: 0;
  padding: 0 44px;
  z-index: 100;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
}
.industry .swiper-slide h3 {
  font-size: 14px;
  color: #fff;
}
.industry .swiper-slide p {
  font-size: 18px;
  color: #fff;
}
.industry .wd5 {
  width: 50%;
}
.industry .wd5 .box {
  padding-top: 47.70408163%;
}
.industry .wd2 {
  width: 25%;
}
.industry .wd2 .box {
  padding-top: 100%;
}
.industry .swiper {
  margin-top: 84px;
  padding-bottom: 135px;
  margin-right: -32px;
}
.industry .swiper .swiper-container-horizontal > .swiper-pagination-bullets,
.industry .swiper .swiper-pagination-custom,
.industry .swiper .swiper-pagination-fraction {
  bottom: 70px;
}
.industry .swiper-slide:hover .box:after {
  opacity: 0.6;
}
.industry .swiper-slide:hover .desc {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
@media only screen and (max-width: 1024px) {
  .industry {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .industry .swiper {
    margin-top: 42px;
    margin-right: -16px;
    padding-bottom: 60px;
  }
  .industry .swiper .swiper-container-horizontal > .swiper-pagination-bullets,
  .industry .swiper .swiper-pagination-custom,
  .industry .swiper .swiper-pagination-fraction {
    bottom: 20px;
  }
  .industry .swiper-slide {
    padding-right: 16px;
  }
  .industry .swiper-slide p{
    font-size: 14px;
  }
}
.organization {
  background-color: #fafafa;
  padding-top: 50px;
  padding-bottom: 83px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.organization .list {
  margin-right: -35px;
  margin-top: 56px;
}
.organization .list li {
  width: calc(33.3333333% - 35px);
  margin-right: 35px;
  float: left;
  font-size: 14px;
  color: #666;
  border-bottom: 1px dashed #999;
  padding: 15px 0;
  position: relative;
  height: 50px;
  overflow: hidden;
  padding-left: 30px;
}
.organization .list li:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJBRDdEMDlBMUJBMTFFODhEOTRFQ0Y5RkZBRkMwRUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJBRDdEMEFBMUJBMTFFODhEOTRFQ0Y5RkZBRkMwRUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkFEN0QwN0ExQkExMUU4OEQ5NEVDRjlGRkFGQzBFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkFEN0QwOEExQkExMUU4OEQ5NEVDRjlGRkFGQzBFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmHz3fwAAABYSURBVHjaYmQovMiABhqhdD2yIAsWRXVIfLhiJjyK6pBMhytEV4ShmAWPImTF/0EmMjIQBoxMUB3NeBQ1gTzFhGR8Ey5F6L6uR1PchBw86OFYj4PNABBgAKgqEVfbM2LqAAAAAElFTkSuQmCC) no-repeat center center;
}
@media only screen and (max-width: 1024px) {
  .organization {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
  }
  .organization .list {
    margin-top: 28px;
    margin-right: 0;
  }
  .organization .list li {
    width: 100%;
    margin-right: 0px;
  }
}
.cooperation {
  background-color: #fafafa;
  padding-top: 50px;
  padding-bottom: 114px;
}
.cooperation .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 90px;
}
.cooperation article {
  width: 50%;
}
.cooperation article h3 {
  font-size: 18px;
  color: #6a8cab;
  line-height: 30px;
}
.cooperation article h4 {
  font-size: 14px;
  color: #999;
  margin-top: 15px;
  line-height: 24px;
}
.cooperation article p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.cooperation article strong {
  font-size: 14px;
  color: #333;
}
.cooperation article img {
  position: absolute;
  top: 7px;
  right: 0;
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .cooperation {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 65px;
  }
  .cooperation .container {
    margin-top: 35px;
  }
  .cooperation article {
    width: 100%;
  }
  .cooperation article img {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}
.aboutPage .banner {
  padding-top: 26.04166667%;
}
.aboutPage .mod2 {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 66px;
}
.aboutPage .info {
  position: relative;
  min-height: 330px;
  margin-top: 60px;
}
.aboutPage .info h3 {
  font-size: 18px;
  color: #0066cc;
  line-height: 30px;
}
.aboutPage .info h4 {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  margin-top: 14px;
}
.aboutPage .info p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  padding-left: 446px;
}
.aboutPage .info .desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 446px;
}
@media only screen and (max-width: 1024px) {
  .aboutPage .mod2 {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }
  .aboutPage .info {
    margin-top: 30px;
  }
  .aboutPage .info p {
    padding-left: 0;
  }
  .aboutPage .info .desc {
    position: static;
    width: auto;
  }
}
.about .list {
  margin-top: 95px;
}
.about .list li {
  width: 33.3333333%;
  float: left;
  background-color: #F9fcff;
  padding-top: 48px;
  padding-bottom: 54px;
  text-align: center;
}
.about .list li h5 {
  font-size: 14px;
  color: #0066cc;
}
.about .list li h6 {
  font-size: 18px;
  color: #333;
}
.about .list li p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  margin-top: 30px;
}
.about .list li:nth-child(2) {
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .about .list {
    margin-top: 30px;
  }
  .about .list li {
    width: 100%;
    float: none;
    clear: both;
  }
}
.structure {
  background-color: #f9fbfe;
  padding-top: 42px;
  padding-bottom: 60px;
}
.structure > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: none;
  margin-top: 70px;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .structure > img {
    width: 80%;
  }
}
.btn_detail {
  display: block;
  width: 140px;
  height: 44px;
  border: 2px solid #0066cc;
  font-size: 14px;
  color: #0066cc;
  text-align: center;
  line-height: 44px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 49px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.btn_detail:hover {
  color: #0066cc;
}
@media only screen and (max-width: 1024px) {
  .btn_detail {
    margin-top: 30px;
  }
}
.team {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 123px;
}
.team .list {
  margin-right: -22px;
  margin-top: 80px;
}
.team li {
  width: calc(16.66666666% - 22px);
  float: left;
  padding-top: calc(16.66666666% - 22px);
  position: relative;
  margin-right: 22px;
}
.teamMod li {
  /* width: calc(33.333333% - 22px); */
  float: left;
  padding-top: 0px;
  position: relative;
  margin-right: 0px;
  margin-bottom: 30px;
}
.teamMod li:first-child{
  width: 100%;
}
.teamMod li:nth-child(2){
  width: 50%;
}
.teamMod li:nth-child(3){
  width: 50%;
}
.teamMod li:first-child .box{
  position: relative;
  padding-top: calc(20% - 22px);
  width: calc(20% - 22px);
  margin-left: auto;
  margin-right: auto;
}
.teamMod li:nth-child(2) .box{
  position: relative;
  padding-top: calc(40% - 22px);
  width: calc(40% - 22px);
  float: right;
  margin-right: 22px;
}
.teamMod li:nth-child(3) .box{
  position: relative;
  padding-top: calc(40% - 22px);
  width: calc(40% - 22px);
  float: left;
  margin-left: 22px;
}
@media only screen and (max-width: 1024px) {
  .teamMod li{
    padding-top: 0px !important;
  }
  .teamMod li:first-child{
    width: 100%;
  }
  .teamMod li:nth-child(2){
    width: 100%;
  }
  .teamMod li:nth-child(3){
    width: 100%;
  }
  .teamMod li:first-child .box{
    position: relative;
    padding-top: calc(100%);
    width: calc(100%);
    margin-left: auto;
    margin-right: auto;
  }
  .teamMod li:nth-child(2) .box{
    position: relative;
    padding-top: calc(100%);
    width: calc(100%);
    float: none;
    clear: both;
    margin-right: 0px;
  }
  .teamMod li:nth-child(3) .box{
    position: relative;
    padding-top: calc(100%);
    width: calc(100%);
    float: none;
    clear: both;
    margin-left: 0px;
  }
}
.team li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.team li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0066cc;
  opacity: 0.3;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.teamMod li:after{
  display: none;
}
.teamMod li .box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0066cc;
  opacity: 0.3;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.team li .box:hover .desc {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  opacity: 1;
}
.team li .box:hover:after {
  opacity: 0.3;
}
.teamPage .team li:hover .desc {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  opacity: 1;
}
.teamPage .team li:hover:after {
  opacity: 0.3;
}
.team .desc {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 100;
  margin-top: -72px;
  transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.team .desc h3 {
  font-size: 16px;
  color: #fff;
}
.team .desc h4 {
  font-size: 14px;
  color: #fff;
}
.team .desc p {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin: 0 10px;
  text-align: left;
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .team {
    padding-top: 50px;
    padding-bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .team .list {
    margin-top: 40px;
    margin-right: -5px;
    margin-left: -5px;
  }
  .team li {
    width: calc(50% - 10px);
    margin-right: 0;
    padding-top: calc(50% - 10px);
    margin: 0 5px !important;
    margin-bottom: 20px !important;
  }
}
.tab {
  text-align: center;
  font-size: 0;
  margin-top: 60px;
}
.tab a {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 25px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  letter-spacing: 1px;
}
.tab a:hover,
.tab a.active {
  color: #0066cc;
}
@media only screen and (max-width: 1024px) {
  .tab {
    margin-top: 30px;
  }
  .tab a {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #ccc;
  }
  .tab a:last-child {
    border-bottom: 1px solid #ccc;
  }
}
.newsPage .news {
  padding-bottom: 200px;
}
.newsPage .news_list li {
  margin-bottom: 145px;
}
@media only screen and (max-width: 1024px) {
  .newsPage .news {
    padding-bottom: 80px;
  }
  .newsPage .news_list li {
    margin-bottom: 50px;
  }
}
.paging {
  font-size: 0px;
  text-align: center;
}
.paging a {
  display: inline-block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 14px;
  color: #999;
  margin: 0 10px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .prev,
.paging .next {
  position: relative;
  background-color: rgba(0, 102, 204, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.paging .prev:after,
.paging .next:after {
  content: "";
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -5px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .prev:before,
.paging .next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .pg {
  position: relative;
  vertical-align: 20px;
}
.paging .pg:after {
  content: '';
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 1px;
  background-color: #fff;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.paging .pg:hover,
.paging .pg.current {
  color: #0066cc;
}
.paging .pg:hover:after,
.paging .pg.current:after {
  background-color: #0066cc;
}
.paging .prev:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMENGMThBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMENGMTlBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzIwQ0YxNkExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzIwQ0YxN0ExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqVegOwAAABySURBVHjaYvz//z8DHsAIpf+zEFDUD2UXMoBMxIIZgXjCfwj4AcTaxCjyBDuPGEXoCnEqQlbIBMRLkBR5oDsJpugCVNEvbIpAmImBWECK1ciemUjIMwQV4wrwiYQCHJdibVyJApSkCpD41xiJTWYAAQYAXR5zPwVIeBoAAAAASUVORK5CYII=) no-repeat center center;
}
.paging .prev:hover:before {
  width: 100%;
  height: 100%;
}
.paging .prev:hover:after {
  animation: prev-move 1s 1;
}
.paging .next:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBQjU0NzVBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBQjU0NzZBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFCNTQ3M0ExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFCNTQ3NEExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+oGswAAAB9SURBVHjajJLRCcAgDEQT13GSbtNNqiu0A3Wd0p+YYASRnvbgQOXhJSEsIqRiqhICCg4dbkYg6Y9R/UhVUrOljG6HbQX3lyk8RkCYPurp4VMdENjg1+Hb4EBrcRvPLPpC0T2UUTMQQgPPaOBxBZnt0bpK3uGONoj/rlkRYABjzXYRKTwoYQAAAABJRU5ErkJggg==) no-repeat center center;
}
.paging .next:hover:before {
  width: 100%;
  height: 100%;
}
.paging .next:hover:after {
  animation: prev-move 1s 1;
}
@keyframes prev-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  51% {
    opacity: 0;
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1024px) {
  .paging a {
    width: 5px;
    height: 8px;
  }
  .paging .pg {
    vertical-align: 8px;
  }
  .paging .prev,
  .paging .next {
    width: 26px;
    height: 26px;
  }
  .paging .prev:after,
  .paging .next:after {
    width: 5px;
    height: 8px;
    margin-top: 0;
    margin-left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .paging .prev:before,
  .paging .next:before {
    width: 16px;
    height: 16px;
  }
  .paging .prev:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMENGMThBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMENGMTlBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzIwQ0YxNkExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzIwQ0YxN0ExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqVegOwAAABySURBVHjaYvz//z8DHsAIpf+zEFDUD2UXMoBMxIIZgXjCfwj4AcTaxCjyBDuPGEXoCnEqQlbIBMRLkBR5oDsJpugCVNEvbIpAmImBWECK1ciemUjIMwQV4wrwiYQCHJdibVyJApSkCpD41xiJTWYAAQYAXR5zPwVIeBoAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 5px auto;
  }
  .paging .next:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBQjU0NzVBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBQjU0NzZBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFCNTQ3M0ExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFCNTQ3NEExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+oGswAAAB9SURBVHjajJLRCcAgDEQT13GSbtNNqiu0A3Wd0p+YYASRnvbgQOXhJSEsIqRiqhICCg4dbkYg6Y9R/UhVUrOljG6HbQX3lyk8RkCYPurp4VMdENjg1+Hb4EBrcRvPLPpC0T2UUTMQQgPPaOBxBZnt0bpK3uGONoj/rlkRYABjzXYRKTwoYQAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 5px auto;
  }
}
.news_detail {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
  padding-bottom: 60px;
}
.news_detail time {
  display: block;
  font-size: 14px;
  color: #999;
}
.news_detail p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  text-indent: 2em;
}
.news_detail table{
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
}
.news_detail table td{
  text-align: center;
  padding: 10px 0;
}
.news_detail h3 {
  font-size: 26px;
  color: #333;
  margin-top: 18px;
}
.news_detail img {
  max-width: 100% !important;
  height: auto !important;
  margin-left: -2em;
}
.news_detail .share {
  margin-top: 50px;
}
.news_detail .share .btn {
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.news_detail .share .btn:after {
  display: none;
}
.news_detail .share .btn_sg {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzBBN0ZCRUFBMUVEMTFFODkxNTNGOTg0QkQ1NzY1NDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzBBN0ZCRUJBMUVEMTFFODkxNTNGOTg0QkQ1NzY1NDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMEE3RkJFOEExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMEE3RkJFOUExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqfgRtgAAAHpSURBVHjanNNPSFRRFMdxJ0YKDSdBxKRy4WIWU6CYQYKoUARtgkZyESUaDQm6kWBCiWZW2kJ0ocQM/RkNInCjkn/6s5L8szGhIIM2bSIQk9BSjLK+B34Dl8eMCx98ePe9d+95955zry+RSOTs41pGCJuYx/1IJPLWPhzI2d/1Bk9hQc5hNplMdtgHX5YZ2o8uohFFGMK0870ADVjBD4yi1vgzBKvAQ1Q5706hzHm+hBG1Y7iCz4h6A17FIxz0vLdcWd865e4PStGMHjzBpC3fDdiCx1lydgzftPz0dQ1tCnhUSz+SLorlY69yBzzB7CrGJ3Sq6uX4YjM8jGHkquM2nmEKH/XngPLYhLAVEz9xnO3Sb4Oo8h1Li1U5SqNXwSZwE6uoRI0GvsB39Tmrfjbjf4gTNO5ujxa1Z3BZA60w7zCIlCpYoX4L6FDbZhpjdvVuwKDaXfiL62jFrpOvQnQ7z689+Qy5ATfU/uosaU65vecMOuS0g56Ai27AlNph3ef13nJ43hn0QPc89Dvvn5PDpfSDX0s9gz6sqeInMK7Ef9BMreontVerNd428w3vmf2lE9CnHW9J39KpOY3bOnav8F7B7MftdgSZ3ZYbMH1SfuMuBrT0C7iFEuRjXSfF0vMSY9jJdAL+CzAA5Rxw707xjnUAAAAASUVORK5CYII=) no-repeat left center;
  margin-left: 0;
}
.news_detail .share .btn_sg:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM2NUZCOENBNkExMTFFOEE5QUZGRDhBNjVBNjg5M0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM2NUZCOEJBNkExMTFFOEE5QUZGRDhBNjVBNjg5M0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMEE3RkJFQUExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMEE3RkJFQkExRUQxMUU4OTE1M0Y5ODRCRDU3NjU0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmeVgS4AAAHrSURBVHjanNRBSFVBFMbx+8RINFJJRKVs4eItTErUQCHEMIIQWigVhEaKiaAbCRRd2FuVC3ElophaQQVuLNTMXESUhfRQFCxw4yYCsRQrI7D0f+S7MF2yhQM/3tyZO+fOnJl5Ie/Ge28fZRbZ+IZpdGz35r22jhhvf2UKD2BBSvEqVBdttI7QHjO0D11ABVLQjWdO/2GU4APWMYwzJvYfwU6hH3lOWw6OO88XcV/1W7iEJTQHA17FXRwMtFuu7N1i5W4LGbiG2xjEmC3fDXgdA3vk7Cg+a/l+qUS9AqZr6Un+plg+ev+zCYmBYFZS8RFN2vUsLNsMD+EeDujFn3iIcSzqy4nK42WU726m533HMY5L1+7u1kVbLC22y81U7ijYU9RiBbko0sBRfNE7hXrPZryNCEEj/rQtoE07jAmUqb0P1c7y1nAWc3q+gkdOfwlBX/rnLazGVvxGlYL9cQYko815fhHIZ7Z7gDdU/+Qs6Y1y2+4MinPq4UDAd27AIdXL9TutdsvhOWdQj37j0eW0P2a5Uf8hVks9jU6sascz8USJX9BMbddP6KwWaLwd5prgnf2hG9CpE/8Wm7o1+bipazeJeQWzDzfYFWR2m27A4J/DES39PE4iDQn4qpsyg+cYwS8bQMC/krkjwAB5kXIdmrSUzAAAAABJRU5ErkJggg==) no-repeat left center;
}
.news_detail .share .btn_qq {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzNBRkM5MDZBMUVEMTFFOEI4RDJFNTNFRUMwMzY2REIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzNBRkM5MDdBMUVEMTFFOEI4RDJFNTNFRUMwMzY2REIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDM0FGQzkwNEExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDM0FGQzkwNUExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PolxLTgAAAEHSURBVHjaYvz//z8DMpg1a5YqkKoCYk8gFgfil0C8DYhb0tLS7iGrZUTWDNToBqTWATE3Ayb4CsQ+QAMOYGgGauQBUiCTRRlwg1dArAw04AuIw4QkEUpAIwiIAXEAjIOs2ZSBOGCOohnoZFYgZU+kZjugemZkm02AWItIzXowtTDNxGpENoCBcebMmcpA+jIQc5Kg+RsQ64BsbidRIwhwAXErSLMPA3nAD+bnqSRqnAYLMCNgiskB0kuI1LgQqD4bFEPg5AmMNz4gZw0QuxKheScoNQIN+AxzdhSRGkHAHYjDkON5OxDvBeKfQPwXiK8BcTMQC4JCFYhvQsV/APEeIN4B0gQQYAA1EEIIl9DbxQAAAABJRU5ErkJggg==) no-repeat left center;
}
.news_detail .share .btn_qq:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEwMjg3OEZBNkExMTFFOEE3OUU5RkVFREI1QjVFRDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEwMjg3OEVBNkExMTFFOEE3OUU5RkVFREI1QjVFRDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDM0FGQzkwNkExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDM0FGQzkwN0ExRUQxMUU4QjhEMkU1M0VFQzAzNjZEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ploa0XAAAAEGSURBVHjaYvz//z8DMmBMP6sKpKqA2BOIxYH4JRBvA+KW/zON76GoRdYM1OgGpNYBMTcDJvgKxD5AAw5gaAZq5AFSIJNFGXCDV0CsDDTgC4jDhCQRSkAjCIgBcQCMg6zZlIE4YI6iGehkViBlT6RmO6B6ZmSbTYBYi0jNejC1MM3EakQ2gIGRIe2MMpC+DMScJGj+BsQ6IJvbSdQIAlxA3ArS7MNAHvCD+XkqiRqnwQLMCJhicoD0EiI1LgSqzwbFEDh5AuOND8hZA8SuRGjeCUqNQAM+w5wdRaRGEHAH4jDkeN4OxHuB+CcQ/wXia0DcDMSCoFAF4ptQ8R9AvAeId4A0AQQYALOMQW8BHi59AAAAAElFTkSuQmCC) no-repeat left center;
}
.news_detail .share .btn_wx {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzYyQzFDRjhBMUVEMTFFODlGMUNBMTg4MzZBRDE4MTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzYyQzFDRjlBMUVEMTFFODlGMUNBMTg4MzZBRDE4MTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjJDMUNGNkExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjJDMUNGN0ExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+XIPAAAAF8SURBVHjajNNLKERRHMfxa4xHkYVHpNnRKMWSkNeGhcLCwsajZJY2JhtJdoqFlDR3wcKCLMRCSGlKZCFlR5EJK68FFowyvqf+V/+Gud1/fbrnnHv73XPPOTctEolYUunoQR9qUIQ4LrGDRcSspAqFQr9tn1wDOMIaOiTIVCaqMIYLjFouZcLyEEWtjF0nPfOJe2RhFuNuYRMok/46yrGvnhlGEAnpT0n/T/nRq/qd2EKLGpvGkKzfMV7RgFt8JM8soPrZEpihxkrxIOtZiS4s4R0Htm236bBny72W0YgBFKtxs/ut2CNwxglbdQkyn1WPEtkIW66mrrAp7TCBgyZsEjcpwsy5qpD2G3ZlzZxdj6pnwybsBc04+ycsodqF2FBnsB1z6n7QObR36i1m+l/qjHmtmF91zA7W4UTWskBm1o18D2HzPtUZkSBT33jEE/rVTFPVChZ8Ht64LTt6mOL+uTk2/PAJv8f1OEWTHPBq5MgJiMu/mmt2+0eAAQA/RVYfl1jwpwAAAABJRU5ErkJggg==) no-repeat left center;
}
.news_detail .share .btn_wx:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0FBM0QyMkVBNkExMTFFODkzNjFBNTNBNTM4N0VFRkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0FBM0QyMkRBNkExMTFFODkzNjFBNTNBNTM4N0VFRkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjJDMUNGOEExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjJDMUNGOUExRUQxMUU4OUYxQ0ExODgzNkFEMTgxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkrcFS0AAAF1SURBVHjajNTPKwRhHMfxmTU4kIMfcXCjdeKiCPl1opQcHFxECX+AzUWSm+IgF3FxcCDKj4P8umxEDig3imy4cqDESuP9re/oaZnZ+darnWdm+jwzz/eZta2hc0srA93oRQ2KkMQNdjGPhJVS7kL173FEf0txglV0aJBUFioximuMWAElYXmIo1bP3aXc84knZGMGY0Fh4yjT8RrKcWjcM4iovJGOJ3X8pxz0GONObKPFODeFAV2/U7yiAQ/4MMNsGuBa6Wsd72hHsZ77xpFMRhMOvNd8ThO0hEb0GUFe91uxbw9fTHthKwFB8lr1KNFGLOqv1C229DhGYL+ETeDeJ0z2VYUev2FP18zrety4NyZhL2jG5T9h5noWYsPYg22YNa5HvU37aMwij/9l7LGwlXCMQSbqcKZrWaBP1oX8EGFztvFt+pV8Xps6mV8tS7cjIWbc0Y4e+1y/kiD2muuEXA95/Cb9Q6hCju6ApH6rudLtHwEGAMh4VBgC9DJNAAAAAElFTkSuQmCC) no-repeat left center;
}
.news_detail i {
  display: block;
  border-top: 1px solid #ccc;
  margin-top: 45px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 1024px) {
  .news_detail {
    max-width: 100%;
    margin: 0 20px;
    padding-top: 50px;
  }
  .news_detail h3 {
    font-size: 18px;
  }
  .news_detail .share {
    margin-top: 30px;
  }
  .news_detail i {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .news_detail img{
    width: 100% !important;
    height: auto !important;
  }
}
.backlist {
  display: inline-block;
  font-size: 14px;
  color: #999;
  position: relative;
  padding-left: 30px;
  line-height: 24px;
  margin-top: 70px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.backlist:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTM2RjM1NzJBMUVFMTFFODhCQUVBMkQyM0I5QURGMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTM2RjM1NzNBMUVFMTFFODhCQUVBMkQyM0I5QURGMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzZGMzU3MEExRUUxMUU4OEJBRUEyRDIzQjlBREYzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMzZGMzU3MUExRUUxMUU4OEJBRUEyRDIzQjlBREYzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp2lXQsAAACXSURBVHjaYnzw4MF/BkwwHYizFCZ+BLGnAXEmugImKM2IhLMYiABMDGQCsjWyQOk0JDEbIP5IjMZZQGyMJPYFiI8g8UFsZnSNjMBQxWkqNFSxArwaCTl1Jhbxg0C8DMqOAmJ7bKEKCpizSJgHGkDIgcWDpiYNFqqzkBSCAkIXzYIjaGpm0j8BwDT+R8LTsKibhqaGASDAAOp+Jju7IxwiAAAAAElFTkSuQmCC) no-repeat center center;
}
.backlist:hover {
  color: #06c;
}
@media only screen and (max-width: 1024px) {
  .backlist {
    margin-top: 30px;
  }
}
.related {
  padding-top: 114px;
  padding-bottom: 140px !important;
}
.related .news_list a {
  padding-bottom: 48px;
}
.related .news_list li {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1024px) {
  .related {
    padding-top: 60px;
    padding-bottom: 50px !important;
  }
  .related .news_list li {
    margin-bottom: 30px;
  }
}
.map {
  position: relative;
}
.contact {
  overflow: hidden;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  padding-top: 134px;
  padding-bottom: 154px;
}
.contact .list {
  margin-right: -8px;
  margin-top: 70px;
}
.contact .list dt {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 32px;
  font-size: 24px;
  color: #333;
  letter-spacing: 2px;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
}
.contact .list dt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #0066cc;
  width: 22px;
  height: 4px;
  margin-left: -11px;
}
.contact .list dd {
  width: calc(25% - 8px);
  margin-right: 8px;
  float: left;
  border: 1px solid #ccc;
  height: 220px;
  overflow: hidden;
  margin-bottom: 8px;
}
.contact .list dd h3 {
  font-size: 18px;
  color: #0066cc;
  margin: 0 16px;
  margin-top: 38px;
  padding: 0 20px;
}
.contact .list dd i {
  display: block;
  border-top: 1px solid #ccc;
  margin: 0 16px;
  margin-top: 18px;
  margin-bottom: 25px;
}
.contact .list dd p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin: 0 16px;
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .contact {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }
  .contact .list {
    margin-top: 50px;
    margin-right: 0;
  }
  .contact .list dd {
    width: 100%;
    margin-right: 0;
    height: auto;
    padding-bottom: 38px;
  }
}
.policy {
  padding-top: 125px;
}
.policy .page {
  /* height: 564px; */
}
.policy .page .content {
  max-width: 1182px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
  padding-bottom: 80px;
}
.mt-50 {
  margin-top: 50px;
}
.policy .page .content::after {
  content: "";
  display: block;clear: both;
}
.policy .page .txt {
  width: 540px;
}
.policy .page h3 {
  font-size: 30px;
  color: #0066cc;
  line-height: 44px;
}
.policy .page h4 {
  font-size: 14px;
  color: #999;
  line-height: 44px;
}
.policy .page P {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.policy .page ul {
  float: left;
  width: 480px;
  margin-top: 155px;
  margin-left: 44px;
}
.policy .page ul li {
  float: left;
  border: 1px solid #ccc;
  width: 230px;
  height: 120px;
  text-align: center;
  margin: 0 5px;
  margin-bottom: 10px;
}
.policy .page ul li p {
  font-size: 14px;
  color: #333;
}
.policy .page ul li img {
  display: block;
  margin: auto;
  margin-top: 25px;
}
/* .policy .page1 {
  margin-top: 112px;
} */
.policy .page1,
.policy .page3 {
  background-color: #fafafa;
}
.policy .page1 .txt,
.policy .page3 .txt {
  float: left;
  margin-top: 80px;
}
.policy .page1 img,
.policy .page3 img {
  background: none;
  float: right;
  margin-top: 80px;
}
.policy .page2 img {
  margin-top: 80px;
}
.policy .page2,
.policy .page4 {
  background-color: #f7f7f7;
  border-top: 1px solid #fff;
}
.policy .page2 .txt,
.policy .page4 .txt {
  float: right;
  margin-top: 80px;
}
.policy .page2 img,
.policy .page4 img {
  background: none;
  float: left;
  margin-top: 80px;
}
.policy .page3 {
  border-top: 1px solid #fff;
}
.policy .page3 img {
  margin-top: 80px;
  margin-right: 0px;
}
.policy .page3 .txt {
  width: 488px;
  margin-top: 150px;
}
.policy dl {
  margin-top: 32px;
}
.policy dd {
  font-size: 14px;
  color: #999;
  position: relative;
  padding-left: 19px;
  float: left;
  margin-right: 19px;
  margin-bottom: 10px;
}
.policy dd:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk2OEVCMDhBMjA0MTFFODgxMDVCREE3NzY2MERGNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk2OEVCMDlBMjA0MTFFODgxMDVCREE3NzY2MERGNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTY4RUIwNkEyMDQxMUU4ODEwNUJEQTc3NjYwREY1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTY4RUIwN0EyMDQxMUU4ODEwNUJEQTc3NjYwREY1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTkqWsAAABLSURBVHjaYmQovMiABCqBmBGI22ACLGiSbUh8MJsJh2QrEFfBTECXRFYENoGRATdgZEHS3YomWQ2SY0JyUDW6JLovQAL/0b0JEGAA/rANffmJ9gwAAAAASUVORK5CYII=) no-repeat center center;
}
.policy .page4 img {
  margin-top: 105px;
}
/* .solutionPage .common > h3{
  margin-bottom: 60px;
} */
@media only screen and (max-width: 1024px) {
  .policy {
    padding-top: 40px;
  }
  .policy .page {
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    /* padding-bottom: 60px; */
  }
  .policy .page .content {
    max-width: 100%;
    padding-bottom: 40px;
  }
  .policy .page h3 {
    font-size: 22px;
  }
  .policy .page .txt {
    width: auto;
    float: none;
    clear: both;
  }
  /* .policy .page1 {
    margin-top: 60px;
  } */
  .policy .page1 .txt,
  .policy .page3 .txt {
    padding-top: 40px;
    width: auto;
    float: none;
    clear: both;
    margin-top: 0px;
  }
  .policy .page1 img,
  .policy .page3 img {
    float: none;
    clear: both;
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .policy .page2 .txt,
  .policy .page4 .txt {
    margin-top: 0;
    padding-top: 40px;
  }
  .policy .page2 img,
  .policy .page4 img {
    float: none;
    clear: both;
    max-width: 100%;
    margin-top: 40px;
  }
  .policy .page3 img {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
  }
}
.struc {
  padding-top: 60px;
}
.struc .column {
  font-size: 0;
  text-align: center;
  margin-top: 46px;
}
.struc .column a {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 6px 12px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.struc .column a:hover,
.struc .column a.active {
  color: #0066cc;
}
.struc .list {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  border-bottom: 1px solid #ccc;
}
.struc .list li {
  border-top: 1px solid #ccc;
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 14px;
  margin-bottom: 44px;
}
.struc .item_pic {
  width: 48.64285714%;
  float: right;
  position: relative;
  padding-top: 28.35714286%;
}
.struc .item_pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.struc .item_desc {
  width: 51.35714286%;
  float: left;
  margin-top: 48px;
}
.struc .item_desc h3,
.struc .item_desc p {
  margin-right: 50px;
}
.struc .item_desc h3 {
  font-size: 30px;
  color: #0066cc;
  margin-bottom: 36px;
}
.struc .item_desc p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.struc .paging {
  margin-top: 128px;
  margin-bottom: 177px;
}
@media only screen and (max-width: 1024px) {
  .struc {
    padding-top: 40px;
  }
  .struc .column {
    margin-top: 25px;
  }
  .struc .list {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .struc .list li {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
  }
  .struc .item_desc {
    width: auto;
    float: none;
    clear: both;
    margin-top: 0;
  }
  .struc .item_desc h3,
  .struc .item_desc p {
    margin-right: 0px;
  }
  .struc .item_pic {
    width: 100%;
    padding-top: 58.29662261%;
    float: none;
    clear: both;
  }
  .struc .paging {
    margin-top: 50px;
    margin-bottom: 60px;
  }
}
.intellectual {
  padding-top: 120px;
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
}
.intellectual .column {
  margin-right: -20px;
  margin-top: 88px;
}
.intellectual .column li {
  width: calc(25% - 20px);
  float: left;
  background-color: #f4faff;
  text-align: center;
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
  margin-right: 20px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.intellectual .column li:hover {
  background-color: #0066cc;
}
.intellectual .column li:hover .back {
  opacity: 0;
  visibility: hidden;
}
.intellectual .column li:hover .desc {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.intellectual .column .back {
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.intellectual .column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.intellectual .column h3 {
  font-size: 14px;
  color: #0066cc;
  margin-top: 26px;
}
.intellectual .column h4 {
  font-size: 18px;
  color: #333;
}
.intellectual .column .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 45px 35px;
  opacity: 0;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
}
.intellectual .column .desc h3 {
  color: #fff;
}
.intellectual .column .desc h4 {
  color: #fff;
  margin-top: 5px;
}
.intellectual .column .desc p {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-align: left;
  margin-top: 25px;
}
@media only screen and (max-width: 1024px) {
  .intellectual {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .intellectual .column {
    margin-top: 44px;
    margin-right: 0;
  }
  .intellectual .column li {
    width: 100%;
    margin-right: 0px;
    padding-top: 75px;
    padding-bottom: 75px;
    margin-bottom: 20px;
  }
}
.carrier_swiper {
  /*padding-top: 120px;*/
}
.carrier_swiper .sectionMore .more {
  position:relative;
  width: auto;
  padding: 0 20px;
}
.carrier_swiper .sectionMore .more {
  border-color: #0e71e9;
  color: #0e71e9;
}
.carrier_swiper .sectionMore .more a {
  color: #0e71e9;
}
.carrier_swiper .sectionMore .more:hover {
  background: #0e71e9;
}
.carrier_swiper .sectionMore .more:hover a {
  color: #fff;
}
.carrier_swiper .sectionMore .more:hover:after {
  transform: translateX(5px) scale(1.3);
}
.carrier_swiper .sectionMore .more:after {
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -7px;
  content: ' ';
  width: 0;
  height: 0;
  border-width: 7px;
  border-color: transparent transparent transparent #0e71e9;
  border-style: solid;
  transition: all .5s;
}
.carrier_swiper .sectionMore .more span {
  color:#ff0000;
  font-size: 20px;
}
.carrier_swiper .swiper-slide {
  background-color: #f9fbfe;
  position: relative;
}
.carrier_swiper .swiper-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #0066cc;
  z-index: 100;
}
.carrier_swiper .swiper-slide p {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 70px;
}
.carrier_swiper .swiper-slide img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  width: 80%;
}
@media only screen and (max-width: 1024px) {
  .carrier_swiper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 47px;
    overflow: hidden;
  }
}
.carrier_swiper {
  margin: 60px 200px 80px 200px;
  position: relative;
}
.carrier_swiper .swiper-container {
  position: static;
}
.carrier_swiper .swiper-slide {
  background-color: #f9fbfe;
  padding-bottom: 57px;
  position: relative;
}
.carrier_swiper .swiper-button-prev,
.carrier_swiper .swiper-button-next {
  width: 52px;
  height: 52px;
  background-color: rgba(0, 102, 204, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.carrier_swiper .swiper-button-prev:after,
.carrier_swiper .swiper-button-next:after {
  content: "";
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -5px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.carrier_swiper .swiper-button-prev:before,
.carrier_swiper .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #0066cc;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.carrier_swiper .swiper-button-next,
.carrier_swiper .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  right: -98px;
}
.carrier_swiper .swiper-button-next:after,
.carrier_swiper .swiper-container-rtl .swiper-button-prev:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBQjU0NzVBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBQjU0NzZBMUU3MTFFOEFBREJCQjgyMTE4MUYwRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFCNTQ3M0ExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFCNTQ3NEExRTcxMUU4QUFEQkJCODIxMTgxRjBGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+oGswAAAB9SURBVHjajJLRCcAgDEQT13GSbtNNqiu0A3Wd0p+YYASRnvbgQOXhJSEsIqRiqhICCg4dbkYg6Y9R/UhVUrOljG6HbQX3lyk8RkCYPurp4VMdENjg1+Hb4EBrcRvPLPpC0T2UUTMQQgPPaOBxBZnt0bpK3uGONoj/rlkRYABjzXYRKTwoYQAAAABJRU5ErkJggg==) no-repeat center center;
}
.carrier_swiper .swiper-button-next:hover:before,
.carrier_swiper .swiper-container-rtl .swiper-button-prev:hover:before {
  width: 100%;
  height: 100%;
}
.carrier_swiper .swiper-button-next:hover:after,
.carrier_swiper .swiper-container-rtl .swiper-button-prev:hover:after {
  animation: prev-move 1s 1;
}
.carrier_swiper .swiper-button-prev,
.carrier_swiper .swiper-container-rtl .swiper-button-next {
  background-image: none;
  left: -98px;
}
.carrier_swiper .swiper-button-prev:after,
.carrier_swiper .swiper-container-rtl .swiper-button-next:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMENGMThBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMENGMTlBMUU3MTFFOEJEMkE5RTg3MTFFQUNERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzIwQ0YxNkExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzIwQ0YxN0ExRTcxMUU4QkQyQTlFODcxMUVBQ0RFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqVegOwAAABySURBVHjaYvz//z8DHsAIpf+zEFDUD2UXMoBMxIIZgXjCfwj4AcTaxCjyBDuPGEXoCnEqQlbIBMRLkBR5oDsJpugCVNEvbIpAmImBWECK1ciemUjIMwQV4wrwiYQCHJdibVyJApSkCpD41xiJTWYAAQYAXR5zPwVIeBoAAAAASUVORK5CYII=) no-repeat center center;
}
.carrier_swiper .swiper-button-prev:hover:before,
.carrier_swiper .swiper-container-rtl .swiper-button-next:hover:before {
  width: 100%;
  height: 100%;
}
.carrier_swiper .swiper-button-prev:hover:after,
.carrier_swiper .swiper-container-rtl .swiper-button-next:hover:after {
  animation: prev-move 1s 1;
}
.carrier_swiper .swiper-container {
  position: static;
}
@keyframes prev-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  51% {
    opacity: 0;
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1024px) {
  .carrier_swiper {
    margin-top: 30px;
  }
  .carrier_swiper .swiper-button-next,
  .carrier_swiper .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    background-size: 26px auto;
  }
  .carrier_swiper .swiper-button-prev,
  .carrier_swiper .swiper-container-rtl .swiper-button-next {
    left: 0px;
    background-size: 26px auto;
  }
}
.award {
  background-color: #f9fbfe;
  padding-top: 70px;
  padding-bottom: 128px;
}
.award .container {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
  overflow: hidden;
  margin-top: 84px;
}
@media only screen and (max-width: 1024px) {
  .award {
    padding-top: 35px;
    padding-bottom: 60px;
  }
  .award .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .award .container {
    margin-top: 42px;
  }
}
.faq {
  float: left;
  width: 50%;
}
.faq li {
  padding-right: 168px;
  position: relative;
  padding: 46px 50px;
  background-color: #fff;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  cursor: pointer;
}
.faq li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background-color: #0066cc;
}
.faq li:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUUxNjYwMEJBNDJDMTFFOEE4ODJCRDFENTU0MDZCQUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUUxNjYwMENBNDJDMTFFOEE4ODJCRDFENTU0MDZCQUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRTE2NjAwOUE0MkMxMUU4QTg4MkJEMUQ1NTQwNkJBQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRTE2NjAwQUE0MkMxMUU4QTg4MkJEMUQ1NTQwNkJBQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsR9zr0AAABKSURBVHjaYvz//z8DPsBYdAlEwRQx/u/Tw6ueiYHKYNTAkWAgI0PhRWLUwdMhIYUsSIpJMZh+XmYhxhukeJlxNC+PGjgIDAQIMADwGBNlnZXGbwAAAABJRU5ErkJggg==) no-repeat center center;
  top: 54px;
  right: 54px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.faq li .back{
  height: 60px;
  overflow: hidden;
}
.faq li .desc {
  display: none;
  position: relative;
  top: -60px;
  margin-bottom: -60px;
}
.faq li .desc p {
  height: auto;
}
.faq li time {
  display: block;
  font-size: 30px;
  color: #0066cc;
  width: 130px;
  vertical-align: 10px;
  height: 60px;
  float: left;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.faq li p {
  float: left;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  width: calc(100% - 130px);
  padding-right: 50px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.faq li.selected {
  background-color: #0066cc;
}
.faq li.selected time {
  color: #fff;
}
.faq li.selected p {
  color: #fff;
}
.faq li.selected .back {
  opacity: 0;
  visibility: hidden;
}
.faq li.selected:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAIAAADXZGvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRGOUI5NEZBNjg3MTFFODhCQkZCNEYyOUIyQTVCOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGOUI5NTBBNjg3MTFFODhCQkZCNEYyOUIyQTVCOTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEY5Qjk0REE2ODcxMUU4OEJCRkI0RjI5QjJBNUI5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEY5Qjk0RUE2ODcxMUU4OEJCRkI0RjI5QjJBNUI5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqs85pIAAAAVSURBVHjaYvz//z8DuYCJgQIAEGAAaBUDAfgYHvAAAAAASUVORK5CYII=) no-repeat center center;
}
@media only screen and (max-width: 1024px) {
  .faq {
    width: 100%;
    float: none;
    clear: both;
  }
  .faq li {
    padding: 23px 25px;
  }
  .faq li time {
    font-size: 22px;
    width: auto;
    float: none;
    clear: both;
    height: auto;
  }
  .faq li .back{
    height: 134px;
  }
  .faq li .desc {
    top: -134px;
    margin-bottom: -134px;
  }
  .faq li p {
    float: none;
    clear: both;
    width: auto;
    padding-right: 0px;
    height: auto;
    margin-top: 20px;
  }
  .faq li:before {
    top: 22px;
    right: 14px;
  }
  #allmap{
    height: 300px !important;
  }
}
.teamPage .team {
  padding-bottom: 100px;
}
.teamPage .team li {
  margin-bottom: 42px;
}
.teamPage .paging {
  margin-top: 66px;
}
@media only screen and (max-width: 1024px) {
  .teamPage .team {
    padding-bottom: 50px;
  }
  .teamPage .paging {
    margin-top: 0;
  }
}
.gotoback{
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 50px;
  right: 50px;
  width: 50px;
  height: 50px;
  background-color: #0066cc;
  border-radius: 50%;
  background-image: url(/resources/templates/bjns/images/icon_top.png);
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1280px) {
  .team .desc{
    margin-top: -57px;
  }
  .team .desc h3{
    font-size: 14px;
  }
  .team .desc h4{
    font-style: 12px;
  }
  .team .desc p{
    margin-top: 0px;
    line-height: 20px;
    font-size: 12px;
    margin: 0 5px;
  }
}

.news_list .btn-pause__video{
  padding-left: 0;
  margin: 0;
  position: absolute;
  padding-top: 72.25609756%;
  bottom: -18px;
  right: 0;
  width: auto;
  background: none;
  left: 14.54545455%;
}
.news_list .btn-pause__video .btn-pause{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: 9px;
  margin-left: -25px;
  border-radius: 50%;
  background-color: #0066cc;
}

.news_list .btn-pause__video .btn-pause:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fff;
  margin-top: -5px;
  margin-left: -2px;
}

@media only screen and (max-width: 1024px) {
  .news_list .btn-pause__video {
    bottom: 3px;
    left: 9.545455%;
  }
  .layui-layer-content{
    height: 100% !important;
  }
  .layui-layer-iframe iframe{
    height: 100% !important;
  }
  .layui-layer-setwin .layui-layer-close2{
    right: -14px !important;
    top: -13px !important;
  }
}

/*产品中心*/
.hmc2Top{ height: 50vh; background: url(../images/hmc2img1.jpg) no-repeat center center; color:#fff; text-align:center;display:flex; flex-direction:column; justify-content:center; padding-top:70px; background-size:cover; }
.hmPt{ font-size: 40px; line-height: 58px; letter-spacing: 2px; display: block; font-weight:600; margin-top:15px; }
.hmc2x1{ font-size: 18px; line-height: 30px; margin-top: 14px; max-width:760px; margin-left:auto; margin-right:auto;}
.hmc2btns{ margin-top:20px;}
.hmc2btns a{ line-height: 48px; height: 50px; border: 1px solid #FFF; font-size: 16px; color: #FFF; margin: 0px 9px; display: inline-block; border-radius:0.3em; width:150px;}
.hmc2btns a:hover{ background: #086ee8; color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid #086ee8; transform:translateY(-6px); }
.hmc2Bom{ height:57.4vh; margin-top:10vh; background:#fff; position:relative}
.hmc2Bom li{ width:25%; float:left; position:relative;}
.hmc2Bom li:after{content:""; width:1px; position:absolute; right:0; top:0px; bottom:0; background:#E8E8E8;}
.hmc2Bom li:last-child:after{ display:none}
.hmc2aBox{ display: block; height: 57.4vh; position: relative; background: url(../images/hmc2lineBg.png) repeat right bottom; }
.hmc2aBox .bgImg{ position:absolute; left:0; top:0px; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0}
.hmc2aBox:hover .bgImg{ opacity:1;}
.hmc2aBox:hover{color:#fff;}
.hmc2ax{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1}
.hmc2ax2{ position:absolute; left:3vw; right:3vw; top:50%; transform:translateY(-50%); text-align:center; transition:all 0.3s ease-in-out; padding-bottom:2vw; }
.hmc2ax2 h4{ font-size: 26px; line-height: 42px; font-weight: normal; color: #086ee8; letter-spacing: 2px; display: block; transition:all 0.3s ease-in-out; }
.hmc2tag{ margin: 0.93vw 0px 1.35vw; }
.hmc2tag span{ display: inline-block; margin: 0px 4px; font-size: 14px; line-height: 24px; color: #086ee8; padding: 0px 9px; height: 26px; border: 1px solid #9CC5F6; transition:all 0.3s ease-in-out; border-radius:0.2em;}
.hmc2ax2 p{ font-size: 18px; line-height: 30px; color: #666666; margin-bottom: 1.56vw; transition:all 0.3s ease-in-out; }
.hmc2ax2 span.transition{ line-height: 48px; height: 50px; border: 1px solid #076EE8; font-size: 16px; color: #FFF; display: inline-block; border-radius: 0.3em; width: 150px; background: #076EE8; }
.hmc2aBox:hover .hmc2ax2 span.transition{ color:#fff; border:1px solid rgba(255,255,255,0.8); background:none;}
.hmc2aBox:hover .hmc2ax2 h4{color:#fff;}
.hmc2aBox:hover .hmc2tag span{ color:#fff; border:1px solid rgba(255,255,255,0.6);}
.hmc2aBox:hover .hmc2ax2 p{color:#fff;}
.hmc2aBox:hover .hmc2ax2{transform:translateY(-58%);}
.hmc2Top .hmPt{margin-top:0;}
.hmc2Bom .slick-dots{bottom:2.6vw;}
.hmc2Bom .slick-dots li button{display:none;}
.hmc2Bom .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; padding:0; float:none; overflow:hidden;}
.hmc2Bom .slick-dots li.slick-active{ background:#0e71e9; }
.hmc2Bom .slick-dots li:after{display:none;}
.bgImg img {
  display: block !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0%;
  top: 0%;
}
@media (max-width:1799px){
  .hmPt{font-size:32px; line-height:46px;}
  .hmc2x1{font-size:16px; line-height:28px;}
  .hmc2ax2 h4{font-size:24px; line-height:36px;}
  .hmc2ax2 p{font-size:15px; line-height:28px;}
  .hmc2Top{height:46vh;}
  .hmc2Bom{height:57.4vh;}
  .hmc2Bom .slick-dots{bottom:2.0vw;}
}
@media (max-width:1400px){
  .hmPt{font-size:26px; line-height:32px;}
  .hmc2x1{font-size:14px; line-height:26px;}
  .hmc2btns a{line-height:44px; height:46px;}
  .hmc2ax2 h4{font-size:24px; line-height:32px;}
  .hmc2ax2 p{font-size:14px; line-height:26px;}
  .hmc2ax2 span.transition{font-size:14px; line-height:44px; height:46px;}
  .hmc2ax2{left:2.5vw; right:2.5vw;}
  .hmc2Bom .slick-dots{bottom:1.6vw;}
  .hmc2Bom{margin-top:3vh;height:17.4vh;}
  .hmc2aBox{height:17.4vh;}
}
@media (max-width:1199px){
  .hmc2ax2 p{ font-size:12px; line-height:22px;}
  .hmc2Top{padding:0 15px; height:300px;}
  .hmc2Bom li{width:100%;}
  .hmc2aBox{height:350px;}
  .hmc2Bom{height:auto; border-bottom:1px solid #eee; margin-bottom:85px;}
  .hmc2Bom .slick-dots{bottom:-40px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
  body *{letter-spacing:0!important;}
  .hmPt{font-size:24px;}
  .hmc2x1{margin-top:10px;}
  .hmc2btns a{width:130px; font-size:16px;}
  .hmc2tag{margin:20px 0;}
  .hmc2ax2 p{margin-bottom:20px;}
  .hmc2Bom li:after{display:none;}
  .hmc2aBox .bgImg{ opacity:1;}
  .hmc2aBox{color:#fff;}
  .hmc2aBox .hmc2ax2 span.transition{ color:#fff; border:1px solid rgba(255,255,255,0.8); background:none;}
  .hmc2aBox .hmc2ax2 h4{color:#fff;}
  .hmc2aBox .hmc2tag span{ color:#fff; border:1px solid rgba(255,255,255,0.6);}
  .hmc2aBox .hmc2ax2 p{color:#fff;}
  .hmc2aBox .hmc2ax2{transform:translateY(-50%)!important;}
}

/*新闻中心*/
.bjns_news h3 { margin-bottom: 5vw; }
.hmc6box{ margin:1.2vw 0 2.2vw;}
.hmc6Babox{ width:calc(50% - 10px); float:left; position:relative}
.hmc6Babox .overflowHide{ height:500px;}
.hmc6Babox .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(7,21,34,0.4)}
.hmc6lay{ position: absolute; left: 0; right: 0; bottom: 0; color: #fff; z-index: 2; padding: 0px 30px; }
.hmc6lay strong{ font-size: 22px; line-height: 34px; padding-bottom:10px; font-weight: normal; display: block; }
.hmc6lay p{ font: 17px/32px "寰蒋闆呴粦"; margin: 8px 0px 18px; height: 32px; }
.hmc6fun{ padding: 0.5vw 0px; overflow:hidden; border-top:1px solid rgba(255,255,255,0.4);}
.hmc6fun span:nth-child(1){ background: url(../images/icon-date.png) no-repeat left center; padding-left: 55px; float: left; font-size: 16px; line-height: 38px; }
.hmc6fun span:nth-child(2){ font-size: 14px; line-height: 36px; text-align: center; height: 38px; width: 100px; float: right; border:1px solid rgba(255,255,255,0.6);}
.hmc6ul{ width:50%; float:right; padding-left:10px;}
.hmc6ul li{ margin-bottom:13px;}
.hmc6ul li:last-child{margin-bottom:0;}
.hmc6ra{ display:block; background:#fff; padding:20px 45px 0 45px; height:158px; border: 1px solid #E6E6E6; position:relative;}
.hmc6ra:after{content:""; width:4px; position:absolute; top:50%; height:0; left:-1px; transition:all 0.5s ease-in-out; background:#086ee8;}
.hmc6ra:hover:after{height:calc(100% + 2px); top:-1px;}
.hmc6ra:hover{ border: 1px solid #fff; box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.hmc6ra strong{ font-size: 22px; line-height: 36px; display: block; font-weight: normal; letter-spacing: 1px; margin-bottom: 4px; }
.hmc6ra p{ font: 16px/26px "寰蒋闆呴粦"; height: 52px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #808080; }
.hmc6ra span{ font-size: 15px; color: #808080; line-height: 24px; margin-top: 8px; display:block }
.hmc6btn{text-align:center;}
.hmc4des .pubBtn_s {margin-left:0;}
@media (max-width:1799px){
  .hmc6Babox .overflowHide{height:415px;}
  .hmc6ra strong{font-size:18px; line-height:32px;}
  .hmc6ra p{font-size:12px; line-height:22px; height:44px;}
  .hmc6ra span{font-size:14px; line-height:26px; margin-top:2px;}
  .hmc6ra{padding:10px 25px 0 32px; height:130px;}
  .hmc6lay strong{ font-size:18px; line-height:28px;}
  .hmc6lay p{font-size:15px; line-height:30px;}
  .pubBtn_s{font-size:15px; line-height:48px; height:50px;}
  .hmc6box{margin-bottom:1.2vw;}
}
@media (max-width:1379px){
  .pubBtn_s{font-size:14px; line-height:44px; height:46px;}
  .hmc6Babox .overflowHide{height:315px;}
  .hmc6ul li:nth-child(3){display:none;}
  .hmc6ra{height:152px; padding-top:21px;}
}
@media (max-width:1199px){
  .hmc6lay strong{font-size:16px; line-height:24px;}
  .hmc6lay{padding-left:25px; padding-right:25px;}
}
@media (max-width:993px){
  .hmPage6 .container{padding-bottom:70px;}
}
@media (max-width:767px){
  .hmc6box{margin-top:25px;}
  .hmc6Babox{width:100%; float:none; display:block}
  .hmc6ul{width:100%; float:none; padding-left:0;}
  .hmc6ra{padding:10px 15px 0 18px;}
  .hmc6box{margin-bottom:30px;}
  .hmc6ra strong{font-size:17px;}
  .hmc6ul{margin-top:20px;}
  .hmc6lay{padding-left:15px; padding-right:15px;}
  .hmc6fun span:nth-child(1){font-size:14px;}
  .hmc6fun{padding:20px 0;}
}

/*列表页分页*/
.pagination {
  padding: 0 0 50px;
}

.pagination .dreamer-pagination .dreamer-ul {
  display:flex;
  width: 100%;
  justify-content: center;
}

.pagination .dreamer-pagination .dreamer-ul li {
  margin: 0 2px;
}

.pagination .dreamer-pagination .dreamer-ul li a {
  padding: 0px 8px;
  height: 44px;
  min-width: 44px;
  text-align: center;
  display: inline-block;
  margin: 0px 4px;
  vertical-align: middle;
  border: 1px solid #DEE2E6;
  font: 16px / 42px "微软雅黑";
  color: #333;
  background: #fff;
}

.pagination .dreamer-pagination .dreamer-ul li.active a {
  color: #FFF;
  background: #0e71e9 url(../images/page_bg.png) no-repeat center center;
  border: 1px solid rgba(255, 255, 255, 0);
}

/*关于我们*/
.aboutWrap {
  display:flex;
  margin: 30px auto 50px;
  width:1300px;
}
.aboutWrap .left {
  margin-right:50px;
  width: 500px;
}
.aboutWrap .left .title {
  margin-bottom:30px;
  color:#ccc;
  font-size:20px;
  test-align:right;
}
.aboutWrap .left .mapAddress {
  width:500px;
  height:300px;
}
.aboutWrap .right .companyInfo {
  font-size: 16px;
  text-indent: 2em;
  padding-top:50px;
  line-height:2.0;
}

.flex {
  display:flex;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.flex-col {
  flex-direction: column;
}

.about-page .about-container .content-title.h1 {
  height:200px;
}

.title-text {
  color: #10203d;
  font-size: 24px;
  font-weight: 700;
  line-height: 165%;
  text-shadow: 0 0 12px #fff;
}

.title-en {
  -webkit-text-stroke: .5px rgba(12, 115, 252, .8);
  color: #f6f7fb;
  font-family: sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin-top: -10px;
  text-shadow: 1px 1px 1px rgba(22, 86, 224, .2), -3px 3px 6px hsla(0, 0%, 100%, .2), 0 3px 16px rgba(80, 130, 219, .35);
}

.title-h1 {
  background: url(../images/title_bg.png) no-repeat 50%;
  background-size: auto 126px;
}

.carrier_swiper .swiper-slide {
  padding-bottom: 80px;
  height:400px;
}

.carrier_swiper .swiper-container {

}

.carrier_swiper .swiper-slide .rongYuItem {

}

.carrier_swiper .swiper-slide p {
  font-size: 20px;
  line-height: 36px;
  margin-top: 10px;
  text-align: center;
  height: 36px;
  overflow: hidden;
}

.carrier_swiper .swiper-slide img {
  position: absolute;
  left: 50%;
  top: 34%;
  transform: translate(-50%, -50%);
  max-width: 70%;
  max-height: 70%;
  width: auto;
  height: auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.cultural {
  margin-top: 100px;
  margin-bottom: 80px;
}
.cultural .list li {
  width: 33.3333333%;
  float: left;
  background-color: #deecfa;
  padding-top: 48px;
  padding-bottom: 54px;
  text-align: center;
}
.cultural .list li h5 {
  margin-bottom:10px;
  font-size: 16px;
  color: #0066cc;
}

.cultural .list li h6 {
  font-size: 20px;
  color: #333;
}

.cultural .list li p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  margin-top: 30px;
}

.cultural .list li:nth-child(2) {
  background-color: #fff;
}

.listFooterTop {
  background: #076EE8 url(../images/list_foot_top.jpg) no-repeat center bottom;
  padding: 2.8vw 15px 3.5vw;
  color: #fff;
  text-align: center;
}

.listFooterTop strong {
  font-size: 32px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 46px;
  display: block;
}

/*列表页 关于我们*/
.publicHeader {
  margin-top:100px;
  width: 100%;
  height: 380px;
  overflow: hidden;
  color: #fff;
  position: relative;
}

.publicHeader .headerBg {
  background: url("../images/list_banner_about2.jpg") center 0 no-repeat;
  width: 100%;
  height: 380px;
}

.publicHeader .text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -600px;
  margin-top: -50px;
}

.rongYu .publicHeader .headerBg {
  background: url("../images/list_banner_about2.jpg") center 0 no-repeat;
  width: 100%;
  height: 180px;
}

@keyframes enlarge {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.05);
  }
}

.publicHeader .text .title {
  font-size: 32px;
  font-weight: bold;
}

.publicHeader .text .infor {
  font-size: 18px;
  margin-top: 19px;
}

.publicHeader .text .img {
  width: 130px;
  height: 38px;
  margin: 35px auto 0 auto;
  background-color: #fff;
  border-radius: 3px;
  color: #30a395;
  line-height: 38px;
  display: block;
}

/*列表页 新闻中心*/
.listNews .publicHeader .headerBg {
  background: url("../images/list_banner_news.jpg") center 0 no-repeat;
}

.listNews .publicHeader .text {
  color:#333;
}

.newsBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:30px;
}

.newsBox .newsTab {
  display:flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}

.newsBox .newsTab .tabItem {
  position:relative;
  margin-right: 20px;
  padding-bottom:10px;
  width:150px;
  text-align:center;
  cursor: pointer;
  font-size: 18px;
}

.newsBox .newsTab .tabItem:after {
  content: "";
  height: 2px;
  background: #0e71e9;
  transition: all 0.5s ease-in-out;
  left: 50%;
  width: 0%;
  bottom: -8px;
  position: absolute;
}

.newsBox .newsTab .tabItem.active:after, .newsBox .newsTab .tabItem:hover:after {
  left: 0;
  width: 100%;
}

.newsList{
  margin: 50px auto 50px;
  width: 1250px;
  flex-wrap: wrap;
  display: flex;
}

.newsList .newsItem.show {
  display:block;
}

.newsList .newsItem {
  display:none;
  margin: 0 20px 30px;
  width: 376px;
  background: #e3eafa;
  border: 1px solid #f6f7fb;
  border-radius: 2px;
  box-shadow: -3px -3px 6px #fff6, 3px 3px 6px #356ccb33;
  cursor: pointer;
  position: relative;
}

.newsList .newsItem:hover {
  box-shadow: -5px -5px 10px #fff6,10px 10px 20px #5082db33;
}

.newsList .newsItem .pic {
  position:relative;
  width: 376px;
  height:232px;
}

.newsList .newsItem .pic .title {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:5px 10px;
  color:#fff;
  z-index:0;
  font-size:14px;
  line-height:160%;
}

.newsList .newsItem .pic .title .cover {
  height: 100%;
  left: 0;
  opacity: .7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  background-color: rgb(16, 32, 61);
}

.newsList .newsItem .pic img {
  width: 376px;
  height:232px;
}

.newsList .content {
  padding: 16px;
  color: #10203d;
  font-size: 14px;
  height: 6.4em;
  letter-spacing: 1px;
  line-height: 160%;
  margin-bottom: 8px;
}

/*列表页 产品中心*/
.listProduct .productHeader {
  position: relative;
  margin-top: 100px;
  height: 380px;
  background: url("../images/product_banner.jpg") center center no-repeat;
  background-size: cover;
}

.listProduct .productHeader .bannerBox {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  transition: left .5s cubic-bezier(.2,0,.2,1);
  width: 1400px;
  display:flex;
}

.listProduct .productHeader .bannerBox .bannerLeft {
  width: 700px;
  height: 100%;
  animation: bannerLeft .5s cubic-bezier(.2,0,.2,1) forwards;
}

.listProduct .productHeader .bannerBox .bannerLeft .bannerLeftBg {
  width: 0;
  height: 100%;
  background-repeat: no-repeat;
  transform-origin: left;
  animation: widthLeft 1s cubic-bezier(.2,0,.2,1) forwards;
  background-image: url(../images/product_banner_left.png);
  background-size: 100% 100%;
}

.listProduct .productHeader .bannerBox .bannerRight {
  position: absolute;
  right: 30px;
  top: 0;
  width: 170px;
  height: 100%;
  animation: bannerRight 1s cubic-bezier(.2,0,.2,1) forwards;
}

.listProduct .productHeader .bannerBox .bannerRight .bannerRightBg {
  width: 0;
  height: 100%;
  background-repeat: no-repeat;
  transform-origin: left;
  animation: widthRight 1s cubic-bezier(.2,0,.2,1) forwards;
  background-image: url(../images/product_banner_right.png);
  background-size: 100% 100%;
}

.listProduct .bannerBoxWrap {
  position: relative;
  margin: 0 auto;
  width:1100px;
}

.listProduct .bannerBoxWrap .bannerContent {
  position: absolute;
  width: 400px;
}

.listProduct .bannerBoxWrap .bannerContent .title {
  font-size: 28px;
  line-height: 50px;
  font-weight: 500;
  color: #fff;
  margin-top: 70px;
}

.listProduct .bannerBoxWrap .bannerContent .subTitle {
  color:#fff;
  font-size: 18px;
  line-height: 25px;
  margin-top: 22px;
}

.listProduct .bannerBoxWrap .bannerContent .text {
  color:#fff;
  margin-top: 30px;
  font-size: 14px;
  line-height: 22px;
  opacity: .8;
}

/*资质荣誉*/
.newsBox.rongYu .newsTab .tabItem {
  width: auto;
  padding: 0 20px 10px;
}

.newsBox.rongYu .newsList {
  display: flex;
  flex-wrap: wrap;
}

.newsBox.rongYu .newsList .newsItem {
  min-width: 20%;
  flex: 1;
  padding: 0 20px 10px;
  height:300px;
  background:#f9fbfe;
  -webkit-box-shadow: none;
}

.newsBox.rongYu .newsList .newsItem img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 66px;
  position: absolute;
  left: 50%;
  top: 34%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  max-height: 70%;
  width: auto;
  height: auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.newsBox.rongYu .newsList .newsItem .title {
  font-size: 16px;
  line-height: 28px;
  margin-top: 10px;
  text-align: center;
  height: 36px;
}

.newsBox.rongYu .newsList .newsItem:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #0066cc;
  z-index: 100;
}

@keyframes widthLeft {
  0% {
    width: 10%;
  }

  100% {
    width: 100%;
  }
}

@keyframes widthRight {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 1;
  }

  100% {
    width: 100%;
  }
}

@keyframes bannerLeft {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes bannerRight {
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0);
  }
}

.productSection {
  position: relative;
  padding-bottom: 80px;
}

.bgGray {
  background: #f5f7fa;
}

.productSection.bgGray:before, .productSection.bgGray2:before {
  position:absolute;
  content: '';
  left: 0;
  top: 0;
  width: 275px;
  height: 255px;
  background-image: url(../images/product_case_bg_top_left.svg);
  background-size: 573.8181818181819% 590.1960784313726%;
  background-position: 21.34% 99.92%;
  background-repeat: no-repeat;
}

.productSection.bgGray:after {
  position:absolute;
  content: '';
  right: 0;
  bottom: 0;
  width: 300px;
  height: 385px;
  background-image: url(../images/product_case_bg_top_left.svg);
  background-size: 526% 390.90909090909093%;
  background-position: 99.92% 0.09%;
  background-repeat: no-repeat;
}

.productSection.bgGray2 {
  padding-bottom: 300px;
  background:#f5f7fa;
  overflow: hidden;
}

.productSection .title {
  padding: 80px 0;
  text-align:center;
  font-size:32px;
  font-weight:500;
  color:rgba(0,0,0,.8);
}

.productSection .title .subTitle {
  margin-top: 10px;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.productCaseBottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2500px;
  width: 5000px;
  height: 300px;
  background-image: url(../images/product_case_bg_bottom_left.svg);
  background-size: cover;
}

.functionShow {
  display:flex;
  width: 1200px;
  margin: 0 auto;
  align-items: center;
}

.functionShow .left {
  margin-right: 100px;
  width: 300px;
}

.functionShow .right {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding-top: 80px;
}

.functionShow .functionPic {
  border:10px solid #fff;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  border-radius: 20px;
  width: 300px;
}

.functionShow .functionPic img {
  max-width: 100%;
  max-height: 100%;
}

.functionShow .functionItem {
  display: flex;
  padding-right: 50px;
  margin-bottom: 80px;
  width: 50%;
}

.functionShow .functionItem img {
  margin-right: 20px;
  width: 60px;
  height: 60px;
}

.functionShow .functionItem .info {

}

.functionShow .functionItem .info .infoTitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, .85);
}

.functionShow .functionItem .info .infoContent {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .45);
}

  /*系统特点*/

.productCharacteristic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}

.productCharacteristic .characteristicItem {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  width: 45%;
}

.productCharacteristic .characteristicItem .bgIcon {
  width: 80px;
  height: 80px;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: center center;
}

.productCharacteristic .characteristicItem .bgIcon.icon1 {
  background-image: url("../images/product_icon_5.png");
}

.productCharacteristic .characteristicItem .bgIcon.icon2 {
  background-image: url("../images/product_icon_6.png");
}

.productCharacteristic .characteristicItem .bgIcon.icon3 {
  background-image: url("../images/product_icon_7.png");
}

.productCharacteristic .characteristicItem .bgIcon.icon4 {
  background-image: url("../images/product_icon_8.png");
}

.productCharacteristic .characteristicItem .bgIcon.icon5 {
  background-image: url("../images/product_icon_9.png");
}

.productCharacteristic .characteristicItem .bgIcon.icon6 {
  background-image: url("../images/product_icon_10.png");
}

.productCharacteristic .characteristicItem .bgIcon.icon7 {
  background-image: url("../images/product_icon_11.png");
}

.productCharacteristic .characteristicItem img {
  width: 80px;
  height: 80px;
}

.productCharacteristic .characteristicItem .info {
  flex: 1;
  margin-left: 20px;
}

.productCharacteristic .characteristicItem .info .infoTitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, .85);
}

.productCharacteristic .characteristicItem .info .infoContent {
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, .45);
}

.productCase {
  position:relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.productCase .proCaseItem {
  display: inline-block;
  margin-bottom: 40px;
  width: calc((100% - 20px * (5 - 1) - 1px)/ 5);
  height: 50px;
  text-align: center;
}

.productCase .proCaseItem:nth-child(5n) {
  margin-right: 0;
}

.productCase .proCaseItem img {
  max-width: 80%;
  max-height: 100%;
}

.minH600 {
  min-height: 600px;
}

.productListWrap > .title {
  font-size: 32px;
  line-height: 48px;
  font-weight: 500;
  color: rgba(0, 0, 0, .85);
  text-align: center;
  padding: 70px 0 30px;
}

.productList {
  margin: 50px auto 50px;
  width: 1250px;
  flex-wrap: wrap;
  display: flex;
}

.productList .productItem {

}
.productList .productItem.show {
  display:block;
}

.productList .productItem {
  display:none;
  margin: 0 20px 30px;
  width: 376px;
  background: #e3eafa;
  border: 1px solid #f6f7fb;
  border-radius: 2px;
  box-shadow: -3px -3px 6px #fff6, 3px 3px 6px #356ccb33;
  cursor: pointer;
  position: relative;
}

.productList .productItem:hover {
  box-shadow: -5px -5px 10px #fff6,10px 10px 20px #5082db33;
}

.productList .productItem .pic {
  position:relative;
  width: 376px;
  height:232px;
}

.productList .productItem .pic .title {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:10px 15px;
  color:#fff;
  z-index:0;
  font-size:16px;
  line-height:160%;
}

.productList .productItem .pic .title .cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background: rgba(52, 125, 231, .8);
}

.productList .productItem .pic .title i.more {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 30px;
  height: 30px;
  background:url("../images/arrow_right.png") no-repeat;
  background-size: contain;
  transform: translateX(-10px);
  transition: all .2s linear;
}

.productList .productItem .pic img {
  width: 376px;
  height:232px;
}

.productList .productItem:hover .pic .title i.more {
  transform: translateX(0);
}

.productList .content {
  padding: 16px;
  color: #10203d;
  font-size: 14px;
  height: 6.4em;
  letter-spacing: 1px;
  line-height: 160%;
  margin-bottom: 8px;
}

  /*列表页 服务案例*/
.listCases .publicHeader .headerBg {
  /*background: url("../images/list_banner_product.jpg") center 0 no-repeat;*/
  background: linear-gradient(95.88deg, #3eceb6 3.87%, #1461f4 82.29%);
}

.listCases .publicHeader .headerBg .pic {
  position:absolute;
  right:50%;
  top: 50%;
  margin-top: -150px;
  margin-right: -620px;
  width: 300px;
  height: 300px;
  background: url("../images/banner_case.png") no-repeat center center;
  background-size: contain;
}

.caseContainer, .hospitalContainer {
  padding: 70px 0 20px;
}

.caseContainer .title, .hospitalContainer .title{
  font-size: 32px;
  line-height: 48px;
  font-weight: 500;
  color: rgba(0, 0, 0, .85);
  text-align: center;
  margin-bottom: 64px
}

.caseContainer .caseWrap {
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto
}

.caseContainer .caseWrap .caseBox {
  margin-right: 24px;
  margin-bottom: 32px
}

.caseContainer .caseWrap .caseBox:nth-child(3n) {
  margin-right: 0
}

.caseContainer .btnBox___1XpC6 {
  margin-top: 64px;
  text-align: center
}

.caseItem {
  width: 384px;
  height: 487px;
  flex: 0 0 auto;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .04);
  overflow: hidden;
  cursor: pointer
}

.caseItem .imgBox {
  width: 384px;
  height: 256px;
  font-size: 0;
  overflow: hidden
}

.caseItem .imgBox img {
  width: 100%;
  height: 100%
}

.caseItem .tag {
  margin: 24px 24px 0;
  display: inline-block;
  border-radius: 16px 4px;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 22px;
  color: rgb(120, 69, 228);
  background: rgba(120, 69, 228, 0.1);
  vertical-align: top
}

.caseBox:nth-child(odd) .caseItem .tag{
  color: rgb(255, 77, 184); 
  background:rgba(255, 77, 184, 0.1);
}

.caseItem .desc {
  padding: 16px 24px 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, .85);
  border-bottom: 1px solid #f0f0f0
}

.caseItem .hisInfo {
  display: flex;
  align-items: center;
  padding: 24px
}

.caseItem .icon {
  width: 32px;
  height: 32px;
  font-size: 0;
  overflow: hidden
}

.caseItem .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px
}

.caseItem .name {
  flex: 1 1;
  margin-left: 16px;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, .6);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.hospitalContainer {
  padding-top: 80px;
  padding-bottom: 52px;
}

.hospitalContainer .title {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: rgba(0, 0, 0, .85);
  margin-bottom: 8px;
}

.hospitalContainer .remark {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 0, 0, .6);
  margin-bottom: 64px;
}

.hospitalContainer .caseWrap {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.hospitalContainer .itemBox {
  display: flex;
  flex-wrap: wrap;
  margin-right: -40px;
}

.hospitalContainer .itemBox .item {
  display: none;
  align-items: center;
  padding-right: 40px;
  padding-bottom: 48px;
  overflow: hidden;
  width: 25%;
}

.hospitalContainer .itemBox .item.show {
  display:flex;
}

.hospitalContainer .itemBox .item .imgBox {
  width: 80px;
  height: 80px;
  overflow: hidden;
  font-size: 0;
}

.hospitalContainer .itemBox .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.hospitalContainer .itemBox .item .textBox {
  flex: 1 1;
  margin-left: 16px;
}

.hospitalContainer .itemBox .item .textBox .hisName {
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, .85);
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: normal;
}

.hospitalContainer .itemBox .item .textBox .hisLevel {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, .45);
}

/* 文章页 */
.news-content-page .conter .asideNav {
  width: 160px;
  float: left;
}

.news-content-page .conter .asideNav .item {
  width: 100%;
  height: 50px;
  border-bottom: 1px dashed #cccccc;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  color: #282828;
  cursor: pointer;
}

.news-content-page .conter .asideNav .item.on {
  color: #fff;
  background: -moz-linear-gradient(to right, #0060f0, #438fff);
  background: -ms-linear-gradient(to right, #0060f0, #438fff);
  background: -webkit-linear-gradient(to right, #0060f0, #438fff);
  background: linear-gradient(to right, #0060f0, #438fff);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#0060f0", endColorstr="#438fff", gradientType="1");
  border: 0;
}

.news-content-page .conter .asideNav .item:hover {
  background: -ms-linear-gradient(to right, #0060f0, #438fff);
  background: -webkit-linear-gradient(to right, #0060f0, #438fff);
  background: linear-gradient(to right, #0060f0, #438fff);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#0060f0", endColorstr="#438fff", gradientType="1");
  color: #fff;
  border: 0;
}

.news-content-page .conter .asideCon {
  width: 1200px;
  margin: 0 auto;
}

.news-content-page .conter .asideCon .home {
  font-size: 14px;
  color: #2a7efb;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eeeeee;
  display: block;
  cursor: pointer;
}

.news-content-page .conter .asideCon .home:hover {
  color: #0060f0;
}

.news-content-page .conter .asideCon .article .name {
  font-size: 24px;
  color: #282828;
  text-align: center;
  margin-top: 35px;
}

.news-content-page .conter .asideCon .article .browse {
  text-align: center;
  margin-top: 13px;
  font-size: 13px;
  color: #999999;
}

.news-content-page .conter .asideCon .article .browse .iconfont {
  margin-right: 6px;
  vertical-align: middle;
  font-size: 17px;
}

.news-content-page .conter .asideCon .article .browse .iconfont.iconshijian {
  font-size: 15px;
  margin-left: 26px;
}

.news-content-page .conter .asideCon .article .articleCon {
  font-size: 15px;
  color: #282828;
  margin-top: 40px;
  line-height: 1.8;
}

.news-content-page .conter .asideCon .article.articleProduct .articleCon img {
  width: 100%;
}

.news-content-page .conter .asideCon .article.articleProduct .name {
  font-size: 26px;
  font-weight: 500;
}

.news-content-page .conter .asideCon .article .share {
  font-size: 14px;
  color: #282828;
  margin: 24px 0 20px 0;
}

.news-content-page .conter .asideCon .article .share .dis {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.news-content-page .conter .asideCon .recommend {
  border-top: 1px solid #eee;
  margin-bottom: 40px;
}

.news-content-page .conter .asideCon .recommend .title {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  height: 70px;
  line-height: 70px;
}

.news-content-page .conter .asideCon .recommend .title:after {
  width: 4px;
  height: 20px;
  background-color: #2a7efb;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}

.news-content-page .conter .asideCon .recommend .publicList .item .text {
  width: 730px;
}