/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.mk-animate-element {
  opacity: 1 !important;
}

.active::after {
  display: none;
}

body,
html {
  height: auto !important;
}

ul {
  list-style-type: none;
  margin-left    : 0;
}

.root {
  padding: 80px 25px 0;

  background-color: #f3f6f9;
}

.center-wrapper {
  width: 1520px;
}

.margin-top {
  display: none;
}

.public-page {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack: center;
  -ms-flex-pack   : center;
  justify-content : center;
  margin-top      : 20px;
}

.public-page li {
  width             : 38px;
  border-radius     : 50%;
  text-align        : center;
  margin-right      : 20px;
  line-height       : 38px;
  height            : 38px;
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
  border            : solid 1px #999999;
  font-size         : 16px;
  overflow          : hidden;
}

.public-page li a {
  display: block;
  color  : #333333;
}

.public-page li:hover a {
  color           : #fff;
  background-color: #222222;
}

/* ===== Header start ===== */
header {
  font-family       : "Microsoft YaHei" !important;
  position          : fixed;
  top               : 80px;
  z-index           : 50000;
  left              : 0;
  top               : 0;
  width             : 100%;
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
  vertical-align    : baseline;
}

header .content {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  /*overflow-x        : hidden;*/
  width             : 100%;
  background-color  : #f3f6f9;
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
}

header .logo {
  display: block;

  position    : relative;
  z-index     : 10000;
  width       : 200px;
  height      : 41px;
  margin-right: 5px;
}

header .logo img {
  width : 100%;
  height: 100%;
}

header .nav ul {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  margin-bottom  : 0;
  margin-left    : 0;
  list-style-type: none;
}

header .nav ul .item {
  font-size: 16px;
  overflow : hidden;
}

header .nav ul .item:nth-child(1) {
  margin-left: 30px;
}

header .nav ul .item>a {
  height : 80px;
  display: block;
  padding: 0 25px;

  color      : #333;
  line-height: 80px;
}

header .nav ul .item>a:hover {
  color: #0254ad;
}

header .nav ul .item-box {
  position        : absolute;
  display         : none;
  top             : 80px;
  left            : 25px;
  z-index         : 8000;
  width           : calc(100% - 50px);
  background-color: #fff;
}

header .nav .item-box>ul {
  padding           : 35px 0 115px 260px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.item-box li {
  margin-right: 120px;
  margin-left : 0;
}

.item-box dl {
  vertical-align: bottom !important;
  margin-bottom : 0;
}

.item-box dt {
  border-bottom : solid 1px #d2d2d2;
  padding-bottom: 20px;
  width         : 155px;

  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size  : 15px;
  line-height: 20px;

  color: #333;
}

.item-box dd {
  margin-top: 28px;
  padding   : 0;

  line-height: 18px;
}

.item-box dd:hover a {
  color: #0065d4;
}

.item-box dd:hover a div:not(.label) {
  color: #0065d4;
}

.item-box dd:first-of-type {
  margin-top: 20px;
}

.item-box dd a {
  font-size  : 15px;
  line-height: 17px;

  color: #333;
}

.item-box dd img {
  max-width : 100%;
  max-height: 100%;
}

.item-box dd div {
  margin-top: 13px;

  font-size  : 14px;
  line-height: 16px;

  color: #333;
}

.item-box dd .label {
  /* font-size: 20px;
  line-height: 22px;
  color: #2386ee; */
}

header .nav ul .item-tp dd:first-of-type {
  margin-top: 15px;
}

/* phone */
header .nav-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;

  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack     : center;
  -webkit-box-align    : center;

  position: absolute;
  right   : 20px;
  z-index : 10000;

  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  width             : 38px;
  height            : 38px;

  text-align: center;

  -webkit-transition: 0.4s ease-in-out;
  -o-transition     : 0.4s ease-in-out;
  transition        : 0.4s ease-in-out;

  cursor: pointer;

  -ms-flex-direction: column;
  flex-direction    : column;
  -ms-flex-pack     : center;
  justify-content   : center;
  -ms-flex-align    : center;
  align-items       : center;
}

