/* 

    Editor: zhao

    Time: 2019.04.23



    Less compilation

    > npm install -g less

    > lessc style.less style.css

*/

.resetStyle {

  font-family: "微软雅黑";

  color: #333;

}

.resetStyle a {

  text-decoration: none;

  color: #333;

}

.resetStyle ul,

.resetStyle li {

  list-style: none;

  margin: 0;

  padding: 0;

}

.resetStyle p {

  margin: 0;

}

@-webkit-keyframes fadeInUpSm {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 10%, 0);

    transform: translate3d(0, 10%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInUpSm {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 10%, 0);

    transform: translate3d(0, 10%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInUpSm {

  -webkit-animation-name: fadeInUpSm;

  animation-name: fadeInUpSm;

}

@-webkit-keyframes fadeInDownSm {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -10%, 0);

    transform: translate3d(0, -10%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fadeInDownSm {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -10%, 0);

    transform: translate3d(0, -10%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.fadeInDownSm {

  -webkit-animation-name: fadeInDownSm;

  animation-name: fadeInDownSm;

}

@-webkit-keyframes fadeOutUpSm {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -10%, 0);

    transform: translate3d(0, -10%, 0);

  }

}

@keyframes fadeOutUpSm {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -10%, 0);

    transform: translate3d(0, -10%, 0);

  }

}

.fadeOutUpSm {

  -webkit-animation-name: fadeOutUpSm;

  animation-name: fadeOutUpSm;

}

.animation {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.currency-tab {

  display: flex;

  justify-content: center;

}

.currency-tab li {

  position: relative;

  margin: 0 100px 0 0;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .currency-tab li {

    margin: 0 90px 0 0;

  }

}

@media (max-width: 991px) {

  .currency-tab li {

    margin: 0 60px 0 0;

  }

}

.currency-tab li:after {

  content: "";

  position: absolute;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #333;

  right: -50px;

  top: 0;

  bottom: 0;

  margin: auto;

}

@media (max-width: 991px) {

  .currency-tab li:after {

    right: -35px;

  }

}

.currency-tab li:last-child {

  margin: 0;

}

.currency-tab li:last-child:after {

  display: none;

}

.currency-tab li a {

  font-size: 18px;

  color: #333;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .currency-tab li a {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .currency-tab li a {

    font-size: 14px;

  }

}

.currency-tab li a:hover {

  color: #0072b6;

}

.currency-tab li.active a {

  color: #0072b6;

}

.currency-navmenu-list ul.navlist-first > li {

  padding: 0 40px 0 0;

  margin: 0 0 10px;

}

.currency-navmenu-list ul.navlist-first > li:last-child {

  margin: 0;

}

.currency-navmenu-list ul.navlist-first > li > .item {

  cursor: pointer;

  display: flex;

  align-items: center;

  border-bottom: 1px solid #ddd;

  padding: 0 22px 0 0;

}

.currency-navmenu-list ul.navlist-first > li > .item > a {

  flex: 1;

  display: block;

  font-size: 18px;

  color: #333;

  padding: 16px 0;

}

.currency-navmenu-list ul.navlist-first > li > .item > span {

  font-size: 25px;

  text-align: right;

  color: #999;

  transition: 0.3s;

}

.currency-navmenu-list ul.navlist-first > li.on > .item > span {

  transform: rotate(90deg);

}

.currency-navmenu-list ul.navlist-second {

  display: none;

  padding: 0 40px 0 0;

}

.currency-navmenu-list ul.navlist-second > li {

  transition: 0.3s;

  border-bottom: 1px dashed #ddd;

}

.currency-navmenu-list ul.navlist-second > li.on {

  padding: 20px 0;

}

.currency-navmenu-list ul.navlist-second > li > a {

  display: block;

  font-size: 16px;

  color: #333;

  padding: 10px 0 10px 30px;

}

.currency-navmenu-list ul.navlist-second > li > a:after {

  content: "+";

  font-size: 16px;

  color: #333;

  margin: 0 0 0 5px;

}

.currency-navmenu-list ul.navlist-second > li.on > a:after {

  content: "-";

  margin: 0 0 0 6px;

}

.currency-navmenu-list ol.navlist-third {

  padding: 0;

  display: none;

}

.currency-navmenu-list ol.navlist-third > li > a {

  display: block;

  padding: 8px 0 8px 48px;

  font-size: 14px;

  color: #666;

}

.currency-navmenu-list ol.navlist-third > li.on > a,

.currency-navmenu-list ol.navlist-third > li:hover > a {

  color: #0072b6;

}

.currency-breadnav {

  display: flex;

}

.currency-breadnav li {

  margin: 0 5px 0 0;

  position: relative;

}

.currency-breadnav li:after {

  content: ">";

  margin: 0 0 0 5px;

  font-size: 16px;

  color: #999;

  font-family: "微软雅黑";

}

.currency-breadnav li:last-child {

  margin: 0;

}

.currency-breadnav li:last-child:after {

  display: none;

}

.currency-breadnav li a {

  font-size: 16px;

  color: #999;

  transition: 0.3s;

}

.currency-breadnav li a:hover {

  color: #21d838;

}

.container {

  width: 1600px;

  padding: 0;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .container {

    width: 80%;

  }

}

@media (max-width: 1440px) {

  .container {

    width: 90%;

  }

}

.navmenu-mask {

  position: fixed;

  top: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.98);

  overflow-y: scroll;

  z-index: 1000;

  display: none;

}

.navmenu-mask .inner-header {

  width: 100%;

  margin: 0 0 100px;

  border-bottom: 1px solid #2f2f2f;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .navmenu-mask .inner-header {

    margin: 0 0 80px;

  }

}

@media (max-width: 767px) {

  .navmenu-mask .inner-header {

    height: 60px;

    margin: 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

  }

}

.navmenu-mask .inner-header .flexbox {

  width: 100%;

  height: 100px;

  display: flex;

  align-content: center;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .navmenu-mask .inner-header .flexbox {

    height: 60px;

  }

}

.navmenu-mask .inner-header .close {

  color: #fff;

  opacity: 1;

  outline: none;

  padding: 10px 28px;

  display: block;

  font-weight: normal;

}

@media (max-width: 767px) {

  .navmenu-mask .inner-header .close {

    padding: 0;

    line-height: 0;

    transform: translateY(-2px);

  }

}

.navmenu-mask .inner-header .close .word {

  font-size: 14px;

  letter-spacing: 2px;

  vertical-align: middle;

  font-weight: 100;

  font-family: "微软雅黑";

  margin: 0 10px 0 0;

}

@media (max-width: 767px) {

  .navmenu-mask .inner-header .close .word {

    font-size: 12px;

  }

}

@media (max-width: 575px) {

  .navmenu-mask .inner-header .close .word {

    margin: 0 5px 0 0;

    letter-spacing: 0;

  }

}

.navmenu-mask .inner-header .close i {

  font-size: 14px;

}

@media (max-width: 575px) {

  .navmenu-mask .inner-header .close img {

    width: 11px;

  }

}

.navmenu-mask .inner-header .back-navmenu-app {

  display: none;

}

.navmenu-mask .inner-header .back-navmenu-app i {

  font-size: 16px;

}

.navmenu-mask .inner-header .logo-white {

  width: 234px;

  margin: 0;

  padding: 0;

  height: auto;

  line-height: 1;

  display: flex;

  align-items: center;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-header .logo-white {

    width: 200px;

  }

}

@media (max-width: 1199px) {

  .navmenu-mask .inner-header .logo-white {

    width: 180px;

  }

}

@media (max-width: 767px) {

  .navmenu-mask .inner-header .logo-white {

    width: 110px;

  }

}

.navmenu-mask .inner-header .logo-white img {

  width: 100%;

}

.navmenu-mask .inner-content .flexbox {

  display: flex;

}

.navmenu-mask .inner-content .leftbox {

  position: relative;

  flex: 0 0 360px;

  min-width: 360px;

  transition: 0.3s;

}

.navmenu-mask .inner-content .leftbox:after {

  content: "";

  position: absolute;

  width: 1px;

  height: 428px;

  background: #2f2f2f;

  top: 0;

  right: 0;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .leftbox:after {

    display: none;

  }

}

@media (max-width: 1199px) {

  .navmenu-mask .inner-content .leftbox {

    flex: 0 0 280px;

    min-width: 280px;

  }

}

@media (max-width: 991px) {

  .navmenu-mask .inner-content .leftbox {

    flex: 0 0 200px;

    min-width: 200px;

  }

}

.navmenu-mask .inner-content .centerbox {

  position: relative;

  flex: auto;

  padding: 0 0 0 135px;

  transition: 0.3s;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .centerbox {

    padding: 0;

  }

}

.navmenu-mask .inner-content .rightbox {

  position: relative;

  flex: 0 0 400px;

  min-width: 400px;

  transition: 0.3s;

}

.navmenu-mask .inner-content .rightbox:before {

  content: "";

  position: absolute;

  width: 1px;

  height: 428px;

  background: #2f2f2f;

  top: 0;

  left: 0;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .rightbox:before {

    display: none;

  }

}

@media (max-width: 1199px) {

  .navmenu-mask .inner-content .rightbox {

    flex: 0 0 250px;

    min-width: 250px;

  }

}

.navmenu-mask .inner-content .server-navlist-first {

  position: relative;

  display: table;

}

.navmenu-mask .inner-content .server-navlist-first:before {

  content: "全部服务";

  position: absolute;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.2);

  left: 0;

  top: -50px;

}

.navmenu-mask .inner-content .server-navlist-first li {

  margin: 0 0 40px;

  transition: 0.3s;

  position: relative;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .server-navlist-first li {

    margin: 0 0 30px;

  }

}

.navmenu-mask .inner-content .server-navlist-first li:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 0;

  height: 2px;

  background: #21d838;

  transition: 0.3s;

}

.navmenu-mask .inner-content .server-navlist-first li a {

  cursor: pointer;

  color: #ddd;

  font-size: 30px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-content .server-navlist-first li a {

    font-size: 24px;

  }

}

@media (max-width: 991px) {

  .navmenu-mask .inner-content .server-navlist-first li a {

    font-size: 20px;

  }

}

.navmenu-mask .inner-content .server-navlist-first li.on:before,

.navmenu-mask .inner-content .server-navlist-first li:hover:before {

  width: 40px;

}

.navmenu-mask .inner-content .server-navlist-first li.on a,

.navmenu-mask .inner-content .server-navlist-first li:hover a {

  color: #21d838;

  padding: 0 0 0 54px;

}

.navmenu-mask .inner-content .server-navlist-second {

  position: absolute;

  transform: translateX(-20px);

  z-index: -1;

  opacity: 0;

  padding: 12px 0;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .navmenu-mask .inner-content .server-navlist-second {

    padding: 5px 0;

  }

}

.navmenu-mask .inner-content .server-navlist-second.on {

  opacity: 1;

  z-index: 1;

  transform: translateX(0);

}

.navmenu-mask .inner-content .server-navlist-second > li {

  margin: 0 0 25px;

  transition: 0.3s;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .server-navlist-second > li {

    margin: 0 0 15px;

  }

}

.navmenu-mask .inner-content .server-navlist-second > li > a {

  cursor: pointer;

  color: rgba(255, 255, 255, 0.8);

  font-size: 20px;

  transition: 0.3s;

}

.navmenu-mask .inner-content .server-navlist-second > li > a:after {

  content: "+";

  font-size: 18px;

  color: rgba(255, 255, 255, 0.8);

  margin: 0 0 0 5px;

}

.navmenu-mask .inner-content .server-navlist-second > li > a.on:after {

  content: "-";

  font-size: 22px;

  margin: 0 0 0 7px;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-content .server-navlist-second > li > a {

    font-size: 18px;

  }

}

.navmenu-mask .inner-content .server-navlist-third {

  display: none;

  max-width: 480px;

  padding: 25px 0;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .server-navlist-third {

    padding: 15px 0;

  }

}

@media (max-width: 991px) {

  .navmenu-mask .inner-content .server-navlist-third {

    padding: 10px 0;

  }

}

.navmenu-mask .inner-content .server-navlist-third.on {

  display: block;

}

.navmenu-mask .inner-content .server-navlist-third > li {

  display: inline-block;

  margin: 0 20px 12px 0;

}

.navmenu-mask .inner-content .server-navlist-third > li:last-child {

  margin: 0;

}

.navmenu-mask .inner-content .server-navlist-third > li > a {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.5);

  transition: 0.3s;

}

.navmenu-mask .inner-content .server-navlist-third > li > a:hover {

  color: #21d838;

}

.navmenu-mask .inner-content .navmenu-navbar {

  position: relative;

}

.navmenu-mask .inner-content .navmenu-navbar:before {

  content: "导航栏目";

  position: absolute;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.2);

  left: 0;

  right: 0;

  top: -50px;

  margin: auto;

  text-align: center;

}

.navmenu-mask .inner-content .navmenu-navbar li {

  width: 220px;

  position: relative;

  margin: 0 auto 70px;

  text-align: center;

  transition: 0.3s;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-content .navmenu-navbar li {

    margin: 0 auto 30px;

  }

}

.navmenu-mask .inner-content .navmenu-navbar li:last-child {

  margin: 0 auto;

}

.navmenu-mask .inner-content .navmenu-navbar li a {

  font-size: 36px;

  color: rgba(255, 255, 255, 0.8);

  transition: 0.3s;

}

.navmenu-mask .inner-content .navmenu-navbar li a span:first-child {

  display: none !important;

}

.navmenu-mask .inner-content .navmenu-navbar li a span:last-child {

  display: block !important;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-content .navmenu-navbar li a {

    font-size: 30px;

  }

}

.navmenu-mask .inner-content .navmenu-navbar li a:before {

  content: "";

  position: absolute;

  width: 0;

  height: 4px;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  background: #21d838;

  z-index: 1;

  transition: 0.3s;

}

.navmenu-mask .inner-content .navmenu-navbar li a:hover:before {

  width: 220px;

}

.navmenu-mask .inner-content .navmenu-navbar li a:hover span:first-child {

  display: none;

}

.navmenu-mask .inner-content .navmenu-navbar li a:hover span:last-child {

  display: block;

}

.navmenu-mask .inner-content .navmenu-navbar li.active a:before {

  width: 220px;

}

.navmenu-mask .inner-content .navmenu-navbar li.active a span:first-child {

  display: none;

}

.navmenu-mask .inner-content .navmenu-navbar li.active a span:last-child {

  display: block;

}

.navmenu-mask .inner-footer {

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  padding: 0 0 30px;

}

.navmenu-mask .inner-footer .flexbox {

  display: flex;

  align-items: center;

  padding: 30px 0 0;

  border-top: 1px solid #2f2f2f;

}

.navmenu-mask .inner-footer .leftbox {

  flex: 0 0 360px;

  min-width: 360px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .navmenu-mask .inner-footer .leftbox {

    flex: 0 0 280px;

    min-width: 280px;

  }

}

@media (max-width: 991px) {

  .navmenu-mask .inner-footer .leftbox {

    flex: 0 0 200px;

    min-width: 200px;

  }

}

.navmenu-mask .inner-footer .leftbox .tit {

  font-size: 36px;

  color: #fff;

  margin: 0 0 12px;

  font-weight: 100;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .navmenu-mask .inner-footer .leftbox .tit {

    font-size: 24px;

  }

}

.navmenu-mask .inner-footer .leftbox .des {

  font-size: 18px;

  color: #fff;

}

.navmenu-mask .inner-footer .centerbox {

  flex: auto;

}

.navmenu-mask .inner-footer .centerbox ul {

  display: flex;

  align-items: flex-start;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-footer .centerbox ul {

    flex-direction: column;

  }

}

.navmenu-mask .inner-footer .centerbox ul li {

  display: flex;

  align-items: center;

  margin: 0 110px 0 0;

}

@media (max-width: 1801px) {

  .navmenu-mask .inner-footer .centerbox ul li {

    margin: 0 0 15px;

  }

}

.navmenu-mask .inner-footer .centerbox ul li:last-child {

  margin: 0;

}

.navmenu-mask .inner-footer .centerbox ul li .ico {

  flex: 0 0 52px;

  min-width: 52px;

  margin: 0 18px 0 0;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-footer .centerbox ul li .ico {

    flex: 0 0 40px;

    min-width: 40px;

  }

}

.navmenu-mask .inner-footer .centerbox ul li .ico img {

  width: 100%;

}

.navmenu-mask .inner-footer .centerbox ul li .info .tit {

  margin: 0 0 3px;

  font-size: 14px;

  color: rgba(255, 255, 255, 0.5);

}

.navmenu-mask .inner-footer .centerbox ul li .info .des {

  color: #fff;

  font-size: 16px;

}

.navmenu-mask .inner-footer .centerbox ul li .info .phone {

  font-size: 30px;

  font-weight: bold;

  line-height: 1;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-footer .centerbox ul li .info .phone {

    font-size: 24px;

  }

}

.navmenu-mask .inner-footer .rightbox {

  flex: 0 0 400px;

  min-width: 400px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .navmenu-mask .inner-footer .rightbox {

    flex: 0 0 250px;

    min-width: 250px;

  }

}

.navmenu-mask .inner-footer .rightbox ul {

  display: flex;

  justify-content: center;

}

.navmenu-mask .inner-footer .rightbox ul li {

  margin: 0 30px 0 0;

}

.navmenu-mask .inner-footer .rightbox ul li:last-child {

  margin: 0;

}

.navmenu-mask .inner-footer .rightbox ul li .erweima {

  width: 110px;

  height: 110px;

  padding: 8px;

  border-radius: 5px;

  overflow: hidden;

  margin: 0 0 10px;

  background: #fff;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .navmenu-mask .inner-footer .rightbox ul li .erweima {

    width: 100px;

    height: 100px;

  }

}

.navmenu-mask .inner-footer .rightbox ul li .erweima img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.navmenu-mask .inner-footer .rightbox ul li p {

  font-size: 14px;

  text-align: center;

  color: rgba(255, 255, 255, 0.5);

}

