/*华炎*/
html {
  background: #283138;
}
body {
  color: #2b363f;
}
/**/
.imgbox {
  overflow: hidden;
  position: relative;
}
.imgbox img {
  width: 100%;
  min-height: 100%;
}
.clear {
  clear: both;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.hidden {
  display: none;
}
.magic {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.eps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hovershadow {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transform: translate3d(0, -2px, 0);
}
.trans {
  transition: all 0.2s;
}
*::before,
*::after {
  content: "";
  font-family: "Microsoft YaHei", sans-serif;
}
a {
  color: #f10a08;
  text-decoration: none;
}
a:visited {
  /*color: #2b363f;*/
}
a:hover {
  color: #f10a08;
  text-decoration: none;
}
button:focus {
  outline: none;
}
/**/
@media screen and (min-width: 1200px) {
  header {
    /*height: 75px;*/
  }
  header .hold-header {
    height: 75px;
    /*box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.067);*/
    /*background: #fff;*/
    position: absolute;
    right: 0;
    left: 0;
    z-index: 999;
  }
  header a.brand-name {
    margin: 12px 0;
    display: inline-block;
  }
  header nav {
    float: right;
  }
  header nav .menu-btn {
    display: none;
  }
  header nav li {
    display: block;
    float: left;
    margin: 0 30px;
    line-height: 75px;
    position: relative;
  }
  header nav li a {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
  }
  header nav li:hover::after {
    width: 100%;
    height: 2px;
  }
  header nav li::after {
    content: "";
    transition: all 0.2s;
    width: 0;
    height: 4px;
    background: #f10a08;
    bottom: 16px;
    left: 0;
    position: absolute;
  }
  header nav li.momli {
    width: 60px;
  }
  header nav li.momli:hover .childmenu {
    height: 196px;
  }
  header nav li.momli:hover::after {
    top: 58px;
  }
  header nav li.active a {
    color: #f10a08;
  }
  header nav li.active::after {
    width: 100%;
    height: 2px;
    background: #f10a08;
  }
  header nav .childmenu {
    background:#2c363f;transition: height 0.2s;
    overflow: hidden;
    height: 0;
    top: -10px;
    position: relative;
    white-space: nowrap;
    width: 140px;
  }
  header nav .childmenu li {
    float: none;
    margin: 0;
    text-align: center;
    line-height: 4;
    padding: 0 20px;
  }
  header nav .childmenu li.active {
    background: #f10a08;
  }
  header nav .childmenu li.active a {
    color: #fff;
  }
  header nav .childmenu li:hover {
    background: #f10a08;
  }
  header nav .childmenu li:hover a {
    color: #fff;
  }
  header nav .childmenu li:hover::after {
    display: none;
  }
  header nav .childmenu li a {
    font-size: 12px;color: #fff;
  }
}
@media screen and (max-width: 1200px) {
  .w1200 {
    width: 100%;
  }
  body {
    font-size: 2em;
  }
  header {
    /*height: 4em;*/
  }
  header .hold-header {
    height: 4em;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 999;
  }
  header a.brand-name {
    margin: 1em 0;
    display: inline-block;
  }
  header a.brand-name img {
    width:100pt;
  }
  header nav {
    float: right;font-size: 10pt;
  }
  header nav .menu-btn {
    display: block;
    padding: 20pt;
    text-align: right;
  }
  header nav ul {
    background: #fff;
    height: 0;
    transition: all 0.2s;
  }
  header nav li {
    display: block;
    padding: 0 1em;
    line-height: 3em;
    position: relative;
    text-align: center;
  }
  header nav li a {
    display: block;
    font-size: 1em;
    color: #2b363f;
    font-weight: bold;
  }
  header nav li:hover a{color: #f10a08;}
  header nav li.active a {color: #f10a08;}
  header nav:hover ul {height: auto;}
  header nav:hover ul.childmenu li a{color: #333;}
  header nav:hover ul.childmenu li.active a{color: #f10a08;}
}
.pos {display: none;width: 64px;height: 64px;line-height: 64px;font-size: 36px;position: fixed;right: 40px;bottom: 20px;z-index: 99;cursor: pointer;text-align: center;}
.pos:hover {transform: scale(1.1);transition: all .15s;}
.pos:hover i::before {box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 50%;}
/*解决字体图标边缘加粗的问题*/
.icon {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*渐变函数*/
/*.head-north {*/
  /*background: colorDefault;*/
  /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0, colorFrom), color-stop(1, colorTo));*/
  /*background: -ms-linear-gradient(bottom, colorFrom, colorTo);*/
  /*background: -moz-linear-gradient(center bottom, colorFrom 0%, colorTo 100%);*/
  /*background: -o-linear-gradient(colorTo, colorFrom);*/
/*}*/
@media (min-width: 1500px) {
  .container {width: 1290px !important;}
}
@media all and (max-width: 800px) and (min-width: 720px) {
  .container {width: 650px !important;}
}
main {background: #fff;z-index: 2;position: relative;}
@media (min-width: 960px) {
  main {margin-bottom: 170px;}
}
@media all and (min-width: 1200px) {
  .jjfa {background-color: #373d41;height: 420px;}
  .jjfa .w1200 {
    background: url("../img/jjfa-bg.jpg") no-repeat center;
    overflow: hidden;
    width: 100%;
    background-size: cover;
  }
  .jjfa .w1200 .fa-item {
    width: 25%;
    float: left;
    text-align: center;
    height: 420px;
    cursor: pointer;
    padding: 25px;
    position: relative;
    transition: all 0.2s;
  }
  .jjfa .w1200 .fa-item:before {
    width: 100%;
    height: 150px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 20%;
    transition: top 0.2s;
  }
  .jjfa .w1200 .fa-item svg {
    height: 150px;
    content: "";
    display: block;
    position: absolute;
    left: 0;right: 0;margin: auto;
    top: 20%;
    transition: top 0.2s;
  }
  /*.jjfa .w1200 .fa-item:nth-of-type(1):before {*/
    /*background: url("../img/fa1.png") no-repeat center;*/
  /*}*/
  /*.jjfa .w1200 .fa-item:nth-of-type(2):before {*/
    /*background: url("../img/fa2.png") no-repeat center;*/
  /*}*/
  /*.jjfa .w1200 .fa-item:nth-of-type(3):before {*/
    /*background: url("../img/fa3.png") no-repeat center;*/
  /*}*/
  /*.jjfa .w1200 .fa-item:nth-of-type(4):before {*/
    /*background: url("../img/fa4.png") no-repeat center;*/
  /*}*/
  .jjfa .w1200 .fa-item:hover {
    background: rgba(240, 3, 3, 0.85);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(240, 3, 3, 0.85)), color-stop(1, rgba(225, 112, 81, 0.85)));
    background: -ms-linear-gradient(bottom, rgba(240, 3, 3, 0.85), rgba(225, 112, 81, 0.85));
    background: -moz-linear-gradient(rgba(240, 3, 3, 0.85), rgba(225, 112, 81, 0.85));
    background: -o-linear-gradient(rgba(225, 112, 81, 0.85), rgba(240, 3, 3, 0.85));
  }
  .jjfa .w1200 .fa-item:hover:before {top: 6%;}
  .jjfa .w1200 .fa-item:hover svg {top: 6%;}
  .jjfa .w1200 .fa-item:hover .changebox {display: block;opacity: 1;bottom: 60px;}
  .jjfa .w1200 .fa-item:hover h5 {margin-top: 155px;}
  .jjfa .w1200 .fa-item:hover h5:before {opacity: 0;}
  .jjfa .w1200 .fa-item h5 {font-size: 22px;color: #fff;font-weight: normal;position: relative;margin-top: 260px;transition: all 0.2s;}
  .jjfa .w1200 .fa-item h5:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 2px;
    background: #fff;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transition: all 0.2s;
  }
  .jjfa .w1200 .fa-item .changebox {color: #fff;position: absolute;bottom: 0;left: 0;opacity: 0;transition: all 0.5s;}
  .jjfa .w1200 .fa-item .changebox p {font-size: 14px;margin-bottom: 40px;line-height: 22px;padding: 0 25px;}
  .jjfa .w1200 .fa-item .changebox button {color: #fff;border: 1px solid #fff;font-size: 18px;width: 140px;height: 40px;background: rgba(255, 255, 255, 0);transition: background 0.2s;}
  .jjfa .w1200 .fa-item .changebox button:hover {background: rgba(255, 255, 255, 0.3);}
}
@media (max-width: 1200px) {
  .jjfa {background-color: #373d41;}
  .jjfa .w1200 {
    background: #032942;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #032942), color-stop(1, #000b17));
    background: -ms-linear-gradient(bottom, #032942, #000b17);
    background: -moz-linear-gradient(#032942, #000b17);
    background: -o-linear-gradient(#000b17, #032942);
    overflow: hidden;
  }
  .jjfa .w1200 .fa-item {
    width: 50%;
    float: left;
    text-align: center;
    height: 400px;
    cursor: pointer;
    padding: 25px;
    position: relative;
  }
  .jjfa .w1200 .fa-item:before {
    width: 50%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    transition: top 0.2s;
    top: 0;
  }

  .jjfa .w1200 .fa-item:hover {
    background: rgba(240, 3, 3, 0.85);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(240, 3, 3, 0.85)), color-stop(1, rgba(225, 112, 81, 0.85)));
    background: -ms-linear-gradient(bottom, rgba(240, 3, 3, 0.85), rgba(225, 112, 81, 0.85));
    background: -moz-linear-gradient(rgba(240, 3, 3, 0.85), rgba(225, 112, 81, 0.85));
    background: -o-linear-gradient(rgba(225, 112, 81, 0.85), rgba(240, 3, 3, 0.85));
  }
  .jjfa .w1200 .fa-item h5 {font-size: 22px;color: #fff;font-weight: normal;position: relative;margin:8% 0;}
  .jjfa .w1200 .fa-item .changebox {color: #fff;position: absolute;right: 0;left: 0;margin: auto;transition: all 0.5s;width: 50%;}
  .jjfa .w1200 .fa-item .changebox p {font-size: 14px;margin-bottom: 20px;line-height: 22px;padding: 0 1.4em;overflow: hidden;}
  .jjfa .w1200 .fa-item .changebox button {color: #fff;border: 1px solid #fff;font-size: 18px;width: 140px;height: 40px;background: rgba(255, 255, 255, 0);transition: background 0.2s;}
  .jjfa .w1200 .fa-item .changebox button:hover {background: rgba(255, 255, 255, 0.3);}
}
@media (max-width: 760px) {
  .index-good p{text-align: justify;margin-bottom: 30px;}
  .jjfa {background-color: #373d41;}
  .jjfa .w1200 {
    background: #032942;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #032942), color-stop(1, #000b17));
    background: -ms-linear-gradient(bottom, #032942, #000b17);
    background: -moz-linear-gradient(#032942, #000b17);
    background: -o-linear-gradient(#000b17, #032942);
    overflow: hidden;
  }
  .jjfa .w1200 .fa-item {width: 100%;height: auto;text-align: left;cursor: pointer;padding:25px 25px 0;    margin-bottom: 40px;position: relative;}
  .jjfa .w1200 .fa-item:before {width: 50%;height: 100%;content: "";display: block;position: absolute;left: 0;transition: top 0.2s;top: 0;}
  .jjfa .w1200 .fa-item:nth-child(2n+1) {
    background: #fe7273;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fe7273), color-stop(1, #f6434f));
    background: -ms-linear-gradient(bottom, #fe7273, #f6434f);
    background: -moz-linear-gradient(#fe7273, #f6434f);
    background: -o-linear-gradient(#f6434f, #fe7273);
  }
  .jjfa .w1200 .fa-item svg{zoom: 0.6;margin-left: 13%;}
  .jjfa .w1200 .fa-item h5 {font-size: 17px;color: #fff;font-weight: normal;position: relative;margin: 20px 0;width: 50%;text-align: center;}
  .jjfa .w1200 .fa-item .changebox {color: #fff;left: auto;top: 25px;position: absolute;right: 0;transition: all 0.5s;width: 50%;    text-align: center;}
  .jjfa .w1200 .fa-item .changebox p {display: block;}
  .jjfa .w1200 .fa-item .changebox button {color: #fff;border: 1px solid #fff;font-size: 18px;width: 140px;height: 40px;background: rgba(255, 255, 255, 0);transition: background 0.2s;}
  .jjfa .w1200 .fa-item .changebox button:hover {background: rgba(255, 255, 255, 0.3);}
}
footer {padding: 0 0 !important;margin: 20px 20px 0;color: #abb4bb;}
footer p {margin-bottom: 5px;}
footer .address {text-align: right;}
footer .address p {margin-bottom: 0;line-height: 28px;}
footer .pages .flogo {margin-bottom: 20px;height: 30px;}
footer .pages a {text-transform: capitalize;margin-right: 2em;color: #abb4bb;}
footer #sign-up-form {position: relative;margin-bottom: 20px;}
footer #sign-up-form input {width: 100%;height: 46px;padding: 5px 5px 5px 15px;border: 1px solid #c3ced6;outline: none;font-size: 17px;margin-top: 8px;transition: all 0.3s ease-in-out;}
footer #sign-up-form input:focus {border-color: #90a3b0;box-shadow: none;}
footer #sign-up-form a {
  position: absolute;
  text-transform: capitalize;
  right: 5px;
  top: calc(50% - 14px);
  background: #a2b2bd;
  padding: 9px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s ease 0s;
}
footer #sign-up-form a:hover {background: #5b6b79;}
footer #sign-up-form .hide-button-text {color: transparent !important;}
footer #sign-up-form .sign-text {color: transparent;display: none;visibility: visible;}
footer #sign-up-form .sign-text-show {color: #fff;display: inline;}
footer .copy {text-align: center;margin-top: 50px;}
footer a {
  /*text-transform: lowercase;*/
  color: #5b6b79;
  outline: none !important;
  text-decoration: none;
}
footer a:hover {text-decoration: underline;color: #f10a08;}
footer a:focus, footer a:active {outline: none !important;}
@media (max-width: 760px) {
  footer {text-align: center;}
  footer h3 {padding: 15px 0 15px 0;font-size: 30px;}
  footer .address, footer .pages, footer .connect {
    margin-bottom: 25px;text-align: center;font-size: 10pt;}  footer .newsletter p {margin-bottom: 15px;}
}
@media (min-width: 960px) {
  footer {
    position: fixed;
    bottom: 25px;
    left: 0;
    right: 0;
  }
  .main-content.container-fluid {
    margin-bottom: 170px;
  }
}
@media all and (max-width: 990px) and (min-width: 760px) {
  .newsletter {
    padding-top: 20px;
  }
  footer #sign-up-form a {
    padding: 8px 80px;
  }
}
@media all and (max-width: 760px) and (min-width: 440px) {
  footer #sign-up-form a {
    padding: 8px 60px;
  }
}
@media screen and (min-width: 1200px) {
  .particlebox {position: relative;background: #032942;text-align: center;}
  .particlebox .particleinfo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .particlebox .particleinfo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #032942;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #032942), color-stop(1, #000b17));
    background: -ms-linear-gradient(bottom, #032942, #000b17);
    background: -moz-linear-gradient(#032942, #000b17);
    background: -o-linear-gradient(#000b17, #032942);
    opacity: 0.3;
  }
  .particlebox .particleinfo .bw {margin: 220px auto;position: relative;z-index: 1;}
  .particlebox .particleinfo h2 {color: #fff;position: relative;top: -110px;margin: auto;}
  .banner-menu {width: 1200px;margin: 0 auto;}
  .banner-menu ul {display: flex;text-align: left;}
  .banner-menu ul li {
    color: #fff;
    width: 400px;
    display: inline-block;
    float: left;
    height: 130px;
    padding-left: 170px;
    padding-top: 45px;
    position: relative;
    transition: all 0.2s;
  }
  .banner-menu ul li h6 {font-size: 18px;}
  .banner-menu ul li p {opacity: 0.6;}
  .banner-menu ul li.m1 {background: url("../img/m1.png") no-repeat 55px;}
  .banner-menu ul li.m1::before {
    content: "";
    position: absolute;
    background: url("../img/m1b.png") no-repeat center;
    width: 33px;
    height: 25px;
    display: block;
    left: 96px;
    top: 24px;
  }
  .banner-menu ul li.m1:hover::before {animation: m1 1s 1;-webkit-animation: m1 1s 1;}
  .banner-menu ul li.m2 {background: url("../img/m2.png") no-repeat 55px;}
  .banner-menu ul li.m2::before {content: "";position: absolute;background: url("../img/m2b.png") no-repeat center;width: 45px;height: 65px;display: block;left: 102px;top: 10px;}
  .banner-menu ul li.m2:hover::before {animation: m2 1s 1;-webkit-animation: m2 1s 1;}
  .banner-menu ul li.m3 {background: url("../img/m3.png") no-repeat 55px;}
  .banner-menu ul li.m3::before {content: "";position: absolute;background: url("../img/m3b.png") no-repeat center;width: 64px;height: 26px;display: block;left: 62px;bottom: 22px;}
  .banner-menu ul li.m3:hover::before {animation: m3 1s 1;-webkit-animation: m3 1s 1;}
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .particlebox {position: relative;background: #032942;height: 470px;    overflow: hidden;text-align: center;}
  .particlebox iframe {top: -50% !important;}
  .particlebox .particleinfo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .particlebox .particleinfo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #032942;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #032942), color-stop(1, #000b17));
    background: -ms-linear-gradient(bottom, #032942, #000b17);
    background: -moz-linear-gradient(#032942, #000b17);
    background: -o-linear-gradient(#000b17, #032942);
    opacity: 0.3;
  }
  .particlebox .particleinfo .bw {margin: 7em auto;position: relative;z-index: 1;width: 70%;}
  .particlebox .particleinfo h2 {color: #fff;width: 80%;margin: auto;position: relative;top: -110px;}
  .banner-menu {width: 100%;margin: 0 auto;}
  .banner-menu ul {text-align: left;overflow: hidden;}
  .banner-menu ul li {color: #fff;height: 130px;padding-left: 12%;padding-top: 2em;position: relative;float: left;width: 33.33%;}
  .banner-menu ul li h6 {font-size: 1em;}
  .banner-menu ul li p {opacity: 0.6;font-size: 0.8em;}
  .banner-menu ul li.m1 {background: url("../img/m1.png") no-repeat 1.5em;}
  .banner-menu ul li.m1::before {
    content: "";
    position: absolute;
    background: url("../img/m1b.png") no-repeat center;
    width: 33px;
    height: 25px;
    display: block;
    left: 3.5em;
    top: 24px;
  }
  .banner-menu ul li.m2 {background: url("../img/m2.png") no-repeat 1.5em;}
  .banner-menu ul li.m2::before {
    content: "";
    position: absolute;
    background: url("../img/m2b.png") no-repeat center;
    width: 45px;
    height: 65px;
    display: block;
    left: 3.6em;
    top: 10px;
  }
  .banner-menu ul li.m3 {background: url("../img/m3.png") no-repeat 1.5em;}
  .banner-menu ul li.m3::before {
    content: "";
    position: absolute;
    background: url("../img/m3b.png") no-repeat center;
    width: 64px;
    height: 26px;
    display: block;
    left: 2em;
    bottom: 22px;
  }
}
@media screen and (max-width: 960px) {
  .particlebox {
    position: relative;
    background: #032942;
    height: 340px;    overflow: hidden;
    text-align: center;
  }
  .particlebox iframe {top: -50% !important;}
  .particlebox .particleinfo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .particlebox .particleinfo::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #032942;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #032942), color-stop(1, #000b17));background: -ms-linear-gradient(bottom, #032942, #000b17);background: -moz-linear-gradient(#032942, #000b17);background: -o-linear-gradient(#000b17, #032942);opacity: 0.3;}
  .particlebox .particleinfo .bw {margin: 90pt auto 80px;position: relative;z-index: 1;width: 80%;}
  .particlebox .particleinfo h2 {color: #fff;position: relative;top: -30px;    font-size: 12pt;line-height: 1.6;width: 85%;margin: auto;}
  .banner-menu {width: 100%;margin: 0 auto;}
  .banner-menu ul {text-align: left;}
  .banner-menu ul li {color: #fff;height: 100px;padding-left: 170px;position: relative;width: 100%;overflow: hidden;}
  .banner-menu ul li h6 {font-size: 1em;float: left;line-height: 100px;margin: 0 1em 0 0;}
  .banner-menu ul li p {opacity: 0.6;font-size: 0.8em;float: left;line-height: 100px;}
  .banner-menu ul li.m1 {background: url("../img/m1.png") no-repeat 55px;background-size: 3em;}
  .banner-menu ul li.m1::before {content: "";position: absolute;background: url("../img/m1b.png") no-repeat center;width: 1.2em;height: 1.2em;display: block;left: 4.2em;top: 0.8em;background-size: contain;}
  .banner-menu ul li.m2 {background: url("../img/m2.png") no-repeat 55px;background-size: 3em;}
  .banner-menu ul li.m2::before {content: "";position: absolute;background: url("../img/m2b.png") no-repeat center;width: 1.2em;height: 2em;display: block;left: 4.5em;top: 0.8em;background-size: contain;}
  .banner-menu ul li.m3 {background: url("../img/m3.png") no-repeat 55px;background-size: 3em;}
  .banner-menu ul li.m3::before {content: "";position: absolute;background: url("../img/m3b.png") no-repeat center;width: 2.2em;height: 1em;display: block;left: 3.2em;bottom: 1em;background-size: contain;}
}
@keyframes m1 {
  from {left: 96px;top: 0;}
  to {left: 96px;top: 24px;}
}
@-moz-keyframes m1 {
  from {left: 96px;top: 0;}
  to {left: 96px;top: 24px;}
}
@-webkit-keyframes m1 {
  from {left: 96px;top: 0;}
  to {left: 96px;top: 24px;}
}
@-o-keyframes m1 {
  from {left: 96px;top: 0;}
  to {left: 96px;top: 24px;}
}
@keyframes m2 {
  from {left: 102px;top: 0;}
  to {left: 102px;top: 10px;}
}
@-moz-keyframes m2 {
  from {left: 102px;top: 0;}
  to {left: 102px;top: 10px;}
}
@-webkit-keyframes m2 {
  from {left: 102px;top: 0;}
  to {left: 102px;top: 10px;}
}
@-o-keyframes m2 {
  from {left: 102px;top: 0;}
  to {left: 102px;top: 10px;}
}
@keyframes m3 {
  from {left: 62px;bottom: 0;}
  to {left: 62px;bottom: 22px;}
}
@-moz-keyframes m3 {
  from {left: 62px;bottom: 0;}
  to {left: 62px;bottom: 22px;}
}
@-webkit-keyframes m3 {
  from {left: 62px;bottom: 0;}
  to {left: 62px;bottom: 22px;}
}
@-o-keyframes m3 {
  from {left: 62px;bottom: 0;}
  to {left: 62px;bottom: 22px;}
}
.bigsvg{margin: auto;display: block;}
@media screen and (min-width: 1200px) {
  .al-item {padding: 40px 0;border-bottom: 1px solid #e0e0e0;}
  .al-item dl {position: relative;height: 330px;}
  .al-item dl dt {position: absolute;left: 0;top: 0;}
  .al-item dl dd {position: relative;left: 640px;width: 560px;}
  .al-item dl dd.type {color: #606b79;font-size: 24px;line-height: 60px;}
  .al-item dl dd.type span {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #606b79;
    display: inline-block;
    margin-right: 14px;
  }
  .al-item dl dd.name {
    color: #2b363f;
    font-size: 40px;
    margin-bottom: 20px;
  }
  .al-item dl dd.info {
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
  }
}
@media screen and (max-width: 1200px) and (min-width: 480px) {
  .al-item {
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .al-item dl {
    position: relative;
    height: 330px;
    overflow: hidden;
  }
  .al-item dl::after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
  }
  .al-item dl dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 330px;
  }
  .al-item dl dt img {
    width: 100%;
    min-height: 100%;
  }
  .al-item dl dd {
    position: relative;
    left: 20px;
    width: 95%;
    text-shadow: 0 6px 20px #000;
    color: #fff;
    z-index: 1;
  }
  .al-item dl dd.type {
    font-size: 1.6em;
    line-height: 3em;
  }
  .al-item dl dd.type span {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fff;
    display: inline-block;
    margin-right: 14px;
  }
  .al-item dl dd.name {
    font-size: 2em;
    margin-bottom: 20px;
  }
  .al-item dl dd.info {
    font-size: 1em;
    line-height: 28px;
    text-align: justify;
  }
}
@media screen and (max-width: 480px) {
  .al-item {
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .al-item dl {
    position: relative;
    height: 330px;
    overflow: hidden;
  }
  .al-item dl::after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
  }
  .al-item dl dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 330px;
  }
  .al-item dl dt img {
    width: 100%;
    min-height: 100%;
  }
  .al-item dl dd {
    position: relative;
    left: 20px;
    width: 88%;
    text-shadow: 0 6px 20px #000;
    color: #fff;
    z-index: 1;
  }
  .al-item dl dd.type {font-size: 1.4em;line-height: 3em;}
  .al-item dl dd.type span {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fff;
    display: inline-block;
    margin-right: 14px;
  }
  .al-item dl dd.name {font-size: 1.4em;margin-bottom: 14px;}
  .al-item dl dd.info {font-size: 0.85em;line-height: 28px;text-align: justify;}
}
@keyframes wordsenter {
  from {left: 1200px;}
  to {left: 640px;}
}
@-moz-keyframes wordsenter {
  from {left: 1200px;}
  to {left: 640px;}
}
@-webkit-keyframes wordsenter {
  from {left: 1200px;}
  to {left: 640px;}
}
@-o-keyframes wordsenter {
  from {left: 1200px;}
  to {left: 640px;}
}
.animation-wordsenter {
  animation: wordsenter 2s 1 alternate;
  -webkit-animation: wordsenter 2s 1 alternate;
  -moz-animation: wordsenter 2s 1 alternate;
  -o-animation: wordsenter 2s 1 alternate;
  -ms-animation: wordsenter 2s 1 alternate;
}
@media screen and (min-width: 1200px) {
  .casebanner {height: 348px;position: relative;background: url("../img/casebanner.png") no-repeat center #445569;background-size: cover;}
  .casebanner .bannerwords {position: absolute;top: 0;width: 1200px;margin: auto;height: 348px;color: #fff;left: 0;right: 0;}
  .casebanner .bannerwords h1 {position: absolute;left: 540px;top: 100px;margin-bottom: 40px;font-size: 58px;width: 10em;}
  .casebanner .bannerwords h1 span {font-size: 44px;margin-left: 15px;}
  .casebanner .bannerwords p {position: absolute;left: 540px;top: 210px;font-size: 22px;width: 28em;line-height: 30px;text-align: justify;}
  .examplebanner {height: 340px;position: relative;background: url("../img/examplebanner.jpg") no-repeat center #445569;background-size: cover;}
}
@media screen and (max-width: 1200px) {
  .casebanner {height: 200px;position: relative;background: url("../img/casebanner.png") no-repeat center #445569;background-size: cover;}
  .casebanner .bannerwords {position: absolute;top: 0;width: 100%;margin: auto;height: 200px;color: #fff;left: 0;right: 0;}
  .casebanner .bannerwords h1 {position: absolute;font-size: 1.8em;width: 100%;text-align: center;}
  .casebanner .bannerwords h1 span {font-size: 0.8em;margin-left: 0.5em;}
  .casebanner .bannerwords p {position: absolute;font-size: 1em;width: 88%;line-height: 1.4;text-align: center;top: 4em;margin: auto;left: 0;right: 0;}
  .examplebanner {height: 200px;position: relative;background: url("../img/examplebanner.jpg") no-repeat center #445569;background-size: cover;}
}
.num-title{position: relative;}
.num-title .sign{background: #fff;width: 120px;height: 120px;border-radius: 50%;box-shadow: 0 0 10px #eee;z-index: 1;position: relative;}
.num-title h1{color: #ededed;font-size: 100px;font-weight: bold;position: absolute;top: 0;left: 95px;z-index:0;margin: 0;}
.num-title h2{font-size:36px;font-weight:500;color:rgba(44,54,63,1);position: absolute;left: 220px;top: 26px;}
.num-title h2 span{margin-left: 2em;font-size: 22px;}
.num-title h2::after{position: absolute;width:43px;height:2px;background:rgba(244,0,0,1);bottom: -8px;left: 0;}
.bigsvg{z-index: 1;position: relative;}
.cpgnsvg{position: relative;}
.cpgnsvg div{position: absolute;width:114px;height:114px;border-radius:50%;}
.cpgnsvg .gnbg1{background:linear-gradient(90deg, rgba(185,140,140,1), rgba(228,219,220,1));left: 432px;top: 52px;}
.cpgnsvg .gnbg2{background:linear-gradient(90deg, rgba(116,107,131,1), rgba(214,212,219,1));top: 52px;right: 422px;}
.cpgnsvg .gnbg3{background:linear-gradient(90deg, rgba(116,107,131,1), rgba(214,212,219,1));left: 310px;top: 227px;}
.cpgnsvg .gnbg4{background:linear-gradient(90deg, rgba(185,140,140,1), rgba(228,219,220,1));top: 227px;right: 331px;}
.cpgnsvg .gnbg5{background:linear-gradient(0deg, rgba(247,86,90,1), rgba(254,175,140,1));top: 203px;left: 517px;width: 160px;height: 160px;}
.cpgnsvg .gnbg6{background:linear-gradient(90deg, rgba(185,140,140,1), rgba(228,219,220,1));bottom: 83px;left: 421px;}
.cpgnsvg .gnbg7{background:linear-gradient(90deg, rgba(116,107,131,1), rgba(214,212,219,1));left: 648px;bottom: 82px;}
#c1 {padding: 40px 0;}
#c1 .w1200 {position: relative;}
#c1 img.t {position: absolute;left: -50px;}
#c1 .pt {overflow: hidden;position: relative;top: 170px;margin: 30px 0 0;padding: 0 0 170px;}
#c1 .pt img{margin: auto;display: block;height: 162px;}
#c1 .pt p{text-align: center;margin-top:2em;font-size: 18px;}
#c2 {background: #F8F9F9;}
#c2 .w1200 {position: relative;}
#c2 img.t {position: absolute;right: 0;}
#c2 .c2box {padding: 190px 0 40px;}
#c2 .c2-item {width:148px;height:148px;background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));
  float: left;margin: 0 45px 60px;transform: rotate(45deg);text-align: center;}
#c2 .c2-item svg{    transform: rotate(-45deg);margin: 35px 12px 10px 0;}
#c2 .c2-item span{color: #fff;    transform: rotate(-45deg);display: block;text-align: center;position: relative;top: -15px;left: 30px;}
#c2 p{font-size:24px;font-family:PingFangSC;font-weight:400;color:rgba(44,54,63,1);text-align: center;}
#c3 {padding-bottom: 80px;}
#c3 .w1200 {position: relative;}
#c3 img.t {position: absolute;left: -50px;}
.c3box {display: flex;align-content: space-between;padding-top: 190px;}
.c3box div:nth-child(1) .c3-item{background: url("/img/yyfw1.png") no-repeat center;}
.c3box div:nth-child(2) .c3-item{background: url("/img/yyfw2.png") no-repeat center;}
.c3box div:nth-child(3) .c3-item{background: url("/img/yyfw3.png") no-repeat center;}
#c3 .bsvg{margin-top: 200px;}
.c3-item:hover::after{width: 100%;height: 100%;background: rgba(255, 2, 0, 0.5);position: absolute;left: 0;top: 0;z-index: -1;}
.c3-item svg{fill:rgb(246, 67, 79);position: absolute;left: 0;right: 0;margin: auto;top: 25%;}
.c3-item:hover svg{fill: #fff;}
.c3-item p{font-size: 18px;text-align: center;color: #000;font-weight: 600;margin-top: 35%;}
.c3-item:hover p{color: #fff;}
.c3-item {position: relative;display: block;width: 390px;height: 240px;overflow: hidden;margin-right: 15px;}
.c3-item img {display: block;}
.c3-item img.f {top: 100%;position: absolute;transition: top 0.2s;}
.c3-item:hover img.f{top: 0;}
#c4 {background: #F8F9F9;padding-bottom: 60px;}
#c4 .w1200 {position: relative;}
#c4 img.t {position: absolute;right: 0;}
#c4 .c4box {display: flex;align-content: space-between;padding-top: 190px;}
#c4 .c4-item {position: relative;background: #fff;border-radius: 50%;display: block;text-align: center;width: 230px;height: 230px;overflow: hidden;margin-right: 12px;}
#c4 .c4-item p{font-size:18px;position: relative;font-weight:bold;color:rgba(44,54,63,1);}
#c4 .c4-item:hover{background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));}
#c4 .c4-item svg{fill: #f40000;    margin: 60px 0 18px;}
#c4 .c4-item:hover svg{fill: #fff;}
#c4 .c4-item:hover p{color: #fff;}
#c4 .c4-item p::after{width:40px;height:2px;background:rgba(244,0,0,1);position: absolute;bottom: -18px;left: 0;right: 0;margin: auto;}
#c4 .c4-item:hover p::after{background: #fff;}
#c4 .c4-item img {display: block;}
#c4 .c4-item img.f {top: 100%;position: absolute;transition: top 0.2s;}
#c4 .c4-item:hover img.f {top: 0;}
@media screen and (min-width: 1200px) {
  .caseinfo {padding: 60px 45px 0;background: url("../img/caseinfo.jpg") no-repeat center;margin: 75px auto 0;height: 250px;transition: all 0.2s;box-shadow: 0 0 2px 0 #90a3b0;width: 1196px;}
  .caseinfo h2 {color: #2b363f;font-size: 36px;margin: 0 0 24px;}
  .caseinfo p {color: #4f4f4f;font-size: 16px;line-height: 24px;width: 580px;text-align: justify;}
  .caseinfo:hover {box-shadow: 0 0 10px 0 #90a3b0;}
}
@media screen and (max-width: 1200px) {
  .caseinfo {padding: 1.5em 1em 0;background: url("../img/caseinfo.jpg") no-repeat center;background-size: cover;margin: 2em auto 0;height: 250px;transition: all 0.2s;box-shadow: 0 0 2px 0 #90a3b0;width: 100%;}
  .caseinfo h2 {color: #2b363f;font-size: 1.5em;margin: 0 0 24px;}
  .caseinfo p {color: #4f4f4f;font-size: 0.8em;line-height: 1.4;width: 100%;text-align: justify;}
  .caseinfo:hover {box-shadow: 0 0 10px 0 #90a3b0;}
}
@media screen and (min-width: 1200px) {
  .caseshow {margin-top: 50px;padding-bottom: 60px;}
  .caseshow h1 {font-size: 28px;position: relative;text-align: center;margin-bottom: 46px;}
  .caseshow h1::before,
  .caseshow h1::after {position: absolute;background: #a2b2bd;height: 1px;margin: auto;top: 0;bottom: 0;width: 40%;opacity: 0.4;}
  .caseshow h1::before {left: 0;}
  .caseshow h1::after {right: 0;}
  .caseshow .caseitem {width: 280px;border: 1px solid #c3ced6;text-align: center;background: #fff;float: left;height: 400px;margin-right: 25px;padding: 20px;}
  .caseshow .caseitem img {margin-top: 45px;}
  .caseshow .caseitem h4 {color: #4f4f4f;font-size: 22px;position: relative;margin: 70px 0 30px;}
  .caseshow .caseitem h4::before {width: 35px;height: 2px;background: #4f4f4f;margin: auto;left: 0;right: 0;position: absolute;top: -25px;}
  .caseshow .caseitem p {color: #4f4f4f;}
  .caseshow .caseitem:hover {background: #eee;}
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .caseshow {margin-top: 2em;padding-bottom: 2em;}
  .caseshow h1 {font-size: 1.4em;position: relative;text-align: center;margin-bottom: 1.5em;}
  .caseshow h1::before,
  .caseshow h1::after {position: absolute;background: #a2b2bd;height: 1px;margin: auto;top: 0;bottom: 0;width: 30%;opacity: 0.4;}
  .caseshow h1::before {left: 0;}
  .caseshow h1::after {right: 0;}
  .caseshow .caseitem {width: 25%;text-align: center;background: #eee;float: left;height: 300px;padding: 2em;border: 5px solid #fff;border-radius: 8%;}
  .caseshow .caseitem h4 {color: #4f4f4f;font-size: 1em;position: relative;margin: 70px 0 30px;}
  .caseshow .caseitem h4::before {width: 2em;height: 2px;background: #4f4f4f;margin: auto;left: 0;right: 0;position: absolute;top: -25px;}
  .caseshow .caseitem p {display: none;}
}
@media screen and (max-width: 960px) and (min-width: 600px) {
  .caseshow {margin-top: 2em;padding-bottom: 2em;}
  .caseshow h1 {font-size: 1.4em;position: relative;text-align: center;margin-bottom: 1.5em;}
  .caseshow h1::before,
  .caseshow h1::after {position: absolute;background: #a2b2bd;height: 1px;margin: auto;top: 0;bottom: 0;width: 30%;opacity: 0.4;}
  .caseshow h1::before {left: 0;}
  .caseshow h1::after {right: 0;}
  .caseshow .caseitem {width: 50%;border: 10px solid #fff;text-align: center;background: #eee;float: left;height: 400px;padding: 1em;}
  .caseshow .caseitem img {margin-top: 1em;}
  .caseshow .caseitem h4 {color: #4f4f4f;font-size: 22px;position: relative;margin: 50px 0 30px;}
  .caseshow .caseitem h4::before {width: 35px;height: 2px;background: #4f4f4f;margin: auto;left: 0;right: 0;position: absolute;top: -25px;}
  .caseshow .caseitem p {color: #4f4f4f;font-size: 0.9em;}
  .caseshow .caseitem:hover {background: #eee;}
}
@media screen and (max-width: 600px) {
  .caseshow {margin-top: 2em;padding-bottom: 2em;}
  .caseshow h1 {font-size: 1.4em;position: relative;text-align: center;margin-bottom: 1.5em;}
  .caseshow h1::before,
  .caseshow h1::after {position: absolute;background: #a2b2bd;height: 1px;margin: auto;top: 0;bottom: 0;width: 30%;opacity: 0.4;}
  .caseshow h1::before {left: 0;}
  .caseshow h1::after {right: 0;}
  .caseshow .caseitem {width: 100%;border: 10px solid #fff;text-align: center;background: #eee;height: 400px;padding: 20px;margin-bottom: 1em;}
  .caseshow .caseitem img {margin-top: 1em;}
  .caseshow .caseitem h4 {color: #4f4f4f;font-size: 22px;position: relative;margin: 70px 0 30px;}
  .caseshow .caseitem h4::before {width: 35px;height: 2px;background: #4f4f4f;margin: auto;left: 0;right: 0;position: absolute;top: -25px;}
  .caseshow .caseitem p {color: #4f4f4f;}
  .caseshow .caseitem:hover {background: #eee;}
}
.fast {
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;
}
.slow {
  -moz-animation-duration: 3s;
  -moz-animation-delay: 1s;
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 1s;
}
.reallyslow {
  -moz-animation-duration: 6s;
  -moz-animation-delay: 3s;
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 2s;
}
/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/
@-webkit-keyframes hue {
  from {-webkit-filter: hue-rotate(0deg);}
  to {-webkit-filter: hue-rotate(-360deg);}
}
.us_bg {background: url("../img/us_bg.jpg") no-repeat center;background-size: cover;height: 350px;width: 100%;}
.ab_bg {background: url("../img/jjfa/abus.png") no-repeat center;background-size: cover;height: 350px;width: 100%;}
.ct_bg {background: url("../img/jjfa/ctus.png") no-repeat center;background-size: cover;height: 350px;width: 100%;}
.job_bg {background: url("../img/jjfa/jobtop.png") no-repeat center;background-size: cover;height: 350px;width: 100%;}
@media screen and (min-width: 1200px) {
  .us_box {height: 260px;width: 100%;margin-top: 4em;transition: all 0.2s;margin-bottom: 60px;background-size: contain;  }
  .us_box .us_info {padding: 1px 0;position: relative;}
  .us_box .us_info h2 {font-size: 30px;color: #2b363f;position: relative; /*margin: 10px 0 40px;*/}
  .us_box .us_info h2::after {position: absolute;display: none;width: 68px;height: 2px;background: #F6434F;left: 0;bottom: -10px;}
  .us_box .us_info p {text-indent: 2em;color: #859099;text-align: justify;font-size: 18px;line-height: 1.8;width: 80%;margin: auto;}
  .usculture {background: #fafbfb;padding: 40px 0 80px;}
  .usculture h1 {text-align: center;font-size: 30px;color: #333;}
  .usculture dl {width: 50%;float: left;}
  .usculture dl dt {font-size: 30px;font-family: SourceHanSansCN-Regular;font-weight: 400;color: #859099;margin-bottom: 20px;}
  .usculture dl dd {line-height: 1.8;font-size: 18px;color: #2c363f;}
  .us_server {margin-top: 4em;display: flex;justify-content: space-between;}
  .us_server .server_item {width: 33%;padding: 2%;margin: 0 15px 0 0;}
  .us_server .server_item h2 {font-size: 36px;color: #2b363f;position: relative;margin: 0 0 26px;}
  .us_server .server_item h2::after {position: absolute;width: 60px;height: 3px;background: #f6434f;left: 0;bottom: -12px;}
  .us_server .server_item p {color: #999999;text-align: justify;font-size: 16px;line-height: 1.7;}
  .us_server .server_item:nth-of-type(1) {background: url("../img/server1.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(2) {background: url("../img/server2.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(3) {background: url("../img/server3.jpg") no-repeat center #ffffff;margin: 0;}
  .photobox {padding: 60px 0 80px;}
  .photobox h1 {text-align: center;font-size: 30px;color: #333;}
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .us_box {width: 100%;margin-top: 4em;transition: all 0.2s;margin-bottom: 60px;}
  .us_box .us_info {width: 100%;padding: 0 40px;}
  .us_box .us_info h2 {font-size: 36px;color: #2b363f;position: relative;margin: 10px 0 40px;}
  .us_box .us_info h2::after {position: absolute;width: 68px;height: 2px;background: #F6434F;left: 0;bottom: -10px;}
  .us_box .us_info p {text-indent: 2em;color: #859099;text-align: justify;font-size: 18px;line-height: 1.8;}
  .usculture {background: #fafbfb;padding: 40px 0 80px;}
  .usculture h1 {text-align: center;font-size: 30px;color: #859099;}
  .usculture dl {width: 50%;float: left;padding: 0 8%;}
  .usculture dl dt {font-size: 30px;font-family: SourceHanSansCN-Regular;font-weight: 400;color: #859099;margin-bottom: 20px;}
  .usculture dl dd {line-height: 1.8;font-size: 18px;color: #2c363f;}
  .us_server {margin-top: 4em;display: flex;justify-content: space-between;padding: 0 40px;}
  .us_server .server_item {width: 33%;padding: 2%;margin: 0 15px 0 0;}
  .us_server .server_item h2 {font-size: 36px;color: #2b363f;position: relative;margin: 0 0 26px;}
  .us_server .server_item h2::after {position: absolute;width: 60px;height: 3px;background: #f6434f;left: 0;bottom: -12px;}
  .us_server .server_item p {color: #999999;text-align: justify;font-size: 18px;line-height: 1.7;}
  .us_server .server_item:nth-of-type(1) {background: url("../img/server1.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(2) {background: url("../img/server2.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(3) {background: url("../img/server3.jpg") no-repeat center #ffffff;margin: 0;}
  .photobox {padding: 60px 0 80px;}
  .photobox img {width: 100%;}
  .mdn-accordion{margin: 0;}
  .photobox h1 {text-align: center;font-size: 24px;color: #859099;margin:0;}
  .entite{font-size: 18px;}
}
@media screen and (max-width: 960px) and (min-width: 600px) {
  .us_box {width: 100%;margin-top: 4em;transition: all 0.2s;margin-bottom: 60px;}
  .us_box .us_info {width: 100%;padding: 1px 0;position: relative;}
  .us_box .us_info h2 {font-size: 36px;color: #2b363f;position: relative;margin: 10px 0 40px;}
  .us_box .us_info h2::after {position: absolute;width: 68px;height: 2px;background: #F6434F;left: 0;bottom: -10px;}
  .us_box .us_info p {text-indent: 2em;color: #859099;text-align: justify;font-size: 18px;line-height: 1.8;}
  .usculture {background: #fafbfb;padding: 40px 0 80px;}
  .usculture h1 {text-align: center;font-size: 30px;color: #859099;}
  .usculture dl {width: 50%;float: left;}
  .usculture dl dt {font-size: 30px;font-family: SourceHanSansCN-Regular;font-weight: 400;color: #859099;margin-bottom: 20px;}
  .usculture dl dd {line-height: 1.8;font-size: 18px;color: #2c363f;}
  .us_server {margin-top: 4em;display: flex;justify-content: space-between;}
  .us_server .server_item {width: 33%;padding: 2%;margin: 0 15px 0 0;}
  .us_server .server_item h2 {font-size: 36px;color: #2b363f;position: relative;margin: 0 0 26px;}
  .us_server .server_item h2::after {position: absolute;width: 60px;height: 3px;background: #f6434f;left: 0;bottom: -12px;}
  .us_server .server_item p {color: #999999;text-align: justify;font-size: 18px;line-height: 1.7;}
  .us_server .server_item:nth-of-type(1) {background: url("../img/server1.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(2) {background: url("../img/server2.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(3) {background: url("../img/server3.jpg") no-repeat center #ffffff;margin: 0;}
  .photobox {padding: 60px 0 80px;}
  .mdn-accordion{margin: 0;}
  .photobox h1 {text-align: center;font-size: 24px;color: #859099;margin:0;}
  .entite{font-size: 18px;}
  .photobox img {width: 100%;}
}
@media screen and (max-width: 600px) {
  .us_box {width: 100%;margin: 1em 0;transition: all 0.2s;}
  .us_box .us_info {width: 100%;padding: 1px 20px;position: relative;}
  .us_box .us_info h2 {font-size: 20px;color: #2b363f;position: relative;margin: 10px 0 40px;}
  .us_box .us_info h2::after {position: absolute;width: 68px;height: 2px;background: #F6434F;left: 0;bottom: -10px;right: 0;margin: auto;}
  .us_box .us_info p {text-indent: 2em;color: #859099;text-align: justify;font-size: 18px;line-height: 1.8;}
  .usculture {background: #fafbfb;padding:1em;}
  .usculture h1 {text-align: center;font-size: 30px;color: #859099;}
  .usculture dl {width: 50%;float: left;}
  .usculture dl dt {font-size: 30px;font-family: SourceHanSansCN-Regular;font-weight: 400;color: #859099;margin-bottom: 20px;}
  .usculture dl dd {line-height: 1.8;font-size: 18px;color: #2c363f;}
  .us_server {margin-top: 1em;display: block;}
  .us_server .server_item {width: 96%;padding: 20px;margin: 20px auto 0;}
  .us_server .server_item h2 {font-size: 26px;color: #2b363f;position: relative;margin: 0 0 26px;}
  .us_server .server_item h2::after {position: absolute;width: 60px;height: 3px;background: #f6434f;left: 0;bottom: -12px;}
  .us_server .server_item p {color: #999999;text-align: justify;font-size: 18px;line-height: 1.7;}
  .us_server .server_item:nth-of-type(1) {background: url("../img/server1.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(2) {background: url("../img/server2.jpg") no-repeat center #ffffff;}
  .us_server .server_item:nth-of-type(3) {background: url("../img/server3.jpg") no-repeat center #ffffff;}
  .photobox {padding: 60px 0 80px;}
  .mdn-accordion{margin: 0;}
  .photobox h1 {text-align: center;font-size: 24px;color: #859099;margin:0;}
  .entite{font-size: 18px;}
  .photobox img {width: 100%;}
}
.news {margin-top: 4em;}
.news h2 {position: relative;text-align: center;font-size: 30px;padding-bottom: 10px;margin-bottom: 30px;}
.news h2::after {height: 2px;width: 1em;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;background: #f10a08;}
.news .newsshow {display: flex;flex: 1;justify-content: space-between;padding-bottom: 40px;}
.news .news-item {width: 30%;position: relative;}
.news .news-item:hover .info {top: 0;}
.news .news-item .imgbox {height: 240px;}
.news .news-item .info {height: 240px;width: 100%; position: absolute;top: 240px;transition: all 0.2s;padding: 54px 30px;
  background: rgba(240, 3, 3, 0.85);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(240, 3, 3, 0.85)), color-stop(1, rgba(225, 112, 81, 0.85)));
  background: -ms-linear-gradient(bottom, rgba(240, 3, 3, 0.85), rgba(225, 112, 81, 0.85));
  background: -moz-linear-gradient(rgba(240, 3, 3, 0.85), rgba(225, 112, 81, 0.85));
  background: -o-linear-gradient(rgba(225, 112, 81, 0.85), rgba(240, 3, 3, 0.85));
 }
.news .news-item .info p {color: #fff;text-align: justify;margin-bottom: 35px;}
.news .news-item .info button {color: #fff;border: 1px solid #fff;background: transparent;margin: auto;padding: 8px 35px;display: block;}
.news .news-item .info button:hover {background: rgba(255, 255, 255, 0.3);}
.news .news-item h3 {color: #2b363f;font-size: 16px;margin: 12px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: break-word;}
.elementor-widget-container {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.elementor-widget-container .elementor-heading-title {line-height: 1.33;font-weight: 400;font-size: 18px;text-align: center;margin: 50px 0;font-family: Montserrat, sans-serif;color: #42474c;}
h6.elementor-heading-title.elementor-size-default {position: relative;}
h6.elementor-heading-title.elementor-size-default::after {position: absolute;width: 2em;height: 2px;background: #42474c;left: 0;bottom: -16px;}
.cp1 h6.elementor-heading-title::after {background: #fff;}
.info-left {font-family: Oswald, sans-serif;font-size: 30px;font-weight: 400;color: #42474c;line-height: 1.6;}
.info-right {font-family: Lato, sans-serif;font-size: 18px;font-style: normal;font-weight: 300;line-height: 1.667;}
.text-danger {color: #da5c48;}
.index-info {margin-bottom: 220px;overflow: hidden;}
.index-cp {overflow: hidden;display: flex;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top: -155px;z-index: 1;position: relative;margin-bottom: -190px;}
.cp1, .cp2, .cp3 {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 45px 100px 80px 60px;}
.cp1 .elementor-heading-title,
.cp2 .elementor-heading-title,
.cp3 .elementor-heading-title {margin: 0;text-align: left;}
.cp1 h1.elementor-heading-title,
.cp2 h1.elementor-heading-title,
.cp3 h1.elementor-heading-title {font-size: 28px;font-weight: 600;margin-top: 130px;}
.entite{font-size:30px;font-family:SourceHanSansCN;margin: 0 0 30px;font-weight:400;color:rgba(133,144,153,1);line-height:36px;opacity:0.47;    text-transform: uppercase;}
.us_box .us_info p span{color: #F6434F;}
.index-data {overflow: hidden;text-align: center;padding: 65px 0 80px 0;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.index-data img {margin-bottom: 10px;}
.index-data span {display: block;font-size: 36px;color: #000;font-family: "Oswald", Sans-serif;font-weight: 400;line-height: 70px;}
.index-data p {color: #9fa6ac;font-family: "Montserrat", Sans-serif;font-weight: 600;letter-spacing: 2.5px;line-height: 24px;}
@media screen and (max-width: 960px) {
  .index-data{padding:30px 0 40px 0}
  .index-data span{font-size: 20pt;}
  .index-data svg{margin-top: 50pt;}
  .index-good{padding:0;}
  .ptbox{padding-bottom: 10px;}
}
.cp1 {background: url("../img/services-box-1.jpg") no-repeat center;background-size: cover;}
.cp1 .elementor-heading-title {color: #fff;}
.cp2 {background: url("../img/services-box-2.jpg") no-repeat center;background-size: cover;}
.cp3 {background: url("../img/services-box-3.jpg") no-repeat center;background-size: cover;}
.index-good {overflow: hidden;padding: 50px 0 80px 0;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.index-friend {background: url("../img/friend/hzhb_bg@2x.png") no-repeat center ; background-size: cover;padding: 30px 0 60px;}
.index-friend .elementor-heading-title {color: #9fa6ac;}
.index-friend .w1200 {display: flex;justify-content: start;flex-wrap: wrap;margin-top: 50px;}
.index-friend a {width: 16.66%;margin-bottom:40px;cursor: default;}
.index-friend a img {margin: auto;}
.casearea {border-bottom: 1px solid #c3ced6;margin-top: 55px;display: flex;padding-bottom: 60px;}
.casearea .t {width: 20%;border: 1px solid #c3ced6;height: 260px;text-align: center;}
.casearea .t img {margin: 60px 0 35px;}
.casearea .t svg{margin: 60px 0 35px;}
.casearea .t p {font-size: 36px;font-weight: 600;color: #2c363f;}
.casearea .info {width: 80%;padding-left: 20px;}
.casearea .info p {color: #606B7A;font-size: 16px;margin: 0 0 25px;line-height: 1.65;}
.casearea h3 {position: relative;font-size: 18px;font-weight: 600;margin-bottom: 20px;margin-top: 0;}
.casearea h3::after {position: absolute;width: 34px;height: 2px;background: #f6434f;left: 0;bottom: -8px;}
.casearea .company a{cursor: default;}
.casearea .company img {background: #FAFBFB;margin-right: 5px;}
.cpbanner {width: 100%;height:400px;}
.cpbanner .lz {background: url("../img/cp/lztop.jpg") no-repeat center;background-size: cover;height: 100%;}
.cpbanner .sj {background: url("../img/jjfa/sqjy.png") no-repeat center;background-size: cover;height: 100%;}
.cpbanner .qp {background: url("../img/jjfa/qypx.png") no-repeat center;background-size: cover;height: 100%;}
.cpbanner .w1200 {position: relative;height: 100%;overflow: hidden;}
.cpbanner .l {margin-top: 140px;}
.cpbanner .l a {color: #fff;background: url("../img/cp/btn.png") 80% center no-repeat #f6434f;display: block;width: 200px;text-align: center;height: 50px;border-radius: 6px;font-size: 18px;line-height: 50px;margin-top: 35px;}
.cpbanner .r {position: absolute;bottom: -25px;right: 0;}
.ztc-title{font-size:30px;position: relative;text-align: center;font-weight:400;color:rgba(44,54,63,1);    padding: 50px 0 0;margin-bottom: 30px;}
.ztc-title::after{height:2px;background:#F6434F;width:56px;position: absolute;margin: auto;left: 0;right: 0;bottom:-30px;}
.xx-item{width: 33.33%;margin-bottom: 30px;padding-left: 100px;position: relative;}
.xx-item svg{position: absolute;left: 11px;top: 34px;width: 70px;}
.xx-item::before{width: 90px;height: 90px;border-radius: 50%;display: block;border: 2px solid #E4EDF5;position: absolute;left: 0;margin: auto;}
.xx-item h2{font-size:18px;font-weight:400;color:rgba(44,54,63,1);}
.xx-item p{font-size:14px;font-weight:400;color:rgba(133,144,153,1);line-height:18px;}
.ys-item{width: 33.33%;margin-bottom: 30px;    text-align: center;position: relative;}
.ys-item svg{left: 0;right: 0;margin: auto;top:30px;}
.ys-item::before{width: 94px;height: 94px;border-radius: 50%;display: block;border: 2px solid #E4EDF5;position: absolute;left: 0;right: 0;top: -25px;margin: auto;}
.ys-item p{font-size: 18px;font-weight: 400;color: rgba(133,144,153,1);line-height: 1.8;width: 270px;margin: 40px auto 15px;}
.yd-item{width:290px;text-align: center;height:295px;background:rgba(255,255,255,1);}
.yd-item svg{margin: 30px 0 0;height: 65px;}
.yd-item h2{font-size:24px;position: relative;font-weight:400;color:rgba(44,54,63,1);margin-bottom: 40px;}
.yd-item h2::after{position: absolute;left: 0;right: 0;width:56px;bottom: -25px;height:2px;margin: auto;background:#F6434F;}
.yd-item p{font-size:17px;line-height:1.8;font-weight:400;color:#859099;}
.xz-item{text-align: center;width:390px;height:180px;background:rgba(255,255,255,1);float: left;margin: 5px;}
.xz-item svg{margin: 35px 0 0;}
.xz-item h2{font-size:18px;position: relative;font-weight:400;color:rgba(44,54,63,1);}
.xz-item p{font-size:14px;font-weight:400;color:#859099;}
.dg-item{position: relative;width:350px;height:200px;border:1px solid #e1e1e1;border-radius:10px;text-align: center;margin: 40px 0 0;padding: 40px 50px 0;}
.dg-item .svgbox{width:77px;height:77px;background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));border-radius:50%;position: absolute;text-align: center;line-height: 108px;left: 0;right: 0;margin: auto;top: -39px;}
.dg-item h2{font-size:18px;font-weight:400;color:rgba(44,54,63,1);}
.dg-item p{font-size:16px;font-weight:400;color:rgba(133,144,153,1);line-height:24px;}
.fw-item{margin-bottom: 30px;}
.fw-item h2{position: relative;font-size:18px;font-weight:400;color:rgba(246,67,79,1);    padding-left: 25px;}
.fw-item h2::before{width:8px;height:8px;background:rgba(250,55,73,1);border-radius:50%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.fw-item p{font-size:16px;font-weight:400;color:rgba(133,144,153,1);}
.hq-item{position: relative;text-align: center;width: 240px;}
.hq-item .bg{position: absolute;z-index: -1;left: 12px;top:0;margin: 0;}
.hq-item svg{margin-top: 40px;}
.hq-item h2{font-size:18px;font-weight:400;color:rgba(44,54,63,1);}
.hq-item p{font-size:16px;font-weight:400;color:rgba(133,144,153,1);line-height:24px;width: 72%;margin: auto;}
.st{font-size:30px;font-weight:400;color:rgba(44,54,63,1);position: relative;margin-bottom: 50px;}
.st::after{position: absolute;width:56px;height:2px;background: #F6434F;left: 0;bottom: -16px;}
.sj-left{position: relative;float: left;width: 60%;}
.sj-right{position: relative;float: left;width: 40%;padding-left: 60px;}
.sj-left::after{position: absolute;width:1px;height:320px;background:rgba(228,237,245,1);}
.sj-item{width: 50%;float: left;height: 170px;}
.sj-item h2{font-size:18px;font-weight:400;color:rgba(246,67,79,1);}
.sj-item p{font-size:16px;font-weight:400;color:rgba(133,144,153,1);line-height:24px;width: 75%;}
.zx-p{font-size:16px;font-weight:400;color:rgba(133,144,153,1);line-height:36px;position: absolute;width: 260px;right: 0;top: 60px;text-align: justify;}
.gary-bg {background: #FAFBFB;}
.gary-bg .db {padding-bottom: 0;}
.db {display: block!important;}
.lzbox {overflow: hidden;display: flex;padding: 50px 0;}
.lzbox h2 {position: relative;font-size: 30px;font-family: PingFangSC-Regular;font-weight: 400;}
.lzbox h2::after {width: 56px;height: 2px;background: #F6434F;position: absolute;left: 0;bottom: -15px;}
.lzbox h2.c {text-align: center;}
.lzbox h2.c::after {margin: auto;right: 0;}
.lzbox p {font-size: 16px;color: #859099;line-height: 2;margin-top: 50px;letter-spacing: 2px;text-align: justify;}
.lzbox .left-word {margin: 50px 40px 50px 0;}
.lzbox .right-word {margin: 50px 0 50px 40px;}
.lzbox img {display: block;}
.lzbox .text-center img {margin: 50px auto 0;}
.ztcbox .w1200 {padding: 50px 0 80px;}
.popbg {background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.popbg .popmain {margin: auto;top: 0;left: 0;right: 0;bottom: 0;position: fixed;width: 1000px;height: 420px;background: #fff;}
.popbg .head {position: relative;height: 60px;line-height: 60px;color: #859099;text-align: center;border-bottom: 1px solid #c3ced6;font-size: 20px;}
.popbg .close {position: absolute;font-size: 30px;right: 35px;top: 15px;}
.popbg .popbody {padding: 30px 50px;}
.popbg p {color: #f10a08;padding-left: 2%;}
.popbg form input {border: 1px solid #c3ced6;background: #fff;line-height: 50px;padding: 0 1em;height: 50px;margin: 10px 2%;display: block;float: left;width: 44%;}
.popbg form a {display: block;color: #fff;background: #fe7273;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fe7273), color-stop(1, #f6434f));background: -ms-linear-gradient(bottom, #fe7273, #f6434f);background: -moz-linear-gradient(#fe7273, #f6434f);background: -o-linear-gradient(#f6434f, #fe7273);border-radius: 4px;width: 200px;height: 50px;line-height: 50px;text-align: center;margin: 50px auto 0;}
.popbg form a:hover {background: #f6434f;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f6434f), color-stop(1, #fe7273));background: -ms-linear-gradient(bottom, #f6434f, #fe7273);background: -moz-linear-gradient(#f6434f, #fe7273);background: -o-linear-gradient(#fe7273, #f6434f);}
/*banner*/
.banner_container{overflow:hidden;height:650px;position:relative;}
.banner{position:absolute;left:50%;top:0;margin-left:-960px;}
/*banner_btn*/
.banner_btn{position:absolute;left:50%;margin-left:-23px;bottom:100px;}
.banner_btn li{float:left;width:20px;height:8px;background-color:#a6a39e;margin:0 4px;border-radius: 6px;}
.banner_btn .currentLi{background-color:white;}
/*banner_jquery*/
.banner img{float:left;}
.banner_btn li{cursor:pointer;}
/*切换列表*/
.tab_nav{position: relative;height: 460px;}
.tab_nav ul{justify-content: space-between;display: flex;width: 720px;margin: auto;}
.tab_nav .tab_btn{float: left;cursor: pointer;width:240px;line-height:50px;background: #E6E6E6;text-align: center;}
.tab_nav .t{display: block;position: relative;}
.tab_nav .curr .t{background:linear-gradient(-73deg,rgba(246,67,79,1),rgba(254,114,115,1));color: #fff;}
.tab{ display:none; position:absolute;left: 0;  top: 60px;width: 100%;cursor: default;padding: 50px 0;}
.tab_nav .tab_btn:nth-child(1) .tab img{height: 246px;}
.tab_nav .tab_btn:nth-child(2) .tab img{height: 188px;}
.tab_nav .tab_btn:nth-child(3) .tab img{height: 249px;}
.tab p{font-size: 20px;line-height: 70px;}
.hide{ display:none;}
.tab_nav .curr .tab{display:block; }
h1.chtitle{font-size:30px;font-family:PingFang SC;font-weight:400;color:rgba(44,54,63,1);line-height:36px;text-align: center;}
h2.entitle{text-align: center;font-size:25px;font-family:Source Han Sans CN;font-weight:400;color:rgba(133,144,153,1);margin:-15px 0 30px;line-height:36px;opacity:0.47;text-transform:uppercase}
.contact-form .form-group{position: relative;padding-left: 110px; margin-bottom: 30px;}
.contact-form .form-group label{position: absolute;left:0;font-size:18px;font-weight:400;color:rgba(43,48,65,1);line-height:45px;}
.contact-form .form-group .form-control{background:rgba(244,247,249,1);border:1px solid rgba(230,230,230,1);border-radius:2px;width: 95%;}
.contact-form .form-group input{height: 45px;}
.contact-form .form-group select{height: 45px;}
.contact-form .form-group textarea{resize: vertical;height: 100px;}
.contact-form .form-group .btn-primary{width:150px;height:48px;background:linear-gradient(90deg,rgba(254,114,115,1),rgba(246,67,79,1));border: none;outline: none;margin-right: 5%;}
.contact-form .form-group .btn-primary:hover,.contact-form .form-group .btn-primary:after{background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));}
.contact-mation{display: flex;}
.contact-mation .item{text-align: center;width: 33.3%;position: relative;padding: 65px 0 30px;}
.contact-mation .item svg{}
.contact-mation .item h3{font-size:16px;margin: 10px 0 0;font-family:SourceHanSansCN;font-weight:bold;color:rgba(51,51,51,1);line-height:36px;}
.contact-mation .item p{font-size:16px;width: 80%;margin: auto;font-weight:500;color:rgba(86,93,109,1);line-height:24px;word-break: break-all;}
.contact-mation .item:nth-child(2):before{left: 0;}
.contact-mation .item:nth-child(2):after{right: 0;}
.contact-mation .item:nth-child(2):before,.contact-mation .item:nth-child(2):after{width:1px;position: absolute;top:0;bottom:0;margin: auto;height:160px;background:rgba(204,204,204,1);opacity:0.5;}
.index-title{border-bottom: 1px solid #E6E6E6;padding-bottom: 18px;margin-bottom: 30px;position: relative;}
.index-title::after{position:absolute;width:130px;height:2px;background:rgba(246,67,79,1);bottom: -1px;left: 0;}
.index-title span{padding-left: 35px;font-size:24px;font-weight:400;color:rgba(246,67,79,1);}
.ptcp-title{background: url("/img/index/icon_pt.png") no-repeat left 8px;}
.nrcp-title{background: url("/img/index/icon_nr.png") no-repeat left 8px;}
.fwcp-title{background: url("/img/index/icon_fw.png") no-repeat left 8px;}
.index-good .w1200{display: flex;flex-wrap: wrap;}
.adv-item{width:580px;height:160px;background:rgba(255,255,255,1);box-shadow:0 8px 21px 0 rgba(0, 0, 0, 0.08);overflow: hidden;margin: 0 20px 20px 0;position: relative;padding-left: 165px; transition: box-shadow 0.2s;}
.adv-item:hover{box-shadow:0 8px 21px 0 rgba(0, 0, 0, 0.15);}
.adv-item:nth-of-type(1){background: url("/img/index/good01bg.png") no-repeat left top #fff;}
.adv-item:nth-of-type(2){background: url("/img/index/good03bg.png") no-repeat left top #fff;}
.adv-item:nth-of-type(3){background: url("/img/index/good02bg.png") no-repeat left top #fff;}
.adv-item:nth-of-type(4){background: url("/img/index/good04bg.png") no-repeat left top #fff;}
.adv-item:nth-of-type(2n){margin-right: 0;}
.adv-item span{font-size:20px;font-weight:600;color:rgba(44,54,63,1);margin: 25px 0 10px;display: block;}
.adv-item p{font-size:16px;font-weight:400;color:rgba(133,144,153,1);line-height:24px;text-align: justify;width: 95%;}
.adv-item .bg{position: absolute;}
.adv-item i{position: absolute;top:50px;left: 50px;}
.ptbox{display: flex;justify-content: space-between;padding-bottom: 90px;}
.fwbox{width:380px;height:200px;background:rgba(255,255,255,1);border:1px solid rgba(230,230,230,1);box-shadow:0 0 9px 1px rgba(0, 0, 0, 0.05);position: relative;padding-left: 150px; transition: box-shadow 0.2s;}
.fwbox:hover{box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.1);}
.fwbox img{position: absolute;top: 40px;left: 20px;}
.fwbox h3{font-size:24px;font-weight:500;color:rgba(44,54,63,1);line-height:28px;}
.fwbox ul{display: flex;flex-wrap: wrap;margin-top: 26px;}
.fwbox ul li{font-size:13px;font-weight:400;color:rgba(133,144,153,1);line-height:24px;display: inline-block;width: 50%;white-space: nowrap;}
.gary-index{background:#FAFBFB;padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;}
.flex-pic-box{display: flex;flex-wrap: wrap;}
.flex-pic-box div{height: 150px;position: relative;transition: background-size 0.2s;background-size: 100%!important;margin-right: 10px;margin-bottom: 10px;}
.flex-pic-box div:after{position: absolute;background:rgba(5,5,5,0.2);width: 100%;height: 100%;left: 0;top:0;}
.flex-pic-box div:hover{background-size: 120%!important;}
.flex-pic-box div p{font-size:20px;font-weight:500;color:rgba(255,255,255,1);position: absolute;right: 10px;bottom: 0;z-index: 1;}
.flex-pic-box .cs1{background: url("/img/index/nr_01@2x.png") no-repeat center;width: 320px;}
.flex-pic-box .cs2{background: url("/img/index/nr_02@2x.png") no-repeat center;width: 260px;}
.flex-pic-box .cs3{background: url("/img/index/nr_03@2x.png") no-repeat center;width: 320px;}
.flex-pic-box .cs4{background: url("/img/index/nr_04@2x.png") no-repeat center;width: 260px;margin-right: 0;}
.flex-pic-box .cs5{background: url("/img/index/nr_05@2x.png") no-repeat center;width: 260px;}
.flex-pic-box .cs6{background: url("/img/index/nr_06@2x.png") no-repeat center;width: 320px;}
.flex-pic-box .cs7{background: url("/img/index/nr_07@2x.png") no-repeat center;width: 260px;}
.flex-pic-box .cs8{background: url("/img/index/nr_08@2x.png") no-repeat center;width: 320px;margin-right: 0;}
.cptype{position: relative;top: -70px;overflow: hidden;}
.cptype .col-sm-4{height: 265px;    padding-left: 30px;}
.cptype .col-sm-4 h3{font-weight:500;color:rgba(51,51,51,1);font-size:30px;margin: 110px 0 0 0;transition: margin 0.2s;}
.cptype .col-sm-4 p{font-weight:500;color:rgba(255,255,255,1);font-size: 0;}
.cptype .col-sm-4 i{font-size:16px;font-weight:500;color:rgba(133,144,153,1);display: block;margin-top: 40px;position: relative;font-style: normal;padding-bottom: 10px;}
.cptype .col-sm-4 i::after{position: absolute;content: "";width: 20px;bottom: 0;left: 0;background: #859099;border: 1px solid #859099;}
.cptype .col-sm-4 a{width:120px;height:40px;border:1px solid rgba(255,255,255,1);border-radius:20px;color: #fff;background: transparent;display: none;text-align: center;line-height: 40px;}
.cptype .col-sm-4.hover *{color: #fff;}
.cptype .col-sm-4.hover i{font-size: 0;}
.cptype .col-sm-4.hover i::after{background: #fff;border: 1px solid #fff;}
.cptype .col-sm-4.hover h3{margin: 30px 0 0 0;}
.cptype .col-sm-4.hover p{font-size: 17px;margin: 20px 0 40px;}
.cptype .col-sm-4.hover a{display: block;}
.cptype .col-sm-4:nth-child(1){background: url("/img/index/top_sqjy@2x.png") no-repeat center #fff;}
.cptype .col-sm-4:nth-child(2){background: url("/img/index/top_qypx@2x.png") no-repeat center;}
.cptype .col-sm-4:nth-child(3){background: url("/img/index/top_zxt@2x.png") no-repeat center;}
.cptype .col-sm-4:nth-child(1).hover{background: url("/img/index/top_sqjy_d@2x.png") no-repeat center;}
.cptype .col-sm-4:nth-child(2).hover{background: url("/img/index/top_qypx_d@2x.png") no-repeat center #fff;}
.cptype .col-sm-4:nth-child(3).hover{background: url("/img/index/top_zxt_d@2x.png") no-repeat center #fff;}
/*手风琴*/
.mdn-accordion, .mdn-accordion * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0}
.mdn-accordion {margin: 4em auto;font-family: Merriweather, Arial, Helvetica, sans-serif;font-weight: 400;background: #fff}
.mdn-accordion, .mdn-accordion ul, .mdn-accordion ul li {list-style: none}
.mdn-accordion ul {display: none}
.mdn-accordion .accordion-toggle {position: absolute;opacity: 0}
.mdn-accordion .accordion-title, .mdn-accordion a {font-weight:400;color:rgba(255,255,255,1);display: block;background: #fff;position: relative;-webkit-box-shadow: inset 0 -1px #EDF1F2;-moz-box-shadow: inset 0 -1px #EDF1F2;box-shadow: inset 0 -1px #EDF1F2;text-decoration: none;font-size: 20px;padding: 18px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mdn-accordion .accordion-title span{display: inline-block;width: 30%;}
.mdn-accordion .accordion-title {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.mdn-accordion .accordion-title:hover, .mdn-accordion .accordion-toggle:checked + .accordion-title, .mdn-accordion a:hover {background: #F7F9F9}
.mdn-accordion ul .accordion-toggle:checked + .accordion-title {background: #FDFDFD}
.mdn-accordion ul ul .accordion-toggle:checked + .accordion-title {background: #FFF}
.mdn-accordion .accordion-toggle:checked + .accordion-title + ul, .mdn-accordion .accordion-toggle:checked + .accordion-title:nth-of-type(n) + ul {display: block}
.mdn-accordion .accordion-title i, .mdn-accordion li a i {font-size: 1.1em;margin-right: 5px}
.mdn-accordion ul .accordion-title, .mdn-accordion ul a {-webkit-box-shadow: inset 0 -1px #EDF1F2;-moz-box-shadow: inset 0 -1px #EDF1F2;box-shadow: inset 0 -1px #EDF1F2;padding-left: 52px;}
.mdn-accordion ul ul .accordion-title, .mdn-accordion ul ul a {padding-left: 80px}
.mdn-accordion ul ul ul .accordion-title, .mdn-accordion ul ul ul a {padding-left: 110px}
.mdn-accordion ul .accordion-title:hover, .mdn-accordion ul a:hover {background: #FDFDFD}
.mdn-accordion .accordion-title::before {font-size: 1.4em;content: "";position: absolute;display: inline-block;
  -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
  -webkit-transition: -webkit-transform .4s;-moz-transition: -moz-transform .4s;transition: transform .4s;right: 22px;top: 49%;width: 0;height: 0;
  border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #FF0000;}
.accordion-title:hover::before{border-top: 6px solid #fff;}
.mdn-accordion .accordion-toggle:checked + .accordion-title::before {top: 45%;right: 22px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);border-top: 6px solid #fff;}
.mdn-accordion .mdn-container h1 {font-family: Merriweather, Arial, Helvetica, sans-serif;margin-bottom: 10px;font-weight: 300;font-size: 32px;color: #09F}
.mdn-accordion .mdn-container {padding: 30px;border-bottom: 1px solid #EDF1F2;color: #788B94;background: #F5F7F8;}
.mdn-accordion .mdn-container p {line-height: 28px;margin-top: 22px;font-size: 14px;font-weight: 300}
.mdn-accordion .mdn-tagline {display: block;font-family: "Times New Roman", Times, serif;font-weight: 700}
.mdn-accordion .mdn-container ul {display: block;padding: 10px 0;list-style-type: disc;margin-left: 1.2em}
.mdn-accordion .mdn-container ul li {padding: 4px 0;display: list-item;list-style-type: disc;font-size: 14px;font-weight: 300}
.mdn-accordion .mdn-container h3 {color: #09F;font-size: 24px;font-weight: 300}
.single-level-accordion .mdn-container p {margin: 0 0 22px}
.mdn-accordion .mdn-container a {padding: 0;margin: 0;display: inline;font-size: inherit;font-weight: 400;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: 0 0;color: #09F}
.mdn-accordion .mdn-container a:hover {background: 0 0;text-decoration: underline}
.split-panels {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: 0 0}
.split-panels .sub-level {margin: 8px 0;background: #fff;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);box-shadow: 0 1px 5px rgba(0, 0, 0, .2);-webkit-transition: box-shadow .2s;-moz-transition: box-shadow .2s;transition: box-shadow .2s}
.split-panels .sub-level:hover {-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .3);-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .3);box-shadow: 0 1px 10px rgba(0, 0, 0, .3)}
.split-panels .sub-level .mdn-container {border-bottom: 0}
.split-panels .accordion-title, .split-panels a {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}
.split-panels .accordion-toggle:checked + .accordion-title {-webkit-box-shadow: inset 0 -1px #EDF1F2;-moz-box-shadow: inset 0 -1px #EDF1F2;box-shadow: inset 0 -1px #EDF1F2;}
.accordion-dark {background: #0C1318;}
.split-panels.accordion-dark {background: 0 0}
.accordion-dark .accordion-title, .accordion-dark a {color: #869FA5;background: #1C2B36;-webkit-box-shadow: inset 0 -1px #223442;-moz-box-shadow: inset 0 -1px #223442;box-shadow: inset 0 -1px #223442}
.accordion-dark ul .accordion-title, .accordion-dark ul a {-webkit-box-shadow: inset 0 -1px #223442;-moz-box-shadow: inset 0 -1px #223442;box-shadow: inset 0 -1px #223442;font-weight: 300}
.accordion-dark .accordion-title:hover, .accordion-dark a:hover, .accordion-dark ul .accordion-title:hover, .accordion-dark ul a:hover {background: #182530}
.accordion-dark .accordion-toggle:checked + .accordion-title {background: #141F27}
.accordion-dark ul .accordion-toggle:checked + .accordion-title {background: #182530}
.accordion-dark ul ul .accordion-toggle:checked + .accordion-title {background: #131E26}
.accordion-dark .mdn-container {border-bottom: 1px solid #223442;color: #869FA5}
.accordion-dark.split-panels .sub-level {background: #0C1318}
.accordion-dark.split-panels .accordion-toggle:checked + .accordion-title {-webkit-box-shadow: inset 0 -1px #223442;-moz-box-shadow: inset 0 -1px #223442;box-shadow: inset 0 -1px #223442}
.mdn-accordion .mdn-accordion-ripple {position: absolute;border-radius: 50%;pointer-events: none;background-color: rgba(255, 255, 255, .5);-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: .6;padding: 0;margin: 0}
.main-accordion-theme .accordion-title, .main-accordion-theme a {color: #000;background: #fff;transition: background 0.2s;}
.main-accordion-theme ul .accordion-title, .main-accordion-theme ul a {-webkit-box-shadow: inset 0 -1px #ea7175;-moz-box-shadow: inset 0 -1px #ea7175;box-shadow: inset 0 -1px #ea7175;font-weight: 300}
.main-accordion-theme .accordion-title:hover, .main-accordion-theme a:hover, .main-accordion-theme ul .accordion-title:hover, .main-accordion-theme ul a:hover {background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));color: #fff;}
.main-accordion-theme .accordion-toggle:checked + .accordion-title {background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));color: #fff;}
.main-accordion-theme ul .accordion-toggle:checked + .accordion-title {background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));}
.main-accordion-theme ul ul .accordion-toggle:checked + .accordion-title {background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));}
.main-accordion-theme .mdn-container a, .main-accordion-theme .mdn-container h1, .main-accordion-theme .mdn-container h3 {background:linear-gradient(180deg,rgba(254,114,115,1),rgba(246,67,79,1));}
li.sub-level{margin-bottom: 20px;    border: 1px solid rgba(230,230,230,1);}
.sassbox{background: url("/img/bgz.jpg") no-repeat center;background-size: cover;height: 500px;color: #fff;overflow: hidden;}
.sassbox .fl{ width: 50%;}
.sassbox .fl h3{position: relative;font-size:30px;margin-top: 80px;}
.sassbox .fl h3::after{position: absolute;width:56px;height:2px;background: rgba(246,67,79,1);left: 0;bottom: -20px;}
.sassbox .fl p{font-size:18px;font-weight:400;color:rgba(255,255,255,1);line-height:36px;margin-top: 60px;}
.sassbox .fr{ width: 50%;display: flex;flex-wrap: wrap;justify-content: center;}
.bmbox{color: #fff;border: 1px solid #fff;text-align: center; width: 180px;margin: 10px;}
.bmbox p{font-size: 18px}
.bmbox p:nth-of-type(2){font-size: 16px}
.bmbox p span{font-size:70px;vertical-align: super;margin-right: 6px;}
.yy-item{padding-left: 90px;width: 33.3%;position: relative;}
.yy-item svg{position: absolute;left: 0;top:25px;}
.yy-item h3{font-size:24px;font-weight:500;color:rgba(78,85,91,1);line-height:29px;}
.yy-item p{font-size: 16px;font-weight: 400;color: rgba(133,144,153,1);line-height: 27px;width: 80%;text-align: justify;}
.c3svg{position: relative;}
.c3svg img{position:absolute;right: 22px;bottom: 256px;}
.zzbox{display: flex;justify-content: space-around;}
.zzbox img{width: 240px;}
@media screen and (max-width: 1200px){
  .page{overflow: hidden;}
  .zzbox{display:block;}
  .zzbox img{width:75%;margin-bottom: 20px;}
  .banner_container{zoom: 0.4;}
  h1.chtitle{font-size: 22px;}
  h2.entitle{font-size: 18px;}
  .index-title{width: 90%;margin: 0 auto 20px;}
  .index-title span{font-size: 20px;top: 4px;position: relative;}
  .cptype .col-sm-4 i{padding-top: 40px;margin-top: 0;}
  .cptype{top:-30px;}
  .cptype .col-sm-4 h3{margin: 80px 0 0 0;}
  .cptype .col-sm-4.hover h3{font-size: 22px;}
  .cptype .col-sm-4.hover p{    margin: 20px 0 20px;}
  .index-friend .w1200{display: block;text-align: center;width: 90%;padding:0;margin-top: 0;}
  .index-friend a img{margin: 0 auto 20px;}
  .cpbanner .l{margin-top: 80px;padding-left: 30pt;}
  .cpbanner .l img{width: 85%;}
  .cpbanner .r{width:195px;left: 0;margin: auto;bottom: -25px!important;}
  .cpbanner .l h1,.cpbanner .l h2{font-size: 16pt;}
  .cpbanner .l a{width: 170px;height: 44px;font-size: 12pt;line-height: 44px;margin-top: 20px;}
  .lzbox{display: block;padding: 0 20px;position: relative;}
  .lzbox .left-word,.lzbox .right-word{margin: 50px 0!important;}
  .lzbox .r svg{margin-top: 0;width: 100%;zoom: 0.5;}
  .lzbox .l svg{margin-top: 230px;width: 100%;zoom: 0.5;}
  .lzbox .right-word h2{position: absolute;top: 35px;}
  .lzbox img{width: 100%;margin: 100px auto 0;}
  .lzbox .r img{margin: 0 auto 50px;}
  .ztcbox .w1200{flex-wrap: wrap;    justify-content: center!important;padding: 50px 0;}
  .ztcbox .w1200 svg{margin: 12px;}
  .yd-item{height: auto;margin: 0 0 30px;padding: 15px 0;}
  .xx-item{width: 85%;}
  .ztcbox .w1200 .xx-item svg{margin: 0;}
  .xz-item{width: 80%; float: none;margin: 0 auto 30px;height: auto;padding: 20px;}
  .dg-item{margin-bottom: 40px;}
  .sj-left{float: none;width: 100%;padding: 0 20px;}
  .sj-item{margin-bottom: 30px;}
  .sj-item svg{margin: 0;}
  .sj-right{float: none;width: 100%;padding-left: 20px;}
  .hq-item{margin-bottom: 60px;}
  .hq-item svg{    margin-top: 40px!important;}
  .hq-item .bg{margin: 0!important;}
  .hq-item h2{margin-top: 0;}
  .zx-p{position: relative;width: 80%;margin: 0 auto 50px;padding: 0 0 40px;}
  .casebanner h1{width: 80%!important;font-size: 18pt!important;}
  .num-title{width: 98%!important;left: 20px!important;    zoom: 0.7;}
  .num-title h2 span{display: block;  margin: 30px 0 0;}
  #c1 .pt{margin:0;width: 100%}
  #c1 .pt p{margin-bottom: 50px;}
  #c1 .c1-right{text-align: center;float: none;}
  #c1 .c1-right img{width: 70%;}
  #c2 .c2box{display: block;padding: 150px 0 40px;position: relative;}
  #c2 .c2-item{width: 148px;border-radius: 50%;}
  #c2 .c2-item:nth-child(2){position: absolute;left: 180px;}
  #c2 .c2-item:nth-child(4){position: absolute;left: 180px;top: 359px;}
  #c2 .c2-item:nth-child(5){position: absolute;left: 90px;top: 256px;}
  #c2 .c2-item span{font-size: 15px;}
  #c2 p{font-size: 16px;margin: 0 20px;text-align: justify;}
  #c3 .c3box{display: block;padding-top: 150px;}
  .c3svg{overflow: auto;width: 100%;padding: 20px;}
  .c3svg img{left: 1152px;bottom: 288px;zoom: 0.7;}
  .c3box{display: block;padding-top: 120px;}
  #c3 .bsvg{margin-top: 190px;zoom: 0.7;}
  .c3-item{width: 90%;margin: 0 auto 15px;height: 200px;}
  #c4 .c4box{display: block;padding-top: 150px;}
  #c4 .c4-item{margin: 0 auto 20px;}
  .casearea{display: block;margin-top: 0;}
  .casearea .t{border: none;width: 100%;height: auto;}
  .casearea .t svg{margin: 40px 0 10px;}
  .casearea .info{width: 100%;text-align: justify;padding: 0 20px;}
  .casearea .info .company{display: flex;flex-wrap: wrap;}
  .casearea .company img{width: 160px;margin: 0 5px 5px 0;}
  .casearea .t p{font-size: 18px;}
  .us_bg{height: 200px;}
  .tab_nav{height:800px;}
  .tab_nav .tab_btn:nth-child(2) .tab img{height: 150px;}
  .tab_nav .tab_btn:nth-child(1) .tab img{height: 155px;}
  .tab_nav ul{width:100%;justify-content: center;}
  .tab_nav .tab_btn{width: auto;line-height: 1.6;}
  .tab_nav .t{font-size: 18px;padding: 6px;}
  .tab_nav ul::before{display: none;}
  .contact-form{padding: 0 20px;}
  #allmap{width: 100%;}
  .popbg .popmain{width: 90%;height: 500px;}
  .popbg form input{width: 100%;}
  .popbg .popbody{padding:20px 30px 30px;}
  .popbg form a{margin: 15px auto 0;}
  .yd-item{width: 85%;}
  .yd-item svg{height: 84px;}
  .ys-item{width: 100%;}
  .sassbox{height: 435px;}
  .sassbox .fl{float: none;width: 86%;margin: auto;}
  .sassbox .fl h3{margin-top: 0;    padding-top: 20px;}
  .sassbox .fl p{margin-top: 30px;}
  .sassbox .fr{width: 100%;float: none;}
  .bmbox{width:27%;}
  .bmbox p:nth-of-type(2){display: none;}
  .bmbox p span{font-size: 18px;vertical-align: baseline;margin: 0;}
  .bmbox p{padding: 10px 0 0;}
  .yy-item{width: 100%;padding-left: 115px;}
  .ztcbox .w1200{padding: 0;}
  .flex-pic-box div{width: 80%!important;margin: 0 auto 20px!important;}
  .ptbox{display: block;}
  .fwbox{width: 90%;margin: 0 auto 20px;}
  .adv-item{width: 96%;margin: 0 auto 20px!important;padding-left: 125px;height: auto;}
  .gary-bg{overflow: hidden;}
  .mdn-accordion .accordion-title, .mdn-accordion a{font-size: 16px;}
  .mdn-accordion .accordion-title span{width: auto;}
  .contact-mation{display: block;}
  .contact-mation .item{width: 100%;}
  .bigsvg{zoom: 0.4;margin:auto!important;}
  .cpgnsvg{position: relative;padding: 20px 0 40px!important;}
  .cpgnsvg div{display: none;}
}

/*蜗牛Job*/
.wnInfo{padding-left: 95px;    padding-top: 80px;}
.wnInfo div{color: #fff;}
.wnInfo .longt{width: 608px;
  line-height: 36px;margin-top: 40px;
  font-size: 24px;}
.wnInfo button{border: none;    padding: 14px 40px;border-radius: 3px;
  font-size: 24px;height: 70px;    margin-right: 25px;}
.wnInfo button img{margin-right: 35px}
.wnInfo .an{
  background: #1CBD86;}
.wnInfo .ap{
  background: #232323;}

.wbox1{padding-top: 60px}
.wbox1 h3{
  font-size: 24px;
  color: #29343C;}
.wbox1 p{width: 300px;
  font-size: 22px;margin-top: 22px;
  color: #999999;}
.wbox2{
  background: #FAFAFA;}
.wbox2 .itemBox{display: flex;flex-wrap: nowrap;width:1450px;     padding-bottom: 70px;}
.wbox2 .item{width: 450px;height: 230px;padding: 40px 30px;margin-right: 30px;
  border-radius: 5px;position: relative;
  background: #FFFFFF;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);}

.wbox2 .ztc-title::after{display: none;}

.wbox2 .item img{position: absolute;}
.wbox2 .item .name{    padding-left: 80px;
  font-size: 20px;margin-bottom: 10px;
  color: #757575;}
.wbox2 .item .school{
  color: #999999;
  font-size: 16px;  padding-left: 80px;}
.wbox2 .item p{
  font-size: 18px;margin-top: 30px;
  line-height: 30px;
  color: #4C4C4C;}