header .nav-show i {
  display: block;

  margin-top   : 5px;
  border-radius: 5px;
  width        : 28px;
  height       : 3px;

  background: #0065d4;

  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
}

header .nav-show i:nth-child(1) {
  margin-top: 0;
}

header .nav-show.active i:nth-child(1) {
  -webkit-transform: rotate(45deg) translateY(6px) translateX(5px);
  -ms-transform    : rotate(45deg) translateY(6px) translateX(5px);
  transform        : rotate(45deg) translateY(6px) translateX(5px);
}

header .nav-show.active i:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-6px) translateX(5px);
  -ms-transform    : rotate(-45deg) translateY(-6px) translateX(5px);
  transform        : rotate(-45deg) translateY(-6px) translateX(5px);
}

header .nav-show.active i:nth-child(2) {
  -webkit-transform: translateX(100px);
  -ms-transform    : translateX(100px);
  transform        : translateX(100px);
}

header .nav-phone {
  display: none;

  position: absolute;
  top     : 60px;
  left    : 0;
  z-index : 8000;

  width: 100%;

  background-color: #fff;
}

header .nav-phone ul {
  margin-left    : 0;
  margin-bottom  : 0;
  list-style-type: none;
  width          : 100%;
}

header .nav-phone ul .item,
header .nav-phone ul .item-inner {
  width      : 100%;
  margin-left: 0;
  font-size  : 16px;
}

header .nav-phone ul .item>a,
header .nav-phone ul .item-inner>a,
header .nav-phone ul .inner-box a {
  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  box-sizing   : border-box;
  border-bottom: solid 1px #dcdcdc;
  padding-left : 20px;
  height       : 40px;

  line-height: 40px;
  text-align : left;
}

header .nav-phone ul .item-inner>a span,
header .nav-phone ul .item span {
  display   : block;
  text-align: center;

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

  width : 40px;
  height: 40px;

  font-size: 20px;

  color: #666;

  content: "";
}

header .nav-phone ul .phone-box,
header .nav-phone ul .inner-box {
  display: none;
}

header .nav-phone ul .item>a.sel {
  color: #0065d4;
}

header .nav-phone ul .item-inner>a {
  background-color: #b8b8b8;
}

header .nav-phone ul .item-inner>a {
  padding-left: 30px;
}

header .nav-phone ul .inner-box a {
  padding-left: 40px;
}

header .search {
  position        : absolute;
  right           : 25px;
  top             : 50%;
  margin-top      : -22px;
  width           : 297px;
  height          : 44px;
  background-color: rgba(166, 168, 170, 0.15);
  border-radius   : 22px;
}

header .search .item-search {
  position: relative;
  width   : 100%;
  height  : 10%;
}

header .search .item-search input {
  width             : 100%;
  background-color  : transparent;
  border            : none;
  font-size         : 14px;
  color             : #333;
  height            : 44px;
  line-height       : 44px;
  padding           : 0 50px 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  letter-spacing    : 1px;
}

header .search .item-search input::-webkit-input-placeholder {
  font-size  : 14px;
  color      : #999;
  font-family: "microsoft yahei";
}

header .search .item-search input::-moz-placeholder {
  font-size  : 14px;
  color      : #999;
  font-family: "microsoft yahei";
}

header .search .item-search input:-ms-input-placeholder {
  font-size  : 14px;
  color      : #999;
  font-family: "microsoft yahei";
}

header .search .item-search input::-ms-input-placeholder {
  font-size  : 14px;
  color      : #999;
  font-family: "microsoft yahei";
}

header .search .item-search input::placeholder {
  font-size  : 14px;
  color      : #999;
  font-family: "microsoft yahei";
}