.navmenu-mask .inner-content-app {

  padding: 60px 5% 0;

  transition: 0.3s;

}

.navmenu-mask .inner-content-app .navmenu-navbar-app > li {

  display: flex;

  justify-content: space-between;

}

.navmenu-mask .inner-content-app .navmenu-navbar-app > li.all-server-list-app-btn {

  cursor: pointer;

}

.navmenu-mask .inner-content-app .navmenu-navbar-app > li > a {

  font-size: 14px;

  color: #fff;

  display: inline-block;

  padding: 10px 0;

}

.navmenu-mask .inner-content-app .navmenu-navbar-app > li > .ico {

  flex: auto;

  font-size: 16px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  font-family: serif;

}

.navmenu-mask .inner-content-app .navmenu-navbar-app > li.active a {

  color: #21d838;

}

.navmenu-mask #all-server-list-app {

  position: fixed;

  bottom: 0;

  width: 100vw;

  height: calc(100vh - 60px);

  background-color: #19191f;

  overflow-y: scroll;

  transition: 0.5s;

  transform: translateX(101%);

}

.navmenu-mask #all-server-list-app.on {

  transform: translateX(0);

}

.navmenu-mask #all-server-list-app .flexbox {

  display: flex;

  height: 100%;

}

.navmenu-mask #all-server-list-app .leftbox {

  flex: 0 0 120px;

  min-width: 120px;

  border-right: 1px solid #2f2f2f;

}

.navmenu-mask #all-server-list-app .centerbox {

  position: relative;

  flex: auto;

}

.navmenu-mask #all-server-list-app .server-navlist-first-app > li {

  text-align: center;

  border-bottom: 1px solid #2f2f2f;

}

.navmenu-mask #all-server-list-app .server-navlist-first-app > li > a {

  color: #fff;

  padding: 10px 0;

  display: inline-block;

}

.navmenu-mask #all-server-list-app .server-navlist-first-app > li.on > a {

  color: #21d838;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app {

  position: absolute;

  width: 100%;

  z-index: -1;

  opacity: 0;

  transition: 0.3s;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app > li > a {

  color: #fff;

  padding: 10px 15px;

  display: inline-block;

  width: 100%;

  transition: 0.3s;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app > li > a:after {

  content: "+";

  color: #fff;

  margin: 0 0 0 5px;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app > li > a.on {

  color: #21d838;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app > li > a.on:after {

  content: "-";

  color: #21d838;

  margin: 0 0 0 5px;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app.on {

  opacity: 1;

  z-index: 1;

}

.navmenu-mask #all-server-list-app .server-navlist-second-app.on > a {

  color: #21d838;

}

.navmenu-mask #all-server-list-app .server-navlist-third-app {

  display: none;

  padding: 0 0 0 40px;

}

.navmenu-mask #all-server-list-app .server-navlist-third-app.on {

  display: block;

}

.navmenu-mask #all-server-list-app .server-navlist-third-app > li > a {

  display: inline-block;

  color: #fff;

  width: 100%;

  padding: 10px 0;

  font-size: 12px;

}

.header-fixed {

  width: 100%;

  height: 100px;

  position: relative;

}

@media (max-width: 767px) {

  .header-fixed {

    height: 60px;

  }

}

.home-header {

  position: fixed;

  z-index: 999;

  width: 100%;

  height: 100px;

  background: #fff;

  transition: 0.3s;

  box-shadow: 0 0 5px 0 #ccc;

}

@media (max-width: 767px) {

  .home-header {

    height: 60px;

  }

}



/*导航*/

.wrapper{    width: 1200px;

    margin: 0 auto;}

.clearfix{zoom: 1;}

.clearfix:after{    content: ".";

    display: block;

    height: 0px;

    clear: both;

    visibility: hidden;}

.clearfix::before, .clearfix::after{    content: '';

    display: table;}