header .search .item-search button {
  position        : absolute;
  top             : 6.5px;
  width           : 31px;
  height          : 31px;
  background-color: #ffffff;
  right           : 12px;
  border-radius   : 50%;
  border-right    : 50%;
  outline         : none;
  font-size       : 15px;
  border          : none;
  cursor          : pointer;
  color           : #0153ab;
}

header .show-search {
  position: absolute;
  right   : 100px;
  width   : 24px;
  display : none;
  height  : 24px;
}

header .show-search span {
  font-size: 24px;
  position : absolute;
  color    : #0153ab;
}

header .show-search .close {
  display: none;
}

/* nav-1 */
header .nav1,
header .show-nav {
  display: none;
}

header .logo {
  margin-left: 25px;
}

.header_on .logo {
  margin-left: 0;
}

.header_on .content {
  background-color: #fff;
}

.header_on .nav {
  display: none;
}

.header_on .nav1-box {
  display: block;
}

.header_on .show-nav {
  height      : 80px;
  display     : block;
  cursor      : pointer;
  line-height : 80px;
  text-align  : center;
  width       : 75px;
  margin-right: 30px;
}

.header_on .show-nav.active {
  background-color: #0050a7;
  color           : #fff !important;
}

.header_on .show-nav .iconfont {
  font-size: 20px;
}

.header_on .nav {
  display: none;
}

.header_on .nav1-box {
  position: absolute;
  width   : 100%;
  top     : 80px;
  left    : 0;
  display : none;

  z-index: 20000;
}

.header_on .nav1 {
  width  : 100%;
  padding: 50px 0 80px 55px;

  -webkit-box-sizing: border-box;

  box-sizing      : border-box;
  background-color: rgba(248, 248, 248, 0.95);
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
}

.header_on .nav1 {
  position: relative;
}

.header_on .nav1>ul {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  height               : 308px;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  border-right         : solid 1px #bfbfbf;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
}

.header_on .nav1-link {
  margin-bottom: 30px;
  margin-left  : 0;
}

.header_on .nav1-link:last-child {
  margin-bottom: 0;
}

.header_on .nav1-link a {
  display      : block;
  text-align   : right;
  width        : 117px;
  line-height  : 20px;
  padding-right: 53px;
  font-size    : 16px;
}

.header_on .nav1 .item-box {
  display    : none;
  padding-top: 10px;
}

.header_on .nav1 .item-box ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header_on .nav1 .item-box ul li {
  margin-left : 120px;
  margin-right: 0;
}

/*header .nav ul .item-link-sel a {*/
/*  color: #0254ad;*/
/*}*/

/* 兼容其他页 */
.nav .item-box dd a div,
.nav .item-box dd a img {
  display       : block;
  vertical-align: bottom !important;
}

.nav1-box .item-box dt {
  height            : 40px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  display           : block;
}

.nav1-box .item-box dd {
  vertical-align: bottom !important;
  display       : block;
}

.nav1-box .item-box dd a {
  vertical-align: bottom !important;
}

.nav1-box .item-box dd a div,
.nav1-box .item-box dd a img {
  display       : block;
  vertical-align: bottom !important;
}

/* ===== Header end ===== */

/* ===== Footer start ===== */
footer {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  padding           : 95px 35px 0;
  font-family       : "Microsoft YaHei" !important;
  background-color  : #fff;
}

footer .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  border-bottom : solid 1px #dcdcdc;
  padding-bottom: 35px;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;
}

footer .box-1,
footer .box-2 {
  height: 245px;
}

footer .box-1 {
  border-right: solid 1px #dcdcdc;
  width       : 17.318%;
  min-width   : 205px;
}

footer .box-1 img {
  width : 200px;
  height: 41px;
}

footer .box-1 .link-2 {
  margin-top: 75px;
}

footer .box-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-sizing: border-box;

  box-sizing  : border-box;
  border-right: solid 1px #dcdcdc;
  padding     : 0 90px 0 110px;
  width       : 44.413%;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;
}

footer .box-2 dt {
  margin-bottom: 30px;

  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size  : 16px;
  line-height: 18px;

  color: #333;
}

footer .box-2 dd {
  margin-top: 15px;
  padding   : 0;
}

footer .box-2 dd a {
  font-size  : 14px;
  line-height: 16px;

  color: #666;
}

footer .box-2 dd a:hover {
  color: #0065d4;
}

footer .box-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  padding-left: 110px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content   : space-between;
  -webkit-box-flex  : 1;
  -ms-flex          : 1;
  flex              : 1;
  -ms-flex-line-pack: end;
  align-content     : flex-end;
}

footer .box-3 .text {
  margin-bottom: 15px;

  font-size  : 16px;
  line-height: 18px;

  color: #333;
}

footer .box-3 .text:last-child {
  margin-bottom: 0;
}

footer .box-3 .phone {
  margin: 20px 0 50px;

  font-family   : MicrosoftYaHei;
  font-weight   : bold;
  font-size     : 26px;
  line-height   : 28px;
  letter-spacing: 1px;

  color: #333;
}

footer .box-3 .text span {
  margin-right: 15px;
}

footer .box-3 .text span:last-child {
  margin-right: 0;
}

footer .box-3 .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction  : column;
  -webkit-box-pack: end;
  -ms-flex-pack   : end;
  justify-content : flex-end;
}

footer .box-3 .right img {
  width : 85px;
  height: 85px;
}

footer .box-3 .right p {
  margin-top: 3px;

  font-size  : 14px;
  line-height: 16px;
  text-align : center;

  color: #333;
}

/* 友情链接 */
footer .friend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  border-bottom: solid 1px #dcdcdc;
  min-height   : 75px;

  line-height: 75px;
}

footer .friend span {
  margin-right: 35px;
  padding-left: 40px;

  font-size  : 14px;
  line-height: 75px;

  color: #333;
}

footer .friend ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;
}

footer .friend ul li {
  margin-right: 50px;
}

footer .friend ul li a {
  font-size  : 14px;
  line-height: 75px;

  color: #666;
}

footer .friend ul li:hover a {
  color: #0065d4;
}

footer .box-3 i {
  display   : block;
  margin-top: 15px;
}

/* 版权 */
footer .copy {
  width : 100%;
  height: 75px;

  font-size  : 14px;
  line-height: 75px;
  text-align : center;

  color: #666;
}

footer .copy a {
  color: #666;
}

/* ===== Footer end ===== */

/* ===== banner start ===== */
.banner-1 {
  font-family: "Microsoft YaHei" !important;

  position: relative;

  width: 100%;
}

.banner-1 .tp {
  position           : relative;
  width              : 100%;
  height             : 340px;
  z-index            : 1;
  background-size    : cover;
  background-position: center;
  background-repeat  : no-repeat;
}

.banner-1 .main {
  width                : 100%;
  position             : absolute;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -ms-flex-align       : center;
  align-items          : center;
  -ms-flex-direction   : column;
  flex-direction       : column;
  -ms-flex-pack        : center;
  justify-content      : center;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack     : center;
  -webkit-box-align    : center;
  left                 : 0;
  z-index              : 100;
  top                  : 0;
  height               : 100%;
}

.banner-1 h2 {
  font-family: MicrosoftYaHei;
  font-size  : 44px;
  line-height: 46px;

  color: #fff;
}

.banner-1 h4 {
  margin-top: 22px;

  font-size  : 16px;
  line-height: 18px;

  color: #fff;
}

.banner-1 .box {
  position: absolute;
  left    : 0;
  bottom  : 45px;

  width : 100%;
  height: 21px;

  font-size        : 16px;
  line-height      : 18px;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;

  color: #ffffff;
}

.banner-1 .center-wrapper {
  position: relative;
  height  : 100%;
}

.banner-1 .box span {
  font-size: 20px;
}