header{height: 95px;border-bottom: 3px solid #8cdc13;background: #fff;}

header .logo{display: block;width: 382px;height: 100%;line-height: 95px;float: left;transition: 0.3s;}

header .logo img{display: inline-block;width: 70%;vertical-align: middle;}

header nav{float: right;height: 100%;}

header nav .n-list{float: left;position: relative;}

header nav .n-list .n-list-a{display: block;padding: 0 15px;font-family: 'Note Sans S';font-size: 18px;color: #2b2b2b;line-height: 95px;transition: .5s;}

.home-header.scroll nav .n-list .n-list-a{line-height: 80px;font-size: 16px;}

.home-header.scroll .logo{line-height: 80px;    width: 320px;}

.home-header.scroll nav .n-list .drop-down{    top: 80px;}

header nav .n-list .drop-down{width: max-content;background: #82d618;position: absolute;top: 95px;left: 0;right: 0;z-index: 3;font-size: 16px;padding: 15px 20px;display: none;}

header nav .n-list .drop-down .drop-down-a{display: block;text-align: center;color: #fff;line-height: 40px;transition: .5s;}

header nav .n-list.active .n-list-a{color: #6daf0a;}

header nav .n-list:hover .n-list-a{color: #6daf0a;}

header nav .n-list .drop-down .drop-down-a:hover{background: #6daf0a;}



/*底部*/

footer{background: #161616;padding-top: 40px;}

footer .f-nav{float: left;margin-bottom: 30px;}

footer .f-nav .f-nav-list{float: left;margin-right: 75px;}

footer .f-nav .f-nav-list:last-child{margin-right: 0;}

footer .f-nav .f-nav-list p{font-size: 17px;color: rgba(255,255,255.5);margin-bottom: 10px;}

footer .f-nav .f-nav-list a{display: block;font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}

footer .f-nav .f-nav-list a:hover{opacity: .5;}

footer .f-nav .f-nav-list .dz{font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}

footer .wxcode{float: right;}

footer .wxcode img{display: block;width: 120px;}

footer .wxcode p{text-align: right;font-size: 14px;color: rgba(255,255,255,.2);}

footer .bq{font-size: 12px;color: rgba(255,255,255,.2);text-align: center;line-height: 40px;}















@media (min-width: 768px) {

  .home-header.scroll {

    height: 80px;

    box-shadow: 0 0 5px 0 #ccc;

  }

  .home-header.scroll .navbar-brand {

    width: 165px;

  }

  .home-header.scroll .navbar-left .navbar-des {

    font-size: 16px;

  }

  .home-header.scroll .nav.navbar-nav li a {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .home-header.scroll {

    box-shadow: 0 0 5px 0 #ccc;

  }

}

.home-header > .container {

  height: 100%;

}

.home-header .flexbox {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.home-header .navbar-brand {

  width: 234px;

  margin: 0;

  padding: 0;

  height: auto;

  line-height: 1;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .home-header .navbar-brand {

    width: 200px;

  }

}

@media (max-width: 1199px) {

  .home-header .navbar-brand {

    width: 180px;

  }

}

@media (max-width: 767px) {

  .home-header .navbar-brand {

    width: 110px;

  }

}

.home-header .navbar-brand img {

  width: 100%;

}

.home-header .nav.navbar-nav {

  margin: 0;

  position: relative;

}

.home-header .nav.navbar-nav li {

  margin: 0 10px 0 0;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .home-header .nav.navbar-nav li {

    margin: 0;

  }

}

.home-header .nav.navbar-nav li:last-child {

  margin: 0;

}

.home-header .nav.navbar-nav li a {

  position: relative;

  font-size: 18px;

  color: #333;

  padding: 10px 28px;

  transition: 0.3s;

  background: transparent;

}

@media (max-width: 1440px) {

  .home-header .nav.navbar-nav li a {

    font-size: 16px;

    padding: 10px 25px;

  }

}

@media (max-width: 1199px) {

  .home-header .nav.navbar-nav li a {

    padding: 10px 20px;

  }

}

@media (max-width: 991px) {

  .home-header .nav.navbar-nav li a {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .home-header .nav.navbar-nav li a {

    font-weight: bold;

    padding: 10px 0;

  }

}

.home-header .nav.navbar-nav li a:before {

  content: "";

  position: absolute;

  width: 8px;

  height: 8px;

  background: transparent;

  border-radius: 50%;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  transition: 0.3s;

}

.home-header .nav.navbar-nav li .ico-menu {

  display: inline-block;

  width: 21px;

  height: 16px;

  margin: 0 0 0 16px;

  transform: translateY(2px);

  background: url(../images/menu.png) center / contain no-repeat;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .home-header .nav.navbar-nav li .ico-menu {

    width: 18px;

    height: 14px;

  }

}

@media (max-width: 1199px) {

  .home-header .nav.navbar-nav li .ico-menu {

    margin: 0 0 0 8px;

  }

}

@media (max-width: 991px) {

  .home-header .nav.navbar-nav li .ico-menu {

    width: 14px;

  }

}

.home-header .nav.navbar-nav li:hover:not(:last-child) a,

.home-header .nav.navbar-nav li.active a {

  color: #0072b6;

}

.home-header .nav.navbar-nav li:hover:not(:last-child) a:before,

.home-header .nav.navbar-nav li.active a:before {

  background: #0072b6;

}

.home-header .nav.navbar-nav li:last-child:hover a {

  color: #0072b6;

}

.home-header .nav.navbar-nav li:last-child:hover .ico-menu {

  background: url(../images/menu-h.png) center / contain no-repeat;

}

.home-banner {

  position: relative;

  width: 100%;

  /* height: 85.5vh; */

}

.home-banner .bannerimg {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home-banner .mask {

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}

.home-banner .mask > .container {

  height: 100%;

  display: flex;

  align-items: center;

}

@media (max-width: 575px) {

  .home-banner .mask > .container {

    justify-content: center;

  }

}

.home-banner .mask .inner .endes {

  font-size: 48px;

  letter-spacing: 3px;

  color: rgba(255, 255, 255, 0.5);

  font-weight: 100;

  font-family: "GOTHAMRND";

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-banner .mask .inner .endes {

    font-size: 40px;

  }

}

@media (max-width: 767px) {

  .home-banner .mask .inner .endes {

    font-size: 35px;

  }

}

@media (max-width: 575px) {

  .home-banner .mask .inner .endes {

    text-align: center;

    font-size: 0.35rem;

  }

}

.home-banner .mask .inner h2 {

  font-size: 72px;

  font-weight: bold;

  color: #fff;

  margin: 30px 0 55px;

  letter-spacing: 2px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-banner .mask .inner h2 {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .home-banner .mask .inner h2 {

    font-size: 50px;

  }

}

@media (max-width: 575px) {

  .home-banner .mask .inner h2 {

    text-align: center;

    font-size: 0.5rem;

    margin: 0.3rem 0 0.55rem;

  }

}

.home-banner .mask .inner h2 .typeit {

  color: #21d838;

}

.home-banner .mask .inner .des {

  font-size: 24px;

  color: rgba(255, 255, 255, 0.7);

  letter-spacing: 2px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-banner .mask .inner .des {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .home-banner .mask .inner .des {

    font-size: 18px;

  }

}

@media (max-width: 575px) {

  .home-banner .mask .inner .des {

    text-align: center;

    font-size: 0.18rem;

  }

}

.home-server {

  padding: 100px 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server {

    padding: 60px 0;

  }

}

@media (max-width: 767px) {

  .home-server {

    padding: 0.3rem 0 0.6rem;

  }

}

.home-server .head {

  -webkit-user-select: none;

  user-select: none;

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 0 84px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server .head {

    margin: 0 0 40px;

  }

}

@media (max-width: 575px) {

  .home-server .head {

    margin: 0 0 0.4rem;

  }

}

.home-server .head h2 {

  font-size: 36px;

  color: #333;

  margin: 0;

  line-height: 1;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server .head h2 {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .home-server .head h2 {

    font-size: 25px;

  }

}

@media (max-width: 575px) {

  .home-server .head h2 {

    font-size: 0.32rem;

  }

}

.home-server .head .right {

  -webkit-user-select: none;

  user-select: none;

  display: flex;

  position: relative;

  width: 85px;

  height: 16px;

}

.home-server .head .right:after {

  content: "";

  position: absolute;

  width: 1px;

  height: 100%;

  background: #ddd;

  top: 0;

  right: 50%;

}

.home-server .head .right .swiper-button-next,

.home-server .head .right .swiper-button-prev {

  top: 0;

  left: 0;

  margin: 0;

  width: 8px;

  height: 16px;

  background: url(../images/left.png) center / cover no-repeat;

  outline: none;

  transition: 0.3s;

  -webkit-user-select: none;

  user-select: none;

}

.home-server .head .right .swiper-button-next:hover,

.home-server .head .right .swiper-button-prev:hover {

  background: url(../images/left-h.png) center / cover no-repeat;

}

.home-server .head .right .swiper-button-next {

  left: auto;

  right: 0;

  background: url(../images/right.png) center / cover no-repeat;

}

.home-server .head .right .swiper-button-next:hover {

  background: url(../images/right-h.png) center / cover no-repeat;

}

.home-server-swiper {

  -webkit-user-select: none;

  user-select: none;

  margin: 0 0 60px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server-swiper {

    margin: 0 0 50px;

  }

}

@media (max-width: 575px) {

  .home-server-swiper {

    margin: 0 0 0.5rem;

  }

}

.home-server-swiper .swiper-slide {

  visibility: hidden;

  transition: 0.3s;

}

.home-server-swiper .item {

  padding: 0 0 55px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server-swiper .item {

    padding: 0 0 40px;

  }

}

@media (max-width: 575px) {

  .home-server-swiper .item {

    padding: 0 0 0.2rem;

  }

}

.home-server-swiper .item a {

  display: block;

  width: 100%;

  height: 100%;

}

.home-server-swiper .item .img-box {

  width: 66px;

  height: 66px;

  overflow: hidden;

  margin: 0 0 35px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server-swiper .item .img-box {

    width: 50px;

    height: 50px;

    margin: 0 0 25px;

  }

}

@media (max-width: 575px) {

  .home-server-swiper .item .img-box {

    margin: 0 auto 0.2rem;

  }

}

.home-server-swiper .item .img-box img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.home-server-swiper .item h3 {

  margin: 0 0 22px;

  font-size: 24px;

  color: #333;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server-swiper .item h3 {

    font-size: 18px;

    margin: 0 0 15px;

  }

}

@media (max-width: 575px) {

  .home-server-swiper .item h3 {

    text-align: center;

    font-size: 16px;

  }

}

.home-server-swiper .item p {

  color: #666;

  font-size: 14px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height: 39px;

}

@media (max-width: 575px) {

  .home-server-swiper .item p {

    text-align: center;

    display: none

  }

}

.home-server .server-more {

  padding: 15px 40px;

  border-radius: 2px;

  border: 2px solid #0072b6;

  color: #0072b6;

  background: #fff;

  font-size: 16px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-server .server-more {

    padding: 10px 30px;

  }

}

@media (max-width: 575px) {

  .home-server .server-more {

    font-size: 14px;

    padding: 0.1rem 0.3rem;

  }

}

@media (min-width: 768px) {

  .home-server .server-more:hover {

    background: #0072b6;

    color: #fff;

  }

}

.home-team {

  padding: 100px 0;

  background: #f2f8fb;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team {

    padding: 60px 0;

  }

}

@media (max-width: 767px) {

  .home-team {

    padding: 0.3rem 0;

  }

}

.home-team .head {

  -webkit-user-select: none;

  user-select: none;

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 0 84px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team .head {

    margin: 0 0 40px;

  }

}

@media (max-width: 575px) {

  .home-team .head {

    margin: 0 0 0.4rem;

  }

}

.home-team .head h2 {

  font-size: 36px;

  color: #333;

  margin: 0;

  line-height: 1;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team .head h2 {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .home-team .head h2 {

    font-size: 25px;

  }

}

@media (max-width: 575px) {

  .home-team .head h2 {

    font-size: 0.32rem;

  }

}

.home-team .head .right {

  display: flex;

  align-items: center;

  position: relative;

  height: 25px;

}

.home-team .head .right .more {

  font-family: "GOTHAMRND";

  font-size: 18px;

  color: #666;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .home-team .head .right .more {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .home-team .head .right .more {

    font-size: 14px;

  }

}

.home-team .head .right .more:hover {

  color: #21d838;

}

.home-team .flexbox .box-row {

  margin: 0 -20px;

  display: flex;

  flex-wrap: wrap;

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-team .flexbox .box-row {

    margin: 0 -10px;

  }

}

@media (max-width: 991px) {

  .home-team .flexbox .box-row {

    flex-direction: column;

  }

}

.home-team .flexbox .box-row.desc {

  flex-direction: row-reverse;

}

@media (max-width: 991px) {

  .home-team .flexbox .box-row.desc {

    flex-direction: column;

  }

}

.home-team .flexbox .box-col {

  flex: 0 0 33.33%;

  min-width: 33.33%;

  padding: 0 20px;

  margin: 0 0 40px;

  display: flex;

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-team .flexbox .box-col {

    padding: 0 10px;

    margin: 0 0 20px;

  }

}

@media (max-width: 991px) {

  .home-team .flexbox .box-col {

    flex: inherit;

    min-width: inherit;

    width: 100%;

  }

}

.home-team .flexbox .box-col.item {

  width: 100%;

  height: auto;

}

.home-team .flexbox .box-col.col4 {

  flex: 0 0 39%;

  min-width: 39%;

  display: flex;

}

.home-team .flexbox .box-col.col8 {

  flex: 0 0 61%;

  min-width: 61%;

}

.home-team .longitem {

  position: relative;

  width: 100%;

  height: 540px;

  overflow: hidden;

  transition: 0.3s;

  visibility: hidden;

}

@media (max-width: 1600px) {

  .home-team .longitem {

    height: 480px;

  }

}

@media (max-width: 1199px) {

  .home-team .longitem {

    height: 430px;

  }

}

@media (max-width: 575px) {

  .home-team .longitem {

    height: 4.3rem;

  }

}

.home-team .longitem a {

  display: block;

  width: 100%;

  height: 100%;

}

.home-team .longitem a .tbgimg {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home-team .longitem a .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.2);

  top: 0;

  left: 0;

  padding: 60px 80px;

  display: flex;

  align-items: flex-end;

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-team .longitem a .mask {

    padding: 60px 40px;

  }

}

@media (max-width: 1199px) {

  .home-team .longitem a .mask {

    padding: 40px;

  }

}

@media (max-width: 767px) {

  .home-team .longitem a .mask {

    background: rgba(0, 0, 0, 0.6);

  }

}

@media (max-width: 575px) {

  .home-team .longitem a .mask {

    padding: 15px;

  }

}

.home-team .longitem a .mask .inner {

  overflow: hidden;

}

.home-team .longitem a .mask .inner .time {

  font-size: 18px;

  color: #fff;

  font-weight: 100;

  letter-spacing: 1px;

  font-family: "GOTHAMRND";

}

@media (max-width: 767px) {

  .home-team .longitem a .mask .inner .time {

    font-size: 16px;

  }

}

.home-team .longitem a .mask .inner h3 {

  margin: 25px 0;

  color: #fff;

  font-size: 24px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-team .longitem a .mask .inner h3 {

    font-size: 20px;

  }

}

@media (max-width: 1199px) {

  .home-team .longitem a .mask .inner h3 {

    margin: 10px 0 20px;

  }

}

@media (max-width: 767px) {

  .home-team .longitem a .mask .inner h3 {

    font-size: 18px;

  }

}

@media (max-width: 575px) {

  .home-team .longitem a .mask .inner h3 {

    font-size: 14px;

    margin: 10px 0 15px;

  }

}

.home-team .longitem a .mask .inner .des {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.8);

  line-height: 1.8;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height: 42px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .home-team .longitem a .mask .inner .des {

    font-size: 12px;

  }

}

@media (min-width: 768px) {

  .home-team .longitem a:hover .mask {

    background: rgba(0, 0, 0, 0.6);

  }

  .home-team .longitem a:hover .mask .inner h3 {

    color: #21d838;

  }

}

.home-team .imgitem {

  position: relative;

  width: 100%;

  height: 540px;

  overflow: hidden;

  transition: 0.3s;

  visibility: hidden;

}

@media (max-width: 1600px) {

  .home-team .imgitem {

    height: 450px;

  }

}

@media (max-width: 1199px) {

  .home-team .imgitem {

    height: 430px;

  }

}

@media (max-width: 575px) {

  .home-team .imgitem {

    height: 4.3rem;

  }

}

.home-team .imgitem a {

  display: block;

  width: 100%;

  height: 100%;

}

.home-team .imgitem a .tbgimg {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home-team .imgitem a .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.2);

  top: 0;

  left: 0;

  display: flex;

  align-items: flex-end;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .home-team .imgitem a .mask {

    background: rgba(0, 0, 0, 0.6);

  }

}

.home-team .imgitem a .mask .inner {

  padding: 60px 35px;

  background: transparent;

  transform: translateY(90px);

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .home-team .imgitem a .mask .inner {

    padding: 30px 40px;

    transform: translateY(60px);

  }

}

@media (max-width: 767px) {

  .home-team .imgitem a .mask .inner {

    transform: translateY(0);

  }

}

@media (max-width: 575px) {

  .home-team .imgitem a .mask .inner {

    padding: 20px 15px;

  }

}

.home-team .imgitem a .mask .inner .time {

  font-family: "GOTHAMRND";

  font-size: 18px;

  color: #fff;

  font-weight: 100;

  letter-spacing: 1px;

}

@media (max-width: 575px) {

  .home-team .imgitem a .mask .inner .time {

    font-size: 12px;

  }

}

.home-team .imgitem a .mask .inner h3 {

  margin: 25px 0;

  color: #fff;

  font-size: 24px;

  transition: 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 1600px) {

  .home-team .imgitem a .mask .inner h3 {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .home-team .imgitem a .mask .inner h3 {

    font-size: 18px;

  }

}

@media (max-width: 575px) {

  .home-team .imgitem a .mask .inner h3 {

    margin: 10px 0 15px;

    font-size: 14px;

  }

}

.home-team .imgitem a .mask .inner .des {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.8);

  line-height: 1.8;

  opacity: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height: 75px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .home-team .imgitem a .mask .inner .des {

    font-size: 12px;

    max-height: 42px;

    opacity: 1;

  }

}

@media (min-width: 768px) {

  .home-team .imgitem a:hover .mask {

    background: rgba(0, 0, 0, 0.6);

  }

  .home-team .imgitem a:hover .mask .inner {

    background: #0072b6;

    transform: translateY(0);

  }

  .home-team .imgitem a:hover .mask .inner .des {

    opacity: 1;

  }

}

.home-team .shortitem {

  width: 100%;

  height: auto;

  padding: 0 50px;

  display: flex;

  align-items: center;

  background: #fff;

  transition: 0.3s;

  visibility: hidden;

}

@media (max-width: 1600px) {

  .home-team .shortitem {

    padding: 0 20px;

  }

}

@media (max-width: 991px) {

  .home-team .shortitem {

    padding: 40px;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem {

    padding: 20px 15px;

  }

}

.home-team .shortitem .inner .topinfo {

  display: flex;

  align-items: center;

  margin: 0 0 35px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team .shortitem .inner .topinfo {

    flex-direction: column;

    margin: 0 0 20px;

  }

}

@media (min-width: 576px) and (max-width: 991px) {

  .home-team .shortitem .inner .topinfo {

    flex-direction: row;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .topinfo {

    margin: 0 0 12px;

  }

}

.home-team .shortitem .inner .topinfo .img-box {

  flex: 0 0 132px;

  min-width: 132px;

  height: 132px;

  overflow: hidden;

  border-radius: 50%;

  margin: 0 25px 0 0;

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-team .shortitem .inner .topinfo .img-box {

    flex: 0 0 100px;

    min-width: 100px;

    height: 100px;

    margin: 0 20px 0 0;

  }

}

@media (max-width: 1199px) {

  .home-team .shortitem .inner .topinfo .img-box {

    width: 100px;

    margin: 0 25px 0 0;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .topinfo .img-box {

    margin: 0 0 10px;

  }

}

.home-team .shortitem .inner .topinfo .img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home-team .shortitem .inner .topinfo .rightin .name {

  color: #999;

  font-size: 16px;

  margin: 0 0 5px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team .shortitem .inner .topinfo .rightin .name {

    text-align: center;

  }

}

@media (min-width: 576px) and (max-width: 991px) {

  .home-team .shortitem .inner .topinfo .rightin .name {

    text-align: left;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .topinfo .rightin .name {

    font-size: 14px;

  }

}

.home-team .shortitem .inner .topinfo .rightin .tips {

  color: #333;

  font-size: 20px;

  font-weight: bold;

  line-height: 1.8;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height: 72px;

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-team .shortitem .inner .topinfo .rightin .tips {

    font-size: 18px;

    line-height: 1.3;

  }

}

@media (max-width: 1199px) {

  .home-team .shortitem .inner .topinfo .rightin .tips {

    text-align: center;

    max-height: 46px;

  }

}

@media (min-width: 576px) and (max-width: 991px) {

  .home-team .shortitem .inner .topinfo .rightin .tips {

    text-align: left;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .topinfo .rightin .tips {

    font-size: 14px;

  }

}

.home-team .shortitem .inner .des {

  margin: 0 0 55px;

  font-size: 14px;

  color: #666;

  line-height: 1.6;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  max-height: 66px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team .shortitem .inner .des {

    margin: 0 0 30px;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .des {

    font-size: 12px;

    max-height: 55px;

    margin: 0 0 15px;

  }

}

.home-team .shortitem .inner .more {

  display: block;

  width: 188px;

  height: 54px;

  background: #fff;

  color: #0072b6;

  border: 2px solid #0072b6;

  font-size: 16px;

  border-radius: 2px;

  line-height: 50px;

  text-align: center;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-team .shortitem .inner .more {

    margin: 0 auto;

    width: 155px;

    height: 45px;

    line-height: 41px;

  }

}

@media (max-width: 991px) {

  .home-team .shortitem .inner .more {

    margin: 0;

  }

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .more {

    margin: 0 auto;

    font-size: 14px;

    width: 130px;

    height: 40px;

    line-height: 38px;

    border: 1px solid #0072b6;

  }

}

.home-team .shortitem .inner .more .ico-more {

  display: inline-block;

  width: 24px;

  height: 20px;

  background: url(../images/tico.png) center / cover no-repeat;

  vertical-align: middle;

  transform: translateY(-1px);

  margin: 0 10px 0 0;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .home-team .shortitem .inner .more .ico-more {

    width: 18px;

    height: 15px;

  }

}

.home-team .shortitem .inner .more:hover {

  background: #0072b6;

  color: #fff;

}

.home-team .shortitem .inner .more:hover .ico-more {

  background: url(../images/tico-h.png) center / cover no-repeat;

}

.home-advantage {

  padding: 100px 0;

  background: #fff;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage {

    padding: 60px 0;

  }

}

@media (max-width: 767px) {

  .home-advantage {

    padding: 0.3rem 0;

  }

}

.home-advantage .head {

  -webkit-user-select: none;

  user-select: none;

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 0 84px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .head {

    margin: 0 0 40px;

  }

}

@media (max-width: 575px) {

  .home-advantage .head {

    margin: 0 0 0.4rem;

  }

}

.home-advantage .head h2 {

  font-size: 36px;

  color: #333;

  margin: 0;

  line-height: 1;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .head h2 {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .home-advantage .head h2 {

    font-size: 25px;

  }

}

@media (max-width: 575px) {

  .home-advantage .head h2 {

    font-size: 0.32rem;

  }

}

.home-advantage .head .right {

  display: flex;

  align-items: center;

  position: relative;

  height: 25px;

}

.home-advantage .head .right .more {

  font-size: 18px;

  color: #666;

  transition: 0.3s;

  font-family: "GOTHAMRND";

}

@media (max-width: 767px) {

  .home-advantage .head .right .more {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .home-advantage .head .right .more {

    font-size: 14px;

  }

}

.home-advantage .head .right .more:hover {

  color: #21d838;

}

.home-advantage .flexbox {

  overflow: hidden;

}

.home-advantage .flexbox .box-row {

  margin: 0 -8px;

  display: flex;

  flex-wrap: wrap;

}

@media (max-width: 767px) {

  .home-advantage .flexbox .box-row {

    flex-direction: column;

  }

}

.home-advantage .flexbox .box-col {

  flex: 0 0 50%;

  min-width: 50%;

  padding: 0 8px;

}

.home-advantage .item {

  position: relative;

  width: 100%;

  height: 700px;

  overflow: hidden;

  margin: 0 0 16px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item {

    height: 516px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item {

    height: 446px;

  }

}

@media (max-width: 767px) {

  .home-advantage .item {

    height: 250px;

  }

}

.home-advantage .item a {

  display: block;

  width: 100%;

  height: 100%;

}

.home-advantage .item .tbgimg {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s;

}

.home-advantage .item .mask {

  position: absolute;

  display: flex;

  align-items: center;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  padding: 0 90px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item .mask {

    padding: 0 40px;

  }

}

@media (max-width: 767px) {

  .home-advantage .item .mask {

    padding: 30px;

  }

}

@media (max-width: 575px) {

  .home-advantage .item .mask {

    padding: 15px;

  }

}

.home-advantage .item .mask .inner .num {

  font-size: 36px;

  color: #21d838;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item .mask .inner .num {

    font-size: 25px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item .mask .inner .num {

    font-size: 18px;

  }

}

.home-advantage .item .mask .inner .num span {

  font-family: "GOTHAMRND";

  font-size: 100px;

  color: #21d838;

  vertical-align: middle;

  transform: translateY(15px);

  display: inline-block;

  margin: 0 15px 0 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item .mask .inner .num span {

    font-size: 80px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item .mask .inner .num span {

    font-size: 40px;

    transform: translateY(5px);

  }

}

.home-advantage .item .mask .inner h3 {

  font-size: 40px;

  color: #fff;

  margin: 15px 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item .mask .inner h3 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item .mask .inner h3 {

    font-size: 22px;

    margin: 10px 0;

  }

}

.home-advantage .item .mask .inner .des {

  font-size: 18px;

  color: #fff;

  margin: 0 0 105px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item .mask .inner .des {

    font-size: 16px;

    margin: 0 0 70px;

  }

}

@media (max-width: 1199px) {

  .home-advantage .item .mask .inner .des {

    font-size: 14px;

    margin: 0 0 50px;

  }

}

.home-advantage .item .mask .inner .more {

  display: block;

  width: 47px;

  transition: 0.3s;

}

.home-advantage .item .mask .inner .more img {

  width: 100%;

}

.home-advantage .item:hover .tbgimg {

  transform: scale(1.1);

}

.home-advantage .item:hover .mask .inner .more {

  margin: 0 0 0 50px;

}

.home-advantage .item.item-small {

  height: 342px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item.item-small {

    height: 250px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item.item-small {

    height: 215px;

  }

}

.home-advantage .item.item-small .mask {

  padding: 60px 55px;

  align-items: flex-end;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item.item-small .mask {

    padding: 40px;

  }

}

@media (max-width: 575px) {

  .home-advantage .item.item-small .mask {

    align-items: center;

    padding: 15px;

  }

}

.home-advantage .item.item-small .mask .inner .num {

  font-size: 24px;

}

@media (max-width: 991px) {

  .home-advantage .item.item-small .mask .inner .num {

    font-size: 18px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item.item-small .mask .inner .num {

    font-size: 16px;

  }

}

.home-advantage .item.item-small .mask .inner .num span {

  font-size: 60px;

  transform: translateY(10px);

  transition: 0.3s;

}

@media (max-width: 991px) {

  .home-advantage .item.item-small .mask .inner .num span {

    font-size: 40px;

    transform: translateY(5px);

  }

}

.home-advantage .item.item-small .mask .inner h3 {

  font-size: 36px;

  margin: 10px 0 15px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item.item-small .mask .inner h3 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .home-advantage .item.item-small .mask .inner h3 {

    font-size: 22px;

    margin: 10px 0;

  }

}

@media (max-width: 575px) {

  .home-advantage .item.item-small .mask .inner h3 {

    font-size: 18px;

  }

}

.home-advantage .item.item-small .mask .inner .des {

  font-size: 16px;

  margin: 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-advantage .item.item-small .mask .inner .des {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .home-advantage .item.item-small .mask .inner .des {

    font-size: 12px;

  }

}

.home-saying {

  padding: 188px 0 95px;

  background: #0072b6;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-saying {

    padding: 140px 0 70px;

  }

}

@media (max-width: 767px) {

  .home-saying {

    padding: 60px 0;

  }

}

@media (max-width: 575px) {

  .home-saying {

    padding: 30px 0;

  }

}

.home-saying .home-saying-swiper {

  width: 100%;

  padding: 0 0 120px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .home-saying .home-saying-swiper {

    padding: 0 0 60px;

  }

}

.home-saying .home-saying-swiper .swiper-pagination {

  bottom: 0;

}

.home-saying .home-saying-swiper .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #21d838;

  margin: 0 5px;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .home-saying .home-saying-swiper .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    margin: 0 3px;

  }

}

.home-saying .item {

  display: flex;

  align-items: center;

}

@media (max-width: 575px) {

  .home-saying .item {

    flex-direction: column;

  }

}

.home-saying .item .img-box {

  flex: 0 0 132px;

  min-width: 132px;

  margin: 0 66px 0 0;

  border-radius: 50%;

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-saying .item .img-box {

    margin: 0 30px 0 0;

  }

}

@media (max-width: 575px) {

  .home-saying .item .img-box {

    flex: inherit;

    min-width: inherit;

    width: 100px;

    height: 100px;

    margin: 0 0 15px;

  }

}

.home-saying .item .img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

@media (max-width: 575px) {

  .home-saying .item .info {

    display: flex;

    flex-direction: column-reverse;

  }

}

.home-saying .item .info .des {

  font-size: 18px;

  color: #fff;

  margin: 0 0 30px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-saying .item .info .des {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .home-saying .item .info .des {

    font-size: 14px;

    text-align: center;

    margin: 0;

  }

}

.home-saying .item .info .who {

  font-size: 14px;

  color: #fff;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .home-saying .item .info .who {

    font-size: 16px;

    text-align: center;

    margin: 0 0 15px;

  }

}

.home-saying .swiperbox {

  margin: auto;

  max-width: 995px;

  width: 100%;

  position: relative;

  transition: 0.3s;

}

@media (max-width: 1400px) {

  .home-saying .swiperbox {

    max-width: 800px;

  }

}

@media (max-width: 991px) {

  .home-saying .swiperbox {

    max-width: 550px;

  }

}

@media (max-width: 767px) {

  .home-saying .swiperbox {

    max-width: 100%;

  }

}

.home-saying .swiperbox .lbg,

.home-saying .swiperbox .rbg {

  position: absolute;

  width: 65px;

  left: -180px;

  top: -45px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-saying .swiperbox .lbg,

  .home-saying .swiperbox .rbg {

    left: -80px;

  }

}

@media (max-width: 767px) {

  .home-saying .swiperbox .lbg,

  .home-saying .swiperbox .rbg {

    display: none;

  }

}

.home-saying .swiperbox .lbg img,

.home-saying .swiperbox .rbg img {

  width: 100%;

}

.home-saying .swiperbox .rbg {

  left: auto;

  right: -180px;

}

@media (max-width: 1199px) {

  .home-saying .swiperbox .rbg {

    right: -80px;

  }

}

.home-footer {

  background: #222;

  padding: 95px 0 50px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-footer {

    padding: 50px 0;

  }

}

@media (max-width: 575px) {

  .home-footer {

    padding: 30px 0;

  }

}

.home-footer .flogo img {

  transition: 0.3s;

}

@media (max-width: 1600px) {

  .home-footer .flogo {

    margin: 0 0 30px;

  }

}

@media (max-width: 1199px) {

  .home-footer .flogo {

    margin: 0 0 15px;

  }

}

@media (max-width: 575px) {

  .home-footer .flogo img {

    width: 170px;

  }

}

.home-footer .flexbox {

  display: flex;

  justify-content: space-between;

  margin: 0 0 50px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-footer .flexbox {

    flex-direction: column-reverse;

    align-items: center;

    margin: 0 0 15px;

  }

}

.home-footer .flexbox .left ul {

  margin: 0 0 22px;

  padding: 0;

}

.home-footer .flexbox .left ul li {

  display: inline-block;

  margin: 0 60px 0 0;

}

@media (max-width: 575px) {

  .home-footer .flexbox .left ul li {

    margin: 0 15px 0 0;

  }

}

.home-footer .flexbox .left ul li:last-child {

  margin: 0;

}

.home-footer .flexbox .left ul li a {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.5);

  transition: 0.3s;

}

@media (max-width: 575px) {

  .home-footer .flexbox .left ul li a {

    font-size: 14px;

  }

}

.home-footer .flexbox .left ul li a:hover {

  color: #21d838;

}

.home-footer .flexbox .left .des {

  color: rgba(255, 255, 255, 0.2);

  font-size: 14px;

  transition: 0.3s;

}

.home-footer .flexbox .left .des a {

  color: rgba(255, 255, 255, 0.2);

  transition: 0.3s;

}

.home-footer .flexbox .left .des a:hover {

  color: rgba(255, 255, 255, 0.8);

}

@media (max-width: 1199px) {

  .home-footer .flexbox .left .des {

    text-align: center;

  }

}

.home-footer .flexbox .right {

  display: flex;

  align-items: center;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-footer .flexbox .right {

    margin: 0 0 15px;

    flex-direction: column;

  }

}

.home-footer .flexbox .right .l {

  margin: 0 95px 0 0;

}

@media (max-width: 1199px) {

  .home-footer .flexbox .right .l {

    display: flex;

    margin: 0 0 20px;

  }

}

.home-footer .flexbox .right .l .t {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.5);

  margin: 0 0 12px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .home-footer .flexbox .right .l .t {

    margin: 0 10px 0 0;

  }

}

@media (max-width: 575px) {

  .home-footer .flexbox .right .l .t {

    font-size: 14px;

  }

}

.home-footer .flexbox .right .l .b {

  color: rgba(255, 255, 255, 0.8);

  font-size: 18px;

  transition: 0.3s;

  font-family: "GOTHAMRND";

}

@media (max-width: 1199px) {

  .home-footer .flexbox .right .l .b {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .home-footer .flexbox .right .l .b {

    font-size: 14px;

  }

}

.home-footer .flexbox .right .r .wechat,

.home-footer .flexbox .right .r .qq {

  position: relative;

  display: inline-block;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  margin: 0 20px 0 0;

  transition: 0.3s;

  background: url(../images/wechat.png) center / cover no-repeat;

}

.home-footer .flexbox .right .r .wechat .eweima,

.home-footer .flexbox .right .r .qq .eweima {

  display: none;

  position: absolute;

  bottom: calc(100% + 15px);

  left: 50%;

  right: 0;

  margin: 0 0 0 -50px;

  width: 100px;

  background: #fff;

  padding: 10px 10px 3px;

  text-align: center

}

.home-footer .flexbox .right .r .wechat .eweima img,

.home-footer .flexbox .right .r .qq .eweima img {

  width: 100%;

}

.home-footer .flexbox .right .r .wechat:hover,

.home-footer .flexbox .right .r .qq:hover {

  background: url(../images/wechat-h.png) center / cover no-repeat;

}

.home-footer .flexbox .right .r .wechat:hover .eweima,

.home-footer .flexbox .right .r .qq:hover .eweima {

  display: block;

}

.home-footer .flexbox .right .r .qq {

  margin: 0;

  background: url(../images/zhihu.png) center / cover no-repeat;

}

.home-footer .flexbox .right .r .qq:hover {

  background: url(../images/zhihu-h.png) center / cover no-repeat;

}

.home-footer .backtop {

  display: block;

  margin: 0 0 22px;

  color: rgba(255, 255, 255, 0.3);

}

.home-footer .backtop img {

  opacity: 0.3;

  margin: 0 5px 0 0;

}

.home-footer .copyright {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.3);

}

.about-section1 {

  padding: 80px 0 150px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .about-section1 {

    padding: 80px 0 120px;

  }

}

@media (max-width: 1199px) {

  .about-section1 {

    padding: 60px 0;

  }

}

@media (max-width: 767px) {

  .about-section1 {

    padding: 30px 0 50px;

  }

}

.about-section1 .flexbox {

  display: flex;

  align-items: center;

}

@media (max-width: 767px) {

  .about-section1 .flexbox {

    flex-direction: column-reverse;

  }

}

.about-section1 .leftbox {

  flex: auto;

  transition: 0.3s;

}

.about-section1 .leftbox h2 {

  margin: 0 0 30px;

  font-size: 36px;

  color: #333;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section1 .leftbox h2 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .about-section1 .leftbox h2 {

    font-size: 24px;

    margin: 0 0 20px;

  }

}

@media (max-width: 767px) {

  .about-section1 .leftbox h2 {

    text-align: center;

    margin: 0 0 10px;

    font-size: 18px;

  }

}

.about-section1 .leftbox h2 span {

  /* color: #21d838; */

  /* font-weight: bold; */

}

.about-section1 .leftbox .about-section1-info {

  /*height: 100px;*/

  overflow: hidden;

}

.about-section1 .leftbox .about-section1-info .inner p {

  font-size: 16px;

  color: #999;

  line-height: 1.8;

  transition: 0.3s;

}

.about-section1 .leftbox .about-section1-more {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 155px;

  height: 46px;

  border-radius: 30px;

  background: #21d838;

  color: #fff;

  margin: 50px 0 0;

  font-size: 14px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .about-section1 .leftbox .about-section1-more {

    margin: 30px 0 0;

    width: 135px;

    height: 40px;

  }

}

@media (max-width: 767px) {

  .about-section1 .leftbox .about-section1-more {

    margin: 15px auto 0;

    width: 120px;

    height: 35px;

    font-size: 12px;

  }

}

.about-section1 .leftbox .about-section1-more img {

  margin: 0 0 0 10px;

  transition: 0.3s;

}

.about-section1 .leftbox .about-section1-more.fold img {

  transform: rotate(-180deg);

}

.about-section1 .rightbox {

  padding: 0 50px 0 0;

  position: relative;

  flex: 0 0 760px;

  min-width: 760px;

  margin: 0 0 0 150px;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section1 .rightbox {

    margin: 0 0 0 60px;

    flex: 0 0 680px;

    min-width: 680px;

  }

}

@media (max-width: 1440px) {

  .about-section1 .rightbox {

    flex: 0 0 50%;

    min-width: 50%;

  }

}

@media (max-width: 1199px) {

  .about-section1 .rightbox {

    padding: 0;

  }

}

@media (max-width: 991px) {

  .about-section1 .rightbox {

    margin: 0 0 0 30px;

  }

}

@media (max-width: 767px) {

  .about-section1 .rightbox {

    margin: 0 0 15px;

  }

}

.about-section1 .rightbox .img-box {

  position: relative;

  z-index: 1;

  width: 100%;

  height: 430px;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section1 .rightbox .img-box {

    height: 380px;

  }

}

@media (max-width: 1199px) {

  .about-section1 .rightbox .img-box {

    height: 310px;

  }

}

@media (max-width: 991px) {

  .about-section1 .rightbox .img-box {

    height: 260px;

  }

}

@media (max-width: 575px) {

  .about-section1 .rightbox .img-box {

    height: 200px;

  }

}

.about-section1 .rightbox .img-box:after {

  content: "";

  position: absolute;

  background: #f8f8fa;

  width: 100%;

  height: 100%;

  top: 50px;

  right: -50px;

}

@media (max-width: 1199px) {

  .about-section1 .rightbox .img-box:after {

    display: none;

  }

}

.about-section1 .rightbox .img-box img {

  position: relative;

  z-index: 1;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.about-section2 {

  height: 100%;

  padding: 100px 0;

  background: #f8f8fa;

}

@media (max-width: 1440px) {

  .about-section2 {

    padding: 80px 0;

  }

}

@media (max-width: 1199px) {

  .about-section2 {

    padding: 60px 0;

  }

}

@media (max-width: 991px) {

  .about-section2 {

    padding: 50px 0;

  }

}

.about-section2 .head {

  margin: 0 0 60px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section2 .head {

    margin: 0 0 40px;

  }

}

@media (max-width: 991px) {

  .about-section2 .head {

    margin: 0 0 30px;

  }

}

@media (max-width: 767px) {

  .about-section2 .head {

    margin: 0 0 20px;

  }

}

.about-section2 .head h2 {

  font-size: 36px;

  color: #333;

  text-align: center;

  margin: 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section2 .head h2 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .about-section2 .head h2 {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .about-section2 .head h2 {

    font-size: 18px;

  }

}

.about-section2 .head h2 span {

  color: #21d838;

  font-weight: bold;

}

.about-section2 .head .title-des {

  font-size: 16px;

  color: #666;

  text-align: center;

  margin: 12px 0 0;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section2 .head .title-des {

    font-size: 14px;

    margin: 5px 0 0;

  }

}

.about-section2-swiper {

  padding: 20px;

  margin: 0 -20px 15px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section2-swiper {

    padding: 0;

    margin: 0 0 15px;

  }

}

.about-section2-swiper .swiper-slide {

  visibility: hidden;

}

.about-section2 .about-section2-pagination {

  text-align: center;

  width: 100%;

  position: static;

}

.about-section2 .about-section2-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  opacity: 1;

  background: #ddd;

  transition: 0.3s;

  margin: 0 5px;

}

@media (max-width: 767px) {

  .about-section2 .about-section2-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    margin: 0 4px;

  }

}

.about-section2 .about-section2-pagination .swiper-pagination-bullet-active {

  background: #0072b6;

}

.about-section2 .item {

  height: 300px;

  padding: 110px 36px 0;

  background: #fff;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section2 .item {

    height: 340px;

    padding: 40px 30px 0;

  }

}

@media (max-width: 1199px) {

  .about-section2 .item {

    height: 300px;

    padding: 30px 20px 0;

  }

}

.about-section2 .item .top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 0 70px;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section2 .item .top {

    margin: 0 0 50px;

  }

}

@media (max-width: 1199px) {

  .about-section2 .item .top {

    margin: 0 0 35px;

  }

}

.about-section2 .item .top .tit {

  position: relative;

  max-width: 125px;

  font-size: 30px;

  color: #333;

  margin: 0;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section2 .item .top .tit {

    font-size: 26px;

  }

}

@media (max-width: 1199px) {

  .about-section2 .item .top .tit {

    font-size: 20px;

    max-width: 180px;

  }

}

.about-section2 .item .top .tit:after {

  content: "";

  position: absolute;

  width: 20px;

  height: 2px;

  background: #ddd;

  left: 0;

  bottom: -30px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section2 .item .top .tit:after {

    bottom: -20px;

  }

}

.about-section2 .item .top .num {

  font-family: "GOTHAMRND";

  font-size: 60px;

  color: #21d838;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section2 .item .top .num {

    font-size: 50px;

  }

}

@media (max-width: 1199px) {

  .about-section2 .item .top .num {

    font-size: 40px;

  }

}

.about-section2 .item .des {

  line-height: 1.6;

  font-size: 14px;

  color: #999;

  transition: 0.3s;

}

@media (min-width: 768px) {

  .about-section2 .item:hover {

    transform: translateY(-20px);

    background: #0072b6;

    box-shadow: 0 10px 20px 0 rgba(0, 114, 182, 0.2);

  }

  .about-section2 .item:hover .top .tit {

    color: #fff;

  }

  .about-section2 .item:hover .top .tit:after {

    background: #fff;

  }

  .about-section2 .item:hover .des {

    color: rgba(255, 255, 255, 0.5);

  }

}

.about-section3 {

  height: 100%;

  padding: 100px 0;

  background: #fff;

}

@media (max-width: 1440px) {

  .about-section3 {

    padding: 80px 0;

  }

}

@media (max-width: 1199px) {

  .about-section3 {

    padding: 60px 0;

  }

}

@media (max-width: 991px) {

  .about-section3 {

    padding: 50px 0;

  }

}

.about-section3 .head {

  margin: 0 0 60px;

}

@media (max-width: 1199px) {

  .about-section3 .head {

    margin: 0 0 40px;

  }

}

@media (max-width: 991px) {

  .about-section3 .head {

    margin: 0 0 30px;

  }

}

@media (max-width: 767px) {

  .about-section3 .head {

    margin: 0 0 20px;

  }

}

.about-section3 .head h2 {

  font-size: 36px;

  color: #333;

  text-align: center;

  margin: 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section3 .head h2 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .about-section3 .head h2 {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .about-section3 .head h2 {

    font-size: 18px;

    max-width: 260px;

    margin: auto;

    line-height: 1.3;

  }

}

.about-section3 .head h2 span {

  color: #21d838;

  font-weight: bold;

}

.about-section3 .head .title-des {

  font-size: 16px;

  color: #666;

  text-align: center;

  margin: 12px 0 0;

}

.about-section3-swiper {

  margin: 0 0 15px;

  transition: 0.3s;

}

.about-section3-swiper .swiper-slide {

  visibility: hidden;

}

.about-section3 .about-section3-pagination {

  text-align: center;

  width: 100%;

  position: static;

}

.about-section3 .about-section3-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  opacity: 1;

  background: #ddd;

  transition: 0.3s;

  margin: 0 5px;

}

@media (max-width: 767px) {

  .about-section3 .about-section3-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    margin: 0 4px;

  }

}

.about-section3 .about-section3-pagination .swiper-pagination-bullet-active {

  background: #0072b6;

}

.about-section3 .item {

  position: relative;

  width: 100%;

  height: 533px;

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .about-section3 .item {

    height: 400px;

  }

}





.header2{height:60px;position:fixed;background:#fff;border-bottom:1px solid rgba(255,255,255,.2);z-index:22;top:0px;width:100%;display: none;}

.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}

.header2 .logo{width:220px;margin-top:0px;overflow:hidden;display: inline-block;}

.header2 .logo a{display:block}

.header2 .logo img{vertical-align:top;width: 100%;    height: 100%;}

.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px;float: right;    display: inline;}

.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s;background:0}

.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#333;position:absolute;left:50%;margin-left:-15px;transition:all .3s;}

.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}

.header2 .nav-btn .line1.act{transform: rotate(45deg);}

.header2 .nav-btn .line2.act{opacity: 0;}

.header2 .nav-btn .line3.act{transform: rotate(-45deg);}

.header2 .nav-btn.active .line1{top:0px}

/* .header2 .nav-btn.hover .line{background:#fff} */

.header2 .nav-btn .line2{top:7px}

.header2 .nav-btn .line3{bottom:0px;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}

.header2 .caid{height:55px;line-height:55px;padding-right:10px;position:relative}

.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0px;top:70px;z-index:2;overflow-y:auto;    box-sizing: border-box;}

.search-bg{    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 20;

    background-color: #333;

    display: none;}

.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}

.js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}

.js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}

.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}

.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:60px;color:#fff;position:relative;box-sizing:border-box}

.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}

.header2 .sub-menu .sec-list{line-height:40px;padding:10px 0%;display:none}

.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:60px;text-align:center;background:0;float:right}

.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/rbqbhf1-1agesympaaaaajlfatq816.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:15px}

.header2 .sub-menu .jt.jtRote:after{background:url(../images/rbqbhv1-1y6ektxnaaaaailzzm0174.png) no-repeat center;background-size:20px auto}

.header2 .sub-menu .sec-list p{background:url(../images/rbqbhvzedjgefkuaaaaaagbohja006.png) no-repeat left center;background-size:3px auto;font-size:14px}

.header2 .sub-menu .sec-list a{padding-left:5%;color:#a0a0a0;display:block}

.header2 .sub-menu .sec-list a:active{color:#fff}

.header2 .mo_tel{font-size:16px;color:#fff;font-weight:bold;line-height:60px}

.header2 .mo_tel .iconfont{line-height:40px;height:40px;width:30px;display:inline-block}

.header2 .mo_tel .iconfont:before{content:'\e628';color:#fff;font-size:20px}

.header2 .mo_lan{line-height:60px}

.mobfoot{display: none;}

@media only screen and (max-width: 1200px){

.mobfoot{display: block;}

.header2{display: block;}

header{display: none;}

footer{display: none;}

#w_grid-1572242243834{margin-bottom: 60px;}

.mobfoot{position: fixed;bottom: 0;left: 0;width: 100%;height: 52px;background: #006536;z-index: 9;padding-top: 0;}

.mobfoot a{width: 33.33%;float: left;text-align: center;font-size: 12px;color: #fff;display: block;}

.mobfoot a img{height: 18px;margin: 8px auto 4px;}

.mobfoot{display: block;}



}

@media only screen and (max-width:768px){

.header2 .logo img{    width: 70% !important;

    margin-top: 10px !important;}

.ban_img{margin-top: 60px;}

}







.about-section3 .item .member {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .about-section3 .item .member {

    height: auto;

    vertical-align: top;

    transform: translateY(-65px);

  }

}

.about-section3 .item .mask {

  position: absolute;

  width: 100%;

  bottom: -15%;

  left: 0;

  padding: 40px 0 33px;

  background: rgba(0, 114, 182, 0.95);

  transition: 0.3s;

  opacity: 0;

}

@media (max-width: 767px) {

  .about-section3 .item .mask {

    bottom: 0;

    opacity: 1;

    padding: 15px 0;

  }

}

.about-section3 .item .mask h4 {

  font-size: 24px;

  color: #fff;

  transition: 0.3s;

  margin: 0 0 15px;

  text-align: center;

}

@media (max-width: 767px) {

  .about-section3 .item .mask h4 {

    margin: 0 0 5px;

    font-size: 18px;

  }

}

.about-section3 .item .mask p {

  text-align: center;

  font-size: 16px;

  color: #fff;

  margin: 0 0 15px;

}

@media (max-width: 767px) {

  .about-section3 .item .mask p {

    margin: 0 0 5px;

    font-size: 14px;

  }

}

.about-section3 .item .mask .more {

  display: block;

  margin: 0 auto;

  width: 138px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  color: #fff;

  font-size: 14px;

  background: #21d838;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section3 .item .mask .more {

    width: 120px;

    height: 35px;

    line-height: 35px;

  }

}

@media (min-width: 768px) {

  .about-section3 .item:hover .member {

    transform: scale(1.1);

  }

  .about-section3 .item:hover .mask {

    bottom: 0;

    opacity: 1;

  }

}

.about-section4 {

  height: 100%;

  padding: 100px 0;

  background: #f8f8fa;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .about-section4 {

    padding: 80px 0;

  }

}

@media (max-width: 1199px) {

  .about-section4 {

    padding: 60px 0;

  }

}

@media (max-width: 991px) {

  .about-section4 {

    padding: 50px 0 30px;

  }

}

.about-section4 .head {

  margin: 0 0 60px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section4 .head {

    margin: 0 0 40px;

  }

}

@media (max-width: 991px) {

  .about-section4 .head {

    margin: 0 0 30px;

  }

}

@media (max-width: 767px) {

  .about-section4 .head {

    margin: 0 0 20px;

  }

}

.about-section4 .head h2 {

  font-size: 36px;

  color: #333;

  text-align: center;

  margin: 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section4 .head h2 {

    font-size: 30px;

  }

}

@media (max-width: 991px) {

  .about-section4 .head h2 {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .about-section4 .head h2 {

    font-size: 18px;

  }

}

.about-section4 .head h2 span {

  color: #21d838;

  font-weight: bold;

}

.about-section4 .head .title-des {

  font-size: 16px;

  color: #666;

  text-align: center;

  margin: 12px 0 0;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section4 .head .title-des {

    font-size: 14px;

    margin: 5px 0 0;

  }

}

.about-section4 .flexbox {

  overflow: hidden;

}

.about-section4 .flexbox .box-row {

  margin: 0 -15px;

  display: flex;

  flex-wrap: wrap;

}

.about-section4 .flexbox .box-col {

  flex: 0 0 25%;

  min-width: 25%;

  padding: 0 15px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section4 .flexbox .box-col {

    flex: 0 0 50%;

    min-height: 50%;

    margin: 0 0 15px;

  }

}

.about-section4 .num-group {

  padding: 15px 0 55px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section4 .num-group {

    padding: 15px 0 30px;

  }

}

@media (max-width: 991px) {

  .about-section4 .num-group {

    padding: 10px 0 20px;

  }

}

@media (max-width: 767px) {

  .about-section4 .num-group {

    padding: 5px 0;

  }

}

.about-section4 .num-group .item .num {

  font-size: 48px;

  letter-spacing: 2px;

  margin: 0 0 12px;

  text-align: center;

  color: #0072b6;

  font-family: "GOTHAMRND";

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section4 .num-group .item .num {

    font-size: 40px;

    margin: 0 0 8px;

  }

}

@media (max-width: 991px) {

  .about-section4 .num-group .item .num {

    font-size: 30px;

    margin: 0 0 5px;

  }

}

.about-section4 .num-group .item .des {

  font-size: 16px;

  color: #333;

  text-align: center;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .about-section4 .num-group .item .des {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .about-section4 .num-group .item .des {

    font-size: 12px;

  }

}

.about-section4-swiper {

  padding: 10px;

  margin: 0 -10px 15px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section4-swiper {

    padding: 5px;

    margin: 0 -5px 15px;

  }

}

.about-section4-swiper .swiper-slide {

  visibility: hidden;

}

.about-section4-swiper .item {

  padding: 60px 30px 55px;

  background: #fff;

  border-radius: 5px;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .about-section4-swiper .item {

    padding: 40px 20px;

  }

}

@media (max-width: 1199px) {

  .about-section4-swiper .item {

    padding: 30px 15px;

  }

}

@media (max-width: 767px) {

  .about-section4-swiper .item {

    padding: 20px 15px;

  }

}

.about-section4-swiper .item .top {

  position: relative;

  display: flex;

  align-items: center;

  padding: 0 0 30px;

  margin: 0 0 30px;

  border-bottom: 1px solid #ddd;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .about-section4-swiper .item .top {

    padding: 0 0 20px;

    margin: 0 0 20px;

  }

}

@media (max-width: 1199px) {

  .about-section4-swiper .item .top {

    padding: 0 0 15px;

    margin: 0 0 15px;

  }

}

@media (max-width: 767px) {

  .about-section4-swiper .item .top {

    border-bottom: 1px solid #eee;

  }

}

.about-section4-swiper .item .top:after {

  content: "”";

  font-family: "Arial";

  line-height: 1;

  position: absolute;

  color: rgba(221, 221, 221, 0.2);

  font-size: 200px;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

}

.about-section4-swiper .item .top .img-box {

  flex: 0 0 80px;

  min-height: 80px;

  height: 80px;

  margin: 0 15px 0 0;

}

.about-section4-swiper .item .top .img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.about-section4-swiper .item .top .info h4 {

  font-size: 18px;

  font-weight: bold;

  color: #333;

  margin: 0 0 8px;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .about-section4-swiper .item .top .info h4 {

    font-size: 16px;

    margin: 0 0 5px;

  }

}

.about-section4-swiper .item .top .info p {

  font-size: 14px;

  color: #999;

}

.about-section4-swiper .item .bottom .des {

  font-size: 14px;

  color: #666;

  line-height: 2;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section4-swiper .item .bottom .des {

    line-height: 1.8;

  }

}

.about-section4 .about-section4-pagination {

  text-align: center;

  width: 100%;

  position: static;

}

.about-section4 .about-section4-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  opacity: 1;

  background: #ddd;

  transition: 0.3s;

  margin: 0 5px;

}

@media (max-width: 767px) {

  .about-section4 .about-section4-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    margin: 0 4px;

  }

}

.about-section4 .about-section4-pagination .swiper-pagination-bullet-active {

  background: #0072b6;

}

.about-section4 .partner-section {

  padding: 50px 0 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section4 .partner-section {

    padding: 40px 0 0;

  }

}

.about-section4 .partner-section .flexbox {

  overflow: hidden;

}

.about-section4 .partner-section .flexbox .box-row {

  margin: 0 -10px;

  display: flex;

  flex-wrap: wrap;

}

.about-section4 .partner-section .flexbox .box-col {

  flex: 0 0 16.66%;

  min-width: 16.66%;

  padding: 0 10px;

  margin: 0;

  transition: 0.3s;

  visibility: hidden;

}

@media (max-width: 991px) {

  .about-section4 .partner-section .flexbox .box-col {

    flex: 0 0 33.33%;

    min-width: 33.33%;

  }

}

@media (max-width: 767px) {

  .about-section4 .partner-section .flexbox .box-col {

    margin: 0 0 10px;

  }

}

.about-section4 .partner-section .tit {

  text-align: center;

  font-size: 24px;

  color: #333;

  margin: 0 0 25px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section4 .partner-section .tit {

    font-size: 16px;

    margin: 0 0 10px;

  }

}

.about-section4 .partner-section .item {

  width: 100%;

  height: 110px;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media (max-width: 575px) {

  .about-section4 .partner-section .item {

    height: 70px;

  }

}

.about-section4 .partner-section .item:hover img {

  -webkit-filter: saturate(100%);

  filter: saturate(100%);

  opacity: 1;

}

.about-section4 .partner-section .item img {

  width: auto;

  transition: 0.3s;

  -webkit-filter: saturate(0);

  filter: saturate(0);

  opacity: 0.5;

}

@media (max-width: 1199px) {

  .about-section4 .partner-section .item img {

    width: 120px;

  }

}

@media (max-width: 991px) {

  .about-section4 .partner-section .item img {

    width: auto;

  }

}

@media (max-width: 575px) {

  .about-section4 .partner-section .item img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    -webkit-filter: saturate(100%);

    filter: saturate(100%);

    opacity: 1;

  }

}

.about-section5 {

  padding: 80px 0;

  transition: 0.3s;

  background: #fff;

}

@media (max-width: 1199px) {

  .about-section5 {

    padding: 60px 0;

        margin-bottom: 40px;

  }

}

@media (max-width: 991px) {

  .about-section5 {

    padding: 50px 0 35px;

  }

}

.about-section5 .flexbox {

  overflow: hidden;

}

.about-section5 .flexbox .box-row {

  margin: 0 -20px;

  display: flex;

  flex-wrap: wrap;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .about-section5 .flexbox .box-row {

    margin: 0 -8px;

  }

}

.about-section5 .flexbox .box-col {

  flex: 0 0 50%;

  min-width: 50%;

  padding: 0 20px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .about-section5 .flexbox .box-col {

    padding: 0 8px;

  }

}

@media (max-width: 767px) {

  .about-section5 .flexbox .box-col {

    flex: 0 0 100%;

    min-width: 100%;

    margin: 0 0 15px;

  }

}

.about-section5 .item {

  width: 100%;

  height: 240px;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-position: center;

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding: 0 0 0 78px;

  transition: 0.3s;

}

.about-section5 .item:hover {

  background-size: 110% 110%;

}

@media (max-width: 1199px) {

  .about-section5 .item {

    padding: 0 0 0 50px;

    height: 200px;

  }

}

@media (max-width: 991px) {

  .about-section5 .item {

    padding: 0 0 0 30px;

  }

}

@media (max-width: 767px) {

  .about-section5 .item {

    height: auto;

    padding: 30px 0;

  }

}

.about-section5 .item h3 {

  font-size: 30px;

  color: #fff;

  margin: 0 0 15px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section5 .item h3 {

    font-size: 24px;

    margin: 0 0 10px;

  }

}

@media (max-width: 767px) {

  .about-section5 .item h3 {

    font-size: 18px;

    text-align: center;

  }

}

.about-section5 .item p {

  font-size: 18px;

  color: rgba(255, 255, 255, 0.82);

  margin: 0 0 25px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .about-section5 .item p {

    margin: 0 0 20px;

  }

}

@media (max-width: 767px) {

  .about-section5 .item p {

    text-align: center;

    margin: 0 0 15px;

  }

}

.about-section5 .item .more {

  display: block;

  width: 120px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  border-radius: 5px;

  background: #21d838;

  font-size: 14px;

  color: #fff;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .about-section5 .item .more {

    margin: 0 auto;

    width: 100px;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

  }

}

.contact-content {

  background: #f5f5f5;

}

.contact-content .tab1-content {

  position: relative;

  padding: 80px 0 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab1-content {

    padding: 60px 0 0;

  }

}

@media (max-width: 991px) {

  .contact-content .tab1-content {

    padding: 40px 0 0;

  }

}

@media (max-width: 767px) {

  .contact-content .tab1-content {

    padding: 30px 0 0;

    background: #fff;

  }

}

.contact-content .tab1-content .inner-box {

  background: #fff;

  padding: 80px 70px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .contact-content .tab1-content .inner-box {

    padding: 60px 40px;

  }

}

@media (max-width: 991px) {

  .contact-content .tab1-content .inner-box {

    padding: 40px 30px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab1-content .inner-box {

    padding: 0 0 30px;

  }

}

.contact-content .tab1-content .flexbox {

  display: flex;

  align-items: center;

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox {

    display: block;

  }

}

.contact-content .tab1-content .flexbox .leftbox {

  flex: 1;

  margin: 0 120px 0 0;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .contact-content .tab1-content .flexbox .leftbox {

    margin: 0;

  }

}

.contact-content .tab1-content .flexbox .leftbox h2 {

  font-size: 36px;

  color: #0072b6;

  margin: 0 0 26px;

  padding: 0 0 25px;

  border-bottom: 1px solid #ddd;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .contact-content .tab1-content .flexbox .leftbox h2 {

    font-size: 24px;

    text-align: center;

    border: 0;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .leftbox h2 {

    font-size: 18px;

    padding: 0;

    margin: 0 0 15px;

  }

}

.contact-content .tab1-content .flexbox .leftbox .call {

  display: flex;

  flex-wrap: wrap;

  margin: 0 0 40px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .call {

    margin: 0 0 30px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .leftbox .call {

    margin: 0 0 15px;

  }

}

.contact-content .tab1-content .flexbox .leftbox .call li {

  flex: 0 0 260px;

  min-width: 260px;

  margin: 0 30px 0 0;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .contact-content .tab1-content .flexbox .leftbox .call li {

    flex: 0 0 210px;

    min-width: 210px;

  }

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .call li {

    flex: 0 0 230px;

    min-width: 230px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab1-content .flexbox .leftbox .call li {

    flex: 1;

    min-width: inherit;

    margin: 0 15px 0 0;

  }

}

.contact-content .tab1-content .flexbox .leftbox .call li:last-child {

  margin: 0;

}

.contact-content .tab1-content .flexbox .leftbox .call li .tit {

  font-size: 18px;

  color: #666;

  margin: 0 0 18px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .call li .tit {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab1-content .flexbox .leftbox .call li .tit {

    flex: 1;

    min-width: inherit;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .leftbox .call li .tit {

    font-size: 14px;

    text-align: center;

    margin: 0 0 5px;

  }

}

.contact-content .tab1-content .flexbox .leftbox .call li .des {

  font-size: 30px;

  color: #333;

  font-weight: bold;

  /* font-family: fantasy; */

  letter-spacing: -1.5px;

  white-space: nowrap;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .contact-content .tab1-content .flexbox .leftbox .call li .des {

    font-size: 24px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .leftbox .call li .des {

    font-size: 18px;

    text-align: center;

    font-family: auto;

  }

}

.contact-content .tab1-content .flexbox .leftbox .line {

  margin: 0 0 40px;

}

@media (max-width: 767px) {

  .contact-content .tab1-content .flexbox .leftbox .line {

    display: none;

  }

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact {

    margin: 0 0 30px;

  }

}

.contact-content .tab1-content .flexbox .leftbox .other-contact li {

  flex: 0 0 260px;

  min-width: 260px;

  margin: 0 0 20px;

}

.contact-content .tab1-content .flexbox .leftbox .other-contact li:last-child {

  margin: 0;

}

@media (max-width: 1440px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li {

    flex: 0 0 215px;

    min-width: 215px;

  }

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li {

    flex: 0 0 300px;

    min-width: 300px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li {

    flex: 1;

    min-width: inherit;

    margin: 0 0 15px;

  }

}

.contact-content .tab1-content .flexbox .leftbox .other-contact li:last-child {

  margin: 0;

}

.contact-content .tab1-content .flexbox .leftbox .other-contact li .tit {

  font-size: 16px;

  color: #999;

  margin: 0 0 10px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li .tit {

    color: #666;

    margin: 0 0 5px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li .tit {

    font-size: 14px;

    text-align: center;

  }

}

.contact-content .tab1-content .flexbox .leftbox .other-contact li .des {

  font-size: 16px;

  color: #666;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li .des {

    font-size: 18px;

    color: #333;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .leftbox .other-contact li .des {

    font-size: 16px;

    text-align: center;

  }

}

.contact-content .tab1-content .flexbox .rightbox {

  flex: 0 0 720px;

  min-width: 720px;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .contact-content .tab1-content .flexbox .rightbox {

    flex: 1;

    min-width: inherit;

    margin: 0 0 0 100px;

  }

}

@media (max-width: 1199px) {

  .contact-content .tab1-content .flexbox .rightbox {

    flex: 1;

    min-width: inherit;

    margin: 0;

  }

}

.contact-content .tab1-content .flexbox .rightbox .mapbox {

  width: 100%;

  height: 440px;

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .contact-content .tab1-content .flexbox .rightbox .mapbox {

    height: 350px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab1-content .flexbox .rightbox .mapbox {

    height: 250px;

  }

}

.contact-content .tab1-content .flexbox .rightbox .mapbox img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.contact-content .tab2-content {

  position: relative;

  background: #f5f5f5;

  padding: 75px 0 35px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab2-content {

    padding: 60px 0 30px;

  }

}

@media (max-width: 991px) {

  .contact-content .tab2-content {

    padding: 40px 0 30px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab2-content {

    padding: 30px 0 30px;

  }

}

.contact-content .tab2-content h2 {

  font-size: 36px;

  color: #333;

  margin: 0 0 55px;

  text-align: center;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .contact-content .tab2-content h2 {

    font-size: 24px;

    margin: 0 0 30px;

    border: 0;

  }

}

@media (max-width: 575px) {

  .contact-content .tab2-content h2 {

    font-size: 18px;

    padding: 0;

    margin: 0 0 15px;

  }

}

.contact-content .tab2-content .flexbox .box-row {

  margin: 0 -75px;

  display: flex;

  flex-wrap: wrap;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .contact-content .tab2-content .flexbox .box-row {

    margin: 0 -25px;

  }

}

@media (max-width: 991px) {

  .contact-content .tab2-content .flexbox .box-row {

    margin: 0 -8px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab2-content .flexbox .box-row {

    display: block;

  }

}

.contact-content .tab2-content .flexbox .box-col {

  flex: 0 0 33.33%;

  min-width: 33.33%;

  padding: 0 75px;

  margin: 0 0 30px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .contact-content .tab2-content .flexbox .box-col {

    padding: 0 25px;

  }

}

@media (max-width: 991px) {

  .contact-content .tab2-content .flexbox .box-col {

    padding: 0 8px;

    margin: 0 0 16px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab2-content .flexbox .box-col {

    flex: inherit;

    min-width: inherit;

  }

}

.contact-content .tab2-content .flexbox .box-col:last-child {

  margin: 0;

}

.contact-content .tab2-content .flexbox .box-col.w100 {

  flex: 0 0 100%;

  min-width: 100%;

}

.contact-content .tab2-content .flexbox .box-col .input-group {

  width: 100%;

}

.contact-content .tab2-content .flexbox .box-col .input-group input {

  width: 100%;

  height: 50px;

  font-size: 16px;

  color: #666;

  border: 0;

  outline: none;

  background: #fff;

  padding: 0 20px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .contact-content .tab2-content .flexbox .box-col .input-group input {

    font-size: 14px;

    height: 40px;

    padding: 0 15px;

  }

}

.contact-content .tab2-content .flexbox .box-col .input-group textarea {

  width: 100%;

  height: 280px;

  font-size: 16px;

  color: #666;

  border: 0;

  outline: none;

  background: #fff;

  resize: none;

  padding: 15px 20px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .contact-content .tab2-content .flexbox .box-col .input-group textarea {

    height: 222px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab2-content .flexbox .box-col .input-group textarea {

    height: 150px;

    font-size: 14px;

    padding: 15px;

  }

}

.contact-content .tab2-content .flexbox .ok {

  display: block;

  width: 200px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  background: #02a53a;

  margin: 60px auto 0;

  outline: none;

  padding: 0;

  border: 0;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .contact-content .tab2-content .flexbox .ok {

    margin: 30px auto 0;

    width: 180px;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab2-content .flexbox .ok {

    width: 160px;

    margin: 15px auto 0;

    font-size: 14px;

  }

}

.contact-content .tab2-content .flexbox .ok:hover {

  box-shadow: 0 3px 10px -4px #757575;

}

.contact-content .tab3-content {

  position: relative;

  padding: 75px 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab3-content {

    padding: 60px 0;

  }

}

@media (max-width: 991px) {

  .contact-content .tab3-content {

    padding: 40px 0;

  }

}

@media (max-width: 767px) {

  .contact-content .tab3-content {

    padding: 30px 0;

    background: #fff;

  }

}

.contact-content .tab3-content h2 {

  font-size: 36px;

  color: #333;

  margin: 0 0 35px;

  text-align: center;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .contact-content .tab3-content h2 {

    font-size: 24px;

    margin: 0 0 25px;

    border: 0;

  }

}

@media (max-width: 575px) {

  .contact-content .tab3-content h2 {

    font-size: 18px;

    padding: 0;

    margin: 0 0 15px;

  }

}

.contact-content .tab3-content .smtit {

  max-width: 467px;

  text-align: center;

  margin: 0 auto 30px;

  line-height: 2;

}

.contact-content .tab3-content .flexbox {

  overflow: hidden;

}

.contact-content .tab3-content .flexbox .box-row {

  margin: 0 -20px;

  display: flex;

  flex-wrap: wrap;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab3-content .flexbox .box-row {

    margin: 0 -8px;

  }

}

.contact-content .tab3-content .flexbox .box-col {

  flex: 0 0 50%;

  min-width: 50%;

  padding: 0 20px;

  margin: 0 0 40px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab3-content .flexbox .box-col {

    padding: 0 8px;

    margin: 0 0 16px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab3-content .flexbox .box-col {

    flex: 0 0 100%;

    min-width: 100%;

  }

}

.contact-content .tab3-content .contact-recruit-swiper {

  height: 317px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .contact-content .tab3-content .contact-recruit-swiper {

    height: 200px;

  }

}

.contact-content .tab3-content .contact-recruit-swiper .swiper-wrapper {

  height: auto;

}

.contact-content .tab3-content .contact-recruit-swiper .swiper-slide {

  padding: 0 15px 0 0;

}

.contact-content .tab3-content .contact-recruit-swiper .swiper-scrollbar-drag {

  background: rgba(0, 0, 0, 0.3);

}

.contact-content .tab3-content .contact-recruit-swiper .swiper-scrollbar {

  width: 4px;

  right: 0;

}

.contact-content .tab3-content .item {

  padding: 40px;

  transition: 0.3s;

  background: #fff;

}

@media (max-width: 1199px) {

  .contact-content .tab3-content .item {

    padding: 20px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab3-content .item {

    padding: 20px 0;

    border: 0;

    border-bottom: 1px solid #ddd;

  }

}

@media (max-width: 575px) {

  .contact-content .tab3-content .item {

    padding: 15px 0;

  }

}

.contact-content .tab3-content .item .head {

  margin: 0 0 25px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .contact-content .tab3-content .item .head {

    margin: 0 0 15px;

  }

}

@media (max-width: 767px) {

  .contact-content .tab3-content .item .head {

    border-bottom: 1px solid #ddd;

  }

}

.contact-content .tab3-content .item .head h5 {

  margin: 0;

  color: #333;

  font-size: 30px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .contact-content .tab3-content .item .head h5 {

    font-size: 24px;

  }

}

@media (max-width: 1199px) {

  .contact-content .tab3-content .item .head h5 {

    font-size: 22px;

    margin: 0 0 10px;

  }

}

@media (max-width: 575px) {

  .contact-content .tab3-content .item .head h5 {

    font-size: 16px;

  }

}

.contact-content .tab3-content .item .head span {

  font-size: 14px;

  color: #666;

}

.contact-content .tab3-content .item .head span em {

  font-style: normal;

  color: #0072b6;

}

.contact-content .tab3-content .item .require {

  width: 100px;

  height: 30px;

  line-height: 30px;

  color: #fff;

  text-align: center;

  background: #0072b6;

  font-size: 14px;

  margin: 20px 0;

  transition: 0.3s;

}

.contact-content .tab3-content .item .require:first-child {

  margin: 0 0 20px;

}

@media (max-width: 1440px) {

  .contact-content .tab3-content .item .require {

    margin: 10px 0;

  }

  .contact-content .tab3-content .item .require:first-child {

    margin: 0 0 10px;

  }

}

.contact-content .tab3-content .item ul {

  margin: 0 0 20px;

  transition: 0.3s;

}

.contact-content .tab3-content .item ul:last-child {

  margin: 0;

}

.contact-content .tab3-content .item ul li {

  font-size: 14px;

  color: #666;

  line-height: 2;

}

.contact-content .tab3-content .item ul li:last-child {

  margin: 0;

}

.contact-content .anchor_appoint {

  position: absolute;

  top: 0;

}

@media (max-width: 767px) {

  .contact-content .anchor_appoint {

    top: -60px;

  }

}

.contact-content .currency-show-more {

  border-top: 1px solid #ddd;

}

@media (max-width: 767px) {

  .contact-content .currency-show-more {

    border: 0;

  }

}

.news-content {

  background: #f5f5f5;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .news-content {

    background: #fff;

  }

}

.news-content .news-tab {

  padding: 75px 0 40px;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .news-content .news-tab {

    padding: 60px 0 40px;

  }

}

@media (max-width: 767px) {

  .news-content .news-tab {

    padding: 0;

  }

}

@media (max-width: 767px) {

  .news-content .news-tab .currency-tab li {

    margin: 0;

    flex: 1;

    text-align: center;

  }

  .news-content .news-tab .currency-tab li:after {

    display: none;

  }

}

@media (max-width: 767px) {

  .news-content .news-tab .currency-tab li a {

    display: block;

    width: 100%;

    padding: 30px 0 15px;

  }

}

@media (max-width: 575px) {

  .news-content .news-tab .currency-tab li a {

    padding: 20px 0;

  }

}

.news-content .flexbox .box-row {

  margin: 0 -11px;

  display: flex;

  flex-wrap: wrap;

  visibility: hidden;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .news-content .flexbox .box-row {

    margin: 0 -5%;

  }

}

.news-content .flexbox .box-col {

  flex: 0 0 50%;

  min-width: 50%;

  padding: 0 11px;

  margin: 0 0 22px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .news-content .flexbox .box-col {

    flex: 0 0 100%;

    min-width: 100%;

    padding: 0;

    margin: 0;

  }

}

.news-content .item {

  transition: 0.3s;

  background: #fff;

}

@media (max-width: 767px) {

  .news-content .item {

    padding: 10px 5%;

    border-bottom: 1px solid #eee;

  }

}

.news-content .item a {

  display: flex;

  align-items: center;

  width: 100%;

  height: 100%;

}

.news-content .item .leftbox {

  flex: 1;

  padding: 0 35px 0 30px;

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .news-content .item .leftbox {

    padding: 0 20px 0 30px;

  }

}

@media (max-width: 767px) {

  .news-content .item .leftbox {

    padding: 0 15px 0 0;

  }

}

.news-content .item .leftbox h4 {

  font-size: 20px;

  color: #333;

  margin: 0 0 12px;

  transition: 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 1440px) {

  .news-content .item .leftbox h4 {

    font-size: 18px;

    margin: 0 0 8px;

  }

}

@media (max-width: 991px) {

  .news-content .item .leftbox h4 {

    font-size: 16px;

    margin: 0 0 8px;

  }

}

@media (max-width: 767px) {

  .news-content .item .leftbox h4 {

    font-size: 14px;

    margin: 0 0 8px;

  }

}

.news-content .item .leftbox p {

  font-size: 16px;

  color: #999;

  margin: 0 0 15px;

  line-height: 1.6;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height: 48px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .news-content .item .leftbox p {

    margin: 0 0 12px;

    font-size: 14px;

    max-height: 42px;

  }

}

@media (max-width: 767px) {

  .news-content .item .leftbox p {

    margin: 0 0 8px;

    font-size: 12px;

    max-height: 36px;

  }

}

.news-content .item .leftbox .more {

  font-size: 14px;

  color: #999;

  padding: 12px 0 0;

  border-top: 1px solid #ddd;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .news-content .item .leftbox .more {

    padding: 10px 0 0;

  }

}

@media (max-width: 767px) {

  .news-content .item .leftbox .more {

    font-size: 12px;

    padding: 0;

    border: 0;

  }

}

.news-content .item .rightbox {

  flex: 0 0 294px;

  min-width: 294px;

  height: 195px;

  overflow: hidden;

  background: #ccc;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .news-content .item .rightbox {

    flex: 0 0 200px;

    min-width: 200px;

  }

}

@media (max-width: 1440px) {

  .news-content .item .rightbox {

    height: 170px;

  }

}

@media (max-width: 1199px) {

  .news-content .item .rightbox {

    flex: 0 0 150px;

    min-width: 150px;

    height: 150px;

  }

}

@media (max-width: 991px) {

  .news-content .item .rightbox {

    flex: 0 0 110px;

    min-width: 110px;

    height: 150px;

  }

}

@media (max-width: 767px) {

  .news-content .item .rightbox {

    flex: 0 0 100px;

    min-width: 100px;

    height: 100px;

  }

}

.news-content .item .rightbox img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s;

}

.news-content .item:hover {

  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);

}

.news-content .item:hover .leftbox h4 {

  color: #0072b6;

}

.news-content .item:hover .rightbox img {

  transform: scale(1.1);

}

.news-content .newsList-pagination {

  margin: 60px 0 100px;

  display: flex;

  justify-content: center;

  transition: 0.3s;

  flex-wrap: wrap;

}

@media (max-width: 767px) {

  .news-content .newsList-pagination {

    margin: 40px 0 60px;

  }

}

@media (max-width: 767px) {

  .news-content .newsList-pagination {

    margin: 30px 0;

  }

}

.news-content .newsList-pagination a {

  border: 1px solid #ddd;

  margin: 0 20px 0 0;

  background: transparent;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .news-content .newsList-pagination a {

    margin: 0 15px 0 0;

  }

}

@media (max-width: 575px) {

  .news-content .newsList-pagination a {

    margin: 0 8px 0 0;

  }

}

.news-content .newsList-pagination a:last-child {

  margin-right: 0;

}

.news-content .newsList-pagination a {

  display: block;

  font-size: 14px;

  color: #999;

  padding: 11px 16px;

  margin-bottom: 5px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .news-content .newsList-pagination a {

    padding: 6px 12px;

  }

}

@media (max-width: 575px) {

  .news-content .newsList-pagination a {

    padding: 2px 8px;

  }

}

.news-content .newsList-pagination a.active,

.news-content .newsList-pagination a:hover {

  background: #02a53a;

  border: 1px solid #02a53a;

  color: #fff;

}

.newsView-content {

  padding: 75px 0 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .newsView-content {

    padding: 60px 0 0;

  }

}

@media (max-width: 991px) {

  .newsView-content {

    padding: 40px 0 0;

  }

}

@media (max-width: 767px) {

  .newsView-content {

    padding: 30px 0 0;

  }

}

.newsView-content .viewBox {

  display: flex;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .newsView-content .viewBox {

    flex-direction: column;

    max-width: 768px;

    margin: auto;

  }

}

.newsView-content .viewBox .leftbox {

  flex: 0 0 428px;

  min-width: 428px;

  padding: 0 88px 95px 0;

  height: auto;

  border-right: 2px solid #eee;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .newsView-content .viewBox .leftbox {

    flex: 0 0 360px;

    min-width: 360px;

    padding: 0 60px 80px 0;

  }

}

@media (max-width: 1199px) {

  .newsView-content .viewBox .leftbox {

    flex: 0 0 280px;

    min-width: 280px;

    padding: 0 40px 60px 0;

    border-right: 1px solid #eee;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox {

    flex: inherit;

    min-width: inherit;

    padding: 0;

    border: 0;

  }

}

.newsView-content .viewBox .leftbox .boxtitle {

  position: relative;

  margin: 0 0 20px;

  font-size: 30px;

  color: #21d838;

  display: flex;

  align-items: center;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .leftbox .boxtitle {

    font-size: 20px;

    margin: 0 0 15px;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .boxtitle {

    font-size: 18px;

    margin: 0;

  }

}

@media (max-width: 767px) {

  .newsView-content .viewBox .leftbox .boxtitle {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .leftbox .boxtitle {

    font-size: 14px;

  }

}

.newsView-content .viewBox .leftbox .boxtitle img {

  margin: 0 8px 0 0;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .boxtitle img {

    margin: 0 8px 0 0;

    width: 18px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .leftbox .boxtitle img {

    margin: 0 8px 0 0;

    width: 14px;

  }

}

.newsView-content .viewBox .leftbox .boxtitle .server-dropdown-btn {

  position: absolute;

  height: 100%;

  right: 0;

  top: 0;

}

@media (min-width: 992px) {

  .newsView-content .viewBox .leftbox .boxtitle .server-dropdown-btn {

    display: none;

  }

}

.newsView-content .viewBox .leftbox .boxtitle .server-dropdown-btn .show-server-name {

  margin: 0 5px 0 0;

}

.newsView-content .viewBox .leftbox .server-menu-box {

  position: relative;

  width: 100%;

  margin: 0 0 45px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .server-menu-box {

    margin: 0 0 40px;

  }

}

@media (max-width: 767px) {

  .newsView-content .viewBox .leftbox .server-menu-box {

    margin: 0 0 30px;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first {

    position: absolute;

    z-index: 1;

    width: 100%;

    top: 100%;

    left: 0;

    margin: 15px 0 0;

    background: #fff;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0;

    -webkit-transform-origin: top right;

    transform-origin: top right;

    transition: 0.4s;

  }

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first.on {

    -webkit-transform: scale(1) !important;

    transform: scale(1) !important;

    opacity: 1 !important;

  }

}

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li {

  margin: 0 0 10px;

  padding: 0;

  border-bottom: 1px solid #ddd;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li {

    margin: 0;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li {

    border-bottom: 1px solid #eee;

  }

}

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li:last-child {

  margin: 0;

}

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a {

  flex: 1;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 18px;

  color: #333;

  padding: 16px 22px 16px 0;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a {

    padding: 12px 20px 12px 0;

    font-size: 16px;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a {

    padding: 15px;

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a {

    padding: 8px 15px;

    font-size: 14px;

  }

}

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a > span {

  font-size: 25px;

  text-align: right;

  color: #999;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a > span {

    font-size: 20px;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > a > span {

    display: none;

  }

}

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li.active > a,

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li:hover > a {

  color: #0072b6;

}

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li.active > a > span,

.newsView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li:hover > a > span {

  color: #0072b6;

}

.newsView-content .viewBox .leftbox .news-list-box ul.newsList li {

  line-height: 2;

}

.newsView-content .viewBox .leftbox .news-list-box ul.newsList li a {

  width: 100%;

  display: block;

  position: relative;

  padding: 0 0 0 20px;

  font-size: 16px;

  color: #666;

  transition: 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 1199px) {

  .newsView-content .viewBox .leftbox .news-list-box ul.newsList li a {

    font-size: 14px;

    padding: 0 0 0 10px;

  }

}

.newsView-content .viewBox .leftbox .news-list-box ul.newsList li a:before {

  content: "";

  position: absolute;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #ddd;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  transition: 0.3s;

}

.newsView-content .viewBox .leftbox .news-list-box ul.newsList li a:hover {

  color: #21d838;

}

.newsView-content .viewBox .leftbox .news-list-box ul.newsList li a:hover:after {

  background: #21d838;

}

.newsView-content .viewBox .rightbox {

  flex: auto;

  padding: 0 0 95px 170px;

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .newsView-content .viewBox .rightbox {

    padding: 0 0 80px 100px;

  }

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox {

    padding: 0 0 80px 60px;

  }

}

@media (max-width: 1199px) {

  .newsView-content .viewBox .rightbox {

    padding: 0 0 60px 40px;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .rightbox {

    padding: 0 0 40px 0;

    flex: inherit;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox {

    padding: 0 0 30px;

  }

}

@media (max-width: 991px) {

  .newsView-content .viewBox .rightbox .currency-breadnav {

    display: none;

  }

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .currency-breadnav li:after {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .currency-breadnav li a {

    font-size: 14px;

  }

}

.newsView-content .viewBox .rightbox .box-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 0 0 45px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .newsView-content .viewBox .rightbox .box-header {

    justify-content: center;

    margin: 0 0 30px;

  }

}

@media (max-width: 767px) {

  .newsView-content .viewBox .rightbox .box-header {

    margin: 0 0 20px;

  }

}

/* @media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .box-header {

    margin: 0 0 8px;

  }

} */

.newsView-content .viewBox .rightbox .box-header .tit {

  font-size: 30px;

  color: #333;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .box-header .tit {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .newsView-content .viewBox .rightbox .box-header .tit {

    font-size: 20px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .box-header .tit {

    font-size: 18px;

  }

}

.newsView-content .viewBox .rightbox .user-info {

  padding: 0 0 28px;

  border-bottom: 1px solid #ddd;

  margin: 0 0 35px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .newsView-content .viewBox .rightbox .user-info {

    padding: 0 0 15px;

    margin: 0 0 30px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .user-info {

    padding: 0 0 15px;

    margin: 0 0 15px;

  }

}

.newsView-content .viewBox .rightbox .user-info .flexbox {

  display: flex;

  align-items: center;

}

.newsView-content .viewBox .rightbox .user-info .flexbox .img-box {

  flex: 0 0 55px;

  min-width: 55px;

  height: 55px;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 10px 0 0;

}

/* @media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .user-info .flexbox .img-box {

    display: none;

  }

} */

.newsView-content .viewBox .rightbox .user-info .flexbox .img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.newsView-content .viewBox .rightbox .user-info .flexbox .info {

  flex: 1;

  transition: 0.3s;

}

/* @media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .user-info .flexbox .info {

    display: none;

  }

} */

.newsView-content .viewBox .rightbox .user-info .flexbox .info .name {

  font-size: 14px;

  color: #999;

  margin: 0 0 8px;

}

.newsView-content .viewBox .rightbox .user-info .flexbox .info .des {

  font-size: 16px;

  color: #333;

  font-weight: bold;

  transition: 0.3s;

}

.newsView-content .viewBox .rightbox .user-info .flexbox .info .infotime {

  font-size: 12px;

  color: #999;

  display: none;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .user-info .flexbox .info .des {

    font-size: 14px;

  }

}

.newsView-content .viewBox .rightbox .user-info .flexbox .time {

  flex: 0 0 160px;

  min-width: 160px;

  display: flex;

  align-items: flex-end;

  font-size: 14px;

  color: #999;

  justify-content: flex-end;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .newsView-content .viewBox .rightbox .user-info .flexbox .time {

    flex: 0 0 140px;

    min-width: 140px;

    font-size: 12px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .user-info .flexbox .info .name,

  .newsView-content .viewBox .rightbox .user-info .flexbox .info .des {

    margin: 0 0 3px;

  }

  .newsView-content .viewBox .rightbox .user-info .flexbox .info .des{

    color: #666;

  }

  .newsView-content .viewBox .rightbox .user-info .flexbox .time {

    /* flex: 0 0 100%; */

    /* min-width: 100%; */

    /* justify-content: center; */

    display: none;

  }

  .newsView-content .viewBox .rightbox .user-info .flexbox .info .infotime {

    display: block;

  }

}

.newsView-content .viewBox .rightbox .markdown-info p {

  font-size: 16px;

  color: #666;

  line-height: 1.8;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .markdown-info p {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .markdown-info p {

    line-height: 1.5;

  }

}

.newsView-content .viewBox .rightbox .markdown-info p.tit {

  font-weight: bold;

  margin: 33px 0 0;

  color: #666;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .markdown-info p.tit {

    margin: 25px 0 0;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .markdown-info p.tit {

    margin: 15px 0 0;

  }

}

.newsView-content .viewBox .rightbox .bottom-operate {

  margin: 70px 0 0;

  padding: 30px 0 0;

  display: flex;

  align-items: center;

  border-top: 1px solid #ddd;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .bottom-operate {

    margin: 60px 0 0;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .bottom-operate {

    margin: 30px 0 0;

    padding: 15px 0 0;

  }

}

.newsView-content .viewBox .rightbox .bottom-operate .prev,

.newsView-content .viewBox .rightbox .bottom-operate .next {

  flex: 1;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.newsView-content .viewBox .rightbox .bottom-operate a {

  font-size: 16px;

  color: #666;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .newsView-content .viewBox .rightbox .bottom-operate a {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .newsView-content .viewBox .rightbox .bottom-operate a {

    font-size: 12px;

  }

}

.newsView-content .viewBox .rightbox .bottom-operate a:hover {

  color: #0072b6;

}

.newsView-content .viewBox .rightbox .bottom-operate .next {

  text-align: right;

}

.serverView-content {

  padding: 75px 0 0;

  transition: 0.3s;

}

@media (max-width: 1199px) {

  .serverView-content {

    padding: 60px 0 0;

  }

}

@media (max-width: 991px) {

  .serverView-content {

    padding: 40px 0 0;

  }

}

@media (max-width: 767px) {

  .serverView-content {

    padding: 30px 0 0;

  }

}

.serverView-content .viewBox {

  display: flex;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .serverView-content .viewBox {

    flex-direction: column;

    max-width: 768px;

    margin: auto;

  }

}

.serverView-content .viewBox .leftbox {

  flex: 0 0 428px;

  min-width: 428px;

  padding: 0 88px 95px 0;

  height: auto;

  border-right: 2px solid #eee;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .serverView-content .viewBox .leftbox {

    flex: 0 0 360px;

    min-width: 360px;

    padding: 0 60px 80px 0;

  }

}

@media (max-width: 1199px) {

  .serverView-content .viewBox .leftbox {

    flex: 0 0 280px;

    min-width: 280px;

    padding: 0 40px 60px 0;

    border-right: 1px solid #eee;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox {

    flex: inherit;

    min-width: inherit;

    padding: 0;

    border: 0;

  }

}

.serverView-content .viewBox .leftbox .boxtitle {

  position: relative;

  margin: 0 0 20px;

  color: #21d838;

  display: flex;

  align-items: center;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .leftbox .boxtitle {

    font-size: 20px;

    margin: 0 0 15px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .boxtitle {

    font-size: 18px;

    justify-content: flex-end;

    margin: 0;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .leftbox .boxtitle {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .leftbox .boxtitle {

    font-size: 14px;

  }

}

.serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn {

  display: flex;

  align-items: center;

}

.serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn span {

  color: #21d838;

  font-size: 30px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn span {

    font-size: 20px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn span {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn span {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn span {

    font-size: 14px;

  }

}

.serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn i {

  margin: 0 0 0 8px;

}

@media (min-width: 992px) {

  .serverView-content .viewBox .leftbox .boxtitle #show-navlist-btn i {

    display: none;

  }

}

.serverView-content .viewBox .leftbox .boxtitle img {

  margin: 0 8px 0 0;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .boxtitle img {

    margin: 0 8px 0 0;

    width: 18px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .leftbox .boxtitle img {

    margin: 0 8px 0 0;

    width: 14px;

  }

}

.serverView-content .viewBox .leftbox .boxtitle .server-dropdown-btn {

  position: absolute;

  height: 100%;

  right: 0;

  top: 0;

}

@media (min-width: 992px) {

  .serverView-content .viewBox .leftbox .boxtitle .server-dropdown-btn {

    display: none;

  }

}

.serverView-content .viewBox .leftbox .boxtitle .server-dropdown-btn .show-server-name {

  margin: 0 5px 0 0;

}

.serverView-content .viewBox .leftbox .boxtitle.jc-sb {

  justify-content: space-between;

}

.serverView-content .viewBox .leftbox .boxtitle.jc-sb .location {

  color: #333;

}

.serverView-content .viewBox .leftbox .server-menu-box {

  position: relative;

  width: 100%;

  margin: 0 0 45px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .server-menu-box {

    margin: 0 0 20px;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .leftbox .server-menu-box {

    margin: 0 0 10px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first {

    position: absolute;

    z-index: 1;

    width: 100%;

    max-height: 300px;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    top: 100%;

    left: 0;

    margin: 15px 0 0;

    background: #fff;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0;

    -webkit-transform-origin: top right;

    transform-origin: top right;

    transition: 0.4s;

  }

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first.on {

    -webkit-transform: scale(1) !important;

    transform: scale(1) !important;

    opacity: 1 !important;

  }

}

.serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li {

  margin: 0 0 10px;

  padding: 0;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li {

    margin: 0;

  }

}

.serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li:last-child {

  margin: 0;

}

.serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > a {

  flex: 1;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 18px;

  color: #333;

  padding: 16px 22px 16px 0;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > a {

    padding: 12px 20px 12px 0;

    font-size: 16px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > a {

    padding: 15px;

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > a {

    padding: 8px 15px;

    font-size: 14px;

  }

}

.serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > span {

  font-size: 25px;

  text-align: right;

  color: #999;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > span {

    font-size: 20px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li > .item > span {

    transform: rotate(90deg);

  }

}

.serverView-content .viewBox .leftbox .server-menu-box ul.navlist-first > li.on > .item > span {

  transform: rotate(90deg);

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .currency-navmenu-list ul.navlist-second {

    padding: 0 20px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .currency-navmenu-list ul.navlist-second > li {

    border-bottom: 1px dashed #ddd;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .currency-navmenu-list ul.navlist-second > li > a {

    font-size: 13px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .currency-navmenu-list ul.navlist-first > li > .item {

    border-bottom: 1px solid #eee;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .currency-navmenu-list ul.navlist-second > li.on {

    padding: 5px 0;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .leftbox .currency-navmenu-list ol.navlist-third > li > a {

    font-size: 12px;

  }

}

.serverView-content .viewBox .leftbox .news-list-box ul.newsList li {

  line-height: 2;

}

.serverView-content .viewBox .leftbox .news-list-box ul.newsList li a {

  width: 100%;

  display: block;

  position: relative;

  padding: 0 0 0 20px;

  font-size: 16px;

  color: #666;

  transition: 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 1199px) {

  .serverView-content .viewBox .leftbox .news-list-box ul.newsList li a {

    font-size: 14px;

    padding: 0 0 0 10px;

  }

}

.serverView-content .viewBox .leftbox .news-list-box ul.newsList li a:before {

  content: "";

  position: absolute;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #ddd;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  transition: 0.3s;

}

.serverView-content .viewBox .leftbox .news-list-box ul.newsList li a:hover {

  color: #21d838;

}

.serverView-content .viewBox .leftbox .news-list-box ul.newsList li a:hover:after {

  background: #21d838;

}

.serverView-content .viewBox .rightbox {

  flex: auto;

  padding: 0 0 95px 170px;

  overflow: hidden;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .serverView-content .viewBox .rightbox {

    padding: 0 0 80px 100px;

  }

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox {

    padding: 0 0 80px 60px;

  }

}

@media (max-width: 1199px) {

  .serverView-content .viewBox .rightbox {

    padding: 0 0 60px 40px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .rightbox {

    padding: 0 0 40px 0;

    flex: inherit;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox {

    padding: 0 0 30px;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .rightbox .currency-breadnav {

    display: none;

  }

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox .currency-breadnav li:after {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox .currency-breadnav li a {

    font-size: 14px;

  }

}

.serverView-content .viewBox .rightbox .box-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 0 0 45px;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .serverView-content .viewBox .rightbox .box-header {

    justify-content: center;

    margin: 0 0 30px;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .box-header {

    margin: 0 0 20px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .box-header {

    margin: 0 0 8px;

  }

}

.serverView-content .viewBox .rightbox .box-header .tit {

  font-size: 30px;

  color: #333;

  transition: 0.3s;

}

.serverView-content .viewBox .rightbox .box-header .tit span {

  font-size: 16px;

  color: #666;

  margin: 0 0 0 16px;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox .box-header .tit {

    font-size: 24px;

    display: flex;

    flex-direction: column;

  }

  .serverView-content .viewBox .rightbox .box-header .tit span {

    margin: 0;

  }

}

@media (max-width: 991px) {

  .serverView-content .viewBox .rightbox .box-header .tit {

    justify-content: center;

    text-align: center;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .box-header .tit {

    font-size: 20px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .box-header .tit {

    font-size: 18px;

  }

}

.serverView-content .viewBox .rightbox .user-info {

  padding: 35px;

  background: #f8f8f8;

  margin: 0 0 40px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox .user-info {

    padding: 25px;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .user-info {

    margin: 0 0 20px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info {

    padding: 15px 0;

    margin: 15px 0 20px;

  }

}

.serverView-content .viewBox .rightbox .user-info .flexbox {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info .flexbox {

    flex-direction: column;

  }

}

.serverView-content .viewBox .rightbox .user-info .inner {

  display: flex;

  align-items: center;

  transition: 0.3s;

}

@media (max-width: 1800px) {

  .serverView-content .viewBox .rightbox .user-info .inner {

    margin: 0 15px 0 0;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info .inner {

    flex-direction: column;

    margin: 0 0 10px;

  }

}

.serverView-content .viewBox .rightbox .user-info .img-box {

  flex: 0 0 98px;

  min-width: 98px;

  height: 98px;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 15px 0 0;

}

.serverView-content .viewBox .rightbox .user-info .img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .user-info .img-box {

    flex: 0 0 60px;

    min-width: 60px;

    width: 60px;

    height: 60px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info .img-box {

    margin: 0 0 8px;

  }

}

.serverView-content .viewBox .rightbox .user-info .info .name {

  font-size: 16px;

  color: #999;

  margin: 0 0 12px;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .user-info .info .name {

    font-size: 14px;

    margin: 0 0 5px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info .info .name {

    text-align: center;

  }

}

.serverView-content .viewBox .rightbox .user-info .info .des {

  font-size: 18px;

  color: #333;

  font-weight: bold;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .user-info .info .des {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info .info .des {

    text-align: center;

  }

}

.serverView-content .viewBox .rightbox .user-info .num {

  color: #333;

  font-size: 18px;

  font-weight: bold;

}

@media (max-width: 1800px) {

  .serverView-content .viewBox .rightbox .user-info .num {

    display: none;

  }

}

.serverView-content .viewBox .rightbox .user-info .num span {

  font-size: 30px;

  color: #21d838;

  font-weight: bold;

}

.serverView-content .viewBox .rightbox .user-info .more {

  flex: 0 0 155px;

  min-width: 155px;

  height: 52px;

  line-height: 52px;

  border-radius: 5px;

  background: #0072b6;

  color: #fff;

  font-size: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s;

}

.serverView-content .viewBox .rightbox .user-info .more img {

  margin: 0 8px 0 0;

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .user-info .more {

    flex: 0 0 110px;

    min-width: 110px;

    height: 45px;

    font-size: 12px;

  }

  .serverView-content .viewBox .rightbox .user-info .more img {

    width: 16px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .user-info .more {

    flex: inherit;

    min-width: inherit;

    height: auto;

    line-height: inherit;

    padding: 10px 15px;

  }

}

.serverView-content .viewBox .rightbox .viewtitle {

  font-size: 24px;

  color: #21d838;

  padding: 0 0 16px;

  border-bottom: 1px solid #ddd;

  margin: 0 0 40px;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox .viewtitle {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .viewtitle {

    margin: 0 0 20px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .viewtitle {

    font-size: 16px;

  }

}

.serverView-content .viewBox .rightbox .view-img-box {

  margin: 0 0 40px;

  transition: 0.3s;

}

.serverView-content .viewBox .rightbox .view-img-box img {

  width: 100%;

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .view-img-box {

    margin: 0 0 20px;

  }

}

.serverView-content .viewBox .rightbox .business-box {

  overflow: hidden;

}

.serverView-content .viewBox .rightbox .business-box .box-row {

  margin: 0 -10px;

  display: flex;

  flex-wrap: wrap;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .business-box .box-row {

    margin: 0 -8px;

  }

}

.serverView-content .viewBox .rightbox .business-box .box-col {

  flex: 0 0 33.33%;

  min-width: 33.33%;

  padding: 0 10px;

  margin: 0 0 20px;

  transition: 0.3s;

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .business-box .box-col {

    padding: 0 8px;

    margin: 0 0 16px;

  }

}

.serverView-content .viewBox .rightbox .business-box .item {

  display: flex;

  width: 100%;

  height: 100px;

  justify-content: center;

  align-items: center;

  font-size: 24px;

  color: #333;

  background: #f5f5f5;

  transition: 0.3s;

}

@media (max-width: 1440px) {

  .serverView-content .viewBox .rightbox .business-box .item {

    height: 80px;

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .serverView-content .viewBox .rightbox .business-box .item {

    height: 80px;

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .serverView-content .viewBox .rightbox .business-box .item {

    height: 60px;

    font-size: 14px;

  }

}

.serverView-content .viewBox .rightbox .business-box .item:hover {

  background: #0062aa;

  color: #fff;

}

.z-server-title{

  display: none;

  position: absolute;

  left: 0;

  color: #333;

}

@media (max-width: 991px) {

  .z-server-title{

    display: block;

  }

  .serverView-content .viewBox .rightbox .box-header .tit{

    display: none;

  }

}





/*new right*/

.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100; opacity: 0;transition: .3s;}

.cndns-right.on{opacity: 1;}

.cndns-right-meau{position:relative;}

.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}

.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}

.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#21d838;position:absolute;left:-12px;top:-12px;}

.cndns-right-btn p{color:#21d838;font-size:14px;line-height:18px;padding-top:5px;display:none;}

.cndns-right-meau:hover .cndns-right-btn span{display:none}

.cndns-right-meau:hover .cndns-right-btn p{display:block;}

.meau-car .cndns-right-btn {border-color:#21d838;margin-bottom:20px;}

.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#21d838}

.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}

.meau-car .cndns-right-btn span{color:#21d838;}

.cndns-right-meau .cndns-right-btn p{color:#fff}

.meau-sev .cndns-right-btn span{color:#fff}

.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}

.meau-top .cndns-right-btn i{display:block;color:#999}

.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#21d838}

.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}

.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}

.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #21d838;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}

.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}

.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:35px;margin-right:20px;color:#d3d3d3}

.cndns-right-box .box-border .sev-t p{float:left;color:#21d838;font-size:24px;line-height:28px;}

.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;font-style: normal;}

.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}

.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}

.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}

.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/rsec1img2.png) no-repeat left center;line-height:36px;}

.cndns-right-box .box-border .sev-b li a:hover{color:#21d838}

.meau-sev .cndns-right-box .box-border{width:480px;}

.meau-contact .cndns-right-box .box-border{width:480px;}

.cndns-right-meau:hover .cndns-right-box{display:block}

.meau-code .cndns-right-box{top:inherit;bottom:-35px;}

.meau-code .cndns-right-box .box-border{width:480px;}

.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}

.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}

.cndns-right-meau:hover .cndns-right-btn{background:#21d838}

.meau-zs .cndns-right-btn{background-color:#21d838;color:#fff;margin-top:80px;border-color:#21d838}

.meau-zs .cndns-right-btn span{color:#fff}

.meau-zs .cndns-right-btn p{color:#fff}

.z-phone{color: #999; font-size: 16px; margin: 0 0 10px;}

.z-phone span{font-size: 24px; color: #21d838;}

.z-eweima-box{display: flex;}

.z-eweima{width: 100px; margin: 0 35px 0 0; text-align: center;}

.z-eweima img{width: 100%; margin: 0 0 5px;}

.z-eweima:last-child{margin: 0;}

@media (max-width: 576px) {

  .cndns-right{

    display: none;

  }

}





.navbar-left{

  display: flex;

  align-items: center;

}

.navbar-left .navbar-des{

  font-size: 20px;

  color: #333;

  margin: 0 0 0 25px;

}

@media (max-width: 1710px) {

  .navbar-left .navbar-des{

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .navbar-left .navbar-des{

    font-size: 16px;

  }

}

@media (max-width: 1200px) {

  .navbar-left .navbar-des{

    display: none;

  }

}

@media (max-width: 768px) {

  .navbar-left .navbar-des{

    display: block;

  }

}

@media (max-width: 576px) {

  .navbar-left .navbar-des{

    display: none;

  }

}







.home-bottomNav-fixed {

  position: relative;

  z-index: 999;

  width: 100%;

  height: 1rem;

}

.home-bottomNav-fixed .home-bottomNav {

  position: fixed;

  width: 100%;

  height: 1rem;

  left: 0;

  bottom: 0;

  z-index: 999;

  box-shadow: 0 1px 5px 0 #757575;

}

.home-bottomNav {

  width: 100%;

  height: 1.1rem;

  background: #fff;

  display: flex;

  align-items: center;

}

.home-bottomNav ul {

  width: 100%;

  display: flex;

  align-items: center;

}

.home-bottomNav ul li {

  flex: 1;

}

.home-bottomNav ul li a {

  display: block;

  width: 100%;

  height: 100%;

}

.home-bottomNav ul li a .img-box {

  width: 100%;

  height: 0.31rem;

  overflow: hidden;

  margin: 0 0 0.1rem;

}

.home-bottomNav ul li a .img-box img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.home-bottomNav ul li a p {

  text-align: center;

  font-size: 0.18rem;

}

@media (min-width: 576px) {

  .home-bottomNav-fixed {

    display: none;

  }

}

.hm{

  font-family: PingFangSC-Regular, "微软雅黑", sans-serif;

  padding: 95px 0 45px;

  background: #005e96 url(../images/hm-body-bg.jpg) top center / cover no-repeat;

}

.hm .body-title{

  font-weight: bold;

  font-size: 100px;

  color: #fff;

  text-align: center;

  margin: 0 0 55px;

  letter-spacing: 2px;

}

.hm .search-box{

  max-width: 840px;

  height: 70px;

  border-radius: 35px;

  background: #fff;

  overflow: hidden;

  display: flex;

  margin: 0 auto 30px;

}

.hm .search-box input{

  background: #fff;

  border: 0;

  outline: none;

  font-size: 16px;

  padding: 0 30px;

  flex: 1;

}

.hm .search-box .search-btn{

  flex: 0 0 200px;

  max-width: 200px;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 24px;

  background: #ffd800;

  border-radius: 35px;

}

.hm .search-box .search-btn img{

  flex: 0 0 25px;

  max-width: 25px;

  margin: 0 15px 0 0;

}

.hm .search-list{

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin: 0 0 40px;

}

.hm .search-list li{

  margin: 0 30px 0 0;

  font-size: 16px;

  color: rgba(255, 255, 255, .5);

}

.hm .search-list li:first-child{

  margin: 0 20px 0 0;

}

.hm .search-list li:last-child{

  margin: 0;

}

.hm .search-list li a{

  font-size: 16px;

  color: rgba(255, 255, 255, .5);

  transition: .3s;

}

.hm .search-list li a:hover{

  color: rgba(255, 255, 255, 1);

}

.hm-section1{

  width: 100%;

  border-radius: 10px;

  background: #fff;

  margin: 0 0 30px;

}

.hm-section1 .flexbox{

  display: flex;

}

.hm-section1 .leftbox{

  flex: 0 0 220px;

  max-width: 220px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  border-right: 1px solid #ddd;

  padding: 20px 0;

}

.hm-section1 .leftbox #time{

  color: #0072b6;

  font-size: 30px;

  margin: 0 0 14px;

}

.hm-section1 .leftbox h4{

  font-size: 24px;

  font-weight: bold;

  margin: 0;

}

.hm-section1 .rightbox{

  flex: 1;

  overflow: hidden;

  padding: 20px 40px;

}

.hm-section1 .hm-section1-swiper{

  height: 126px;

}

.hm-section1 .hm-section1-swiper .swiper-slide{

  display: flex;

  align-items: center;

  border-bottom: 1px dashed #ddd;

}

.hm-section1 .hm-section1-swiper .swiper-slide p{

  flex: 0 0 50%;

  max-width: 50%;

  font-size: 16px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding: 0 15px 0 0;

}

.hm-section1 .hm-section1-swiper .swiper-slide p span{

  color: #0072b6;

}

.hm-section1 .hm-section1-swiper .swiper-slide.swiper-slide-prev,

.hm-section1 .hm-section1-swiper .swiper-slide.swiper-slide-next{

  border-bottom: 1px dashed transparent;

}

.hm-section2{

  width: 100%;

  border-radius: 10px;

  background: #fff;

  padding: 50px 85px;

  margin: 0 0 30px;

}

.hm-section2 h3{

  font-size: 30px;

  text-align: center;

  margin: 0 0 35px;

  font-weight: bold;

}

.hm-section2 .box-row{

  display: flex;

  flex-wrap: wrap;

  margin: 0 -86px;

}

.hm-section2 .box-col{

  flex: 0 0 33.33%;

  max-width: 33.33%;

  padding: 0 86px;

  text-align: center;

  position: relative;

}

.hm-section2 .box-col:after{

  content: "";

  position: absolute;

  border-left: 1px dashed #ddd;

  width: 1px;

  height: 170px;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

}

.hm-section2 .box-col:last-child:after{

  display: none;

}

.hm-section2 .box-col .ico{

  width: auto;

  height: 50px;

  margin: 0 0 26px;

}

.hm-section2 .box-col .ico img{

  width: auto;

  height: 100%;

}

.hm-section2 .box-col h4{

  font-size: 24px;

  margin: 0 0 25px;

}

.hm-section2 .box-col p{

  line-height: 2;

  font-size: 14px;

  color: #666;

}

.hm-section3{

  margin: 0 0 50px;

}

.hm-section3 .box-row{

  display: flex;

  flex-wrap: wrap;

  margin: 0 -10px;

}

.hm-section3 .box-col{

  flex: 0 0 25%;

  max-width: 25%;

  padding: 0 10px;

}

.hm-section3 .box-col .item{

  border: 1px solid #4d8fb5;

  border-radius: 5px;

  padding: 60px 15px 40px;

  text-align: center;

}

.hm-section3 .box-col .item h4{

  margin: 0 0 15px;

  color: #fff;

  font-size: 24px;

}

.hm-section3 .box-col .item p{

  margin: 0 0 18px;

  font-size: 16px;

  color: rgba(255, 255, 255, .5);

}

.hm-section3 .box-col .item .more{

  width: 130px;

  height: 35px;

  margin: 0 auto;

  background: #ffd800;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

  border-radius: 18px;

}

.hm-footer{

  text-align: center;

  color: rgba(255, 255, 255, .2);

}

.hm-footer a{

  margin: 0 0 0 15px;

  color: rgba(255, 255, 255, .2);

  transition: .3s;

}

.hm-footer a:hover{

  color: rgba(255, 255, 255, 1);

}

@media (min-width: 768px) {

    .hm .container{

        width:750px;

    }

}

@media (min-width: 992px) {

    .hm .container{

      width:970px;

    }

}

@media (min-width: 1200px) {

  .hm .container{

    max-width: 1200px;

    width: 100%;

  }

}

@media (max-width: 1199px) {

  .hm .body-title{

    font-size: 80px;

  }

  .hm-section1 .leftbox{

    flex: 0 0 180px;

    max-width: 180px;

  }

  .hm-section1 .hm-section1-swiper .swiper-slide p{

    font-size: 14px;

  }

  .hm .search-list li a{

    font-size: 14px;

  }

  .hm .search-box input{

    font-size: 14px;

  }

  .hm .search-box{

    height: 60px;

  }

  .hm .search-box .search-btn{

    font-size: 20px;

  }

  .hm .search-box .search-btn img{

    flex: 0 0 18px;

    max-width: 18px;

    margin: 0 10px 0 0;

  }

  .hm-section1 .leftbox #time{

    font-size: 28px;

  }

  .hm-section1 .leftbox h4{

    font-size: 20px;

  }

  .hm-section2 .box-row{

    margin: 0 -40px;

  }

  .hm-section2 .box-col{

    padding: 0 40px;

  }

  .hm-section2{

    padding: 40px;

  }

  .hm-section2 .box-col h4{

    font-size: 20px;

    margin: 0 0 15px;

  }

  .hm-section2 .box-col p{

    line-height: 1.8;

  }

  .hm-section2 .box-col .ico{

    height: 40px;

    margin: 0 0 20px;

  }

  .hm-section3 .box-col .item h4{

    font-size: 20px;

  }

  .hm-section3 .box-col .item{

    padding: 40px 15px;

  }

  .hm-section3 .box-col .item p{

    font-size: 14px;

  }

}

@media (max-width: 991px) {

  .hm .body-title {

    font-size: 70px;

  }

  .hm .search-list li{

    margin: 0 5px 0 0;

  }

  .hm-section1 .rightbox{

    padding: 15px 20px;

  }

  .hm-section1 .hm-section1-swiper{

    height: 100px;

  }

  .hm-section1 .leftbox{

    flex: 0 0 160px;

    max-width: 160px;

  }

  .hm-section1 .leftbox #time{

    font-size: 24px;

  }

  .hm-section1 .leftbox h4{

    font-size: 18px;

  }

  .hm-section2{

    padding: 30px 20px;

  }

  .hm-section2 h3{

    font-size: 24px;

  }

  .hm-section2 .box-col .ico{

    height: 35px;

  }

  .hm-section2 .box-col h4{

    font-size: 16px;

    margin: 0 0 10px;

  }

  .hm-section2 .box-row{

    margin: 0 -20px;

  }

  .hm-section2 .box-col{

    padding: 0 20px;

  }

  .hm-section2 .box-col p{

    line-height: 1.6;

  }

  .hm-section2 .box-col:after{

    height: 130px;

  }

  .hm-section3 .box-col{

    flex: 0 0 50%;

    max-width: 50%;

    margin: 0 0 20px;

  }

  .hm-section3{

    margin: 0 0 30px;

  }

}

@media (max-width: 767px) {

  .hm{

    padding: 80px 0 40px;

  }

  .hm .body-title {

    font-size: 48px;

  }

  .hm .search-box{

    display: block;

    overflow: visible;

    border-radius: 0;

    background: transparent;

    height: auto;

  }

  .hm .search-box input{

    border-radius: 35px;

    background: #fff;

    margin: 0 auto 15px;

    width: 100%;

    height: 60px;

  }

  .hm .search-box .search-btn{

    margin: 0 auto;

    height: 50px;

    font-size: 16px;

  }

  .hm .search-box .search-btn img{

    flex: 0 0 15px;

    max-width: 15px;

  }

  .hm .search-list{

    height: 22px;

    overflow: hidden;

    justify-content: flex-start;

  }

  .hm .search-list li{

    margin: 0 10px 0 0;

  }

  .hm-section1 .leftbox{

    flex: 0 0 120px;

    max-width: 120px;

  }

  .hm-section1 .leftbox #time{

    font-size: 20px;

  }

  .hm-section1 .leftbox h4{

    font-size: 16px;

  }

  .hm-section1 .hm-section1-swiper .swiper-slide{

    flex-wrap: wrap;

  }

  .hm-section1 .hm-section1-swiper .swiper-slide p{

    width: 100%;

    flex: 0 0 100%;

    max-width: 100%;

    margin: 0;

  }

  .hm-section2 h3{

    font-size: 20px;

    margin: 0 0 25px;

  }

  .hm-section2 .box-col{

    display: flex;

    flex: 0 0 100%;

    max-width: 100%;

    text-align: left;

    margin: 0 0 30px;

  }

  .hm-section2 .box-col:last-child{

    margin: 0;

  }

  .hm-section2 .box-col .ico{

    height: auto;

    flex: 0 0 50px;

    max-width: 50px;

    margin: 0 20px 0 0;

  }

  .hm-section2 .box-col .ico img{

    width: 100%;

    height: auto;

  }

  .hm-section2 .box-col h4{

    font-size: 18px;

  }

  .hm-section1 .hm-section1-swiper .swiper-slide{

    border: 0;

  }

  .hm-section2 .box-col:after{

    display: none;

  }

}

@media (max-width: 575px) {

  .hm{

    padding: 40px 0;

  }

  .hm .body-title{

    font-size: 26px;

    margin: 0 0 40px;

  }

  .hm .search-box input{

    height: 40px;

    margin: 0 0 10px;

  }

  .hm .search-box .search-btn{

    height: 40px;

  }

  .hm .search-box .search-btn{

    flex: 0 0 140px;

    max-width: 140px;

    font-size: 14px;

  }

  .hm-section1 .flexbox{

    flex-wrap: wrap;

  }

  .hm-section1 .leftbox{

    flex: 0 0 100%;

    max-width: 100%;

    flex-direction: row-reverse;

    justify-content: flex-end;

    padding: 15px 15px 10px;

    border-bottom: 1px solid #ddd;

    border-right: 0;

  }

  .hm-section1 .leftbox #time{

    margin: 0 0 0 15px;

  }

  .hm-section1 .rightbox{

    padding: 15px;

  }

  .hm-section1 .hm-section1-swiper{

    height: 90px;

  }

  .hm .search-list{

    margin: 0 0 30px;

  }

  .hm-section2{

    padding: 20px 15px;

  }

  .hm-section2 h3{

    font-size: 18px;

    margin: 0 0 30px;

  }

  .hm-section2 .box-col .ico{

    flex: 0 0 40px;

    max-width: 40px;

    margin: 0 15px 0 0;

  }

  .hm-section2 .box-col h4{

    font-size: 16px;

    margin: 0 0 8px;

  }

  .hm-section2 .box-col p{

    line-height: 1.4;

    text-align: justify;

  }

  .hm-section3 .box-col .item{

    padding: 20px 15px;

  }

  .hm-section3 .box-col .item h4{

    font-size: 16px;

  }

  .hm-section3 .box-col .item p{

    height: 40px;

  }

  .hm-section3 .box-col .item .more{

    width: 110px;

    height: 30px;

    font-size: 14px;

  }

  .hm-section3 .box-row{

    margin: 0 -8px;

  }

  .hm-section3 .box-col{

    padding: 0 8px;

    margin: 0 0 16px;

  }

  .hm-section3{

    margin: 0 0 14px;

  }

}

.home-popup {

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 999999;

  display: flex;

  align-items: center;

  top: 0;

  left: 0;

  opacity: 0;

  padding: 0 15px;

  visibility: hidden;

  transition: 0.3s;

}

.home-popup.open {

  visibility: visible;

  opacity: 1;

}

.home-popup .popup-box {

  position: relative;

  z-index: 1;

  max-width: 610px;

  width: 100%;

  border-radius: 5px;

  margin: auto;

  margin: 0 auto;

  padding: 40px;

  background: #005e96;

}

.home-popup .popup-box .close-popup-btn {

  position: absolute;

  z-index: 1;

  right: 30px;

  top: 30px;

  width: 16px;

}

.home-popup .popup-box .close-popup-btn img {

  width: 100%;

}

.home-popup .popup-mask {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}

.home-popup-mask {

  position: fixed;

  z-index: 999998;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.6);

  display: none;

}

.home-popup-mask.open {

  display: block;

}

.home-popup .popup-box h2{

  font-size: 30px;

  font-weight: bold;

  text-align: center;

  color: #fff;

  margin: 0 0 40px;

}

.home-popup .popup-box form{

  text-align: center;

}

.home-popup .popup-box input{

  display: block;

  max-width: 400px;

  width: 100%;

  border-radius: 30px;

  height: 40px;

  font-size: 16px;

  padding: 0 20px;

  border: 0;

  background: #fff;

  outline: none;

  margin: 0 auto 20px;

}

.home-popup .popup-box input:last-child{

  margin: 0 auto 10px;

}

.home-popup .popup-box .des{

  text-align: center;

  font-size: 14px;

  color: #fff;

  margin: 0 0 30px;

}

.home-popup .popup-box button{

  width: 130px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  background: #ffd800;

  border-radius: 35px;

  margin: 0 auto;

  border: 0;

  outline: none;

}

@media (max-width: 575px) {

  .home-popup .popup-box{

    padding: 30px 20px;

  }

  .home-popup .popup-box h2{

    font-size: 20px;

  }

  .home-popup .popup-box .close-popup-btn{

    right: 20px;

    top: 20px;

  }

  .home-popup .popup-box input{

    font-size: 14px;

  }

  .home-popup .popup-box button{

    font-size: 14px;

  }

}