.banner-1 .box i {
  margin: 0 10px 0 15px;
}

.banner-1 .box a {
  color: #fff;
}

/* ===== banner end ===== */

/* ===== 侧边导航 start ===== */
.slideBar {
  position: fixed;
  right   : 25px;
  bottom  : 30%;
  width   : auto;
  z-index : 1000000;
}

.slideBar::after {
  content         : "";
  display         : block;
  padding         : 100px 0;
  height          : 100%;
  position        : absolute;
  width           : 25px;
  background-color: #f3f6f9;
  right           : -25px;
  top             : -50px;
  z-index         : 3000000;
}

.slideBar .item {
  display      : block;
  position     : relative;
  width        : 100%;
  color        : #fff !important;
  margin-bottom: 3px;
}

.slideBar .item:last-child {
  border-bottom: none;
}

.slideBar .item .show {
  position             : relative;
  z-index              : 2000000;
  width                : 50px;
  height               : 50px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  background-color     : #0065d4;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  border-radius        : 10px;
  -webkit-transition   : 0.5s;
  -o-transition        : 0.5s;
  transition           : 0.5s;
  cursor               : pointer;
}

.slideBar .item .show span {
  font-size: 30px;
}

/* .slideBar .item .show h5 {
  font-size: 12px;
  display: none;
  line-height: 16px;
  margin-top: 5px;
} */
.slideBar .item .show-box {
  position          : absolute;
  z-index           : 1500000;
  padding           : 0 20px;
  height            : 50px;
  white-space       : nowrap;
  line-height       : 50px;
  font-size         : 20px;
  background-color  : #014b9c;
  right             : 50px;
  top               : 0;
  border-radius     : 10px 0 0 10px;
  -webkit-transform : translateX(300px);
  -ms-transform     : translateX(300px);
  transform         : translateX(300px);
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
  opacity           : 0;
}

.slideBar .item-3 .show-box {
  padding              : 20px;
  height               : auto;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  border-radius        : 10px 0 10px 10px;
}

.slideBar .item-3 .show-box img {
  width : 85px;
  height: 85px;
}

.slideBar .item-3 .show-box p {
  height       : 24px;
  line-height  : 24px;
  font-size    : 14px;
  margin-top   : 10px;
  color        : #fff;
  margin-bottom: 0;
}

.slideBar .item-4 {
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
  -webkit-transform : scaleY(0);
  -ms-transform     : scaleY(0);
  transform         : scaleY(0);
}

.slideBar .item-4.active {
  z-index          : 10000000;
  -webkit-transform: scaleY(1);
  -ms-transform    : scaleY(1);
  transform        : scaleY(1);
}

.slideBar .item-1:hover .show,
.slideBar .item-3:hover .show {
  border-radius: 0 10px 10px 0;
}

.slideBar .item .show:hover+.show-box {
  -webkit-transform: translateX(0);
  -ms-transform    : translateX(0);
  transform        : translateX(0);
  opacity          : 1;
}

.slideBar .item .show:hover {
  background-color: #014b9c;
}

#m-slideBar {
  display: none;
}

/* ===== 侧边导航 end ===== */

@media screen and (max-width: 1800px) {
  .header_on .nav1 .item-box ul li {
    margin-left: 100px;
  }

  header .nav .item-box>ul {
    padding: 35px 0 115px 180px;
  }
}

@media screen and (max-width: 1600px) {
  .header_on .nav1 {
    padding: 20px 0 80px 20px;
  }

  .header_on .nav1 .item-box ul li {
    margin-left: 60px;
  }

  header .nav .item-box>ul {
    padding: 35px 0 115px 100px;
  }

  header .nav ul .item-box li {
    margin-right: 100px;
  }

  footer .box-2 {
    padding-right: 50px;
    padding-left : 50px;
  }

  footer .box-3 {
    padding-left: 50px;
  }
}

@media screen and (max-width: 1440px) {
  .header_on .nav1 {
    padding: 20px 0 80px 20px;
  }

  .header_on .nav1 .item-box ul li {
    margin-left: 30px;
  }

  header .nav ul .item-box {
    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;
  }

  header .nav ul .item-box li {
    margin-right: 50px;
  }

  footer .box-2 {
    padding-right: 20px;
    padding-left : 20px;
  }

  footer .box-3 {
    padding-left: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .root {
    padding: 0;
  }

  header {
    display : -webkit-box;
    display : -ms-flexbox;
    position: relative;

    display: flex;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    padding   : 0 20px;
    height    : 60px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;
  }

  header .nav {
    display: none;
  }

  header .logo {
    margin-left: 0;
  }

  header .show-nav {
    display: none;
  }

  header .nav-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  header .search {
    right: 100px;
  }

  footer {
    padding-top: 20px;
  }

  footer .friend span {
    padding-left: 0;

    line-height: 50px;
    white-space: nowrap;
  }

  footer .box-2,
  footer .box-1 {
    display: none;
  }

  footer .friend {
    min-height: auto;

    line-height: 50px;
  }

  footer .friend ul li a {
    line-height: 50px;
  }

  .link-1 {
    width: 130px;
  }

  /* banner */
  .banner-1 h2 {
    font-size  : 24px;
    line-height: 26px;
  }

  .banner-1 h4 {
    font-size  : 16px;
    line-height: 18px;
  }

  .slideBar {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  #BW8ChataLinkObj {
    width : 5vw !important;
    height: 5vw !important;
  }

  .margin-top {
    display: block;
    height : 60px;
  }

  header {
    position        : fixed;
    background-color: #f3f6f9;
  }

  header .logo {
    zoom: 0.8;
  }

  header .nav-show i {
    width: 24px;
  }

  header .show-search {
    display: block;
    right  : 70px;
  }

  header .search {
    top             : 60px;
    background-color: #f7f7f7;
    width           : 100%;
    z-index         : 10000;
    left            : 0;
    display         : none;
    height          : 60px;
    border-radius   : 0;
    margin-top      : 0;
  }

  header .search .item-search {
    width           : 80%;
    margin          : 12.5px auto 0;
    border-radius   : 20px;
    background-color: #fff;
    border          : solid 1px #e6e6e6;
  }

  header .search .item-search input {
    height     : 35px;
    line-height: 35px;
  }

  header .search .item-search button {
    top   : 0;
    width : 35px;
    height: 35px;
  }

  footer {
    padding-right : 10px;
    border-top    : solid 1px #dcdcdc;
    padding-bottom: 20px;
    padding-left  : 10px;
  }

  footer .box-3 .phone {
    margin: 15px 0;

    font-size: 16px;
  }

  footer .box-3 .right {
    display: none;
  }

  footer .box {
    padding-bottom: 15px;
  }

  footer i {
    display: block;

    margin-top: 15px;
  }

  footer .friend {
    display: none;
  }

  footer .friend span {
    margin-right: 15px;
  }

  footer .friend ul li {
    margin-right: 10px;
  }

  footer .copy span {
    display: block;
  }

  footer .copy {
    padding-right: 0;
    padding-left : 0;
    height       : auto;

    line-height: 26px;
  }

  footer .box {
    display: none;
  }

  .banner-1 h4 {
    display: none;
  }

  .banner-1 .box {
    bottom   : 5px;
    font-size: 12px;
  }

  .banner-1 .box span {
    font-size: 16px;
  }

  #slideBar {
    display: none;
  }

  #m-slideBar {
    display: block;
  }

  #m-slideBar .item .show {
    width : 40px;
    height: 40px;
  }

  #m-slideBar .item .show span {
    font-size: 18px;
  }

  #m-slideBar .item .show-box {
    right      : 40px;
    font-size  : 16px;
    height     : 40px;
    line-height: 40px;
    padding    : 0 10px;
  }

  #m-slideBar .item-3 {
    display: none;
  }

  #m-slideBar .item .show {
    border-radius   : 10px;
    background-color: #0065d4;
  }

  #m-slideBar .item-1.item-sel .show {
    border-radius   : 0 10px 10px 0;
    background-color: #014b9c;
  }

  #m-slideBar .item-1 .show-box {
    -webkit-transform: translateX(300px);
    -ms-transform    : translateX(300px);
    transform        : translateX(300px);
    opacity          : 0;
  }

  #m-slideBar .item-1.item-sel .show-box {
    -webkit-transform: translateX(0);
    -ms-transform    : translateX(0);
    transform        : translateX(0);
    opacity          : 1;
  }
}

@media screen and (max-width: 440px) {
  .banner-1 .tp {
    height: 50vw;
  }
}

/* ===== 联系我们 end ===== */
.container4-public {
  width             : 100%;
  background-color  : #2587ee;
  padding-top       : 30px;
  height            : 417px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.container4-public h2 {
  font-size     : 36px;
  text-align    : center;
  line-height   : 100%;
  letter-spacing: 0px;
  color         : #ffffff !important;
  font-weight   : bold;
  margin-bottom : 10px;
  margin-top    : 10px;
}

.container4-public .box1,
.container4-public .box2 {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  width           : 1200px;
  margin          : 40px auto 0;
  -webkit-box-pack: center;
  -ms-flex-pack   : center;
  justify-content : center;
}

.container4-public .box1 .item {
  width             : 16%;
  text-align        : center;
  padding           : 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.container4-public .box1 .item img {
  max-width: 100%;
  height   : auto;
}

.container4-public .box1 .item p {
  font-size     : 16px;
  text-align    : center;
  line-height   : 24px;
  letter-spacing: 0px;
  color         : #ffffff;
  font-weight   : inherit;
  margin-bottom : 10px;
  margin-top    : 10px;
}

.container4-public .box2 form {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack: center;
  -ms-flex-pack   : center;
  justify-content : center;
}

.container4-public .box2 .item {
  margin: 0 2px;
}

.container4-public .box2 .item input {
  width       : 220px;
  height      : 40px;
  padding-left: 10px;
  box-sizing  : border-box;
}

.container4-public .box2 .item button {
  width           : 220px;
  border          : solid 1px #fff;
  height          : 40px;
  color           : #fff;
  cursor          : pointer;
  background-color: transparent;
}

.container4-public .box2 {
  margin-bottom: 15px;
}

.container4-public .box3 {
  color         : #fff;
  font-size     : 24px;
  text-align    : center;
  line-height   : 24px;
  letter-spacing: 0px;
  font-weight   : inherit;
  margin-bottom : 10px;
  padding-top   : 10px;
}

/* ===== 联系我们 end ===== */
@media screen and (max-width: 1200px) {
  .container4-public {
    padding: 20px 15px;
    height : auto;
  }

  .container4-public .box1,
  .container4-public .box2 {
    width: 100%;
  }

  .container4-public .box2 form {
    display: block;
  }

  .container4-public .box2 .item {
    margin-bottom: 10px;
  }

  .container4-public .box2 .item input,
  .container4-public .box2 .item button {
    width             : 600px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
  }

  .container4-public .box3 {
    text-align   : left;
    padding-left : 30px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .container4-public h2 {
    line-height   : 100%;
    letter-spacing: 0px;
    color         : #ffffff;
    font-weight   : bold;
    margin-bottom : 10px;
    margin-top    : 10px;
    font-size     : 20px;
  }

  .container4-public .box1 {
    display: none;
  }

  .container4-public .box2 {
    padding           : 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
  }

  .container4-public .box2 form {
    width: 100%;
  }

  .container4-public .box2 .item input,
  .container4-public .box2 .item button {
    width: 100%;
  }

  .container4-public .box3 {
    padding-top: 0;
  }
}